vue-stream-markdown 0.1.1 → 0.1.3

package/dist/index.d.ts

@@ -8,7 +8,6 @@ import { Zoom } from "medium-zoom";
 import { MarkdownItAsync } from "markdown-it-async";
 import { KatexOptions as KatexOptions$1 } from "katex";
 import remend from "remend";
-import "medium-zoom/dist/style.css";
 import { BuiltinLanguage, BuiltinTheme, BundledLanguage, BundledTheme, CodeToTokensOptions, Highlighter, SpecialLanguage, TokensResult } from "shiki";
 import { Mermaid, MermaidConfig } from "mermaid";
 import { Extension, fromMarkdown } from "mdast-util-from-markdown";
@@ -211,6 +210,18 @@ interface CodeOptions {
   languageIcon?: boolean;
   languageName?: boolean;
   lineNumbers?: boolean;
+  /**
+   * Language specific code options
+   * @example
+   * {
+   *   mermaid: {
+   *     languageIcon: false,
+   *     languageName: false,
+   *     lineNumbers: true,
+   *   },
+   * }
+   */
+  language?: Record<string, CodeOptions>;
 }
 interface HardenOptions {
   defaultOrigin?: string;
@@ -349,6 +360,18 @@ declare const NODE_RENDERERS: NodeRenderers;
 //#region src/components/index.d.ts
 declare const COMMON_COMPONENTS: Record<string, Component>;
 //#endregion
+//#region src/composables/use-code-options.d.ts
+interface UseCodeOptionsOptions {
+  codeOptions?: MaybeRef<CodeOptions | undefined>;
+  language?: MaybeRef<string>;
+}
+declare function useCodeOptions(options: UseCodeOptionsOptions): {
+  languageCodeOptions: vue12.ComputedRef<CodeOptions | undefined>;
+  showLanguageIcon: vue12.ComputedRef<boolean>;
+  showLanguageName: vue12.ComputedRef<boolean>;
+  showLineNumbers: vue12.ComputedRef<boolean>;
+};
+//#endregion
 //#region src/composables/use-context.d.ts
 interface Context {
   isDark?: MaybeRef<boolean>;
@@ -495,8 +518,8 @@ declare function useZoom(options?: UseZoomOptions): {
   zoomOut: () => void;
   resetZoom: () => void;
   setZoom: (value: number) => void;
-  startDrag: (e: MouseEvent | TouchEvent) => void;
-  onDrag: (e: MouseEvent | TouchEvent) => void;
+  startDrag: (e: PointerEvent) => void;
+  onDrag: (e: PointerEvent) => void;
   stopDrag: () => void;
   handleWheel: (event: WheelEvent, containerElement: HTMLElement) => void;
   getState: () => ZoomPanState;
@@ -708,6 +731,9 @@ declare function fixStrong(content: string): string;
  */
 declare function fixTable(content: string): string;
 //#endregion
+//#region src/preprocess/task-list.d.ts
+declare function fixTaskList(content: string): string;
+//#endregion
 //#region src/preprocess/vendored/markdown-utils.d.ts
 declare function preprocessLaTeX(content: string): string;
 declare function preprocessThinkTag(content: string): string;
@@ -730,6 +756,10 @@ declare const incompleteLinkTextPattern: RegExp;
 declare const incompleteUrlPattern: RegExp;
 declare const tableRowPattern: RegExp;
 declare const separatorPattern: RegExp;
+declare const standaloneDashPattern: RegExp;
+declare const taskListPattern: RegExp;
+declare const quoteStandaloneDashPattern: RegExp;
+declare const quoteTaskListPattern: RegExp;
 //#endregion
 //#region src/preprocess/index.d.ts
 declare function proprocessContent(content: string): string;
@@ -773,4 +803,4 @@ declare function tableDataToTSV(data: TableData): string;
 declare function escapeMarkdownTableCell(cell: string): string;
 declare function tableDataToMarkdown(data: TableData): string;
 //#endregion
-export { BlockquoteNode, BlockquoteNodeRendererProps, BreakNode, BreakNodeRendererProps, CODE_PREVIEWERS, COMMON_COMPONENTS, CodeControlsConfig, CodeNode, CodeNodeRendererProps, CodeOptions, ControlsConfig, DEFAULT_DARK_THEME, DEFAULT_HARDEN_OPTIONS, DEFAULT_LIGHT_THEME, DefinitionNode, DefinitionNodeRendererProps, DeleteNode, DeleteNodeRendererProps, EmphasisNode, EmphasisNodeRendererProps, FootnoteDefinitionNode, FootnoteDefinitionNodeRendererProps, FootnoteReferenceNode, FootnoteReferenceNodeRendererProps, HardenOptions, HeadingNode, HeadingNodeRendererProps, HtmlNode, HtmlNodeRendererProps, ICONS, ImageControlsConfig, ImageNode, ImageNodeRendererProps, ImageOptions, ImageReferenceNode, ImageReferenceNodeRendererProps, InlineCodeNode, InlineCodeNodeRendererProps, InlineMathNode, InlineMathNodeRendererProps, KatexOptions, LANGUAGE_ALIAS, LANGUAGE_EXTENSIONS, LANGUAGE_ICONS, LinkNode, LinkNodeRendererProps, LinkReferenceNode, LinkReferenceNodeRendererProps, ListItemNode, ListItemNodeRendererProps, ListNode, ListNodeRendererProps, LocaleConfig, _default as Markdown, MarkdownParser, MarkdownParserOptions, MathNode, MathNodeRendererProps, MdastOptions, MermaidOptions, NODE_RENDERERS, NodeRendererListProps, NodeRendererProps, NodeRenderers, NodeType, Options, ParagraphNode, ParagraphNodeRendererProps, ParsedNode, PreviewerConfig, SHADCN_SCHEMAS, SUPPORT_LANGUAGES, SelectItem, ShikiOptions, StreamMarkdownContext, StreamMarkdownProps, StrongNode, StrongNodeRendererProps, SyntaxTree, TableCellNode, TableCellNodeRendererProps, TableControlsConfig, TableData, TableNode, TableNodeRendererProps, TableRowNode, TableRowNodeRendererProps, TextNode, TextNodeRendererProps, ThematicBreakNode, ThematicBreakNodeRendererProps, UseMathRendererOptions, UseZoomOptions, YamlNode, YamlNodeRendererProps, ZoomControlPosition, ZoomControlsConfig, ZoomPanState, codeBlockPattern, crlfPattern, currentLocale, doubleAsteriskPattern, doubleDollarPattern, doubleTildePattern, doubleUnderscorePattern, escapeMarkdownTableCell, extractTableDataFromElement, findLastLeafNode, findNodeParent, fixCode, fixDelete, fixEmphasis, fixLink, fixStrong, fixTable, flow, hasKatex, hasMermaid, hasShiki, incompleteBracketPattern, incompleteLinkTextPattern, incompleteUrlPattern, loadLocaleMessages, localeMessages, localesGlob, normalize, postFixText, postprocess, preprocess, preprocessLaTeX, preprocessThinkTag, proprocessContent, remend, save, separatorPattern, singleAsteriskPattern, singleBacktickPattern, singleUnderscorePattern, svgToPngBlob, tableDataToCSV, tableDataToMarkdown, tableDataToTSV, tableRowPattern, trailingBackticksPattern, trailingWhitespacePattern, transformUrl, tripleBacktickPattern, useContext, useControls, useHardenSanitizers, useI18n, useKatex, useMathRenderer, useMermaid, useShiki, useTailwindV3Theme, useTippy, useZoom };
+export { BlockquoteNode, BlockquoteNodeRendererProps, BreakNode, BreakNodeRendererProps, CODE_PREVIEWERS, COMMON_COMPONENTS, CodeControlsConfig, CodeNode, CodeNodeRendererProps, CodeOptions, ControlsConfig, DEFAULT_DARK_THEME, DEFAULT_HARDEN_OPTIONS, DEFAULT_LIGHT_THEME, DefinitionNode, DefinitionNodeRendererProps, DeleteNode, DeleteNodeRendererProps, EmphasisNode, EmphasisNodeRendererProps, FootnoteDefinitionNode, FootnoteDefinitionNodeRendererProps, FootnoteReferenceNode, FootnoteReferenceNodeRendererProps, HardenOptions, HeadingNode, HeadingNodeRendererProps, HtmlNode, HtmlNodeRendererProps, ICONS, ImageControlsConfig, ImageNode, ImageNodeRendererProps, ImageOptions, ImageReferenceNode, ImageReferenceNodeRendererProps, InlineCodeNode, InlineCodeNodeRendererProps, InlineMathNode, InlineMathNodeRendererProps, KatexOptions, LANGUAGE_ALIAS, LANGUAGE_EXTENSIONS, LANGUAGE_ICONS, LinkNode, LinkNodeRendererProps, LinkReferenceNode, LinkReferenceNodeRendererProps, ListItemNode, ListItemNodeRendererProps, ListNode, ListNodeRendererProps, LocaleConfig, _default as Markdown, MarkdownParser, MarkdownParserOptions, MathNode, MathNodeRendererProps, MdastOptions, MermaidOptions, NODE_RENDERERS, NodeRendererListProps, NodeRendererProps, NodeRenderers, NodeType, Options, ParagraphNode, ParagraphNodeRendererProps, ParsedNode, PreviewerConfig, SHADCN_SCHEMAS, SUPPORT_LANGUAGES, SelectItem, ShikiOptions, StreamMarkdownContext, StreamMarkdownProps, StrongNode, StrongNodeRendererProps, SyntaxTree, TableCellNode, TableCellNodeRendererProps, TableControlsConfig, TableData, TableNode, TableNodeRendererProps, TableRowNode, TableRowNodeRendererProps, TextNode, TextNodeRendererProps, ThematicBreakNode, ThematicBreakNodeRendererProps, UseMathRendererOptions, UseZoomOptions, YamlNode, YamlNodeRendererProps, ZoomControlPosition, ZoomControlsConfig, ZoomPanState, codeBlockPattern, crlfPattern, currentLocale, doubleAsteriskPattern, doubleDollarPattern, doubleTildePattern, doubleUnderscorePattern, escapeMarkdownTableCell, extractTableDataFromElement, findLastLeafNode, findNodeParent, fixCode, fixDelete, fixEmphasis, fixLink, fixStrong, fixTable, fixTaskList, flow, hasKatex, hasMermaid, hasShiki, incompleteBracketPattern, incompleteLinkTextPattern, incompleteUrlPattern, loadLocaleMessages, localeMessages, localesGlob, normalize, postFixText, postprocess, preprocess, preprocessLaTeX, preprocessThinkTag, proprocessContent, quoteStandaloneDashPattern, quoteTaskListPattern, remend, save, separatorPattern, singleAsteriskPattern, singleBacktickPattern, singleUnderscorePattern, standaloneDashPattern, svgToPngBlob, tableDataToCSV, tableDataToMarkdown, tableDataToTSV, tableRowPattern, taskListPattern, trailingBackticksPattern, trailingWhitespacePattern, transformUrl, tripleBacktickPattern, useCodeOptions, useContext, useControls, useHardenSanitizers, useI18n, useKatex, useMathRenderer, useMermaid, useShiki, useTailwindV3Theme, useTippy, useZoom };

package/dist/index.js

@@ -1,11 +1,10 @@
-import { t as CODE_PREVIEWERS } from "./previewers-CoU4RlpQ.js";
-import { A as transformUrl, B as useContext, C as findNodeParent, D as flow, E as hasShiki, F as DEFAULT_LIGHT_THEME, I as LANGUAGE_ALIAS, L as LANGUAGE_EXTENSIONS, M as ICONS, N as DEFAULT_HARDEN_OPTIONS, O as save, P as DEFAULT_DARK_THEME, R as LANGUAGE_ICONS, S as findLastLeafNode, T as hasMermaid, _ as escapeMarkdownTableCell, a as useMermaid, b as tableDataToMarkdown, c as _defineProperty, d as SUPPORT_LANGUAGES, f as currentLocale, g as useHardenSanitizers, h as localesGlob, i as useShiki, j as SHADCN_SCHEMAS, k as svgToPngBlob, l as useKatex, m as localeMessages, n as useTippy, o as useMathRenderer, p as loadLocaleMessages, r as useTailwindV3Theme, t as useZoom, u as useI18n, v as extractTableDataFromElement, w as hasKatex, x as tableDataToTSV, y as tableDataToCSV, z as useControls } from "./composables-BwAY_BDJ.js";
+import { t as CODE_PREVIEWERS } from "./previewers-qHMi6xZ3.js";
+import { A as transformUrl, B as useContext, C as findNodeParent, D as flow, E as hasShiki, F as DEFAULT_LIGHT_THEME, I as LANGUAGE_ALIAS, L as LANGUAGE_EXTENSIONS, M as ICONS, N as DEFAULT_HARDEN_OPTIONS, O as save, P as DEFAULT_DARK_THEME, R as LANGUAGE_ICONS, S as findLastLeafNode, T as hasMermaid, V as useCodeOptions, _ as escapeMarkdownTableCell, a as useMermaid, b as tableDataToMarkdown, c as _defineProperty, d as SUPPORT_LANGUAGES, f as currentLocale, g as useHardenSanitizers, h as localesGlob, i as useShiki, j as SHADCN_SCHEMAS, k as svgToPngBlob, l as useKatex, m as localeMessages, n as useTippy, o as useMathRenderer, p as loadLocaleMessages, r as useTailwindV3Theme, t as useZoom, u as useI18n, v as extractTableDataFromElement, w as hasKatex, x as tableDataToTSV, y as tableDataToCSV, z as useControls } from "./composables-Cj6_jbwr.js";
 import { t as node_list_default } from "./node-list-CGr_EVtn.js";
 import { computed, createElementBlock, createVNode, defineAsyncComponent, defineComponent, mergeProps, normalizeClass, onBeforeUnmount, openBlock, ref, toRefs, unref, watch } from "vue";
 import mediumZoom from "medium-zoom";
 import { MarkdownItAsync } from "markdown-it-async";
 import remend from "remend";
-import "medium-zoom/dist/style.css";
 
 //#region rolldown:runtime
 var __create = Object.create;
@@ -51,20 +50,20 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 //#region src/components/renderers/index.ts
 const NODE_RENDERERS = {
 	blockquote: defineAsyncComponent(() => import("./blockquote-DdEg2gww.js")),
-	code: defineAsyncComponent(() => import("./code-BfJ58lYO.js")),
+	code: defineAsyncComponent(() => import("./code-CJ4tMt6L.js")),
 	delete: defineAsyncComponent(() => import("./delete-BdWzKJCy.js")),
 	emphasis: defineAsyncComponent(() => import("./emphasis-CTuGt1Ok.js")),
 	heading: defineAsyncComponent(() => import("./heading-2vpQQtTH.js")),
-	image: defineAsyncComponent(() => import("./image-BporCeem.js")),
+	image: defineAsyncComponent(() => import("./image-xeiC5YFM.js")),
 	inlineCode: defineAsyncComponent(() => import("./inline-code-CBoqhfz7.js")),
-	inlineMath: defineAsyncComponent(() => import("./inline-math-BfG4600m.js")),
-	link: defineAsyncComponent(() => import("./link-D-OnakwP.js")),
+	inlineMath: defineAsyncComponent(() => import("./inline-math-C2NUSasr.js")),
+	link: defineAsyncComponent(() => import("./link-BceXudNH.js")),
 	list: defineAsyncComponent(() => import("./list-BCiFKGaz.js")),
 	listItem: defineAsyncComponent(() => import("./list-item-p-OLUR_9.js")),
-	math: defineAsyncComponent(() => import("./math-CvKkCYb9.js")),
+	math: defineAsyncComponent(() => import("./math-DXOLG3Xg.js")),
 	paragraph: defineAsyncComponent(() => import("./paragraph-DYjqr_Sa.js")),
 	strong: defineAsyncComponent(() => import("./strong-CvOjLZiq.js")),
-	table: defineAsyncComponent(() => import("./table-B__TdLr7.js")),
+	table: defineAsyncComponent(() => import("./table-C5VHgkTQ.js")),
 	text: defineAsyncComponent(() => import("./text-DuONUqRA.js")),
 	thematicBreak: defineAsyncComponent(() => import("./thematic-break-CcNPEI9Y.js")),
 	yaml: defineAsyncComponent(() => import("./yaml-DJHrmzSe.js"))
@@ -73,17 +72,17 @@ const NODE_RENDERERS = {
 //#endregion
 //#region src/components/index.ts
 const COMMON_COMPONENTS = {
-	Button: defineAsyncComponent(() => import("./button-Bz0s_F3s.js")),
-	CodeBlock: defineAsyncComponent(() => import("./code-block-BFUXyGQH.js")),
-	Dropdown: defineAsyncComponent(() => import("./dropdown-RWgcV-8w.js")),
-	ErrorComponent: defineAsyncComponent(() => import("./error-component-CR9t-T1D.js")),
+	Button: defineAsyncComponent(() => import("./button-2wMU7qkH.js")),
+	CodeBlock: defineAsyncComponent(() => import("./code-block-BucFZooo.js")),
+	Dropdown: defineAsyncComponent(() => import("./dropdown-dsCfq0Hl.js")),
+	ErrorComponent: defineAsyncComponent(() => import("./error-component-B0mmLhh6.js")),
 	Modal: defineAsyncComponent(() => import("./modal-DcpxxDDX.js")),
 	NodeList: defineAsyncComponent(() => import("./node-list-lgY1wbfQ.js")),
-	Segmented: defineAsyncComponent(() => import("./segmented-C0uEAYuJ.js")),
+	Segmented: defineAsyncComponent(() => import("./segmented-BeHqXuFx.js")),
 	Spin: defineAsyncComponent(() => import("./spin-Bz4zGBEo.js")),
 	Table: defineAsyncComponent(() => import("./table-CZLbUHiJ.js")),
-	Tooltip: defineAsyncComponent(() => import("./tooltip-DoIUaZgq.js")),
-	ZoomContainer: defineAsyncComponent(() => import("./zoom-container-BPbftW_I.js"))
+	Tooltip: defineAsyncComponent(() => import("./tooltip-BzVZqo7w.js")),
+	ZoomContainer: defineAsyncComponent(() => import("./zoom-container-CwEDlKRx.js"))
 };
 
 //#endregion
@@ -17536,6 +17535,10 @@ const incompleteLinkTextPattern = /!?\[[^\]]+\]\s*$/;
 const incompleteUrlPattern = /!?\[[^\]]+\]\([^)]*$/;
 const tableRowPattern = /^\|.*\|.*\|/;
 const separatorPattern = /^\|[\s:]*-{3,}[\s:]*(?:\|[\s:]*-{3,}[\s:]*)+\|?$/;
+const standaloneDashPattern = /^\s*-$/;
+const taskListPattern = /^\s*- \[[x ]\]/i;
+const quoteStandaloneDashPattern = /^>\s*-$/;
+const quoteTaskListPattern = /^>\s*- \[[x ]\]/i;
 
 //#endregion
 //#region src/preprocess/code.ts
@@ -18064,6 +18067,48 @@ function generateSeparator(columns) {
 	return `|${parts.join("|")}|`;
 }
 
+//#endregion
+//#region src/preprocess/task-list.ts
+/**
+* Fix incomplete task list syntax in streaming markdown
+*
+* Removes standalone `-` that appears on the last line without `[ ]` or `[x]` syntax.
+* This prevents AST parsing jitter when task list items are being typed incrementally.
+* Also handles quote blocks (lines starting with `>`) to prevent leaving `> ` which could
+* cause the previous line to be misparsed as a heading.
+*
+* @param content - Markdown content (potentially incomplete in stream mode)
+* @returns Content with standalone `-` removed from the last line if incomplete
+*
+* @example
+* fixTaskList('- [ ] Task 1\n-')
+* // Returns: '- [ ] Task 1\n'
+*
+* @example
+* fixTaskList('- [ ] Task 1\n- [x] Task 2\n-')
+* // Returns: '- [ ] Task 1\n- [x] Task 2\n'
+*
+* @example
+* fixTaskList('> **Note**: Here\'s a quote with tasks:\n\n> -')
+* // Returns: '> **Note**: Here\'s a quote with tasks:\n\n'
+*/
+function fixTaskList(content$2) {
+	const lines = content$2.split("\n");
+	if (lines.length === 0) return content$2;
+	const lastLine = lines[lines.length - 1];
+	if (quoteStandaloneDashPattern.test(lastLine) && !quoteTaskListPattern.test(lastLine)) {
+		const result = lines.slice(0, -1).join("\n");
+		if (lines.length > 1) return `${result}\n`;
+		return result;
+	}
+	if (standaloneDashPattern.test(lastLine) && !taskListPattern.test(lastLine)) {
+		const result = lines.slice(0, -1).join("\n");
+		if (lines.length > 1) return `${result}\n`;
+		return result;
+	}
+	return content$2;
+}
+
 //#endregion
 //#region src/preprocess/vendored/markdown-utils.ts
 function preprocessLaTeX(content$2) {
@@ -18115,6 +18160,7 @@ function preprocess(content$2) {
 		fixCode,
 		fixTable,
 		fixInlineMath,
+		fixTaskList,
 		remend
 	])(content$2);
 }
@@ -18371,4 +18417,4 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 var src_default = index_vue_vue_type_script_setup_true_lang_default;
 
 //#endregion
-export { CODE_PREVIEWERS, COMMON_COMPONENTS, DEFAULT_DARK_THEME, DEFAULT_HARDEN_OPTIONS, DEFAULT_LIGHT_THEME, ICONS, LANGUAGE_ALIAS, LANGUAGE_EXTENSIONS, LANGUAGE_ICONS, src_default as Markdown, MarkdownParser, NODE_RENDERERS, SHADCN_SCHEMAS, SUPPORT_LANGUAGES, codeBlockPattern, crlfPattern, currentLocale, doubleAsteriskPattern, doubleDollarPattern, doubleTildePattern, doubleUnderscorePattern, escapeMarkdownTableCell, extractTableDataFromElement, findLastLeafNode, findNodeParent, fixCode, fixDelete, fixEmphasis, fixLink, fixStrong, fixTable, flow, hasKatex, hasMermaid, hasShiki, incompleteBracketPattern, incompleteLinkTextPattern, incompleteUrlPattern, loadLocaleMessages, localeMessages, localesGlob, normalize, postFixText, postprocess, preprocess, preprocessLaTeX, preprocessThinkTag, proprocessContent, remend, save, separatorPattern, singleAsteriskPattern, singleBacktickPattern, singleUnderscorePattern, svgToPngBlob, tableDataToCSV, tableDataToMarkdown, tableDataToTSV, tableRowPattern, trailingBackticksPattern, trailingWhitespacePattern, transformUrl, tripleBacktickPattern, useContext, useControls, useHardenSanitizers, useI18n, useKatex, useMathRenderer, useMermaid, useShiki, useTailwindV3Theme, useTippy, useZoom };
+export { CODE_PREVIEWERS, COMMON_COMPONENTS, DEFAULT_DARK_THEME, DEFAULT_HARDEN_OPTIONS, DEFAULT_LIGHT_THEME, ICONS, LANGUAGE_ALIAS, LANGUAGE_EXTENSIONS, LANGUAGE_ICONS, src_default as Markdown, MarkdownParser, NODE_RENDERERS, SHADCN_SCHEMAS, SUPPORT_LANGUAGES, codeBlockPattern, crlfPattern, currentLocale, doubleAsteriskPattern, doubleDollarPattern, doubleTildePattern, doubleUnderscorePattern, escapeMarkdownTableCell, extractTableDataFromElement, findLastLeafNode, findNodeParent, fixCode, fixDelete, fixEmphasis, fixLink, fixStrong, fixTable, fixTaskList, flow, hasKatex, hasMermaid, hasShiki, incompleteBracketPattern, incompleteLinkTextPattern, incompleteUrlPattern, loadLocaleMessages, localeMessages, localesGlob, normalize, postFixText, postprocess, preprocess, preprocessLaTeX, preprocessThinkTag, proprocessContent, quoteStandaloneDashPattern, quoteTaskListPattern, remend, save, separatorPattern, singleAsteriskPattern, singleBacktickPattern, singleUnderscorePattern, standaloneDashPattern, svgToPngBlob, tableDataToCSV, tableDataToMarkdown, tableDataToTSV, tableRowPattern, taskListPattern, trailingBackticksPattern, trailingWhitespacePattern, transformUrl, tripleBacktickPattern, useCodeOptions, useContext, useControls, useHardenSanitizers, useI18n, useKatex, useMathRenderer, useMermaid, useShiki, useTailwindV3Theme, useTippy, useZoom };

package/dist/{inline-math-BfG4600m.js → inline-math-C2NUSasr.js}

@@ -1,6 +1,6 @@
-import { o as useMathRenderer } from "./composables-BwAY_BDJ.js";
-import { t as error_component_default } from "./error-component-CiIR_1Cg.js";
-import { Transition, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, resolveDynamicComponent, toRefs, unref, withCtx } from "vue";
+import { o as useMathRenderer } from "./composables-Cj6_jbwr.js";
+import { t as error_component_default } from "./error-component-ClGLfmwy.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, resolveDynamicComponent, toRefs, unref } from "vue";
 
 //#region src/components/renderers/inline-math.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = ["innerHTML"];
@@ -86,18 +86,15 @@ var inline_math_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			return ((_katexOptions$value = katexOptions.value) === null || _katexOptions$value === void 0 ? void 0 : _katexOptions$value.errorComponent) ?? error_component_default;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Transition, { name: "table-node-fade" }, {
-				default: withCtx(() => [unref(error) ? (openBlock(), createBlock(resolveDynamicComponent(Error.value), mergeProps({
-					key: 0,
-					variant: "katex",
-					message: unref(errorMessage)
-				}, props), null, 16, ["message"])) : (openBlock(), createElementBlock("span", {
-					key: 1,
-					"data-stream-markdown": "inline-math",
-					innerHTML: unref(html)
-				}, null, 8, _hoisted_1))]),
-				_: 1
-			});
+			return unref(error) ? (openBlock(), createBlock(resolveDynamicComponent(Error.value), mergeProps({
+				key: 0,
+				variant: "katex",
+				message: unref(errorMessage)
+			}, props), null, 16, ["message"])) : (openBlock(), createElementBlock("span", {
+				key: 1,
+				"data-stream-markdown": "inline-math",
+				innerHTML: unref(html)
+			}, null, 8, _hoisted_1));
 		};
 	}
 });

