@hejiayue/x-markdown-test 0.0.1-beta.135 → 0.0.1-beta.138

package/dist/x-markdown.es31.js

@@ -1,124 +1,5 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, createElementVNode, toDisplayString, normalizeClass, createTextVNode, Fragment, renderList, unref } from "vue";
-import { useHighlight } from "./x-markdown.es7.js";
-const _hoisted_1 = { class: "x-md-syntax-code-block" };
-const _hoisted_2 = { class: "x-md-code-content" };
-const _hoisted_3 = { key: 0 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "SyntaxCodeBlock"
-  },
-  __name: "SyntaxCodeBlock",
-  props: {
-    code: {},
-    language: {},
-    lightTheme: { default: "vitesse-light" },
-    darkTheme: { default: "vitesse-dark" },
-    isDark: { type: Boolean, default: false },
-    colorReplacements: {},
-    codeMaxHeight: {},
-    enableAnimate: { type: Boolean, default: false }
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const code = computed(() => props.code.trim());
-    const language = computed(() => props.language || "text");
-    const actualTheme = computed(() => props.isDark ? props.darkTheme : props.lightTheme);
-    const { lines, preStyle } = useHighlight(code, {
-      language,
-      theme: actualTheme,
-      colorReplacements: props.colorReplacements
-    });
-    const applyColorReplacement = (color, replacements) => {
-      if (!replacements) return color;
-      return replacements[color.toLowerCase()] || color;
-    };
-    const normalizeStyleKeys = (style) => {
-      const normalized = {};
-      Object.entries(style).forEach(([key, value]) => {
-        const camelKey = key.replace(/-([a-z])/g, (_, char) => char.toUpperCase());
-        normalized[camelKey] = value;
-      });
-      return normalized;
-    };
-    const getTokenStyle = (token) => {
-      if (!token) {
-        return {};
-      }
-      if (token.htmlStyle) {
-        const baseStyle = normalizeStyleKeys(token.htmlStyle);
-        if (!props.colorReplacements) return baseStyle;
-        const style2 = { ...baseStyle };
-        if (style2.color && typeof style2.color === "string") {
-          style2.color = applyColorReplacement(style2.color, props.colorReplacements);
-        }
-        if (style2.backgroundColor && typeof style2.backgroundColor === "string") {
-          style2.backgroundColor = applyColorReplacement(style2.backgroundColor, props.colorReplacements);
-        }
-        return style2;
-      }
-      const style = {};
-      if (token.color) {
-        style.color = props.colorReplacements ? applyColorReplacement(token.color, props.colorReplacements) : token.color;
-      }
-      if (token.fontStyle === "italic") {
-        style.fontStyle = "italic";
-      }
-      if (token.fontWeight) {
-        style.fontWeight = token.fontWeight;
-      }
-      return style;
-    };
-    const showFallback = computed(() => !lines.value?.length);
-    const codeContainerStyle = computed(() => ({
-      ...preStyle.value,
-      maxHeight: props.codeMaxHeight
-    }));
-    __expose({
-      lines,
-      code,
-      language,
-      actualTheme
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        showFallback.value ? (openBlock(), createElementBlock("pre", {
-          key: 0,
-          style: normalizeStyle(codeContainerStyle.value)
-        }, [
-          createElementVNode("code", null, toDisplayString(code.value), 1)
-        ], 4)) : (openBlock(), createElementBlock("pre", {
-          key: 1,
-          class: normalizeClass(["shiki", actualTheme.value]),
-          style: normalizeStyle(codeContainerStyle.value),
-          tabindex: "0"
-        }, [
-          _cache[4] || (_cache[4] = createTextVNode("      ", -1)),
-          createElementVNode("code", _hoisted_2, [
-            _cache[2] || (_cache[2] = createTextVNode("\n        ", -1)),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(lines), (line, i) => {
-              return openBlock(), createElementBlock("span", {
-                key: i,
-                class: "x-md-code-line"
-              }, [
-                _cache[0] || (_cache[0] = createTextVNode("\n          ", -1)),
-                !line.length ? (openBlock(), createElementBlock("span", _hoisted_3, " ")) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(line, (token, j) => {
-                  return openBlock(), createElementBlock("span", {
-                    key: j,
-                    style: normalizeStyle(getTokenStyle(token)),
-                    class: normalizeClass({ "x-md-animated-word": props.enableAnimate })
-                  }, toDisplayString(token.content), 7);
-                }), 128)),
-                _cache[1] || (_cache[1] = createTextVNode("\n        ", -1))
-              ]);
-            }), 128)),
-            _cache[3] || (_cache[3] = createTextVNode("\n      ", -1))
-          ]),
-          _cache[5] || (_cache[5] = createTextVNode("\n    ", -1))
-        ], 6))
-      ]);
-    };
-  }
-});
+import _sfc_main from "./x-markdown.es27.js";
+/* empty css                */
 export {
   _sfc_main as default
 };

package/dist/x-markdown.es31.js.map

