☰

redditmod

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

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

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

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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