package/dist/{link-D-OnakwP.js → link-BceXudNH.js}

@@ -1,6 +1,6 @@
-import { g as useHardenSanitizers } from "./composables-BwAY_BDJ.js";
+import { g as useHardenSanitizers } from "./composables-Cj6_jbwr.js";
 import { t as node_list_default } from "./node-list-CGr_EVtn.js";
-import { t as error_component_default } from "./error-component-CiIR_1Cg.js";
+import { t as error_component_default } from "./error-component-ClGLfmwy.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeProps, openBlock, resolveDynamicComponent, toRefs, unref, withCtx } from "vue";
 
 //#region src/components/renderers/link.vue?vue&type=script&setup=true&lang.ts

package/dist/{math-CvKkCYb9.js → math-DXOLG3Xg.js}

@@ -1,6 +1,6 @@
-import { o as useMathRenderer } from "./composables-BwAY_BDJ.js";
-import { t as error_component_default } from "./error-component-CiIR_1Cg.js";
-import { Transition, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, resolveDynamicComponent, toRefs, unref, withCtx } from "vue";
+import { o as useMathRenderer } from "./composables-Cj6_jbwr.js";
+import { t as error_component_default } from "./error-component-ClGLfmwy.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, resolveDynamicComponent, toRefs, unref } from "vue";
 
 //#region src/components/renderers/math.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = ["innerHTML"];
