@hejiayue/x-markdown-test 0.0.1-beta.112 → 0.0.1-beta.115

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

@@ -0,0 +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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"}

package/dist/x-markdown.es33.js

@@ -0,0 +1,6 @@
+import _sfc_main from "./x-markdown.es28.js";
+/* empty css                */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=x-markdown.es33.js.map

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

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

package/dist/x-markdown.es4.js

@@ -0,0 +1,150 @@
+import { find, svg, html } from "property-information";
+import { h, toValue } from "vue";
+function render(hast, attrs, slots, customAttrs) {
+  const keyCounter = {};
+  return h(
+    "div",
+    attrs,
+    renderChildren(
+      hast.children,
+      { listDepth: -1, listOrdered: false, listItemIndex: -1, svg: false },
+      hast,
+      slots ?? {},
+      toValue(customAttrs) ?? {},
+      keyCounter
+    )
+  );
+}
+function renderChildren(nodeList, ctx, parent, slots, customAttrs, keyCounter) {
+  return nodeList.map((node) => {
+    switch (node.type) {
+      case "text":
+        return node.value;
+      case "raw":
+        return node.value;
+      case "root":
+        return renderChildren(node.children, ctx, parent, slots, customAttrs, keyCounter);
+      case "element": {
+        const { attrs, context, aliasList, vnodeProps } = getVNodeInfos(node, parent, ctx, keyCounter, customAttrs);
+        for (let i = aliasList.length - 1; i >= 0; i--) {
+          const targetSlot = slots[aliasList[i]];
+          if (typeof targetSlot === "function") {
+            return targetSlot({
+              ...vnodeProps,
+              ...attrs,
+              children: () => renderChildren(node.children, context, node, slots, customAttrs, keyCounter)
+            });
+          }
+        }
+        return h(node.tagName, attrs, renderChildren(node.children, context, node, slots, customAttrs, keyCounter));
+      }
+      default:
+        return null;
+    }
+  });
+}
+function getVNodeInfos(node, parent, context, keyCounter, customAttrs) {
+  const aliasList = [];
+  let attrs = {};
+  const vnodeProps = {};
+  const ctx = { ...context };
+  if (node.type === "element") {
+    aliasList.push(node.tagName);
+    keyCounter[node.tagName] = node.tagName in keyCounter ? keyCounter[node.tagName] + 1 : 0;
+    vnodeProps.key = `${node.tagName}-${keyCounter[node.tagName]}`;
+    node.properties = node.properties || {};
+    if (node.tagName === "svg") {
+      ctx.svg = true;
+    }
+    attrs = Object.entries(node.properties).reduce((acc, [hastKey, value]) => {
+      const attrInfo = find(ctx.svg ? svg : html, hastKey);
+      acc[attrInfo.attribute] = value;
+      return acc;
+    }, {});
+    switch (node.tagName) {
+      case "h1":
+      case "h2":
+      case "h3":
+      case "h4":
+      case "h5":
+      case "h6":
+        vnodeProps.level = Number.parseFloat(node.tagName.slice(1));
+        aliasList.push("heading");
+        break;
+      case "code":
+        vnodeProps.languageOriginal = Array.isArray(attrs.class) ? attrs.class.find((cls) => cls.startsWith("language-")) : "";
+        vnodeProps.language = vnodeProps.languageOriginal ? vnodeProps.languageOriginal.replace("language-", "") : "";
+        vnodeProps.inline = "tagName" in parent && parent.tagName !== "pre";
+        vnodeProps.content = node.children[0]?.value ?? "";
+        aliasList.push(vnodeProps.inline ? "inline-code" : "block-code");
+        break;
+      case "thead":
+      case "tbody":
+        ctx.currentContext = node.tagName;
+        break;
+      case "td":
+      case "th":
+      case "tr":
+        vnodeProps.isHead = context.currentContext === "thead";
+        break;
+      case "ul":
+      case "ol":
+        ctx.listDepth = context.listDepth + 1;
+        ctx.listOrdered = node.tagName === "ol";
+        ctx.listItemIndex = -1;
+        vnodeProps.ordered = ctx.listOrdered;
+        vnodeProps.depth = ctx.listDepth;
+        aliasList.push("list");
+        break;
+      case "li":
+        ctx.listItemIndex++;
+        vnodeProps.ordered = ctx.listOrdered;
+        vnodeProps.depth = ctx.listDepth;
+        vnodeProps.index = ctx.listItemIndex;
+        aliasList.push("list-item");
+        break;
+      case "slot":
+        if (typeof node.properties["slot-name"] === "string") {
+          aliasList.push(`${node.properties["slot-name"]}`);
+          delete node.properties["slot-name"];
+        }
+        break;
+    }
+    attrs = computeAttrs(
+      node,
+      aliasList,
+      vnodeProps,
+      { ...attrs },
+      // TODO: fix this
+      customAttrs
+    );
+  }
+  return {
+    attrs,
+    context: ctx,
+    aliasList,
+    vnodeProps
+  };
+}
+function computeAttrs(node, aliasList, vnodeProps, attrs, customAttrs) {
+  const result = {
+    ...attrs
+  };
+  for (let i = aliasList.length - 1; i >= 0; i--) {
+    const name = aliasList[i];
+    if (name in customAttrs) {
+      const customAttr = customAttrs[name];
+      return {
+        ...result,
+        ...typeof customAttr === "function" ? customAttr(node, { ...attrs, ...vnodeProps }) : customAttr
+      };
+    }
+  }
+  return result;
+}
+export {
+  getVNodeInfos,
+  render,
+  renderChildren
+};
+//# sourceMappingURL=x-markdown.es4.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"x-markdown.es4.js","sources":["../src/core/hast-to-vnode.ts"],"sourcesContent":["import type { Element, Root, RootContent, Text } from 'hast'\r\nimport type { MaybeRefOrGetter, Slots, VNode, VNodeArrayChildren } from 'vue'\r\nimport type { AliasList, Attributes, Context, CustomAttrs, CustomAttrsObjectResult } from './types'\r\nimport { find, html, svg } from 'property-information'\r\nimport { h, toValue } from 'vue'\r\n\r\nexport function render(\r\n  hast: Root,\r\n  attrs: Record<string, unknown>,\r\n  slots?: Slots,\r\n  customAttrs?: MaybeRefOrGetter<CustomAttrs>,\r\n): VNode {\r\n  const keyCounter: { [key: string]: number } = {}\r\n  return h(\r\n    'div',\r\n    attrs,\r\n    renderChildren(\r\n      hast.children,\r\n      { listDepth: -1, listOrdered: false, listItemIndex: -1, svg: false },\r\n      hast,\r\n      slots ?? {},\r\n      toValue(customAttrs) ?? {},\r\n      keyCounter,\r\n    ),\r\n  )\r\n}\r\n\r\nexport function renderChildren(\r\n  nodeList: (RootContent | Root)[],\r\n  ctx: Context,\r\n  parent: Element | Root,\r\n  slots: Slots,\r\n  customAttrs: CustomAttrs,\r\n  keyCounter: { [key: string]: number },\r\n): VNodeArrayChildren {\r\n  return nodeList.map((node) => {\r\n    switch (node.type) {\r\n      case 'text':\r\n        return node.value\r\n      case 'raw':\r\n        return node.value\r\n      case 'root':\r\n        return renderChildren(node.children, ctx, parent, slots, customAttrs, keyCounter)\r\n      case 'element': {\r\n        const { attrs, context, aliasList, vnodeProps } = getVNodeInfos(node, parent, ctx, keyCounter, customAttrs)\r\n        for (let i = aliasList.length - 1; i >= 0; i--) {\r\n          const targetSlot = slots[aliasList[i]]\r\n          if (typeof targetSlot === 'function') {\r\n            return targetSlot({\r\n              ...vnodeProps,\r\n              ...attrs,\r\n              children: () => renderChildren(node.children, context, node, slots, customAttrs, keyCounter),\r\n            })\r\n          }\r\n        }\r\n\r\n        return h(node.tagName, attrs, renderChildren(node.children, context, node, slots, customAttrs, keyCounter))\r\n      }\r\n      default:\r\n        return null\r\n    }\r\n  })\r\n}\r\n\r\nexport function getVNodeInfos(\r\n  node: RootContent,\r\n  parent: Element | Root,\r\n  context: Context,\r\n  keyCounter: Record<string, number>,\r\n  customAttrs: CustomAttrs,\r\n): {\r\n  attrs: Record<string, unknown>\r\n  context: Context\r\n  aliasList: AliasList\r\n  vnodeProps: Record<string, any>\r\n} {\r\n  const aliasList: AliasList = []\r\n\r\n  let attrs: Record<string, unknown> = {}\r\n  const vnodeProps: Record<string, any> = {}\r\n  const ctx = { ...context }\r\n\r\n  if (node.type === 'element') {\r\n    aliasList.push(node.tagName)\r\n    keyCounter[node.tagName] = node.tagName in keyCounter ? keyCounter[node.tagName] + 1 : 0\r\n    vnodeProps.key = `${node.tagName}-${keyCounter[node.tagName]}`\r\n    node.properties = node.properties || {}\r\n\r\n    if (node.tagName === 'svg') {\r\n      ctx.svg = true\r\n    }\r\n\r\n    attrs = Object.entries(node.properties).reduce<Record<string, any>>((acc, [hastKey, value]) => {\r\n      const attrInfo = find(ctx.svg ? svg : html, hastKey)\r\n      acc[attrInfo.attribute] = value\r\n\r\n      return acc\r\n    }, {})\r\n\r\n    switch (node.tagName) {\r\n      case 'h1':\r\n      case 'h2':\r\n      case 'h3':\r\n      case 'h4':\r\n      case 'h5':\r\n      case 'h6':\r\n        vnodeProps.level = Number.parseFloat(node.tagName.slice(1))\r\n        aliasList.push('heading')\r\n        break\r\n      // TODO: maybe use <pre> instead for customizing from <pre> not <code> ?\r\n      case 'code':\r\n        vnodeProps.languageOriginal = Array.isArray(attrs.class)\r\n          ? attrs.class.find((cls) => cls.startsWith('language-'))\r\n          : ''\r\n        vnodeProps.language = vnodeProps.languageOriginal ? vnodeProps.languageOriginal.replace('language-', '') : ''\r\n        vnodeProps.inline = 'tagName' in parent && parent.tagName !== 'pre'\r\n\r\n        // when tagName is code, it definitely has children and the first child is text\r\n        // https://github.com/syntax-tree/mdast-util-to-hast/blob/main/lib/handlers/code.js\r\n        vnodeProps.content = (node.children[0] as unknown as Text)?.value ?? ''\r\n\r\n        aliasList.push(vnodeProps.inline ? 'inline-code' : 'block-code')\r\n        break\r\n      case 'thead':\r\n      case 'tbody':\r\n        ctx.currentContext = node.tagName\r\n        break\r\n      case 'td':\r\n      case 'th':\r\n      case 'tr':\r\n        vnodeProps.isHead = context.currentContext === 'thead'\r\n        break\r\n\r\n      case 'ul':\r\n      case 'ol':\r\n        ctx.listDepth = context.listDepth + 1\r\n        ctx.listOrdered = node.tagName === 'ol'\r\n        ctx.listItemIndex = -1\r\n        vnodeProps.ordered = ctx.listOrdered\r\n        vnodeProps.depth = ctx.listDepth\r\n\r\n        aliasList.push('list')\r\n        break\r\n\r\n      case 'li':\r\n        ctx.listItemIndex++\r\n\r\n        vnodeProps.ordered = ctx.listOrdered\r\n        vnodeProps.depth = ctx.listDepth\r\n        vnodeProps.index = ctx.listItemIndex\r\n        aliasList.push('list-item')\r\n\r\n        break\r\n      case 'slot':\r\n        if (typeof node.properties['slot-name'] === 'string') {\r\n          aliasList.push(`${node.properties['slot-name']}`)\r\n          delete node.properties['slot-name']\r\n        }\r\n        break\r\n      default:\r\n        break\r\n    }\r\n\r\n    attrs = computeAttrs(\r\n      node,\r\n      aliasList,\r\n      vnodeProps,\r\n      { ...attrs } as Attributes, // TODO: fix this\r\n      customAttrs,\r\n    )\r\n  }\r\n\r\n  return {\r\n    attrs,\r\n    context: ctx,\r\n    aliasList,\r\n    vnodeProps,\r\n  }\r\n}\r\n\r\n/**\r\n * TODO:\r\n * @param node - hast node\r\n * @param aliasList - html tag list. The earlier alias has higher priority. ?\r\n * @param attrs - attrs\r\n * @param customAttrs - custom attrs object\r\n * @returns attrs\r\n */\r\nfunction computeAttrs(\r\n  node: Element,\r\n  aliasList: AliasList,\r\n  vnodeProps: Record<string, any>,\r\n  attrs: Attributes,\r\n  customAttrs: CustomAttrs,\r\n): CustomAttrsObjectResult {\r\n  const result: CustomAttrsObjectResult = {\r\n    ...attrs,\r\n  }\r\n  for (let i = aliasList.length - 1; i >= 0; i--) {\r\n    const name = aliasList[i]\r\n    // console.log(Object.keys(customAttrs))\r\n    if (name in customAttrs) {\r\n      const customAttr = customAttrs[name]\r\n      return {\r\n        ...result,\r\n        ...(typeof customAttr === 'function' ? customAttr(node, { ...attrs, ...vnodeProps }) : customAttr),\r\n      }\r\n    }\r\n  }\r\n  return result\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/x-markdown.es5.js

