vue-stream-markdown 0.1.2 → 0.1.4

package/dist/index.js

@@ -1,5 +1,5 @@
-import { t as CODE_PREVIEWERS } from "./previewers-CMreQ4TA.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-CZ7YmjNl.js";
+import { t as CODE_PREVIEWERS } from "./previewers-ByaS2Ksa.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-Cx0nvyHl.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";
@@ -51,20 +51,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-_dL6Qk0F.js")),
+	code: defineAsyncComponent(() => import("./code-BxWvKFxG.js")),
 	delete: defineAsyncComponent(() => import("./delete-BdWzKJCy.js")),
 	emphasis: defineAsyncComponent(() => import("./emphasis-CTuGt1Ok.js")),
 	heading: defineAsyncComponent(() => import("./heading-2vpQQtTH.js")),
-	image: defineAsyncComponent(() => import("./image-DB-4Sv8R.js")),
+	image: defineAsyncComponent(() => import("./image-BDtPwitR.js")),
 	inlineCode: defineAsyncComponent(() => import("./inline-code-CBoqhfz7.js")),
-	inlineMath: defineAsyncComponent(() => import("./inline-math-rChhv_1j.js")),
-	link: defineAsyncComponent(() => import("./link-CJk67Kbh.js")),
+	inlineMath: defineAsyncComponent(() => import("./inline-math-CAqboT7h.js")),
+	link: defineAsyncComponent(() => import("./link-C8BSlPhZ.js")),
 	list: defineAsyncComponent(() => import("./list-BCiFKGaz.js")),
 	listItem: defineAsyncComponent(() => import("./list-item-p-OLUR_9.js")),
-	math: defineAsyncComponent(() => import("./math-ZLxqHT_f.js")),
+	math: defineAsyncComponent(() => import("./math-CT1TB2pK.js")),
 	paragraph: defineAsyncComponent(() => import("./paragraph-DYjqr_Sa.js")),
 	strong: defineAsyncComponent(() => import("./strong-CvOjLZiq.js")),
-	table: defineAsyncComponent(() => import("./table-BmGwZIPR.js")),
+	table: defineAsyncComponent(() => import("./table-l_3z210v.js")),
 	text: defineAsyncComponent(() => import("./text-DuONUqRA.js")),
 	thematicBreak: defineAsyncComponent(() => import("./thematic-break-CcNPEI9Y.js")),
 	yaml: defineAsyncComponent(() => import("./yaml-DJHrmzSe.js"))
@@ -73,17 +73,17 @@ const NODE_RENDERERS = {
 //#endregion
 //#region src/components/index.ts
 const COMMON_COMPONENTS = {
-	Button: defineAsyncComponent(() => import("./button-DBgeYAZy.js")),
-	CodeBlock: defineAsyncComponent(() => import("./code-block-DGZ48hb0.js")),
-	Dropdown: defineAsyncComponent(() => import("./dropdown-DR-uQ215.js")),
-	ErrorComponent: defineAsyncComponent(() => import("./error-component-CKCT9gXy.js")),
+	Button: defineAsyncComponent(() => import("./button-D6ccVxGm.js")),
+	CodeBlock: defineAsyncComponent(() => import("./code-block-B72JfFy-.js")),
+	Dropdown: defineAsyncComponent(() => import("./dropdown-oiCw8QVq.js")),
+	ErrorComponent: defineAsyncComponent(() => import("./error-component-8y13-fYG.js")),
 	Modal: defineAsyncComponent(() => import("./modal-DcpxxDDX.js")),
 	NodeList: defineAsyncComponent(() => import("./node-list-lgY1wbfQ.js")),
-	Segmented: defineAsyncComponent(() => import("./segmented-63wrfRNo.js")),
+	Segmented: defineAsyncComponent(() => import("./segmented-B4IEw3wg.js")),
 	Spin: defineAsyncComponent(() => import("./spin-Bz4zGBEo.js")),
 	Table: defineAsyncComponent(() => import("./table-CZLbUHiJ.js")),
-	Tooltip: defineAsyncComponent(() => import("./tooltip--rusT8LZ.js")),
-	ZoomContainer: defineAsyncComponent(() => import("./zoom-container-C-CB2LTY.js"))
+	Tooltip: defineAsyncComponent(() => import("./tooltip-CAoc_U1X.js")),
+	ZoomContainer: defineAsyncComponent(() => import("./zoom-container-DBgGdbJS.js"))
 };
 
 //#endregion
@@ -17536,6 +17536,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 +18068,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 +18161,7 @@ function preprocess(content$2) {
 		fixCode,
 		fixTable,
 		fixInlineMath,
+		fixTaskList,
 		remend
 	])(content$2);
 }
