☰

[Reddit] Modmail++

Additional tools and information to Reddit's Modmail

目前為 2022-08-30 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name        [Reddit] Modmail++
  3. // @namespace   HKR
  4. // @match       https://mod.reddit.com/mail/*
  5. // @grant       none
  6. // @version     3.7
  7. // @author      HKR
  8. // @description Additional tools and information to Reddit's Modmail
  9. // @icon        https://www.redditstatic.com/modmail/favicon/favicon-32x32.png
  10. // @supportURL  https://github.com/Hakorr/Userscripts/issues
  11. // @require     https://cdn.jsdelivr.net/npm/party-js@2.1.2/bundle/party.js#sha256-J9/UDCn536lyy03NDKIUT6WX3DU9FqZZ9ydg++UVUC0=
  12. // ==/UserScript==
  13.  
  14. (() => {
  15. console.log("[Modmail++] %cScript started!", "color: green");
  16.  
  17. class __settings__ {
  18.     subTag = $(".ThreadTitle__community")?.href?.slice(23) || "r/subreddit"; //Format r/subreddit
  19.     userTag = "u/" + $(".ModIdCard__UserNameLink")?.innerText || "u/username"; //Format u/username
  20.     modmail = `[modmail](https://www.reddit.com/message/compose?to=/${keepPrefix(this.subTag, true)})`;
  21.     rules = `https://www.reddit.com/${keepPrefix(this.subTag, true)}/about/rules`;
  22.   
  23.     /* Responses - Edit to your own liking, remove whatever you don't like!
  24.     - name | The name of the response that will show on the listbox. (Example value: "Hello!")
  25.     - replace | Replace all messagebox text if true, otherwise just add. (Example value: true)
  26.     - subreddit | Visible only while on this subreddit's modmail. (Example value: "r/subreddit")
  27.     - content | This text will be added to the messagebox once selected (Example value: "Hello world!")*/
  28.     responses = [
  29.         {
  30.             "name":"Default Approved",
  31.             "replace":true,
  32.             "subreddit":"",
  33.             "content":`Hey, approved the post!`
  34.         },
  35.         {
  36.             "name":"Default Rule Broken",
  37.             "replace":true,
  38.             "subreddit":"",
  39.             "content":`Your post broke our [rules](${this.rules}).\n\nThe action will not be reverted.`
  40.         },
  41.         {
  42.             "name":"Add Rule Description",
  43.             "replace":false,
  44.             "subreddit":"",
  45.             "content":`<open-rulelist-dialog>`
  46.         },
  47.         {
  48.             "name":"Add Greetings",
  49.             "replace":false,
  50.             "subreddit":"",
  51.             "content":`${randItem(["Greetings","Hello","Hi"])} ${this.userTag},\n\n`
  52.         },
  53.         {
  54.             "name":"Add Subreddit Mention",
  55.             "replace":false,
  56.             "subreddit":"",
  57.             "content":`${this.subTag}`
  58.         },
  59.         {
  60.             "name":"Add User Mention",
  61.             "replace":false,
  62.             "subreddit":"",
  63.             "content":`${this.userTag}`
  64.         },
  65.         {
  66.             "name":"Add Modmail Link",
  67.             "replace":false,
  68.             "subreddit":"",
  69.             "content":`${this.modmail}`
  70.         },
  71.         {
  72.             "name":"Add Karma Link",
  73.             "replace":false,
  74.             "subreddit":"",
  75.             "content":`[karma](https://reddit.zendesk.com/hc/en-us/articles/204511829-What-is-karma-)`
  76.         },
  77.         {
  78.             "name":"Add Shadowban Link",
  79.             "replace":false,
  80.             "subreddit":"",
  81.             "content":`[shadowbanned](https://www.reddit.com/r/ShadowBan/comments/8a2gpk/an_unofficial_guide_on_how_to_avoid_being/)`
  82.         },
  83.         {
  84.             "name":"Add Content Policy",
  85.             "replace":false,
  86.             "subreddit":"",
  87.             "content":`[Content Policy](https://www.redditinc.com/policies/content-policy)`
  88.         },
  89.         {
  90.             "name":"Add User Agreement",
  91.             "replace":false,
  92.             "subreddit":"",
  93.             "content":`[User Agreement](https://www.redditinc.com/policies/user-agreement)`
  94.         },
  95.             {
  96.             "name":"Add Reddiquette",
  97.             "replace":false,
  98.             "subreddit":"",
  99.             "content":`[Reddiquette](https://reddit.zendesk.com/hc/en-us/articles/205926439-Reddiquette)`
  100.         },
  101.             {
  102.             "name":"Add Admin Modmail",
  103.             "replace":false,
  104.             "subreddit":"",
  105.             "content":`[Admins](https://www.reddit.com/message/compose?to=%2Fr%2Freddit.com)`
  106.         },
  107.         {
  108.             "name":"Add Rickroll",
  109.             "replace":false,
  110.             "subreddit":"",
  111.             "content":`[link](https://www.youtube.com/watch?v=dQw4w9WgXcQ)`
  112.         },
  113.         {
  114.             "name":"Invitation (New Message)",
  115.             "replace":true,
  116.             "subreddit":"",
  117.             "subject": `Invitation to become a moderator of ${this.subTag}`,
  118.             "content":`${randItem(["Greetings","Hello","Hi"])} ${this.userTag},\n\nWould you like to moderate ${this.subTag} with us? Please let us know as soon as possible!`
  119.         }
  120.     ];
  121.  
  122.     themeMode = $$(".theme-dark").length ? true : false;
  123.     textColor = this.themeMode ? "#757575" : "#6e6e6e"; // dark hex : light hex
  124.     titleColor = this.themeMode ? "#a7a7a7" : "#2c2c2c"; // dark hex : light hex
  125.     listBoxColor = this.themeMode ? "#242424" : "#f1f3f5"; // dark hex : light hex
  126.  
  127.     dataColor = "#0079d3"; // data (numbers etc.) color
  128.  
  129.     enableCustomResponses = true; // if to append the custom response box
  130.  
  131.     chatProfileIcons = true; // if to append chat profile icons
  132.  
  133.     placeholderMessage = randItem([
  134.         "Message...",
  135.         "Look, a bird! Message...",
  136.         "What have you been up to today? Message...",
  137.         "Beautiful day, isn't it? Message...",
  138.         "Was the weather nice? Message...",
  139.         "You look good today! Message...",
  140.         "What dreams did you see last night? Message...",
  141.         "What did you do today? Message...",
  142.         "What did you eat today? Message...",
  143.         "Have you drank enough water? Message...",
  144.         "Remember to stretch! Message...",
  145.         "≖‿≖ I live inside of your walls. Message...",
  146.         "(✿◠‿◠) Message...",
  147.     ]);
  148. }
  149.   
  150. /*/////////////////////////////////////////////////
  151. \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
  152. DO NOT PROCEED IF YOU DO NOT KNOW WHAT YOU'RE DOING
  153. ///////////////////////////////////////////////////
  154. \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
  155.   
  156. const $ = document.querySelector.bind(document);
  157. const $$ = document.querySelectorAll.bind(document);
  158.  
  159. // returns a random item from array
  160. const randItem = itemArr => itemArr[Math.floor(Math.random() * itemArr.length)];
  161.   
  162. // removes the Reddit prefix
  163. const removePrefix = username => ["r/","u/"].some(tag => username.includes(tag)) ? username.slice(2) : username;
  164.   
  165. // adds the Reddit prefix if nonexistant
  166. const keepPrefix = (username, subreddit) => ["r/","u/"].some(tag => username.includes(tag)) ? username : subreddit ? `r/${username}` : `u/${username}`;
  167.  
  168. const recipientUsername = () => {
  169.     const defaultUsernameElem = $(".ModIdCard__UserNameLink");
  170.     
  171.     if(defaultUsernameElem) {
  172.         return removePrefix(defaultUsernameElem?.innerText);
  173.     }
  174.     else {
  175.         return undefined;
  176.     }
  177. };
  178.   
  179. async function Get(url) {
  180.     const response = await fetch(url);
  181.  
  182.     if (!response.ok) {
  183.         throw new Error(`HTTP error! status: ${response.status}`);
  184.     }
  185.  
  186.     const text = await response.text();
  187.     return text;
  188. };
  189.  
  190. async function getUserInfo() {
  191.     try
  192.     {
  193.         const about = await Get(`https://www.reddit.com/user/${recipientUsername()}/about.json`);
  194.         return JSON.parse(about);
  195.     }
  196.     catch
  197.     {
  198.         console.log("[Modmail++] %cFailed to load user information.", "color: red");
  199.         return 0;
  200.     }
  201. };
  202.   
  203. async function getRules(Settings) {
  204.     try
  205.     {
  206.         const rules = await Get(Settings.rules + ".json");
  207.         return JSON.parse(rules);
  208.     }
  209.     catch
  210.     {
  211.         console.log("[Modmail++] %cFailed to load subreddit rules, possibly a private subreddit?", "color: red");
  212.         return 0;
  213.     }
  214. };
  215.  
  216. // adds a zero suffix if x < 10
  217. const fixNumber = number => number < 10 ? "0" + number : number;
  218.  
  219. // returns a date string from UNIX timestamp
  220. function unixToDate(UNIX_timestamp) {
  221.     const d = new Date(UNIX_timestamp * 1000);
  222.     const months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
  223.  
  224.     const year = d.getFullYear(),
  225.     monthNum = d.getMonth() + 1,
  226.     month = months[d.getMonth()],
  227.     date = d.getDate(),
  228.     hour = fixNumber(d.getHours()),
  229.     min = fixNumber(d.getMinutes()),
  230.     sec = fixNumber(d.getSeconds());
  231.  
  232.     return `${date}.${monthNum}.${year} ${hour}:${min}:${sec}`; // (DD/MM/YY HH/MM/SS)
  233. };
  234.  
  235. // returns a string without evil HTML elements
  236. function sanitize(evilstring) {
  237.     const decoder = document.createElement('div');
  238.     decoder.innerHTML = evilstring;
  239.     return decoder.textContent;
  240. };
  241.  
  242. // add a link to the Modmail text and change its name to Modmail++
  243. const sidebarTitle = $(".Sidebar__titleMessage");
  244. sidebarTitle.setAttribute("onclick","window.open('https://github.com/Hakorr/Userscripts/tree/main/Reddit.com/ModmailExtraInfo')");
  245. sidebarTitle.setAttribute("style","cursor: pointer");
  246. sidebarTitle.innerText = "Modmail++";
  247.  
  248. // apply the custom css
  249. function applyCSS(Settings) {
  250.     //Took advice for the listbox CSS from moderncss.dev/custom-select-styles-with-pure-css, thanks!
  251.     const css = `
  252.     .profileIcon {
  253.         margin-bottom: 10px;
  254.         border-radius: 50%;
  255.         height: 100px !important;
  256.     }
  257.     .InfoBar__recentsNone {
  258.         color: #6e6e6e;
  259.     }
  260.     .InfoBar__metadata, .InfoBar__recents {
  261.         margin: 6px 0;
  262.         margin-left: 10px;
  263.     }
  264.     .value {
  265.         color: ${Settings.dataColor};
  266.     }
  267.     .InfoBar__banText {
  268.         padding-bottom: 15px;
  269.     }
  270.     .InfoBar__username, .InfoBar__username:visited {
  271.         padding-left: 10px;
  272.     }
  273.     .dataText {
  274.         color: ${Settings.textColor};
  275.         font-size: 13px;
  276.         padding-left: 10px;
  277.     }
  278.     .dataTitle {
  279.         color: ${Settings.titleColor};
  280.         font-size: 15px;
  281.         margin-bottom: 3px;
  282.         margin-top: 5px;
  283.     }
  284.     .responseListbox {
  285.         width: 50%;
  286.         cursor: pointer;
  287.     }
  288.     :root {
  289.         --select-border: #0079d3;
  290.         --select-focus: blue;
  291.         --select-arrow: var(--select-border);
  292.     }
  293.     *,
  294.     *::before,
  295.     *::after {
  296.     box-sizing: border-box;
  297.     }
  298.     select {
  299.         appearance: none;
  300.         background-color: ${Settings.listBoxColor};
  301.         color: ${Settings.textColor};
  302.         border: none;
  303.         padding: 0 1em 0 0;
  304.         margin: 0;
  305.         width: 100%;
  306.         cursor: pointer;
  307.         font-family: inherit;
  308.         font-size: inherit;
  309.         line-height: inherit;
  310.         outline: none;
  311.         position: relative;
  312.     }
  313.     .select {
  314.         width: 100%;
  315.         min-width: 15ch;
  316.         max-width: 30ch;
  317.         border: 1px solid var(--select-border);
  318.         border-radius: 0.25em;
  319.         padding: 0.3em 0.4em;
  320.         font-size: 0.9rem;
  321.         line-height: 1.1;
  322.         background-color: ${Settings.listBoxColor};
  323.         margin-bottom: 15px;
  324.     }
  325.     select::-ms-expand {
  326.         display: none;
  327.     }
  328.     option {
  329.         white-space: normal;
  330.         outline-color: var(--select-focus);
  331.     }
  332.     select:focus + .focus {
  333.         position: absolute;
  334.         top: -1px;
  335.         left: -1px;
  336.         right: -1px;
  337.         bottom: -1px;
  338.         border: 2px solid var(--select-focus);
  339.         border-radius: inherit;
  340.     }
  341.     .Author__text {
  342.         padding: 6px 0;
  343.     }
  344.     .chatProfileIcon {
  345.         margin-right: 7px;
  346.         transition: transform .1s;
  347.         border-radius: 50%;
  348.     }
  349.     .App__page {
  350.         background: var(--color-tone-8);
  351.     }
  352.     ::-webkit-scrollbar {
  353.         width: 10px;
  354.     }
  355.     ::-webkit-scrollbar-track {
  356.         background: ${Settings.listBoxColor};
  357.     }
  358.     ::-webkit-scrollbar-thumb {
  359.         background: #888;
  360.     }
  361.     ::-webkit-scrollbar-thumb:hover {
  362.         background: #555;
  363.     }
  364.     .subredditRuleList {
  365.         --newRedditTheme-bodyText: ${Settings.titleColor};
  366.         --newRedditTheme-metaText: ${Settings.textColor};
  367.         --newRedditTheme-navIconFaded10: rgba(215,218,220,0.1);
  368.         --newRedditTheme-actionIconTinted80: #9a9b9c;
  369.         --newRedditTheme-activeShaded90: #006cbd;
  370.         --newRedditTheme-actionIconAlpha20: rgba(129,131,132,0.2);
  371.         --newCommunityTheme-actionIcon: #818384;
  372.         --newRedditTheme-bodyTextAlpha03: ${Settings.listBoxColor};
  373.         --newRedditTheme-navIcon: #D7DADC;
  374.         --newCommunityTheme-line: #343536;
  375.         --newCommunityTheme-body: #1A1A1B;
  376.     }
  377.     .ruleList {
  378.         padding: 0 24px 0 20px;
  379.         background: var(--newRedditTheme-bodyTextAlpha03);
  380.         max-height: 100%;
  381.     }
  382.     html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code, del, dfn, em, img, input, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  383.         margin: 0;
  384.         padding: 0;
  385.         border: 0;
  386.         font-size: 100%;
  387.         font: inherit;
  388.         vertical-align: baseline;
  389.     }
  390.     .dialogWindow {
  391.         pointer-events: auto;
  392.     }
  393.     .ruleDiv {
  394.         -ms-flex-align: center;
  395.         align-items: center;
  396.         box-sizing: border-box;
  397.         display: -ms-flexbox;
  398.         display: flex;
  399.         height: 100%;
  400.         padding: 75px 30px 20px;
  401.         pointer-events: none;
  402.         position: fixed;
  403.         top: 0;
  404.         width: 100%;
  405.         z-index: 55;
  406.     }
  407.     .dialogWindow {
  408.         background-color: var(--newCommunityTheme-body);
  409.         border: 1px solid var(--newCommunityTheme-line);
  410.         border-radius: 4px;
  411.         box-shadow: 0 2px 20px 0 rgb(0 0 0 / 30%);
  412.         margin: auto;
  413.         pointer-events: auto;
  414.         z-index: 55;
  415.     }
  416.     .listWindow {
  417.         width: 550px;
  418.         position: relative;
  419.     }
  420.     .ruleHeader {
  421.         height: 50px;
  422.         border-bottom: 1px solid var(--newRedditTheme-bodyTextAlpha03);
  423.         position: relative;
  424.         display: -ms-flexbox;
  425.         display: flex;
  426.         -ms-flex-align: center;
  427.         align-items: center;
  428.         padding: 0 24px 0 20px;
  429.         margin: 0 -24px 0 -20px;
  430.         font-weight: 700;
  431.         font-size: 14px;
  432.         color: var(--newRedditTheme-metaText);
  433.     }
  434.     .infoIcon {
  435.         background: #86848412;
  436.         border-radius: 8px;
  437.         padding: 10px 16px 10px 12px;
  438.         display: -ms-flexbox;
  439.         display: flex;
  440.         box-sizing: border-box;
  441.         margin-top: 16px;
  442.     }
  443.     .bottomFooter {
  444.         box-shadow: 0 -1px 0 var(--newRedditTheme-bodyTextAlpha03);
  445.         padding: 20px 0 16px;
  446.         min-height: 80px;
  447.         display: -ms-flexbox;
  448.         display: flex;
  449.         box-sizing: border-box;
  450.         bottom: 0;
  451.         left: 0;
  452.     }
  453.     .closeIconSVG {
  454.         margin-left: auto;
  455.         margin-right: -4px;
  456.         cursor: pointer;
  457.         height: 20px;
  458.         padding: 4px;
  459.         width: 20px;
  460.         fill: var(--newCommunityTheme-actionIcon);
  461.     }
  462.     .infoIconSVG {
  463.         -ms-flex: 0 0 20px;
  464.         flex: 0 0 20px;
  465.         width: 20px;
  466.         margin-right: 12px;
  467.         fill: #878a8c;
  468.     }
  469.     .selectButton:disabled {
  470.         opacity: .5;
  471.     }
  472.     .selectButton {
  473.         margin-top: 8px;
  474.         -ms-flex: 0 0 150px;
  475.         flex: 0 0 150px;
  476.         background: var(--newRedditTheme-activeShaded90);
  477.         height: 31px;
  478.         border-radius: 100px;
  479.         color: #fff;
  480.         -ms-flex-item-align: end;
  481.         align-self: flex-end;
  482.         margin-left: auto;
  483.         font-size: 12px;
  484.         font-weight: 700;
  485.         text-transform: uppercase;
  486.         letter-spacing: .05em;
  487.         outline: none!important;
  488.     }
  489.     .infoBox {
  490.         -ms-flex: 0 1 auto;
  491.         flex: 0 1 auto;
  492.         font-size: 14px;
  493.         line-height: 1.45;
  494.         letter-spacing: -.01em;
  495.         color: var(--newRedditTheme-metaText);
  496.     }
  497.     .infoBox a {
  498.         color: #24a0ed;
  499.     }
  500.     button {
  501.         background: transparent;
  502.         border: none;
  503.         color: inherit;
  504.         cursor: pointer;
  505.         padding: initial;
  506.     }
  507.     input {
  508.         -webkit-writing-mode: horizontal-tb !important;
  509.         text-rendering: auto;
  510.         color: -internal-light-dark(black, white);
  511.         letter-spacing: normal;
  512.         word-spacing: normal;
  513.         text-transform: none;
  514.         text-indent: 0px;
  515.         text-shadow: none;
  516.         display: inline-block;
  517.         text-align: start;
  518.         appearance: auto;
  519.         background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
  520.         -webkit-rtl-ordering: logical;
  521.         cursor: text;
  522.         margin: 0em;
  523.         font: 400 13.3333px Arial;
  524.         padding: 1px 2px;
  525.         border-width: 2px;
  526.         border-style: inset;
  527.         border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
  528.         border-image: initial;
  529.     }
  530.     body {
  531.         min-height: calc(100vh - 48px);
  532.         line-height: 1;
  533.         font-family: IBMPlexSans, Arial, sans-serif;
  534.         -webkit-font-smoothing: antialiased;
  535.     }
  536.     ._3kEv5z1lDKGV8PQ5ijp4Uh {
  537.         background-size: 24px 24px;
  538.         background-position: 11px 6px;
  539.         padding-left: 42px!important;
  540.         background-repeat: no-repeat;
  541.     }
  542.     .title {
  543.         margin-top: 16px;
  544.         font-size: 16px;
  545.         line-height: 1.2;
  546.         font-weight: 700;
  547.         color: var(--newRedditTheme-bodyText);
  548.     }
  549.     .fieldSet {
  550.         display: -ms-flexbox;
  551.         display: flex;
  552.         -ms-flex-direction: column;
  553.         flex-direction: column;
  554.         box-sizing: border-box;
  555.     }
  556.     .listValue label {
  557.         padding: 0 72px 0 20px;
  558.         display: -ms-flexbox;
  559.         display: flex;
  560.         height: 100%;
  561.         -ms-flex-align: center;
  562.         align-items: center;
  563.         cursor: pointer;
  564.         font-size: 14px;
  565.         font-weight: 700;
  566.         color: var(--newRedditTheme-metaText);
  567.         position: relative;
  568.     }
  569.     .listValue {
  570.         box-sizing: border-box;
  571.         height: 64px;
  572.         border-top: 1px solid var(--newRedditTheme-navIconFaded10);
  573.     }
  574.     .listBox {
  575.         margin: 16px -24px 0 -20px;
  576.         max-height: 60vh;
  577.         min-height: 100px;
  578.         overflow: auto;
  579.     }
  580.     .listValue input {
  581.         visibility: hidden;
  582.         display: none;
  583.     }
  584.     .StyledHtml tr {
  585.         color: ${Settings.titleColor};
  586.     }
  587.     .StyledHtml td {
  588.         color: ${Settings.textColor};
  589.     }
  590.     @media (min-width: 768px)
  591.     .ThreadViewer__infobarContainer {
  592.         display: table;
  593.     }
  594.     #currentlySelected {
  595.         background-color: rgba(121, 121, 121, 0.35);
  596.     }
  597.     .ruleDiv {
  598.         background-color: rgba(26, 26, 27, 0.6); 
  599.         visibility: hidden;
  600.     }
  601.     .ModmailPlusPlus__UserDescription {
  602.         font-size: 11px;
  603.         font-weight: 100;
  604.         font-style: italic;
  605.         line-height: 16px;
  606.         letter-spacing: 0em;
  607.         color: var(--color-tone-3);
  608.         display: -ms-flexbox;
  609.         display: flex;
  610.         -ms-flex-pack: center;
  611.         justify-content: center;
  612.         -ms-flex-align: center;
  613.         align-items: center;
  614.         margin: 3;
  615.         margin-left: 20px;
  616.         margin-right: 20px;
  617.     }
  618.     .ModmailPlusPlus__Title {
  619.         font-size: 15px;
  620.         font-weight: 700;
  621.         color: var(--color-tone-3);
  622.     }
  623.     `;
  624.  
  625.     const styleSheet = document.createElement("style");
  626.     styleSheet.type = "text/css";
  627.     styleSheet.id = "modmailPlusSheet";
  628.     styleSheet.innerText = css;
  629.   
  630.     if($$("#modmailPlusSheet").length == 0)
  631.       document.head.appendChild(styleSheet);
  632. };
  633.  
  634. function initializeCore(Settings) {
  635.     /*  About the core
  636.      *  - it contains functions required for handling different in-page-actions, such as hiding a div
  637.      *  - references to variables outside the core and the document will not be recognized
  638.      * */
  639.     class Core {
  640.         ruleListActivator = "<open-rulelist-dialog>";
  641.  
  642.         listBoxChanged(responseIndex) {
  643.             const message = document.ModmailPlus.responses[responseIndex].content;
  644.  
  645.             if(message == this.ruleListActivator)
  646.             {
  647.                 const ruleDiv = document.getElementsByClassName("ruleDiv")[0];
  648.                 ruleDiv.style.visibility = "visible";
  649.             }
  650.             else
  651.             {
  652.                 const userVisitingCreatePostPage = document.querySelectorAll(".NewThread").length;
  653.  
  654.                 const messageBox = userVisitingCreatePostPage
  655.                     ? document.querySelector(".Textarea, NewThread__message")
  656.                     : document.getElementById("realTextarea");
  657.  
  658.                 const response = document.ModmailPlus.responses.find(x => x.content == message);
  659.  
  660.                 response.replace ? messageBox.value = message : messageBox.value += message;
  661.  
  662.                 if(response.subject) {
  663.                     document.querySelector(".NewThread__subject").value = response.subject;
  664.                 }
  665.  
  666.                 console.log("[Modmail++] Updated the message: %c" + messageBox.value,"color: orange");
  667.             }
  668.         }
  669.  
  670.         // implement listbox select highlight
  671.         selected(element) {
  672.             const selectedElem = document.getElementById("currentlySelected");
  673.  
  674.             // if an element already selected, reset the id and set its background color to nothing
  675.             if(selectedElem)
  676.                 selectedElem.removeAttribute("id");
  677.  
  678.             element.parentElement.id = "currentlySelected";
  679.             document.getElementsByClassName("selectButton")[0].disabled = false;
  680.         }
  681.  
  682.         removeBreaks = text => text.replace(/(\r\n|\n|\r)/gm, "");
  683.  
  684.         selectButtonClicked() {
  685.             const selectedElem = document.getElementById("currentlySelected");
  686.             const userVisitingCreatePostPage = document.querySelectorAll(".NewThread").length;
  687.  
  688.             const messageBox = userVisitingCreatePostPage
  689.                 ? document.querySelector(".Textarea, NewThread__message")
  690.                 : document.getElementById("realTextarea");
  691.  
  692.             if(selectedElem)
  693.             {
  694.                 const selectedRule = document.ModmailPlus.rules[selectedElem.getAttribute('value')];
  695.                 const ruleName = selectedRule.short_name;
  696.                 const ruleDescription = selectedRule.description;
  697.                 const fixedDescription = ruleDescription.replaceAll("\n","\n> ") + '\n\n';
  698.               
  699.                 const message = `> [**${ruleName}**]\n>\n> ${fixedDescription}`;
  700.  
  701.                 const response = document.ModmailPlus.responses.find(x => x.content == this.ruleListActivator);
  702.               
  703.                 response.replace // if to replace or add text to the messagebox
  704.                     ? messageBox.value = message 
  705.                     : messageBox.value += message;
  706.  
  707.                 console.log("[Modmail++] New messageBox value: %c" + messageBox.value,"color: orange");
  708.  
  709.                 this.closeIconClicked();
  710.             }
  711.         }
  712.  
  713.         closeIconClicked() {
  714.             const ruleDiv = document.querySelector(".ruleDiv");
  715.             ruleDiv.style.visibility = "hidden";
  716.         }
  717.       
  718.         divertQuoteText() {
  719.             console.log("[Modmail++] %cDiverting quote text from original textbox to Modmail++'s", "color: orange");
  720.             setTimeout(() => {
  721.                 const originalForm = document.querySelector(".Textarea, .ThreadViewerReplyForm__replyText");
  722.                 const originalValue = originalForm.value;
  723.               
  724.                 let text = "";
  725.  
  726.                 if(originalValue.includes("\n\n"))
  727.                     text = originalValue.split("\n\n").filter(x => x.length > 0).pop();
  728.                 else
  729.                     text = originalValue;
  730.  
  731.                 if(text.indexOf("\n") == 0) text = text.slice(1);
  732.  
  733.                 if(text && text.includes("said:"))
  734.                     document.querySelector("#realTextarea").value += text + "\n\n";
  735.             }, 50);
  736.         }
  737.       
  738.         clearReplyForm() {
  739.             setTimeout(() => {
  740.                 document.getElementById("realTextarea").value = "";
  741.                 console.log("[Modmail++] Cleared the textarea!");
  742.               
  743.                 // set onclick variable again because the button refreshes itself
  744.                 document.querySelector(".ThreadViewerReplyForm__replyButton")
  745.                     .setAttribute("onclick", "document.ModmailPlus.Core.clearReplyForm()");
  746.             }, 500);
  747.         }
  748.     };
  749.   
  750.     document.ModmailPlus.Core = new Core;
  751.     document.ModmailPlus.responses = Settings.responses;
  752. };
  753.  
  754. async function appendChatProfileIcons() {
  755.     const user = await getUserInfo();
  756.  
  757.     // icon element
  758.     const chatProfileIcon = document.createElement('div');
  759.     chatProfileIcon.innerHTML = `<img class="chatProfileIcon" src="${user.data.icon_img}" width="25">`;
  760.  
  761.     const authors = $$(".ThreadPreview__author");
  762.   
  763.     if(authors) {
  764.         authors.forEach((author, index) => {
  765.             // get username (u/xxxxxx)
  766.             const name = $$(".Author__text")[index].innerText;
  767.  
  768.             // check if there is an icon appended already
  769.             const exists = author.childNodes.length == 1 ? false : true;
  770.  
  771.             if(removePrefix(name) == recipientUsername() && !exists) // if the username is the user (non-mod)
  772.             {
  773.                 // append the icon next to the username -> [icon] u/username
  774.                 author.insertBefore(chatProfileIcon.cloneNode(true), author.firstChild);
  775.             }
  776.         });
  777.     }
  778. };
  779.  
  780. async function appendUserInfo(Settings) {
  781.     const user = await getUserInfo();
  782.  
  783.     if(user)
  784.     {
  785.         const userDetails = document.createElement('div');
  786.         userDetails.id = "CustomMetadata";
  787.         userDetails.classList.add("KarmaAndTrophies__userInfoGrid");
  788.         userDetails.innerHTML = `
  789.             <div class="KarmaAndTrophies__col"><span class="KarmaAndTrophies__count">${user.data.id}</span><span class="KarmaAndTrophies__label">User ID</span></div>
  790.             <div class="KarmaAndTrophies__col"><span class="KarmaAndTrophies__count">${user.data.verified ? "🟢" : "🔴"}</span><span class="KarmaAndTrophies__label">Verified</span></div>
  791.             <div class="KarmaAndTrophies__col"><span class="KarmaAndTrophies__count">${user.data.is_employee ? "🟢" : "🔴"}</span><span class="KarmaAndTrophies__label">Reddit Employee</span></div>
  792.             <div class="KarmaAndTrophies__col"><span class="KarmaAndTrophies__count">${user.data.subreddit.over_18 ? "🟢" : "🔴"}</span><span class="KarmaAndTrophies__label">NSFW Profile</span></div>
  793.             <div class="KarmaAndTrophies__col"><span class="KarmaAndTrophies__count">${user.data.subreddit.accept_followers ? "🟢" : "🔴"}</span><span class="KarmaAndTrophies__label">Accept Followers</span></div>
  794.             <div class="KarmaAndTrophies__col"><span class="KarmaAndTrophies__count">${user.data.subreddit.hide_from_robots ? "🟢" : "🔴"}</span><span class="KarmaAndTrophies__label">Hide from bots</span></div>`;
  795.       
  796.         const links = document.createElement('div');
  797.         links.classList.add("KarmaAndTrophies__userInfoGrid");
  798.         links.innerHTML = `
  799.             <div style="margin-bottom: 10px;">
  800.                 <a class="InfoBar__recent" href="https://redditmetis.com/user/${user.data.name}" target="_blank">RedditMetis ⧉</a>
  801.                 <a class="InfoBar__recent" href="https://www.reddit.com/search?q=${user.data.name}" target="_blank">Reddit Search ⧉</a>
  802.                 <a class="InfoBar__recent" href="https://www.google.com/search?q=%22${user.data.name}%22" target="_blank">Google Search ⧉</a>
  803.             <div>`;
  804.       
  805.         const getTitleElement = titleText => {
  806.             const title = document.createElement('h1');
  807.             title.classList.add("KarmaAndTrophies__userInfoGrid");
  808.             title.classList.add("ModmailPlusPlus__Title");
  809.             title.innerText = titleText;
  810.           
  811.             return title;
  812.         };
  813.         
  814.         if(!$("#CustomMetadata")) {
  815.             const userCard = $(".ModIdCard");
  816.             
  817.             if(userCard && user.data.subreddit.public_description && !$(".ModmailPlusPlus__UserDescription")) {
  818.                 const description = document.createElement('h1');
  819.                 description.classList.add("ModmailPlusPlus__UserDescription");
  820.                 description.innerText = '“' + sanitize(user.data.subreddit.public_description) + '”';
  821.               
  822.                 userCard.insertBefore(description, $(".ModIdCard__UserProfileLink"));
  823.             }
  824.           
  825.             const banStatus = $(".KarmaAndTrophies__BanStatus");
  826.            
  827.             if(banStatus) {
  828.                 $(".KarmaAndTrophies").insertBefore(getTitleElement("Additional Information"), banStatus);
  829.                 $(".KarmaAndTrophies").insertBefore(userDetails, banStatus);
  830.               
  831.                 $(".KarmaAndTrophies").insertBefore(getTitleElement("Additional Links"), banStatus);
  832.                 $(".KarmaAndTrophies").insertBefore(links, banStatus);
  833.             } else {
  834.                 $(".KarmaAndTrophies").appendChild(getTitleElement("Additional Information"));
  835.                 $(".KarmaAndTrophies").appendChild(userDetails);
  836.               
  837.                 $(".KarmaAndTrophies").appendChild(getTitleElement("Additional Links"));
  838.                 $(".KarmaAndTrophies").appendChild(links);
  839.             }
  840.         }
  841.       
  842.         const observer = new MutationObserver(() => {
  843.             const overview = document.querySelector(".NewInfoBar__overviewContainer");
  844.             
  845.             if(overview) {
  846.                 observer.disconnect();
  847.                 appendUserInfo(Settings);
  848.             }
  849.         });
  850.       
  851.         observer.observe(document.querySelector(".NewInfoBar"), {
  852.             attributes: false, characterData: false, childList: true
  853.         });
  854.     }
  855. };
  856.  
  857. function replaceReplyForm(Settings) {
  858.     // hide the original replyform textarea
  859.     $(".ThreadViewerReplyForm__replyText").style.cssText += 'display: none';
  860.  
  861.     // create and append a new replyform textarea
  862.     const newReplyForm = document.createElement("textarea");
  863.     newReplyForm.setAttribute('class', 'Textarea ThreadViewerReplyForm__replyText ');
  864.     newReplyForm.setAttribute('id', 'realTextarea');
  865.     newReplyForm.setAttribute('name', 'body');
  866.     newReplyForm.setAttribute('placeholder', `${Settings.placeholderMessage}`);
  867.   
  868.     $(".ThreadViewerReplyForm").insertBefore(newReplyForm, $(".ThreadViewerReplyForm__replyFooter"));
  869.  
  870.     // make the reply button clear the new replyform
  871.     $(".ThreadViewerReplyForm__replyButton").setAttribute("onclick", "document.ModmailPlus.Core.clearReplyForm()");
  872. };
  873.  
  874. async function appendResponseTemplateBox(Settings) {
  875.     const responseTemplateElement =
  876.     `<h2 class="dataTitle">Response Templates</h2>
  877.     <select id="responseListbox" onchange="document.ModmailPlus.Core.listBoxChanged(this.value);" onfocus="this.selectedIndex = -1;"/>
  878.         <option selected disabled hidden>Select a template</option>
  879.     <span class="focus"></span>`;
  880.  
  881.     const responseTemplateParent = document.createElement('div');
  882.     responseTemplateParent.classList.add("select", "customResponseBox");
  883.     responseTemplateParent.innerHTML = responseTemplateElement;
  884.  
  885.     const userVisitingCreatePostPage = document.querySelectorAll(".NewThread").length;
  886.  
  887.     if(typeof Settings.responses == "object" && Settings.responses.length) // if the responses variable exists and has responses
  888.     {
  889.         if(userVisitingCreatePostPage) // user visited mod.reddit.com/mail/create
  890.         {
  891.             // append the template box to the site
  892.             $(".NewThread__fields").prepend(responseTemplateParent);
  893.             $(".NewThread__fields").insertBefore($(".customResponseBox"), $(".Textarea, .NewThread__message"));
  894.         }
  895.         else // user visited modmail chat
  896.         {
  897.             // append the template box to the site
  898.             $(".ThreadViewer__replyContainer").prepend(responseTemplateParent);
  899.             $(".ThreadViewer__replyContainer").insertBefore($(".ThreadViewer__typingIndicator"), $(".select")); // append typing indicator before listbox
  900.         }
  901.     }
  902.     
  903.     // populates the response template listbox
  904.     function populateListbox(listBoxId) {
  905.         const listBox = $(listBoxId);
  906.  
  907.         if(typeof Settings.responses == "object" && Settings.responses.length) // if the responses variable exists and has responses
  908.         {
  909.             Settings.responses.forEach((response, i) => {
  910.                 const responseSubreddit = keepPrefix(response.subreddit.toLowerCase(), true);
  911.                 const currentSubreddit = keepPrefix(Settings.subTag.toLowerCase(), true);
  912.                 const sameSubreddit = currentSubreddit == responseSubreddit;
  913.  
  914.                 if(sameSubreddit || response.subreddit.length == 0)
  915.                 {
  916.                     if(userVisitingCreatePostPage)
  917.                     {
  918.                         listBox.options[listBox.options.length] = new Option(response.name, i);
  919.                     } 
  920.                     else
  921.                     {
  922.                         if(!response.subject)
  923.                         {
  924.                             listBox.options[listBox.options.length] = new Option(response.name, i);
  925.                         }
  926.                     }
  927.                 }
  928.             });
  929.         }
  930.     };
  931.  
  932.     populateListbox("#responseListbox"); // add all the responses to the response template listbox
  933.  
  934.     // creates and returns a list element
  935.     function makeListValue(index, rule) {
  936.         document.ModmailPlus.rules.push(rule);
  937.       
  938.         return `<div value='${index}' class="listValue">
  939.                     <input onclick="document.ModmailPlus.Core.selected(this)" name="subredditRule" id='${"input_" + index}' type="radio">
  940.                     <label for='${"input_" + index}'>${rule.short_name}</label>
  941.                 </div>`;
  942.     };
  943.  
  944.     const ruleObj = await getRules(Settings);
  945.  
  946.     if(ruleObj)
  947.     {
  948.         $$(".subredditRuleList").forEach(elem => elem.remove()); // remove all subredditRuleList elements
  949.  
  950.         let listContent = "";
  951.  
  952.         ruleObj.rules.forEach((rule, index) => {
  953.             listContent += makeListValue(index, rule)
  954.         });
  955.  
  956.         // (Append) Div ruleList element to body
  957.         const ruleList = document.createElement('div');
  958.         ruleList.classList.add("subredditRuleList");
  959.         ruleList.innerHTML = `<div class="ruleDiv">
  960.                     <div aria-modal="true" class="dialogWindow" role="dialog" tabindex="-1">
  961.                         <div class="listWindow">
  962.                             <div class="ruleList">
  963.                                 <div class="ruleHeader">Select a rule<svg onclick="document.ModmailPlus.Core.closeIconClicked()" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="closeIconSVG"><polygon fill="inherit" points="11.649 9.882 18.262 3.267 16.495 1.5 9.881 8.114 3.267 1.5 1.5 3.267 8.114 9.883 1.5 16.497 3.267 18.264 9.881 11.65 16.495 18.264 18.262 16.497"></polygon></svg></div>
  964.                                 <fieldset class="fieldSet">
  965.                                     <div class="title"><span>Which community rule did the user violate?</span></div>
  966.                                     <div class="listBox">
  967.                                         ${listContent}
  968.                                     </div>
  969.                                     <div class="infoIcon"><svg class="infoIconSVG" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g><path d="M10,8.5 C10.553,8.5 11,8.948 11,9.5 L11,13.5 C11,14.052 10.553,14.5 10,14.5 C9.447,14.5 9,14.052 9,13.5 L9,9.5 C9,8.948 9.447,8.5 10,8.5 Z M10.7002,5.79 C10.8012,5.89 10.8702,6 10.9212,6.12 C10.9712,6.24 11.0002,6.37 11.0002,6.5 C11.0002,6.57 10.9902,6.63 10.9802,6.7 C10.9712,6.76 10.9502,6.82 10.9212,6.88 C10.9002,6.94 10.8702,7 10.8302,7.05 C10.7902,7.11 10.7502,7.16 10.7002,7.21 C10.6602,7.25 10.6102,7.29 10.5512,7.33 C10.5002,7.37 10.4402,7.4 10.3812,7.42 C10.3202,7.45 10.2612,7.47 10.1902,7.48 C10.1312,7.49 10.0602,7.5 10.0002,7.5 C9.7402,7.5 9.4802,7.39 9.2902,7.21 C9.1102,7.02 9.0002,6.77 9.0002,6.5 C9.0002,6.37 9.0302,6.24 9.0802,6.12 C9.1312,5.99 9.2002,5.89 9.2902,5.79 C9.5202,5.56 9.8702,5.46 10.1902,5.52 C10.2612,5.53 10.3202,5.55 10.3812,5.58 C10.4402,5.6 10.5002,5.63 10.5512,5.67 C10.6102,5.71 10.6602,5.75 10.7002,5.79 Z M10,16 C6.691,16 4,13.309 4,10 C4,6.691 6.691,4 10,4 C13.309,4 16,6.691 16,10 C16,13.309 13.309,16 10,16 M10,2 C5.589,2 2,5.589 2,10 C2,14.411 5.589,18 10,18 C14.411,18 18,14.411 18,10 C18,5.589 14.411,2 10,2"></path></g></svg>
  970.                                         <div class="infoBox">
  971.                                             <p><span>Not sure? </span><a href="https://www.reddit.com/${keepPrefix(Settings.subTag)}/about/rules" target="_blank" rel="noopener noreferrer">Read ${Settings.subTag}'s rules</a></p>
  972.                                         </div>
  973.                                     </div>
  974.                                     <footer class="bottomFooter"><button type="button" disabled="" onclick="document.ModmailPlus.Core.selectButtonClicked()" class="selectButton">Select</button></footer>
  975.                                 </fieldset>
  976.                             </div>
  977.                         </div>
  978.                     </div>
  979.                 </div>`;
  980.         $("body").appendChild(ruleList);
  981.     }
  982. };
  983.  
  984. function fixQuoteButtons() {
  985.     /* On click, do this
  986.         1) take the text from the original form
  987.         2) split it by two new lines
  988.         3) take the last result (last quoted message)
  989.         4) paste the last result to the new form
  990.     */
  991.  
  992.     $$(".Message__quote").forEach(elem => {
  993.         if(!elem.getAttribute("onclick"))
  994.             elem.setAttribute("onclick", "document.ModmailPlus.Core.divertQuoteText()");
  995.     });
  996. };
  997.   
  998. function handleCreateMessagePage() {
  999.     // e.g. wait for an input change, then update the template strings to have that subreddit or username
  1000.   
  1001.     function updateResponseTemplate(isPostFrom, lastValue, newValue) {
  1002.         const defaultValue = isPostFrom
  1003.             ? "r/subreddit"
  1004.             : "u/undefined";
  1005.               
  1006.         document.ModmailPlus.responses.forEach(response => {
  1007.             
  1008.             // update subject string
  1009.             if(response.subject) {
  1010.                 response.subject = response.subject.replaceAll(
  1011.                     lastValue || defaultValue,
  1012.                     newValue
  1013.                 );
  1014.             }
  1015.  
  1016.             // update content string
  1017.             response.content = response.content.replaceAll(
  1018.                 lastValue || defaultValue,
  1019.                 newValue
  1020.             );
  1021.         });
  1022.     }
  1023.   
  1024.     (() => {
  1025.         let lastUsername = null;
  1026.  
  1027.         // Handle change of "To User"
  1028.         const toUser = document.querySelector(".Radio__input[value=user]");
  1029.  
  1030.         if(toUser) {
  1031.             toUser.onclick = () => {
  1032.                 const waitForTextbox = setInterval(() => {
  1033.                     const newThreadTextbox = document.querySelector(".NewThread__username");
  1034.  
  1035.                     if(newThreadTextbox) {
  1036.                         clearInterval(waitForTextbox);
  1037.  
  1038.                         newThreadTextbox.onchange = e => {
  1039.                             const username = "u/" + e.target.value;
  1040.  
  1041.                             updateResponseTemplate(false, lastUsername, username);
  1042.  
  1043.                             lastUsername = username;
  1044.                         }
  1045.                     }
  1046.                 }, 100);
  1047.             }
  1048.         }
  1049.  
  1050.         // Handle change of "To Subreddit"
  1051.         const toSubreddit = document.querySelector(".Radio__input[value=subreddit]");
  1052.  
  1053.         if(toSubreddit) {
  1054.             toSubreddit.onclick = () => {
  1055.                 const waitForTextbox = setInterval(() => {
  1056.                     const newThreadTextbox = document.querySelector(".NewThread__subreddit");
  1057.  
  1058.                     if(newThreadTextbox) {
  1059.                         clearInterval(waitForTextbox);
  1060.  
  1061.                         newThreadTextbox.onchange = e => {
  1062.                             const subreddit = "r/" + e.target.value;
  1063.  
  1064.                             updateResponseTemplate(false, lastUsername, subreddit);
  1065.  
  1066.                             lastUsername = subreddit;
  1067.                         }
  1068.                     }
  1069.                 }, 100);
  1070.             }
  1071.         }
  1072.     })();
  1073.     
  1074.     (() => {
  1075.         // Handle change of "Post from"
  1076.         const srName = document.querySelector("[name=srName]");
  1077.  
  1078.         if(srName) {
  1079.             let lastSubreddit = null;
  1080.  
  1081.             const postToChanges = setInterval(() => {
  1082.                 const subreddit = "r/" + srName.value;
  1083.  
  1084.                 if(subreddit != lastSubreddit && subreddit != 'r/') {
  1085.                     updateResponseTemplate(true, lastSubreddit, subreddit);
  1086.  
  1087.                     lastSubreddit = subreddit;
  1088.                 }
  1089.             }, 500);
  1090.         }
  1091.     })();
  1092. };
  1093.  
  1094. const __main__ = async () => {
  1095.     console.log("[Modmail++] %cMain function ran!", "color: grey");
  1096.   
  1097.     const Settings = new __settings__();
  1098.     document.ModmailPlus = {};
  1099.     document.ModmailPlus.rules = [];
  1100.  
  1101.     // These will be executed in any page //
  1102.   
  1103.     if(!document.ModmailPlus.length)
  1104.         initializeCore(Settings);
  1105.     
  1106.     if(Settings.enableCustomResponses && !$("#responseListbox"))
  1107.         appendResponseTemplateBox(Settings);
  1108.   
  1109.     applyCSS(Settings);
  1110.   
  1111.     ////////////////////////////////////////
  1112.   
  1113.     if(!$(".NewThread")) // execute in chat page only
  1114.     {
  1115.         appendUserInfo(Settings); // if the element already exists will be checked before appending
  1116.   
  1117.         if(Settings.chatProfileIcons && !$(".chatProfileIcon"))
  1118.             appendChatProfileIcons();
  1119.       
  1120.         if(!$("#realTextarea"))
  1121.             replaceReplyForm(Settings);
  1122.       
  1123.         fixQuoteButtons();
  1124.     } 
  1125.     else // execute in create message page only
  1126.     {
  1127.         handleCreateMessagePage();
  1128.     }
  1129.  
  1130.     console.log("[Modmail++] %cLoaded!", "color: lime");
  1131.     console.log("[Modmail++]", document.ModmailPlus);
  1132. };
  1133.  
  1134. let URLChangeDetectorActive = false;
  1135.  
  1136. // this is a hot mess, please help me
  1137. setInterval (() => {
  1138.     if(this.lastPathStr != location.pathname)
  1139.     {
  1140.         this.lastPathStr = location.pathname;
  1141.  
  1142.         console.log("[Modmail++] %cNew page detected!", "color: gold");
  1143.  
  1144.         URLChangeDetectorActive = true;
  1145.  
  1146.         const waitForElements = setInterval (() => {
  1147.             if($(".NoThreadMessage__generic") && URLChangeDetectorActive) // add confetti explosion if no mail
  1148.             {
  1149.                 clearInterval(waitForElements);
  1150.                 URLChangeDetectorActive = false;
  1151.  
  1152.                 console.log("[Modmail++] %cNo modmail!", "color: lime");
  1153.  
  1154.                 party.confetti($(".NoThreadMessage__generic"), {
  1155.                         count: 15,
  1156.                         spread: 50
  1157.                 });
  1158.             }
  1159.  
  1160.             if($(".NewInfoBar") && URLChangeDetectorActive) // user is on modmail "chat" page
  1161.             {
  1162.                 clearInterval(waitForElements);
  1163.                 URLChangeDetectorActive = false;
  1164.  
  1165.                 if($("body") && !$("#CustomMetadata"))
  1166.                     __main__();
  1167.             }
  1168.           
  1169.             if($(".NewThread") && URLChangeDetectorActive) // user is on the create new message page
  1170.             { 
  1171.                 clearInterval(waitForElements);
  1172.                 URLChangeDetectorActive = false;
  1173.                 
  1174.                 __main__();
  1175.             }
  1176.         }, 5);
  1177.     }
  1178. }, 100);
  1179. })();