vue-stream-markdown 0.1.5 → 0.1.6

package/dist/{node-list-YhpHXdM_.js → node-list--v2wbxOo.js}

@@ -1,3 +1,4 @@
+import { H as useContext } from "./composables-DWipZHuF.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
@@ -17,8 +18,8 @@ var markdown_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			type: Object,
 			required: true
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: true
 		},
 		controls: {
@@ -85,8 +86,8 @@ var node_list_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			required: false,
 			default: () => []
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: false
 		},
 		markdownParser: {
@@ -136,11 +137,17 @@ var node_list_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 	},
 	setup(__props) {
 		const props = __props;
+		const { mode, enableAnimate } = useContext();
+		const enableTransition = computed(() => {
+			if (typeof enableAnimate.value === "boolean") return enableAnimate.value;
+			return mode.value === "streaming";
+		});
 		const nodes = computed(() => {
 			var _props$nodes;
 			return (_props$nodes = props.nodes) === null || _props$nodes === void 0 ? void 0 : _props$nodes.map((node, index) => ({
 				node,
-				index
+				index,
+				key: getNodeKey(node, index)
 			}));
 		});
 		const excludeTransition = ["code"];
@@ -154,22 +161,24 @@ var node_list_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				nodes: void 0
 			};
 		}
-		function getNodeIndexKey(index) {
-			return `${props.indexKey || "stream-markdown"}-${index}`;
+		function getNodeKey(node, index) {
+			const nodeKey = `${props.nodeKey || "stream-markdown"}-${node.type}`;
+			if (node.type === "footnoteReference" || node.type === "footnoteDefinition") return `${nodeKey}-${node.identifier}`;
+			return `${nodeKey}-${index}`;
 		}
 		return (_ctx, _cache) => {
 			return openBlock(true), createElementBlock(Fragment, null, renderList(nodes.value, (item) => {
-				return openBlock(), createElementBlock(Fragment, { key: item.index }, [!excludeTransition.includes(item.node.type) ? (openBlock(), createBlock(Transition, {
+				return openBlock(), createElementBlock(Fragment, { key: item.key }, [enableTransition.value && !excludeTransition.includes(item.node.type) ? (openBlock(), createBlock(Transition, {
 					key: 0,
 					name: "typewriter",
 					appear: ""
 				}, {
-					default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(getNodeComponent(item.node)), mergeProps({ ref_for: true }, getNodeBindings(item.node), { "index-key": getNodeIndexKey(item.index) }), null, 16, ["index-key"]))]),
+					default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(getNodeComponent(item.node)), mergeProps({ ref_for: true }, getNodeBindings(item.node), { "node-key": item.key }), null, 16, ["node-key"]))]),
 					_: 2
 				}, 1024)) : (openBlock(), createBlock(resolveDynamicComponent(getNodeComponent(item.node)), mergeProps({
 					key: 1,
 					ref_for: true
-				}, getNodeBindings(item.node), { "index-key": getNodeIndexKey(item.index) }), null, 16, ["index-key"]))], 64);
+				}, getNodeBindings(item.node), { "node-key": item.key }), null, 16, ["node-key"]))], 64);
 			}), 128);
 		};
 	}

package/dist/node-list-CHvX62Zh.js

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

package/dist/{paragraph-BN-4-Dn7.js → paragraph-DRPfp6DV.js}

@@ -1,4 +1,5 @@
-import { t as node_list_default } from "./node-list-YhpHXdM_.js";
+import "./composables-DWipZHuF.js";
+import { t as node_list_default } from "./node-list--v2wbxOo.js";
 import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/renderers/paragraph.vue?vue&type=script&setup=true&lang.ts
