@slidev/client 52.14.0 → 52.14.1

package/modules/mermaid.ts

@@ -1,3 +1,4 @@
+import mermaidRenderers from '#slidev/setups/mermaid-renderer'
 import { clearUndefined } from '@antfu/utils'
 import lz from 'lz-string'
 import mermaid from 'mermaid/dist/mermaid.esm.mjs'
@@ -17,12 +18,24 @@ export async function renderMermaid(lzEncoded: string, options: any) {
   if (_cache)
     return _cache
 
+  const code = lz.decompressFromBase64(lzEncoded)
+
+  // custom renderer
+  for (const setup of mermaidRenderers) {
+    const renderer = await setup()
+    if (renderer) {
+      const svg = await renderer(code, options)
+      cache.set(key, svg)
+      return svg
+    }
+  }
+
+  // fallback: existing mermaid
   mermaid.initialize({
     startOnLoad: false,
     ...clearUndefined(await setupMermaid() || {}),
     ...clearUndefined(options),
   })
-  const code = lz.decompressFromBase64(lzEncoded)
   const id = makeId()
   const { svg } = await mermaid.render(id, code, containerElement)
   cache.set(key, svg)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/client",
   "type": "module",
-  "version": "52.14.0",
+  "version": "52.14.1",
   "description": "Presentation slides for developers",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -29,18 +29,18 @@
   },
   "dependencies": {
     "@antfu/utils": "^9.3.0",
-    "@iconify-json/carbon": "^1.2.18",
+    "@iconify-json/carbon": "^1.2.19",
     "@iconify-json/ph": "^1.2.2",
     "@iconify-json/svg-spinners": "^1.2.4",
-    "@shikijs/engine-javascript": "^4.0.0",
-    "@shikijs/monaco": "^4.0.0",
-    "@shikijs/vitepress-twoslash": "^4.0.0",
+    "@shikijs/engine-javascript": "^4.0.1",
+    "@shikijs/monaco": "^4.0.1",
+    "@shikijs/vitepress-twoslash": "^4.0.1",
     "@slidev/rough-notation": "^0.1.0",
     "@typescript/ata": "^0.9.8",
-    "@unhead/vue": "^2.1.9",
-    "@unocss/extractor-mdc": "^66.6.2",
-    "@unocss/preset-mini": "^66.6.2",
-    "@unocss/reset": "^66.6.2",
+    "@unhead/vue": "^2.1.10",
+    "@unocss/extractor-mdc": "^66.6.3",
+    "@unocss/preset-mini": "^66.6.3",
+    "@unocss/reset": "^66.6.3",
     "@vueuse/core": "^14.2.1",
     "@vueuse/math": "^14.2.1",
     "@vueuse/motion": "^3.0.3",
@@ -56,15 +56,15 @@
     "nanotar": "^0.3.0",
     "pptxgenjs": "^4.0.1",
     "recordrtc": "^5.6.2",
-    "shiki": "^4.0.0",
+    "shiki": "^4.0.1",
     "shiki-magic-move": "^1.2.1",
     "typescript": "^5.9.3",
     "unocss": "^66.6.2",
     "vue": "^3.5.29",
     "vue-router": "^5.0.3",
     "yaml": "^2.8.2",
-    "@slidev/parser": "52.14.0",
-    "@slidev/types": "52.14.0"
+    "@slidev/parser": "52.14.1",
+    "@slidev/types": "52.14.1"
   },
   "devDependencies": {
     "vite": "^7.3.1"

package/setup/code-runners.ts

@@ -71,16 +71,16 @@ function runJavaScript(code: string): CodeRunnerOutputs {
   vmConsole.info = vmConsole.log = vmConsole.debug = vmConsole.warn = vmConsole.error = logger
   vmConsole.clear = () => result.value.length = 0
   try {
-    const safeJS = `return async (console, __slidev_import, __slidev_on_error) => {
+    const wrappedCode = `return async (console, __slidev_import, __slidev_on_error) => {
     ${configs.monacoRunUseStrict ? `"use strict";` : ''}
       try {
-        ${sanitizeJS(code)}
+        ${fixupCode(code)}
       } catch (e) {
         __slidev_on_error(e)
       }
     }`
     // eslint-disable-next-line no-new-func
-    ;(new Function(safeJS)())(vmConsole, (specifier: string) => {
+    ;(new Function(wrappedCode)())(vmConsole, (specifier: string) => {
       const mod = deps[specifier]
       if (!mod)
         throw new Error(`Module not found: ${specifier}.\nAvailable modules: ${Object.keys(deps).join(', ')}. Please refer to https://sli.dev/custom/config-code-runners#additional-runner-dependencies`)
@@ -154,7 +154,7 @@ function runJavaScript(code: string): CodeRunnerOutputs {
     return textRep
   }
 
-  function sanitizeJS(code: string) {
+  function fixupCode(code: string) {
     // The reflect-metadata runtime is available, so allow that to go through
     code = code.replace(`import "reflect-metadata"`, '').replace(`require("reflect-metadata")`, '')
     // Transpiled typescript sometimes contains an empty export, remove it.
@@ -181,7 +181,7 @@ export async function runTypeScript(code: string) {
     },
   }).outputText
 
-  const importRegex = /import\s*\((.+)\)/g
+  const importRegex = /\bimport\s*\((.+)\)/g
   code = code.replace(importRegex, (_full, specifier) => `__slidev_import(${specifier})`)
 
   return runJavaScript(code)