vue-stream-markdown 0.1.5 → 0.2.0

package/dist/corner-down-left-B77X84F8.js

@@ -0,0 +1,24 @@
+import { createElementBlock, createElementVNode, markRaw, openBlock } from "vue";
+
+//#region ~icons/lucide/corner-down-left
+const _hoisted_1 = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("g", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2"
+	}, [createElementVNode("path", { d: "M20 4v7a4 4 0 0 1-4 4H4" }), createElementVNode("path", { d: "m9 10l-5 5l5 5" })], -1)])]);
+}
+var corner_down_left_default = markRaw({
+	name: "lucide-corner-down-left",
+	render
+});
+
+//#endregion
+export { corner_down_left_default as default };

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

@@ -1,4 +1,5 @@
-import { t as node_list_default } from "./node-list-YhpHXdM_.js";
+import "./composables-DuQ72m6O.js";
+import { t as node_list_default } from "./node-list-D7eKaZGS.js";
 import { createElementBlock, createVNode, defineComponent, mergeProps, openBlock } from "vue";
 
 //#region src/components/renderers/delete.vue?vue&type=script&setup=true&lang.ts
@@ -18,8 +19,8 @@ var delete_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/dist-CYkm26BF.js

@@ -0,0 +1,119 @@
+//#region node_modules/.pnpm/treechop@0.1.2/node_modules/treechop/dist/index.js
+const DEFAULT_CHILDREN_KEY = "children";
+function createTreeUtils(options = {}) {
+	const { childrenKey = DEFAULT_CHILDREN_KEY } = options;
+	return {
+		childrenKey,
+		getChildrenKey(node, meta) {
+			return typeof this.childrenKey === "function" ? this.childrenKey(node, meta) : this.childrenKey;
+		},
+		getChildren(node, meta) {
+			return node[this.getChildrenKey(node, meta)] || [];
+		},
+		hasChildren(node, meta) {
+			const children = this.getChildren(node, meta);
+			return Array.isArray(children) && children.length > 0;
+		}
+	};
+}
+function preOrderTraverse(tree, callback, utils) {
+	const result = [];
+	const traverse = (nodes, parents = [], depth = 0) => {
+		nodes.forEach((node, index) => {
+			const meta = {
+				depth,
+				index,
+				parents
+			};
+			result.push(callback(node, meta));
+			if (utils.hasChildren(node, meta)) traverse(utils.getChildren(node, meta), [...parents, node], depth + 1);
+		});
+	};
+	traverse(tree);
+	return result;
+}
+function postOrderTraverse(tree, callback, utils) {
+	const result = [];
+	const traverse = (nodes, parents = [], depth = 0) => {
+		nodes.forEach((node, index) => {
+			const meta = {
+				depth,
+				index,
+				parents
+			};
+			if (utils.hasChildren(node, meta)) traverse(utils.getChildren(node, meta), [...parents, node], depth + 1);
+			result.push(callback(node, meta));
+		});
+	};
+	traverse(tree);
+	return result;
+}
+function breadthTraverse(tree, callback, utils) {
+	const result = [];
+	const queue = tree.map((node, index) => [
+		node,
+		index,
+		[],
+		0
+	]);
+	while (queue.length) {
+		const [node, index, parents, depth] = queue.shift();
+		const meta = {
+			depth,
+			index,
+			parents
+		};
+		result.push(callback(node, meta));
+		if (utils.hasChildren(node, meta)) utils.getChildren(node, meta).forEach((child, childIndex) => {
+			queue.push([
+				child,
+				childIndex,
+				[...parents, node],
+				depth + 1
+			]);
+		});
+	}
+	return result;
+}
+function treeFlatFilter(tree, predicate, options = {}) {
+	const { strategy = "pre" } = options;
+	const utils = createTreeUtils(options);
+	const callback = (node, meta) => {
+		return predicate(node, meta) ? node : null;
+	};
+	switch (strategy) {
+		case "post": return postOrderTraverse(tree, callback, utils).filter(Boolean);
+		case "breadth": return breadthTraverse(tree, callback, utils).filter(Boolean);
+		case "pre":
+		default: return preOrderTraverse(tree, callback, utils).filter(Boolean);
+	}
+}
+function treeFilter(tree, predicate, options = {}) {
+	const utils = createTreeUtils(options);
+	const traverse = (nodes, parents = [], depth = 0) => {
+		const result = [];
+		for (let i = 0; i < nodes.length; i++) {
+			const node = nodes[i];
+			const meta = {
+				depth,
+				index: i,
+				parents
+			};
+			if (predicate(node, meta)) {
+				const newNode = { ...node };
+				if (utils.hasChildren(node, meta)) {
+					const children = traverse(utils.getChildren(node, meta), [...parents, node], depth + 1);
+					const childrenKey = utils.getChildrenKey(node, meta);
+					if (children.length > 0) newNode[childrenKey] = children;
+					else delete newNode[childrenKey];
+				}
+				result.push(newNode);
+			}
+		}
+		return result;
+	};
+	return traverse(tree);
+}
+
+//#endregion
+export { treeFlatFilter as n, treeFilter as t };

