Fixing Highlight.js

BetterDiscordApp/src/ui/AccountInfos.jsx

@@ -119,7 +119,7 @@ class CodeContent extends React.Component {
         if(!messageModule1)messageModule1 = BDModules.get(e => e.markup)[0]
         if(!messageModule2)messageModule2 = BDModules.get(e => e.messageContent)[0]
         if(!scrollbarModule1)scrollbarModule1 = BDModules.get(e => e.scrollbarGhostHairline)[0]
-        if(!hightlightJS)hightlightJS = BDModules.get(e => e.highlight)[0]
+        if(!hightlightJS)hightlightJS = BDModules.get(e => e.listLanguages)[0]
         return (<div class={`${messageModule1.markup} ${messageModule2.messageContent}`}>
             <pre>
                 <code class={`${scrollbarModule1.scrollbarGhostHairline} hljs`} dangerouslySetInnerHTML={{__html: hightlightJS.highlight(this.props.language, this.props.content).value}}>

LightcordApi/src/components/general/CodeBlock.tsx

@@ -1,67 +1,67 @@
-import WebpackLoader from "../../modules/WebpackLoader"
-
-type CodeBlockProps = {
-    language?: string,
-    content: string
-}
-
-let CodeBlockModules
-export default class CodeBlock extends React.Component<CodeBlockProps> {
-    static defaultProps:CodeBlockProps = {
-        language: "plaintext",
-        content: ""
-    }
-    
-    get modules(){
-        return CodeBlockModules || (CodeBlockModules = [
-            WebpackLoader.find(e => e.markup),
-            WebpackLoader.find(e => e.messageContent),
-            WebpackLoader.find(e => e.scrollbarGhostHairline),
-            WebpackLoader.find(e => e.highlight),
-            WebpackLoader.find(e => e.marginBottom8)
-        ])
-    }
-
-    render(){
-        let [
-            messageModule1,
-            messageModule2,
-            scrollbarModule1,
-            hightlightJS,
-            marginModule1
-        ] = this.modules
-
-        const code = this.props.language === "plaintext" ? <code className={`${scrollbarModule1.scrollbarGhostHairline} hljs`}>
-            {this.props.content}
-        </code> : <code className={`${scrollbarModule1.scrollbarGhostHairline} hljs`} 
-            dangerouslySetInnerHTML={{__html: hightlightJS.highlight(this.props.language, this.props.content).value}} />
-        return (<div className={`${messageModule1.markup} ${messageModule2.messageContent}`}>
-            <pre>
-                {code}
-            </pre>
-            <div className={marginModule1.marginBottom8}></div>
-        </div>)
-    }
-
-    static get AllPreviews(){
-        return AllPreviews || (() => {
-            AllPreviews = []
-            AllPreviews.push([
-                {
-                    content: "console.log(\"Exemple code\")"
-                }
-            ])
-            AllPreviews.push([
-                {
-                    language: "js"
-                },
-                {
-                    language: "plaintext"
-                },
-                ...CodeBlock.prototype.modules[3].listLanguages().filter(e => e !== "js").map(e => ({language: e}))
-            ])
-            return AllPreviews
-        })()
-    }
-}
+import WebpackLoader from "../../modules/WebpackLoader"
+
+type CodeBlockProps = {
+    language?: string,
+    content: string
+}
+
+let CodeBlockModules
+export default class CodeBlock extends React.Component<CodeBlockProps> {
+    static defaultProps:CodeBlockProps = {
+        language: "plaintext",
+        content: ""
+    }
+    
+    get modules(){
+        return CodeBlockModules || (CodeBlockModules = [
+            WebpackLoader.find(e => e.markup),
+            WebpackLoader.find(e => e.messageContent),
+            WebpackLoader.find(e => e.scrollbarGhostHairline),
+            WebpackLoader.find(e => e.listLanguages),
+            WebpackLoader.find(e => e.marginBottom8)
+        ])
+    }
+
+    render(){
+        let [
+            messageModule1,
+            messageModule2,
+            scrollbarModule1,
+            hightlightJS,
+            marginModule1
+        ] = this.modules
+
+        const code = this.props.language === "plaintext" ? <code className={`${scrollbarModule1.scrollbarGhostHairline} hljs`}>
+            {this.props.content}
+        </code> : <code className={`${scrollbarModule1.scrollbarGhostHairline} hljs`} 
+            dangerouslySetInnerHTML={{__html: hightlightJS.highlight(this.props.language, this.props.content).value}} />
+        return (<div className={`${messageModule1.markup} ${messageModule2.messageContent}`}>
+            <pre>
+                {code}
+            </pre>
+            <div className={marginModule1.marginBottom8}></div>
+        </div>)
+    }
+
+    static get AllPreviews(){
+        return AllPreviews || (() => {
+            AllPreviews = []
+            AllPreviews.push([
+                {
+                    content: "console.log(\"Exemple code\")"
+                }
+            ])
+            AllPreviews.push([
+                {
+                    language: "js"
+                },
+                {
+                    language: "plaintext"
+                },
+                ...CodeBlock.prototype.modules[3].listLanguages().filter(e => e !== "js").map(e => ({language: e}))
+            ])
+            return AllPreviews
+        })()
+    }
+}
 let AllPreviews