@@ -86,18 +86,15 @@ var math_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			return ((_katexOptions$value = katexOptions.value) === null || _katexOptions$value === void 0 ? void 0 : _katexOptions$value.errorComponent) ?? error_component_default;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Transition, { name: "table-node-fade" }, {
-				default: withCtx(() => [unref(error) ? (openBlock(), createBlock(resolveDynamicComponent(Error.value), mergeProps({
-					key: 0,
-					variant: "katex",
-					message: unref(errorMessage)
-				}, props), null, 16, ["message"])) : (openBlock(), createElementBlock("div", {
-					key: 1,
-					"data-stream-markdown": "math",
-					innerHTML: unref(html)
-				}, null, 8, _hoisted_1))]),
-				_: 1
-			});
+			return unref(error) ? (openBlock(), createBlock(resolveDynamicComponent(Error.value), mergeProps({
+				key: 0,
+				variant: "katex",
+				message: unref(errorMessage)
+			}, props), null, 16, ["message"])) : (openBlock(), createElementBlock("div", {
+				key: 1,
+				"data-stream-markdown": "math",
+				innerHTML: unref(html)
+			}, null, 8, _hoisted_1));
 		};
 	}
 });

package/dist/{mermaid-FgnWaZtT.js → mermaid-CU4hpB6S.js}

