deps: update marked (and add marked-highlight)

package.json

@@ -35,7 +35,8 @@
     "fuzzaldrin-plus": "^0.6.0",
     "highlight.js": "^11.7.0",
     "inferno": "^7.4.11",
-    "marked": "^3.0.8",
+    "marked": "^9.1.3",
+    "marked-highlight": "^2.0.6",
     "neovim": "^4.10.0",
     "ts-node": "^10.4.0",
     "twgl.js": "^4.21.2"

src/common/fs-watch.ts

@@ -20,7 +20,9 @@ const getRealPath = async (path: string) => {
 
 const watchDir = (path: string) =>
   fs.watch(path, (_, file) => {
-    const fullpath = join(path, file)
+    // TODO(smolck): Any chance this file! is gonna fail?
+    // Didn't use to be type string | null so idk
+    const fullpath = join(path, file!)
     watchers.emit(fullpath)
   })
 

src/renderer/components/extensions/highlight.ts

@@ -0,0 +1,19 @@
+import { Marked } from 'marked'
+import { markedHighlight } from 'marked-highlight'
+import hljs from 'highlight.js'
+
+// See example in https://www.npmjs.com/package/marked-highlight
+const marked = new Marked(
+    markedHighlight({
+      langPrefix: 'hljs language-',
+      highlight(code, lang) {
+        const language = hljs.getLanguage(lang) ? lang : 'plaintext';
+        return hljs.highlight(code, { language }).value;
+      }
+    })
+  );
+
+export const stringToMarkdown = (s: string): string =>
+    // @ts-ignore the above `marked` isn't async but the parse has a return
+    // type of string | Promise<string> just in case so TS is annoyed
+    marked.parse(s)

src/renderer/components/extensions/lsp-hover.tsx

@@ -5,23 +5,10 @@ import { debounce } from '../../../common/utils'
 import Overlay from '../overlay'
 import { docStyle } from '../../ui/styles'
 import { cursor } from '../../cursor'
-import { parse as stringToMarkdown, setOptions } from 'marked'
 import { render } from 'inferno'
 import { cell, size as workspaceSize } from '../../workspace'
 import { Events } from '../../../common/ipc'
-
-setOptions({
-  highlight: (code, lang, _) => {
-    const hljs = require('highlight.js/lib/core')
-    hljs.registerLanguage(
-      lang,
-      require(`highlight.js/lib/languages/${lang}.js`)
-    )
-
-    const highlightedCode = hljs.highlight(code, { language: lang }).value
-    return highlightedCode
-  },
-})
+import { stringToMarkdown } from './highlight'
 
 interface ShowParams {
   hoverHeight: number