vue-stream-markdown 0.2.3 → 0.3.1

package/README.md

@@ -72,7 +72,7 @@ This project also uses and benefits from:
 - [Shiki](https://shiki.style/) - Beautiful syntax highlighting
 - [Mermaid](https://mermaid.js.org/) - Diagramming and charting tool
 - [KaTeX](https://katex.org/) - Fast math typesetting library for the web
-- [Remend](https://github.com/vercel/streamdown/tree/main/packages/remend) - Intelligently parses and styles incomplete Markdown blocks
+- [Remend](https://github.com/vercel/streamdown/tree/main/packages/remend) - This project implements similar functionality inspired by remend for intelligently parsing and completing incomplete Markdown blocks.
 
 ### Code Sources
 - [markstream-vue](https://github.com/Simon-He95/markstream-vue) - The original inspiration for learning AST-based custom markdown rendering, and the source of the animation implementation used in this project

package/dist/{blockquote-Crr-D7fY.js → blockquote-ClgbyGJ2.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/blockquote.vue?vue&type=script&setup=true&lang.ts

package/dist/button-BKN2jNlv.js

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

package/dist/{button-DVWlhfQ9.js → button-BVOWJPmC.js}

@@ -1,5 +1,5 @@
-import { t as tooltip_default } from "./tooltip-DarhJuZR.js";
-import { t as icon_default } from "./icon-DcLTFhFW.js";
+import { t as tooltip_default } from "./tooltip-BfznjscC.js";
+import { t as icon_default } from "./icon-CRNiOEiK.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
 import { createReusableTemplate } from "@vueuse/core";
 

package/dist/{code-Bz8LM16H.js → code-DG1O8Nim.js}

@@ -1,11 +1,11 @@
-import "./previewers-C7PKsIbc.js";
-import { r as useShiki } from "./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";
+import { r as useShiki } from "./composables-CcP6Ysj8.js";
+import "./previewers-CwjTiQh8.js";
+import "./tooltip-BfznjscC.js";
+import "./button-BVOWJPmC.js";
+import "./icon-CRNiOEiK.js";
+import "./modal-D8sOifLe.js";
+import { t as code_block_default } from "./code-block-wjjUUcJZ.js";
+import "./segmented-DafF5jPA.js";
 import { computed, createBlock, createCommentVNode, defineAsyncComponent, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, resolveDynamicComponent, withCtx } from "vue";
 
 //#region src/components/renderers/code/index.vue?vue&type=script&setup=true&lang.ts
@@ -79,8 +79,8 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		const languageClass = computed(() => `language-${props.node.lang}`);
 		const { installed: hasShiki } = useShiki();
 		const components = {
-			vanilla: defineAsyncComponent(() => import("./vanilla-CzQw2_b4.js")),
-			shiki: defineAsyncComponent(() => import("./shiki-BoBbCakv.js"))
+			vanilla: defineAsyncComponent(() => import("./vanilla-C7Ds8DWX.js")),
+			shiki: defineAsyncComponent(() => import("./shiki-C1omjtbf.js"))
 		};
 		const component = computed(() => {
 			if (hasShiki.value) return components.shiki;

package/dist/code-block-C3VwzdZn.js

@@ -0,0 +1,10 @@
+import "./composables-CcP6Ysj8.js";
+import "./previewers-CwjTiQh8.js";
+import "./tooltip-BfznjscC.js";
+import "./button-BVOWJPmC.js";
+import "./icon-CRNiOEiK.js";
+import "./modal-D8sOifLe.js";
+import { t as code_block_default } from "./code-block-wjjUUcJZ.js";
+import "./segmented-DafF5jPA.js";
+
+export { code_block_default as default };

package/dist/{code-block-CmUZxKNr.js → code-block-wjjUUcJZ.js}

@@ -1,8 +1,8 @@
-import { t as CODE_PREVIEWERS } from "./previewers-C7PKsIbc.js";
-import { G as useControls, K as useContext, V as save, b as useI18n, d as LANGUAGE_ALIAS, f as LANGUAGE_EXTENSIONS, m as useMermaid, p as LANGUAGE_ICONS, q as useCodeOptions } from "./composables-CzUVrTt_.js";
-import { t as button_default } from "./button-DVWlhfQ9.js";
-import { t as modal_default } from "./modal-C1riNMrs.js";
-import { t as segmented_default } from "./segmented-C9j-IIDc.js";
+import { B as LANGUAGE_ICONS, Ct as useContext, R as LANGUAGE_ALIAS, St as useControls, V as useMermaid, q as useI18n, vt as save, wt as useCodeOptions, z as LANGUAGE_EXTENSIONS } from "./composables-CcP6Ysj8.js";
+import { t as CODE_PREVIEWERS } from "./previewers-CwjTiQh8.js";
+import { t as button_default } from "./button-BVOWJPmC.js";
+import { t as modal_default } from "./modal-D8sOifLe.js";
+import { t as segmented_default } from "./segmented-DafF5jPA.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toRefs, unref, useModel, vShow, watch, withCtx, withDirectives } from "vue";
 import { createReusableTemplate, useClipboard } from "@vueuse/core";
 
@@ -190,13 +190,13 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	},
 	setup(__props) {
 		const props = __props;
-		const CodeNode = defineAsyncComponent(() => import("./code-Bz8LM16H.js"));
+		const CodeNode = defineAsyncComponent(() => import("./code-DG1O8Nim.js"));
 		const { controls, previewers, codeOptions } = toRefs(props);
 		const [DefineTemplate, ReuseTemplate] = createReusableTemplate();
 		const { t } = useI18n();
 		const { isControlEnabled, getControlValue, resolveControls } = useControls({ controls });
 		const { installed: hasMermaid } = useMermaid();
-		const { onCopied } = useContext();
+		const { beforeDownload, onCopied } = useContext();
 		const { copy, copied } = useClipboard({ legacy: true });
 		const { saveMermaid } = useMermaid();
 		const collapsed = ref(false);
@@ -327,14 +327,22 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 				icon: "download",
 				options: downloadOptions.value.length > 0 ? downloadOptions.value : void 0,
 				visible: () => showDownload.value && !!LANGUAGE_EXTENSIONS[language.value],
-				onClick: (_event, item) => {
+				onClick: async (_event, item) => {
 					if (props.node.loading) return;
 					if (!item || item.value === "code") {
 						const extension = LANGUAGE_EXTENSIONS[language.value];
-						save(`file.${extension}`, props.node.value, "text/plain");
+						if (await beforeDownload({
+							type: "code",
+							content: props.node.value
+						})) save(`file.${extension}`, props.node.value, "text/plain");
 						return;
 					}
-					if ((item === null || item === void 0 ? void 0 : item.value) === "svg" || (item === null || item === void 0 ? void 0 : item.value) === "png") saveMermaid(item === null || item === void 0 ? void 0 : item.value, props.node.value);
+					if ((item === null || item === void 0 ? void 0 : item.value) === "svg" || (item === null || item === void 0 ? void 0 : item.value) === "png") {
+						if (await beforeDownload({
+							type: "mermaid",
+							content: props.node.value
+						})) saveMermaid(item === null || item === void 0 ? void 0 : item.value, props.node.value);
+					}
 				}
 			},
 			{
@@ -424,7 +432,10 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 						collapsed: collapsed.value,
 						"onUpdate:collapsed": _cache[9] || (_cache[9] = ($event) => collapsed.value = $event)
 					}, null, 8, ["mode", "collapsed"])) : createCommentVNode("v-if", true), createVNode(actions_default, { actions: modalControls.value }, null, 8, ["actions"])])]),
-					default: withCtx(() => [previewable.value ? withDirectives((openBlock(), createBlock(resolveDynamicComponent(PreviewComponent.value), mergeProps({ key: 0 }, props, { "container-height": "100%" }), null, 16)), [[vShow, mode.value === "preview"]]) : createCommentVNode("v-if", true), withDirectives(createVNode(unref(CodeNode), mergeProps(props, { "show-header": false }), null, 16), [[vShow, mode.value === "source"]])]),
+					default: withCtx(() => [previewable.value ? withDirectives((openBlock(), createBlock(resolveDynamicComponent(PreviewComponent.value), mergeProps({ key: 0 }, props, {
+						"immediate-render": true,
+						"container-height": "100%"
+					}), null, 16)), [[vShow, mode.value === "preview"]]) : createCommentVNode("v-if", true), withDirectives(createVNode(unref(CodeNode), mergeProps(props, { "show-header": false }), null, 16), [[vShow, mode.value === "source"]])]),
 					_: 1
 				}, 8, ["open"])
 			], 10, _hoisted_2)], 64);