@@ -1 +1 @@
-{"version":3,"file":"x-markdown.es31.js","sources":["../src/components/CodeBlock/SyntaxCodeBlock.vue"],"sourcesContent":["<template>\r\n  <div class=\"x-md-syntax-code-block\">\r\n    <pre v-if=\"showFallback\" :style=\"codeContainerStyle\"><code>{{ code }}</code></pre>\r\n    <pre v-else :class=\"['shiki', actualTheme]\" :style=\"codeContainerStyle\" tabindex=\"0\">\r\n      <code class=\"x-md-code-content\">\r\n        <span v-for=\"(line, i) in lines\" :key=\"i\" class=\"x-md-code-line\">\r\n          <span v-if=\"!line.length\">&nbsp;</span>\r\n          <span  \r\n            v-else \r\n            v-for=\"(token, j) in line\" \r\n            :key=\"j\" \r\n            :style=\"getTokenStyle(token)\"\r\n            :class=\"{ 'x-md-animated-word': props.enableAnimate }\"\r\n          >{{ token.content }}</span>\r\n        </span>\r\n      </code>\r\n    </pre>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, type CSSProperties } from 'vue'\r\nimport { useHighlight } from '../../hooks/useHighlight'\r\nimport type { SyntaxCodeBlockProps } from './types'\r\n\r\ninterface HighlightToken {\r\n  content?: string\r\n  color?: string\r\n  fontStyle?: 'italic' | null\r\n  fontWeight?: 'normal' | 'bold' | null\r\n  htmlStyle?: Record<string, string>\r\n}\r\n\r\ndefineOptions({\r\n  name: 'SyntaxCodeBlock',\r\n})\r\n\r\nconst props = withDefaults(defineProps<SyntaxCodeBlockProps>(), {\r\n  lightTheme: 'vitesse-light',\r\n  darkTheme: 'vitesse-dark',\r\n  isDark: false,\r\n  enableAnimate: false,\r\n})\r\n\r\nconst code = computed(() => props.code.trim())\r\n\r\nconst language = computed(() => props.language || 'text')\r\n\r\nconst actualTheme = computed(() => (props.isDark ? props.darkTheme : props.lightTheme))\r\n\r\nconst { lines, preStyle } = useHighlight(code, {\r\n  language,\r\n  theme: actualTheme,\r\n  colorReplacements: props.colorReplacements,\r\n})\r\n\r\nconst applyColorReplacement = (color: string, replacements?: Record<string, string>) => {\r\n  if (!replacements) return color\r\n  return replacements[color.toLowerCase()] || color\r\n}\r\n\r\nconst normalizeStyleKeys = (style: Record<string, string | number>): CSSProperties => {\r\n  const normalized: CSSProperties = {}\r\n  Object.entries(style).forEach(([key, value]) => {\r\n    const camelKey = key.replace(/-([a-z])/g, (_, char) => char.toUpperCase())\r\n    ;(normalized as Record<string, string | number>)[camelKey] = value\r\n  })\r\n  return normalized\r\n}\r\n\r\nconst getTokenStyle = (token: HighlightToken | null | undefined): CSSProperties => {\r\n  // 处理 null/undefined token\r\n  if (!token) {\r\n    return {}\r\n  }\r\n\r\n  // 优先使用 htmlStyle（如果存在）\r\n  if (token.htmlStyle) {\r\n    const baseStyle = normalizeStyleKeys(token.htmlStyle)\r\n\r\n    if (!props.colorReplacements) return baseStyle\r\n\r\n    const style = { ...baseStyle }\r\n\r\n    if (style.color && typeof style.color === 'string') {\r\n      style.color = applyColorReplacement(style.color, props.colorReplacements)\r\n    }\r\n    if (style.backgroundColor && typeof style.backgroundColor === 'string') {\r\n      style.backgroundColor = applyColorReplacement(style.backgroundColor, props.colorReplacements)\r\n    }\r\n\r\n    return style\r\n  }\r\n\r\n  // 直接使用 token 的 color、fontStyle、fontWeight 属性\r\n  const style: CSSProperties = {}\r\n\r\n  if (token.color) {\r\n    style.color = props.colorReplacements\r\n      ? applyColorReplacement(token.color, props.colorReplacements)\r\n      : token.color\r\n  }\r\n\r\n  if (token.fontStyle === 'italic') {\r\n    style.fontStyle = 'italic'\r\n  }\r\n\r\n  if (token.fontWeight) {\r\n    style.fontWeight = token.fontWeight\r\n  }\r\n\r\n  return style\r\n}\r\n\r\nconst showFallback = computed(() => !lines.value?.length)\r\n\r\nconst codeContainerStyle = computed(() => ({\r\n  ...preStyle.value,\r\n  maxHeight: props.codeMaxHeight,\r\n}))\r\n\r\ndefineExpose({\r\n  lines,\r\n  code,\r\n  language,\r\n  actualTheme,\r\n})\r\n</script>\r\n\r\n<style scoped>\r\n.x-md-syntax-code-block {\r\n  width: 100%;\r\n}\r\n\r\n.x-md-syntax-code-block pre {\r\n  margin: 0;\r\n  padding: 16px;\r\n  overflow: auto;\r\n  background: transparent !important;\r\n}\r\n\r\n.x-md-code-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.x-md-code-line {\r\n  width: 100%;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  display: flex;\r\n}\r\n</style>"],"names":["style","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","_unref","_normalizeStyle","_normalizeClass","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"x-markdown.es31.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/x-markdown.es32.js

@@ -0,0 +1,125 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, createElementVNode, toDisplayString, normalizeClass, createTextVNode, Fragment, renderList, unref } from "vue";
+import { useHighlight } from "./x-markdown.es7.js";
+const _hoisted_1 = { class: "x-md-syntax-code-block" };
+const _hoisted_2 = { class: "x-md-code-content" };
+const _hoisted_3 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SyntaxCodeBlock"
+  },
+  __name: "SyntaxCodeBlock",
+  props: {
+    code: {},
+    language: {},
+    lightTheme: { default: "vitesse-light" },
+    darkTheme: { default: "vitesse-dark" },
+    isDark: { type: Boolean, default: false },
+    colorReplacements: {},
+    codeMaxHeight: {},
+    enableAnimate: { type: Boolean, default: false }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const code = computed(() => props.code.trim());
+    const language = computed(() => props.language || "text");
+    const actualTheme = computed(() => props.isDark ? props.darkTheme : props.lightTheme);
+    const { lines, preStyle } = useHighlight(code, {
+      language,
+      theme: actualTheme,
+      colorReplacements: props.colorReplacements
+    });
+    const applyColorReplacement = (color, replacements) => {
+      if (!replacements) return color;
+      return replacements[color.toLowerCase()] || color;
+    };
+    const normalizeStyleKeys = (style) => {
+      const normalized = {};
+      Object.entries(style).forEach(([key, value]) => {
+        const camelKey = key.replace(/-([a-z])/g, (_, char) => char.toUpperCase());
+        normalized[camelKey] = value;
+      });
+      return normalized;
+    };
+    const getTokenStyle = (token) => {
+      if (!token) {
+        return {};
+      }
+      if (token.htmlStyle) {
+        const baseStyle = normalizeStyleKeys(token.htmlStyle);
+        if (!props.colorReplacements) return baseStyle;
+        const style2 = { ...baseStyle };
+        if (style2.color && typeof style2.color === "string") {
+          style2.color = applyColorReplacement(style2.color, props.colorReplacements);
+        }
+        if (style2.backgroundColor && typeof style2.backgroundColor === "string") {
+          style2.backgroundColor = applyColorReplacement(style2.backgroundColor, props.colorReplacements);
+        }
+        return style2;
+      }
+      const style = {};
+      if (token.color) {
+        style.color = props.colorReplacements ? applyColorReplacement(token.color, props.colorReplacements) : token.color;
+      }
+      if (token.fontStyle === "italic") {
+        style.fontStyle = "italic";
+      }
+      if (token.fontWeight) {
+        style.fontWeight = token.fontWeight;
+      }
+      return style;
+    };
+    const showFallback = computed(() => !lines.value?.length);
+    const codeContainerStyle = computed(() => ({
+      ...preStyle.value,
+      maxHeight: props.codeMaxHeight
+    }));
+    __expose({
+      lines,
+      code,
+      language,
+      actualTheme
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        showFallback.value ? (openBlock(), createElementBlock("pre", {
+          key: 0,
+          style: normalizeStyle(codeContainerStyle.value)
+        }, [
+          createElementVNode("code", null, toDisplayString(code.value), 1)
+        ], 4)) : (openBlock(), createElementBlock("pre", {
+          key: 1,
+          class: normalizeClass(["shiki", actualTheme.value]),
+          style: normalizeStyle(codeContainerStyle.value),
+          tabindex: "0"
+        }, [
+          _cache[4] || (_cache[4] = createTextVNode("      ", -1)),
+          createElementVNode("code", _hoisted_2, [
+            _cache[2] || (_cache[2] = createTextVNode("\n        ", -1)),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(lines), (line, i) => {
+              return openBlock(), createElementBlock("span", {
+                key: i,
+                class: "x-md-code-line"
+              }, [
+                _cache[0] || (_cache[0] = createTextVNode("\n          ", -1)),
+                !line.length ? (openBlock(), createElementBlock("span", _hoisted_3, " ")) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(line, (token, j) => {
+                  return openBlock(), createElementBlock("span", {
+                    key: j,
+                    style: normalizeStyle(getTokenStyle(token)),
+                    class: normalizeClass({ "x-md-animated-word": props.enableAnimate })
+                  }, toDisplayString(token.content), 7);
+                }), 128)),
+                _cache[1] || (_cache[1] = createTextVNode("\n        ", -1))
+              ]);
+            }), 128)),
+            _cache[3] || (_cache[3] = createTextVNode("\n      ", -1))
+          ]),
+          _cache[5] || (_cache[5] = createTextVNode("\n    ", -1))
+        ], 6))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=x-markdown.es32.js.map

