Release 4chan X v1.11.13.4.

CHANGELOG.md

@@ -4,6 +4,9 @@ Sometimes the changelog has notes (not comprehensive) acknowledging people's wor
 
 ### v1.11.13
 
+**v1.11.13.4** *(2015-10-20)* - [[Firefox](https://raw.githubusercontent.com/ccd0/4chan-x/1.11.13.4/builds/4chan-X-noupdate.user.js "Firefox version")] [[Chromium](https://raw.githubusercontent.com/ccd0/4chan-x/1.11.13.4/builds/4chan-X-noupdate.crx "Chromium version")]
+- Add TeX preview button to Quick Reply on /sci/.
+
 **v1.11.13.3** *(2015-10-18)* - [[Firefox](https://raw.githubusercontent.com/ccd0/4chan-x/1.11.13.3/builds/4chan-X-noupdate.user.js "Firefox version")] [[Chromium](https://raw.githubusercontent.com/ccd0/4chan-x/1.11.13.3/builds/4chan-X-noupdate.crx "Chromium version")]
 - Show "S" in spoiler checkbox in Quick Reply.
 - Support Oekaki from Quick Reply on /i/.

builds/4chan-X-beta.meta.js

@@ -1,6 +1,6 @@
 // ==UserScript==
 // @name         4chan X beta
-// @version      1.11.13.3
+// @version      1.11.13.4
 // @minGMVer     1.14
 // @minFFVer     26
 // @namespace    4chan-X

builds/4chan-X-beta.user.js

@@ -1,7 +1,7 @@
 // Generated by CoffeeScript
 // ==UserScript==
 // @name         4chan X beta
-// @version      1.11.13.3
+// @version      1.11.13.4
 // @minGMVer     1.14
 // @minFFVer     26
 // @namespace    4chan-X
@@ -415,7 +415,7 @@
   doc = d.documentElement;
 
   g = {
-    VERSION: '1.11.13.3',
+    VERSION: '1.11.13.4',
     NAMESPACE: '4chan X.',
     boards: {}
   };
@@ -7079,6 +7079,14 @@
       $.set('sjisPreview', Conf['sjisPreview']);
       return QR.nodes.el.classList.toggle('sjis-preview', Conf['sjisPreview']);
     },
+    texPreviewShow: function() {
+      $.addClass(QR.nodes.el, 'tex-preview');
+      QR.nodes.texPreview.textContent = QR.nodes.com.value;
+      return $.event('mathjax', null, QR.nodes.texPreview);
+    },
+    texPreviewHide: function() {
+      return $.rmClass(QR.nodes.el, 'tex-preview');
+    },
     setCustomCooldown: function(enabled) {
       Conf['customCooldownEnabled'] = enabled;
       QR.cooldown.customCooldown = enabled;
@@ -7416,7 +7424,7 @@
       var dialog, event, i, items, m, match_max, match_min, name, node, nodes, ref, rules, save, scriptData, setNode;
       QR.nodes = nodes = {
         el: dialog = UI.dialog('qr', 'top: 50px; right: 0px;', {
-          innerHTML: "<div class=\"move\"><label><input type=\"checkbox\" id=\"autohide\" title=\"Auto-hide\">Quick Reply</label><a href=\"javascript:;\" class=\"close\" title=\"Close\">×</a><select data-name=\"thread\" title=\"Create a new thread / Reply\"><option value=\"new\">New thread</option></select></div><form><div class=\"persona\"><input type=\"button\" id=\"sjis-toggle\" title=\"Toggle Mona font\" value=\"∀\"><input name=\"name\" data-name=\"name\" list=\"list-name\" placeholder=\"Name\" class=\"field\" size=\"1\"><input name=\"email\" data-name=\"email\" list=\"list-email\" placeholder=\"Options\" class=\"field\" size=\"1\"><input name=\"sub\" data-name=\"sub\" list=\"list-sub\" placeholder=\"Subject\" class=\"field\" size=\"1\"></div><div class=\"textarea\"><textarea data-name=\"com\" placeholder=\"Comment\" class=\"field\"></textarea><span id=\"char-count\"></span></div><div id=\"dump-list-container\"><div id=\"dump-list\"></div><a id=\"add-post\" href=\"javascript:;\" title=\"Add a post\">+</a></div><div class=\"oekaki\"><input type=\"button\" id=\"qr-draw-button\" value=\"Draw\"><label><span>Width:</span><input name=\"oekaki-width\" value=\"400\" type=\"number\" class=\"field\" size=\"1\"></label><label><span>Height:</span><input name=\"oekaki-height\" value=\"400\" type=\"number\" class=\"field\" size=\"1\"></label></div><div id=\"file-n-submit\"><input type=\"button\" id=\"qr-file-button\" value=\"Files\"><span id=\"qr-filename-container\" class=\"field\"><span id=\"qr-no-file\">No selected file</span><input id=\"qr-filename\" data-name=\"filename\" spellcheck=\"false\"><label id=\"qr-spoiler-label\"><input type=\"checkbox\" id=\"qr-file-spoiler\" title=\"Spoiler image\"><span class=\"checkbox-letter\">S</span></label><a href=\"javascript:;\" id=\"qr-filerm\" title=\"Remove file\"><i class=\"fa fa-times-circle\"></i></a><a id=\"url-button\" title=\"Post from url\"><i class=\"fa fa-link\"></i></a><a hidden id=\"paste-area\" title=\"Select to paste images\" class=\"fa fa-clipboard\" tabindex=\"-1\" contentEditable=\"true\"></a><a id=\"custom-cooldown-button\" title=\"Toggle custom cooldown\" class=\"disabled\"><i class=\"fa fa-clock-o\"></i></a><a id=\"dump-button\" title=\"Dump list\"><i class=\"fa fa-plus-square\"></i></a></span><input type=\"submit\"></div><select data-default=\"4\" name=\"filetag\"><option value=\"0\">Hentai</option><option value=\"6\">Porn</option><option value=\"1\">Japanese</option><option value=\"2\">Anime</option><option value=\"3\">Game</option><option value=\"5\">Loop</option><option value=\"4\" selected>Other</option></select><input type=\"file\" multiple></form><datalist id=\"list-name\"></datalist><datalist id=\"list-email\"></datalist><datalist id=\"list-sub\"></datalist> "
+          innerHTML: "<div class=\"move\"><label><input type=\"checkbox\" id=\"autohide\" title=\"Auto-hide\">Quick Reply</label><a href=\"javascript:;\" class=\"close\" title=\"Close\">×</a><select data-name=\"thread\" title=\"Create a new thread / Reply\"><option value=\"new\">New thread</option></select></div><form><div class=\"persona\"><button type=\"button\" id=\"sjis-toggle\" title=\"Toggle Mona font\">∀</button><button type=\"button\" id=\"tex-preview-button\" title=\"Preview TeX\">T<sub>E</sub>X</button><input name=\"name\" data-name=\"name\" list=\"list-name\" placeholder=\"Name\" class=\"field\" size=\"1\"><input name=\"email\" data-name=\"email\" list=\"list-email\" placeholder=\"Options\" class=\"field\" size=\"1\"><input name=\"sub\" data-name=\"sub\" list=\"list-sub\" placeholder=\"Subject\" class=\"field\" size=\"1\"></div><div class=\"textarea\"><textarea data-name=\"com\" placeholder=\"Comment\" class=\"field\"></textarea><span id=\"char-count\"></span><div id=\"tex-preview\"></div></div><div id=\"dump-list-container\"><div id=\"dump-list\"></div><a id=\"add-post\" href=\"javascript:;\" title=\"Add a post\">+</a></div><div class=\"oekaki\"><input type=\"button\" id=\"qr-draw-button\" value=\"Draw\"><label><span>Width:</span><input name=\"oekaki-width\" value=\"400\" type=\"number\" class=\"field\" size=\"1\"></label><label><span>Height:</span><input name=\"oekaki-height\" value=\"400\" type=\"number\" class=\"field\" size=\"1\"></label></div><div id=\"file-n-submit\"><input type=\"button\" id=\"qr-file-button\" value=\"Files\"><span id=\"qr-filename-container\" class=\"field\"><span id=\"qr-no-file\">No selected file</span><input id=\"qr-filename\" data-name=\"filename\" spellcheck=\"false\"><label id=\"qr-spoiler-label\"><input type=\"checkbox\" id=\"qr-file-spoiler\" title=\"Spoiler image\"><span class=\"checkbox-letter\">S</span></label><a href=\"javascript:;\" id=\"qr-filerm\" title=\"Remove file\"><i class=\"fa fa-times-circle\"></i></a><a id=\"url-button\" title=\"Post from url\"><i class=\"fa fa-link\"></i></a><a hidden id=\"paste-area\" title=\"Select to paste images\" class=\"fa fa-clipboard\" tabindex=\"-1\" contentEditable=\"true\"></a><a id=\"custom-cooldown-button\" title=\"Toggle custom cooldown\" class=\"disabled\"><i class=\"fa fa-clock-o\"></i></a><a id=\"dump-button\" title=\"Dump list\"><i class=\"fa fa-plus-square\"></i></a></span><input type=\"submit\"></div><select data-default=\"4\" name=\"filetag\"><option value=\"0\">Hentai</option><option value=\"6\">Porn</option><option value=\"1\">Japanese</option><option value=\"2\">Anime</option><option value=\"3\">Game</option><option value=\"5\">Loop</option><option value=\"4\" selected>Other</option></select><input type=\"file\" multiple></form><datalist id=\"list-name\"></datalist><datalist id=\"list-email\"></datalist><datalist id=\"list-sub\"></datalist> "
         })
       };
       setNode = function(name, query) {
@@ -7432,10 +7440,12 @@
       setNode('pasteArea', '#paste-area');
       setNode('urlButton', '#url-button');
       setNode('sjisToggle', '#sjis-toggle');
+      setNode('texButton', '#tex-preview-button');
       setNode('name', '[data-name=name]');
       setNode('email', '[data-name=email]');
       setNode('sub', '[data-name=sub]');
       setNode('com', '[data-name=com]');
+      setNode('texPreview', '#tex-preview');
       setNode('dumpList', '#dump-list');
       setNode('addPost', '#add-post');
       setNode('charCount', '#char-count');
@@ -7522,6 +7532,8 @@
       });
       $.on(nodes.fileInput, 'change', QR.handleFiles);
       $.on(nodes.sjisToggle, 'click', QR.toggleSJIS);
+      $.on(nodes.texButton, 'mousedown', QR.texPreviewShow);
+      $.on(nodes.texButton, 'mouseup', QR.texPreviewHide);
       $.on(nodes.customCooldown, 'click', QR.toggleCustomCooldown);
       $.on(nodes.drawButton, 'click', QR.oekakiDraw);
       window.addEventListener('focus', QR.focus, true);
@@ -19579,10 +19591,13 @@
 "body:not(.board_f) #qr select[name=\"filetag\"],\n" +
 "#qr.reply-to-thread select[name=\"filetag\"],\n" +
 "body:not(.board_i) .oekaki,\n" +
-"body:not(.board_jp) #sjis-toggle {\n" +
+"body:not(.board_jp) #sjis-toggle,\n" +
+"body:not(.board_sci) #tex-preview-button,\n" +
+"#qr.tex-preview .textarea > :not(#tex-preview),\n" +
+"#qr:not(.tex-preview) #tex-preview {\n" +
 "  display: none;\n" +
 "}\n" +
-"#sjis-toggle {\n" +
+".persona button {\n" +
 "  -webkit-flex: 0 0 23px;\n" +
 "  flex: 0 0 23px;\n" +
 "  -webkit-align-self: stretch;\n" +
@@ -19592,7 +19607,7 @@
 "  background: linear-gradient(to bottom, #F8F8F8, #DCDCDC) no-repeat;\n" +
 "  color: #000;\n" +
 "}\n" +
-"#qr.sjis-preview #sjis-toggle {\n" +
+"#qr.sjis-preview #sjis-toggle, #qr.tex-preview #tex-preview-button {\n" +
 "  background: #DCDCDC;\n" +
 "}\n" +
 "#sjis-toggle, #qr.sjis-preview textarea.field {\n" +
@@ -19600,6 +19615,12 @@
 "  font-size: 16px;\n" +
 "  line-height: 17px;\n" +
 "}\n" +
+"#tex-preview-button {\n" +
+"  font-size: 10px;\n" +
+"}\n" +
+"#tex-preview {\n" +
+"  white-space: pre-line;\n" +
+"}\n" +
 "#qr textarea.field {\n" +
 "  height: 14.8em;\n" +
 "  min-height: 9em;\n" +
@@ -20732,19 +20753,20 @@
 "  border-color: rgb(129, 162, 190) !important;\n" +
 "  background-color: rgb(30,32,36);\n" +
 "}\n" +
-":root.tomorrow #sjis-toggle {\n" +
+":root.tomorrow .persona button {\n" +
 "  background: linear-gradient(to bottom, #2E3035, #222427) no-repeat;\n" +
 "  color: rgb(197,200,198);\n" +
 "  border-color: rgb(40, 41, 42);\n" +
 "  outline: none;\n" +
 "}\n" +
-":root.tomorrow #sjis-toggle::-moz-focus-inner {\n" +
+":root.tomorrow .persona button::-moz-focus-inner {\n" +
 "  border: none;\n" +
 "}\n" +
-":root.tomorrow #sjis-toggle:focus {\n" +
+":root.tomorrow .persona button:focus {\n" +
 "  border-color: rgb(129, 162, 190);\n" +
 "}\n" +
-":root.tomorrow #qr.sjis-preview #sjis-toggle {\n" +
+":root.tomorrow #qr.sjis-preview #sjis-toggle,\n" +
+":root.tomorrow #qr.tex-preview #tex-preview-button {\n" +
 "  background: rgb(26, 27, 29);\n" +
 "}\n" +
 ":root.tomorrow #qr select,\n" +

builds/4chan-X-noupdate.user.js

@@ -1,7 +1,7 @@
 // Generated by CoffeeScript
 // ==UserScript==
 // @name         4chan X
-// @version      1.11.13.3
+// @version      1.11.13.4
 // @minGMVer     1.14
 // @minFFVer     26
 // @namespace    4chan-X
@@ -415,7 +415,7 @@
   doc = d.documentElement;
 
   g = {
-    VERSION: '1.11.13.3',
+    VERSION: '1.11.13.4',
     NAMESPACE: '4chan X.',
     boards: {}
   };
@@ -7079,6 +7079,14 @@
       $.set('sjisPreview', Conf['sjisPreview']);
       return QR.nodes.el.classList.toggle('sjis-preview', Conf['sjisPreview']);
     },
+    texPreviewShow: function() {
+      $.addClass(QR.nodes.el, 'tex-preview');
+      QR.nodes.texPreview.textContent = QR.nodes.com.value;
+      return $.event('mathjax', null, QR.nodes.texPreview);
+    },
+    texPreviewHide: function() {
+      return $.rmClass(QR.nodes.el, 'tex-preview');
+    },
     setCustomCooldown: function(enabled) {
       Conf['customCooldownEnabled'] = enabled;
       QR.cooldown.customCooldown = enabled;
@@ -7416,7 +7424,7 @@
       var dialog, event, i, items, m, match_max, match_min, name, node, nodes, ref, rules, save, scriptData, setNode;
       QR.nodes = nodes = {
         el: dialog = UI.dialog('qr', 'top: 50px; right: 0px;', {
-          innerHTML: "<div class=\"move\"><label><input type=\"checkbox\" id=\"autohide\" title=\"Auto-hide\">Quick Reply</label><a href=\"javascript:;\" class=\"close\" title=\"Close\">×</a><select data-name=\"thread\" title=\"Create a new thread / Reply\"><option value=\"new\">New thread</option></select></div><form><div class=\"persona\"><input type=\"button\" id=\"sjis-toggle\" title=\"Toggle Mona font\" value=\"∀\"><input name=\"name\" data-name=\"name\" list=\"list-name\" placeholder=\"Name\" class=\"field\" size=\"1\"><input name=\"email\" data-name=\"email\" list=\"list-email\" placeholder=\"Options\" class=\"field\" size=\"1\"><input name=\"sub\" data-name=\"sub\" list=\"list-sub\" placeholder=\"Subject\" class=\"field\" size=\"1\"></div><div class=\"textarea\"><textarea data-name=\"com\" placeholder=\"Comment\" class=\"field\"></textarea><span id=\"char-count\"></span></div><div id=\"dump-list-container\"><div id=\"dump-list\"></div><a id=\"add-post\" href=\"javascript:;\" title=\"Add a post\">+</a></div><div class=\"oekaki\"><input type=\"button\" id=\"qr-draw-button\" value=\"Draw\"><label><span>Width:</span><input name=\"oekaki-width\" value=\"400\" type=\"number\" class=\"field\" size=\"1\"></label><label><span>Height:</span><input name=\"oekaki-height\" value=\"400\" type=\"number\" class=\"field\" size=\"1\"></label></div><div id=\"file-n-submit\"><input type=\"button\" id=\"qr-file-button\" value=\"Files\"><span id=\"qr-filename-container\" class=\"field\"><span id=\"qr-no-file\">No selected file</span><input id=\"qr-filename\" data-name=\"filename\" spellcheck=\"false\"><label id=\"qr-spoiler-label\"><input type=\"checkbox\" id=\"qr-file-spoiler\" title=\"Spoiler image\"><span class=\"checkbox-letter\">S</span></label><a href=\"javascript:;\" id=\"qr-filerm\" title=\"Remove file\"><i class=\"fa fa-times-circle\"></i></a><a id=\"url-button\" title=\"Post from url\"><i class=\"fa fa-link\"></i></a><a hidden id=\"paste-area\" title=\"Select to paste images\" class=\"fa fa-clipboard\" tabindex=\"-1\" contentEditable=\"true\"></a><a id=\"custom-cooldown-button\" title=\"Toggle custom cooldown\" class=\"disabled\"><i class=\"fa fa-clock-o\"></i></a><a id=\"dump-button\" title=\"Dump list\"><i class=\"fa fa-plus-square\"></i></a></span><input type=\"submit\"></div><select data-default=\"4\" name=\"filetag\"><option value=\"0\">Hentai</option><option value=\"6\">Porn</option><option value=\"1\">Japanese</option><option value=\"2\">Anime</option><option value=\"3\">Game</option><option value=\"5\">Loop</option><option value=\"4\" selected>Other</option></select><input type=\"file\" multiple></form><datalist id=\"list-name\"></datalist><datalist id=\"list-email\"></datalist><datalist id=\"list-sub\"></datalist> "
+          innerHTML: "<div class=\"move\"><label><input type=\"checkbox\" id=\"autohide\" title=\"Auto-hide\">Quick Reply</label><a href=\"javascript:;\" class=\"close\" title=\"Close\">×</a><select data-name=\"thread\" title=\"Create a new thread / Reply\"><option value=\"new\">New thread</option></select></div><form><div class=\"persona\"><button type=\"button\" id=\"sjis-toggle\" title=\"Toggle Mona font\">∀</button><button type=\"button\" id=\"tex-preview-button\" title=\"Preview TeX\">T<sub>E</sub>X</button><input name=\"name\" data-name=\"name\" list=\"list-name\" placeholder=\"Name\" class=\"field\" size=\"1\"><input name=\"email\" data-name=\"email\" list=\"list-email\" placeholder=\"Options\" class=\"field\" size=\"1\"><input name=\"sub\" data-name=\"sub\" list=\"list-sub\" placeholder=\"Subject\" class=\"field\" size=\"1\"></div><div class=\"textarea\"><textarea data-name=\"com\" placeholder=\"Comment\" class=\"field\"></textarea><span id=\"char-count\"></span><div id=\"tex-preview\"></div></div><div id=\"dump-list-container\"><div id=\"dump-list\"></div><a id=\"add-post\" href=\"javascript:;\" title=\"Add a post\">+</a></div><div class=\"oekaki\"><input type=\"button\" id=\"qr-draw-button\" value=\"Draw\"><label><span>Width:</span><input name=\"oekaki-width\" value=\"400\" type=\"number\" class=\"field\" size=\"1\"></label><label><span>Height:</span><input name=\"oekaki-height\" value=\"400\" type=\"number\" class=\"field\" size=\"1\"></label></div><div id=\"file-n-submit\"><input type=\"button\" id=\"qr-file-button\" value=\"Files\"><span id=\"qr-filename-container\" class=\"field\"><span id=\"qr-no-file\">No selected file</span><input id=\"qr-filename\" data-name=\"filename\" spellcheck=\"false\"><label id=\"qr-spoiler-label\"><input type=\"checkbox\" id=\"qr-file-spoiler\" title=\"Spoiler image\"><span class=\"checkbox-letter\">S</span></label><a href=\"javascript:;\" id=\"qr-filerm\" title=\"Remove file\"><i class=\"fa fa-times-circle\"></i></a><a id=\"url-button\" title=\"Post from url\"><i class=\"fa fa-link\"></i></a><a hidden id=\"paste-area\" title=\"Select to paste images\" class=\"fa fa-clipboard\" tabindex=\"-1\" contentEditable=\"true\"></a><a id=\"custom-cooldown-button\" title=\"Toggle custom cooldown\" class=\"disabled\"><i class=\"fa fa-clock-o\"></i></a><a id=\"dump-button\" title=\"Dump list\"><i class=\"fa fa-plus-square\"></i></a></span><input type=\"submit\"></div><select data-default=\"4\" name=\"filetag\"><option value=\"0\">Hentai</option><option value=\"6\">Porn</option><option value=\"1\">Japanese</option><option value=\"2\">Anime</option><option value=\"3\">Game</option><option value=\"5\">Loop</option><option value=\"4\" selected>Other</option></select><input type=\"file\" multiple></form><datalist id=\"list-name\"></datalist><datalist id=\"list-email\"></datalist><datalist id=\"list-sub\"></datalist> "
         })
       };
       setNode = function(name, query) {
@@ -7432,10 +7440,12 @@
       setNode('pasteArea', '#paste-area');
       setNode('urlButton', '#url-button');
       setNode('sjisToggle', '#sjis-toggle');
+      setNode('texButton', '#tex-preview-button');
       setNode('name', '[data-name=name]');
       setNode('email', '[data-name=email]');
       setNode('sub', '[data-name=sub]');
       setNode('com', '[data-name=com]');
+      setNode('texPreview', '#tex-preview');
       setNode('dumpList', '#dump-list');
       setNode('addPost', '#add-post');
       setNode('charCount', '#char-count');
@@ -7522,6 +7532,8 @@
       });
       $.on(nodes.fileInput, 'change', QR.handleFiles);
       $.on(nodes.sjisToggle, 'click', QR.toggleSJIS);
+      $.on(nodes.texButton, 'mousedown', QR.texPreviewShow);
+      $.on(nodes.texButton, 'mouseup', QR.texPreviewHide);
       $.on(nodes.customCooldown, 'click', QR.toggleCustomCooldown);
       $.on(nodes.drawButton, 'click', QR.oekakiDraw);
       window.addEventListener('focus', QR.focus, true);
@@ -19579,10 +19591,13 @@
 "body:not(.board_f) #qr select[name=\"filetag\"],\n" +
 "#qr.reply-to-thread select[name=\"filetag\"],\n" +
 "body:not(.board_i) .oekaki,\n" +
-"body:not(.board_jp) #sjis-toggle {\n" +
+"body:not(.board_jp) #sjis-toggle,\n" +
+"body:not(.board_sci) #tex-preview-button,\n" +
+"#qr.tex-preview .textarea > :not(#tex-preview),\n" +
+"#qr:not(.tex-preview) #tex-preview {\n" +
 "  display: none;\n" +
 "}\n" +
-"#sjis-toggle {\n" +
+".persona button {\n" +
 "  -webkit-flex: 0 0 23px;\n" +
 "  flex: 0 0 23px;\n" +
 "  -webkit-align-self: stretch;\n" +
@@ -19592,7 +19607,7 @@
 "  background: linear-gradient(to bottom, #F8F8F8, #DCDCDC) no-repeat;\n" +
 "  color: #000;\n" +
 "}\n" +
-"#qr.sjis-preview #sjis-toggle {\n" +
+"#qr.sjis-preview #sjis-toggle, #qr.tex-preview #tex-preview-button {\n" +
 "  background: #DCDCDC;\n" +
 "}\n" +
 "#sjis-toggle, #qr.sjis-preview textarea.field {\n" +
@@ -19600,6 +19615,12 @@
 "  font-size: 16px;\n" +
 "  line-height: 17px;\n" +
 "}\n" +
+"#tex-preview-button {\n" +
+"  font-size: 10px;\n" +
+"}\n" +
+"#tex-preview {\n" +
+"  white-space: pre-line;\n" +
+"}\n" +
 "#qr textarea.field {\n" +
 "  height: 14.8em;\n" +
 "  min-height: 9em;\n" +
@@ -20732,19 +20753,20 @@
 "  border-color: rgb(129, 162, 190) !important;\n" +
 "  background-color: rgb(30,32,36);\n" +
 "}\n" +
-":root.tomorrow #sjis-toggle {\n" +
+":root.tomorrow .persona button {\n" +
 "  background: linear-gradient(to bottom, #2E3035, #222427) no-repeat;\n" +
 "  color: rgb(197,200,198);\n" +
 "  border-color: rgb(40, 41, 42);\n" +
 "  outline: none;\n" +
 "}\n" +
-":root.tomorrow #sjis-toggle::-moz-focus-inner {\n" +
+":root.tomorrow .persona button::-moz-focus-inner {\n" +
 "  border: none;\n" +
 "}\n" +
-":root.tomorrow #sjis-toggle:focus {\n" +
+":root.tomorrow .persona button:focus {\n" +
 "  border-color: rgb(129, 162, 190);\n" +
 "}\n" +
-":root.tomorrow #qr.sjis-preview #sjis-toggle {\n" +
+":root.tomorrow #qr.sjis-preview #sjis-toggle,\n" +
+":root.tomorrow #qr.tex-preview #tex-preview-button {\n" +
 "  background: rgb(26, 27, 29);\n" +
 "}\n" +
 ":root.tomorrow #qr select,\n" +

builds/4chan-X.meta.js

@@ -1,6 +1,6 @@
 // ==UserScript==
 // @name         4chan X
-// @version      1.11.13.3
+// @version      1.11.13.4
 // @minGMVer     1.14
 // @minFFVer     26
 // @namespace    4chan-X

builds/4chan-X.user.js

@@ -1,7 +1,7 @@
 // Generated by CoffeeScript
 // ==UserScript==
 // @name         4chan X
-// @version      1.11.13.3
+// @version      1.11.13.4
 // @minGMVer     1.14
 // @minFFVer     26
 // @namespace    4chan-X
@@ -415,7 +415,7 @@
   doc = d.documentElement;
 
   g = {
-    VERSION: '1.11.13.3',
+    VERSION: '1.11.13.4',
     NAMESPACE: '4chan X.',
     boards: {}
   };
@@ -7079,6 +7079,14 @@
       $.set('sjisPreview', Conf['sjisPreview']);
       return QR.nodes.el.classList.toggle('sjis-preview', Conf['sjisPreview']);
     },
+    texPreviewShow: function() {
+      $.addClass(QR.nodes.el, 'tex-preview');
+      QR.nodes.texPreview.textContent = QR.nodes.com.value;
+      return $.event('mathjax', null, QR.nodes.texPreview);
+    },
+    texPreviewHide: function() {
+      return $.rmClass(QR.nodes.el, 'tex-preview');
+    },
     setCustomCooldown: function(enabled) {
       Conf['customCooldownEnabled'] = enabled;
       QR.cooldown.customCooldown = enabled;
@@ -7416,7 +7424,7 @@
       var dialog, event, i, items, m, match_max, match_min, name, node, nodes, ref, rules, save, scriptData, setNode;
       QR.nodes = nodes = {
         el: dialog = UI.dialog('qr', 'top: 50px; right: 0px;', {
-          innerHTML: "<div class=\"move\"><label><input type=\"checkbox\" id=\"autohide\" title=\"Auto-hide\">Quick Reply</label><a href=\"javascript:;\" class=\"close\" title=\"Close\">×</a><select data-name=\"thread\" title=\"Create a new thread / Reply\"><option value=\"new\">New thread</option></select></div><form><div class=\"persona\"><input type=\"button\" id=\"sjis-toggle\" title=\"Toggle Mona font\" value=\"∀\"><input name=\"name\" data-name=\"name\" list=\"list-name\" placeholder=\"Name\" class=\"field\" size=\"1\"><input name=\"email\" data-name=\"email\" list=\"list-email\" placeholder=\"Options\" class=\"field\" size=\"1\"><input name=\"sub\" data-name=\"sub\" list=\"list-sub\" placeholder=\"Subject\" class=\"field\" size=\"1\"></div><div class=\"textarea\"><textarea data-name=\"com\" placeholder=\"Comment\" class=\"field\"></textarea><span id=\"char-count\"></span></div><div id=\"dump-list-container\"><div id=\"dump-list\"></div><a id=\"add-post\" href=\"javascript:;\" title=\"Add a post\">+</a></div><div class=\"oekaki\"><input type=\"button\" id=\"qr-draw-button\" value=\"Draw\"><label><span>Width:</span><input name=\"oekaki-width\" value=\"400\" type=\"number\" class=\"field\" size=\"1\"></label><label><span>Height:</span><input name=\"oekaki-height\" value=\"400\" type=\"number\" class=\"field\" size=\"1\"></label></div><div id=\"file-n-submit\"><input type=\"button\" id=\"qr-file-button\" value=\"Files\"><span id=\"qr-filename-container\" class=\"field\"><span id=\"qr-no-file\">No selected file</span><input id=\"qr-filename\" data-name=\"filename\" spellcheck=\"false\"><label id=\"qr-spoiler-label\"><input type=\"checkbox\" id=\"qr-file-spoiler\" title=\"Spoiler image\"><span class=\"checkbox-letter\">S</span></label><a href=\"javascript:;\" id=\"qr-filerm\" title=\"Remove file\"><i class=\"fa fa-times-circle\"></i></a><a id=\"url-button\" title=\"Post from url\"><i class=\"fa fa-link\"></i></a><a hidden id=\"paste-area\" title=\"Select to paste images\" class=\"fa fa-clipboard\" tabindex=\"-1\" contentEditable=\"true\"></a><a id=\"custom-cooldown-button\" title=\"Toggle custom cooldown\" class=\"disabled\"><i class=\"fa fa-clock-o\"></i></a><a id=\"dump-button\" title=\"Dump list\"><i class=\"fa fa-plus-square\"></i></a></span><input type=\"submit\"></div><select data-default=\"4\" name=\"filetag\"><option value=\"0\">Hentai</option><option value=\"6\">Porn</option><option value=\"1\">Japanese</option><option value=\"2\">Anime</option><option value=\"3\">Game</option><option value=\"5\">Loop</option><option value=\"4\" selected>Other</option></select><input type=\"file\" multiple></form><datalist id=\"list-name\"></datalist><datalist id=\"list-email\"></datalist><datalist id=\"list-sub\"></datalist> "
+          innerHTML: "<div class=\"move\"><label><input type=\"checkbox\" id=\"autohide\" title=\"Auto-hide\">Quick Reply</label><a href=\"javascript:;\" class=\"close\" title=\"Close\">×</a><select data-name=\"thread\" title=\"Create a new thread / Reply\"><option value=\"new\">New thread</option></select></div><form><div class=\"persona\"><button type=\"button\" id=\"sjis-toggle\" title=\"Toggle Mona font\">∀</button><button type=\"button\" id=\"tex-preview-button\" title=\"Preview TeX\">T<sub>E</sub>X</button><input name=\"name\" data-name=\"name\" list=\"list-name\" placeholder=\"Name\" class=\"field\" size=\"1\"><input name=\"email\" data-name=\"email\" list=\"list-email\" placeholder=\"Options\" class=\"field\" size=\"1\"><input name=\"sub\" data-name=\"sub\" list=\"list-sub\" placeholder=\"Subject\" class=\"field\" size=\"1\"></div><div class=\"textarea\"><textarea data-name=\"com\" placeholder=\"Comment\" class=\"field\"></textarea><span id=\"char-count\"></span><div id=\"tex-preview\"></div></div><div id=\"dump-list-container\"><div id=\"dump-list\"></div><a id=\"add-post\" href=\"javascript:;\" title=\"Add a post\">+</a></div><div class=\"oekaki\"><input type=\"button\" id=\"qr-draw-button\" value=\"Draw\"><label><span>Width:</span><input name=\"oekaki-width\" value=\"400\" type=\"number\" class=\"field\" size=\"1\"></label><label><span>Height:</span><input name=\"oekaki-height\" value=\"400\" type=\"number\" class=\"field\" size=\"1\"></label></div><div id=\"file-n-submit\"><input type=\"button\" id=\"qr-file-button\" value=\"Files\"><span id=\"qr-filename-container\" class=\"field\"><span id=\"qr-no-file\">No selected file</span><input id=\"qr-filename\" data-name=\"filename\" spellcheck=\"false\"><label id=\"qr-spoiler-label\"><input type=\"checkbox\" id=\"qr-file-spoiler\" title=\"Spoiler image\"><span class=\"checkbox-letter\">S</span></label><a href=\"javascript:;\" id=\"qr-filerm\" title=\"Remove file\"><i class=\"fa fa-times-circle\"></i></a><a id=\"url-button\" title=\"Post from url\"><i class=\"fa fa-link\"></i></a><a hidden id=\"paste-area\" title=\"Select to paste images\" class=\"fa fa-clipboard\" tabindex=\"-1\" contentEditable=\"true\"></a><a id=\"custom-cooldown-button\" title=\"Toggle custom cooldown\" class=\"disabled\"><i class=\"fa fa-clock-o\"></i></a><a id=\"dump-button\" title=\"Dump list\"><i class=\"fa fa-plus-square\"></i></a></span><input type=\"submit\"></div><select data-default=\"4\" name=\"filetag\"><option value=\"0\">Hentai</option><option value=\"6\">Porn</option><option value=\"1\">Japanese</option><option value=\"2\">Anime</option><option value=\"3\">Game</option><option value=\"5\">Loop</option><option value=\"4\" selected>Other</option></select><input type=\"file\" multiple></form><datalist id=\"list-name\"></datalist><datalist id=\"list-email\"></datalist><datalist id=\"list-sub\"></datalist> "
         })
       };
       setNode = function(name, query) {
@@ -7432,10 +7440,12 @@
       setNode('pasteArea', '#paste-area');
       setNode('urlButton', '#url-button');
       setNode('sjisToggle', '#sjis-toggle');
+      setNode('texButton', '#tex-preview-button');
       setNode('name', '[data-name=name]');
       setNode('email', '[data-name=email]');
       setNode('sub', '[data-name=sub]');
       setNode('com', '[data-name=com]');
+      setNode('texPreview', '#tex-preview');
       setNode('dumpList', '#dump-list');
       setNode('addPost', '#add-post');
       setNode('charCount', '#char-count');
@@ -7522,6 +7532,8 @@
       });
       $.on(nodes.fileInput, 'change', QR.handleFiles);
       $.on(nodes.sjisToggle, 'click', QR.toggleSJIS);
+      $.on(nodes.texButton, 'mousedown', QR.texPreviewShow);
+      $.on(nodes.texButton, 'mouseup', QR.texPreviewHide);
       $.on(nodes.customCooldown, 'click', QR.toggleCustomCooldown);
       $.on(nodes.drawButton, 'click', QR.oekakiDraw);
       window.addEventListener('focus', QR.focus, true);
@@ -19579,10 +19591,13 @@
 "body:not(.board_f) #qr select[name=\"filetag\"],\n" +
 "#qr.reply-to-thread select[name=\"filetag\"],\n" +
 "body:not(.board_i) .oekaki,\n" +
-"body:not(.board_jp) #sjis-toggle {\n" +
+"body:not(.board_jp) #sjis-toggle,\n" +
+"body:not(.board_sci) #tex-preview-button,\n" +
+"#qr.tex-preview .textarea > :not(#tex-preview),\n" +
+"#qr:not(.tex-preview) #tex-preview {\n" +
 "  display: none;\n" +
 "}\n" +
-"#sjis-toggle {\n" +
+".persona button {\n" +
 "  -webkit-flex: 0 0 23px;\n" +
 "  flex: 0 0 23px;\n" +
 "  -webkit-align-self: stretch;\n" +
@@ -19592,7 +19607,7 @@
 "  background: linear-gradient(to bottom, #F8F8F8, #DCDCDC) no-repeat;\n" +
 "  color: #000;\n" +
 "}\n" +
-"#qr.sjis-preview #sjis-toggle {\n" +
+"#qr.sjis-preview #sjis-toggle, #qr.tex-preview #tex-preview-button {\n" +
 "  background: #DCDCDC;\n" +
 "}\n" +
 "#sjis-toggle, #qr.sjis-preview textarea.field {\n" +
@@ -19600,6 +19615,12 @@
 "  font-size: 16px;\n" +
 "  line-height: 17px;\n" +
 "}\n" +
+"#tex-preview-button {\n" +
+"  font-size: 10px;\n" +
+"}\n" +
+"#tex-preview {\n" +
+"  white-space: pre-line;\n" +
+"}\n" +
 "#qr textarea.field {\n" +
 "  height: 14.8em;\n" +
 "  min-height: 9em;\n" +
@@ -20732,19 +20753,20 @@
 "  border-color: rgb(129, 162, 190) !important;\n" +
 "  background-color: rgb(30,32,36);\n" +
 "}\n" +
-":root.tomorrow #sjis-toggle {\n" +
+":root.tomorrow .persona button {\n" +
 "  background: linear-gradient(to bottom, #2E3035, #222427) no-repeat;\n" +
 "  color: rgb(197,200,198);\n" +
 "  border-color: rgb(40, 41, 42);\n" +
 "  outline: none;\n" +
 "}\n" +
-":root.tomorrow #sjis-toggle::-moz-focus-inner {\n" +
+":root.tomorrow .persona button::-moz-focus-inner {\n" +
 "  border: none;\n" +
 "}\n" +
-":root.tomorrow #sjis-toggle:focus {\n" +
+":root.tomorrow .persona button:focus {\n" +
 "  border-color: rgb(129, 162, 190);\n" +
 "}\n" +
-":root.tomorrow #qr.sjis-preview #sjis-toggle {\n" +
+":root.tomorrow #qr.sjis-preview #sjis-toggle,\n" +
+":root.tomorrow #qr.tex-preview #tex-preview-button {\n" +
 "  background: rgb(26, 27, 29);\n" +
 "}\n" +
 ":root.tomorrow #qr select,\n" +

builds/updates-beta.xml

@@ -1,7 +1,7 @@
 <?xml version='1.0' encoding='UTF-8'?>
 <gupdate xmlns='http://www.google.com/update2/response' protocol='2.0'>
   <app appid='lacclbnghgdicfifcamcmcnilckjamag'>
-    <updatecheck codebase='https://www.4chan-x.net/builds/4chan-X-beta.crx' version='1.11.13.3' />
+    <updatecheck codebase='https://www.4chan-x.net/builds/4chan-X-beta.crx' version='1.11.13.4' />
   </app>
 </gupdate>
 

builds/updates.xml

@@ -1,7 +1,7 @@
 <?xml version='1.0' encoding='UTF-8'?>
 <gupdate xmlns='http://www.google.com/update2/response' protocol='2.0'>
   <app appid='lacclbnghgdicfifcamcmcnilckjamag'>
-    <updatecheck codebase='https://www.4chan-x.net/builds/4chan-X.crx' version='1.11.13.3' />
+    <updatecheck codebase='https://www.4chan-x.net/builds/4chan-X.crx' version='1.11.13.4' />
   </app>
 </gupdate>
 

package.json

@@ -4,8 +4,8 @@
   "meta": {
     "name": "4chan X",
     "fork": "ccd0",
-    "version": "1.11.13.3",
+    "version": "1.11.13.4",
-    "date": "2015-10-19T00:22:53.625Z",
+    "date": "2015-10-20T21:20:57.322Z",
     "page": "https://www.4chan-x.net/",
     "downloads": "https://www.4chan-x.net/builds/",
     "oldVersions": "https://raw.githubusercontent.com/ccd0/4chan-x/",