Merge pull request #7 from YabamenoTate/main

Multiline support + \(\) \[\] support

Author: BinaryQuantumSoul

README.md

@@ -1,21 +1,28 @@
 # LaTeX Renderer
 This is a [BetterDiscord](https://betterdiscord.app/) plugin using [MathJax](https://www.mathjax.org/) to natively render LaTeX math equations inside Discord.
 
-# Usage
-You need to use simple or double dollars inside a Discord inline code (this is to prevent markdown interpretation of special characters).
+## Usage
+You need to use simple or double dollars inside a Discord inline or mutiline code block (this is to prevent markdown interpretation of special characters).
+You can also use `\( \)` and `\[ \]`.
 
 Examples (just copy-paste)
 - Inline: `` I want to say `$\forall x\in\mathbb{N}, x\ge 0$` ! ``
+- Inline: `` I want to say `\(\forall x\in\mathbb{N}, x\ge 0\)` ! ``
+- Inline: `` I want to say ```$\forall x\in\mathbb{N}, x\ge 0$``` ! ``
+- Inline: `` I want to say ```\(\forall x\in\mathbb{N}, x\ge 0\)``` ! ``
 - Block: `` Voilà: `$$\int_0^\infty e^{-x^2}dx=\frac{\sqrt{\pi}}{2}$$` ``
+- Block: `` Voilà: `\[\int_0^\infty e^{-x^2}dx=\frac{\sqrt{\pi}}{2}\]` ``
+- Block: `` Voilà: ```$$\int_0^\infty e^{-x^2}dx=\frac{\sqrt{\pi}}{2}$$``` ``
+- Block: `` Voilà: ```\[\int_0^\infty e^{-x^2}dx=\frac{\sqrt{\pi}}{2}\]``` ``
 
-# Installation
-You can manually download the plugin here
-- Remote: [src/LaTeX-remote.plugin.js](src/LaTeX-remote.plugin.js) 
-- Bundled: [dist/LaTeX.plugin.js](dist/LaTeX.plugin.js)
+## Installation
+Download the plugin on [BetterDiscord's website](https://betterdiscord.app/plugin/LaTeX%20Renderer).
+
+You can also download latest here [dist/LaTeX.plugin.js](dist/LaTeX.plugin.js)
 
 Simply put it in BetterDiscord's plugin folder
 
-## Building local version
-Run `npm install` and `npm run build`
+## Building the plugin
+Simply clone the repo then run `npm install` and `npm run build`
 
-Then put `dist/LaTeX.plugin.js` in BetterDiscord's plugin folder.
+Then put `dist/LaTeX.plugin.js` in BetterDiscord's plugin folder.

dist/LaTeX.plugin.js

@@ -6,7 +6,7 @@
   "source": "https://github.com/BinaryQuantumSoul/discord-latex",
   "description": "Renders LaTeX equations using MathJax",
   "keywords": ["LaTeX","MathJax","Better","Discord"],
-  "version": "1.0.4",
+  "version": "1.0.5",
 
   "main": "./src/LaTeX.js",
   "scripts": {

package.json

@@ -90,11 +90,20 @@ export default class Plugin {
       const codeText = codeElement.innerHTML;
       const sanitize = x => x.replace('\\unicode', '');
 
-      if (codeText.startsWith("$$") && codeText.endsWith("$$")) {
-        codeElement.outerHTML = "<span>mthjxblock" + sanitize(codeText).slice(2, -2) + "mthjxblockend</span>";
+      // handles multiline code blocks
+      function findCodeElement(codeElement) {
+        const lineblockElem = codeElement.closest("pre");
+        return lineblockElem ? lineblockElem : codeElement;
+      };
+
+      if ((codeText.startsWith("$$") && codeText.endsWith("$$")) || (codeText.startsWith("\\[") && codeText.endsWith("\\]"))) {
+        findCodeElement(codeElement).outerHTML = "<span>mthjxblock" + sanitize(codeText).slice(2, -2) + "mthjxblockend</span>";
         containsTex = true;
       } else if (codeText.startsWith("$") && codeText.endsWith("$")) {
-        codeElement.outerHTML = "<span>mthjxinline" + sanitize(codeText).slice(1, -1) + "mthjxinlineend</span>";
+        findCodeElement(codeElement).outerHTML = "<span>mthjxinline" + sanitize(codeText).slice(1, -1) + "mthjxinlineend</span>";
+        containsTex = true;
+      } else if (codeText.startsWith("\\(") && codeText.endsWith("\\)")) {
+        findCodeElement(codeElement).outerHTML = "<span>mthjxinline" + sanitize(codeText).slice(2, -2) + "mthjxinlineend</span>";
         containsTex = true;
       }
     });