2.4.13

Signed-off-by: Magic <magicoflolis@tuta.io>

Author: magicoflolis

README.gf.md

@@ -1,107 +1,52 @@
 # Magic Userscript+
 
-> [09/09/21] Greasy Fork version may not work due to userscript library being removed. Use [GitHub](https://raw.githubusercontent.com/magicoflolis/Userscript-Plus/master/dist/magic-userjs.user.js) version for now.
-
-*Fork of [Userscript+ : Show Site All UserJS](https://greasyfork.org/scripts/24508-userscript-show-site-all-userjs). Source code & authors information found [here](https://github.com/jae-jae/Userscript-Plus#userscript).*
+*Fork of [Userscript+ : Show Site All UserJS](https://github.com/jae-jae/Userscript-Plus#userscript). Source code & authors information found [here](https://github.com/jae-jae/Userscript-Plus).*
 
 > Finds available UserJS for current site.
 
-![Preview](https://raw.githubusercontent.com/magicoflolis/Userscript-Plus/master/resources/preview.png)
+| Preview(s) |
+|:----------:|
+![Preview](https://raw.githubusercontent.com/magicoflolis/Userscript-Plus/master/resources/preview.png)|
 
 ***
 
-| Version | Link | Note | Alternative | Build |
-|:----------:|:----------:|:----------:|:----------:|:----------:|
-Chrome | ~~Install [Chrome Web Store]~~ | **There are no excluded websites, use at your own risk.** *Must be installed [manually](#manual-install).* | [Install [GitHub]](https://github.com/magicoflolis/Userscript-Plus/releases) | [Extension](#build-setup)
-Firefox | [Install [Firefox Add-ons]](https://addons.mozilla.org/addon/userscript-plus) | **There are no excluded websites, use at your own risk.** *Can be installed [manually](#manual-install).* | [Install [GitHub]](https://github.com/magicoflolis/Userscript-Plus/releases) | [Add-on](#build-setup)
-Userscript | [Install](#install-area) | The userscript **WON'T** work for all websites, [info](#known-bugs). | [Install [GitHub]](https://raw.githubusercontent.com/magicoflolis/Userscript-Plus/master/dist/magic-userjs.user.js) | [Userscript](#build-setup)
+| Version | Link | Alternative | Note |
+|:----------:|:----------:|:----------:|:----------:|
+Chrome / Edge | - | - | Work in progress
+Firefox | - | - | Work in progress
+Userscript | [Greasy Fork](https://greasyfork.org/scripts/421603) | [Install (GitHub)](https://github.com/magicoflolis/Userscript-Plus/releases/latest/download/magic-userjs.user.js) | -
 
 ***
 
 ## Features
 
-**_Optional_** *install [Greasyfork Search with Sleazyfork Results include](https://greasyfork.org/scripts/23840).*
-
-> Currently [Userscript+](https://github.com/jae-jae/Userscript-Plus#userscript) can only find userscripts through __GreasyFork__, I've added support for __SleazyFork__ along with a few additional features and tweaks!
-
 * Tested and compatible with TamperMonkey n ViolentMonkey.
 * Trimmed / moved some @resources to this build.
 * Added [SleazyFork](https://sleazyfork.org).
 * Added Dark Theme.
 * Added extra @excludes.
 * Added built-in [Greasyfork Search with Sleazyfork Results include](https://greasyfork.org/scripts/23840).
+* Added ability to customize width.
 
-```bash
-let sleazyfork_redirect = false; // "true" to enable, "false" to disable
+```JS
+const sleazyfork_redirect = false, // 'true' to enable, 'false' to disable
+custom_width = '', // Default UserJS width: 90vw | Original UserJS width: 860px
+...
 ```
 
 ## Known bugs
 
-* [ User Script ] *May* conflict with a few running user scripts. (Example: [Twitter External Translator](https://greasyfork.org/scripts/421643))
+* [ Chinese ] List may not display properly.
+* [ User Script ] *May* conflict with any UserJS that runs in iframes.
 * [ All ] May leave a opened tab when installing user scripts.
 * [ User Script ] Found count may not appear.
 * [ User Script ] In some sites below the plug-in interface icon is not displayed
 
 > **Reason**：This is because the security policy of these sites to prevent the plug-in icon font file loading, resulting in the icon does not display properly.
 
-## Manual Install
-
-Chromium
-
-* Download and unzip [latest release](https://github.com/magicoflolis/Userscript-Plus/releases) into desired folder.
-* Go to chromium/chrome *Extensions*.
-* Click to check *Developer mode*.
-* Click *Load unpacked extension...*.
-* In the file selector dialog:
-  * Select the directory `userscript_for_tampermonkey-*` / desired folder.
-  * Click *Open*.
-
-Firefox
-
-> See: [Temporary installation in Firefox](https://extensionworkshop.com/documentation/develop/temporary-installation-in-firefox)
-
-* Download and unzip [latest release](https://github.com/magicoflolis/Userscript-Plus/releases) into desired folder.
-* Copy and paste `about:debugging#/runtime/this-firefox` into your URL.
-* Click *Load Temporary Add-on…*.
-* In the file selector dialog:
-  * Select the directory `userscript_for_tampermonkey-*` / desired folder.
-  * Click *Open*.
-
-## Build Setup
-
-> Developed using [VSCodium](https://vscodium.com).
-
-| Help Links |
-|:----------:|
-[web-ext documentation](https://extensionworkshop.com/documentation/develop/getting-started-with-web-ext/) |
-[http-server](https://github.com/http-party/http-server) |
-[How to edit scripts with your favorite editor?](https://violentmonkey.github.io/posts/how-to-edit-scripts-with-your-favorite-editor/#install-a-local-script) |
-
-```bash
-# Install dependencies ( if error use npm i --force )
-npm i
-# [ Production ] Builds both User Script and Browser Extension
-npm run build:all
-# [ Development ] User Script
-# Recommend bookmarking for faster deployment
-# http://localhost:8080/magic-userjs.user.js
-npm run dev:user
-npm run http-server
-# [ Development ] Browser Extension
-# For Firefox use web-ext
-# Recommended to create additional profile about:profiles
-web-ext run -p <profile>
-npm run dev:browser
-# For Chrome load unpacked, REPLACE manifest.json with chrome-manifest.json
-```
-
 ## Source Code
 
-* [GitHub](https://github.com/magicoflolis/Userscript-Plus)
-
-### License
-
-MIT
+* [https://github.com/magicoflolis/Userscript-Plus/tree/master/src](https://github.com/magicoflolis/Userscript-Plus/tree/master/src)
 
 ### Contacts
 

README.md

@@ -14,7 +14,7 @@
 |:----------:|:----------:|:----------:|:----------:|
 Chrome / Edge | - | - | Work in progress
 Firefox | - | - | Work in progress
-Userscript | [Install (GitHub)](https://github.com/magicoflolis/Userscript-Plus/releases/latest/download/magic-userjs.user.js) | [Greasy Fork](https://greasyfork.org/scripts/421603) | -
+Userscript | [Greasy Fork](https://greasyfork.org/scripts/421603) | [Install (GitHub)](https://github.com/magicoflolis/Userscript-Plus/releases/latest/download/magic-userjs.user.js) | -
 
 ***
 
@@ -26,14 +26,18 @@ Userscript | [Install (GitHub)](https://github.com/magicoflolis/Userscript-Plus/
 * Added Dark Theme.
 * Added extra @excludes.
 * Added built-in [Greasyfork Search with Sleazyfork Results include](https://greasyfork.org/scripts/23840).
+* Added ability to customize width.
 
-```bash
-let sleazyfork_redirect = false; // "true" to enable, "false" to disable
+```JS
+const sleazyfork_redirect = false, // 'true' to enable, 'false' to disable
+custom_width = '', // Default UserJS width: 90vw | Original UserJS width: 860px
+...
 ```
 
 ## Known bugs
 
-* [ User Script ] *May* conflict with a few running user scripts. (Example: [Twitter External Translator](https://greasyfork.org/scripts/421643))
+* [ Chinese ] List may not display properly.
+* [ User Script ] *May* conflict with any UserJS that runs in iframes.
 * [ All ] May leave a opened tab when installing user scripts.
 * [ User Script ] Found count may not appear.
 * [ User Script ] In some sites below the plug-in interface icon is not displayed
@@ -42,7 +46,7 @@ let sleazyfork_redirect = false; // "true" to enable, "false" to disable
 
 ## Source Code
 
-* [GitHub](https://github.com/magicoflolis/Userscript-Plus/src)
+* [https://github.com/magicoflolis/Userscript-Plus/tree/master/src](https://github.com/magicoflolis/Userscript-Plus/tree/master/src)
 
 ### Contacts
 

src/js/api.js

@@ -12,9 +12,8 @@ export const us = {
         elm.addEventListener("touchstart", callback);
         elm.addEventListener("touchend", callback);
       }
-    } else {
-      return elm.addEventListener(event, callback);
-    }
+    };
+    return elm.addEventListener(event, callback);
   },
   /** Waits until args return true */
   async check(args) {
@@ -30,13 +29,8 @@ export const us = {
     if(attrs) {
       for (let key in attrs) {
         el[key] = attrs[key];
-        // // keys
-        // alert( key );  // name, age, isAdmin
-        // // values for the keys
-        // alert( attrs[key] ); // John, 30, true
       }
     }
-
     return el;
   },
   delay(ms) {

src/js/start.js

@@ -8,25 +8,15 @@ import { format } from "timeago.js";
 import psl from "psl";
 
 let config = {
-    api: "https://greasyfork.org/scripts/by-site/{host}.json",
-    sapi: "https://sleazyfork.org/scripts/by-site/{host}.json"
+    api: 'https://greasyfork.org/scripts/by-site/{host}.json',
+    sapi: 'https://sleazyfork.org/scripts/by-site/{host}.json'
   },
   cfg,
   brws = (typeof browser=="undefined"?chrome:browser),
   msg = brws.runtime.connect({name:"messenger"});
-
   msg.onMessage.addListener((m) => {
     cfg = m.cfg;
     us.log(cfg);
-    // us.fetchURL(`https://greasyfork.org/scripts/by-site/${location.hostname}.json`).then(json => {
-    //   json = json.map(item => {
-    //     item.user = item.users[0];
-    //     return item;
-    //   });
-    //   sessionStorage.setItem(host, JSON.stringify(json));
-    //   callback(json);
-    // })
-    // us.ael(win,"load",loadConfig);
   });
 
 const Tools = {
@@ -101,7 +91,7 @@ const Tools = {
       this.host.then(host => {
         let data = bgSessionStorage.getItem(host),
         fetchJS = (url) => {
-          let f = fetch(url).then(r => r.json())
+          let f = fetch(url).then(r => r.json());
           f.then(json => {
             json = json.map(item => {
               item.user = item.users[0];
@@ -178,18 +168,6 @@ Tools.getData((json) => {
   originData = json,
   count = data.length;
   for (let d of data) {
-    // let container = us.create("div","container"),
-    // arrow = us.create("div","up-arrow"),
-    // order = us.create("div","up-order"),
-    // title = us.create("div","up-title"),
-    // author = us.create("div","up-author"),
-    // daily = us.create("div","up-daily"),
-    // updated = us.create("div","up-updated"),
-    // version = us.create("div","up-version"),
-    // rating = us.create("div","up-raing"),
-    // desc = us.create("div","up-desc"),
-    // installs = us.create("div","up-installs"),
-    // install = us.create("div","up-install");
     itemID+=1;
     let row = us.create("tr","ivu-table-row", {
       innerHTML: `<td class="">

src/sass/main.scss

@@ -24,8 +24,6 @@
   span {
     background-color: #2e323d;
     color: #fff;
-    width: -webkit-fit-content;
-    width: -moz-fit-content;
     width: fit-content;
     display: block;
     padding: 1rem;

src/sass/options.scss

@@ -44,10 +44,7 @@ body.userjs-options {
   .switch {
     position: relative;
     width: 38px;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
+    user-select: none;
     input {
       display: none;
       &:checked+label {