package/dist/x-markdown.es32.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-markdown.es32.js","sources":["../src/components/CodeBlock/SyntaxCodeBlock.vue"],"sourcesContent":["<template>\r\n  <div class=\"x-md-syntax-code-block\">\r\n    <pre v-if=\"showFallback\" :style=\"codeContainerStyle\"><code>{{ code }}</code></pre>\r\n    <pre v-else :class=\"['shiki', actualTheme]\" :style=\"codeContainerStyle\" tabindex=\"0\">\r\n      <code class=\"x-md-code-content\">\r\n        <span v-for=\"(line, i) in lines\" :key=\"i\" class=\"x-md-code-line\">\r\n          <span v-if=\"!line.length\">&nbsp;</span>\r\n          <span  \r\n            v-else \r\n            v-for=\"(token, j) in line\" \r\n            :key=\"j\" \r\n            :style=\"getTokenStyle(token)\"\r\n            :class=\"{ 'x-md-animated-word': props.enableAnimate }\"\r\n          >{{ token.content }}</span>\r\n        </span>\r\n      </code>\r\n    </pre>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, type CSSProperties } from 'vue'\r\nimport { useHighlight } from '../../hooks/useHighlight'\r\nimport type { SyntaxCodeBlockProps } from './types'\r\n\r\ninterface HighlightToken {\r\n  content?: string\r\n  color?: string\r\n  fontStyle?: 'italic' | null\r\n  fontWeight?: 'normal' | 'bold' | null\r\n  htmlStyle?: Record<string, string>\r\n}\r\n\r\ndefineOptions({\r\n  name: 'SyntaxCodeBlock',\r\n})\r\n\r\nconst props = withDefaults(defineProps<SyntaxCodeBlockProps>(), {\r\n  lightTheme: 'vitesse-light',\r\n  darkTheme: 'vitesse-dark',\r\n  isDark: false,\r\n  enableAnimate: false,\r\n})\r\n\r\nconst code = computed(() => props.code.trim())\r\n\r\nconst language = computed(() => props.language || 'text')\r\n\r\nconst actualTheme = computed(() => (props.isDark ? props.darkTheme : props.lightTheme))\r\n\r\nconst { lines, preStyle } = useHighlight(code, {\r\n  language,\r\n  theme: actualTheme,\r\n  colorReplacements: props.colorReplacements,\r\n})\r\n\r\nconst applyColorReplacement = (color: string, replacements?: Record<string, string>) => {\r\n  if (!replacements) return color\r\n  return replacements[color.toLowerCase()] || color\r\n}\r\n\r\nconst normalizeStyleKeys = (style: Record<string, string | number>): CSSProperties => {\r\n  const normalized: CSSProperties = {}\r\n  Object.entries(style).forEach(([key, value]) => {\r\n    const camelKey = key.replace(/-([a-z])/g, (_, char) => char.toUpperCase())\r\n    ;(normalized as Record<string, string | number>)[camelKey] = value\r\n  })\r\n  return normalized\r\n}\r\n\r\nconst getTokenStyle = (token: HighlightToken | null | undefined): CSSProperties => {\r\n  // 处理 null/undefined token\r\n  if (!token) {\r\n    return {}\r\n  }\r\n\r\n  // 优先使用 htmlStyle（如果存在）\r\n  if (token.htmlStyle) {\r\n    const baseStyle = normalizeStyleKeys(token.htmlStyle)\r\n\r\n    if (!props.colorReplacements) return baseStyle\r\n\r\n    const style = { ...baseStyle }\r\n\r\n    if (style.color && typeof style.color === 'string') {\r\n      style.color = applyColorReplacement(style.color, props.colorReplacements)\r\n    }\r\n    if (style.backgroundColor && typeof style.backgroundColor === 'string') {\r\n      style.backgroundColor = applyColorReplacement(style.backgroundColor, props.colorReplacements)\r\n    }\r\n\r\n    return style\r\n  }\r\n\r\n  // 直接使用 token 的 color、fontStyle、fontWeight 属性\r\n  const style: CSSProperties = {}\r\n\r\n  if (token.color) {\r\n    style.color = props.colorReplacements\r\n      ? applyColorReplacement(token.color, props.colorReplacements)\r\n      : token.color\r\n  }\r\n\r\n  if (token.fontStyle === 'italic') {\r\n    style.fontStyle = 'italic'\r\n  }\r\n\r\n  if (token.fontWeight) {\r\n    style.fontWeight = token.fontWeight\r\n  }\r\n\r\n  return style\r\n}\r\n\r\nconst showFallback = computed(() => !lines.value?.length)\r\n\r\nconst codeContainerStyle = computed(() => ({\r\n  ...preStyle.value,\r\n  maxHeight: props.codeMaxHeight,\r\n}))\r\n\r\ndefineExpose({\r\n  lines,\r\n  code,\r\n  language,\r\n  actualTheme,\r\n})\r\n</script>\r\n\r\n<style scoped>\r\n.x-md-syntax-code-block {\r\n  width: 100%;\r\n}\r\n\r\n.x-md-syntax-code-block pre {\r\n  margin: 0;\r\n  padding: 16px;\r\n  overflow: auto;\r\n  background: transparent !important;\r\n}\r\n\r\n.x-md-code-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.x-md-code-line {\r\n  width: 100%;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  display: flex;\r\n}\r\n</style>"],"names":["style","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","_unref","_normalizeStyle","_normalizeClass","_toDisplayString"],"mappings":"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"}

package/dist/x-markdown.es7.js

@@ -1,21 +1,43 @@
 import { ref, computed, isRef, toValue, watch, onUnmounted } from "vue";
 let shikiModulePromise = null;
 let shikiStreamModulePromise = null;
