load prismjs from cdn

fastrepl · Oct 26, 2024 · 096e0ff · 096e0ff
1 parent 6a3691d
commit 096e0ff
Show file tree

Hide file tree

Showing 9 changed files with 18 additions and 35 deletions.
diff --git a/js/apps/docs/package.json b/js/apps/docs/package.json
@@ -23,7 +23,7 @@
     "vue": "^3.4.35"
   },
   "dependencies": {
-    "@getcanary/web": "^1.0.10",
+    "@getcanary/web": "^1.0.11",
     "@mux/blurup": "^0.2.3",
     "@mux/mux-player": "^3.0.0",
     "@unocss/reset": "^0.63.3",

diff --git a/js/package-lock.json b/js/package-lock.json
diff --git a/js/packages/web/.changeset/healthy-squids-jog.md b/js/packages/web/.changeset/healthy-squids-jog.md
diff --git a/js/packages/web/.changeset/odd-windows-doubt.md b/js/packages/web/.changeset/odd-windows-doubt.md
diff --git a/js/packages/web/.changeset/quick-lies-beam.md b/js/packages/web/.changeset/quick-lies-beam.md
diff --git a/js/packages/web/CHANGELOG.md b/js/packages/web/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @getcanary/web
 
+## 1.0.11
+
+### Patch Changes
+
+- Reset input when modal closed.
+- Load prismjs from cdn instead of bundling it.
+
 ## 1.0.10
 
 ### Patch Changes

diff --git a/js/packages/web/package.json b/js/packages/web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@getcanary/web",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "license": "MIT",
   "type": "module",
   "main": "dist/components/canary-root.js",
@@ -39,8 +39,7 @@
     "best-effort-json-parser": "^1.1.2",
     "lit": "^3.1.4",
     "marked": "^14.0.0",
-    "picomatch": "^4.0.2",
-    "prismjs": "^1.29.0"
+    "picomatch": "^4.0.2"
   },
   "devDependencies": {
     "@argos-ci/cli": "^2.4.3",

diff --git a/js/packages/web/src/components/canary-markdown.ts b/js/packages/web/src/components/canary-markdown.ts
@@ -9,7 +9,6 @@ import { themeContext } from "../contexts";
 import { ThemeContext } from "../types";
 import { global, codeBlockScrollbar } from "../styles";
 
-import { highlightElement } from "prismjs";
 import { marked, type Tokens } from "marked";
 
 marked.use({
@@ -47,7 +46,7 @@ export class CanaryMarkdown extends LitElement {
 
     return html`
       <link rel="stylesheet" href=${stylePath} />
-      ${this.languages.map((lang) =>
+      ${["core", ...this.languages].map((lang) =>
         this._script(
           `https://unpkg.com/[email protected]/components/prism-${lang}.min.js`,
         ),
@@ -90,7 +89,9 @@ export class CanaryMarkdown extends LitElement {
 
   private _highlight(el: HTMLElement) {
     el.querySelectorAll("pre code").forEach((el) => {
-      highlightElement(el, false);
+      if (window.Prism) {
+        window.Prism.highlightElement(el, false);
+      }
     });
   }
 

diff --git a/js/packages/web/src/stories/canary-markdown.stories.ts b/js/packages/web/src/stories/canary-markdown.stories.ts
@@ -12,7 +12,7 @@ export default {
         style="width: 500px; padding: 12px; border: 1px solid black; border-radius: 8px;"
       >
         <canary-markdown
-          .languages=${["javascript", "python"]}
+          .languages=${["javascript", "python", "markup"]}
           .content=${content}
         ></canary-markdown>
       </div>