@@ -1,9 +1,9 @@
-import { a as useMermaid, s as throttle, z as useControls } from "./composables-BwAY_BDJ.js";
-import "./tooltip-CA6Kp7Ek.js";
-import "./button-dU2iYZBS.js";
-import { t as error_component_default } from "./error-component-CiIR_1Cg.js";
+import { a as useMermaid, s as throttle, z as useControls } from "./composables-Cj6_jbwr.js";
+import "./tooltip-gxsqaBNg.js";
+import "./button-CJyeXWq2.js";
+import { t as error_component_default } from "./error-component-ClGLfmwy.js";
 import { t as spin_default } from "./spin-Ds5W7qC_.js";
-import { t as zoom_container_default } from "./zoom-container-Dlqv-z-t.js";
+import { t as zoom_container_default } from "./zoom-container-D_fBClW2.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeStyle, openBlock, ref, resolveDynamicComponent, toRefs, watch, withCtx } from "vue";
 import { useResizeObserver } from "@vueuse/core";
 

package/dist/{previewers-CoU4RlpQ.js → previewers-qHMi6xZ3.js}

@@ -3,7 +3,7 @@ import { defineAsyncComponent } from "vue";
 //#region src/components/previewers/index.ts
 const CODE_PREVIEWERS = {
 	html: defineAsyncComponent(() => import("./html-DL0PcUXX.js")),
-	mermaid: defineAsyncComponent(() => import("./mermaid-FgnWaZtT.js"))
+	mermaid: defineAsyncComponent(() => import("./mermaid-CU4hpB6S.js"))
 };
 
 //#endregion