@@ -0,0 +1,40 @@
+import deepmerge from "deepmerge";
+import rehypeSanitize, { defaultSchema } from "rehype-sanitize";
+import remarkParse from "remark-parse";
+import remarkRehype from "remark-rehype";
+import { unified } from "unified";
+import { computed, toValue } from "vue";
+function useMarkdownProcessor(options) {
+  const processor = computed(() => {
+    return createProcessor({
+      prePlugins: [remarkParse, ...toValue(options?.remarkPlugins) ?? []],
+      rehypePlugins: toValue(options?.rehypePlugins),
+      rehypeOptions: toValue(options?.rehypeOptions),
+      sanitize: toValue(options?.sanitize),
+      sanitizeOptions: toValue(options?.sanitizeOptions)
+    });
+  });
+  return { processor };
+}
+function createProcessor(options) {
+  return unified().use(options?.prePlugins ?? []).use(remarkRehype, {
+    allowDangerousHtml: true,
+    ...options?.rehypeOptions || {}
+  }).use(options?.rehypePlugins ?? []).use(
+    options?.sanitize ? [
+      [
+        rehypeSanitize,
+        deepmerge(
+          defaultSchema,
+          options?.sanitizeOptions?.sanitizeOptions || {},
+          options?.sanitizeOptions?.mergeOptions || {}
+        )
+      ]
+    ] : []
+  );
+}
+export {
+  createProcessor,
+  useMarkdownProcessor
+};
+//# sourceMappingURL=x-markdown.es5.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"x-markdown.es5.js","sources":["../src/core/useProcessor.ts"],"sourcesContent":["import type { Root } from 'hast'\r\nimport type { Root as MdastRoot } from 'mdast'\r\nimport type { Options as TRehypeOptions } from 'mdast-util-to-hast'\r\nimport type { PluggableList, Processor } from 'unified'\r\nimport type { ComputedRef, MaybeRefOrGetter } from 'vue'\r\nimport type { SanitizeOptions } from './types'\r\nimport deepmerge from 'deepmerge'\r\nimport rehypeSanitize, { defaultSchema } from 'rehype-sanitize'\r\nimport remarkParse from 'remark-parse'\r\nimport remarkRehype from 'remark-rehype'\r\nimport { unified } from 'unified'\r\nimport { computed, toValue } from 'vue'\r\n\r\nexport interface TUseMarkdownProcessorOptions {\r\n  remarkPlugins?: MaybeRefOrGetter<PluggableList>\r\n  rehypePlugins?: MaybeRefOrGetter<PluggableList>\r\n  rehypeOptions?: MaybeRefOrGetter<Omit<TRehypeOptions, 'file'>>\r\n  sanitize?: MaybeRefOrGetter<boolean>\r\n  sanitizeOptions?: MaybeRefOrGetter<SanitizeOptions>\r\n}\r\nexport function useMarkdownProcessor(options?: TUseMarkdownProcessorOptions): {\r\n  processor: ComputedRef<Processor<MdastRoot, MdastRoot, Root, undefined, undefined>>\r\n} {\r\n  const processor = computed(() => {\r\n    return createProcessor({\r\n      prePlugins: [remarkParse, ...(toValue(options?.remarkPlugins) ?? [])],\r\n      rehypePlugins: toValue(options?.rehypePlugins),\r\n      rehypeOptions: toValue(options?.rehypeOptions),\r\n      sanitize: toValue(options?.sanitize),\r\n      sanitizeOptions: toValue(options?.sanitizeOptions),\r\n    })\r\n  })\r\n  return { processor }\r\n}\r\n\r\nexport function createProcessor(options?: {\r\n  prePlugins?: PluggableList\r\n  rehypePlugins?: PluggableList\r\n  rehypeOptions?: Omit<TRehypeOptions, 'file'>\r\n  sanitize?: boolean\r\n  sanitizeOptions?: SanitizeOptions\r\n  // TODO: fix types\r\n}): Processor<any, any, any, any, any> {\r\n  return unified()\r\n    .use(options?.prePlugins ?? [])\r\n    .use(remarkRehype, {\r\n      allowDangerousHtml: true,\r\n      ...(options?.rehypeOptions || {}),\r\n    })\r\n    .use(options?.rehypePlugins ?? [])\r\n    .use(\r\n      options?.sanitize\r\n        ? [\r\n            [\r\n              rehypeSanitize,\r\n              deepmerge(\r\n                defaultSchema,\r\n                options?.sanitizeOptions?.sanitizeOptions || {},\r\n                options?.sanitizeOptions?.mergeOptions || {},\r\n              ),\r\n            ],\r\n          ]\r\n        : [],\r\n    )\r\n}\r\n"],"names":[],"mappings":";;;;;;AAoBO,SAAS,qBAAqB,SAEnC;AACA,QAAM,YAAY,SAAS,MAAM;AAC/B,WAAO,gBAAgB;AAAA,MACrB,YAAY,CAAC,aAAa,GAAI,QAAQ,SAAS,aAAa,KAAK,EAAG;AAAA,MACpE,eAAe,QAAQ,SAAS,aAAa;AAAA,MAC7C,eAAe,QAAQ,SAAS,aAAa;AAAA,MAC7C,UAAU,QAAQ,SAAS,QAAQ;AAAA,MACnC,iBAAiB,QAAQ,SAAS,eAAe;AAAA,IAAA,CAClD;AAAA,EACH,CAAC;AACD,SAAO,EAAE,UAAA;AACX;AAEO,SAAS,gBAAgB,SAOO;AACrC,SAAO,QAAA,EACJ,IAAI,SAAS,cAAc,EAAE,EAC7B,IAAI,cAAc;AAAA,IACjB,oBAAoB;AAAA,IACpB,GAAI,SAAS,iBAAiB,CAAA;AAAA,EAAC,CAChC,EACA,IAAI,SAAS,iBAAiB,CAAA,CAAE,EAChC;AAAA,IACC,SAAS,WACL;AAAA,MACE;AAAA,QACE;AAAA,QACA;AAAA,UACE;AAAA,UACA,SAAS,iBAAiB,mBAAmB,CAAA;AAAA,UAC7C,SAAS,iBAAiB,gBAAgB,CAAA;AAAA,QAAC;AAAA,MAC7C;AAAA,IACF,IAEF,CAAA;AAAA,EAAC;AAEX;"}