-let hasShownDependencyHint = false;
-const showDependencyHint = () => {
-  if (hasShownDependencyHint) return;
-  hasShownDependencyHint = true;
+let hasShownShikiHint = false;
+let hasShownShikiStreamHint = false;
+const showShikiHint = () => {
+  if (hasShownShikiHint) return;
+  hasShownShikiHint = true;
   console.log(
-    "%c[x-markdown]%c 代码高亮功能已降级为纯文本模式",
+    "%c[x-markdown]%c Shiki 代码高亮库未安装，已降级为纯文本模式",
     "font-weight: bold; color: #0066cc;",
     "color: #666;"
   );
   console.log(
-    "%c如需语法高亮功能，请安装以下依赖：",
+    "%c如需语法高亮功能，请安装：",
     "color: #666; font-weight: bold;"
   );
   console.log(
-    "%c  pnpm add shiki shiki-stream",
+    "%c  pnpm add shiki",
+    "color: #00aa00; font-family: monospace;"
+  );
+  console.log(
+    "%c安装后请重启开发服务器",
+    "color: #999; font-size: 12px;"
+  );
+};
+const showShikiStreamHint = () => {
+  if (hasShownShikiStreamHint) return;
+  hasShownShikiStreamHint = true;
+  console.log(
+    "%c[x-markdown]%c shiki-stream 未安装，已降级为非流式高亮",
+    "font-weight: bold; color: #0066cc;",
+    "color: #666;"
+  );
+  console.log(
+    "%c如需流式代码高亮功能（推荐用于 AI 场景），请安装：",
+    "color: #666; font-weight: bold;"
+  );
+  console.log(
+    "%c  pnpm add shiki-stream",
     "color: #00aa00; font-family: monospace;"
   );
   console.log(
@@ -178,7 +200,7 @@ function useHighlight(text, options) {
           lines: [[{ content: text.value }]],
           preStyle: void 0
         };
-        showDependencyHint();
+        showShikiHint();
         return;
       }
       highlighter = await mod.createHighlighter({
@@ -201,6 +223,8 @@ function useHighlight(text, options) {
           lang: currentLang,
           theme: currentTheme
         });
+      } else {
+        showShikiStreamHint();
       }
       previousText = "";
       const themeInfo = highlighter.getTheme(currentTheme);

package/dist/x-markdown.es7.js.map

@@ -1 +1 @@
-{"version":3,"file":"x-markdown.es7.js","sources":["../src/hooks/useHighlight.ts"],"sourcesContent":["import { ref, watch, onUnmounted, computed, isRef, toValue, type Ref, type MaybeRef, type CSSProperties } from 'vue'\r\n\r\ninterface HighlightToken {\r\n  content?: string\r\n  color?: string\r\n  fontStyle?: 'italic' | null\r\n  fontWeight?: 'normal' | 'bold' | null\r\n  htmlStyle?: Record<string, string>\r\n}\r\n\r\ninterface StreamingHighlightResult {\r\n  colorReplacements?: Record<string, string>\r\n  lines: HighlightToken[][]\r\n  preStyle?: CSSProperties\r\n}\r\n\r\ninterface UseHighlightOptions {\r\n  language: MaybeRef<string>\r\n  theme?: string | Ref<string>\r\n  colorReplacements?: Record<string, string>\r\n}\r\n\r\nlet shikiModulePromise: Promise<any | null> | null = null\r\nlet shikiStreamModulePromise: Promise<any | null> | null = null\r\nlet hasShownDependencyHint = false\r\n\r\n\r\nconst showDependencyHint = () => {\r\n  if (hasShownDependencyHint) return\r\n  hasShownDependencyHint = true\r\n\r\n  console.log(\r\n    '%c[x-markdown]%c 代码高亮功能已降级为纯文本模式',\r\n    'font-weight: bold; color: #0066cc;',\r\n    'color: #666;'\r\n  )\r\n  console.log(\r\n    '%c如需语法高亮功能，请安装以下依赖：',\r\n    'color: #666; font-weight: bold;'\r\n  )\r\n  console.log(\r\n    '%c  pnpm add shiki shiki-stream',\r\n    'color: #00aa00; font-family: monospace;'\r\n  )\r\n  console.log(\r\n    '%c安装后请重启开发服务器',\r\n    'color: #999; font-size: 12px;'\r\n  )\r\n}\r\n\r\nconst loadShiki = async () => {\r\n  if (!shikiModulePromise) {\r\n    shikiModulePromise = (async () => {\r\n      try {\r\n        const mod = await import('shiki')\r\n        return mod\r\n      } catch {\r\n        // 静默失败，返回 null\r\n        return null\r\n      }\r\n    })()\r\n  }\r\n  return shikiModulePromise\r\n}\r\n\r\nconst loadShikiStream = async () => {\r\n  if (!shikiStreamModulePromise) {\r\n    shikiStreamModulePromise = (async () => {\r\n      try {\r\n        const mod = await import('shiki-stream')\r\n        return mod\r\n      } catch {\r\n        // 静默失败，返回 null\r\n        return null\r\n      }\r\n    })()\r\n  }\r\n  return shikiStreamModulePromise\r\n}\r\n\r\nconst tokensToLineTokens = (tokens: HighlightToken[]): HighlightToken[][] => {\r\n  if (!tokens.length) return [[]]\r\n\r\n  const lines: HighlightToken[][] = [[]]\r\n  let currentLine = lines[0]\r\n\r\n  const startNewLine = () => {\r\n    currentLine = []\r\n    lines.push(currentLine)\r\n  }\r\n\r\n  tokens.forEach((token) => {\r\n    const content = token.content ?? ''\r\n\r\n    if (content === '\\n') {\r\n      startNewLine()\r\n      return\r\n    }\r\n\r\n    if (!content.includes('\\n')) {\r\n      currentLine.push(token)\r\n      return\r\n    }\r\n\r\n    const segments = content.split('\\n')\r\n    segments.forEach((segment, index) => {\r\n      if (segment) {\r\n        currentLine.push({\r\n          ...token,\r\n          content: segment,\r\n        })\r\n      }\r\n\r\n      if (index < segments.length - 1) {\r\n        startNewLine()\r\n      }\r\n    })\r\n  })\r\n\r\n  return lines.length === 0 ? [[]] : lines\r\n}\r\n\r\nconst createPreStyle = (bg?: string, fg?: string): CSSProperties | undefined => {\r\n  if (!bg && !fg) return undefined\r\n  return {\r\n    backgroundColor: bg,\r\n    color: fg,\r\n  }\r\n}\r\n\r\nexport function useHighlight(text: Ref<string>, options: UseHighlightOptions) {\r\n  const streaming = ref<StreamingHighlightResult>()\r\n  const isLoading = ref(false)\r\n  const error = ref<Error | null>(null)\r\n\r\n  let tokenizer: any | null = null\r\n  let previousText = ''\r\n  let highlighter: any | null = null\r\n  let currentUsedLang = ''\r\n  let lastRequestedLang = ''\r\n\r\n  const effectiveTheme = computed(() => {\r\n    const theme = isRef(options.theme) ? options.theme.value : options.theme\r\n    return theme || 'slack-dark'\r\n  })\r\n\r\n  const effectiveLanguage = computed(() => {\r\n    return toValue(options.language) || 'text'\r\n  })\r\n\r\n  const lines = computed(() => streaming.value?.lines || [[]])\r\n  const preStyle = computed(() => streaming.value?.preStyle)\r\n\r\n  const updateTokens = async (nextText: string, forceReset = false) => {\r\n    // 当有 tokenizer 时使用流式处理\r\n    if (tokenizer) {\r\n      if (forceReset) {\r\n        tokenizer.clear()\r\n        previousText = ''\r\n      }\r\n\r\n      const canAppend = !forceReset && nextText.startsWith(previousText)\r\n      let chunk = nextText\r\n\r\n      if (canAppend) {\r\n        chunk = nextText.slice(previousText.length)\r\n      } else if (!forceReset) {\r\n        tokenizer.clear()\r\n      }\r\n\r\n      previousText = nextText\r\n\r\n      if (!chunk) {\r\n        const mergedTokens = [...tokenizer.tokensStable, ...tokenizer.tokensUnstable]\r\n        streaming.value = {\r\n          colorReplacements: options.colorReplacements,\r\n          lines: mergedTokens.length ? tokensToLineTokens(mergedTokens) : [[]],\r\n          preStyle: streaming.value?.preStyle,\r\n        }\r\n        return\r\n      }\r\n\r\n      try {\r\n        await tokenizer.enqueue(chunk)\r\n\r\n        const mergedTokens = [...tokenizer.tokensStable, ...tokenizer.tokensUnstable]\r\n\r\n        streaming.value = {\r\n          colorReplacements: options.colorReplacements,\r\n          lines: tokensToLineTokens(mergedTokens),\r\n          preStyle: streaming.value?.preStyle,\r\n        }\r\n      } catch (err) {\r\n        console.error('[x-markdown] Streaming highlighting failed:', err)\r\n        error.value = err as Error\r\n      }\r\n    } else if (highlighter) {\r\n      // 当没有 tokenizer 但有 highlighter 时，使用非流式方式高亮\r\n      // 这发生在 shiki 可用但 shiki-stream 不可用时\r\n      try {\r\n        const currentLang = currentUsedLang || 'plaintext'\r\n        const currentTheme = effectiveTheme.value\r\n        const tokens = highlighter.codeToTokens(nextText, {\r\n          lang: currentLang,\r\n          theme: currentTheme,\r\n        })\r\n\r\n        streaming.value = {\r\n          colorReplacements: options.colorReplacements,\r\n          lines: tokensToLineTokens(tokens),\r\n          preStyle: streaming.value?.preStyle,\r\n        }\r\n      } catch (err) {\r\n        console.error('[x-markdown] Direct highlighting failed:', err)\r\n        // 降级为纯文本\r\n        streaming.value = {\r\n          colorReplacements: options.colorReplacements,\r\n          lines: [[{ content: nextText }]],\r\n          preStyle: streaming.value?.preStyle,\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  const initHighlighter = async () => {\r\n    isLoading.value = true\r\n    error.value = null\r\n\r\n    let currentLang = effectiveLanguage.value\r\n    const currentTheme = effectiveTheme.value\r\n\r\n    try {\r\n      const mod = await loadShiki()\r\n      if (!mod) {\r\n        // 静默降级为纯文本\r\n        streaming.value = {\r\n          colorReplacements: options.colorReplacements,\r\n          lines: [[{ content: text.value }]],\r\n          preStyle: undefined,\r\n        }\r\n        showDependencyHint()\r\n        return\r\n      }\r\n\r\n      // shiki 3.x API\r\n      highlighter = await mod.createHighlighter({\r\n        themes: [currentTheme],\r\n        langs: [],  // 将动态加载语言\r\n      })\r\n\r\n      lastRequestedLang = currentLang\r\n\r\n      try {\r\n        await highlighter.loadLanguage(currentLang as any)\r\n        currentUsedLang = currentLang\r\n      } catch {\r\n        currentLang = 'plaintext'\r\n        currentUsedLang = 'plaintext'\r\n      }\r\n\r\n      // 动态加载 shiki-stream\r\n      const shikiStreamMod = await loadShikiStream()\r\n      if (shikiStreamMod) {\r\n        tokenizer = new shikiStreamMod.ShikiStreamTokenizer({\r\n          highlighter: highlighter,\r\n          lang: currentLang,\r\n          theme: currentTheme,\r\n        })\r\n      }\r\n\r\n      previousText = ''\r\n\r\n      const themeInfo = highlighter.getTheme(currentTheme)\r\n      const preStyleValue = createPreStyle(themeInfo?.bg, themeInfo?.fg)\r\n\r\n      if (text.value) {\r\n        await updateTokens(text.value, true)\r\n        if (streaming.value) {\r\n          streaming.value.preStyle = preStyleValue\r\n        }\r\n      } else {\r\n        streaming.value = {\r\n          colorReplacements: options.colorReplacements,\r\n          lines: [[]],\r\n          preStyle: preStyleValue,\r\n        }\r\n      }\r\n    } catch (err) {\r\n      // 静默降级\r\n      streaming.value = {\r\n        colorReplacements: options.colorReplacements,\r\n        lines: [[{ content: text.value }]],\r\n        preStyle: undefined,\r\n      }\r\n    } finally {\r\n      isLoading.value = false\r\n    }\r\n  }\r\n\r\n  watch(\r\n    () => [effectiveLanguage.value, effectiveTheme.value],\r\n    async ([newLang]) => {\r\n      const requestedLang = newLang as string\r\n\r\n      if (\r\n        highlighter &&\r\n        currentUsedLang === 'plaintext' &&\r\n        requestedLang !== lastRequestedLang &&\r\n        requestedLang !== 'plaintext'\r\n      ) {\r\n        try {\r\n          await highlighter.loadLanguage(requestedLang as any)\r\n          initHighlighter()\r\n          return\r\n        } catch {\r\n          lastRequestedLang = requestedLang\r\n          return\r\n        }\r\n      }\r\n\r\n      initHighlighter()\r\n    },\r\n    { immediate: true },\r\n  )\r\n\r\n  watch(text, async (newText) => {\r\n    const requestedLang = effectiveLanguage.value\r\n    if (\r\n      highlighter &&\r\n      currentUsedLang === 'plaintext' &&\r\n      requestedLang !== lastRequestedLang &&\r\n      requestedLang !== 'plaintext'\r\n    ) {\r\n      try {\r\n        await highlighter.loadLanguage(requestedLang as any)\r\n        await initHighlighter()\r\n        return\r\n      } catch {\r\n        lastRequestedLang = requestedLang\r\n      }\r\n    }\r\n\r\n    if (tokenizer || highlighter) {\r\n      // 当有 tokenizer 或 highlighter 时都调用 updateTokens\r\n      // updateTokens 内部会处理两种情况\r\n      updateTokens(newText)\r\n    } else {\r\n      // 两者都没有时降级为纯文本\r\n      streaming.value = {\r\n        colorReplacements: options.colorReplacements,\r\n        lines: [[{ content: newText }]],\r\n        preStyle: streaming.value?.preStyle,\r\n      }\r\n    }\r\n  })\r\n\r\n  onUnmounted(() => {\r\n    tokenizer?.clear()\r\n    tokenizer = null\r\n    previousText = ''\r\n  })\r\n\r\n  return {\r\n    streaming,\r\n    lines,\r\n    preStyle,\r\n    isLoading,\r\n    error,\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"x-markdown.es7.js","sources":["../src/hooks/useHighlight.ts"],"sourcesContent":["import { ref, watch, onUnmounted, computed, isRef, toValue, type Ref, type MaybeRef, type CSSProperties } from 'vue'\r\n\r\ninterface HighlightToken {\r\n  content?: string\r\n  color?: string\r\n  fontStyle?: 'italic' | null\r\n  fontWeight?: 'normal' | 'bold' | null\r\n  htmlStyle?: Record<string, string>\r\n}\r\n\r\ninterface StreamingHighlightResult {\r\n  colorReplacements?: Record<string, string>\r\n  lines: HighlightToken[][]\r\n  preStyle?: CSSProperties\r\n}\r\n\r\ninterface UseHighlightOptions {\r\n  language: MaybeRef<string>\r\n  theme?: string | Ref<string>\r\n  colorReplacements?: Record<string, string>\r\n}\r\n\r\nlet shikiModulePromise: Promise<any | null> | null = null\r\nlet shikiStreamModulePromise: Promise<any | null> | null = null\r\nlet hasShownShikiHint = false\r\nlet hasShownShikiStreamHint = false\r\n\r\n\r\nconst showShikiHint = () => {\r\n  if (hasShownShikiHint) return\r\n  hasShownShikiHint = true\r\n\r\n  console.log(\r\n    '%c[x-markdown]%c Shiki 代码高亮库未安装，已降级为纯文本模式',\r\n    'font-weight: bold; color: #0066cc;',\r\n    'color: #666;'\r\n  )\r\n  console.log(\r\n    '%c如需语法高亮功能，请安装：',\r\n    'color: #666; font-weight: bold;'\r\n  )\r\n  console.log(\r\n    '%c  pnpm add shiki',\r\n    'color: #00aa00; font-family: monospace;'\r\n  )\r\n  console.log(\r\n    '%c安装后请重启开发服务器',\r\n    'color: #999; font-size: 12px;'\r\n  )\r\n}\r\n\r\nconst showShikiStreamHint = () => {\r\n  if (hasShownShikiStreamHint) return\r\n  hasShownShikiStreamHint = true\r\n\r\n  console.log(\r\n    '%c[x-markdown]%c shiki-stream 未安装，已降级为非流式高亮',\r\n    'font-weight: bold; color: #0066cc;',\r\n    'color: #666;'\r\n  )\r\n  console.log(\r\n    '%c如需流式代码高亮功能（推荐用于 AI 场景），请安装：',\r\n    'color: #666; font-weight: bold;'\r\n  )\r\n  console.log(\r\n    '%c  pnpm add shiki-stream',\r\n    'color: #00aa00; font-family: monospace;'\r\n  )\r\n  console.log(\r\n    '%c安装后请重启开发服务器',\r\n    'color: #999; font-size: 12px;'\r\n  )\r\n}\r\n\r\nconst loadShiki = async () => {\r\n  if (!shikiModulePromise) {\r\n    shikiModulePromise = (async () => {\r\n      try {\r\n        const mod = await import('shiki')\r\n        return mod\r\n      } catch {\r\n        // 静默失败，返回 null\r\n        return null\r\n      }\r\n    })()\r\n  }\r\n  return shikiModulePromise\r\n}\r\n\r\nconst loadShikiStream = async () => {\r\n  if (!shikiStreamModulePromise) {\r\n    shikiStreamModulePromise = (async () => {\r\n      try {\r\n        const mod = await import('shiki-stream')\r\n        return mod\r\n      } catch {\r\n        // 静默失败，返回 null\r\n        return null\r\n      }\r\n    })()\r\n  }\r\n  return shikiStreamModulePromise\r\n}\r\n\r\nconst tokensToLineTokens = (tokens: HighlightToken[]): HighlightToken[][] => {\r\n  if (!tokens.length) return [[]]\r\n\r\n  const lines: HighlightToken[][] = [[]]\r\n  let currentLine = lines[0]\r\n\r\n  const startNewLine = () => {\r\n    currentLine = []\r\n    lines.push(currentLine)\r\n  }\r\n\r\n  tokens.forEach((token) => {\r\n    const content = token.content ?? ''\r\n\r\n    if (content === '\\n') {\r\n      startNewLine()\r\n      return\r\n    }\r\n\r\n    if (!content.includes('\\n')) {\r\n      currentLine.push(token)\r\n      return\r\n    }\r\n\r\n    const segments = content.split('\\n')\r\n    segments.forEach((segment, index) => {\r\n      if (segment) {\r\n        currentLine.push({\r\n          ...token,\r\n          content: segment,\r\n        })\r\n      }\r\n\r\n      if (index < segments.length - 1) {\r\n        startNewLine()\r\n      }\r\n    })\r\n  })\r\n\r\n  return lines.length === 0 ? [[]] : lines\r\n}\r\n\r\nconst createPreStyle = (bg?: string, fg?: string): CSSProperties | undefined => {\r\n  if (!bg && !fg) return undefined\r\n  return {\r\n    backgroundColor: bg,\r\n    color: fg,\r\n  }\r\n}\r\n\r\nexport function useHighlight(text: Ref<string>, options: UseHighlightOptions) {\r\n  const streaming = ref<StreamingHighlightResult>()\r\n  const isLoading = ref(false)\r\n  const error = ref<Error | null>(null)\r\n\r\n  let tokenizer: any | null = null\r\n  let previousText = ''\r\n  let highlighter: any | null = null\r\n  let currentUsedLang = ''\r\n  let lastRequestedLang = ''\r\n\r\n  const effectiveTheme = computed(() => {\r\n    const theme = isRef(options.theme) ? options.theme.value : options.theme\r\n    return theme || 'slack-dark'\r\n  })\r\n\r\n  const effectiveLanguage = computed(() => {\r\n    return toValue(options.language) || 'text'\r\n  })\r\n\r\n  const lines = computed(() => streaming.value?.lines || [[]])\r\n  const preStyle = computed(() => streaming.value?.preStyle)\r\n\r\n  const updateTokens = async (nextText: string, forceReset = false) => {\r\n    // 当有 tokenizer 时使用流式处理\r\n    if (tokenizer) {\r\n      if (forceReset) {\r\n        tokenizer.clear()\r\n        previousText = ''\r\n      }\r\n\r\n      const canAppend = !forceReset && nextText.startsWith(previousText)\r\n      let chunk = nextText\r\n\r\n      if (canAppend) {\r\n        chunk = nextText.slice(previousText.length)\r\n      } else if (!forceReset) {\r\n        tokenizer.clear()\r\n      }\r\n\r\n      previousText = nextText\r\n\r\n      if (!chunk) {\r\n        const mergedTokens = [...tokenizer.tokensStable, ...tokenizer.tokensUnstable]\r\n        streaming.value = {\r\n          colorReplacements: options.colorReplacements,\r\n          lines: mergedTokens.length ? tokensToLineTokens(mergedTokens) : [[]],\r\n          preStyle: streaming.value?.preStyle,\r\n        }\r\n        return\r\n      }\r\n\r\n      try {\r\n        await tokenizer.enqueue(chunk)\r\n\r\n        const mergedTokens = [...tokenizer.tokensStable, ...tokenizer.tokensUnstable]\r\n\r\n        streaming.value = {\r\n          colorReplacements: options.colorReplacements,\r\n          lines: tokensToLineTokens(mergedTokens),\r\n          preStyle: streaming.value?.preStyle,\r\n        }\r\n      } catch (err) {\r\n        console.error('[x-markdown] Streaming highlighting failed:', err)\r\n        error.value = err as Error\r\n      }\r\n    } else if (highlighter) {\r\n      // 当没有 tokenizer 但有 highlighter 时，使用非流式方式高亮\r\n      // 这发生在 shiki 可用但 shiki-stream 不可用时\r\n      try {\r\n        const currentLang = currentUsedLang || 'plaintext'\r\n        const currentTheme = effectiveTheme.value\r\n        const tokens = highlighter.codeToTokens(nextText, {\r\n          lang: currentLang,\r\n          theme: currentTheme,\r\n        })\r\n\r\n        streaming.value = {\r\n          colorReplacements: options.colorReplacements,\r\n          lines: tokensToLineTokens(tokens),\r\n          preStyle: streaming.value?.preStyle,\r\n        }\r\n      } catch (err) {\r\n        console.error('[x-markdown] Direct highlighting failed:', err)\r\n        // 降级为纯文本\r\n        streaming.value = {\r\n          colorReplacements: options.colorReplacements,\r\n          lines: [[{ content: nextText }]],\r\n          preStyle: streaming.value?.preStyle,\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  const initHighlighter = async () => {\r\n    isLoading.value = true\r\n    error.value = null\r\n\r\n    let currentLang = effectiveLanguage.value\r\n    const currentTheme = effectiveTheme.value\r\n\r\n    try {\r\n      const mod = await loadShiki()\r\n      if (!mod) {\r\n        // shiki 完全不可用\r\n        streaming.value = {\r\n          colorReplacements: options.colorReplacements,\r\n          lines: [[{ content: text.value }]],\r\n          preStyle: undefined,\r\n        }\r\n        showShikiHint()\r\n        return\r\n      }\r\n\r\n      // shiki 3.x API\r\n      highlighter = await mod.createHighlighter({\r\n        themes: [currentTheme],\r\n        langs: [],  // 将动态加载语言\r\n      })\r\n\r\n      lastRequestedLang = currentLang\r\n\r\n      try {\r\n        await highlighter.loadLanguage(currentLang as any)\r\n        currentUsedLang = currentLang\r\n      } catch {\r\n        currentLang = 'plaintext'\r\n        currentUsedLang = 'plaintext'\r\n      }\r\n\r\n      // 动态加载 shiki-stream\r\n      const shikiStreamMod = await loadShikiStream()\r\n      if (shikiStreamMod) {\r\n        tokenizer = new shikiStreamMod.ShikiStreamTokenizer({\r\n          highlighter: highlighter,\r\n          lang: currentLang,\r\n          theme: currentTheme,\r\n        })\r\n      } else {\r\n        // shiki 可用但 shiki-stream 不可用\r\n        showShikiStreamHint()\r\n      }\r\n\r\n      previousText = ''\r\n\r\n      const themeInfo = highlighter.getTheme(currentTheme)\r\n      const preStyleValue = createPreStyle(themeInfo?.bg, themeInfo?.fg)\r\n\r\n      if (text.value) {\r\n        await updateTokens(text.value, true)\r\n        if (streaming.value) {\r\n          streaming.value.preStyle = preStyleValue\r\n        }\r\n      } else {\r\n        streaming.value = {\r\n          colorReplacements: options.colorReplacements,\r\n          lines: [[]],\r\n          preStyle: preStyleValue,\r\n        }\r\n      }\r\n    } catch (err) {\r\n      // 静默降级\r\n      streaming.value = {\r\n        colorReplacements: options.colorReplacements,\r\n        lines: [[{ content: text.value }]],\r\n        preStyle: undefined,\r\n      }\r\n    } finally {\r\n      isLoading.value = false\r\n    }\r\n  }\r\n\r\n  watch(\r\n    () => [effectiveLanguage.value, effectiveTheme.value],\r\n    async ([newLang]) => {\r\n      const requestedLang = newLang as string\r\n\r\n      if (\r\n        highlighter &&\r\n        currentUsedLang === 'plaintext' &&\r\n        requestedLang !== lastRequestedLang &&\r\n        requestedLang !== 'plaintext'\r\n      ) {\r\n        try {\r\n          await highlighter.loadLanguage(requestedLang as any)\r\n          initHighlighter()\r\n          return\r\n        } catch {\r\n          lastRequestedLang = requestedLang\r\n          return\r\n        }\r\n      }\r\n\r\n      initHighlighter()\r\n    },\r\n    { immediate: true },\r\n  )\r\n\r\n  watch(text, async (newText) => {\r\n    const requestedLang = effectiveLanguage.value\r\n    if (\r\n      highlighter &&\r\n      currentUsedLang === 'plaintext' &&\r\n      requestedLang !== lastRequestedLang &&\r\n      requestedLang !== 'plaintext'\r\n    ) {\r\n      try {\r\n        await highlighter.loadLanguage(requestedLang as any)\r\n        await initHighlighter()\r\n        return\r\n      } catch {\r\n        lastRequestedLang = requestedLang\r\n      }\r\n    }\r\n\r\n    if (tokenizer || highlighter) {\r\n      // 当有 tokenizer 或 highlighter 时都调用 updateTokens\r\n      // updateTokens 内部会处理两种情况\r\n      updateTokens(newText)\r\n    } else {\r\n      // 两者都没有时降级为纯文本\r\n      streaming.value = {\r\n        colorReplacements: options.colorReplacements,\r\n        lines: [[{ content: newText }]],\r\n        preStyle: streaming.value?.preStyle,\r\n      }\r\n    }\r\n  })\r\n\r\n  onUnmounted(() => {\r\n    tokenizer?.clear()\r\n    tokenizer = null\r\n    previousText = ''\r\n  })\r\n\r\n  return {\r\n    streaming,\r\n    lines,\r\n    preStyle,\r\n    isLoading,\r\n    error,\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hejiayue/x-markdown-test",
-  "version": "0.0.1-beta.135",
+  "version": "0.0.1-beta.138",
   "description": "A markdown component library for Vue",
   "type": "module",
   "main": "./dist/x-markdown.cjs.js",
@@ -17,10 +17,12 @@
         "default": "./dist/x-markdown.cjs.js"
       }
     },
-    "./style": "./dist/style.css"
+    "./style": "./dist/style.css",
+    "./vite-plugin": "./src/vite-plugin.js"
   },
   "files": [
-    "dist"
+    "dist",
+    "src/vite-plugin.js"
   ],
   "sideEffects": [
     "*.css",

package/src/vite-plugin.js

@@ -0,0 +1,120 @@
+import { resolve, dirname } from 'node:path'
+import { existsSync } from 'node:fs'
+import { fileURLToPath } from 'node:url'
+
+// 在 ES 模块中获取 __dirname
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = dirname(__filename)
+
+/**
+ * x-markdown Vite 插件
+ *
+ * 自动处理可选依赖（shiki、shiki-stream、mermaid）的虚拟模块配置
+ * 当这些依赖未安装时，自动映射到虚拟模块避免构建失败
+ *
+ * @param {Object} options - 插件配置选项
+ * @param {string[]} options.optionalDeps - 可选依赖列表（默认：['mermaid', 'shiki', 'shiki-stream']）
+ * @param {string} options.virtualModulesDir - 虚拟模块目录（相对于项目根目录）
+ * @returns {import('vite').Plugin} Vite 插件
+ */
+export function createXMarkdownVitePlugin(options = {}) {
+  const {
+    optionalDeps = ['mermaid', 'shiki', 'shiki-stream'],
+    virtualModulesDir = './node_modules/@hejiayue/x-markdown-test/virtual-modules',
+  } = options
+
+  return {
+    name: '@hejiayue/x-markdown-test:vite-plugin',
+    enforce: 'pre', // 在其他插件之前执行
+    config(config) {
+      // 获取项目根目录
+      const projectRoot = process.cwd()
+
+      // 动态生成可选依赖的 alias 配置
+      const optionalAliases = []
+
+      for (const dep of optionalDeps) {
+        const depPath = resolve(projectRoot, 'node_modules', dep)
+
+        if (!existsSync(depPath)) {
+          // 依赖未安装，使用虚拟模块
+          // 尝试从多个可能的位置查找虚拟模块
+          const virtualModulePaths = [
+            resolve(projectRoot, virtualModulesDir, `${dep}.js`),
+            resolve(projectRoot, 'src/virtual-modules', `${dep}.js`),
+            // 最后尝试：从 x-markdown 包内部获取
+            resolve(__dirname, 'virtual-modules', `${dep}.js`),
+          ]
+
+          let virtualModulePath = null
+          for (const path of virtualModulePaths) {
+            if (existsSync(path)) {
+              virtualModulePath = path
+              break
+            }
+          }
+
+          if (virtualModulePath) {
+            optionalAliases.push({
+              find: dep,
+              replacement: virtualModulePath,
+            })
+
+            // 在开发环境显示提示信息
+            if (config.mode === 'development') {
+              console.log(
+                `\x1b[33m[@hejiayue/x-markdown-test]\x1b[0m ${dep} 未安装，使用虚拟模块`
+              )
+            }
+          }
+        }
+      }
+
+      // 如果有需要添加的 alias，更新配置
+      if (optionalAliases.length > 0) {
+        // 保留原有的 alias 配置
+        const existingAlias = config.resolve?.alias || []
+
+        // 合并 alias 配置
+        config.resolve = {
+          ...config.resolve,
+          alias: [
+            ...optionalAliases,
+            ...(Array.isArray(existingAlias) ? existingAlias : [existingAlias]),
+          ],
+        }
+      }
+
+      // 确保 optionalDeps 不被预构建
+      const optimizeDeps = config.optimizeDeps || {}
+      const excludeDeps = optimizeDeps.exclude || []
+      const includeDeps = optimizeDeps.include || []
+
+      // 移除未安装的依赖从 include
+      const filteredInclude = includeDeps.filter(dep => {
+        const depPath = resolve(projectRoot, 'node_modules', dep)
+        return existsSync(depPath)
+      })
+
+      // 添加未安装的依赖到 exclude
+      const newExclude = [...optionalDeps.filter(dep => {
+        const depPath = resolve(projectRoot, 'node_modules', dep)
+        return !existsSync(depPath)
+      }), ...excludeDeps]
+
+      config.optimizeDeps = {
+        ...optimizeDeps,
+        include: filteredInclude,
+        exclude: [...new Set(newExclude)],
+      }
+    },
+  }
+}
+
+// 默认导出，方便使用
+export default createXMarkdownVitePlugin
+
+/**
+ * 为了兼容性，也提供一个具名导出
+ */
+export { createXMarkdownVitePlugin as xMarkdownVitePlugin }

package/dist/x-markdown.cjs28.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("lodash-es"),n=require("./x-markdown.cjs9.js"),t={key:0,class:"syntax-mermaid__loading"},r=["innerHTML"],i=e.defineComponent({__name:"SyntaxMermaid",props:{content:{default:""},id:{default:"mermaid-default"},isDark:{type:Boolean,default:!1},config:{default:()=>({})}},emits:["degraded","ready"],setup(i,{expose:o,emit:d}){const l=i,s=d,u=e.ref(null),c=e.computed(()=>l.content),m=e.computed(()=>({id:l.id,theme:l.isDark?"dark":"default",config:l.config,container:u.value})),v=n.useMermaid(c,m),f=e.ref(""),g=e.computed(()=>v.isLoading.value),y=e.computed(()=>v.error.value),p=e.ref(null),k=n.useMermaidZoom({container:p}),x=a.debounce(function(){e.nextTick(()=>{p.value&&k.initialize()})},500);return e.watch(()=>v.data.value,(e,a)=>{console.log("[SyntaxMermaid] mermaidResult.data.value changed:",{oldSvg:a,newSvg:e,isNewSvg:!!e,startsWithSvg:e?.trim().startsWith("<svg"),preview:e?.substring(0,50)}),e&&(f.value=e,x(),e.trim().startsWith("<svg")?(console.log("[SyntaxMermaid] Emitting ready event - Mermaid is available"),s("ready")):(console.log("[SyntaxMermaid] Emitting degraded event - Mermaid not available"),s("degraded")))},{immediate:!0}),e.watch(f,e=>{e&&x()}),e.onMounted(()=>{f.value&&x()}),o({svg:f,isLoading:g,error:y,containerRef:p,zoomIn:function(){k?.zoomIn()},zoomOut:function(){k?.zoomOut()},reset:function(){k?.reset()},fullscreen:function(){k?.fullscreen(),k?.reset()},download:function(){n.downloadSvgAsPng(f.value)},getSvg:function(){return f.value},reinitialize:function(){x()}}),(a,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:p,class:e.normalizeClass(["syntax-mermaid",{"syntax-mermaid--dark":l.isDark}])},[e.createElementVNode("div",{ref_key:"renderContainerRef",ref:u,class:"syntax-mermaid__render-container","aria-hidden":"true"},null,512),g.value?(e.openBlock(),e.createElementBlock("div",t,[e.renderSlot(a.$slots,"loading",{},()=>[n[0]||(n[0]=e.createElementVNode("span",{class:"syntax-mermaid__loading-text"},"加载中...",-1))])])):(e.openBlock(),e.createElementBlock("div",{key:1,class:"syntax-mermaid__content",innerHTML:f.value},null,8,r))],2))}});exports.default=i;
-//# sourceMappingURL=x-markdown.cjs28.js.map

package/dist/x-markdown.cjs28.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"x-markdown.cjs28.js","sources":["../src/components/Mermaid/SyntaxMermaid.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, nextTick, ref, watch, onMounted } from 'vue'\r\nimport { debounce } from 'lodash-es'\r\nimport { useMermaid, useMermaidZoom, downloadSvgAsPng } from '../../hooks'\r\n\r\ninterface SyntaxMermaidProps {\r\n  content: string\r\n  id?: string\r\n  isDark?: boolean\r\n  config?: Record<string, any>\r\n}\r\n\r\nconst props = withDefaults(defineProps<SyntaxMermaidProps>(), {\r\n  content: '',\r\n  id: 'mermaid-default',\r\n  isDark: false,\r\n  config: () => ({}),\r\n})\r\n\r\nconst emit = defineEmits<{\r\n  degraded: []\r\n  ready: []\r\n}>()\r\n\r\nconst renderContainerRef = ref<HTMLElement | null>(null)\r\n\r\nconst mermaidContent = computed(() => props.content)\r\nconst mermaidOptions = computed(() => ({\r\n  id: props.id,\r\n  theme: props.isDark ? 'dark' : 'default',\r\n  config: props.config,\r\n  container: renderContainerRef.value,\r\n}))\r\nconst mermaidResult = useMermaid(mermaidContent, mermaidOptions)\r\n\r\nconst svg = ref('')\r\nconst isLoading = computed(() => mermaidResult.isLoading.value)\r\nconst error = computed(() => mermaidResult.error.value)\r\n\r\nconst containerRef = ref<HTMLElement | null>(null)\r\n\r\nconst zoomControls = useMermaidZoom({\r\n  container: containerRef,\r\n  scaleStep: 0.2,\r\n  minScale: 0.1,\r\n  maxScale: 5,\r\n})\r\n\r\nconst debouncedInitialize = debounce(initializeZoom, 500)\r\n\r\nfunction initializeZoom() {\r\n  nextTick(() => {\r\n    if (containerRef.value) {\r\n      zoomControls.initialize()\r\n    }\r\n  })\r\n}\r\n\r\nwatch(\r\n  () => mermaidResult.data.value,\r\n  (newSvg, oldSvg) => {\r\n    console.log('[SyntaxMermaid] mermaidResult.data.value changed:', {\r\n      oldSvg,\r\n      newSvg,\r\n      isNewSvg: !!newSvg,\r\n      startsWithSvg: newSvg?.trim().startsWith('<svg'),\r\n      preview: newSvg?.substring(0, 50)\r\n    })\r\n\r\n    if (newSvg) {\r\n      svg.value = newSvg\r\n      debouncedInitialize()\r\n\r\n      // 检测是否成功渲染了 SVG（以 <svg 开头）\r\n      if (newSvg.trim().startsWith('<svg')) {\r\n        console.log('[SyntaxMermaid] Emitting ready event - Mermaid is available')\r\n        emit('ready')\r\n      } else {\r\n        console.log('[SyntaxMermaid] Emitting degraded event - Mermaid not available')\r\n        emit('degraded')\r\n      }\r\n    }\r\n  },\r\n  { immediate: true },\r\n)\r\n\r\nwatch(svg, (newSvg) => {\r\n  if (newSvg) {\r\n    debouncedInitialize()\r\n  }\r\n})\r\n\r\nfunction zoomIn() {\r\n  zoomControls?.zoomIn()\r\n}\r\n\r\nfunction zoomOut() {\r\n  zoomControls?.zoomOut()\r\n}\r\n\r\nfunction reset() {\r\n  zoomControls?.reset()\r\n}\r\n\r\nfunction fullscreen() {\r\n  zoomControls?.fullscreen()\r\n  zoomControls?.reset()\r\n}\r\n\r\nfunction download() {\r\n  downloadSvgAsPng(svg.value)\r\n}\r\n\r\nfunction getSvg() {\r\n  return svg.value\r\n}\r\n\r\nfunction reinitialize() {\r\n  debouncedInitialize()\r\n}\r\n\r\nonMounted(() => {\r\n  if (svg.value) {\r\n    debouncedInitialize()\r\n  }\r\n})\r\n\r\ndefineExpose({\r\n  svg,\r\n  isLoading,\r\n  error,\r\n  containerRef,\r\n  zoomIn,\r\n  zoomOut,\r\n  reset,\r\n  fullscreen,\r\n  download,\r\n  getSvg,\r\n  reinitialize,\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div ref=\"containerRef\" class=\"syntax-mermaid\" :class=\"{ 'syntax-mermaid--dark': props.isDark }\">\r\n    <div ref=\"renderContainerRef\" class=\"syntax-mermaid__render-container\" aria-hidden=\"true\" />\r\n\r\n    <div v-if=\"isLoading\" class=\"syntax-mermaid__loading\">\r\n      <slot name=\"loading\">\r\n        <span class=\"syntax-mermaid__loading-text\">加载中...</span>\r\n      </slot>\r\n    </div>\r\n    <div v-else class=\"syntax-mermaid__content\" v-html=\"svg\" />\r\n  </div>\r\n</template>\r\n\r\n<style>\r\n.syntax-mermaid {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 200px;\r\n  overflow: hidden;\r\n  cursor: grab;\r\n  position: relative;\r\n}\r\n\r\n.syntax-mermaid__render-container {\r\n  position: absolute;\r\n  max-height: 0;\r\n  opacity: 0;\r\n  overflow: hidden;\r\n  pointer-events: none;\r\n}\r\n\r\n.syntax-mermaid:active {\r\n  cursor: grabbing;\r\n}\r\n\r\n.syntax-mermaid__content {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.syntax-mermaid__content svg {\r\n  transform-origin: center center;\r\n  max-width: 100%;\r\n  max-height: 100%;\r\n}\r\n\r\n.syntax-mermaid:fullscreen {\r\n  max-height: 100vh;\r\n}\r\n\r\n.syntax-mermaid:fullscreen .syntax-mermaid__content {\r\n  justify-content: center;\r\n}\r\n\r\n.syntax-mermaid__loading {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: 200px;\r\n}\r\n\r\n.syntax-mermaid__loading-text {\r\n  color: #666;\r\n  font-size: 14px;\r\n}\r\n\r\n.syntax-mermaid--dark .syntax-mermaid__loading-text {\r\n  color: #999;\r\n}\r\n</style>\r\n"],"names":["props","__props","emit","__emit","renderContainerRef","ref","mermaidContent","computed","content","mermaidOptions","id","theme","isDark","config","container","value","mermaidResult","useMermaid","svg","isLoading","error","containerRef","zoomControls","useMermaidZoom","debouncedInitialize","debounce","nextTick","initialize","watch","data","newSvg","oldSvg","console","log","isNewSvg","startsWithSvg","trim","startsWith","preview","substring","immediate","onMounted","__expose","zoomIn","zoomOut","reset","fullscreen","download","downloadSvgAsPng","getSvg","reinitialize","_createElementBlock","class","_normalizeClass","_createElementVNode","_openBlock","_hoisted_1","_renderSlot","_ctx","_cache","innerHTML"],"mappings":"+cAYA,MAAMA,EAAQC,EAORC,EAAOC,EAKPC,EAAqBC,EAAAA,IAAwB,MAE7CC,EAAiBC,EAAAA,SAAS,IAAMP,EAAMQ,SACtCC,EAAiBF,EAAAA,SAAS,KAAA,CAC9BG,GAAIV,EAAMU,GACVC,MAAOX,EAAMY,OAAS,OAAS,UAC/BC,OAAQb,EAAMa,OACdC,UAAWV,EAAmBW,SAE1BC,EAAgBC,EAAAA,WAAWX,EAAgBG,GAE3CS,EAAMb,EAAAA,IAAI,IACVc,EAAYZ,EAAAA,SAAS,IAAMS,EAAcG,UAAUJ,OACnDK,EAAQb,EAAAA,SAAS,IAAMS,EAAcI,MAAML,OAE3CM,EAAehB,EAAAA,IAAwB,MAEvCiB,EAAeC,EAAAA,eAAe,CAClCT,UAAWO,IAMPG,EAAsBC,EAAAA,SAE5B,WACEC,EAAAA,SAAS,KACHL,EAAaN,OACfO,EAAaK,cAGnB,EARqD,YAUrDC,EAAAA,MACE,IAAMZ,EAAca,KAAKd,MACzB,CAACe,EAAQC,KACPC,QAAQC,IAAI,oDAAqD,CAC/DF,SACAD,SACAI,WAAYJ,EACZK,cAAeL,GAAQM,OAAOC,WAAW,QACzCC,QAASR,GAAQS,UAAU,EAAG,MAG5BT,IACFZ,EAAIH,MAAQe,EACZN,IAGIM,EAAOM,OAAOC,WAAW,SAC3BL,QAAQC,IAAI,+DACZ/B,EAAK,WAEL8B,QAAQC,IAAI,mEACZ/B,EAAK,eAIX,CAAEsC,WAAW,IAGfZ,QAAMV,EAAMY,IACNA,GACFN,MAiCJiB,EAAAA,UAAU,KACJvB,EAAIH,OACNS,MAIJkB,EAAa,CACXxB,MACAC,YACAC,QACAC,eACAsB,OAxCF,WACErB,GAAcqB,QAChB,EAuCEC,QArCF,WACEtB,GAAcsB,SAChB,EAoCEC,MAlCF,WACEvB,GAAcuB,OAChB,EAiCEC,WA/BF,WACExB,GAAcwB,aACdxB,GAAcuB,OAChB,EA6BEE,SA3BF,WACEC,EAAAA,iBAAiB9B,EAAIH,MACvB,EA0BEkC,OAxBF,WACE,OAAO/B,EAAIH,KACb,EAuBEmC,aArBF,WACE1B,GACF,0BAwBE2B,EAAAA,mBASM,MAAA,SATG,eAAJ9C,IAAIgB,EAAe+B,MAAKC,EAAAA,eAAA,CAAC,iBAAgB,CAAA,uBAAmCrD,EAAMY,YACrF0C,EAAAA,mBAA4F,MAAA,SAAnF,qBAAJjD,IAAID,EAAqBgD,MAAM,mCAAmC,cAAY,kBAExEjC,EAAAJ,OAAXwC,EAAAA,YAAAJ,EAAAA,mBAIM,MAJNK,EAIM,CAHJC,EAAAA,WAEOC,sBAFP,IAEO,CADLC,EAAA,KAAAA,EAAA,GAAAL,EAAAA,mBAAwD,OAAA,CAAlDF,MAAM,gCAA+B,UAAM,wBAGrDD,EAAAA,mBAA2D,MAAA,OAA/CC,MAAM,0BAA0BQ,UAAQ1C,EAAAH"}

package/dist/x-markdown.cjs33.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./x-markdown.cjs28.js");,/* empty css                  */exports.default=e.default;
-//# sourceMappingURL=x-markdown.cjs33.js.map

package/dist/x-markdown.cjs33.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"x-markdown.cjs33.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}