fix: Add code block syntax highlighting

These styles are not bundled in @appland/components. As a result, they're included in this project.
getappmap · Jan 18, 2024 · 0738ad1 · 0738ad1
1 parent 8a6d17e
commit 0738ad1
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/package.json b/package.json
@@ -502,6 +502,7 @@
     "bootstrap": "^4.5.3",
     "bootstrap-autocomplete": "^2.3.7",
     "diff": "^5.1.0",
+    "highlight.js": "^11.9.0",
     "jquery": "^3.5.1",
     "js-yaml": "^4.1.0",
     "popper.js": "^1.16.1",

diff --git a/web/src/chatSearchView.js b/web/src/chatSearchView.js
@@ -2,6 +2,7 @@ import Vue from 'vue';
 import { VChatSearch } from '@appland/components';
 import MessagePublisher from './messagePublisher';
 import handleAppMapMessages from './handleAppMapMessages';
+import 'highlight.js/styles/base16/snazzy.css';
 
 export default function mountChatSearchView() {
   const vscode = window.acquireVsCodeApi();

diff --git a/yarn.lock b/yarn.lock
@@ -3182,6 +3182,7 @@ __metadata:
     eslint-plugin-prettier: ^3.4.0
     fs-extra: ^10.1.0
     glob: ^7.2.3
+    highlight.js: ^11.9.0
     ignore: ^5.1.8
     jquery: ^3.5.1
     js-yaml: ^4.1.0