☰

redditmod

Dark themes, inline posts/comments, endless scrolling, subreddit filters, and other improvements for reddit.com

目前为 2018-01-19 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name        redditmod
  3. // @namespace   derv82
  4. // @description Dark themes, inline posts/comments, endless scrolling, subreddit filters, and other improvements for reddit.com
  5. // @include     https://*.reddit.com/*
  6. // @version     2.0.0
  7. // @grant       GM.getValue
  8. // @grant       GM.setValue
  9. // @grant       GM.xmlHttpRequest
  10. // @grant       GM_getValue
  11. // @grant       GM_setValue
  12. // @grant       GM_xmlhttpRequest
  13. // @connect     reddit.com
  14. // @connect     imgur.com
  15. // @connect     mercury.postlight.com
  16. // @connect     gfycat.com
  17. // @connect     soundcloud.com
  18. // @connect     explosm.net
  19. // @connect     imgflip.com
  20. // @connect     streamable.com
  21. // @connect     instagram.com
  22. // @connect     deviantart.com
  23. // @connect     xkcd.com
  24. // @run-at      document-start
  25. // @require     https://greasemonkey.github.io/gm4-polyfill/gm4-polyfill.js
  26. // ==/UserScript==
  27.  
  28. /** TODO
  29.  * Delete filter button.
  30.  * Support domains: giphy, flickr, prnt.sc, questionablecontent
  31.  * Can't collapse/expand comments provided by RedditPromise for some reason... need to hijack onclick?
  32.  * Can't click links in inline-comments (should be target=_blank).
  33.  * Clicking bottom of inline-comment (marked as hovered) doesn't expand/collapse.
  34.  * Voting on posts expands/collapses.
  35.  * Can't vote on expanded comments.
  36.  * Setting toggle: Shrink images to screen height
  37.  * "Options" bar @ top: Fit to window, overflow-y:scroll ?
  38.  */
  39.  
  40. (() => {
  41.   'use strict';
  42.  
  43.   const DEBUG = true; // TODO: Change to false for release.
  44.  
  45.   /** Helper/Wrapper around console.log -- includes stack trace. */
  46.   function debug() {
  47.     if (!DEBUG) return;
  48.     const args = ['[Redditmod@'
  49.       + (new Error()).stack.replace(/.*\?id=[a-f0-9\-]*:/g, '').replace(/@.*[^\r\n]/g, '').replace(/\n\n/g, '').replace(/\n$/g, '').replace(/\n/g, ' <- ')
  50.       + ']'];
  51.     for (let i = 0; i < arguments.length; i++) {
  52.       args.push(arguments[i]);
  53.     }
  54.     console.log.apply(console.log, args);
  55.   }
  56.  
  57.   /** Helper function for preventing event bubbling. */
  58.   function stopEvent(event) {
  59.     if (event && event.stopPropagation) event.stopPropagation();
  60.     if (event && event.preventDefault) event.preventDefault();
  61.   }
  62.  
  63.  
  64.   /**
  65.    * Promises accessors to a loaded configuration.
  66.    */
  67.   const CONFIG = (() => {
  68.     const BASE_STYLE = '.thing.gilded:hover,.thing:hover{background:linear-gradient(to right,var(--bg-2),var(--bg) 50%,var(--bg-2));box-shadow:0 0 5px rgba(0,0,0,.5)}body>.content .link .rank{width:auto!important}.thing{padding:3px 10px;border-radius:10px;transition:height .2s ease-in-out}#header-img.default-header{width:30px}.redditmod-filter-subreddit-button{border:none;background-color:var(--fg-link);color:var(--bg)!important;font-weight:900;border-radius:15px;padding:0 1.9px .5px;margin-left:5px;box-shadow:0 0 5px rgba(0,0,0,.5)}.redditmod-filter-subreddit-button:hover{text-decoration:none!important;box-shadow:0 0 2px rgba(0,0,0,.5)}';
  69.     const THEMED_STYLE = '#header-bottom-right,.ProfileSidebar__titleContainer,.ProfileTemplate.m-updated,.content,.link,.listing-chooser li.selected,.side,.tabmenu li.selected a,.user-subreddit-banner,body,body.with-listing-chooser .listing-chooser .grippy,html{background-color:var(--bg)}#header,#sr-drop-down,#sr-header-area,.BlueBar,.Media.m-profile.m-image,.Post,.Post__pinInfo,.Post__stickiedDivider,.ProfileBarDropdown__list,.SubscriptionBar,.author-tooltip__head,.authorized-app,.crosspost-preview,.drop-choices,.explore-comment .explore-label,.explore-discovery .explore-label,.explore-hot .explore-label,.explore-rising .explore-label,.gold-accent,.hover-bubble,.infobar,.link .usertext-body .md,.linkinfo,.listing-chooser li,.liveupdate-listing li.liveupdate time::before,.liveupdate-listing li.separator time,.message .subject .correspondent,.message.new>.entry,.modal-content,.nextprev a:hover,.raisedbox,.report-modal .modal-content,.roundfield,.searchpane,.server-seconds,.sr-interest-bar,.sr-interest-bar .bubble,.subreddit .usertext .md,.tabmenu li a,.trophy-area .content,body.with-listing-chooser .listing-chooser,div.link.self:hover,main[role=main]{background-color:var(--bg-2)}#newlink-with-image-upload #new-link-preview,#newlink-with-image-upload .image-upload-drop-target,#sr-more-link,.BlueBar__account,.goldvertisement a,.infobar.profilebetabar,.link .md :not(pre)>code,.link .md pre,.link.promotedlink.promoted,.md code,.md pre,.nextprev a,.tabmenu li a:hover,.usertable tr:hover,.usertext.border .usertext-body,.white-field,oddrow{background-color:var(--bg-odd)}.form-control,.hover-bubble.multi-selector .create-multi input[type=text],.morelink,.morelink .nub,.morelink a,button.expand-summary,button.report-button,input,input[type=password],input[type=text],select,textarea{background-color:var(--bg-input);color:var(--fg-input)}.form-control:focus,.goldvertisement a:hover,.hover-bubble.multi-selector .create-multi input[type=text]:focus,.listing-chooser li:hover,.morelink:hover,.morelink:hover .nub,.morelink:hover a,body.with-listing-chooser .listing-chooser .grippy:hover::after,body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy::before,button.expand-summary:hover,input:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{background-color:var(--bg-input-hover);color:var(--fg-input-hover)}.explore-comment .comment-fade,.form-control,.infobar.onboardingbar,.listing-chooser li.selected,.morelink,.morelink .nub,.morelink:hover,.morelink:hover .nub,.navbar,.search-expando.collapsed::before,.sidebox.hohoho .morelink,body,body.with-listing-chooser .listing-chooser .grippy:hover::after,body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy::before,input[type=text],select,textarea{background-image:none}.hover-bubble.multi-selector label:hover,.icon-menu a,.morelink .nub,.side ul.content,.sidebox .spacer,.titlebox form.toggle,aside.sidebar #discussions li,div.link.self{background-color:transparent}.ProfileBarDropdown__listItem:hover,.drop-choices a.choice:hover,.flair,.linkflairlabel,.wiki-page .pageactions .wikiaction:hover,a.message-count{background-color:var(--fg-link);color:var(--bg)!important}.tagline .flair{background-color:var(--fg-muted);color:var(--bg)}.md hr,.tabmenu.formtab .selected a{background-color:var(--border-color)}.Post__pinInfo,.TabMenu__tab.m-active,.card a,.gold-accent,.goldvertisement,.hover-bubble,.liveupdate-listing li.separator time,.md,.message.message-parent>.entry .md,.message.recipient>.entry,.report-modal .modal-header-title,.report-modal .report-form-bottom-panel .report-form-content-policy p,.report-modal .report-form-last-step-text-custom-rules,.report-modal .report-reason-item .report-reason-display,.search-result-group footer .info,.side .titlebox .md ul li,.titlebox,.titlebox h1 a,.trophy-name,.user-subreddit-public-description,body,html,main[role=main] h1,main[role=main] h2,main[role=main] p{color:var(--fg)}.Post__score,.TrendingProfilesSidebar__header,.TrophyCaseSidebar__header,.UserModeratedSubredditsSidebar__header,.UserSpecialsListSidebar__header,.author-tooltip__credentials-list strong,.brand,.dropdown.srdrop .selected,.gold-accent th,.gold-expiration-info .karma,.goldvertisement .progress p,.hover-bubble.multi-selector strong,.link .md :not(pre)>code,.link .rank,.listing-chooser h3,.search-result :link>mark,.search-result-group-header,.server-seconds em,.sidecontentbox .title h1,.titlebox h1 a:first-child,.wiki-page .wikititle,.wiki-page-content .md h1,.wiki-page-content .md h2,.wiki-page-content .md h3,.wiki-page-content .md h4,.wiki-page-content .md h5,aside.sidebar .md h2,aside.sidebar section,dl>dt,h1,h2,h3,h4,h5{color:var(--fg-2)}#sr-header-area .selected a,#sr-more-link,.Post__authorLink,.Post__authorLink:visited,.Post__flatListItem:link,.Post__source .Post__sourceLink,.Post__tagline,.ProfileSidebar__counters,.ProfileSidebar__description,.ProfileSidebar__displayName,.SubredditListItem__subscribers,.TrophyCaseSidebar__trophyDescription,.TrophyCaseSidebar__trophyTitle,.UserSpecialsListSidebar__date,.UserSpecialsListSidebar__title,.bottommenu,.dropdown.lightdrop .selected,.entry .buttons li a,.explore-comment .comment-link,.explore-item .explore-sr-details,.flat-list li.selected a,.flat-vert.title,.footer,.gray,.gray-buttons button,.listing-chooser li a .description,.liveupdate-listing li.liveupdate time,.md blockquote,.md del,.message .search-result-meta,.message .tagline,.message.message-parent.recipient>.entry .head,.message.message-parent>.entry .head,.message.message-reply.recipient>.entry .head,.multi-details h3,.muted,.nextprev,.preftable .details,.report-modal .report-form-block-user .report-form-action-desc p,.search-expando-button,.search-result .author:link,.search-result .search-subreddit-link:link,.search-result-meta,.separator,.sidebox .subtitle,.sidecontentbox .more a,.sr-list a:link,.sr-list a:link:hover,.sr-list a:visited,.subscription-box .title:visited,.tagline,.tagline .expand,.tagline>a.author,.titlebox .bottom,.titlebox form.toggle,.trophy-description,.user,a.title.visited,aside.sidebar #discussions li,dl>dd,label.disabled,span.domain>a{color:var(--fg-muted)}.BlueBar__logout,.ProfileBarDropdown__title,.listing-chooser .create button,.liveupdate-listing li.liveupdate a.author,.liveupdate-listing li.liveupdate:hover time,.report-modal .report-form-bottom-panel .report-form-content-policy a,.search-result :link,.subscription-box .title,.tabmenu li.selected a,.tagline a.subreddit,.thing .title,a,a:link{color:var(--fg-link)}#sr-header-area .selected a:hover,.BlueBar__logout:hover,.Post__authorLink:hover,.Post__stickied-title:hover,.Post__subredditLink:hover,.ProfileBarDropdown__title.m-opened,.author-tooltip__head a:hover,.author-tooltip__link-list a:hover,.flat-list li.selected a:hover,.liveupdate-listing li.liveupdate:hover a.author,.report-modal .report-form-bottom-panel .report-form-content-policy a:hover,.search-result :link:hover,.sidecontentbox .more a:hover,.subscription-box .title:hover,.tabmenu li a:hover,.tagline a.subreddit,.thing .title:hover,a:hover,a:visited:hover{color:var(--fg-link-hover)}.search-result :link:visited,.tabmenu li a,.tagline a.subreddit:visited,.thing .title:visited,a:visited{color:var(--fg-link-visited)}.morelink>a,.spoiler-stamp,a.TrendingProfilesSidebar__follow,a.c-btn-primary{color:#fff}.tagline .submitter{color:#4af}.Post__moderatorFlair,.green,.tagline .moderator,.tagline .pinned-tagline,.tagline .stickied-tagline,.thing.stickied.link a.title,.thing.sticky-pinned.link a.title{color:#3a3}input[style*="color:black"]{color:var(--fg-input)!important}.trophy-name{color:var(--fg-2)!important}hr{color:var(--border-color)}#header,#liveupdate-statusbar.complete,#sr-header-area,.Post.m-profile,.Post__scoreDisplay,.content,.crosspost-preview,.explore-comment .explore-label,.explore-discovery .explore-label,.explore-hot .explore-label,.explore-rising .explore-label,.flair,.footer,.infobar.profilebetabar,.link,.linkflairlabel,.linkinfo,.navbar,.organic-listing,.permission-summary,.reddit-infobar,div.link.self,noborder{border:none}button.expand-summary,button.report-button,custom-border,hr,input,select{border:var(--border)}#compose-message .roundfield select,#header,#header hr,#sr-header-area,.BlueBar,.author-tooltip__credentials-list li,.author-tooltip__head,.author-tooltip_self .author-tooltip__head,.authorized-app,.c-form-control,.drop-choices,.explore-comment .comment,.filtered-details form.add-sr .sr-name,.footer .col,.formtabs-content,.hover-bubble,.hover-bubble.multi-selector .create-multi input[type=text],.infobar,.link .md pre,.link .usertext-body .md,.listing-chooser li,.listing-chooser li.selected,.liveupdate-listing li.separator::before,.md code,.md pre,.md td,.md th,.menuarea,.message.new>.entry,.morelink,.multi-details form.add-sr .sr-name,.nextprev a,.raisedbox,.report-modal .modal-content,.roundfield input[type=text],.roundfield textarea,.search-result-group-header,.sidebox.hohoho .morelink,.sidecontentbox .content,.subreddit .usertext .md,.subscription-box .box-separator,.titlebox .bottom,.wiki-page .pageactions,.wiki-page .wiki-page-content .wiki>.toc>ul,.wiki-page .wiki-page-content .wiki>.toc>ul ul,body.with-listing-chooser .listing-chooser .grippy,body.with-listing-chooser .listing-chooser .grippy::after,body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy::after,hr,input,select,textarea{border-color:var(--border-color)}.tabmenu li.selected a{border-color:transparent}#header-bottom-right{border-bottom:solid 1px var(--bg)}.goldvertisement a,.listing-chooser .create button{border-color:var(--fg-link)}.nextprev .separator{border-color:var(--fg-muted)}.author-tooltip.hover-bubble.anchor-bottom-left::before,.author-tooltip.hover-bubble.anchor-bottom-right::before{border-top-color:var(--bg-2)}.ProfileBarDropdown__title.m-arrow.m-opened::after,.ProfileBarDropdown__title.m-arrow::after,.TabMenu__tab.m-active::after{border-top-color:var(--fg-muted)}.comment .child{border-left:solid 5px var(--border-color)}.hover-bubble.anchor-right::after{border-left-color:var(--bg-2)}#liveupdate-statusbar.complete,success,success a{background-color:var(--bg-success);color:var(--fg-success)}.archived-infobar.with-icon::before,.content.submit .info-notice,.reddit-infobar,.reddit-infobar .md,info,info a{background-color:var(--bg-info);color:var(--fg-info)}.app-scope,warning{background-color:var(--bg-warning);color:var(--fg-warning)}error,error a{background-color:var(--bg-error);color:var(--fg-error)}disabled{background-color:var(--bg-disabled);color:var(--fg-disabled)}pre{background-color:var(--syntax-bg);color:var(--syntax-fg)}.infobar.profilebetabar,.organic-listing,.toc>ul{box-shadow:0 0 5px rgba(0,0,0,1)}.crosspost-preview,.listing-chooser li.selected{box-shadow:30px 0 30px -15px rgba(255,255,255,.1) inset,0 2px 6px -1px rgba(0,0,0,.2)}.goldvertisement,.report-flow-form.thing:hover{box-shadow:none;background-image:none}label.disabled{cursor:not-allowed}.subreddit-subscribe:before{filter:saturate(0) brightness(150%)}.subreddit-subscribe:hover:before{filter:saturate(100%)}.add-sr button.add,.multi-details button.add,.multi-details button.remove-sr.remove-sr,img[src*="start_chat.png"]{filter:invert(200%)}';
  70.  
  71.     const CSS_NO_ADS = '.goldvertisement, .thing.promoted, [id^="ad_"], #siteTable_organic {display:none!important}';
  72.     const CSS_NO_CHAT = '#chat-app, #chat, #chat + span {display:none!important}';
  73.     const CSS_NO_SUBLIST = '.sr-list > *:not(:first-child) {display:none!important}';
  74.     const CSS_NO_FOOTER = '.footer, .footer-parent {display:none!important}';
  75.     const CSS_NO_HEADER_IMAGE = '#header-img, .hohoho {display:none!important} body.with-listing-chooser #header .pagename{position:relative; bottom:0}';
  76.     const CSS_COLLAPSE_SIDEBAR = '.side{position:absolute;transition:right .2s ease-in-out;box-shadow:-5px 0 3px 0 rgba(0,0,0,.1);padding-left:10px;right:-305px;width:300px;z-index:1}' +
  77.                                  'body{overflow-x:hidden}' +
  78.                                  '.side:hover{right:-5px}' +
  79.                                  '.side .nub{opacity:0}' +
  80.                                  '.side:hover .nub{opacity:1}';
  81.  
  82.     // Existing values are the *default*
  83.     const config = {
  84.       subreddits: [],
  85.       filteredSubreddits: {},
  86.       texts: [],
  87.       filteredTexts: {},
  88.       theme: 'obsidian',
  89.       nsfwFilterState: 'show',
  90.       themes: {
  91.         none: '',
  92.         obsidian: ':root{--fg:#E0E2E4;--bg:#293134;--bg-odd:#303a3d;--fg-2:#678CB1;--bg-2:#3F4B4E;--fg-muted:#999;--fg-input:#A7CCF1;--bg-input:#293134;--fg-input-hover:#E0E2E4;--bg-input-hover:#536364;--border:solid 0.5px #678CB1;--border-color:#678CB1;--fg-link:#EC7600;--fg-link-hover:#FC8610;--fg-link-visited:#BA4400;--fg-disabled:#ddd;--bg-disabled:#777;--fg-error:#fff;--fg-warning:#000;--fg-info:#fff;--fg-success:#fff;--bg-error:#600;--bg-warning:#fa4;--bg-info:#14a;--bg-success:#151;--syntax-fg:#F1F2F3;--syntax-fg-2:#E8E2B7;--syntax-bg:#293134;--syntax-bg-2:#3F4B4E;--syntax-comment:#66747B;--syntax-builtin:#93C763;--syntax-function:#678CB1;--syntax-keyword:#7CCADD;--syntax-number:#FFCD22;--syntax-string:#EC7600;--syntax-font-family:"Menlo","Liberation Mono","Consolas","DejaVu Sans Mono","Ubuntu Mono","Courier New","andale mono","lucida console",monospace;--selection-fg:#000}',
  93.         monokai:  ':root{--fg:#f8f8f2;--bg:#29281E;--bg-odd:#2f2f24;--fg-2:#66d9ef;--bg-2:#39382E;--fg-muted:#999;--fg-input:#fd971f;--bg-input:#2f2f24;--fg-input-hover:#fd971f;--bg-input-hover:#252520;--border:solid 0.5px #777;--border-color:#777;--fg-link:#f92672;--fg-link-hover:#d90652;--fg-link-visited:#fd971f;--fg-disabled:#ddd;--bg-disabled:#777;--fg-error:#fff;--fg-warning:#000;--fg-info:#fff;--fg-success:#fff;--bg-error:#600;--bg-warning:#fa4;--bg-info:#14a;--bg-success:#151;--syntax-fg:#f8f8f2;--syntax-fg-2:#f8f8f2;--syntax-bg:#272822;--syntax-bg-2:#373832;--syntax-comment:#75715e;--syntax-builtin:#f92672;--syntax-function:#a6e22e;--syntax-keyword:#76d9e6;--syntax-number:#ae81ff;--syntax-string:#e6db74;--syntax-font-family:"Menlo","Liberation Mono","Consolas","DejaVu Sans Mono","Ubuntu Mono","Courier New","andale mono","lucida console",monospace;--selection-fg:#000}',
  94.         blue:     ':root{--fg:#ccc;--bg:#192833;--bg-odd:#243237;--fg-2:#F39200;--bg-2:#293843;--fg-muted:#999;--fg-input:#fff;--bg-input:#334247;--fg-input-hover:#fff;--bg-input-hover:#394853;--border:solid 0.5px #495863;--border-color:#495863;--fg-link:#28c;--fg-link-hover:#6cf;--fg-link-visited:#8af;--fg-disabled:#ddd;--bg-disabled:#777;--fg-error:#fff;--fg-warning:#000;--fg-info:#fff;--fg-success:#fff;--bg-error:#600;--bg-warning:#fa4;--bg-info:#14a;--bg-success:#151;--syntax-fg:#839496;--syntax-fg-2:#eee8d5;--syntax-bg:#002b36;--syntax-bg-2:#073642;--syntax-comment:#75715e;--syntax-builtin:#268bd2;--syntax-function:#cb4b16;--syntax-keyword:#b58900;--syntax-number:#6c71c4;--syntax-string:#2aa198;--syntax-font-family:"Menlo","Liberation Mono","Consolas","DejaVu Sans Mono","Ubuntu Mono","Courier New","andale mono","lucida console",monospace;--selection-fg:#000}',
  95.         black:    ':root{--fg:#ccc;--bg:#101010;--bg-odd:#191919;--fg-2:#aab;--bg-2:#202020;--fg-muted:#999;--fg-input:#aaa;--bg-input:#000;--fg-input-hover:#fff;--bg-input-hover:#151515;--border:solid 0.5px #353535;--border-color:#353535;--fg-link:#369;--fg-link-hover:#47a;--fg-link-visited:#96a;--fg-disabled:#ddd;--bg-disabled:#777;--fg-error:#fff;--fg-warning:#000;--fg-info:#fff;--fg-success:#fff;--bg-error:#600;--bg-warning:#fa4;--bg-info:#14a;--bg-success:#151;--syntax-fg:#f5f5f5;--syntax-fg-2:#ffffff;--syntax-bg:#000000;--syntax-bg-2:#202020;--syntax-comment:#b0b0b0;--syntax-builtin:#fb0120;--syntax-function:#6fb3d2;--syntax-keyword:#d381c3;--syntax-number:#fc6d24;--syntax-string:#a1c659;--syntax-font-family:"Menlo","Liberation Mono","Consolas","DejaVu Sans Mono","Ubuntu Mono","Courier New","andale mono","lucida console",monospace;--selection-fg:#000}'
  96.       },
  97.       tweaks: {
  98.         noAds: true,
  99.         noChat: true,
  100.         noSublist: true,
  101.         noFooter: true,
  102.         noHeaderImage: true,
  103.         collapseSidebar:true
  104.       },
  105.       visitedThings: {}
  106.     };
  107.  
  108.     return new Promise(resolve => {
  109.       const keys = Object.keys(config);
  110.       Promise.all(keys.map(key => GM.getValue('redditmod-' + key)))
  111.         .then(values => {
  112.           // Load config
  113.           values.forEach((value, keyIndex) => {
  114.             if (value !== undefined) {
  115.               config[keys[keyIndex]] = JSON.parse(value);
  116.             }
  117.           });
  118.  
  119.           // Clear visited for the past day
  120.           flushVisited();
  121.  
  122.           // Expose public methods
  123.           resolve({
  124.             getThemes, setTheme, getThemeCSS, getTheme,
  125.             getTweaks, setTweak, getTweakCSS, isTweakEnabled,
  126.             getSubreddits, setSubredditFilter, setAllSubredditFilters, isSubredditFiltered, removeSubreddit,
  127.             getNsfwState, setNsfwState,
  128.             getTexts, setTextFilter, isTextFiltered, removeText, shouldFilterTextblock,
  129.             addVisitedThing, isVisited, flushVisited
  130.           });
  131.         });
  132.     });
  133.  
  134.     /* optionalKey: if given, only saves that key of the config. */
  135.     function _save(optionalKey) {
  136.       const keys = optionalKey !== undefined ? [optionalKey] : Object.keys(config);
  137.       return new Promise(resolve => {
  138.         Promise.all(keys.map(key => GM.setValue('redditmod-' + key, JSON.stringify(config[key]))))
  139.                 .then(resolve);
  140.       });
  141.     }
  142.  
  143.     // ==============================================
  144.     // Themes
  145.     function getTheme()  { return config.theme; }
  146.     function getThemes() { return Object.keys(config.themes); }
  147.  
  148.     function setTheme(theme) {
  149.       const promises = [];
  150.       theme = (theme === undefined) ? 'none' : theme;
  151.       if (config.theme !== theme) {
  152.         config.theme = theme;
  153.         promises.push(_save('theme'));
  154.       }
  155.       return Promise.all(promises);
  156.     }
  157.  
  158.     function getThemeCSS() {
  159.       if (config.theme === 'none' || config.themes[config.theme] === undefined) {
  160.         return BASE_STYLE;
  161.       } else {
  162.         return config.themes[config.theme] + BASE_STYLE + THEMED_STYLE;
  163.       }
  164.     }
  165.  
  166.     // =========================================
  167.     // Tweaks
  168.     function isTweakEnabled(tweakID) { return (config.tweaks[tweakID] === true); }
  169.  
  170.     function getTweaks() {
  171.       return [
  172.         { name: 'No Ads',           id: 'noAds',           enabled: config.tweaks.noAds },
  173.         { name: 'No Chat',          id: 'noChat',          enabled: config.tweaks.noChat },
  174.         { name: 'No Sublist',       id: 'noSublist',       enabled: config.tweaks.noSublist },
  175.         { name: 'No Footer',        id: 'noFooter',        enabled: config.tweaks.noFooter },
  176.         { name: 'No Header Image',  id: 'noHeaderImage',   enabled: config.tweaks.noHeaderImage },
  177.         { name: 'Collapse Sidebar', id: 'collapseSidebar', enabled: config.tweaks.collapseSidebar }
  178.       ];
  179.     }
  180.  
  181.     function getTweakCSS() {
  182.       const results = [];
  183.       if (config.tweaks.noAds)           { results.push(CSS_NO_ADS); }
  184.       if (config.tweaks.noChat)          { results.push(CSS_NO_CHAT); }
  185.       if (config.tweaks.noSublist)       { results.push(CSS_NO_SUBLIST); }
  186.       if (config.tweaks.noFooter)        { results.push(CSS_NO_FOOTER); }
  187.       if (config.tweaks.noHeaderImage)   { results.push(CSS_NO_HEADER_IMAGE); }
  188.       if (config.tweaks.collapseSidebar) { results.push(CSS_COLLAPSE_SIDEBAR); }
  189.       return results.join('');
  190.     }
  191.  
  192.     function setTweak(tweakID, enabled) {
  193.       const promises = [];
  194.       if (config.tweaks[tweakID] !== undefined) {
  195.         config.tweaks[tweakID] = enabled;
  196.         promises.push(_save('tweaks'));
  197.       }
  198.       return Promise.all(promises);
  199.     }
  200.  
  201.     // ==============================================
  202.     // Subreddit Filters
  203.     function getSubreddits() { return config.subreddits; }
  204.     function isSubredditFiltered(subreddit) { return (config.filteredSubreddits[subreddit] === true); }
  205.  
  206.     function setAllSubredditFilters(enabled) {
  207.       config.subreddits.forEach(subreddit => {
  208.         config.filteredSubreddits[subreddit] = enabled;
  209.       });
  210.       return _save('filteredSubreddits');
  211.     }
  212.  
  213.     function setSubredditFilter(subreddit, enabled) {
  214.       const promises = [];
  215.       if (!config.subreddits.includes(subreddit)) {
  216.         config.subreddits.push(subreddit);
  217.         promises.push(_save('subreddits'));
  218.       }
  219.       if (config.filteredSubreddits[subreddit] !== enabled) {
  220.         config.filteredSubreddits[subreddit] = enabled;
  221.         promises.push(_save('filteredSubreddits'));
  222.       }
  223.       return Promise.all(promises);
  224.     }
  225.  
  226.     function removeSubreddit(subreddit) {
  227.       const promises = [];
  228.       if (config.subreddits.includes(subreddit)) {
  229.         config.subreddits = config.subreddits.filter(sub => subreddit !== sub);
  230.         promises.push(_save('subreddits'));
  231.       }
  232.       Promise.all(promises);
  233.     }
  234.  
  235.     // ==============================================
  236.     // Text Filters
  237.     function getTexts() { return config.texts; }
  238.     function isTextFiltered(text) { return config.filteredTexts[text] === true; }
  239.  
  240.     function shouldFilterTextblock(textblock) {
  241.       const reasons = [];
  242.       Object.keys(config.filteredTexts).forEach(filteredText => {
  243.         if (isTextFiltered(filteredText) && textblock.toLowerCase().includes(filteredText.toLowerCase())) {
  244.           reasons.push('TEXT("' + filteredText + '")');
  245.         }
  246.       });
  247.       return reasons.length === 0 ? false : reasons.join(', ');
  248.     }
  249.  
  250.     function setTextFilter(text, enabled) {
  251.       const promises = [];
  252.       if (!config.texts.includes(text)) {
  253.         config.texts.push(text);
  254.         promises.push(_save('texts'));
  255.       }
  256.       if (config.filteredTexts[text] !== enabled) {
  257.         config.filteredTexts[text] = enabled;
  258.         promises.push(_save('filteredTexts'));
  259.       }
  260.       return Promise.all(promises);
  261.     }
  262.  
  263.     function removeText(text) {
  264.       const promises = [];
  265.       if (config.texts.includes(text)) {
  266.         config.texts = config.texts.filter(txt => text !== txt);
  267.         promises.push(_save('texts'));
  268.       }
  269.       Promise.all(promises);
  270.     }
  271.  
  272.     // ==============================================
  273.     // Nsfw Filter
  274.     function getNsfwState() {
  275.       return config.nsfwFilterState;
  276.     }
  277.  
  278.     function setNsfwState(state) {
  279.       config.nsfwFilterState = state;
  280.       return _save('nsfwFilterState');
  281.     }
  282.  
  283.     // ==============================================
  284.     // Visited
  285.     function addVisitedThing(thingId) {
  286.       config.visitedThings[thingId] = new Date().getTime();
  287.       return _save('visitedThings');
  288.     }
  289.  
  290.     function isVisited(thingId) {
  291.       return config.visitedThings[thingId] > 0;
  292.     }
  293.  
  294.     function flushVisited() {
  295.       const yesterday = new Date().getTime() - 86400000;
  296.       Object.entries(config.visitedThings)
  297.         .filter(([thingId, timestamp]) => (timestamp < yesterday))
  298.         .forEach(([thingId, timestamp]) => {
  299.           delete config.visitedThings[thingId];
  300.         });
  301.       return _save('visitedThings');
  302.     }
  303.  
  304.   })();
  305.  
  306.   /**
  307.    * All things CSS & DOM (applying/removing CSS rules, waiting for DOM elements);
  308.    */
  309.   const CSS = (() => {
  310.     const onHead = _onNode('head'); /* Wait for <head> to appear. */
  311.     const onBody = _onNode('body'); /* Wait for <body> to appear. */
  312.  
  313.     return {onDOM, onHead, applyStyle, removeStyle};
  314.  
  315.     /** Promises a child node immediately under the root `document`. Waits if node is not found. */
  316.     function _onNode(documentKey) {
  317.       return new Promise(resolve => {
  318.         const timer = setInterval(promiseNode, 50);
  319.         function promiseNode() {
  320.           if (document[documentKey]) {
  321.             clearInterval(timer);
  322.             resolve(document[documentKey]);
  323.           }
  324.         }
  325.       });
  326.     }
  327.  
  328.     /** Promises /when/ the DOM is loaded & ready. */
  329.     function onDOM() {
  330.       return new Promise(resolve => {
  331.         if (document.readyState === 'interactive' || document.readyState === 'complete') {
  332.           resolve();
  333.         } else {
  334.           document.addEventListener('DOMContentLoaded', function(event) {
  335.             document.removeEventListener('DOMContentLoaded', event.callee);
  336.             resolve();
  337.           });
  338.         }
  339.       });
  340.     }
  341.  
  342.     /**
  343.      * Waits for <head> to appear, then applies CSS rules to the page.
  344.      * Removes existing CSS Rules that match the given ID.
  345.      * @param {String} id The identifier for this style.
  346.      * @param {String} css The CSS rules in text/string format.
  347.      * @return Promise for when style is applied.
  348.      */
  349.     function applyStyle(id, css) {
  350.       return new Promise(resolve => {
  351.         onHead.then(head => {
  352.           let style = head.querySelector('.redditmod-style#' + id);
  353.           if (style !== null && style.firstChild) {
  354.             debug('applyStyle: Removing existing style #' + id);
  355.             style.removeChild(style.firstChild);
  356.           } else {
  357.             style = document.createElement('style');
  358.             Object.assign(style, { id:id, type:'text/css', className:'redditmod-style' });
  359.           }
  360.           debug('applyStyle: applying ' + css.length + 'bytes of CSS text to #' + id);
  361.           style.appendChild(document.createTextNode(css));
  362.           head.appendChild(style);
  363.           resolve(head);
  364.         });
  365.       });
  366.     }
  367.  
  368.     /** @param {String} id The style ID, set when `applyStyle` is called. */
  369.     function removeStyle(id) {
  370.       const style = document.head.querySelector('style#' + id);
  371.       if (style) style.parentNode.removeChild(style);
  372.     }
  373.   })();
  374.  
  375.  
  376.   /** */
  377.   const MENU = (() => {
  378.     const MENU_STYLE_ID = 'redditmod-menu-style';
  379.     const MENU_STYLE = '.redditmod-menu-header{margin:3px 5px 3px 5px}';
  380.  
  381.     let isInitialized = false;
  382.     let config;
  383.     return {init};
  384.  
  385.     function init(theConfig) {
  386.       config = theConfig;
  387.       return new Promise(resolve => {
  388.         if (isInitialized) {
  389.           resolve({updateMenuSection});
  390.         } else {
  391.           CSS.onDOM().then(() => {
  392.             resetMenu();
  393.             CSS.applyStyle(MENU_STYLE_ID, MENU_STYLE);
  394.             isInitialized = true;
  395.             resolve({updateMenuSection});
  396.           });
  397.         }
  398.       });
  399.     }
  400.  
  401.     function resetMenu() {
  402.       const menu = document.querySelector('.dropdown.srdrop .selected');
  403.       if (menu) menu.textContent = 'OPTIONS';
  404.       const dropdown = document.querySelector('.drop-choices.srdrop');
  405.       if (dropdown) dropdown.innerHTML = '';
  406.     }
  407.  
  408.     function create(tag, props, parentToAppendTo) {
  409.       const node = document.createElement(tag);
  410.       if (props) Object.assign(node, props);
  411.       if (parentToAppendTo) parentToAppendTo.appendChild(node);
  412.       return node;
  413.     }
  414.  
  415.     function updateMenuSection(title, id, anchorsProps) {
  416.       const dropdown = document.querySelector('.drop-choices.srdrop');
  417.       if (!dropdown) return;
  418.  
  419.       if (document.querySelector('.drop-choices.srdrop .redditmod-menu-header') !== null && document.querySelector('#' + id) === null) {
  420.         create('hr',  {className:'redditmod-menu-spacer'}, dropdown);
  421.       }
  422.  
  423.       const section = document.querySelector('#' + id) || create('div', {id}, dropdown);
  424.       const header  =  section.querySelector('.redditmod-menu-header') || create('h3',  {className:'redditmod-menu-header'}, section);
  425.       const links   =  section.querySelector('.redditmod-menu-links')  || create('div', {className:'redditmod-menu-links'},  section);
  426.  
  427.       header.textContent = title;
  428.       links.innerHTML = '';
  429.       anchorsProps.forEach(props => {
  430.         if (!props.href) props.href = '#';
  431.         create('a', props, links).className = 'choice';
  432.       });
  433.     }
  434.   })();
  435.  
  436.   const MEDIA = (() => {
  437.     const CLASS_MEDIA_EXPANDED = 'redditmod-media-expanded',
  438.           CLASS_COMMENTS_EXPANDED = 'redditmod-comments-expanded',
  439.           CLASS_MEDIABOX = 'redditmod-media-box',
  440.           CLASS_COMMENTS = 'redditmod-comments-box',
  441.           CLASS_MEDIA    = 'redditmod-media',
  442.           CLASS_SPINNER  = 'redditmod-media-spinner',
  443.           CLASS_ERROR    = 'redditmod-media-error',
  444.           MEDIA_STYLE_ID = 'redditmod-media-style',
  445.           MEDIA_STYLE_CSS = '.redditmod-media-box, .redditmod-comments-box{max-height:0; height:0; overflow:hidden; transition: height linear 0.2s, max-height linear 0.2s}' +
  446.                             '.redditmod-media{}' + // ???
  447.                             '.redditmod-media-expanded .redditmod-media-box, .redditmod-comments-expanded .redditmod-comments-box{max-height:10000px; height:auto}' +
  448.                             '.redditmod-media-spinner,.redditmod-media-spinner:after{border-radius:50%;width:10em;height:10em}.redditmod-media-spinner{margin:60px auto;font-size:10px;position:relative;text-indent:-9999em;border-top:1.1em solid rgba(255,255,255,.2);border-right:1.1em solid rgba(255,255,255,.2);border-bottom:1.1em solid rgba(255,255,255,.2);border-left:1.1em solid #fff;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}' +
  449.                             '.redditmod-media-error{background-color:rgba(255,0,0,0.3); color:#fff; text-shadow:1px 1px #000}';
  450.  
  451.     CSS.applyStyle(MEDIA_STYLE_ID, MEDIA_STYLE_CSS);
  452.  
  453.     return {postClick};
  454.  
  455.     function postClick(thing, event) {
  456.       const target = event.target;
  457.       const thingAnchor = thing.querySelector('a.title');
  458.       const thingUrl = thingAnchor && thingAnchor.href;
  459.  
  460.       if (!thing.classList.contains('redditmod-visited')) {
  461.         thing.classList.add('redditmod-visited');
  462.         CONFIG.then(config => config.addVisitedThing(thing.dataset.fullname));
  463.       }
  464.  
  465.       if (target.tagName === 'A' && target.classList.contains('comments')) {
  466.         stopEvent(event);
  467.         _fetchCommentsbox(thing, target.href)._toggle();
  468.         return false;
  469.  
  470.       } else if (_shouldUseExpando(thing, thingUrl)) {
  471.         if (!target.classList.contains('expando-button')) {
  472.           const expandoButton = thing.querySelector('.expando-button');
  473.           if (expandoButton) {
  474.             expandoButton.click(event);
  475.           }
  476.         }
  477.         return true;
  478.  
  479.       } else if ((target.tagName === 'A') ||
  480.                  (target.tagName === 'VIDEO' && target.controls === 'true') ||
  481.                  (target.classList.contains('expando-button'))) {
  482.         return true; // Pass-through
  483.  
  484.       } else {
  485.         _fetchMediabox(thing, thingUrl).click(event); // Fetch/Contruct mediabox & click it.
  486.         return false;
  487.       }
  488.     }
  489.  
  490.     function _shouldUseExpando(thing, thingUrl) {
  491.       if (!thing.querySelector('.expando-button')) {
  492.         return false;
  493.       } else if (thing.classList.contains('self')) {
  494.         return true;
  495.       } else if (/https?:\/\/(\w+\.)*(v\.redd\.it|clips\.twitch\.tv|reddituploads\.com|vimeo\.com|youtube\.com|youtu\.be)\/.*$/.test(thingUrl)) {
  496.         return true;
  497.       } else {
  498.         return false;
  499.       }
  500.     }
  501.  
  502.     function _fetchCommentsbox(thing, thingUrl) {
  503.       const existing = thing.querySelector('.' + CLASS_COMMENTS);
  504.       if (existing) {
  505.         return existing;
  506.       }
  507.  
  508.       const commentsBox = _create('div', {className:CLASS_COMMENTS}, thing);
  509.       commentsBox.onclick = stopEvent;
  510.       commentsBox._toggle = () => {
  511.         thing.classList.remove(CLASS_MEDIA_EXPANDED);
  512.         thing.classList.toggle(CLASS_COMMENTS_EXPANDED);
  513.       };
  514.  
  515.       const spinner = _create('div', {className:CLASS_SPINNER}, commentsBox);
  516.       RedditCommentsPromise(thingUrl)
  517.         .then(container => {
  518.           commentsBox.removeChild(spinner);
  519.           commentsBox.appendChild(container);
  520.         }).catch(reason => {
  521.           debug('RedditCommentsPromise rejected, reason:', reason);
  522.         });
  523.  
  524.       return commentsBox;
  525.     }
  526.  
  527.     function _fetchMediabox(thing, thingUrl) {
  528.       // Use existing mediabox
  529.       const existingMediabox = thing.querySelector('.' + CLASS_MEDIABOX);
  530.       if (existingMediabox) return existingMediabox;
  531.  
  532.       // Create a custom mediabox
  533.       const mediaBox = _create('div', {className:CLASS_MEDIABOX}, thing);
  534.       mediaBox.onclick = event => {
  535.         stopEvent(event);
  536.         thing.classList.remove(CLASS_COMMENTS_EXPANDED);
  537.         thing.classList.toggle(CLASS_MEDIA_EXPANDED);
  538.         const media = thing.querySelector('.' + CLASS_MEDIA);
  539.         if (thing.classList.contains(CLASS_MEDIA_EXPANDED)) {
  540.           if (media && media._onshow) media._onshow();
  541.         } else {
  542.           if (media && media._onhide) media._onhide();
  543.         }
  544.         thing.scrollIntoView({block: 'start', inline: 'nearest', behavior:'smooth'});
  545.       };
  546.  
  547.       const spinner = _create('div', {className:CLASS_SPINNER}, mediaBox);
  548.  
  549.       mediaBoxPromise(thingUrl)
  550.         .then(media => {
  551.           media.classList.add(CLASS_MEDIA);
  552.           mediaBox.removeChild(spinner);
  553.           mediaBox.appendChild(media);
  554.         }).catch(reason => {
  555.           debug('mediaboxPromise rejected, reason:', reason);
  556.           mediaBox.removeChild(spinner);
  557.           const errorBox = _create('div', {className:CLASS_ERROR}, mediaBox);
  558.           errorBox.textContent = reason;
  559.         });
  560.       return mediaBox;
  561.     }
  562.  
  563.     function mediaBoxPromise(urlText) {
  564.       return new Promise((resolve, reject) => {
  565.         const url = new URL(urlText);
  566.         const domain = url.hostname.replace(/^(?:.*\.)?(\w+\.\w+)$/, '$1');
  567.         let promise;
  568.         switch(domain) {
  569.           case 'imgur.com':      promise = ImgurMediaPromise(url);   break;
  570.           case 'gfycat.com':     promise = GfycatMediaPromise(url);  break;
  571.           case 'soundcloud.com': promise = SoundcloudPromise(url);   break;
  572.           case 'explosm.net':    promise = ExplosmPromise(url);      break;
  573.           case 'imgflip.com':    promise = ImgflipPromise(url);      break;
  574.           case 'streamable.com': promise = StreamablePromise(url);   break;
  575.           case 'instagram.com':  promise = InstagramPromise(url);    break;
  576.           case 'deviantart.com': promise = DeviantartPromise(url);   break;
  577.           case 'xkcd.com':       promise = XkcdPromise(url);         break;
  578.           case 'reddit.com':     promise = RedditPromise(url);       break;
  579.           default:               promise = GenericMediaPromise(url); break;
  580.         }
  581.         promise.then(resolve).catch(reject);
  582.       });
  583.     }
  584.  
  585.     function _create(tag, props, parentNode) {
  586.       const node = document.createElement(tag);
  587.       if (props) {
  588.         Object.assign(node, props);
  589.       }
  590.       if (parentNode) {
  591.         parentNode.appendChild(node);
  592.       }
  593.       return node;
  594.     }
  595.  
  596.     function _getJSON(url, headers) {
  597.       return new Promise((resolve, reject) => {
  598.         if (!headers) {
  599.           headers = {'Accept': 'application/json'};
  600.         } else if (!headers.Accept) {
  601.           headers.Accept = 'application/json';
  602.         }
  603.         _getWEB(url, headers)
  604.           .then(responseText => {
  605.             try {
  606.               resolve(JSON.parse(responseText));
  607.             } catch (err) {
  608.               debug('_getJSON error. url:', url.toString(), 'responseText', responseText);
  609.               reject('[MEDIA._getJSON] Error parsing JSON text from ' + url.toString() + ' : ' + responseText);
  610.             }
  611.           })
  612.           .catch(reason => {
  613.             reject('[Media._getJSON] Error fetching JSON from url ' + url.toString() + ' reason: ' + reason);
  614.           });
  615.       });
  616.     }
  617.  
  618.     function _getWEB(url, headers) {
  619.       return new Promise(function(resolve, reject) {
  620.         debug('MEDIA._getWEB() fetching url:', url);
  621.         GM.xmlHttpRequest({
  622.           method: 'GET',
  623.           url: url,
  624.           headers: headers,
  625.           onabort: onError,
  626.           onerror: onError,
  627.           onload: function(response) {
  628.             debug('MEDIA._getWEB() got response (' + response.responseText.length.toLocaleString() + ' bytes)');
  629.             resolve(response.responseText);
  630.           }
  631.         });
  632.         function onError(reason) {
  633.           debug('MEDIA._getWEB error. url:', url.toString(), 'reason:', reason);
  634.           reject('[MEDIA._getWEB] Error fetching data from ' + url + ' Reason: ' + reason.error);
  635.         }
  636.       });
  637.     }
  638.  
  639.     function _getDocument(url, headers) {
  640.       return new Promise((resolve, reject) => {
  641.         _getWEB(url, headers)
  642.           .then(responseText => {
  643.             const html = document.createElement('html');
  644.             html.innerHTML = responseText;
  645.             resolve(html);
  646.           })
  647.           .catch(reject);
  648.       });
  649.     }
  650.  
  651.     function GenericMediaPromise(url) {
  652.       return new Promise((resolve, reject) => {
  653.         const urlText = url.toString();
  654.         if (/\.(jpe?g|gif|png|mp4)(\?.*)?$/i.test(urlText)) {
  655.           GenericImagePromise([urlText]).then(resolve).catch(reject);
  656.         } else {
  657.           PostlightMediaPromise(urlText).then(resolve).catch(reject);
  658.         }
  659.       });
  660.     }
  661.  
  662.     function PostlightMediaPromise(url) {
  663.       return new Promise((resolve, reject) => {
  664.         const postlightUrl = 'https://mercury.postlight.com/parser?url=' + encodeURIComponent(url);
  665.         const headers = {'X-api-key': 'NtFdFjTYzQXF4WUWBivfsnTj0zXZyvwCKbSQeuAB'};
  666.         _getJSON(postlightUrl, headers)
  667.           .then(resp => {
  668.             if (resp.content === '<body></body>') {
  669.               reject('[PostlightMediaProimse] Postlight returned empty content for ' + url);
  670.             } else {
  671.               resolve(_create('div', {innerHTML:resp.content, className:'redditmod-media-other'}));
  672.             }
  673.           })
  674.           .catch(reject);
  675.       });
  676.     }
  677.  
  678.     function GenericImagePromise(urls) {
  679.       return new Promise((resolve, reject) => {
  680.         if (urls.length === 0) {
  681.           debug('GenericImagePromise error. No URLs given:', urls);
  682.           reject('[GenericImagePromise] No URLs given');
  683.           return;
  684.         }
  685.         let index = 0;
  686.         const container   = _create('div');
  687.         const nav         = _create('div',  {}, container);
  688.         const navPrev     = _create('a',    {textContent:'<',href:'#'}, nav);
  689.         const navCurrent  = _create('span', {textContent:'1'}, nav);
  690.         const navSep      = _create('span', {textContent:'/'}, nav);
  691.         const navTotal    = _create('span', {textContent:urls.length}, nav);
  692.         const navNext     = _create('a',    {textContent:'>',href:'#'}, nav);
  693.         const imageDiv    = _create('div',  {}, container);
  694.         const image       = _create('img',  {
  695.           src: urls[0],
  696.           style: 'max-width:100%; max-height:100%; object-fit:scale-down'
  697.         }, imageDiv);
  698.         if (urls.length === 1) {
  699.           nav.style.display = 'none';
  700.         } else {
  701.           container._click = navNext.click;
  702.         }
  703.         navPrev.onclick = event => {
  704.           stopEvent(event);
  705.           if (--index < 0) index = urls.length - 1;
  706.           navCurrent.textContent = (index + 1).toString().padStart(urls.length.toString().length, '0');
  707.           image.removeAttribute('src');
  708.           image.src = urls[index];
  709.           return false;
  710.         };
  711.         navNext.onclick = event => {
  712.           stopEvent(event);
  713.           if (++index === urls.length) index = 0;
  714.           navCurrent.textContent = (index + 1).toString().padStart(urls.length.toString().length, ' ');
  715.           image.removeAttribute('src');
  716.           setTimeout(() => image.src = urls[index], 10);
  717.           return false;
  718.         };
  719.         resolve(container);
  720.       });
  721.     }
  722.  
  723.     function GenericVideoPromise(urls) {
  724.       return new Promise(resolve => {
  725.         const video = _create('video', {
  726.           controls: false,
  727.           autoplay: true,
  728.           loop: true,
  729.           style: 'display:block; width:' + (window.innerWidth-75) + 'px; height:' + (window.innerHeight-75) + 'px',
  730.         });
  731.         video._onhide = video.pause;
  732.         video._onshow = video.load;
  733.         urls.forEach(url => _create('source', {src:url}, video));
  734.         resolve(video);
  735.       });
  736.     }
  737.  
  738.     function ImgurMediaPromise(url) {
  739.       return new Promise((resolve, reject) => {
  740.         let urlText = url.toString();
  741.         const albumIdMatches = urlText.match(/imgur\.com\/(?:gallery|a|r\/[^\/]+)\/(\w+)/i);
  742.         debug('ImgurMediaPromise: url: ' + url + ', albumIdMatches:', albumIdMatches);
  743.         if (albumIdMatches) {
  744.           // Album: Extract images
  745.           _getJSON('https://imgur.com/ajaxalbums/getimages/' + albumIdMatches[1] + '/hit.json')
  746.             .then(resp => {
  747.               if (!resp.data.images) {
  748.                 debug('ImgurMediaPromise: No resp.data.images, assuming single image:', albumIdMatches[1] + '.jpg');
  749.                 GenericImagePromise(['https://i.imgur.com/' + albumIdMatches[1] + '.jpg']).then(resolve).catch(reject);
  750.               } else {
  751.                 debug('ImgurMediaPromise: Got ' + resp.data.images.length + ' images from album');
  752.                 GenericImagePromise(resp.data.images.map(image => 'https://i.imgur.com/' + image.hash + image.ext)).then(resolve).catch(reject);
  753.               }
  754.             });
  755.         } else if (/\.(gifv?|mp4)$/.test(url)) {
  756.           // Video
  757.           debug('ImgurMediaPromise: gifv/mp4');
  758.           urlText = urlText.replace(/\.gifv?$/, '.mp4');
  759.           GenericVideoPromise([urlText]).then(resolve).catch(reject);
  760.         } else {
  761.           // Image?
  762.           urlText = urlText.replace(/[^/]*\.imgur\.com/, 'i.imgur.com');
  763.           urlText = urlText.replace(/\/\w+\//, '');
  764.           urlText = urlText.replace(/_[a-z]\./, '.');
  765.           urlText = urlText.replace(/\.(gif|jpg|jpeg|png)$/i, '');
  766.           urlText = urlText + '.jpg';
  767.           debug('ImgurMediaPromise: Unknown type, generated/mangled URL:', urlText);
  768.           GenericImagePromise([urlText]).then(resolve).catch(reject);
  769.         }
  770.       });
  771.     }
  772.  
  773.     function GfycatMediaPromise(url) {
  774.       return new Promise((resolve, reject) => {
  775.         let gfycatUrl = url.href;
  776.         const shortCode = url.href.match(/gfycat\.com\/(?:.*\/)?([a-z0-9]*)/i);
  777.         if (shortCode) {
  778.             gfycatUrl = 'https://gfycat.com/' + shortCode[1];
  779.         }
  780.         _getDocument(gfycatUrl)
  781.           .then(doc => {
  782.             const video = doc.querySelector('#mp4Source');
  783.             if (!video || !video.src) {
  784.               reject('[GfycatMediaPromise] Could not find video at ' + gfycatUrl);
  785.             } else {
  786.               GenericVideoPromise([video.src]).then(resolve);
  787.             }
  788.           })
  789.           .catch(reject);
  790.       });
  791.     }
  792.  
  793.     function RedditPromise(url) {
  794.       const urlText = url.toString();
  795.       return new Promise((resolve, reject) => {
  796.         if (/reddit\.com.*\/comments\/.*/.test(urlText)) {
  797.           RedditCommentsPromise(urlText).then(resolve).catch(reject);
  798.         } else {
  799.           debug('RedditPromise error. Unable to load non-comments Reddit page', urlText);
  800.           reject('[RedditPromise] Unable to load non-comments Reddit page ' + urlText);
  801.         }
  802.       });
  803.     }
  804.  
  805.     function RedditCommentsPromise(url) {
  806.       return new Promise((resolve, reject) => {
  807.         _getDocument(url)
  808.           .then(doc => {
  809.             const commentArea = doc.querySelector('.commentarea .sitetable');
  810.             const container = _create('div', {className:'redditmod-media-comments-area'});
  811.             commentArea.querySelectorAll('.entry').forEach(entry => {
  812.               entry.onclick = event => {
  813.                 if (event && event.target && event.target.tagName === 'A') {
  814.                   return true; // Pass-through
  815.                 } else {
  816.                   // Expand/collapse comment tree
  817.                   stopEvent(event);
  818.                   entry.querySelector('a.expand').click();
  819.                   return false;
  820.                 }
  821.               };
  822.             });
  823.             container.appendChild(commentArea);
  824.             container._click = () => {};
  825.             resolve(container);
  826.           })
  827.           .catch(reject);
  828.       });
  829.     }
  830.  
  831.     function SoundcloudPromise(url) {
  832.       return new Promise((resolve, reject) => {
  833.         _getWEB(url.toString())
  834.           .then(responseText => {
  835.             let matches = responseText.match(/meta itemprop="embedUrl" content="([^"]*)"/);
  836.             if (!matches) {
  837.               matches = responseText.match(/meta property="twitter:player" content="([^"]*)"/);
  838.             }
  839.             if (matches && matches.length > 0) {
  840.               const iframe = _create('iframe', {
  841.                 style: 'width:100%; height:' + (window.innerHeight / 2) + 'px',
  842.                 src: matches[1]
  843.               });
  844.               resolve(iframe);
  845.             } else {
  846.               reject('[SoundcloudPromise] No soundcloud data found at ' + url.toString());
  847.             }
  848.           })
  849.           .catch(reject);
  850.       });
  851.     }
  852.  
  853.     function ExplosmPromise(url) {
  854.       return new Promise(function(resolve, reject) {
  855.         _getDocument(url.toString())
  856.           .then(doc => {
  857.             const imageMeta = doc.querySelector('img#main-comic');
  858.             if (imageMeta) {
  859.               GenericImagePromise([imageMeta.src]).then(resolve, reject);
  860.             } else {
  861.               reject('[ExplosmPromise] No images found at ' + url.toString());
  862.             }
  863.           })
  864.           .catch(reject);
  865.       });
  866.     }
  867.  
  868.     function ImgflipPromise(url) {
  869.       return new Promise(function(resolve, reject) {
  870.         const urlText = url.toString();
  871.         if (/\.(jpg|jpeg|png)$/i.test(urlText)) {
  872.           GenericImagePromise([urlText]).then(resolve).catch(reject);
  873.         }
  874.         _getDocument(urlText)
  875.           .then(doc => {
  876.             const imageMeta = doc.querySelector('img#im');
  877.             if (imageMeta) {
  878.               GenericImagePromise([imageMeta.src]).then(resolve, reject);
  879.             } else {
  880.               reject('[ImgflipPromise] No images found at ' + urlText);
  881.             }
  882.           })
  883.           .catch(reject);
  884.       });
  885.     }
  886.  
  887.     function StreamablePromise(url) {
  888.       return new Promise((resolve, reject) => {
  889.         const matches = url.href.match(/streamable\.com\/([a-zA-Z0-9]*)/);
  890.         if (!matches) reject('[StreamablePromise] No Streamable ID found in url ' + url.toString());
  891.         const apiUrl = 'https://api.streamable.com/videos/' + matches[1];
  892.         _getJSON(apiUrl)
  893.           .then(json => {
  894.             GenericVideoPromise([json.files.mp4.url]).then(resolve, reject);
  895.           }).catch(reject);
  896.       });
  897.     }
  898.  
  899.     function InstagramPromise(url) {
  900.       const urlText = url.toString();
  901.       const matches = urlText.match(/instagram\.com\/p\/([a-zA-Z0-9_\-]*)/);
  902.       if (!matches) reject('[InstagramPromise] InstagramPromise error. No images found at', urlText);
  903.       const apiUrl = 'https://instagram.com/p/' + matches[1] + '/';
  904.       return new Promise((resolve, reject) => {
  905.         _getDocument(apiUrl).then(doc => {
  906.           const videoMeta = doc.querySelector('meta[property="og:video"]');
  907.           const imageMeta = doc.querySelector('meta[property="og:image"]');
  908.           if (videoMeta) {
  909.             GenericVideoPromise([videoMeta.content]).then(resolve, reject);
  910.           } else if (imageMeta) {
  911.             GenericImagePromise([imageMeta.content]).then(resolve, reject);
  912.           } else {
  913.             reject('[InstagramPromise] Error: No images found at ' + apiUrl);
  914.           }
  915.         }).catch(reject);
  916.       });
  917.     }
  918.  
  919.     function DeviantartPromise(url) {
  920.       return new Promise(function(resolve, reject) {
  921.         _getDocument(url.toString()).then(doc => {
  922.           const fullImg = doc.querySelector('img[dev-content-full]');
  923.           const smallImg = doc.querySelector('meta[property="og:image"]');
  924.           if (fullImg) {
  925.             GenericImagePromise([fullImg.src]).then(resolve, reject);
  926.           } else if (smallImg) {
  927.             GenericImagePromise([smallImg.content]).then(resolve, reject);
  928.           } else {
  929.             reject('[DeviantartPromise] Error: No images found at ' + url.toString());
  930.           }
  931.         }).catch(reject);
  932.       });
  933.     }
  934.  
  935.     function XkcdPromise(url) {
  936.       return new Promise((resolve, reject) => {
  937.         const matches = url.href.match(/xkcd\.com\/([0-9]+)/);
  938.         if (matches) {
  939.           _getJSON("https://xkcd.com/" + matches[1] + "/info.0.json").then(json => {
  940.             const xkcdDiv = document.createElement("div");
  941.             const h3 = document.createElement("h3");
  942.             const img = document.createElement("img");
  943.             const h5 = document.createElement("h5");
  944.             h3.textContent = json.title;
  945.             img.src = json.img;
  946.             img.title = json.alt;
  947.             h5.textContent = json.alt;
  948.             xkcdDiv.appendChild(h3);
  949.             xkcdDiv.appendChild(img);
  950.             xkcdDiv.appendChild(h5);
  951.             resolve(xkcdDiv);
  952.           }).catch(reject)
  953.         } else if (/\.(png|gif|jpe?g)$/i.test(url.href)) {
  954.           GenericImagePromise([url.toString()]).then(resolve).catch(reject);
  955.         } else {
  956.           reject('Failed to find XKCD metadata from ' + url.toString());
  957.         }
  958.       });
  959.     }
  960.   })();
  961.  
  962.   function Filters(config, menuPromise) {
  963.     const CLASS_PROCESSED = 'redditmod-thing-processed';
  964.     const CLASS_FILTERED = 'redditmod-thing-filtered';
  965.  
  966.     // CSS specific to filtering
  967.     const CSS_FILTER = '' +
  968.       '.redditmod-thing-filtered {' +
  969.         'margin:0!important;' +
  970.         'padding:0!important;' +
  971.         'max-height:0!important;' +
  972.         'overflow:hidden!important;' +
  973.         'background-color:var(--bg)' +
  974.       '}' +
  975.       '.thing {' + 
  976.         'transition:background-color linear 0.2s' +
  977.       '}' +
  978.       '.redditmod-filter-subreddit-button {' + 
  979.         'border:none;' +
  980.         'background-color:var(--fg-link);' +
  981.         'color:var(--bg)!important;' +
  982.         'font-weight:900;' +
  983.         'border-radius:15px;' +
  984.         'padding:0 1.9px .5px;' +
  985.         'margin-left:5px' +
  986.       '}' +
  987.       '.redditmod-filter-subreddit-button:hover {' +
  988.         'text-decoration:none!important;' +
  989.         'box-shadow: 0 0 5px rgba(0,0,0,0.5)' +
  990.       '}';
  991.  
  992.     // Only apply filters on URLs that match:
  993.     const URL_FILTER_REGEX = /^.*\/r\/(all|popular)\/.*$/i;
  994.     const filters = {};
  995.  
  996.     return new Promise(resolve => {
  997.       CSS.applyStyle('redditmod-thing-style', CSS_FILTER);
  998.       menuPromise.then(menu => {
  999.         filters.nsfw = NsfwFilter(menu);
  1000.         filters.text = TextFilter(menu);
  1001.         filters.subreddit = SubredditFilter(menu);
  1002.         processPosts();
  1003.         resolve({filters, processPost, processPosts});
  1004.       });
  1005.     });
  1006.  
  1007.     function processPosts() {
  1008.       document.querySelectorAll('#siteTable .thing').forEach(thing => processPost(thing));
  1009.     }
  1010.  
  1011.     function processPost(thing) {
  1012.       if (!thing.classList.contains(CLASS_PROCESSED)) {
  1013.         thing.classList.add(CLASS_PROCESSED);
  1014.         filters.subreddit.addFilterButton(thing);
  1015.  
  1016.         // Hide/Show media when post is clicked
  1017.         thing.addEventListener('click', event => MEDIA.postClick(thing, event));
  1018.  
  1019.         // Visited
  1020.         if (config.isVisited(thing.dataset.fullname)) {
  1021.           thing.classList.add('redditmod-visited');
  1022.         }
  1023.  
  1024.         // Remove tracking from links if user did not specify in preferences.
  1025.         thing.querySelectorAll('a[data-outbound-url], a[data-outbound-expiration], a[data-inbound-url]')
  1026.           .forEach(anchor => {
  1027.             if (anchor.dataset) {
  1028.               if (anchor.dataset.outboundUrl) delete anchor.dataset.outboundUrl;
  1029.               if (anchor.dataset.outboundExpiration) delete anchor.dataset.outboundExpiration;
  1030.               if (anchor.dataset.inboundUrl) delete anchor.dataset.inboundUrl;
  1031.             }
  1032.           });
  1033.       }
  1034.  
  1035.       if (_shouldFilterThisPage()) {
  1036.         const reasons = [];
  1037.         const activeFilters = Object.entries(filters).map(
  1038.             ([name, filter]) => {
  1039.               const filterReason = filter.shouldFilter(thing);
  1040.               if (filterReason !== false) {
  1041.                 reasons.push(filterReason);
  1042.               }
  1043.             });
  1044.         
  1045.         if (reasons.length > 0 && !thing.classList.contains(CLASS_FILTERED)) {
  1046.           thing.classList.add(CLASS_FILTERED);
  1047.         } else if (reasons.length === 0 && thing.classList.contains(CLASS_FILTERED)) {
  1048.           thing.classList.remove(CLASS_FILTERED);
  1049.         }
  1050.       }
  1051.     }
  1052.  
  1053.     function _shouldFilterThisPage() {
  1054.       return URL_FILTER_REGEX.test(window.location.pathname);
  1055.     }
  1056.  
  1057.     ///////////////////////////////////////////
  1058.     function NsfwFilter(menu) {
  1059.       updateMenu();
  1060.       return {shouldFilter};
  1061.  
  1062.       function shouldFilter(thing) {
  1063.         const state = config.getNsfwState();
  1064.         const isOver18 = thing.classList.contains('over18');
  1065.         let reason = false;
  1066.         if (state === 'hide' && isOver18) {
  1067.           reason = 'NSFW';
  1068.         } else if (state === 'always' && !isOver18) {
  1069.           reason = 'Not NSFW';
  1070.         }
  1071.         return reason;
  1072.       }
  1073.  
  1074.       function updateMenu() {
  1075.         const submenus = [_nsfwMenu('hide'), _nsfwMenu('show'), _nsfwMenu('always')];
  1076.         menu.updateMenuSection('nsfw filter', 'redditmod-menu-filter-nsfw', submenus);
  1077.       }
  1078.  
  1079.       // `verb` is either "hide" or "show"
  1080.       function _nsfwMenu(state) {
  1081.         const currentState = config.getNsfwState();
  1082.         const isChecked = currentState === state;
  1083.  
  1084.         let msg;
  1085.         switch (state) {
  1086.           case 'hide':
  1087.             msg = 'hide all nsfw posts';
  1088.             break;
  1089.           case 'show':
  1090.             msg = 'allow nsfw posts';
  1091.             break;
  1092.           case 'always':
  1093.             msg = 'only show nsfw posts';
  1094.             break;
  1095.         }
  1096.         return {
  1097.           href:'#',
  1098.           innerHTML: (isChecked ? '&#9745; ' : '&#9744; ') + msg,
  1099.           onclick: _onNsfwMenuClick
  1100.         };
  1101.         function _onNsfwMenuClick(event) {
  1102.           stopEvent(event);
  1103.           config.setNsfwState(state);
  1104.           updateMenu();
  1105.           processPosts();
  1106.         }
  1107.       }
  1108.     }
  1109.  
  1110.     ///////////////////////////////////////////
  1111.     function SubredditFilter(menu) {
  1112.       updateMenu();
  1113.       return {shouldFilter, addFilterButton};
  1114.  
  1115.       function addFilterButton(thing) {
  1116.         const subreddit = thing && thing.dataset && thing.dataset.subreddit;
  1117.         const subredditLink = thing.querySelector('a.subreddit');
  1118.         if (!subreddit || !subredditLink) return;
  1119.         const filterButton = document.createElement('a');
  1120.         Object.assign(filterButton, {
  1121.           innerHTML: '&times;',
  1122.           href: '#',
  1123.           className: 'redditmod-filter-subreddit-button',
  1124.           title: 'Filter /r/' + subreddit + ' from appearing',
  1125.           onclick: event => _toggleSubreddit(subreddit, event)
  1126.         });
  1127.         subredditLink.parentNode.appendChild(filterButton);
  1128.       }
  1129.  
  1130.       function shouldFilter(thing) {
  1131.         let reason = false;
  1132.         if (config.isSubredditFiltered(thing.dataset.subreddit)) {
  1133.           reason = 'SUBREDDIT';
  1134.         }
  1135.         return reason;
  1136.       }
  1137.  
  1138.       function updateMenu() {
  1139.         const subreddits = config.getSubreddits();
  1140.         const submenus = subreddits.map(subreddit => _subredditMenuProps(subreddit));
  1141.         submenus.unshift({
  1142.           textContent: 'select none',
  1143.           onclick: event => _toggleAllSubreddits(false, event)
  1144.         });
  1145.         submenus.unshift({
  1146.           textContent: 'select all',
  1147.           onclick: event => _toggleAllSubreddits(true, event)
  1148.         });
  1149.         menu.updateMenuSection(
  1150.           'filtered subreddits (' + subreddits.length + ')',
  1151.           'redditmod-menu-filter-subreddits',
  1152.           submenus);
  1153.       }
  1154.  
  1155.       function refresh() {
  1156.         updateMenu();
  1157.         processPosts();
  1158.       }
  1159.  
  1160.       function _toggleSubreddit(subreddit, event) {
  1161.         stopEvent(event);
  1162.         const enabled = !config.isSubredditFiltered(subreddit);
  1163.         config.setSubredditFilter(subreddit, enabled).then(refresh);
  1164.       }
  1165.  
  1166.       function _toggleAllSubreddits(enabled, event) {
  1167.         stopEvent(event);
  1168.         config.setAllSubredditFilters(enabled).then(refresh);
  1169.       }
  1170.  
  1171.       function _subredditMenuProps(subreddit) {
  1172.         return {
  1173.           innerHTML: (config.isSubredditFiltered(subreddit) ? '&#9745; ' : '&#9744; ') + subreddit,
  1174.           onclick: event => _toggleSubreddit(subreddit, event)
  1175.         };
  1176.       }
  1177.     }
  1178.  
  1179.     ///////////////////////////////////////////
  1180.     function TextFilter(menu) {
  1181.       updateMenu();
  1182.       return {shouldFilter};
  1183.  
  1184.       function shouldFilter(thing) {
  1185.         let reason = false;
  1186.         const title = thing.querySelector('a.title');
  1187.         if (title) {
  1188.           reason = config.shouldFilterTextblock(title.textContent);
  1189.         }
  1190.         return reason;
  1191.       }
  1192.  
  1193.       function updateMenu() {
  1194.         const texts = config.getTexts();
  1195.         const submenus = texts.map(text => _textMenuProps(text));
  1196.         submenus.unshift({
  1197.           textContent: 'add a text filter',
  1198.           onclick: _addTextFilter
  1199.         });
  1200.         menu.updateMenuSection('filtered text (' + texts.length + ')', 'redditmod-menu-filter-texts', submenus);
  1201.       }
  1202.  
  1203.       function refresh() {
  1204.         updateMenu();
  1205.         processPosts();
  1206.       }
  1207.  
  1208.       function _addTextFilter(event) {
  1209.         stopEvent(event);
  1210.         const text = prompt(
  1211.           '"Text Filter" will hide reddit posts that contain a word or phrase in the post title.' +
  1212.           '\n\nYou can enter multiple words/phrases by separating them with a Comma ( , )' +
  1213.           '\n\n(Text-matching is case-insensitive)' +
  1214.           '\n\nEnter text to filter:', 'Example: trump, sanders, clinton');
  1215.         if (text === null) return;
  1216.         text.split(/\s*,\s/).forEach(word => {
  1217.           config.setTextFilter(word.toLowerCase(), true);
  1218.         });
  1219.         refresh();
  1220.       }
  1221.  
  1222.       function _textMenuProps(text) {
  1223.         return {
  1224.           innerHTML: (config.isTextFiltered(text) ? '&#9745; ' : '&#9744; ') + text,
  1225.           onclick: event => {
  1226.             stopEvent(event);
  1227.             _toggleText(text);
  1228.           }
  1229.         };
  1230.       }
  1231.  
  1232.       function _toggleText(text) {
  1233.         const enabled = !config.isTextFiltered(text);
  1234.         config.setTextFilter(text, enabled);
  1235.         refresh();
  1236.       }
  1237.     }
  1238.   }
  1239.  
  1240.   function Navigation(filters) {
  1241.     let loading = false;
  1242.  
  1243.     CSS.onDOM().then(() => {
  1244.       overrideNextButton();
  1245.       scrollListener();
  1246.       addScrollListener();
  1247.     });
  1248.  
  1249.     return {scrollListener, addScrollListener};
  1250.  
  1251.     function scrollListener(event) {
  1252.       const evt = event || {pageY:0};
  1253.       if (document.body.clientHeight - (window.scrollY + window.innerHeight) < 200) {
  1254.         loadMorePosts();
  1255.       }
  1256.     }
  1257.  
  1258.     function addScrollListener()    { window.addEventListener('scroll',    scrollListener); }
  1259.     function removeScrollListener() { window.removeEventListener('scroll', scrollListener); }
  1260.  
  1261.     function loadMorePosts() {
  1262.       const nextButton = document.querySelector('.next-button a');
  1263.       if (loading || !nextButton) {
  1264.         return;
  1265.       }
  1266.  
  1267.       loading = true;
  1268.       removeScrollListener();
  1269.  
  1270.       debug('[Navigation.loadMorePosts] Fetching URL (via nextButton.href):', nextButton.href);
  1271.       GM.xmlHttpRequest({
  1272.         method: "GET",
  1273.         url: nextButton.href,
  1274.         onabort: _onError,
  1275.         onerror: _onError,
  1276.         onload: _injectPosts
  1277.       });
  1278.  
  1279.       const parentNode = nextButton.parentNode.parentNode;
  1280.       parentNode.style.backgroundColor = '#aaa';
  1281.       parentNode.opacity = '0.5';
  1282.       parentNode.cursor = 'not-allowed';
  1283.       parentNode.childNodes.forEach(child => {
  1284.         if (child.style) {
  1285.           child.style.display = 'none';
  1286.         }
  1287.       });
  1288.  
  1289.       function _onError(response) {
  1290.         debug('Navigation.loadMorePosts() error. url:', nextButton.href, 'response:', response);
  1291.         const errDiv = document.createElement('div');
  1292.         errDiv.className = 'redditmod-media-error';
  1293.         errDiv.textContent = 'Navigation.loadMorePosts() error. URL: ' + nextButton.href + ' Reason: ' + (response.error || response.responseText);
  1294.         nextButton.parentNode.parentNode.appendChild(errDiv);
  1295.       }
  1296.     }
  1297.  
  1298.     function _injectPosts(response) {
  1299.       debug('[Navigation.loadMorePosts._injectPosts] Got response (' + response.responseText.length.toLocaleString() + ' bytes)');
  1300.       const previousNav = document.querySelector('.nav-buttons');
  1301.       const html = document.createElement('html');
  1302.       html.innerHTML = response.responseText;
  1303.       html.querySelectorAll('#siteTable > *').forEach(thing => {
  1304.         if (thing.classList.contains('clearleft')) return;
  1305.         if (!thing.id) {
  1306.           previousNav.parentNode.insertBefore(thing, previousNav); 
  1307.         } else if (!document.querySelector('#' + thing.id)) {
  1308.           filters.processPost(thing);
  1309.           previousNav.parentNode.insertBefore(thing, previousNav); 
  1310.         } else {
  1311.           debug('[Navigation.loadMorePosts._injectPosts] Ignoring duplicate post. thing.id:', thing.id);
  1312.         }
  1313.       });
  1314.       previousNav.parentNode.removeChild(previousNav);
  1315.  
  1316.       // Re-enable features on the "new page".
  1317.       overrideNextButton();
  1318.       addScrollListener();
  1319.       loading = false;
  1320.       setTimeout(scrollListener, 250);
  1321.     }
  1322.  
  1323.     function overrideNextButton() {
  1324.       const nextButton = document.querySelector('.next-button a');
  1325.       if (!nextButton) return;
  1326.       nextButton.addEventListener('click', event => {
  1327.         stopEvent(event);
  1328.         loadMorePosts();
  1329.       });
  1330.     }
  1331.   }
  1332.  
  1333.   function Tweaks(config, menuPromise) {
  1334.     const TWEAK_STYLE_ID = 'redditmod-tweak-style';
  1335.  
  1336.     return new Promise(resolve => {
  1337.       // Apply tweaks CSS before MENU loads
  1338.       _applyTweakCSS();
  1339.  
  1340.       menuPromise.then(menu => {
  1341.         updateMenu(menu);
  1342.         resolve({
  1343.           updateMenu: () => updateMenu(menu)
  1344.         });
  1345.       });
  1346.     });
  1347.  
  1348.     function _applyTweakCSS() {
  1349.       CSS.applyStyle(TWEAK_STYLE_ID, config.getTweakCSS());
  1350.     }
  1351.  
  1352.     function _tweakLinkProps(tweak, menu) {
  1353.       return {
  1354.         innerHTML: (tweak.enabled ? '&#9745; ' : '&#9744; ') + tweak.name,
  1355.         onclick: event => {
  1356.           stopEvent(event);
  1357.           config.setTweak(tweak.id, !config.isTweakEnabled(tweak.id))
  1358.             .then(() => {
  1359.               _applyTweakCSS();
  1360.               updateMenu(menu);
  1361.             });
  1362.         }
  1363.       };
  1364.     }
  1365.  
  1366.     function updateMenu(menu) {
  1367.       if (!menu) return;
  1368.       menu.updateMenuSection(
  1369.         'tweaks', 'redditmod-menu-tweaks',
  1370.         config.getTweaks().map(tweak => _tweakLinkProps(tweak, menu))
  1371.       );
  1372.     }
  1373.   }
  1374.  
  1375.   function Themes(config, menuPromise) {
  1376.     const THEME_STYLE_ID = 'redditmod-theme-style';
  1377.         
  1378.     return new Promise(resolve => {
  1379.       // Apply theme CSS before MENU loads
  1380.       applyThemeCSS();
  1381.  
  1382.       menuPromise.then(menu => {
  1383.         updateMenu(menu);
  1384.         resolve({
  1385.           applyThemeCSS,
  1386.           updateMenu: () => updateMenu(menu)
  1387.         });
  1388.       });
  1389.     });
  1390.  
  1391.     function applyThemeCSS() {
  1392.       CSS.applyStyle(THEME_STYLE_ID, config.getThemeCSS());
  1393.     }
  1394.  
  1395.     function updateMenu(menu) {
  1396.       if (!menu) return;
  1397.       const submenus = config.getThemes().map(themeName => ({
  1398.         innerHTML: (config.getTheme() === themeName ? '&#9745; ' : '&#9744; ') + themeName,
  1399.         onclick: event => {
  1400.           stopEvent(event);
  1401.           config.setTheme(themeName).then(() => {
  1402.             applyThemeCSS();
  1403.             updateMenu(menu);
  1404.           });
  1405.         }
  1406.       }));
  1407.       menu.updateMenuSection('themes', 'redditmod-menu-themes', submenus);
  1408.     }
  1409.   }
  1410.  
  1411.   //debug('Startup: config');
  1412.   CONFIG.then(config => {
  1413.     //debug('Startup: menuPromise (config:', config, ')');
  1414.     const menuPromise = MENU.init(config);
  1415.  
  1416.     //debug('Startup: theme, tweak, & filters (menuPromise:', menuPromise, ')');
  1417.     Promise.all([
  1418.       Themes(config, menuPromise),
  1419.       Tweaks(config, menuPromise),
  1420.       Filters(config, menuPromise)
  1421.     ]).then(([themes, tweaks, filters]) => {
  1422.       //debug('Startup: navigation (themes:', themes, 'tweaks:', tweaks, 'filters', filters, ')');
  1423.       const navigation = Navigation(filters);
  1424.       debug('Startup: COMPLETE (navigation:', navigation, ')');
  1425.     });
  1426.  
  1427.   });
  1428. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址