vue-stream-markdown 0.2.3 → 0.3.1

package/dist/{inline-math-CPkpjl8t.js → inline-math-BE7gPPl0.js}

@@ -1,6 +1,6 @@
-import { g as useMathRenderer } from "./composables-CzUVrTt_.js";
-import "./icon-DcLTFhFW.js";
-import { t as error_component_default } from "./error-component-BTe-SuY7.js";
+import { U as useMathRenderer } from "./composables-CcP6Ysj8.js";
+import "./icon-CRNiOEiK.js";
+import { t as error_component_default } from "./error-component-BrESW9p1.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

package/dist/{link-BACrkxRW.js → link-EaqqdLrN.js}

@@ -1,7 +1,7 @@
-import { i as useSanitizers } from "./composables-CzUVrTt_.js";
-import { t as node_list_default } from "./node-list-7H-lIfUX.js";
-import "./icon-DcLTFhFW.js";
-import { t as error_component_default } from "./error-component-BTe-SuY7.js";
+import { i as useSanitizers } from "./composables-CcP6Ysj8.js";
+import { t as node_list_default } from "./node-list-VskJkISk.js";
+import "./icon-CRNiOEiK.js";
+import { t as error_component_default } from "./error-component-BrESW9p1.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/{list-Cu8G46hK.js → list-EaQaXX4p.js}

@@ -1,5 +1,5 @@
-import "./composables-CzUVrTt_.js";
-import { t as node_list_default } from "./node-list-7H-lIfUX.js";
+import "./composables-CcP6Ysj8.js";
+import { t as node_list_default } from "./node-list-VskJkISk.js";
 import { computed, createBlock, createVNode, defineComponent, mergeProps, openBlock, resolveDynamicComponent, withCtx } from "vue";
 
 //#region src/components/renderers/list.vue?vue&type=script&setup=true&lang.ts

package/dist/{list-item-BMgDS1tS.js → list-item-KAU_GIzi.js}

@@ -1,5 +1,5 @@
-import "./composables-CzUVrTt_.js";
-import { t as node_list_default } from "./node-list-7H-lIfUX.js";
+import "./composables-CcP6Ysj8.js";
+import { t as node_list_default } from "./node-list-VskJkISk.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/renderers/list-item.vue?vue&type=script&setup=true&lang.ts

package/dist/{math-XsZX0VMw.js → math-CsyxsUp9.js}

@@ -1,6 +1,6 @@
-import { g as useMathRenderer } from "./composables-CzUVrTt_.js";
-import "./icon-DcLTFhFW.js";
-import { t as error_component_default } from "./error-component-BTe-SuY7.js";
+import { U as useMathRenderer } from "./composables-CcP6Ysj8.js";
+import "./icon-CRNiOEiK.js";
+import { t as error_component_default } from "./error-component-BrESW9p1.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

package/dist/{mermaid-CQdSlhqn.js → mermaid-CA30wprV.js}

@@ -1,9 +1,9 @@
-import { G as useControls, _ as throttle, m as useMermaid } from "./composables-CzUVrTt_.js";
-import "./tooltip-DarhJuZR.js";
-import { t as button_default } from "./button-DVWlhfQ9.js";
-import "./icon-DcLTFhFW.js";
-import { t as error_component_default } from "./error-component-BTe-SuY7.js";
-import { t as zoom_container_default } from "./zoom-container-DQMpHHGQ.js";
+import { St as useControls, V as useMermaid, W as throttle, tt as useDeferredRender } from "./composables-CcP6Ysj8.js";
+import "./tooltip-BfznjscC.js";
+import { t as button_default } from "./button-BVOWJPmC.js";
+import "./icon-CRNiOEiK.js";
+import { t as error_component_default } from "./error-component-BrESW9p1.js";
+import { t as zoom_container_default } from "./zoom-container-Ci1d-2Rg.js";
 import { t as spin_default } from "./spin-DzERwGWy.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeStyle, openBlock, ref, renderList, resolveDynamicComponent, toRefs, watch, withCtx } from "vue";
 import { useResizeObserver } from "@vueuse/core";
@@ -84,6 +84,11 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			required: false,
 			default: 60
 		},
+		immediateRender: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
 		containerHeight: {
 			type: [String, Number],
 			required: false
@@ -117,6 +122,10 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			if (typeof props.containerHeight === "number") return props.containerHeight;
 			return containerHeight.value ? `${containerHeight.value}px` : "auto";
 		});
