vue-stream-markdown 0.2.0 → 0.2.1

package/dist/{blockquote-C68fU4lp.js → blockquote-Bv0immvx.js}

@@ -1,5 +1,5 @@
-import "./composables-DuQ72m6O.js";
-import { t as node_list_default } from "./node-list-D7eKaZGS.js";
+import "./composables-CL-BX9Ri.js";
+import { t as node_list_default } from "./node-list-3yGs9Kcx.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-BDO3n0n_.js → button-CRnH8Rzt.js}

@@ -1,5 +1,5 @@
-import { t as tooltip_default } from "./tooltip-CnO7OPL1.js";
-import { t as icon_default } from "./icon-PEivHbuv.js";
+import { t as tooltip_default } from "./tooltip-DkCGsj0S.js";
+import { t as icon_default } from "./icon-MRs2P5TP.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/button-CpZL9Dhf.js

@@ -0,0 +1,6 @@
+import "./composables-CL-BX9Ri.js";
+import "./tooltip-DkCGsj0S.js";
+import { t as button_default } from "./button-CRnH8Rzt.js";
+import "./icon-MRs2P5TP.js";
+
+export { button_default as default };

package/dist/{code-2Dd0EGfm.js → code-BcAa_-2j.js}

@@ -1,11 +1,11 @@
-import "./previewers-DYnyVv4Y.js";
-import { r as useShiki } from "./composables-DuQ72m6O.js";
-import "./tooltip-CnO7OPL1.js";
-import "./button-BDO3n0n_.js";
-import "./icon-PEivHbuv.js";
-import "./modal-DrPdD2g1.js";
-import { t as code_block_default } from "./code-block-hQLDeAmP.js";
-import "./segmented-CeLXMLZa.js";
+import "./previewers-BUz7EQbB.js";
+import { r as useShiki } from "./composables-CL-BX9Ri.js";
+import "./tooltip-DkCGsj0S.js";
+import "./button-CRnH8Rzt.js";
+import "./icon-MRs2P5TP.js";
+import "./modal-vHG2jmSe.js";
+import { t as code_block_default } from "./code-block-mylXl6jG.js";
+import "./segmented-ChmGPy3i.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
@@ -75,8 +75,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-BZ1fQWZQ.js")),
-			shiki: defineAsyncComponent(() => import("./shiki-Dgoch7Q6.js"))
+			vanilla: defineAsyncComponent(() => import("./vanilla-79xxpygI.js")),
+			shiki: defineAsyncComponent(() => import("./shiki-Dp1kiUyz.js"))
 		};
 		const component = computed(() => {
 			if (hasShiki.value) return components.shiki;

package/dist/code-block-C1Hz5oQb.js

@@ -0,0 +1,10 @@
+import "./previewers-BUz7EQbB.js";
+import "./composables-CL-BX9Ri.js";
+import "./tooltip-DkCGsj0S.js";
+import "./button-CRnH8Rzt.js";
+import "./icon-MRs2P5TP.js";
+import "./modal-vHG2jmSe.js";
+import { t as code_block_default } from "./code-block-mylXl6jG.js";
+import "./segmented-ChmGPy3i.js";
+
+export { code_block_default as default };

package/dist/{code-block-hQLDeAmP.js → code-block-mylXl6jG.js}

@@ -1,8 +1,8 @@
-import { t as CODE_PREVIEWERS } from "./previewers-DYnyVv4Y.js";
-import { G as useCodeOptions, U as useControls, W as useContext, d as LANGUAGE_EXTENSIONS, f as LANGUAGE_ICONS, p as useMermaid, u as LANGUAGE_ALIAS, y as useI18n, z as save } from "./composables-DuQ72m6O.js";
-import { t as button_default } from "./button-BDO3n0n_.js";
-import { t as modal_default } from "./modal-DrPdD2g1.js";
-import { t as segmented_default } from "./segmented-CeLXMLZa.js";
+import { t as CODE_PREVIEWERS } from "./previewers-BUz7EQbB.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-CL-BX9Ri.js";
+import { t as button_default } from "./button-CRnH8Rzt.js";
+import { t as modal_default } from "./modal-vHG2jmSe.js";
+import { t as segmented_default } from "./segmented-ChmGPy3i.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, normalizeStyle, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toRefs, unref, useModel, vShow, watch, withCtx, withDirectives } from "vue";
 import { createReusableTemplate, useClipboard } from "@vueuse/core";
 
@@ -184,7 +184,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	},
 	setup(__props) {
 		const props = __props;
-		const CodeNode = defineAsyncComponent(() => import("./code-2Dd0EGfm.js"));
+		const CodeNode = defineAsyncComponent(() => import("./code-BcAa_-2j.js"));
 		const { controls, previewers, codeOptions } = toRefs(props);
 		const [DefineTemplate, ReuseTemplate] = createReusableTemplate();
 		const { t } = useI18n();

package/dist/{composables-DuQ72m6O.js → composables-CL-BX9Ri.js}

@@ -1,5 +1,5 @@
 import { computed, defineAsyncComponent, inject, nextTick, onBeforeUnmount, provide, ref, toValue, unref, watch, watchEffect } from "vue";
-import { autoUpdate, flip, offset, shift, useFloating } from "@floating-ui/vue";
+import { autoUpdate, computePosition, flip, offset, shift } from "@floating-ui/dom";
 import { useEventListener, useStyleTag } from "@vueuse/core";
 
 //#region src/composables/use-code-options.ts
@@ -327,6 +327,22 @@ function findNodeParent(targetNode, nodes, parent) {
 	return null;
 }
 
+//#endregion
+//#region src/utils/preload.ts
+function isAsyncComponent(component) {
+	return typeof component === "object" && "__asyncLoader" in component;
+}
+async function preloadAsyncComponents(components, include = [], exclude = []) {
+	const loaders = [];
+	Object.entries(components).forEach(([key, component]) => {
+		if (!isAsyncComponent(component)) return;
+		if (include.length > 0 && !include.includes(key)) return;
+		if (exclude.length > 0 && exclude.includes(key)) return;
+		loaders.push(component.__asyncLoader());
+	});
+	await Promise.all(loaders);
+}
+
 //#endregion
 //#region src/utils/table.ts
 function extractTableDataFromElement(tableElement) {
@@ -461,8 +477,8 @@ function tableDataToMarkdown(data) {
 }
 
 //#endregion
-//#region src/composables/use-floating-element.ts
-function useFloatingElement(options) {
+//#region src/composables/use-floating.ts
+function useFloating(options) {
 	const trigger = computed(() => unref(options.trigger) ?? "hover");
 	const placement = computed(() => unref(options.placement) ?? "top");
 	const delay = computed(() => unref(options.delay) ?? [100, 100]);
@@ -471,6 +487,37 @@ function useFloatingElement(options) {
 	let showTimer = null;
 	let hideTimer = null;
 	const open = ref(false);
+	const x = ref(null);
+	const y = ref(null);
+	const strategy = ref("absolute");
+	let cleanupAutoUpdate = null;
+	async function updatePosition() {
+		if (!referenceEl.value || !floatingEl.value || !isClient()) return;
+		try {
+			const position = await computePosition(referenceEl.value, floatingEl.value, {
+				placement: placement.value,
+				middleware: [
+					offset(6),
+					flip(),
+					shift({ padding: 5 })
+				]
+			});
+			x.value = position.x;
+			y.value = position.y;
+			strategy.value = position.strategy;
+		} catch {}
+	}
+	watchEffect(() => {
+		if (cleanupAutoUpdate) {
+			cleanupAutoUpdate();
+			cleanupAutoUpdate = null;
+		}
+		if (!referenceEl.value || !floatingEl.value || !isClient()) return;
+		cleanupAutoUpdate = autoUpdate(referenceEl.value, floatingEl.value, updatePosition);
+	});
+	watch(placement, () => {
+		if (open.value) updatePosition();
+	});
 	const parentEl = computed(() => {
 		var _referenceEl$value;
 		if (!isClient()) return null;
@@ -483,15 +530,6 @@ function useFloatingElement(options) {
 		if (target instanceof HTMLElement && !document.body.contains(target)) return "body";
 		return target || "body";
 	});
-	const { x, y, strategy, update } = useFloating(referenceEl, floatingEl, {
-		placement,
-		middleware: [
-			offset(6),
-			flip(),
-			shift({ padding: 5 })
-		],
-		whileElementsMounted: autoUpdate
-	});
 	const floatingStyle = computed(() => ({
 		position: strategy.value,
 		top: `${y.value ?? 0}px`,
@@ -502,7 +540,7 @@ function useFloatingElement(options) {
 		const { show: showDelay } = getDelay();
 		showTimer = window.setTimeout(() => {
 			open.value = true;
-			update();
+			updatePosition();
 		}, showDelay);
 	}
 	function hide() {
@@ -514,7 +552,7 @@ function useFloatingElement(options) {
 	}
 	function toggle() {
 		open.value = !open.value;
-		update();
+		updatePosition();
 	}
 	function onMouseEnter() {
 		if (trigger.value === "hover") show();
@@ -1687,6 +1725,29 @@ const ICONS = {
 	zoomOut: defineAsyncComponent(() => import("./zoomOut-Lvyw8SOW.js"))
 };
 
+//#endregion
+//#region src/constants/preload.ts
+const PRELOAD_NODE_RENDERER = [
+	"blockquote",
+	"delete",
+	"emphasis",
+	"footnoteDefinition",
+	"footnoteReference",
+	"heading",
+	"image",
+	"inlineCode",
+	"inlineMath",
+	"link",
+	"list",
+	"listItem",
+	"paragraph",
+	"strong",
+	"table",
+	"text",
+	"thematicBreak",
+	"yaml"
+];
+
 //#endregion
 //#region src/constants/theme.ts
 const SHADCN_SCHEMAS = [
@@ -2062,4 +2123,4 @@ function useZoom(options = {}) {
 }
 
 //#endregion
-export { tableDataToTSV as A, saveImage as B, localeMessages as C, extractTableDataFromElement as D, escapeMarkdownTableCell as E, hasShiki as F, useCodeOptions as G, transformUrl as H, isClient as I, isServer as L, findNodeParent as M, hasKatex as N, tableDataToCSV as O, hasMermaid as P, flow as R, loadLocaleMessages as S, useFloatingElement as T, useControls as U, svgToPngBlob as V, useContext as W, _defineProperty as _, SHADCN_SCHEMAS as a, SUPPORT_LANGUAGES as b, DEFAULT_DARK_THEME as c, LANGUAGE_EXTENSIONS as d, LANGUAGE_ICONS as f, throttle as g, useMathRenderer as h, useSanitizers as i, findLastLeafNode as j, tableDataToMarkdown as k, DEFAULT_LIGHT_THEME as l, useMediumZoom as m, useTailwindV3Theme as n, ICONS as o, useMermaid as p, useShiki as r, DEFAULT_HARDEN_OPTIONS as s, useZoom as t, LANGUAGE_ALIAS as u, useKatex as v, localesGlob as w, currentLocale as x, useI18n as y, save as z };
+export { tableDataToMarkdown as A, flow as B, loadLocaleMessages as C, escapeMarkdownTableCell as D, useFloating as E, hasKatex as F, useControls as G, saveImage as H, hasMermaid as I, useContext as K, hasShiki as L, preloadAsyncComponents as M, findLastLeafNode as N, extractTableDataFromElement as O, findNodeParent as P, isClient as R, currentLocale as S, localesGlob as T, svgToPngBlob as U, save as V, transformUrl as W, throttle as _, SHADCN_SCHEMAS as a, useI18n as b, DEFAULT_HARDEN_OPTIONS as c, LANGUAGE_ALIAS as d, LANGUAGE_EXTENSIONS as f, useMathRenderer as g, useMediumZoom as h, useSanitizers as i, tableDataToTSV as j, tableDataToCSV as k, DEFAULT_DARK_THEME as l, useMermaid as m, useTailwindV3Theme as n, PRELOAD_NODE_RENDERER as o, LANGUAGE_ICONS as p, useCodeOptions as q, useShiki as r, ICONS as s, useZoom as t, DEFAULT_LIGHT_THEME as u, _defineProperty as v, localeMessages as w, SUPPORT_LANGUAGES as x, useKatex as y, isServer as z };

package/dist/{delete-CB-OS2WZ.js → delete-drdYWAXs.js}

@@ -1,5 +1,5 @@
-import "./composables-DuQ72m6O.js";
-import { t as node_list_default } from "./node-list-D7eKaZGS.js";
+import "./composables-CL-BX9Ri.js";
+import { t as node_list_default } from "./node-list-3yGs9Kcx.js";
 import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/renderers/delete.vue?vue&type=script&setup=true&lang.ts

package/dist/dropdown-CS5Df_eY.js

@@ -0,0 +1,6 @@
+import "./composables-CL-BX9Ri.js";
+import "./tooltip-DkCGsj0S.js";
+import { n as dropdown_default } from "./button-CRnH8Rzt.js";
+import "./icon-MRs2P5TP.js";
+
+export { dropdown_default as default };

package/dist/{emphasis-BmUoyBRK.js → emphasis-CdEFGQdu.js}

@@ -1,5 +1,5 @@
-import "./composables-DuQ72m6O.js";
-import { t as node_list_default } from "./node-list-D7eKaZGS.js";
+import "./composables-CL-BX9Ri.js";
+import { t as node_list_default } from "./node-list-3yGs9Kcx.js";
 import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/renderers/emphasis.vue?vue&type=script&setup=true&lang.ts

package/dist/error-component-Csr-ujUx.js

@@ -0,0 +1,5 @@
+import "./composables-CL-BX9Ri.js";
+import "./icon-MRs2P5TP.js";
+import { t as error_component_default } from "./error-component-xzXxODeR.js";
+
+export { error_component_default as default };

package/dist/{error-component-CtZr0_st.js → error-component-xzXxODeR.js}

@@ -1,5 +1,5 @@
-import { W as useContext, y as useI18n } from "./composables-DuQ72m6O.js";
-import { t as icon_default } from "./icon-PEivHbuv.js";
+import { K as useContext, b as useI18n } from "./composables-CL-BX9Ri.js";
+import { t as icon_default } from "./icon-MRs2P5TP.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, openBlock, renderSlot, resolveDynamicComponent, toDisplayString } from "vue";
 
 //#region src/components/error-component.vue?vue&type=script&setup=true&lang.ts

package/dist/{footnote-definition-55TjXXwa.js → footnote-definition-BTSXdQZi.js}

@@ -1,8 +1,8 @@
-import { W as useContext, y as useI18n } from "./composables-DuQ72m6O.js";
-import { t as node_list_default } from "./node-list-D7eKaZGS.js";
-import "./tooltip-CnO7OPL1.js";
-import { t as button_default } from "./button-BDO3n0n_.js";
-import "./icon-PEivHbuv.js";
+import { K as useContext, b as useI18n } from "./composables-CL-BX9Ri.js";
+import { t as node_list_default } from "./node-list-3yGs9Kcx.js";
+import "./tooltip-DkCGsj0S.js";
+import { t as button_default } from "./button-CRnH8Rzt.js";
+import "./icon-MRs2P5TP.js";
 import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, toDisplayString, unref } from "vue";
 
 //#region src/components/renderers/footnote-definition.vue?vue&type=script&setup=true&lang.ts

package/dist/{footnote-reference-lk2rvC4Q.js → footnote-reference-CV_67vK7.js}

@@ -1,4 +1,4 @@
-import { W as useContext } from "./composables-DuQ72m6O.js";
+import { K as useContext } from "./composables-CL-BX9Ri.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, openBlock, toDisplayString } from "vue";
 
 //#region src/components/renderers/footnote-reference.vue?vue&type=script&setup=true&lang.ts

package/dist/{heading-BlOK3uk2.js → heading-BH7urRHb.js}

@@ -1,5 +1,5 @@
-import "./composables-DuQ72m6O.js";
-import { t as node_list_default } from "./node-list-D7eKaZGS.js";
+import "./composables-CL-BX9Ri.js";
+import { t as node_list_default } from "./node-list-3yGs9Kcx.js";
 import { computed, createBlock, createVNode, defineComponent, mergeProps, openBlock, resolveDynamicComponent, withCtx } from "vue";
 
 //#region src/components/renderers/heading.vue?vue&type=script&setup=true&lang.ts

package/dist/icon-DcKmEBsy.js

@@ -0,0 +1,4 @@
+import "./composables-CL-BX9Ri.js";
+import { t as icon_default } from "./icon-MRs2P5TP.js";
+
+export { icon_default as default };

package/dist/{icon-PEivHbuv.js → icon-MRs2P5TP.js}

@@ -1,4 +1,4 @@
-import { W as useContext } from "./composables-DuQ72m6O.js";
+import { K as useContext } from "./composables-CL-BX9Ri.js";
 import { computed, createElementBlock, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, unref } from "vue";
 
 //#region src/components/icon.vue?vue&type=script&setup=true&lang.ts

package/dist/image-BRCbBLI5.js

@@ -0,0 +1,9 @@
+import "./composables-CL-BX9Ri.js";
+import "./tooltip-DkCGsj0S.js";
+import "./button-CRnH8Rzt.js";
+import "./icon-MRs2P5TP.js";
+import "./modal-vHG2jmSe.js";
+import "./zoom-container-H5FZmzwY.js";
+import { t as image_default } from "./image-BypX6qku.js";
+
+export { image_default as default };

package/dist/{image-Bqn98dDB.js → image-Bo_26KHM.js}

@@ -1,11 +1,11 @@
-import { B as saveImage, U as useControls, i as useSanitizers, y as useI18n } from "./composables-DuQ72m6O.js";
-import "./tooltip-CnO7OPL1.js";
-import { t as button_default } from "./button-BDO3n0n_.js";
-import "./icon-PEivHbuv.js";
-import "./modal-DrPdD2g1.js";
-import { t as error_component_default } from "./error-component-CtZr0_st.js";
-import "./zoom-container-CrKx_BbS.js";
-import { t as image_default$1 } from "./image-VMGQj_VU.js";
+import { G as useControls, H as saveImage, b as useI18n, i as useSanitizers } from "./composables-CL-BX9Ri.js";
+import "./tooltip-DkCGsj0S.js";
+import { t as button_default } from "./button-CRnH8Rzt.js";
+import "./icon-MRs2P5TP.js";
+import "./modal-vHG2jmSe.js";
+import { t as error_component_default } from "./error-component-xzXxODeR.js";
+import "./zoom-container-H5FZmzwY.js";
+import { t as image_default$1 } from "./image-BypX6qku.js";
 import { t as spin_default } from "./spin-DzERwGWy.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, normalizeStyle, openBlock, ref, resolveDynamicComponent, toDisplayString, toRefs, unref, withCtx } from "vue";
 

package/dist/{image-VMGQj_VU.js → image-BypX6qku.js}

@@ -1,8 +1,8 @@
-import { B as saveImage, U as useControls, W as useContext, m as useMediumZoom, y as useI18n } from "./composables-DuQ72m6O.js";
+import { G as useControls, H as saveImage, K as useContext, b as useI18n, h as useMediumZoom } from "./composables-CL-BX9Ri.js";
 import { n as treeFlatFilter } from "./dist-CYkm26BF.js";
-import { t as button_default } from "./button-BDO3n0n_.js";
-import { t as modal_default } from "./modal-DrPdD2g1.js";
-import { t as zoom_container_default } from "./zoom-container-CrKx_BbS.js";
+import { t as button_default } from "./button-CRnH8Rzt.js";
+import { t as modal_default } from "./modal-vHG2jmSe.js";
+import { t as zoom_container_default } from "./zoom-container-H5FZmzwY.js";
 import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeStyle, openBlock, ref, renderList, toRefs, unref, watch, withCtx } from "vue";
 import { useCycleList } from "@vueuse/core";
 

package/dist/{index.css/index.css → index.css}

@@ -638,6 +638,19 @@
   opacity: 1;
 }
 
+.stream-markdown .code-fade-enter-active,
+.stream-markdown .code-fade-leave-active {
+  transition: opacity var(--default-transition-duration) ease;
+}
+.stream-markdown .code-fade-enter-from,
+.stream-markdown .code-fade-leave-to {
+  opacity: 0;
+}
+.stream-markdown .code-fade-enter-to,
+.stream-markdown .code-fade-leave-from {
+  opacity: 1;
+}
+
 .stream-markdown .modal-enter-from,
 .stream-markdown .modal-leave-to {
   opacity: 0;