@@ -18224,6 +18271,11 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			required: false,
 			default: () => ({})
 		},
+		icons: {
+			type: Object,
+			required: false,
+			default: () => ({})
+		},
 		locale: {
 			type: [String, Object],
 			required: false,
@@ -18293,7 +18345,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const { isDark } = toRefs(props);
+		const { shikiOptions, mermaidOptions, isDark } = toRefs(props);
 		const containerRef = ref();
 		const { provideContext } = useContext();
 		const { initTippy } = useTippy({ isDark });
@@ -18309,11 +18361,15 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			...NODE_RENDERERS,
 			...props.nodeRenderers
 		}));
+		const icons = computed(() => ({
+			...ICONS,
+			...props.icons
+		}));
 		function getContainer() {
 			return containerRef.value;
 		}
-		const { preload: preloadShiki, dispose: disposeShiki } = useShiki();
-		const { preload: preloadMermaid, dispose: disposeMermaid } = useMermaid();
+		const { preload: preloadShiki, dispose: disposeShiki } = useShiki({ shikiOptions });
+		const { preload: preloadMermaid, dispose: disposeMermaid } = useMermaid({ mermaidOptions });
 		const { preload: preloadKatex, dispose: disposeKatex } = useKatex();
 		async function bootstrap() {
 			initTippy();
@@ -18330,6 +18386,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		watch(() => props.mode, () => markdownParser.updateMode(props.mode));
 		watch(() => props.locale, () => loadLocaleMessages(props.locale));
 		provideContext({
+			icons,
 			isDark,
 			getContainer,
 			onCopied: (content$2) => {
@@ -18371,4 +18428,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-rChhv_1j.js → inline-math-CAqboT7h.js}

@@ -1,6 +1,6 @@
-import { o as useMathRenderer } from "./composables-CZ7YmjNl.js";
-import { t as error_component_default } from "./error-component-ChEpOmSX.js";
-import { Transition, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, resolveDynamicComponent, toRefs, unref, withCtx } from "vue";
+import { o as useMathRenderer } from "./composables-Cx0nvyHl.js";
+import { t as error_component_default } from "./error-component-Bhl770lu.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-CJk67Kbh.js → link-C8BSlPhZ.js}

@@ -1,6 +1,6 @@
-import { g as useHardenSanitizers } from "./composables-CZ7YmjNl.js";
+import { g as useHardenSanitizers } from "./composables-Cx0nvyHl.js";
 import { t as node_list_default } from "./node-list-CGr_EVtn.js";
-import { t as error_component_default } from "./error-component-ChEpOmSX.js";
+import { t as error_component_default } from "./error-component-Bhl770lu.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-ZLxqHT_f.js → math-CT1TB2pK.js}

@@ -1,6 +1,6 @@
-import { o as useMathRenderer } from "./composables-CZ7YmjNl.js";
-import { t as error_component_default } from "./error-component-ChEpOmSX.js";
-import { Transition, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, resolveDynamicComponent, toRefs, unref, withCtx } from "vue";
+import { o as useMathRenderer } from "./composables-Cx0nvyHl.js";
+import { t as error_component_default } from "./error-component-Bhl770lu.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-CNFU7Pg8.js → mermaid-CYrA8rCl.js}

@@ -1,9 +1,9 @@
-import { a as useMermaid, s as throttle, z as useControls } from "./composables-CZ7YmjNl.js";
-import "./tooltip-KcTe6tBF.js";
-import "./button-vKhxUL3C.js";
-import { t as error_component_default } from "./error-component-ChEpOmSX.js";
+import { a as useMermaid, s as throttle, z as useControls } from "./composables-Cx0nvyHl.js";
+import "./tooltip-3UDC9mw-.js";
+import "./button-jFTF378X.js";
+import { t as error_component_default } from "./error-component-Bhl770lu.js";
 import { t as spin_default } from "./spin-Ds5W7qC_.js";
-import { t as zoom_container_default } from "./zoom-container-D1Mys9gv.js";
+import { t as zoom_container_default } from "./zoom-container-gjQ0EMyk.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-CMreQ4TA.js → previewers-ByaS2Ksa.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-CNFU7Pg8.js"))
+	mermaid: defineAsyncComponent(() => import("./mermaid-CYrA8rCl.js"))
 };
 
 //#endregion

