refactor: Use prism as a project dependency (#1208)

package.json

@@ -36,7 +36,6 @@
     }
   },
   "eslintIgnore": [
-    "prism.js",
     "**/*.d.ts"
   ],
   "prettier": {
@@ -88,6 +87,7 @@
     "preact-iso": "^2.6.3",
     "preact-markup": "^2.1.1",
     "preact-render-to-string": "^6.4.1",
+    "prismjs": "^1.29.0",
     "rollup": "^2.79.1",
     "sucrase": "^3.32.0",
     "yaml": "^2.6.1"

plugins/precompile-markdown/index.js

@@ -1,10 +1,15 @@
 import yaml from 'yaml';
 import { marked } from 'marked';
+import Prism from 'prismjs';
+import loadLanguages from 'prismjs/components/';
 import { parse } from 'node-html-parser';
 import { replace } from './gh-emoji/index.js';
-import { Prism } from './prism.js';
 import { textToBase64 } from '../../src/components/controllers/repl/query-encode.js';
 
+// Prism will always load `markup`, `css`, `clike` and `javascript` by default.
+// Any additional languages we need should be loaded here
+loadLanguages(['typescript', 'tsx', 'json', 'bash', 'diff']);
+
 /**
  * @param {string} content
  * @param {string} path
@@ -101,7 +106,6 @@ marked.use({
 			const [code, source, runInRepl] = processRepl(rawCodeBlockText);
 
 			Prism.languages[lang] == null
-				// TODO: Bash is the only missing one at the moment
 				? console.warn(`No Prism highlighter for language: ${lang}`)
 				: text = Prism.highlight(code, Prism.languages[lang], lang);