package/dist/x-markdown.es6.js

@@ -0,0 +1,24 @@
+import { h } from "vue";
+import _sfc_main from "./x-markdown.es13.js";
+function useComponents(props) {
+  const components = {
+    code: (raw) => h(_sfc_main, {
+      raw,
+      codeXRender: props?.codeXRender,
+      isDark: props?.isDark,
+      shikiTheme: props?.shikiTheme,
+      enableAnimate: props?.enableAnimate,
+      showCodeBlockHeader: props?.showCodeBlockHeader,
+      stickyCodeBlockHeader: props?.stickyCodeBlockHeader,
+      codeMaxHeight: props?.codeMaxHeight,
+      codeBlockActions: props?.codeBlockActions,
+      mermaidActions: props?.mermaidActions,
+      mermaidConfig: props?.mermaidConfig
+    })
+  };
+  return components;
+}
+export {
+  useComponents
+};
+//# sourceMappingURL=x-markdown.es6.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"x-markdown.es6.js","sources":["../src/hooks/useComponents.ts"],"sourcesContent":["import { h } from 'vue'\r\nimport type { CodeBlockAction } from '../components/CodeBlock/types'\r\nimport type { MermaidAction } from '../components/Mermaid/types'\r\nimport CodeX from '../components/CodeX/index.vue'\r\n\r\n// Shiki 主题类型（本地定义，避免直接依赖 shiki）\r\ntype ShikiThemeName =\r\n  | 'vitesse-light' | 'vitesse-dark'\r\n  | 'github-light' | 'github-dark'\r\n  | 'nord' | 'one-dark-pro'\r\n  | string // 允许其他自定义主题名称\r\n\r\ninterface UseComponentsOptions {\r\n  codeXRender?: Record<string, any>\r\n  isDark?: boolean\r\n  shikiTheme?: [ShikiThemeName, ShikiThemeName]\r\n  enableAnimate?: boolean\r\n  showCodeBlockHeader?: boolean\r\n  stickyCodeBlockHeader?: boolean\r\n  codeMaxHeight?: string\r\n  codeBlockActions?: CodeBlockAction[]\r\n  mermaidActions?: MermaidAction[]\r\n  mermaidConfig?: Record<string, any>\r\n}\r\n\r\nfunction useComponents(props?: UseComponentsOptions) {\r\n  const components = {\r\n    code: (raw: any) =>\r\n      h(CodeX, {\r\n        raw,\r\n        codeXRender: props?.codeXRender,\r\n        isDark: props?.isDark,\r\n        shikiTheme: props?.shikiTheme,\r\n        enableAnimate: props?.enableAnimate,\r\n        showCodeBlockHeader: props?.showCodeBlockHeader,\r\n        stickyCodeBlockHeader: props?.stickyCodeBlockHeader,\r\n        codeMaxHeight: props?.codeMaxHeight,\r\n        codeBlockActions: props?.codeBlockActions,\r\n        mermaidActions: props?.mermaidActions,\r\n        mermaidConfig: props?.mermaidConfig,\r\n      }),\r\n  }\r\n  return components\r\n}\r\n\r\nexport { useComponents }\r\n"],"names":["CodeX"],"mappings":";;AAyBA,SAAS,cAAc,OAA8B;AACnD,QAAM,aAAa;AAAA,IACjB,MAAM,CAAC,QACL,EAAEA,WAAO;AAAA,MACP;AAAA,MACA,aAAa,OAAO;AAAA,MACpB,QAAQ,OAAO;AAAA,MACf,YAAY,OAAO;AAAA,MACnB,eAAe,OAAO;AAAA,MACtB,qBAAqB,OAAO;AAAA,MAC5B,uBAAuB,OAAO;AAAA,MAC9B,eAAe,OAAO;AAAA,MACtB,kBAAkB,OAAO;AAAA,MACzB,gBAAgB,OAAO;AAAA,MACvB,eAAe,OAAO;AAAA,IAAA,CACvB;AAAA,EAAA;AAEL,SAAO;AACT;"}

