☰

LemmyTools

A small suite of tools to make Lemmy easier.

当前为 2023-07-10 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         LemmyTools
  3. // @namespace    https://thesimplecorner.org/c/lemmytools
  4. // @version      0.2.0
  5. // @description  A small suite of tools to make Lemmy easier.
  6. // @author       howdy@thesimplecorner.org
  7. // @author       @cwagner@lemmy.cwagner.me
  8. // @grant        none
  9. // @include      https://*
  10. // ==/UserScript==
  11.  
  12. //If lemmy do
  13. (function () {
  14.   "use strict";
  15.   if (!isLemmySite()) {
  16.     return;
  17.   }
  18.   const LogDebug = 0;
  19.   const LogInformation = 1;
  20.   const LogImportant = 2;
  21.   // ------------ EDIT THIS VARIABLE ---------------------
  22.   const homeInstance = "";
  23.  
  24.   // Choose a log level for the console:
  25.   const logLevel = LogDebug;
  26.   // const logLevel = LogInformation;
  27.   // const logLevel = LogImportant;
  28.   // ------------ END EDIT AREA --------------------------
  29.   // Fixes remote Instance home link. Example: var homeInstance = 'https://lemmy.world';
  30.   //Nothing below needs editing.
  31.   // -------------- VERSION -------------------
  32.   const ltVer = "0.2.0.0-preview";
  33.   const ltTestedVer = "0.18.1";
  34.   //--------------------------------------------
  35.  
  36.   /* Globals */
  37.  
  38.   const mobile = isltMobile();
  39.   let remoteCommunityArray = [];
  40.  
  41.   function isHomeInstanceSet(i2c) {
  42.     return i2c.length > 3;
  43.   }
  44.  
  45.   function ltLog(msg, level) {
  46.     level = level || LogImportant;
  47.     if (level < logLevel) return;
  48.     console.log("[LemmyTools]", msg);
  49.   }
  50.  
  51.   function isLemmySite() {
  52.     return (
  53.       document.querySelector('meta[name="Description"]').content === "Lemmy"
  54.     );
  55.   }
  56.  
  57.   function notHomeAndInCommunity(url) {
  58.     return (
  59.       url.includes(settings.instance) === false &&
  60.       (url.includes("/c/") ||
  61.         url.includes("/post/") ||
  62.         url.includes("/comment/") ||
  63.         url.includes("/communities"))
  64.     );
  65.   }
  66.  
  67.   function isltMobile() {
  68.     if (/Android|iPhone/i.test(navigator.userAgent)) {
  69.       ltLog("is mobile!");
  70.       return true;
  71.     } else {
  72.       ltLog("is desktop!");
  73.       return false;
  74.     }
  75.   }
  76.  
  77.   //Remote Instance
  78.   function update(comm, page, subString) {
  79.     try {
  80.       if (comm) {
  81.         const browsedComm = `<li><h5>${comm}</h5></li>
  82. <li>
  83.     <a href='${homeInstance}/c/${page}' target='_blank'><button type="button" class='ltbutton'>Browse/Sub on Home Instance</button></a>
  84.     <br />
  85.     <a href='${subString}' target='_blank'><button type="button" class='ltbutton'>Alternative Subscribe Method</button></a>
  86. </li>`;
  87.         remoteCommunityArray.push(browsedComm);
  88.       }
  89.     } catch {}
  90.  
  91.     return remoteCommunityArray;
  92.   }
  93.  
  94.   //Searches communityArray for results in LemmyTools Sidebar.
  95.   function searchComms(query, full) {
  96.     ltLog(`commsearch evt searchinput${query}${div}`, LogDebug);
  97.     const url = window.location.href;
  98.     query = query || "";
  99.     query = query.toLowerCase();
  100.  
  101.     if (query === "") {
  102.       const commsCount = localStorage.getItem("commsCount");
  103.       if (commsCount == null || full.length < 1) {
  104.         div.innerHTML = `<hr /><b>Welcome to LemmyTools! Ver ${ltVer}</b><br /><br />
  105. If this is your first time running the script, set your lemmy homeinstance in the option page. 
  106. [${ltVer}] - Manually enter your home lemmy instance in script for offsite home button functionality. (temporary)]. <br /><br /> 
  107. If you don’t see your subscribed communities here, simply login to your lemmy instance and then click the LemmyTools home button above. `;
  108.       } else {
  109.         div.innerHTML = `Communities: ${commsCount}<hr />${full}`;
  110.       }
  111.     } else {
  112.       //This searches the pushed communityArray with the query, saves it to a array, removes any duplicate values, sorts and then pushes to the commupdate function.
  113.       div.innerHTML = full;
  114.       ltLog(`Searching for:${query}`, LogDebug);
  115.       const children = div.getElementsByTagName("li");
  116.       ltLog(`Children found: ${children.length}`, LogDebug);
  117.       let data = [""];
  118.       let found;
  119.       for (let i = 0; i < children.length; i++) {
  120.         if (children[i].innerHTML.toLowerCase().indexOf(query) !== -1) {
  121.           found = children[i].innerHTML + "<br />";
  122.           ltLog(`Found: ${found}`, LogDebug);
  123.           data.push(found);
  124.         }
  125.       }
  126.       const resultSet = [...new Set(data)];
  127.       resultSet.sort();
  128.       commupdate(url, resultSet);
  129.     }
  130.   }
  131.  
  132.   function commupdate(page, data) {
  133.     ltLog("LTbar Update");
  134.     let count = -1;
  135.     data.forEach((_) => count++);
  136.     data = data.join("");
  137.     div.innerHTML = `Results: ${count}<hr /><br />${data}`;
  138.   }
  139.   const optionsKey = "LemmyToolsOptions";
  140.  
  141.   function getSettingsFromLocalStorage() {
  142.     try {
  143.       return JSON.parse(localStorage.getItem(optionsKey) || "{}");
  144.     } catch (_) {
  145.       return {};
  146.     }
  147.   }
  148.   function options(open) {
  149.     const odiv = document.getElementById("ltOptions");
  150.     ltLog(`Options Functions: ${open}`);
  151.     let userOptions = {};
  152.     if (open === 1) {
  153.       odiv.style.display = "block";
  154.     } else if (open === 2) {
  155.       //First run set defaults or pull from localstorage.
  156.       const mobile = isltMobile();
  157.       userOptions = Object.assign(
  158.         {},
  159.         {
  160.           commposSide: mobile ? "left" : "right",
  161.           reverseSide: mobile ? "right" : "left",
  162.           instance: homeInstance || window.location.origin,
  163.           commposVertical: 0,
  164.           expandImages: true,
  165.           hideSideBar: false,
  166.           expandImagesize: mobile ? 100 : 50,
  167.           hoverCheck: false,
  168.           unblurNSFW: false,
  169.           alienSiteOld: !mobile,
  170.           alienSiteOldReadWidth: 740,
  171.           expandImageSpeed: 0.5,
  172.           showAllImages: false,
  173.         },
  174.         getSettingsFromLocalStorage()
  175.       );
  176.       localStorage.setItem(optionsKey, JSON.stringify(userOptions));
  177.     } else if (open === 3) {
  178.       //save button
  179.       odiv.style.display = "none";
  180.  
  181.       userOptions.commposSide =
  182.         document.getElementById("option_commposSide").value;
  183.       userOptions.instance = document.getElementById(
  184.         "option_homeInstance"
  185.       ).value;
  186.       userOptions.commposVertical = parseInt(
  187.         document.getElementById("option_commposVertical").value
  188.       );
  189.       userOptions.expandImages = document.getElementById(
  190.         "option_expandImages"
  191.       ).checked;
  192.       userOptions.expandImagesize = parseInt(
  193.         document.getElementById("option_expandImagesize").value,
  194.         10
  195.       );
  196.       userOptions.expandImageSpeed = parseFloat(
  197.         document.getElementById("option_expandImageSpeed").value
  198.       );
  199.       userOptions.hideSideBar =
  200.         document.getElementById("option_hideSideBar").checked;
  201.       userOptions.hoverCheck =
  202.         document.getElementById("option_hoverCheck").checked;
  203.       userOptions.unblurNSFW =
  204.         document.getElementById("option_unblurNSFW").checked;
  205.       userOptions.alienSiteOld = document.getElementById(
  206.         "option_alienSiteOld"
  207.       ).checked;
  208.       userOptions.alienSiteOldReadWidth = parseInt(
  209.         document.getElementById("option_alienSiteOldReadWidth").value
  210.       );
  211.       userOptions.showAllImages = document.getElementById(
  212.         "option_showAllImages"
  213.       ).checked;
  214.  
  215.       if (userOptions.commposVertical > 85) {
  216.         userOptions.commposVertical = 85;
  217.       } else if (userOptions.commposVertical <= -1) {
  218.         userOptions.commposVertical = 0;
  219.       }
  220.  
  221.       if (userOptions.expandImageSpeed > 1) {
  222.         userOptions.expandImageSpeed = 1;
  223.       } else if (userOptions.expandImageSpeed < 0) {
  224.         userOptions.expandImageSpeed = 0;
  225.       }
  226.  
  227.       if (userOptions.commposSide === "left") {
  228.         userOptions.reverseSide = "right";
  229.       } else {
  230.         userOptions.reverseSide = "left";
  231.       }
  232.  
  233.       localStorage.setItem(optionsKey, JSON.stringify(userOptions));
  234.       location.reload(true);
  235.     }
  236.  
  237.     userOptions = getSettingsFromLocalStorage();
  238.     ltLog(`Settings ${JSON.stringify(userOptions)}`);
  239.     return userOptions;
  240.   }
  241.  
  242.   //Used for offset removal
  243.   function removeClassByWildcard(divClass) {
  244.     // If the class ends with a "*", then it matches all classes that start with the given class name.
  245.     if (divClass.endsWith("*")) {
  246.       divClass = divClass.replace("*", "");
  247.       // Get all elements with the given class name.
  248.       const elements = document.getElementsByTagName("div");
  249.       const re = new RegExp("(^|s)" + divClass + "(s|$)");
  250.       const result = [];
  251.       let className = "";
  252.  
  253.       for (let i = 0; i < elements.length; i++) {
  254.         if (re.test(elements[i].className)) {
  255.           console.log("Match: " + elements[i]);
  256.           result.push(elements[i]);
  257.           for (let y = 0; y < elements[i].classList.length; y++) {
  258.             if (elements[i].classList[y].indexOf(divClass) !== -1) {
  259.               className = elements[i].classList[y];
  260.               console.log(className);
  261.             }
  262.           }
  263.         }
  264.       }
  265.       // Remove the class from all elements.
  266.       for (let i = 0; i < result.length; i++) {
  267.         result[i].classList.remove(className);
  268.       }
  269.     } else {
  270.       // Otherwise, the class must match exactly.
  271.       const elements = document.querySelectorAll("[class=" + divClass + "]");
  272.  
  273.       // Remove the class from all elements.
  274.       for (let i = 0; i < elements.length; i++) {
  275.         elements[i].classList.remove(divClass);
  276.       }
  277.     }
  278.   }
  279.   //Expand all images on page
  280.   function allImages(show) {
  281.     const clickableImages = document.querySelectorAll(
  282.       '[aria-label="Expand here"]'
  283.     );
  284.     ltLog(clickableImages.length, LogDebug);
  285.     ltLog(clickableImages, LogDebug);
  286.     if (show) {
  287.       for (let i = 0; i < clickableImages.length; i = i + 2) {
  288.         try {
  289.           clickableImages[i].click();
  290.           clickableImages[i].show();
  291.         } catch {}
  292.       }
  293.     } else {
  294.       //lazy - need to figure out way to handle on dom iter
  295.       location.reload(true);
  296.     }
  297.   }
  298.  
  299.   // todo maybe something safer
  300.   function alienSiteOldStyle_compact() {
  301.     const xhr = new XMLHttpRequest();
  302.     xhr.open(
  303.       "GET",
  304.       "https://cdn.jsdelivr.net/gh/soundjester/lemmy_monkey@main/old.reddit.compact.user.js"
  305.     );
  306.     xhr.onload = function () {
  307.       document.head.appendChild(document.createElement("script")).innerHTML =
  308.         xhr.responseText;
  309.     };
  310.     xhr.send();
  311.   }
  312.     
  313.   function linksInNewTab () {
  314.    const links = document.getElementsByTagName("a");
  315.    for (let i = 0; i < links.length; i++)
  316.    {
  317.      links[i].setAttribute('target', '_blank');
  318.      links[i].setAttribute('rel', 'noreferrer');
  319.    }
  320.     
  321.   }
  322.   // LemmyTools
  323.  
  324.   //check if first run or load saved settings
  325.   let settings = options(2);
  326.  
  327.   /* The provided restyling was graciously used with permission from the developer(s) of Compact Lemmy to old.Reddit Re-format (Lemmy v0.18)
  328.  
  329.       // @name         Compact Lemmy to old.Reddit Re-format (Lemmy v0.18)
  330.       // @namespace    https://github.com/soundjester/lemmy_monkey
  331.       // @description  Reformat widescreen desktop to look more like Reddit
  332.       // @author       mershed_perderders, DarkwingDuck, dx1@lemmy.world, Djones4822, Jakylla
  333.  
  334.       Thank you.
  335.       */
  336.  
  337.   //Add Compact AlienSiteOld Theme
  338.   if (settings.alienSiteOld === true) {
  339.     console.log("LemmyTools: Adding alienSiteOld");
  340.     alienSiteOldStyle_compact();
  341.   }
  342.  
  343.   function checkedIfTrue(val) {
  344.     return val ? "checked" : "";
  345.   }
  346.     
  347.   /* Script */
  348.   let url = document.location.href;
  349.   window.onload = () => {
  350.     if (settings.showAllImages) allImages(true); // initial expansion
  351.     const body = document.querySelector("body");
  352.     const observer = new MutationObserver((_) => {
  353.       if (url !== document.location.href) {
  354.         url = document.location.href;
  355.         if (settings.showAllImages) {
  356.           setTimeout(() => {
  357.             allImages(true);
  358.           }, 1000); // todo there has to be a better way to wait for the content to be loaded …
  359.         }
  360.       }
  361.     });
  362.     observer.observe(body, { childList: true, subtree: true });
  363.   };
  364.   let count = 0;
  365.   let eIcheck = checkedIfTrue(settings.expandImages);
  366.   let hSBcheck = checkedIfTrue(settings.hideSideBar);
  367.   let hoverCheck = checkedIfTrue(settings.hoverCheck);
  368.   let unblurCheck = checkedIfTrue(settings.unblurNSFW);
  369.   let aSOcheck = checkedIfTrue(settings.alienSiteOld);
  370.   let showAllImagesCheck = checkedIfTrue(settings.showAllImages);
  371.   //Option Divs
  372.   //Is HomeInstance Manually Set For WorkAround
  373.  
  374.   var hIAlertString = isHomeInstanceSet(homeInstance)
  375.     ? ""
  376.     : "<b style='color: red;'>Your Home Instance has not been manually set in the UserScript.</b><br />";
  377.  
  378.     
  379.   //Create Lemmy Tools Elements ----------------------------------------
  380.  
  381.   const odiv = document.createElement("div");
  382.   odiv.setAttribute("id", "ltOptions");
  383.   odiv.classList.add("ltoptions", "border-secondary", "card");
  384.   odiv.innerHTML = `
  385.     <h4>LemmyTools ${ltVer} Options</h4>
  386.   </hr>
  387.   <div class='table-responsive'>
  388.     <table class='table'>
  389.       <thead class='pointer'>
  390.         <tr>
  391.           <th>Option:</th>
  392.           <th>Value:</th>
  393.       </thead>
  394.       </tr>
  395.       <tbody>
  396.         <tr>
  397.           <td><b>LemmyTools Settings:</b></td>
  398.           <td></td>
  399.         </tr>
  400.         <tr>
  401.           <td><b>HomeInstance URL</b><br /> Make sure to edit the homeInstance variable of<br /> the UserScript for the
  402.             remote instance Home button fix. (Temporary workaround).<br />(Ex:
  403.             https://yourinstance.lemmy)<br />${hIAlertString}</td>
  404.           <td><textarea id='option_homeInstance'>${settings.instance}</textarea></td>
  405.         </tr>
  406.         <tr>
  407.           <td><b>LemmyTools bar window side</b><br /> - default: right</td>
  408.           <td><select id="option_commposSide">
  409.               <option value='${settings.commposSide}'>${settings.commposSide}</option>
  410.               <option value='right'>right</option>
  411.               <option value='left'>left</option>
  412.             </select></td>
  413.         </tr>
  414.         <tr>
  415.           <td><b>LemmyTools bar vertical position </b><br />% from top [0-85] - default: 0</td>
  416.           <td><textarea id='option_commposVertical'>${settings.commposVertical}</textarea></td>
  417.         </tr>
  418.         <tr>
  419.           <td><b>Keep LemmyTools Bar Open</b><br />Works best for widescreen desktops.</td>
  420.           <td><input type='checkbox' id='option_hoverCheck' ${hoverCheck} /></td>
  421.         </tr>
  422.         <tr>
  423.           <td><br /><br /></td>
  424.           <td></td>
  425.         </tr>
  426.         <tr>
  427.           <td><b>Site Style and Behaviors:</b></td>
  428.           <td></td>
  429.         </tr>
  430.         <tr>
  431.           <td><b>Compact Lemmy to old.Reddit Re-format (Lemmy v0.18) style</b><br />Like the old alien.site but lemmy!
  432.             <br />Defaults - Desktop: On / Mobile: Off <br /><br /> Post width / comment width setting in pixels.
  433.             Increase or Decrease to your reading preference while viewing posts. (Default 740) </td>
  434.           <td><input type='checkbox' id='option_alienSiteOld' ${aSOcheck} /><br /><br /><br /><textarea
  435.               id='option_alienSiteOldReadWidth'>${settings.alienSiteOldReadWidth}</textarea></td>
  436.         </tr>
  437.         <tr>
  438.           <td><b>Hide Lemmy Sidebars</b><br /> (Trending, ServerInfo, Communities)<br /> More room for images on feed.
  439.           </td>
  440.           <td><input type='checkbox' id='option_hideSideBar' ${hSBcheck} /></td>
  441.         </tr>
  442.         <tr>
  443.           <td><b>Expandable Images</b><br />Acts as an auto-expander and adds the ability to manually<br /> expand
  444.             images by clicking and dragging.<br />Doubleclick to open full image.</td>
  445.           <td><input type='checkbox' id='option_expandImages' ${eIcheck} /></td>
  446.         </tr>
  447.         <tr>
  448.           <td><b>Auto Expand Size</b><br />Size of post image after opening a image post.<br /> Desktop Default: 50 /
  449.             Mobile: 100</td>
  450.           <td><textarea id='option_expandImagesize'>${settings.expandImagesize}</textarea></td>
  451.         </tr>
  452.         <tr>
  453.           <td><b>Expand Image Speed</b><br />Speed multiplier for click&drag expanding images. If your images seem to
  454.             expand<br /> too fast or slow, increase or decrease this value. [Values 0 to 1.0]<br /> Default: 0.50 </td>
  455.           <td><textarea id='option_expandImageSpeed'>${settings.expandImageSpeed}</textarea></td>
  456.         </tr>
  457.         <tr>
  458.             <td><b>Automatically open image posts</b><br /></td>
  459.             <td><input type='checkbox' id='option_showAllImages'${showAllImagesCheck}/></td>
  460.         </tr>
  461.         <tr>
  462.           <td><b>Auto unblur NSFW images</b><br /></td>
  463.           <td><input type='checkbox' id='option_unblurNSFW' ${unblurCheck} /></td>
  464.         </tr>
  465.         <tr>
  466.           <td></td>
  467.           <td><button id='LTsaveoptions'>Save / Close</button></td>
  468.         </tr>
  469.       </tbody>
  470.     </table>
  471.   </div>
  472.   <p> Tested on Lemmy Version: ${ltTestedVer} on firefox. <br />
  473.   <h5>LemmyTools Links</h5>
  474.   <hr /><a href='https://thesimplecorner.org/c/lemmytools'>!lemmytools@thesimplecorner.org</a><br />Get it here: <a
  475.     href='https://github.com/howdy-tsc/LemmyTools'>GitHub</a> or <a
  476.     href='https://greasyfork.org/en/scripts/469169-lemmytools'>GreasyFork</a><br />Please submit issues to the GitHub
  477.   for feature requests and problems: <a href='https://github.com/howdy-tsc/LemmyTools/issues'>GitHub LemmyTools
  478.     Issues</a><br /></p>
  479.  
  480. 	<h5>Attributes/Credit: </h5>
  481. 	<li><b>@cwagner@lemmy.cwagner.me</b> - For coding, code cleanup, and mentoring.</li>
  482.   <li>The provided style pack option of 'Compact Lemmy to old.Reddit Re-format (Lemmy v0.18)' was graciously used with
  483.     permission from the developer(s). <br />Please support their project here:<a
  484.       href='https://github.com/soundjester/lemmy_monkey'> Compact Lemmy to old.Reddit Re-format (Lemmy v0.18)</a></li>
  485. <br /><br /><a href='https://ko-fi.com/lemmytools'><img
  486.       src='https://storage.ko-fi.com/cdn/nav-logo-stroke.png' width='32' /><br />Enjoy LemmyTools?<br />Tip with
  487.     coffee!</a>
  488. `;
  489.  
  490.   //Adjust clickable area for mobile (add brandingString if desktop)
  491.   let brandingString = "";
  492.   if (mobile !== true) {
  493.     brandingString =
  494.       "<span style='vertical-align: super !important; writing-mode: vertical-lr; text-orientation: mixed;'>LemmyTools</span>";
  495.   }
  496.  
  497.   //Comm divs
  498.   const touchdiv = document.createElement("div");
  499.   touchdiv.setAttribute("id", "touchdiv");
  500.   const idiv = document.createElement("div");
  501.   idiv.setAttribute("id", "searchdiv");
  502.   idiv.classList.add("ltmenu", "border-secondary", "card");
  503.   // todo on input
  504.   idiv.innerHTML = `
  505.   <div id='ltActiveSearchDiv' class='ltActiveSearchDiv'>
  506.     <header id='ltBarHeader' class='card-header'>
  507.       <h6><a href=${settings.instance}>Home</a> - <a href='https://lemmyverse.net/communities' target='_new'>Find
  508.           Subs</a> - <img width=22 height=22 class='targetImg'
  509.           src='data:image/webp;base64,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' />
  510.       </h6>
  511.     </header><input type='text' id='commsearch' name='commsearchinput'
  512.       placeholder='Search your subscriptions (or visted subs)' />
  513.     <div id='ltBarSubHeader' class='clickAble'>LemmyTools ${ltVer} - <a href='#' id='LToptions'>Options</a></div>
  514.     <div style='clear:both;'></div>
  515.   </div>
  516.   <div id='ltPassiveSearchDiv' class='ltPassiveSearchDiv'><img width=30 height=30 class='targetImg'
  517.       src='data:image/webp;base64,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' />${brandingString}
  518.   </div><br />`;
  519.  
  520.   const div = document.createElement("div");
  521.   div.setAttribute("id", "myDiv");
  522.   div.classList.add("ltcommsbar");
  523.  
  524.   let styleString = `
  525.   .ltmenu {
  526.       position: fixed;
  527.       top: ${settings.commposVertical}%;
  528.       ${settings.commposSide}: 0;
  529.       font-size: .75rem;
  530.       display: block;
  531.       height: 100%;
  532.       min-height: auto;
  533.       z-index: 999;
  534.       overflow: scroll;
  535.       border: thick double;
  536.       border-right: none !important;
  537.       outline: 1px solid grey !important;
  538.     }
  539.  
  540.     .ltActiveSearchDiv {
  541.       font-size: 0.9rem;
  542.       width: 100%;
  543.     }
  544.  
  545.     .ltmenu input {
  546.       width: 100%;
  547.     }
  548.  
  549.     .ltPassiveSearchDiv {
  550.       display: none;
  551.       width: 100%;
  552.     }
  553.  
  554.     .post-listings .img-fluid {
  555.       width: ${settings.expandImagesize}%
  556.     }
  557.  
  558.     #myDiv li {
  559.       list-style-type: none;
  560.     }
  561.  
  562.     #myDiv hr {
  563.       display: block;
  564.     }
  565.  
  566.     #searchdiv {
  567.       ${settings.commposSide}: 0;
  568.       position: fixed;
  569.       height: 100%;
  570.       min-height: auto;
  571.       width: 240px;
  572.       display: block;
  573.       z-index: 999;
  574.       overflow: scroll;
  575.       transition-timing-function: ease;
  576.       transition: ${settings.commposSide} .25s;
  577.       transition-delay: 0, 0.25s;
  578.       overflow: auto;
  579.       -ms-overflow-style: none;
  580.       scrollbar-width: none;
  581.     }
  582.  
  583.     .ltbutton {
  584.       background-color: #ccffe5;
  585.     }
  586.  
  587.     .ltPassiveSearchDiv {
  588.       display: none;
  589.     }
  590.  
  591.     .ltoptions {
  592.       position: fixed;
  593.       min-width: auto;
  594.       min-height: auto;
  595.       width: auto;
  596.       height: 100%;
  597.       top: 0;
  598.       display: none;
  599.       left: 0;
  600.       overflow: scroll;
  601.       z-index: 1000;
  602.       padding: 0.5%;
  603.       border: thick double;
  604.     }
  605.  
  606.     #myDiv::-webkit-scrollbar {
  607.       display: none;
  608.     }
  609.  
  610.     #myDiv {
  611.       -ms-overflow-style: none;
  612.       scrollbar-width: none;
  613.     }
  614.  
  615.     #searchdiv::-webkit-scrollbar {
  616.       display: none;
  617.     }`;
  618.  
  619.   if (settings.unblurNSFW) {
  620.     styleString +=
  621.       " .img-blur {filter: none !important; -webkit-filter: none !important; -moz-filter: none !important; -o-filter: none !important; -ms-filter: none !important;} ";
  622.   } else {
  623.     styleString +=
  624.       " .img-blur {filter: blur !important; -webkit-filter: blur !important; -moz-filter: blur !important; -o-filter: blur !important; -ms-filter: blur !important;} ";
  625.   }
  626.  
  627.   if (settings.hideSideBar) {
  628.     styleString +=
  629.       ".container, .container-lg, .container-md, .container-sm, .container-xl { }" +
  630.       ".col-md-8 {flex: 0 0 80% !important;max-width: 80%;}";
  631.   } else {
  632.     styleString +=
  633.       ".container, .container-lg, .container-md, .container-sm, .container-xl {}";
  634.   }
  635.   if (!settings.hoverCheck) {
  636.     styleString += `
  637.     #myDiv:not(:hover) {
  638.       animation: showNavOut 500ms ease-in-out both;
  639.       display: none;
  640.       height: 0;
  641.       transition-timing-function: ease;
  642.       transition: height;
  643.       transition-duration: 1.0;
  644.       transition-delay: 0.5s;
  645.     }
  646.  
  647.     .ltPassiveSearchDiv {
  648.       display: block;
  649.       float: ${settings.reverseSide};
  650.       padding-${settings.commposSide}: 200px;
  651.     }
  652.  
  653.     #ltActiveSearchDiv {
  654.       display: none;
  655.       animation: showNav 500ms ease-in-out both;
  656.     }
  657.  
  658.     #sidebarSubscribed {
  659.       display: none;
  660.     }
  661.  
  662.     #searchdiv {
  663.       ${settings.commposSide}: -200px;
  664.       position: fixed;
  665.       height: 110px;
  666.       min-height: auto;
  667.       width: 240px;
  668.       display: block;
  669.       z-index: 999;
  670.       overflow: auto;
  671.       display: block;
  672.       transition-timing-function: ease;
  673.       transition: ${settings.commposSide},
  674.       height;
  675.       transition-duration: 0.25s, 0.25s;
  676.       transition-delay: 0.25s, 0.25s;
  677.       /*animation: showNavOut 250ms ease-in-out both;*/ /*Breaks things?*/
  678.     }
  679.  
  680.     #searchdiv:hover .ltActiveSearchDiv {
  681.       display: block;
  682.     }
  683.  
  684.     #searchdiv:hover .ltPassiveSearchDiv {
  685.       display: none;
  686.     }
  687.  
  688.     #searchdiv:hover {
  689.       ${settings.commposSide}: 0;
  690.       position: fixed;
  691.       height: 100%;
  692.       min-height: auto;
  693.       width: 240px;
  694.       display: block;
  695.       z-index: 999;
  696.       display: block;
  697.       overflow: auto;
  698.     }
  699.  
  700.     #searchdiv:hover>#myDiv {
  701.       ${settings.commposSide}: 0;
  702.       word-wrap: break-word;
  703.       overflow: auto;
  704.       display: block;
  705.       height: 100%;
  706.       width: 240px;
  707.       animation: showNav 500ms ease-in-out both;
  708.     }
  709.  
  710.     @keyframes showNav {
  711.       from {
  712.         opacity: 0;
  713.       }
  714.  
  715.       to {
  716.         opacity: 1;
  717.       }
  718.     }
  719.     @keyframes showNavOut {  from {opacity: 1;}  to {opacity: 0;}}`;
  720.   } else {
  721.     styleString +=
  722.       " myDiv {visibility: visible; height: auto; width: auto; overflow:scroll !important;}";
  723.   }
  724.  
  725.   //Adjust clickable area for mobile (remove brandingString)
  726.   if (mobile === true) {
  727.     styleString += " #searchdiv {height: 35px;}";
  728.   }
  729.  
  730.   //Adjust Comment/Post width (for reading with compact old style)
  731.   if (settings.alienSiteOld === true) {
  732.     styleString += `
  733.     #postContent,
  734.     .md-div,
  735.     .alert-warning {
  736.       max-width: 740px !important;
  737.     }
  738.  
  739.     .mb-3.row {
  740.       max-width: ${settings.alienSiteOldReadWidth}px !important;
  741.     }
  742.  
  743.     .comment {
  744.       max-width: ${settings.alienSiteOldReadWidth}px !important;
  745.     }`;
  746.   }
  747.  
  748.   // ADD MAIN CSS
  749.   document.head.appendChild(document.createElement("style")).innerHTML =
  750.     styleString;
  751.  
  752.   //add lemmytools elements to page
  753.   document.body.appendChild(odiv);
  754.   document.body.appendChild(idiv);
  755.   idiv.appendChild(div);
  756.  
  757.   document.getElementById("LToptions").addEventListener("click", (e) => {
  758.     e.preventDefault();
  759.     options(1);
  760.   });
  761.  
  762.   const searchInput = document.getElementById("commsearch");
  763.   searchInput.addEventListener("input", (e) => {
  764.     e.preventDefault();
  765.     searchComms(searchInput.value, communityArray);
  766.   });
  767.  
  768.   document.getElementById("LTsaveoptions").addEventListener("click", (e) => {
  769.     e.preventDefault();
  770.     options(3);
  771.   });
  772.  
  773.   //Easier Subscribe Buttons ---------------------------
  774.   ltLog("url is " + url);
  775.   let rCommunityArray = [];
  776.   //Browsing remote instance
  777.   setInterval(function () {
  778.     const broken = url.split("/c/");
  779.     const site = broken[0].replace("https://", "");
  780.     let community = broken[1];
  781.     let communityName = community;
  782.     try {
  783.       const broken2 = community.split("?");
  784.       community = broken2[0];
  785.       communityName =
  786.         community.indexOf("@") > -1 ? community : community + "@" + site;
  787.     } catch {}
  788.  
  789.     const subString =
  790.       `${settings.instance}/search?q=!${communityName}&type=All&listingType=All&page=1`.replace(
  791.         "#",
  792.         ""
  793.       );
  794.  
  795.     if (notHomeAndInCommunity(url)) {
  796.       ltLog(`On remote instance community - DIRECT - Button to: ${subString}`);
  797.       rCommunityArray = update(community, url, subString);
  798.       rCommunityArray = [...new Set(rCommunityArray)];
  799.       rCommunityArray = rCommunityArray.reverse();
  800.       div.innerHTML = rCommunityArray;
  801.       communityArray = rCommunityArray;
  802.     }
  803.   }, 1000);
  804.  
  805.   // Update homeInstance Comms for bar to use
  806.   let communityArray = [];
  807.   if (url.includes(settings.instance)) {
  808.     ltLog("home instance do bar");
  809.     document
  810.       .querySelectorAll('[class="list-inline-item d-inline-block"]')
  811.       .forEach(function (el) {
  812.         communityArray.push("<li>" + el.innerHTML + "</li>");
  813.       });
  814.     communityArray = [...new Set(communityArray)];
  815.     if (count === 0 || count == null) {
  816.       count = communityArray.length;
  817.     }
  818.  
  819.     communityArray = communityArray.join("");
  820.  
  821.     div.innerHTML += communityArray;
  822.     if (div.innerHTML.length >= 20) {
  823.       ltLog("Got Results >= 20", LogDebug);
  824.       ltLog("setting localcomms localstore", LogDebug);
  825.       localStorage.setItem("localComms", communityArray);
  826.       localStorage.setItem("commsCount", count.toString()); // todo why store the count? communityArray.length everywhere should be easier
  827.       //force update the page
  828.       searchComms("", communityArray);
  829.     } else {
  830.       ltLog("get localcomms from localstore", LogDebug);
  831.       communityArray = localStorage.getItem("localComms");
  832.  
  833.       div.innerHTML += communityArray;
  834.       //force update the page
  835.       searchComms("", communityArray);
  836.     }
  837.   } else {
  838.     ltLog("On Remote Instance - Bar", LogDebug);
  839.   }
  840.  
  841.   //Expand Images----------------------------------------------
  842.  
  843.   setInterval(function () {
  844.     if (settings.expandImages === true) {
  845.       let theImages = document.getElementsByClassName("img-expanded");
  846.       for (let i = 0; i < theImages.length; i++) {
  847.         theImages[i].addEventListener("mousedown", startDrag);
  848.       }
  849.  
  850.       let posX;
  851.       let node;
  852.  
  853.       function startDrag(e) {
  854.         e.preventDefault();
  855.  
  856.         node = e.currentTarget;
  857.         node.style.cursor = "nwse-resize";
  858.         try {
  859.           node.closest("a").setAttribute("onclick", "return false;");
  860.           node.target.closest("a").setAttribute("overflow", "auto;");
  861.           node.preventDefault();
  862.         } catch {}
  863.  
  864.         posX = e.clientX;
  865.         document.addEventListener("mousemove", resize);
  866.         document.addEventListener("mouseup", stopDrag);
  867.       }
  868.  
  869.       function resize(e) {
  870.         e.preventDefault();
  871.         const nextPosX = e.pageX;
  872.         node.style.width =
  873.           node.offsetWidth +
  874.           (nextPosX - posX) * settings.expandImageSpeed +
  875.           "px";
  876.         posX = nextPosX;
  877.       }
  878.  
  879.       function stopDrag(e) {
  880.         e.preventDefault();
  881.         node.style.cursor = "default";
  882.         document.removeEventListener("mousemove", resize);
  883.         document.removeEventListener("mouseup", stopDrag);
  884.       }
  885.     } // if expand images
  886.  
  887.     //Removes the offset from images.
  888.     try {
  889.       removeClassByWildcard("offset-*");
  890.     } catch {}
  891.  
  892.     //sidebar settings do
  893.     if (settings.hideSideBar === true) {
  894.       try {
  895.         const sidebarSubscribed = document.getElementById("sidebarContainer");
  896.         sidebarSubscribed.style.display = "none";
  897.         removeClassByWildcard("site-sideba*");
  898.  
  899.         const serverInfo = document.getElementById("sidebarInfo");
  900.         serverInfo.style.display = "none";
  901.       } catch {}
  902.     }
  903.  
  904.     //Show All Images Functionality on button toggle.
  905.     try {
  906.       let addImageButtonArea = document.getElementsByClassName(
  907.         "mb-3"
  908.       );
  909.       if (
  910.         addImageButtonArea[0].innerHTML.indexOf("showAllImages") === -1 &&
  911.         !settings.showAllImages
  912.       ) {
  913.         addImageButtonArea[0].appendChild(
  914.           document.createElement("div")
  915.         ).innerHTML =
  916.           "<div class='col-auto'><input type='button' id='showAllImages' class='pointer btn btn-secondary text-bg-primary' value='Show All Images' /> </div>";
  917.         const showImagesButton = document.getElementById("showAllImages");
  918.         showImagesButton.addEventListener("click", function () {
  919.           if (showImagesButton.value === "Show All Images") {
  920.             showImagesButton.value = "Hide All Images";
  921.             allImages(true);
  922.           } else {
  923.             showImagesButton.value = "Show All Images";
  924.             allImages(false);
  925.           }
  926.         });
  927.       }
  928.     } catch {}
  929.   	//Links Open In New Tab
  930. 		linksInNewTab();
  931.   }, 500);
  932.       
  933. })();