v2.6.0 merge

* Fix bugs in various features
* Add support for StylishThemes/StackOverflow-Dark theme
* Remove dependency on Font Awesome for icons (use SVG sprites instead)
* Update many features to work with recent SE HTML markup/CSS changes
* Add feature to open imgur image in a modal on click

Author: shu8

.eslintrc.json

@@ -7,7 +7,7 @@
     },
     "extends": "eslint:recommended",
     "parserOptions": {
-        "ecmaVersion": 2017
+        "ecmaVersion": 2018
     },
     "rules": {
         "indent": [

CODE_OF_CONDUCT.md renamed to .github/CODE_OF_CONDUCT.md

@@ -1,7 +1,7 @@
 # Configuration for probot-no-response - https://github.com/probot/no-response
 
 # Number of days of inactivity before an Issue is closed for lack of response
-daysUntilClose: 14
+daysUntilClose: 5
 # Label requiring a response
 responseRequiredLabel: more-information-needed
 # Comment to post when closing an Issue for lack of response. Set to `false` to disable

CONTRIBUTING.md renamed to .github/CONTRIBUTING.md

@@ -1,12 +1,11 @@
 # Number of days of inactivity before an issue becomes stale
-daysUntilStale: 30
+daysUntilStale: 15
 # Number of days of inactivity before a stale issue is closed
 daysUntilClose: 7
 # Issues with these labels will never be considered stale
 exemptLabels:
   - contributions welcome
   - confirmed
-  - in progress
   - approved
 # Label to use when marking an issue as stale
 staleLabel: rejected

PULL_REQUEST_TEMPLATE.md renamed to .github/PULL_REQUEST_TEMPLATE.md

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2018 soscripted
+Copyright (c) 2019 soscripted
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

.github/no-response.yml

@@ -1,6 +1,6 @@
 [![Join the chat at https://gitter.im/soscripted/sox](https://badges.gitter.im/soscripted/sox.svg)](https://gitter.im/soscripted/sox?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
 
-### SOX v2.5.0
+### SOX v2.6.0
 
 Stack Overflow Extras (*SOX*) is a project that stemmed from the [Stack Overflow Optional Features (SOOF)](https://github.com/shu8/Stack-Overflow-Optional-Features) project.
 
@@ -22,7 +22,7 @@ Note: This project has no relation to Stack Overflow or Stack Exchange; it is si
 
 2. Install the script. Clicking on 'install' below will make Tampermonkey prompt you automatically to install it.
 
-    - Official Version: <kbd>[install](https://github.com/soscripted/sox/raw/v2.5.0/sox.user.js)</kbd>. <kbd>[view source](https://github.com/soscripted/sox/blob/v2.5.0/sox.user.js)</kbd>
+    - Official Version: <kbd>[install](https://github.com/soscripted/sox/raw/v2.6.0/sox.user.js)</kbd>. <kbd>[view source](https://github.com/soscripted/sox/blob/v2.6.0/sox.user.js)</kbd>
     - Development Version: <kbd>[install](https://github.com/soscripted/sox/raw/dev/sox.user.js)</kbd>. <kbd>[view source](https://github.com/soscripted/sox/blob/dev/sox.user.js)</kbd>
 
 3. Go to any site in the Stack Exchange Network (e.g. [Super User](http://superuser.com/) or [Stack Overflow](http://stackoverflow.com/)). You will automatically be asked to choose and save your settings. A toggle button (gears icon) will be added to your topbar where you can change these later on:

.github/stale.yml

@@ -134,6 +134,28 @@
     };
   }
 
+  sox.sprites = {
+    getSvg: function (name, tooltip, css) {
+      const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+      const use = document.createElementNS('http://www.w3.org/2000/svg', 'use');
+      const title = document.createElementNS('http://www.w3.org/2000/svg', 'title');
+
+      if (tooltip) {
+        svg.setAttribute('title', tooltip);
+        title.textContent = tooltip;
+        svg.appendChild(title);
+      }
+
+      use.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', `#sox_${name}`);
+      svg.appendChild(use);
+
+      if (css) $(svg).css(css);
+      svg.classList.add('sox-sprite');
+      svg.classList.add(`sox-sprite-${name}`);
+      return $(svg);
+    },
+  };
+
   sox.helpers = {
     getFromAPI: function (details, callback) {
       let {
@@ -355,7 +377,7 @@
       return idMatch ? +idMatch[1] : null;
     },
     getSiteNameFromLink: function(link) {
-      const siteRegex = /(((.+)\.)?(stackexchange|stackoverflow|superuser|serverfault|askubuntu|stackapps|mathoverflow|programmers|bitcoin))\.com/;
+      const siteRegex = /(((.+)\.)?(((stackexchange|stackoverflow|superuser|serverfault|askubuntu|stackapps))(?=\.com))|mathoverflow\.net)/;
       const siteMatch = link.replace(/https?:\/\//, '').match(siteRegex);
       return siteMatch ? siteMatch[1] : null;
     },
@@ -371,9 +393,10 @@
         'class': 's-modal--dialog js-modal-dialog ',
         'style': 'min-width: 568px;',// top: 227.736px; left: 312.653px;',
       });
+      if (params.css) $dialogInnerContainer.css(params.css);
       const $header = $('<h1/>', {
-        'class': 's-modal--header fs-headline1 fw-bold mr48 js-first-tabbable',
-        'text': params.header,
+        'class': 's-modal--header fs-headline1 fw-bold mr48 js-first-tabbable sox-custom-dialog-header',
+        'html': params.header,
       });
       const $mainContent = $('<div/>', {
         'class': 's-modal--body sox-custom-dialog-content',
@@ -404,6 +427,57 @@
       $li.append($a.append($span));
       $('.topbar-dialog.help-dialog.js-help-dialog > .modal-content ul').append($li);
     },
+    surroundSelectedText: function(textarea, start, end) {
+      // same wrapper code on either side (`$...$`)
+      if (typeof end === 'undefined') end = start;
+
+      /*--- Expected behavior:
+        When there is some text selected: (unwrap it if already wrapped)
+        "]text["         --> "**]text[**"
+        "**]text[**"     --> "]text["
+        "]**text**["     --> "**]**text**[**"
+        "**]**text**[**" --> "]**text**["
+        When there is no text selected:
+        "]["             --> "**placeholder text**"
+        "**][**"         --> ""
+        Note that `]` and `[` denote the selected text here.
+    */
+
+      const selS = textarea.selectionStart < textarea.selectionEnd ? textarea.selectionStart : textarea.selectionEnd;
+      const selE = textarea.selectionStart > textarea.selectionEnd ? textarea.selectionStart : textarea.selectionEnd;
+      const value = textarea.value;
+      const startLen = start.length;
+      const endLen = end.length;
+
+      let valBefore = value.substring(0, selS);
+      let valMid = value.substring(selS, selE);
+      let valAfter = value.substring(selE);
+      let generatedWrapper;
+
+      // handle trailing spaces
+      const trimmedSelection = valMid.match(/^(\s*)(\S?(?:.|\n|\r)*\S)(\s*)$/) || ['', '', '', ''];
+
+      // determine if text is currently wrapped
+      if (valBefore.endsWith(start) && valAfter.startsWith(end)) {
+        textarea.value = valBefore.substring(0, valBefore.length - startLen) + valMid + valAfter.substring(endLen);
+        textarea.selectionStart = valBefore.length - startLen;
+        textarea.selectionEnd = (valBefore + valMid).length - startLen;
+        textarea.focus();
+      } else {
+        valBefore += trimmedSelection[1];
+        valAfter = trimmedSelection[3] + valAfter;
+        valMid = trimmedSelection[2];
+
+        generatedWrapper = start + valMid + end;
+
+        textarea.value = valBefore + generatedWrapper + valAfter;
+        textarea.selectionStart = valBefore.length + start.length;
+        textarea.selectionEnd = (valBefore + generatedWrapper).length - end.length;
+        textarea.focus();
+      }
+
+      sox.Stack.MarkdownEditor.refreshAllPreviews();
+    },
   };
 
   sox.site = {