package/dist/segmented-BeHqXuFx.js

@@ -0,0 +1,6 @@
+import "./composables-Cj6_jbwr.js";
+import "./tooltip-gxsqaBNg.js";
+import "./button-CJyeXWq2.js";
+import { t as segmented_default } from "./segmented-CF6exjdD.js";
+
+export { segmented_default as default };

package/dist/{segmented-Baxxk3UJ.js → segmented-CF6exjdD.js}

@@ -1,4 +1,4 @@
-import { t as button_default } from "./button-dU2iYZBS.js";
+import { t as button_default } from "./button-CJyeXWq2.js";
 import { Fragment, createBlock, createElementBlock, defineComponent, mergeModels, openBlock, renderList, useModel } from "vue";
 
 //#region src/components/segmented.vue?vue&type=script&setup=true&lang.ts

package/dist/{shiki-BHOZKGKS.js → shiki-BlfngIRi.js}

@@ -1,5 +1,5 @@
-import { i as useShiki } from "./composables-BwAY_BDJ.js";
-import { t as vanilla_default } from "./vanilla-DkX6g0dm.js";
+import { V as useCodeOptions, i as useShiki } from "./composables-Cj6_jbwr.js";
+import { t as vanilla_default } from "./vanilla-D5DzB31q.js";
 import { computed, createBlock, createCommentVNode, defineAsyncComponent, defineComponent, mergeProps, normalizeProps, openBlock, ref, toRefs, unref, watch } from "vue";
 
 //#region src/components/renderers/code/shiki.vue?vue&type=script&setup=true&lang.ts