+		const { shouldRender } = useDeferredRender({
+			targetRef: containerRef,
+			immediate: props.immediateRender
+		});
 		const { renderMermaid } = useMermaid({
 			mermaidOptions,
 			isDark
@@ -160,6 +169,7 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			}
 		}
 		const render = throttle(props.throttle, async () => {
+			if (!shouldRender.value) return;
 			const { valid, svg: data, error: err } = await renderMermaid(code.value);
 			if (valid) {
 				svg.value = data;
@@ -169,6 +179,11 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			} else error.value = err;
 			renderFlag.value = true;
 		});
+		function eagerRender() {
+			renderAttempt.value = true;
+			renderFlag.value = false;
+			render();
+		}
 		const mermaidControls = computed(() => resolveControls("mermaid", [], props));
 		watch(() => [
 			code.value,
@@ -178,12 +193,11 @@ var mermaid_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 		], render, { immediate: true });
 		watch(loading, (curr, prev) => {
 			if (renderAttempt.value) return;
-			if (!curr && prev) {
-				renderAttempt.value = true;
-				renderFlag.value = false;
-				render();
-			}
+			if (!curr && prev) eagerRender();
 		}, { immediate: true });
+		watch(shouldRender, (curr, prev) => {
+			if (curr && !prev) eagerRender();
+		});
 		if (!props.containerHeight) useResizeObserver(containerRef, () => {
 			updateHeight();
 		});

package/dist/modal-C0X_IXfp.js

@@ -0,0 +1,4 @@
+import "./composables-CcP6Ysj8.js";
+import { t as modal_default } from "./modal-D8sOifLe.js";
+
+export { modal_default as default };

package/dist/{modal-C1riNMrs.js → modal-D8sOifLe.js}

@@ -1,4 +1,4 @@
-import { K as useContext, R as isClient } from "./composables-CzUVrTt_.js";
+import { Ct as useContext, ht as isClient } from "./composables-CcP6Ysj8.js";
 import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useModel, useSlots, withCtx } from "vue";
 import { createReusableTemplate, useEventListener } from "@vueuse/core";
 

package/dist/node-list--ReOjYkK.js

@@ -0,0 +1,4 @@
+import "./composables-CcP6Ysj8.js";
+import { t as node_list_default } from "./node-list-VskJkISk.js";
+
+export { node_list_default as default };

package/dist/{node-list-7H-lIfUX.js → node-list-VskJkISk.js}

@@ -1,85 +1,6 @@
-import { K as useContext } from "./composables-CzUVrTt_.js";
+import { Ct as useContext } from "./composables-CcP6Ysj8.js";
 import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, renderList, resolveDynamicComponent, withCtx } from "vue";
 