package/dist/segmented-B4IEw3wg.js

@@ -0,0 +1,6 @@
+import "./composables-Cx0nvyHl.js";
+import "./tooltip-3UDC9mw-.js";
+import "./button-jFTF378X.js";
+import { t as segmented_default } from "./segmented-DBW9ignu.js";
+
+export { segmented_default as default };

package/dist/{segmented-RoWxDIP3.js → segmented-DBW9ignu.js}

@@ -1,4 +1,4 @@
-import { t as button_default } from "./button-vKhxUL3C.js";
+import { t as button_default } from "./button-jFTF378X.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-4529WbJJ.js → shiki-bQYWLdW3.js}

@@ -1,5 +1,5 @@
-import { i as useShiki } from "./composables-CZ7YmjNl.js";
-import { t as vanilla_default } from "./vanilla-DkX6g0dm.js";
+import { V as useCodeOptions, i as useShiki } from "./composables-Cx0nvyHl.js";
+import { t as vanilla_default } from "./vanilla-CFWVwBvD.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-BmGwZIPR.js → table-l_3z210v.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-CZ7YmjNl.js";
+import { B as useContext, O as save, b as tableDataToMarkdown, u as useI18n, v as extractTableDataFromElement, x as tableDataToTSV, y as tableDataToCSV, z as useControls } from "./composables-Cx0nvyHl.js";
 import { t as node_list_default } from "./node-list-CGr_EVtn.js";