package/dist/x-markdown.es7.js

@@ -0,0 +1,279 @@
+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;
+  console.log(
+    "%c[x-markdown]%c 代码高亮功能已降级为纯文本模式",
+    "font-weight: bold; color: #0066cc;",
+    "color: #666;"
+  );
+  console.log(
+    "%c如需语法高亮功能，请安装以下依赖：",
+    "color: #666; font-weight: bold;"
+  );
+  console.log(
+    "%c  pnpm add shiki shiki-stream",
+    "color: #00aa00; font-family: monospace;"
+  );
+  console.log(
+    "%c安装后请重启开发服务器",
+    "color: #999; font-size: 12px;"
+  );
+};
+const loadShiki = async () => {
+  if (!shikiModulePromise) {
+    shikiModulePromise = (async () => {
+      try {
+        const mod = await import("shiki");
+        return mod;
+      } catch {
+        showDependencyHint();
+        return null;
+      }
+    })();
+  }
+  return shikiModulePromise;
+};
+const loadShikiStream = async () => {
+  if (!shikiStreamModulePromise) {
+    shikiStreamModulePromise = (async () => {
+      try {
+        const mod = await import("shiki-stream");
+        return mod;
+      } catch {
+        showDependencyHint();
+        return null;
+      }
+    })();
+  }
+  return shikiStreamModulePromise;
+};
+const tokensToLineTokens = (tokens) => {
+  if (!tokens.length) return [[]];
+  const lines = [[]];
+  let currentLine = lines[0];
+  const startNewLine = () => {
+    currentLine = [];
+    lines.push(currentLine);
+  };
+  tokens.forEach((token) => {
+    const content = token.content ?? "";
+    if (content === "\n") {
+      startNewLine();
+      return;
+    }
+    if (!content.includes("\n")) {
+      currentLine.push(token);
+      return;
+    }
+    const segments = content.split("\n");
+    segments.forEach((segment, index) => {
+      if (segment) {
+        currentLine.push({
+          ...token,
+          content: segment
+        });
+      }
+      if (index < segments.length - 1) {
+        startNewLine();
+      }
+    });
+  });
+  return lines.length === 0 ? [[]] : lines;
+};
+const createPreStyle = (bg, fg) => {
+  if (!bg && !fg) return void 0;
+  return {
+    backgroundColor: bg,
+    color: fg
+  };
+};
+function useHighlight(text, options) {
+  const streaming = ref();
+  const isLoading = ref(false);
+  const error = ref(null);
+  let tokenizer = null;
+  let previousText = "";
+  let highlighter = null;
+  let currentUsedLang = "";
+  let lastRequestedLang = "";
+  const effectiveTheme = computed(() => {
+    const theme = isRef(options.theme) ? options.theme.value : options.theme;
+    return theme || "slack-dark";
+  });
+  const effectiveLanguage = computed(() => {
+    return toValue(options.language) || "text";
+  });
+  const lines = computed(() => streaming.value?.lines || [[]]);
+  const preStyle = computed(() => streaming.value?.preStyle);
+  const updateTokens = async (nextText, forceReset = false) => {
+    if (!tokenizer) return;
+    if (forceReset) {
+      tokenizer.clear();
+      previousText = "";
+    }
+    const canAppend = !forceReset && nextText.startsWith(previousText);
+    let chunk = nextText;
+    if (canAppend) {
+      chunk = nextText.slice(previousText.length);
+    } else if (!forceReset) {
+      tokenizer.clear();
+    }
+    previousText = nextText;
+    if (!chunk) {
+      const mergedTokens = [...tokenizer.tokensStable, ...tokenizer.tokensUnstable];
+      streaming.value = {
+        colorReplacements: options.colorReplacements,
+        lines: mergedTokens.length ? tokensToLineTokens(mergedTokens) : [[]],
+        preStyle: streaming.value?.preStyle
+      };
+      return;
+    }
+    try {
+      await tokenizer.enqueue(chunk);
+      const mergedTokens = [...tokenizer.tokensStable, ...tokenizer.tokensUnstable];
+      streaming.value = {
+        colorReplacements: options.colorReplacements,
+        lines: tokensToLineTokens(mergedTokens),
+        preStyle: streaming.value?.preStyle
+      };
+    } catch (err) {
+      console.error("[x-markdown] Streaming highlighting failed:", err);
+      error.value = err;
+    }
+  };
+  const initHighlighter = async () => {
+    isLoading.value = true;
+    error.value = null;
+    let currentLang = effectiveLanguage.value;
+    const currentTheme = effectiveTheme.value;
+    try {
+      const mod = await loadShiki();
+      if (!mod) {
+        console.warn("[x-markdown] Shiki not available, falling back to plain text mode");
+        streaming.value = {
+          colorReplacements: options.colorReplacements,
+          lines: [[{ content: text.value }]],
+          preStyle: void 0
+        };
+        return;
+      }
+      highlighter = await mod.getSingletonHighlighter({
+        langs: [],
+        themes: [currentTheme]
+      });
+      lastRequestedLang = currentLang;
+      try {
+        await highlighter.loadLanguage(currentLang);
+        currentUsedLang = currentLang;
+      } catch {
+        console.warn(`[x-markdown] Failed to load language: ${currentLang}, falling back to plaintext`);
+        currentLang = "plaintext";
+        currentUsedLang = "plaintext";
+      }
+      const StreamMod = await loadShikiStream();
+      if (!StreamMod) {
+        console.warn("[x-markdown] shiki-stream not available, using non-streaming mode");
+        const tokens = highlighter.codeToThemedTokens(text.value, currentLang, currentTheme);
+        streaming.value = {
+          colorReplacements: options.colorReplacements,
+          lines: tokensToLineTokens(tokens),
+          preStyle: createPreStyle(
+            highlighter.getTheme(currentTheme)?.bg,
+            highlighter.getTheme(currentTheme)?.fg
+          )
+        };
+        return;
+      }
+      const ShikiStreamTokenizer = StreamMod.ShikiStreamTokenizer || StreamMod.default;
+      tokenizer = new ShikiStreamTokenizer({
+        highlighter,
+        lang: currentLang,
+        theme: currentTheme
+      });
+      previousText = "";
+      const themeInfo = highlighter.getTheme(currentTheme);
+      const preStyleValue = createPreStyle(themeInfo?.bg, themeInfo?.fg);
+      if (text.value) {
+        await updateTokens(text.value, true);
+        if (streaming.value) {
+          streaming.value.preStyle = preStyleValue;
+        }
+      } else {
+        streaming.value = {
+          colorReplacements: options.colorReplacements,
+          lines: [[]],
+          preStyle: preStyleValue
+        };
+      }
+    } catch (err) {
+      console.error("[x-markdown] Highlighter initialization failed:", err);
+      error.value = err;
+      streaming.value = {
+        colorReplacements: options.colorReplacements,
+        lines: [[{ content: text.value }]],
+        preStyle: void 0
+      };
+    } finally {
+      isLoading.value = false;
+    }
+  };
+  watch(
+    () => [effectiveLanguage.value, effectiveTheme.value],
+    async ([newLang]) => {
+      const requestedLang = newLang;
+      if (highlighter && currentUsedLang === "plaintext" && requestedLang !== lastRequestedLang && requestedLang !== "plaintext") {
+        try {
+          await highlighter.loadLanguage(requestedLang);
+          initHighlighter();
+          return;
+        } catch {
+          lastRequestedLang = requestedLang;
+          return;
+        }
+      }
+      initHighlighter();
+    },
+    { immediate: true }
+  );
+  watch(text, async (newText) => {
+    const requestedLang = effectiveLanguage.value;
+    if (highlighter && currentUsedLang === "plaintext" && requestedLang !== lastRequestedLang && requestedLang !== "plaintext") {
+      try {
+        await highlighter.loadLanguage(requestedLang);
+        await initHighlighter();
+        return;
+      } catch {
+        lastRequestedLang = requestedLang;
+      }
+    }
+    if (tokenizer) {
+      updateTokens(newText);
+    } else if (!highlighter) {
+      streaming.value = {
+        colorReplacements: options.colorReplacements,
+        lines: [[{ content: newText }]],
+        preStyle: streaming.value?.preStyle
+      };
+    }
+  });
+  onUnmounted(() => {
+    tokenizer?.clear();
+    tokenizer = null;
+    previousText = "";
+  });
+  return {
+    streaming,
+    lines,
+    preStyle,
+    isLoading,
+    error
+  };
+}
+export {
+  useHighlight
+};
+//# sourceMappingURL=x-markdown.es7.js.map

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

