Merge pull request #300 from planetlabs/shikiji

Updated syntax highlighter
planetlabs · Oct 19, 2023 · b03a88d · b03a88d
2 parents 3f394bc + daaaaf3
commit b03a88d
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 36 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -50,7 +50,7 @@
     "remark-parse": "^11.0.0",
     "semapro": "^1.1.0",
     "semver": "^7.3.7",
-    "shiki": "^0.14.1",
+    "shikiji": "^0.6.10",
     "unified": "^11.0.2",
     "vite": "^4.0.4",
     "vitest": "^0.34.1",

diff --git a/site/src/util/highlight.js b/site/src/util/highlight.js
@@ -1,10 +1,14 @@
-import shiki from 'shiki';
+import {getHighlighter} from 'shikiji';
 
-const highlighterPromise = shiki.getHighlighter({
-  theme: 'github-light',
+const highlighterPromise = getHighlighter({
+  themes: ['github-light'],
+  langs: ['javascript'],
 });
 
 export async function highlight(code) {
   const highlighter = await highlighterPromise;
-  return highlighter.codeToHtml(code, {lang: 'js'});
+  return highlighter.codeToHtml(code, {
+    lang: 'javascript',
+    theme: 'github-light',
+  });
 }