-import "./tooltip-KcTe6tBF.js";
-import { t as button_default } from "./button-vKhxUL3C.js";
+import "./tooltip-3UDC9mw-.js";
+import { t as button_default } from "./button-jFTF378X.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";
@@ -78,6 +78,7 @@ var table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	setup(__props) {
 		const props = __props;
 		const { t } = useI18n();
+		const { icons } = useContext();
 		const { onCopied } = useContext();
 		const { copy, copied } = useClipboard({ legacy: true });
 		const { isControlEnabled } = useControls({ controls: props.controls });
@@ -130,7 +131,7 @@ var table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		const controls = computed(() => [{
 			name: t("button.copy"),
 			key: "copy",
-			icon: copied.value ? ICONS.check : ICONS.copy,
+			icon: copied.value ? icons.value.check : icons.value.copy,
 			options,
 			visible: () => showCopy.value,
 			onClick: (_event, item) => {
@@ -142,7 +143,7 @@ var table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		}, {
 			name: t("button.download"),
 			key: "download",
-			icon: ICONS.download,
+			icon: icons.value.download,
 			options,
 			visible: () => showDownload.value,
 			onClick: (_event, item) => {

package/dist/{tooltip-KcTe6tBF.js → tooltip-3UDC9mw-.js}

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

package/dist/tooltip-CAoc_U1X.js

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

package/dist/vanilla-CFWVwBvD.js

@@ -0,0 +1,39 @@
+import { V as useCodeOptions } from "./composables-Cx0nvyHl.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/vanilla-De7W3PpS.js

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

package/dist/zoom-container-DBgGdbJS.js

@@ -0,0 +1,6 @@
+import "./composables-Cx0nvyHl.js";
+import "./tooltip-3UDC9mw-.js";
+import "./button-jFTF378X.js";
+import { t as zoom_container_default } from "./zoom-container-gjQ0EMyk.js";
+
+export { zoom_container_default as default };

package/dist/{zoom-container-D1Mys9gv.js → zoom-container-gjQ0EMyk.js}

@@ -1,5 +1,5 @@
-import { M as ICONS, t as useZoom, u as useI18n } from "./composables-CZ7YmjNl.js";
-import { t as button_default } from "./button-vKhxUL3C.js";
+import { B as useContext, t as useZoom, u as useI18n } from "./composables-Cx0nvyHl.js";
+import { t as button_default } from "./button-jFTF378X.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
@@ -22,7 +22,8 @@ var zoom_container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const props = __props;
 		const containerRef = ref();
 		const { t } = useI18n();
-		const { zoom, isDragging, transformStyle, zoomIn, zoomOut, resetZoom, startDrag, onDrag, stopDrag, handleWheel } = useZoom();
+		const { icons } = useContext();
+		const { zoom, isDragging, transformStyle, zoomIn, zoomOut, resetZoom, startDrag, onDrag, stopDrag, handleWheel, handleTouchStart, handleTouchMove, handleTouchEnd } = useZoom();
 		const zoomPercent = computed(() => `${Math.round(zoom.value * 100)}%`);
 		const controlsStyle = computed(() => {
 			switch (props.position) {
@@ -48,12 +49,24 @@ var zoom_container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		function onWheel(event) {
 			if (containerRef.value) handleWheel(event, containerRef.value);
 		}
+		function onTouchStart(event) {
+			if (containerRef.value) handleTouchStart(event, containerRef.value);
+		}
+		function onTouchMove(event) {
+			if (containerRef.value) handleTouchMove(event, containerRef.value);
+		}
+		function onTouchEnd(event) {
+			handleTouchEnd(event);
+		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				ref_key: "containerRef",
 				ref: containerRef,
 				"data-stream-markdown": "zoom-container",
 				onWheel,
+				onTouchstart: onTouchStart,
+				onTouchmove: onTouchMove,
+				onTouchend: onTouchEnd,
 				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"])),
@@ -65,7 +78,7 @@ var zoom_container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				style: normalizeStyle(controlsStyle.value)
 			}, [
 				createVNode(button_default, {
-					icon: unref(ICONS).zoomIn,
+					icon: unref(icons).zoomIn,
 					name: unref(t)("button.zoomIn"),
 					onClick: unref(zoomIn)
 				}, null, 8, [
@@ -74,7 +87,7 @@ var zoom_container_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					"onClick"
 				]),
 				createVNode(button_default, {
-					icon: unref(ICONS).zoomOut,
+					icon: unref(icons).zoomOut,
 					name: unref(t)("button.zoomOut"),
 					onClick: unref(zoomOut)
 				}, null, 8, [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-stream-markdown",
   "type": "module",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Streaming markdown output, Useful for text streams like LLM outputs.",
   "author": "jinghaihan",
   "license": "MIT",

package/dist/button-DBgeYAZy.js

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

package/dist/code-block-DGZ48hb0.js

@@ -1,9 +0,0 @@
-import "./previewers-CMreQ4TA.js";
-import "./composables-CZ7YmjNl.js";
-import "./tooltip-KcTe6tBF.js";
-import "./button-vKhxUL3C.js";
-import "./modal-CuQR21UD.js";
-import { t as code_block_default } from "./code-block-wYeMwBck.js";
-import "./segmented-RoWxDIP3.js";
-
-export { code_block_default as default };

package/dist/dropdown-DR-uQ215.js

@@ -1,5 +0,0 @@
-import "./composables-CZ7YmjNl.js";
-import "./tooltip-KcTe6tBF.js";
-import { n as dropdown_default } from "./button-vKhxUL3C.js";
-
-export { dropdown_default as default };

package/dist/error-component-CKCT9gXy.js

@@ -1,4 +0,0 @@
-import "./composables-CZ7YmjNl.js";
-import { t as error_component_default } from "./error-component-ChEpOmSX.js";
-
-export { error_component_default as default };

package/dist/segmented-63wrfRNo.js

@@ -1,6 +0,0 @@
-import "./composables-CZ7YmjNl.js";
-import "./tooltip-KcTe6tBF.js";
-import "./button-vKhxUL3C.js";
-import { t as segmented_default } from "./segmented-RoWxDIP3.js";
-
-export { segmented_default as default };

package/dist/tooltip--rusT8LZ.js

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

package/dist/vanilla-CA9QO96X.js

@@ -1,3 +0,0 @@
-import { t as vanilla_default } from "./vanilla-DkX6g0dm.js";
-
-export { vanilla_default as default };