@@ -0,0 +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\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        // 直接静态导入，让 Vite/Rollup 在构建时处理\r\n        const mod = await import('shiki')\r\n        return mod\r\n      } catch {\r\n        showDependencyHint()\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        showDependencyHint()\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    if (!tokenizer) return\r\n\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  }\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        console.warn('[x-markdown] Shiki not available, falling back to plain text mode')\r\n        streaming.value = {\r\n          colorReplacements: options.colorReplacements,\r\n          lines: [[{ content: text.value }]],\r\n          preStyle: undefined,\r\n        }\r\n        return\r\n      }\r\n\r\n      highlighter = await mod.getSingletonHighlighter({\r\n        langs: [],\r\n        themes: [currentTheme],\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        console.warn(`[x-markdown] Failed to load language: ${currentLang}, falling back to plaintext`)\r\n        currentLang = 'plaintext'\r\n        currentUsedLang = 'plaintext'\r\n      }\r\n\r\n      const StreamMod = await loadShikiStream()\r\n      if (!StreamMod) {\r\n        console.warn('[x-markdown] shiki-stream not available, using non-streaming mode')\r\n        const tokens = highlighter.codeToThemedTokens(text.value, currentLang, currentTheme)\r\n        streaming.value = {\r\n          colorReplacements: options.colorReplacements,\r\n          lines: tokensToLineTokens(tokens),\r\n          preStyle: createPreStyle(\r\n            highlighter.getTheme(currentTheme)?.bg,\r\n            highlighter.getTheme(currentTheme)?.fg\r\n          ),\r\n        }\r\n        return\r\n      }\r\n\r\n      const ShikiStreamTokenizer = StreamMod.ShikiStreamTokenizer || StreamMod.default\r\n      tokenizer = new ShikiStreamTokenizer({\r\n        highlighter: highlighter,\r\n        lang: currentLang,\r\n        theme: currentTheme,\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      console.error('[x-markdown] Highlighter initialization failed:', err)\r\n      error.value = err as Error\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) {\r\n      updateTokens(newText)\r\n    } else if (!highlighter) {\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/dist/x-markdown.es8.js