@@ -70,12 +70,12 @@ var shiki_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	setup(__props) {
 		const props = __props;
 		const { shikiOptions, codeOptions, isDark } = toRefs(props);
-		const ShikiTokensRenderer = defineAsyncComponent(() => import("./renderer-CZ41eK_V.js"));
+		const ShikiTokensRenderer = defineAsyncComponent(() => import("./shiki-token-renderer-D164wC7Y.js"));
 		const code = computed(() => props.node.value.trim());
 		const lang = computed(() => props.node.lang || "");
-		const showLineNumbers = computed(() => {
-			var _codeOptions$value;
-			return typeof ((_codeOptions$value = codeOptions.value) === null || _codeOptions$value === void 0 ? void 0 : _codeOptions$value.lineNumbers) === "boolean" ? codeOptions.value.lineNumbers : true;
+		const { showLineNumbers } = useCodeOptions({
+			codeOptions,
+			language: lang
 		});
 		const { codeToTokens } = useShiki({
 			lang,
@@ -94,14 +94,9 @@ var shiki_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			return tokens.value ? (openBlock(), createBlock(unref(ShikiTokensRenderer), {
 				key: 0,
 				"data-stream-markdown": "code",
-				"data-show-line-numbers": showLineNumbers.value,
-				tokens: tokens.value,
-				"show-line-numbers": showLineNumbers.value
-			}, null, 8, [
-				"data-show-line-numbers",
-				"tokens",
-				"show-line-numbers"
-			])) : (openBlock(), createBlock(vanilla_default, normalizeProps(mergeProps({ key: 1 }, props)), null, 16));
+				"data-show-line-numbers": unref(showLineNumbers),
+				tokens: tokens.value
+			}, null, 8, ["data-show-line-numbers", "tokens"])) : (openBlock(), createBlock(unref(vanilla_default), normalizeProps(mergeProps({ key: 1 }, props)), null, 16));
 		};
 	}
 });

