☰

reddit styles

reddit themes for the common folk

当前为 2015-04-23 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        reddit styles
  3. // @namespace   http://nucular.github.io
  4. // @version     0.6.1
  5. // @description reddit themes for the common folk
  6. // @copyright   2015, nucular
  7. // @license     MIT License
  8. // @include     http://www.reddit.com/*
  9. // @include     https://www.reddit.com/*
  10. // @run-at      document-start
  11. // @grant       GM_getValue
  12. // @grant       GM_setValue
  13. // @require     https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js
  14. // ==/UserScript==
  15.  
  16. var featured = [
  17.     "NautClassic",
  18.     "serene",
  19.     "carbon",
  20.     "edurne",
  21.     "mindashq"
  22. ];
  23.  
  24. var activated = GM_getValue("activated", false);
  25. var subreddit = GM_getValue("subreddit", "");
  26. var excluded = GM_getValue("excluded", "").split(",");
  27. var otherpages = GM_getValue("otherpages", true);
  28. var dontoverride = GM_getValue("dontoverride", false);
  29.  
  30. function setActivated(a) {
  31.     activated = a;
  32.     GM_setValue("activated", a);
  33. }
  34.  
  35. function setOtherPages(a) {
  36.     otherpages = a;
  37.     GM_setValue("otherpages", a);
  38. }
  39.  
  40. function setDontOverride(a) {
  41.     dontoverride = a;
  42.     GM_setValue("dontoverride", a);
  43. }
  44.  
  45. function setSubreddit(s) {
  46.     var sane = s.replace(/\/r\/|[^\w]/g, "");
  47.     subreddit = sane;
  48.     if ($("#styles_subreddit").length > 0)
  49.         $("#styles_subreddit").val(sane);
  50.     GM_setValue("subreddit", sane);
  51. }
  52.  
  53. function setExcluded(e) {
  54.     var split = e.split(",");
  55.     var sane = [];
  56.     for (var i = 0; i < split.length; i++) {
  57.         var v = split[i].replace(/\/r\/|[^\w*?+]/g, "");
  58.         if (v)
  59.             sane.push(v);
  60.     }
  61.     excluded = sane;
  62.     sane = sane.join(",");
  63.     if ($("#styles_excluded").length > 0)
  64.         $("#styles_excluded").val(sane);
  65.     GM_setValue("excluded", sane);
  66. }
  67.  
  68. function loadStyle() {
  69.     if (subreddit == "") {
  70.         return;
  71.     }
  72.     // jQuery may not be loaded yet here
  73.     var links = document.getElementsByTagName("link");
  74.     var href = "https://www.reddit.com/r/" + subreddit + "/stylesheet/";
  75.     
  76.     var done = false;
  77.     for (var i = 0; i < links.length; i++) {
  78.         if (links[i].title == "applied_subreddit_stylesheet") {
  79.             if (links[i].href != href)
  80.                 links[i].href = href;
  81.             done = true;
  82.         }
  83.     }
  84.     if (!done) {
  85.         // Assume we're on another page
  86.         var link = document.createElement("link");
  87.         link.title = "applied_subreddit_stylesheet";
  88.         link.rel = "stylesheet";
  89.         link.href = href;
  90.         document.head.appendChild(link);
  91.     }
  92. }
  93.  
  94. function loadPrefs() {
  95.     document.addEventListener("DOMContentLoaded", function() {
  96.         $("<tr><th>reddit styles</th><td class='prefright'>"
  97.          + "<input name='styles_activated' id='styles_activated' type='checkbox'>"
  98.          + "<label class='' for='styles_activated'>activate <a href='https://greasyfork.org/en/scripts/9451-reddit-styles'>reddit styles</a></label> "
  99.          + "<span class='details'>use the custom theme of any subreddit everywhere</span>"
  100.          + "<br>"
  101.          + "use theme from /r/<input name='styles_subreddit' id='styles_subreddit' type='text' style='width: 150px'> "
  102.          + "<span class='details' id='styles_featured'>e.g.&nbsp;</span>"
  103.          + "<br>"
  104.          + "exclude subreddits <input name='styles_excluded' id='styles_excluded' type='text' style='width: 150px'> "
  105.          + "<span class='details'>separated by commas, use * and ? as wildcards</span>"
  106.          + "<br>"
  107.          + "<input name='styles_otherpages' id='styles_otherpages' type='checkbox'>"
  108.          + "<label class='' for='styles_otherpages'>style other pages too (if available)</label> "
  109.          + "<span class='details'>e.g the front, subreddits, compose/messages and explore pages</span>"
  110.          + "<br>"
  111.          + "<input name='styles_dontoverride' id='styles_dontoverride' type='checkbox'>"
  112.          + "<label class='' for='styles_dontoverride'>don't override if a subreddit already has a custom theme</label> "
  113.          + "<span class='details'>this will delay the loading of your custom stylesheet though</span>"
  114.          + "</tr></td>").prependTo(".content.preftable > tbody");
  115.     
  116.         for (var i = 0; i < featured.length; i++) {
  117.             $("<a></a>")
  118.                 .attr("href", "https://www.reddit.com/r/" + featured[i])
  119.                 .text(featured[i])
  120.                 .appendTo("#styles_featured")
  121.                 .on("click", function(e) {
  122.                     e.preventDefault();
  123.                     setSubreddit($(this).text());
  124.                 });
  125.             if (i < featured.length-1)
  126.                 $("<span>,</span>").appendTo("#styles_featured");
  127.         }
  128.     
  129.         $("#styles_activated")
  130.             .on("change", function(e) {
  131.                 setActivated(this.checked);
  132.             })[0].checked = activated;
  133.         $("#styles_otherpages")
  134.             .on("change", function(e) {
  135.                 setOtherPages(this.checked);
  136.             })[0].checked = otherpages;
  137.         $("#styles_dontoverride")
  138.             .on("change", function(e) {
  139.                 setDontOverride(this.checked);
  140.             })[0].checked = dontoverride;
  141.         $("#styles_subreddit")
  142.             .val(subreddit)
  143.             .on("change", function(e) {
  144.                 setSubreddit($(this).val());
  145.             });
  146.         $("#styles_excluded")
  147.             .val(excluded.join(","))
  148.             .on("change", function(e) {
  149.                 setExcluded($(this).val());
  150.             });
  151.     });
  152. }
  153.  
  154.  
  155. var page = window.location.pathname.match(/^(\/\w+)/);
  156. if (!page) page = "/";
  157. else page = page[1];
  158.  
  159. if (activated) {
  160.     // Subreddits
  161.     if (page == "/r") {
  162.         var sub = window.location.pathname.match(/^\/r\/([\w+]+)/)[1];
  163.         // First check if the sub is excluded
  164.         for (var i = 0; i < excluded.length; i++) {
  165.             if (sub.match(new RegExp("^" + excluded[i].replace(/([\*\?])/g, ".$1") + "$")))
  166.                 return;
  167.         }
  168.         // Gotta poke the server about this, sadly
  169.         if (dontoverride) {
  170.             var http = new XMLHttpRequest();
  171.             http.open("HEAD", "https://www.reddit.com/r/" + sub + "/stylesheet/");
  172.             http.onreadystatechange = function() {
  173.                 if (this.readyState == this.HEADERS_RECEIVED) {
  174.                     if (this.status == 403 || this.status == 404) { // 403 = banned/private, 404 = no style
  175.                         loadStyle();
  176.                         setInterval(loadStyle, 300);
  177.                     }
  178.                 }
  179.             };
  180.             http.send();
  181.         } else {
  182.             loadStyle();
  183.             setInterval(loadStyle, 300);
  184.         }
  185.     }
  186.     
  187.     // Other areas
  188.     else if (otherpages && page != "/prefs") { //(page == "/" || page == "/compose" || page == "/subreddits" || page == "/messages" || page == "/explore")) {
  189.         loadStyle();
  190.         setInterval(loadStyle, 300);
  191.     }
  192. }
  193. // Preferences
  194. if (page == "/prefs") {
  195.     loadPrefs();
  196. }