@@ -0,0 +1,27 @@
+import { flow } from "lodash-es";
+function useProcessMarkdown(markdown) {
+  return preprocessLaTeX(markdown);
+}
+function preprocessLaTeX(markdown) {
+  if (typeof markdown !== "string") return markdown;
+  const codeBlockRegex = /```[\s\S]*?```/g;
+  const codeBlocks = markdown.match(codeBlockRegex) || [];
+  const escapeReplacement = (str) => str.replace(/\$/g, "_ELX_DOLLAR_");
+  let processedMarkdown = markdown.replace(codeBlockRegex, "ELX_CODE_BLOCK_PLACEHOLDER");
+  processedMarkdown = flow([
+    (str) => str.replace(/\\\[(.*?)\\\]/g, (_, equation) => `$$${equation}$$`),
+    (str) => str.replace(/\\\[([\s\S]*?)\\\]/g, (_, equation) => `$$${equation}$$`),
+    (str) => str.replace(/\\\((.*?)\\\)/g, (_, equation) => `$$${equation}$$`),
+    (str) => str.replace(/(^|[^\\])\$(.+?)\$/g, (_, prefix, equation) => `${prefix}$${equation}$`)
+  ])(processedMarkdown);
+  codeBlocks.forEach((block) => {
+    processedMarkdown = processedMarkdown.replace("ELX_CODE_BLOCK_PLACEHOLDER", escapeReplacement(block));
+  });
+  processedMarkdown = processedMarkdown.replace(/_ELX_DOLLAR_/g, "$");
+  return processedMarkdown;
+}
+export {
+  preprocessLaTeX,
+  useProcessMarkdown
+};
+//# sourceMappingURL=x-markdown.es8.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"x-markdown.es8.js","sources":["../src/hooks/useMarkdown.ts"],"sourcesContent":["import { flow } from 'lodash-es'\r\n\r\nexport function useProcessMarkdown(markdown: string) {\r\n  return preprocessLaTeX(markdown)\r\n}\r\n\r\nexport function preprocessLaTeX(markdown: string) {\r\n  if (typeof markdown !== 'string') return markdown\r\n\r\n  const codeBlockRegex = /```[\\s\\S]*?```/g\r\n  const codeBlocks = markdown.match(codeBlockRegex) || []\r\n  const escapeReplacement = (str: string) => str.replace(/\\$/g, '_ELX_DOLLAR_')\r\n  let processedMarkdown = markdown.replace(codeBlockRegex, 'ELX_CODE_BLOCK_PLACEHOLDER')\r\n\r\n  processedMarkdown = flow([\r\n    (str: string) => str.replace(/\\\\\\[(.*?)\\\\\\]/g, (_, equation) => `$$${equation}$$`),\r\n    (str: string) => str.replace(/\\\\\\[([\\s\\S]*?)\\\\\\]/g, (_, equation) => `$$${equation}$$`),\r\n    (str: string) => str.replace(/\\\\\\((.*?)\\\\\\)/g, (_, equation) => `$$${equation}$$`),\r\n    (str: string) => str.replace(/(^|[^\\\\])\\$(.+?)\\$/g, (_, prefix, equation) => `${prefix}$${equation}$`),\r\n  ])(processedMarkdown)\r\n\r\n  codeBlocks.forEach((block) => {\r\n    processedMarkdown = processedMarkdown.replace('ELX_CODE_BLOCK_PLACEHOLDER', escapeReplacement(block))\r\n  })\r\n\r\n  processedMarkdown = processedMarkdown.replace(/_ELX_DOLLAR_/g, '$')\r\n\r\n  return processedMarkdown\r\n}\r\n"],"names":[],"mappings":";AAEO,SAAS,mBAAmB,UAAkB;AACnD,SAAO,gBAAgB,QAAQ;AACjC;AAEO,SAAS,gBAAgB,UAAkB;AAChD,MAAI,OAAO,aAAa,SAAU,QAAO;AAEzC,QAAM,iBAAiB;AACvB,QAAM,aAAa,SAAS,MAAM,cAAc,KAAK,CAAA;AACrD,QAAM,oBAAoB,CAAC,QAAgB,IAAI,QAAQ,OAAO,cAAc;AAC5E,MAAI,oBAAoB,SAAS,QAAQ,gBAAgB,4BAA4B;AAErF,sBAAoB,KAAK;AAAA,IACvB,CAAC,QAAgB,IAAI,QAAQ,kBAAkB,CAAC,GAAG,aAAa,KAAK,QAAQ,IAAI;AAAA,IACjF,CAAC,QAAgB,IAAI,QAAQ,uBAAuB,CAAC,GAAG,aAAa,KAAK,QAAQ,IAAI;AAAA,IACtF,CAAC,QAAgB,IAAI,QAAQ,kBAAkB,CAAC,GAAG,aAAa,KAAK,QAAQ,IAAI;AAAA,IACjF,CAAC,QAAgB,IAAI,QAAQ,uBAAuB,CAAC,GAAG,QAAQ,aAAa,GAAG,MAAM,IAAI,QAAQ,GAAG;AAAA,EAAA,CACtG,EAAE,iBAAiB;AAEpB,aAAW,QAAQ,CAAC,UAAU;AAC5B,wBAAoB,kBAAkB,QAAQ,8BAA8B,kBAAkB,KAAK,CAAC;AAAA,EACtG,CAAC;AAED,sBAAoB,kBAAkB,QAAQ,iBAAiB,GAAG;AAElE,SAAO;AACT;"}