package/dist/dropdown-BB3nyts8.js

@@ -0,0 +1,6 @@
+import "./composables-DuQ72m6O.js";
+import "./tooltip-CnO7OPL1.js";
+import { n as dropdown_default } from "./button-BDO3n0n_.js";
+import "./icon-PEivHbuv.js";
+
+export { dropdown_default as default };

package/dist/{emphasis-B-2R_0Q5.js → emphasis-BmUoyBRK.js}

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

package/dist/{en-US-Kw2LYAMk.js → en-US-Cw-sFSiZ.js}

@@ -15,7 +15,8 @@ var button = {
 	"rotateLeft": "Rotate Left",
 	"rotateRight": "Rotate Right",
 	"previous": "Previous",
-	"next": "Next"
+	"next": "Next",
+	"back": "Back"
 };
 var error = {
 	"vanilla": "Error",

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

@@ -1,4 +1,5 @@
-import { H as useContext, u as useI18n } from "./composables-yny5gJo3.js";
+import { W as useContext, y as useI18n } from "./composables-DuQ72m6O.js";
+import { t as icon_default } from "./icon-PEivHbuv.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
@@ -36,8 +37,10 @@ var error_component_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		}));
 		const icon = computed(() => {
 			if (props.icon) return props.icon;
-			if (icons.value[props.variant]) return icons.value[props.variant];
-			return icons.value[props.variant.replace("harden-", "")] || icons.value.error;
+			if (icons.value[props.variant]) return props.variant;
+			const name = props.variant.replace("harden-", "");
+			if (icons.value[name]) return name;
+			return "error";
 		});
 		const message = computed(() => props.message ? props.message : messages.value[props.variant] || messages.value.vanilla);
 		const isHarden = computed(() => {
@@ -46,7 +49,10 @@ var error_component_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("span", _hoisted_1, [
-				createElementVNode("div", _hoisted_2, [(openBlock(), createBlock(resolveDynamicComponent(icon.value)))]),
+				createElementVNode("div", _hoisted_2, [typeof icon.value === "string" ? (openBlock(), createBlock(icon_default, {
+					key: 0,
+					icon: icon.value
+				}, null, 8, ["icon"])) : (openBlock(), createBlock(resolveDynamicComponent(icon.value), { key: 1 }))]),
 				isHarden.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("v-if", true),
 				createTextVNode(" [" + toDisplayString(message.value) + "] ", 1)
 			]);

package/dist/error-component-biOT0E-h.js

@@ -0,0 +1,5 @@
+import "./composables-DuQ72m6O.js";
+import "./icon-PEivHbuv.js";
+import { t as error_component_default } from "./error-component-CtZr0_st.js";
+
+export { error_component_default as default };

package/dist/footnote-definition-55TjXXwa.js

@@ -0,0 +1,104 @@
+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 { 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
+const _hoisted_1 = ["id"];
+const _hoisted_2 = { "data-stream-markdown": "footnote-definition-label" };
+var footnote_definition_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "footnote-definition",
+	props: {
+		node: {
+			type: Object,
+			required: true
+		},
+		markdownParser: {
+			type: Object,
+			required: true
+		},
+		nodeRenderers: {
+			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
+		},
+		isDark: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { t } = useI18n();
+		const { getContainer } = useContext();
+		const id = computed(() => props.node.identifier);
+		const label = computed(() => props.node.label ?? id.value);
+		const title = computed(() => `${label.value}.`);
+		function scrollToReference() {
+			const footnoteElement = (getContainer() || document.body).querySelector(`#footnote-reference-${id.value}`);
+			if (!footnoteElement) return;
+			footnoteElement.scrollIntoView({ behavior: "smooth" });
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("a", {
+				id: `footnote-definition-${id.value}`,
+				"data-stream-markdown": "footnote-definition"
+			}, [
+				createElementVNode("span", _hoisted_2, toDisplayString(title.value), 1),
+				createVNode(node_list_default, mergeProps(props, { nodes: __props.node.children }), null, 16, ["nodes"]),
+				createVNode(button_default, {
+					"data-stream-markdown": "footnote-definition-button",
+					name: unref(t)("button.back"),
+					icon: "cornerDownLeft",
+					"icon-style": { color: "var(--primary)" },
+					"button-style": { padding: "0.25rem" },
+					onClick: scrollToReference
+				}, null, 8, ["name"])
+			], 8, _hoisted_1);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/renderers/footnote-definition.vue
+var footnote_definition_default = footnote_definition_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { footnote_definition_default as default };

package/dist/footnote-reference-lk2rvC4Q.js

@@ -0,0 +1,86 @@
+import { W as useContext } from "./composables-DuQ72m6O.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, openBlock, toDisplayString } from "vue";
+
+//#region src/components/renderers/footnote-reference.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["id"];
+var footnote_reference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "footnote-reference",
+	props: {
+		node: {
+			type: Object,
+			required: true
+		},
+		markdownParser: {
+			type: Object,
+			required: true
+		},
+		nodeRenderers: {
+			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
+		},
+		isDark: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { getContainer } = useContext();
+		const id = computed(() => props.node.identifier);
+		const label = computed(() => props.node.label ?? id.value);
+		function scrollToFootnote() {
+			const footnoteElement = (getContainer() || document.body).querySelector(`#footnote-definition-${id.value}`);
+			if (!footnoteElement) return;
+			footnoteElement.scrollIntoView({ behavior: "smooth" });
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("sup", {
+				"data-stream-markdown": "footnote-reference",
+				onClick: scrollToFootnote
+			}, [createElementVNode("a", { id: `footnote-reference-${id.value}` }, "[" + toDisplayString(label.value) + "]", 9, _hoisted_1)]);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/renderers/footnote-reference.vue
+var footnote_reference_default = footnote_reference_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { footnote_reference_default as default };

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

@@ -1,4 +1,5 @@
-import { t as node_list_default } from "./node-list-YhpHXdM_.js";
+import "./composables-DuQ72m6O.js";
+import { t as node_list_default } from "./node-list-D7eKaZGS.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
@@ -17,8 +18,8 @@ var heading_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 			type: Object,
 			required: true
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: true
 		},
 		controls: {

package/dist/{html-DXNqMvt_.js → html-D7bGx0Cz.js}

@@ -17,8 +17,8 @@ var html_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/icon-PEivHbuv.js

@@ -0,0 +1,67 @@
+import { W as useContext } from "./composables-DuQ72m6O.js";
+import { computed, createElementBlock, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, unref } from "vue";
+
+//#region src/components/icon.vue?vue&type=script&setup=true&lang.ts
+var icon_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "icon",
+	props: {
+		icon: {
+			type: null,
+			required: true
+		},
+		width: {
+			type: Number,
+			required: false,
+			default: 14
+		},
+		height: {
+			type: Number,
+			required: false,
+			default: 14
+		},
+		class: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			required: false
+		},
+		style: {
+			type: Object,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { icons } = useContext();
+		const Icon = computed(() => typeof props.icon === "string" ? icons.value[props.icon] : props.icon);
+		const iconStyle = computed(() => ({
+			width: `${props.width}px`,
+			height: `${props.height}px`
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-stream-markdown": "icon",
+				style: normalizeStyle(iconStyle.value)
+			}, [createVNode(unref(Icon), {
+				width: __props.width,
+				height: __props.height,
+				class: normalizeClass(props.class),
+				style: normalizeStyle(__props.style)
+			}, null, 8, [
+				"width",
+				"height",
+				"class",
+				"style"
+			])], 4);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/icon.vue
+var icon_default = icon_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { icon_default as t };

package/dist/icon-mUoYnA6R.js

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

package/dist/image-B6Pw2YBI.js

@@ -0,0 +1,9 @@
+import "./composables-DuQ72m6O.js";
+import "./tooltip-CnO7OPL1.js";
+import "./button-BDO3n0n_.js";
+import "./icon-PEivHbuv.js";
+import "./modal-DrPdD2g1.js";
+import "./zoom-container-CrKx_BbS.js";
+import { t as image_default } from "./image-VMGQj_VU.js";
+
+export { image_default as default };

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

@@ -1,11 +1,12 @@
-import { H as useContext, V as useControls, g as useHardenSanitizers, k as saveImage, u as useI18n } from "./composables-yny5gJo3.js";
-import "./tooltip-Bgbzbk4Q.js";
-import { t as button_default } from "./button-BQhuT7wh.js";
-import "./modal-Rc_RoeYA.js";
-import { t as error_component_default } from "./error-component-Bb0gIZsx.js";
-import { t as image_default$1 } from "./image-DvOGBhi-.js";
-import "./zoom-container-B1qbA-7z.js";
-import { t as spin_default } from "./spin--f5jNjBn.js";
+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 { 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";
 
 //#region src/components/renderers/image.vue?vue&type=script&setup=true&lang.ts
@@ -29,8 +30,8 @@ var image_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			type: Object,
 			required: true
 		},
-		indexKey: {
-			type: [Number, String],
+		nodeKey: {
+			type: String,
 			required: true
 		},
 		controls: {
@@ -73,7 +74,6 @@ var image_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 	setup(__props) {
 		const props = __props;
 		const { t } = useI18n();
-		const { icons } = useContext();
 		const { controls, hardenOptions } = toRefs(props);
 		const { isControlEnabled } = useControls({ controls });
 		const maskRef = ref();
@@ -88,7 +88,7 @@ var image_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			return ((_props$imageOptions = props.imageOptions) === null || _props$imageOptions === void 0 ? void 0 : _props$imageOptions.fallback) ?? "";
 		});
 		const imageSrc = computed(() => fallbackAttempted.value && fallback.value ? fallback.value : props.node.url);
-		const { transformedUrl, isHardenUrl } = useHardenSanitizers({
+		const { transformedUrl, isHardenUrl, transformHardenUrl } = useSanitizers({
 			url: imageSrc,
 			hardenOptions,
 			loading: isLoading,
@@ -139,14 +139,14 @@ var image_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 				}, [!isLoading.value && enableDownload.value ? (openBlock(), createBlock(button_default, {
 					key: 0,
 					"data-stream-markdown": "image-download-button",
-					icon: unref(icons).download,
+					icon: "download",
 					name: unref(t)("button.download"),
 					"icon-class": "test",
 					"icon-width": 16,
 					"icon-height": 16,
 					"button-style": { backgroundColor: "color-mix(in oklab, var(--background) 90%, transparent)" },
 					onClick: handleDownload
-				}, null, 8, ["icon", "name"])) : createCommentVNode("v-if", true)], 512)) : createCommentVNode("v-if", true),
+				}, null, 8, ["name"])) : createCommentVNode("v-if", true)], 512)) : createCommentVNode("v-if", true),
 				(isLoading.value || !imageLoaded.value) && !unref(isHardenUrl) ? (openBlock(), createBlock(spin_default, { key: 1 })) : createCommentVNode("v-if", true),
 				!isLoading.value && !unref(isHardenUrl) && typeof unref(transformedUrl) === "string" ? (openBlock(), createBlock(image_default$1, {
 					key: unref(transformedUrl),
@@ -155,6 +155,8 @@ var image_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 					title: title.value,
 					preview: !fallbackAttempted.value && enablePreview.value,
 					controls: unref(controls),
+					"transform-harden-url": unref(transformHardenUrl),
+					"node-props": props,
 					onLoad: handleLoaded,
 					onError: handleError
 				}, null, 8, [
@@ -162,7 +164,8 @@ var image_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 					"alt",
 					"title",
 					"preview",
-					"controls"
+					"controls",
+					"transform-harden-url"
 				])) : unref(isHardenUrl) || loadError.value ? (openBlock(), createBlock(resolveDynamicComponent(Error.value), mergeProps({
 					key: 3,
 					variant: unref(isHardenUrl) ? "harden-image" : "image"