-//#region src/components/markdown.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1 = ["innerHTML"];
-var markdown_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "markdown",
-	props: {
-		markdownParser: {
-			type: Object,
-			required: true
-		},
-		nodeRenderers: {
-			type: Object,
-			required: true
-		},
-		node: {
-			type: Object,
-			required: true
-		},
-		nodeKey: {
-			type: String,
-			required: true
-		},
-		controls: {
-			type: [Boolean, Object],
-			required: false
-		},
-		previewers: {
-			type: [Boolean, Object],
-			required: false
-		},
-		shikiOptions: {
-			type: Object,
-			required: false
-		},
-		mermaidOptions: {
-			type: Object,
-			required: false
-		},
-		katexOptions: {
-			type: Object,
-			required: false
-		},
-		hardenOptions: {
-			type: Object,
-			required: false
-		},
-		codeOptions: {
-			type: Object,
-			required: false
-		},
-		imageOptions: {
-			type: Object,
-			required: false
-		},
-		uiOptions: {
-			type: Object,
-			required: false
-		},
-		isDark: {
-			type: Boolean,
-			required: false
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const html = computed(() => {
-			const content = props.markdownParser.astToMarkdown(props.node);
-			return props.markdownParser.markdownToHtml(content);
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", { innerHTML: html.value }, null, 8, _hoisted_1);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/markdown.vue
-var markdown_default = markdown_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
 //#region src/components/node-list.vue?vue&type=script&setup=true&lang.ts
 var node_list_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
@@ -160,7 +81,7 @@ var node_list_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		});
 		const excludeTransition = ["code"];
 		function getNodeComponent(node) {
-			return props.nodeRenderers[node.type] || markdown_default;
+			return props.nodeRenderers[node.type] || null;
 		}
 		function getNodeBindings(node) {
 			return {

package/dist/{paragraph-Cfd37HUK.js → paragraph-D6OuJvHb.js}

@@ -1,5 +1,5 @@
-import "./composables-CzUVrTt_.js";
-import { t as node_list_default } from "./node-list-7H-lIfUX.js";
+import "./composables-CcP6Ysj8.js";
+import { t as node_list_default } from "./node-list-VskJkISk.js";
 import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/renderers/paragraph.vue?vue&type=script&setup=true&lang.ts

package/dist/{previewers-C7PKsIbc.js → previewers-CwjTiQh8.js}

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

package/dist/segmented-D-zfh_BF.js

@@ -0,0 +1,7 @@
+import "./composables-CcP6Ysj8.js";
+import "./tooltip-BfznjscC.js";
+import "./button-BVOWJPmC.js";
+import "./icon-CRNiOEiK.js";
+import { t as segmented_default } from "./segmented-DafF5jPA.js";
+
+export { segmented_default as default };

package/dist/{segmented-C9j-IIDc.js → segmented-DafF5jPA.js}

@@ -1,4 +1,4 @@
-import { t as button_default } from "./button-DVWlhfQ9.js";
+import { t as button_default } from "./button-BVOWJPmC.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-BoBbCakv.js → shiki-C1omjtbf.js}

@@ -1,5 +1,5 @@
-import { q as useCodeOptions, r as useShiki } from "./composables-CzUVrTt_.js";
-import { t as vanilla_default } from "./vanilla-Z6d1vQmX.js";
+import { r as useShiki, wt as useCodeOptions } from "./composables-CcP6Ysj8.js";
+import { t as vanilla_default } from "./vanilla-CfMvJwq0.js";
 import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineAsyncComponent, defineComponent, mergeProps, normalizeStyle, openBlock, ref, toRefs, unref, watch, withCtx } from "vue";
 import { useResizeObserver } from "@vueuse/core";
 

package/dist/{strong-BzOBAWrG.js → strong-Clqsbyuc.js}

@@ -1,5 +1,5 @@
-import "./composables-CzUVrTt_.js";
-import { t as node_list_default } from "./node-list-7H-lIfUX.js";
+import "./composables-CcP6Ysj8.js";
+import { t as node_list_default } from "./node-list-VskJkISk.js";
 import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/renderers/strong.vue?vue&type=script&setup=true&lang.ts

package/dist/{table-YY5M01Jm.js → table-DQZFzn1X.js}

@@ -1,8 +1,8 @@
-import { A as tableDataToMarkdown, G as useControls, K as useContext, O as extractTableDataFromElement, V as save, b as useI18n, j as tableDataToTSV, k as tableDataToCSV } from "./composables-CzUVrTt_.js";
-import { t as node_list_default } from "./node-list-7H-lIfUX.js";
-import "./tooltip-DarhJuZR.js";
-import { t as button_default } from "./button-DVWlhfQ9.js";
-import "./icon-DcLTFhFW.js";
+import { Ct as useContext, St as useControls, at as tableDataToMarkdown, it as tableDataToCSV, ot as tableDataToTSV, q as useI18n, rt as extractTableDataFromElement, vt as save } from "./composables-CcP6Ysj8.js";
+import { t as node_list_default } from "./node-list-VskJkISk.js";
+import "./tooltip-BfznjscC.js";
+import { t as button_default } from "./button-BVOWJPmC.js";
+import "./icon-CRNiOEiK.js";
 import { t as spin_default } from "./spin-DzERwGWy.js";
 import { t as table_default$1 } from "./table-tZ8TA3cu.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, ref, renderList, withCtx } from "vue";
@@ -75,7 +75,7 @@ var table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	setup(__props) {
 		const props = __props;
 		const { t } = useI18n();
-		const { onCopied } = useContext();
+		const { beforeDownload, onCopied } = useContext();
 		const { copy, copied } = useClipboard({ legacy: true });
 		const { isControlEnabled, resolveControls } = useControls({ controls: props.controls });
 		const showCopy = computed(() => isControlEnabled("table.copy"));
@@ -146,14 +146,19 @@ var table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			icon: "download",
 			options,
 			visible: () => showDownload.value,
-			onClick: (_event, item) => {
+			onClick: async (_event, item) => {
 				const data = getTableContent((item === null || item === void 0 ? void 0 : item.value) || "csv");
 				if (!data) return;
-				save(`table.${data.extension}`, data.content, data.mimeType);
+				if (await beforeDownload({
+					type: "table",
+					content: data.content
+				})) save(`table.${data.extension}`, data.content, data.mimeType);
 			}
 		}]);
 		const controls = computed(() => resolveControls("table", builtinControls.value, props));
 		function getNodes(cell) {
+			const children = cell.children;
+			if (children) return children;
 			return [cell];
 		}
 		return (_ctx, _cache) => {

package/dist/{tooltip-DarhJuZR.js → tooltip-BfznjscC.js}

@@ -1,4 +1,4 @@
-import { E as useFloating, K as useContext } from "./composables-CzUVrTt_.js";
+import { $ as useFloating, Ct as useContext } from "./composables-CcP6Ysj8.js";
 import { Fragment, Teleport, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeStyle, openBlock, renderSlot, toDisplayString, toRefs, unref } from "vue";
 
 //#region src/components/tooltip.vue?vue&type=script&setup=true&lang.ts

package/dist/tooltip-Yf5TSh_Q.js

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

package/dist/vanilla-C7Ds8DWX.js

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

package/dist/{vanilla-Z6d1vQmX.js → vanilla-CfMvJwq0.js}

@@ -1,4 +1,4 @@
-import { q as useCodeOptions } from "./composables-CzUVrTt_.js";
+import { wt as useCodeOptions } from "./composables-CcP6Ysj8.js";
 import { computed, defineComponent, h, renderList, toRefs } from "vue";
 
 //#region src/components/renderers/code/vanilla.ts

package/dist/{zoom-container-DQMpHHGQ.js → zoom-container-Ci1d-2Rg.js}

@@ -1,5 +1,5 @@
-import { b as useI18n, t as useZoom } from "./composables-CzUVrTt_.js";
-import { t as button_default } from "./button-DVWlhfQ9.js";
+import { q as useI18n, t as useZoom } from "./composables-CcP6Ysj8.js";
+import { t as button_default } from "./button-BVOWJPmC.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, normalizeStyle, openBlock, ref, renderList, renderSlot, unref, withModifiers } from "vue";
 
 //#region src/components/zoom-container.vue?vue&type=script&setup=true&lang.ts

package/dist/zoom-container-Dd5Vtieh.js

@@ -0,0 +1,7 @@
+import "./composables-CcP6Ysj8.js";
+import "./tooltip-BfznjscC.js";
+import "./button-BVOWJPmC.js";
+import "./icon-CRNiOEiK.js";
+import { t as zoom_container_default } from "./zoom-container-Ci1d-2Rg.js";
+
+export { zoom_container_default as default };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-stream-markdown",
   "type": "module",
-  "version": "0.2.3",
+  "version": "0.3.1",
   "description": "Streaming markdown output, Useful for text streams like LLM outputs.",
   "author": "jinghaihan",
   "license": "MIT",
@@ -18,8 +18,8 @@
     "markdown",
     "stream",
     "mermaid",
-    "latex",
     "katex",
+    "latex",
     "customizable"
   ],
   "exports": {
@@ -53,9 +53,7 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.4",
-    "@vueuse/core": "^14.1.0",
-    "markdown-it-async": "^2.2.0",
-    "remend": "^1.0.1"
+    "@vueuse/core": "^14.1.0"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^6.7.1",

package/dist/button-Dw4uJRaD.js

@@ -1,6 +0,0 @@
-import "./composables-CzUVrTt_.js";
-import "./tooltip-DarhJuZR.js";
-import { t as button_default } from "./button-DVWlhfQ9.js";
-import "./icon-DcLTFhFW.js";
-
-export { button_default as default };

package/dist/code-block-Bitp8x1w.js

@@ -1,10 +0,0 @@
-import "./previewers-C7PKsIbc.js";
-import "./composables-CzUVrTt_.js";
-import "./tooltip-DarhJuZR.js";
-import "./button-DVWlhfQ9.js";
-import "./icon-DcLTFhFW.js";
-import "./modal-C1riNMrs.js";
-import { t as code_block_default } from "./code-block-CmUZxKNr.js";
-import "./segmented-C9j-IIDc.js";
-
-export { code_block_default as default };