package/dist/{renderer-CZ41eK_V.js → shiki-token-renderer-D164wC7Y.js}

@@ -1,36 +1,23 @@
 import { defineComponent, h, renderList } from "vue";
 import { getTokenStyleObject } from "shiki";
 
-//#region src/components/renderers/code/renderer.ts
-var renderer_default = defineComponent({
+//#region src/components/renderers/code/shiki-token-renderer.ts
+var shiki_token_renderer_default = defineComponent({
 	name: "ShikiTokensRenderer",
-	props: {
-		tokens: {
-			type: Object,
-			required: true
-		},
-		showLineNumbers: {
-			type: Boolean,
-			default: true
-		}
-	},
+	props: { tokens: {
+		type: Object,
+		required: true
+	} },
 	setup(props) {
 		return () => {
 			var _props$tokens$grammar;
 			return h("pre", {
 				"class": ["shiki", props.tokens.themeName],
 				"data-language": (_props$tokens$grammar = props.tokens.grammarState) === null || _props$tokens$grammar === void 0 ? void 0 : _props$tokens$grammar.lang,
-				"style": {
-					padding: "1rem",
-					counterReset: "line"
-				}
+				"style": { counterReset: "line" }
 			}, h("code", renderList(props.tokens.tokens, (line, index) => h("div", {
-				class: "line",
-				key: index,
-				style: {
-					fontSize: "0.875rem",
-					minHeight: "1rem"
-				}
+				"data-stream-markdown": "code-line",
+				"key": index
 			}, renderList(line, (token, tokenIndex) => h("span", {
 				key: tokenIndex,
 				style: token.htmlStyle || getTokenStyleObject(token)
@@ -40,4 +27,4 @@ var renderer_default = defineComponent({
 });
 
 //#endregion
-export { renderer_default as default };
+export { shiki_token_renderer_default as default };

package/dist/{table-B__TdLr7.js → table-C5VHgkTQ.js}

@@ -1,7 +1,7 @@
-import { B as useContext, M as ICONS, O as save, b as tableDataToMarkdown, u as useI18n, v as extractTableDataFromElement, x as tableDataToTSV, y as tableDataToCSV, z as useControls } from "./composables-BwAY_BDJ.js";
+import { B as useContext, M as ICONS, O as save, b as tableDataToMarkdown, u as useI18n, v as extractTableDataFromElement, x as tableDataToTSV, y as tableDataToCSV, z as useControls } from "./composables-Cj6_jbwr.js";
 import { t as node_list_default } from "./node-list-CGr_EVtn.js";
-import "./tooltip-CA6Kp7Ek.js";
-import { t as button_default } from "./button-dU2iYZBS.js";
+import "./tooltip-gxsqaBNg.js";
+import { t as button_default } from "./button-CJyeXWq2.js";
 import { t as spin_default } from "./spin-Ds5W7qC_.js";
 import { t as table_default$1 } from "./table-4ec9FVB_.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, ref, renderList, withCtx } from "vue";

package/dist/tooltip-BzVZqo7w.js

@@ -0,0 +1,4 @@
+import "./composables-Cj6_jbwr.js";
+import { t as tooltip_default } from "./tooltip-gxsqaBNg.js";
+
+export { tooltip_default as default };

package/dist/{tooltip-CA6Kp7Ek.js → tooltip-gxsqaBNg.js}

@@ -1,4 +1,4 @@
-import { B as useContext } from "./composables-BwAY_BDJ.js";
+import { B as useContext } from "./composables-Cj6_jbwr.js";
 import { computed, createBlock, createElementVNode, defineComponent, openBlock, ref, renderSlot, toDisplayString, unref, withCtx } from "vue";
 import { Tippy } from "vue-tippy";
 

package/dist/vanilla-CKj7EQLx.js

@@ -0,0 +1,4 @@
+import "./composables-Cj6_jbwr.js";
+import { t as vanilla_default } from "./vanilla-D5DzB31q.js";
+
+export { vanilla_default as default };

package/dist/vanilla-D5DzB31q.js

@@ -0,0 +1,39 @@
+import { V as useCodeOptions } from "./composables-Cj6_jbwr.js";
+import { computed, defineComponent, h, renderList, toRefs } from "vue";
+
+//#region src/components/renderers/code/vanilla.ts
+var vanilla_default = defineComponent({
+	name: "VanillaRenderer",
+	props: {
+		node: {
+			type: Object,
+			required: true
+		},
+		codeOptions: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props) {
+		const { codeOptions } = toRefs(props);
+		const code = computed(() => props.node.value.trim());
+		const lang = computed(() => props.node.lang || "");
+		const { showLineNumbers } = useCodeOptions({
+			codeOptions,
+			language: lang
+		});
+		const lines = computed(() => code.value.split("\n"));
+		return () => h("pre", {
+			"data-stream-markdown": "code",
+			"data-show-line-numbers": showLineNumbers.value,
+			"data-lang": lang.value,
+			"style": { counterReset: "line" }
+		}, h("code", { translate: "no" }, renderList(lines.value, (line, index) => h("div", {
+			"data-stream-markdown": "code-line",
+			"key": index
+		}, line))));
+	}
+});
+
+//#endregion
+export { vanilla_default as t };

package/dist/zoom-container-CwEDlKRx.js

@@ -0,0 +1,6 @@
+import "./composables-Cj6_jbwr.js";
+import "./tooltip-gxsqaBNg.js";
+import "./button-CJyeXWq2.js";
+import { t as zoom_container_default } from "./zoom-container-D_fBClW2.js";
+
+export { zoom_container_default as default };

package/dist/{zoom-container-Dlqv-z-t.js → zoom-container-D_fBClW2.js}

@@ -1,6 +1,6 @@
-import { M as ICONS, t as useZoom, u as useI18n } from "./composables-BwAY_BDJ.js";
-import { t as button_default } from "./button-dU2iYZBS.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeStyle, openBlock, ref, renderSlot, unref } from "vue";
+import { M as ICONS, t as useZoom, u as useI18n } from "./composables-Cj6_jbwr.js";
+import { t as button_default } from "./button-CJyeXWq2.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeStyle, openBlock, ref, renderSlot, unref, withModifiers } from "vue";
 
 //#region src/components/zoom-container.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = { "data-stream-markdown": "zoom-inner" };
@@ -54,13 +54,11 @@ var zoom_container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				ref: containerRef,
 				"data-stream-markdown": "zoom-container",
 				onWheel,
-				onMousedown: _cache[0] || (_cache[0] = (...args) => unref(startDrag) && unref(startDrag)(...args)),
-				onMousemove: _cache[1] || (_cache[1] = (...args) => unref(onDrag) && unref(onDrag)(...args)),
-				onMouseup: _cache[2] || (_cache[2] = (...args) => unref(stopDrag) && unref(stopDrag)(...args)),
-				onMouseleave: _cache[3] || (_cache[3] = (...args) => unref(stopDrag) && unref(stopDrag)(...args)),
-				onTouchstartPassive: _cache[4] || (_cache[4] = (...args) => unref(startDrag) && unref(startDrag)(...args)),
-				onTouchmovePassive: _cache[5] || (_cache[5] = (...args) => unref(onDrag) && unref(onDrag)(...args)),
-				onTouchendPassive: _cache[6] || (_cache[6] = (...args) => unref(stopDrag) && unref(stopDrag)(...args))
+				onPointerdown: _cache[0] || (_cache[0] = withModifiers((...args) => unref(startDrag) && unref(startDrag)(...args), ["prevent"])),
+				onPointermove: _cache[1] || (_cache[1] = withModifiers((...args) => unref(onDrag) && unref(onDrag)(...args), ["prevent"])),
+				onPointerup: _cache[2] || (_cache[2] = withModifiers((...args) => unref(stopDrag) && unref(stopDrag)(...args), ["prevent"])),
+				onPointercancel: _cache[3] || (_cache[3] = withModifiers((...args) => unref(stopDrag) && unref(stopDrag)(...args), ["prevent"])),
+				onPointerleave: _cache[4] || (_cache[4] = withModifiers((...args) => unref(stopDrag) && unref(stopDrag)(...args), ["prevent"]))
 			}, [__props.showControl ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				"data-stream-markdown": "zoom-controls",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-stream-markdown",
   "type": "module",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Streaming markdown output, Useful for text streams like LLM outputs.",
   "author": "jinghaihan",
   "license": "MIT",
@@ -24,6 +24,7 @@
   ],
   "exports": {
     ".": "./dist/index.js",
+    "./index.css": "./dist/index.css",
     "./theme.css": "./dist/theme.css",
     "./package.json": "./package.json"
   },

package/dist/blockquote-DFANmQEB.css

@@ -1,13 +0,0 @@
-.stream-markdown [data-stream-markdown="blockquote"] {
-  border-left: 4px solid color-mix(in oklab, var(--muted-foreground) 30%, transparent);
-  color: var(--muted-foreground);
-  margin-block: 1rem;
-  margin-inline: 0;
-  padding-left: 1rem;
-  font-style: italic;
-  position: relative;
-}
-.stream-markdown [data-stream-markdown="blockquote"] p {
-  margin-bottom: 0;
-}
-

package/dist/button-Bz0s_F3s.js

@@ -1,5 +0,0 @@
-import "./composables-BwAY_BDJ.js";
-import "./tooltip-CA6Kp7Ek.js";
-import { t as button_default } from "./button-dU2iYZBS.js";
-
-export { button_default as default };