@@ -18,8 +19,8 @@ var paragraph_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			type: Object,
 			required: true
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: true
 		},
 		controls: {

package/dist/previewers-DsN-cTwd.js

@@ -0,0 +1,10 @@
+import { defineAsyncComponent } from "vue";
+
+//#region src/components/previewers/index.ts
+const CODE_PREVIEWERS = {
+	html: defineAsyncComponent(() => import("./html-DFU0myJP.js")),
+	mermaid: defineAsyncComponent(() => import("./mermaid-0x6C2MY5.js"))
+};
+
+//#endregion
+export { CODE_PREVIEWERS as t };

package/dist/segmented-DIVDGfR5.js

@@ -0,0 +1,6 @@
+import "./composables-DWipZHuF.js";
+import "./tooltip-Bdt9-aQx.js";
+import "./button-B2ebQt7R.js";
+import { t as segmented_default } from "./segmented-Drf8EBQD.js";
+
+export { segmented_default as default };

package/dist/{segmented-CaC54iz_.js → segmented-Drf8EBQD.js}

@@ -1,4 +1,4 @@
-import { t as button_default } from "./button-BQhuT7wh.js";
+import { t as button_default } from "./button-B2ebQt7R.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-sJNZTn1K.js → shiki-CkwRD3TS.js}

@@ -1,5 +1,5 @@
-import { U as useCodeOptions, r as useShiki } from "./composables-yny5gJo3.js";
-import { t as vanilla_default } from "./vanilla-BTOVqKl7.js";
+import { U as useCodeOptions, r as useShiki } from "./composables-DWipZHuF.js";
+import { t as vanilla_default } from "./vanilla-BSgZTIo9.js";
 import { computed, createBlock, createCommentVNode, defineAsyncComponent, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, ref, toRefs, unref, watch } from "vue";
 
 //#region src/components/renderers/code/shiki.vue?vue&type=script&setup=true&lang.ts
@@ -18,8 +18,8 @@ var shiki_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			type: Object,
 			required: true
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: true
 		},
 		controls: {
@@ -62,7 +62,7 @@ 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("./shiki-token-renderer-CLmUjKa3.js"));
+		const ShikiTokensRenderer = defineAsyncComponent(() => import("./shiki-token-renderer-BMveKuYt.js"));
 		const code = computed(() => props.node.value.trim());
 		const lang = computed(() => props.node.lang || "");
 		const { showLineNumbers } = useCodeOptions({

package/dist/spin-DWkKEP0G.js

@@ -0,0 +1,3 @@
+import { t as spin_default } from "./spin-D4Oi_m7j.js";
+
+export { spin_default as default };

package/dist/{strong-NdAS3VjP.js → strong-D6V4fCRG.js}

@@ -1,4 +1,5 @@
-import { t as node_list_default } from "./node-list-YhpHXdM_.js";
+import "./composables-DWipZHuF.js";
+import { t as node_list_default } from "./node-list--v2wbxOo.js";
 import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/renderers/strong.vue?vue&type=script&setup=true&lang.ts
@@ -18,8 +19,8 @@ var strong_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			type: Object,
 			required: true
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: true
 		},
 		controls: {

package/dist/table-B2mghd3l.js

@@ -0,0 +1,3 @@
+import { t as table_default } from "./table-iNA4la0w.js";
+
+export { table_default as default };

package/dist/{table-CWX5B2i1.js → table-DLUgGL5Q.js}

@@ -1,9 +1,9 @@
-import { H as useContext, O as save, V as useControls, b as tableDataToMarkdown, u as useI18n, v as extractTableDataFromElement, x as tableDataToTSV, y as tableDataToCSV } from "./composables-yny5gJo3.js";
-import { t as node_list_default } from "./node-list-YhpHXdM_.js";
-import "./tooltip-Bgbzbk4Q.js";
-import { t as button_default } from "./button-BQhuT7wh.js";
-import { t as spin_default } from "./spin--f5jNjBn.js";
-import { t as table_default$1 } from "./table-CaUMjs4M.js";
+import { A as save, C as tableDataToTSV, H as useContext, P as useI18n, S as tableDataToMarkdown, V as useControls, b as extractTableDataFromElement, x as tableDataToCSV } from "./composables-DWipZHuF.js";
+import { t as node_list_default } from "./node-list--v2wbxOo.js";
+import "./tooltip-Bdt9-aQx.js";
+import { t as button_default } from "./button-B2ebQt7R.js";
+import { t as spin_default } from "./spin-D4Oi_m7j.js";
+import { t as table_default$1 } from "./table-iNA4la0w.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, ref, renderList, withCtx } from "vue";
 import { useClipboard } from "@vueuse/core";
 
@@ -26,8 +26,8 @@ var table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			type: Object,
 			required: true
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: true
 		},
 		controls: {

package/dist/{text-DpleLvNh.js → text-DoY1TIw3.js}

@@ -17,8 +17,8 @@ var text_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			type: Object,
 			required: true
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: true
 		},
 		controls: {

package/dist/{thematic-break-D5GvzU5S.js → thematic-break-DXDZ5dcO.js}

@@ -17,8 +17,8 @@ var thematic_break_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			type: Object,
 			required: true
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: true
 		},
 		controls: {

package/dist/{tooltip-Bgbzbk4Q.js → tooltip-Bdt9-aQx.js}

@@ -1,4 +1,4 @@
-import { B as useFloatingElement, H as useContext } from "./composables-yny5gJo3.js";
+import { B as useFloatingElement, H as useContext } from "./composables-DWipZHuF.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-DQ1-yPia.js

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

package/dist/{vanilla-BTOVqKl7.js → vanilla-BSgZTIo9.js}

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

package/dist/vanilla-DUbuBied.js

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

package/dist/{yaml-y0snrPRx.js → yaml-3cd5rdJj.js}

@@ -1,4 +1,4 @@
-import { t as table_default } from "./table-CaUMjs4M.js";
+import { t as table_default } from "./table-iNA4la0w.js";
 import { computed, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, toDisplayString, withCtx } from "vue";
 
 //#region src/components/renderers/yaml.vue?vue&type=script&setup=true&lang.ts
@@ -18,8 +18,8 @@ var yaml_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			type: Object,
 			required: true
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: true
 		},
 		controls: {

package/dist/{zh-CN-Dfow4Yn2.js → zh-CN-CykTNqF_.js}

@@ -4,7 +4,7 @@ var button = {
 	"zoomOut": "缩小",
 	"resetZoom": "重置缩放",
 	"preview": "预览",
-	"source": "源代码",
+	"source": "代码",
 	"collapse": "折叠",
 	"copy": "复制",
 	"download": "下载",
@@ -15,7 +15,8 @@ var button = {
 	"rotateLeft": "左转",
 	"rotateRight": "右转",
 	"previous": "上个",
-	"next": "下个"
+	"next": "下个",
+	"back": "返回"
 };
 var error = {
 	"vanilla": "错误",

package/dist/zoom-container-D2DxS8V5.js

@@ -0,0 +1,6 @@
+import "./composables-DWipZHuF.js";
+import "./tooltip-Bdt9-aQx.js";
+import "./button-B2ebQt7R.js";
+import { t as zoom_container_default } from "./zoom-container-f44XxzOI.js";
+
+export { zoom_container_default as default };

package/dist/{zoom-container-B1qbA-7z.js → zoom-container-f44XxzOI.js}

@@ -1,5 +1,5 @@
-import { H as useContext, t as useZoom, u as useI18n } from "./composables-yny5gJo3.js";
-import { t as button_default } from "./button-BQhuT7wh.js";
+import { H as useContext, P as useI18n, t as useZoom } from "./composables-DWipZHuF.js";
+import { t as button_default } from "./button-B2ebQt7R.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, normalizeStyle, openBlock, ref, renderSlot, unref, withModifiers } from "vue";
 
 //#region src/components/zoom-container.vue?vue&type=script&setup=true&lang.ts

package/package.json

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

package/dist/button-JYC8d-B-.js

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

package/dist/code-block-BhMDz2ZL.js

@@ -1,9 +0,0 @@
-import "./previewers-D0VVcdjL.js";
-import "./composables-yny5gJo3.js";
-import "./tooltip-Bgbzbk4Q.js";
-import "./button-BQhuT7wh.js";
-import "./modal-Rc_RoeYA.js";
-import { t as code_block_default } from "./code-block-Dm2wl0cb.js";
-import "./segmented-CaC54iz_.js";
-
-export { code_block_default as default };

package/dist/dropdown-Y5_Z4a_u.js

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

package/dist/error-component-DEIWb6kB.js

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

package/dist/image-DXBD47sF.js

@@ -1,8 +0,0 @@
-import "./composables-yny5gJo3.js";
-import "./tooltip-Bgbzbk4Q.js";
-import "./button-BQhuT7wh.js";
-import "./modal-Rc_RoeYA.js";
-import { t as image_default } from "./image-DvOGBhi-.js";
-import "./zoom-container-B1qbA-7z.js";
-
-export { image_default as default };

package/dist/modal-Duhc-vVa.js

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

package/dist/node-list-C1je2nLd.js

@@ -1,3 +0,0 @@
-import { t as node_list_default } from "./node-list-YhpHXdM_.js";
-
-export { node_list_default as default };

package/dist/previewers-D0VVcdjL.js

@@ -1,10 +0,0 @@
-import { defineAsyncComponent } from "vue";
-
-//#region src/components/previewers/index.ts
-const CODE_PREVIEWERS = {
-	html: defineAsyncComponent(() => import("./html-DXNqMvt_.js")),
-	mermaid: defineAsyncComponent(() => import("./mermaid-Ka1jnXrR.js"))
-};
-
-//#endregion
-export { CODE_PREVIEWERS as t };

package/dist/segmented-XdoLnuuq.js

@@ -1,6 +0,0 @@
-import "./composables-yny5gJo3.js";
-import "./tooltip-Bgbzbk4Q.js";
-import "./button-BQhuT7wh.js";
-import { t as segmented_default } from "./segmented-CaC54iz_.js";
-
-export { segmented_default as default };

package/dist/spin-wM2KE8mO.js

@@ -1,3 +0,0 @@
-import { t as spin_default } from "./spin--f5jNjBn.js";
-
-export { spin_default as default };

package/dist/table-R9gmCXm_.js

@@ -1,3 +0,0 @@
-import { t as table_default } from "./table-CaUMjs4M.js";
-
-export { table_default as default };

package/dist/tooltip-BJDs-A8d.js

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

package/dist/vanilla-DA5bwIkr.js

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

package/dist/zoom-container-KztuE4ri.js

@@ -1,6 +0,0 @@
-import "./composables-yny5gJo3.js";
-import "./tooltip-Bgbzbk4Q.js";
-import "./button-BQhuT7wh.js";
-import { t as zoom_container_default } from "./zoom-container-B1qbA-7z.js";
-
-export { zoom_container_default as default };