vue-stream-markdown 0.0.0-alpha.0

package/dist/button-D8xx1WIP.js

@@ -0,0 +1,202 @@
+import { t as tooltip_default } from "./tooltip-RiXixMIt.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, h, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, withCtx } from "vue";
+
+//#region src/components/dropdown.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { "data-stream-markdown": "dropdown-overlay" };
+var dropdown_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "dropdown",
+	props: {
+		title: {
+			type: String,
+			required: false
+		},
+		options: {
+			type: Array,
+			required: false,
+			default: () => []
+		}
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const emits = __emit;
+		const tooltipRef = ref();
+		const BUTTON_STYLE = {
+			minWidth: "120px",
+			display: "flex",
+			justifyContent: "start",
+			gap: "0.625rem",
+			fontSize: "0.875rem",
+			lineHeight: "1.25rem"
+		};
+		function handleClick(event, item) {
+			var _tooltipRef$value;
+			emits("click", event, item);
+			(_tooltipRef$value = tooltipRef.value) === null || _tooltipRef$value === void 0 || _tooltipRef$value.hide();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(tooltip_default, {
+				ref_key: "tooltipRef",
+				ref: tooltipRef,
+				trigger: "click",
+				placement: "bottom",
+				interactive: true,
+				"data-stream-markdown": "dropdown"
+			}, {
+				content: withCtx(() => [createElementVNode("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+					return openBlock(), createBlock(button_default, {
+						key: option.value,
+						name: option.label,
+						icon: option.icon,
+						"button-style": BUTTON_STYLE,
+						variant: "text",
+						onClick: (e) => handleClick(e, option)
+					}, null, 8, [
+						"name",
+						"icon",
+						"onClick"
+					]);
+				}), 128))])]),
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 512);
+		};
+	}
+});
+
+//#endregion
+//#region src/components/dropdown.vue
+var dropdown_default = dropdown_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+//#region src/components/button.vue?vue&type=script&setup=true&lang.ts
+var button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "button",
+	props: {
+		variant: {
+			type: String,
+			required: false,
+			default: "icon"
+		},
+		name: {
+			type: String,
+			required: true
+		},
+		buttonClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			required: false
+		},
+		buttonStyle: {
+			type: Object,
+			required: false,
+			default: () => ({})
+		},
+		icon: {
+			type: null,
+			required: false
+		},
+		iconWidth: {
+			type: Number,
+			required: false,
+			default: 14
+		},
+		iconHeight: {
+			type: Number,
+			required: false,
+			default: 14
+		},
+		iconClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			required: false
+		},
+		iconStyle: {
+			type: Object,
+			required: false,
+			default: () => ({})
+		},
+		options: {
+			type: Array,
+			required: false,
+			default: () => []
+		}
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const isDropdown = computed(() => props.options.length > 0);
+		function onClick(event) {
+			if (isDropdown.value) return;
+			emits("click", event);
+		}
+		function onDropdownClick(event, item) {
+			if (item) emits("click", event, item);
+		}
+		const Icon = computed(() => {
+			if (!props.icon) return null;
+			return h(props.icon, {
+				width: props.iconWidth,
+				height: props.iconHeight,
+				class: props.iconClass,
+				style: props.iconStyle
+			});
+		});
+		return (_ctx, _cache) => {
+			return __props.variant === "icon" ? (openBlock(), createBlock(resolveDynamicComponent(isDropdown.value ? dropdown_default : tooltip_default), {
+				key: 0,
+				content: isDropdown.value ? void 0 : __props.name,
+				title: __props.name,
+				options: __props.options,
+				onClick: onDropdownClick
+			}, {
+				default: withCtx(() => [createElementVNode("button", {
+					"data-stream-markdown": "button",
+					type: "button",
+					class: normalizeClass(__props.buttonClass),
+					style: normalizeStyle(__props.buttonStyle),
+					onClick
+				}, [(openBlock(), createBlock(resolveDynamicComponent(Icon.value)))], 6)]),
+				_: 1
+			}, 8, [
+				"content",
+				"title",
+				"options"
+			])) : __props.variant === "text" && !isDropdown.value ? (openBlock(), createElementBlock("button", {
+				key: 1,
+				"data-stream-markdown": "button",
+				type: "button",
+				class: normalizeClass(__props.buttonClass),
+				style: normalizeStyle(__props.buttonStyle),
+				onClick
+			}, [(openBlock(), createBlock(resolveDynamicComponent(Icon.value))), createTextVNode(" " + toDisplayString(__props.name), 1)], 6)) : (openBlock(), createBlock(dropdown_default, {
+				key: 2,
+				title: __props.name,
+				options: __props.options,
+				onClick: onDropdownClick
+			}, {
+				default: withCtx(() => [createElementVNode("button", {
+					"data-stream-markdown": "button",
+					type: "button",
+					class: normalizeClass(__props.buttonClass),
+					style: normalizeStyle(__props.buttonStyle),
+					onClick
+				}, [(openBlock(), createBlock(resolveDynamicComponent(Icon.value))), createTextVNode(" " + toDisplayString(__props.name), 1)], 6)]),
+				_: 1
+			}, 8, ["title", "options"]));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/button.vue
+var button_default = button_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { dropdown_default as n, button_default as t };

package/dist/c-FBUef746.js

@@ -0,0 +1,25 @@
+import { createElementBlock, createElementVNode, markRaw, openBlock } from "vue";
+
+//#region ~icons/catppuccin/c
+const _hoisted_1 = {
+	viewBox: "0 0 16 16",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+		fill: "none",
+		stroke: "#8aadf4",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		d: "M4.056 12.952a7.05 7.05 0 0 0 9.944 0l-1.79-1.783a4.513 4.513 0 0 1-6.364 0a4.47 4.47 0 0 1 0-6.338a4.513 4.513 0 0 1 6.364 0l.895-.891l.895-.892a7.05 7.05 0 0 0-9.944 0a6.98 6.98 0 0 0 0 9.904",
+		"clip-rule": "evenodd"
+	}, null, -1)])]);
+}
+var c_default = markRaw({
+	name: "catppuccin-c",
+	render
+});
+
+//#endregion
+export { c_default as default };

package/dist/check-C4xOk8um.js

@@ -0,0 +1,25 @@
+import { createElementBlock, createElementVNode, markRaw, openBlock } from "vue";
+
+//#region ~icons/lucide/check
+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("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "M20 6L9 17l-5-5"
+	}, null, -1)])]);
+}
+var check_default = markRaw({
+	name: "lucide-check",
+	render
+});
+
+//#endregion
+export { check_default as default };

package/dist/chevron-down-cnOJ4h1g.js

@@ -0,0 +1,25 @@
+import { createElementBlock, createElementVNode, markRaw, openBlock } from "vue";
+
+//#region ~icons/lucide/chevron-down
+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("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "m6 9l6 6l6-6"
+	}, null, -1)])]);
+}
+var chevron_down_default = markRaw({
+	name: "lucide-chevron-down",
+	render
+});
+
+//#endregion
+export { chevron_down_default as default };

package/dist/circle-alert-CLX-h5rZ.js

@@ -0,0 +1,28 @@
+import { createElementBlock, createElementVNode, markRaw, openBlock } from "vue";
+
+//#region ~icons/lucide/circle-alert
+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("circle", {
+		cx: "12",
+		cy: "12",
+		r: "10"
+	}), createElementVNode("path", { d: "M12 8v4m0 4h.01" })], -1)])]);
+}
+var circle_alert_default = markRaw({
+	name: "lucide-circle-alert",
+	render
+});
+
+//#endregion
+export { circle_alert_default as default };

package/dist/clojure-BulUroSy.js

@@ -0,0 +1,18 @@
+import { createElementBlock, createElementVNode, createStaticVNode, markRaw, openBlock } from "vue";
+
+//#region ~icons/catppuccin/clojure
+const _hoisted_1 = {
+	viewBox: "0 0 16 16",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createStaticVNode("<g fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"#a6da95\" d=\"M14.17 10.03A6.5 6.5 0 0 1 1.81 6.02\"></path><path stroke=\"#8aadf4\" d=\"M1.87 5.85A6.5 6.5 0 0 1 14.22 9.9\"></path><path stroke=\"#a6da95\" d=\"M6.36 4.9a3.5 3.5 0 1 0 3.41 6.12\"></path><path stroke=\"#8aadf4\" d=\"M9.77 11.02a3.5 3.5 0 0 0-3.03-6.29\"></path><path stroke=\"#cad3f5\" d=\"M8 7.5s-1.66 2.48-1.5 3.65\"></path><path stroke=\"#cad3f5\" d=\"M1.81 6.02C2.47 5 3.83 4.49 5 4.46c4.06 0 3 5.56 5.03 6.86c1.21.52 3.5-.21 4.15-1.32\"></path></g>", 1)])]);
+}
+var clojure_default = markRaw({
+	name: "catppuccin-clojure",
+	render
+});
+
+//#endregion
+export { clojure_default as default };

package/dist/cmake-CW3vz1Mo.js

@@ -0,0 +1,35 @@
+import { createElementBlock, createElementVNode, markRaw, openBlock } from "vue";
+
+//#region ~icons/catppuccin/cmake
+const _hoisted_1 = {
+	viewBox: "0 0 16 16",
+	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-linecap": "round",
+		"stroke-linejoin": "round"
+	}, [
+		createElementVNode("path", {
+			stroke: "#a6da95",
+			d: "m6 11.5l-3.5 3H13Z"
+		}),
+		createElementVNode("path", {
+			stroke: "#ed8796",
+			d: "m9 1.5l5.5 11l-4.5-2z"
+		}),
+		createElementVNode("path", {
+			stroke: "#8aadf4",
+			d: "m1.5 12.5l6-5l-.5-6Z"
+		})
+	], -1)])]);
+}
+var cmake_default = markRaw({
+	name: "catppuccin-cmake",
+	render
+});
+
+//#endregion
+export { cmake_default as default };

package/dist/cobol-CIn3oFju.js

@@ -0,0 +1,24 @@
+import { createElementBlock, createElementVNode, markRaw, openBlock } from "vue";
+
+//#region ~icons/catppuccin/cobol
+const _hoisted_1 = {
+	viewBox: "0 0 16 16",
+	width: "1.2em",
+	height: "1.2em"
+};
+function render(_ctx, _cache) {
+	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
+		fill: "none",
+		stroke: "#8aadf4",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		d: "M6.74 2.24c.32-1.32 2.2-1.32 2.52 0a1.3 1.3 0 0 0 1.93.8c1.15-.7 2.48.62 1.77 1.77a1.3 1.3 0 0 0 .8 1.93c1.32.32 1.32 2.2 0 2.52a1.3 1.3 0 0 0-.8 1.93c.7 1.15-.62 2.48-1.77 1.77a1.3 1.3 0 0 0-1.93.8c-.32 1.32-2.2 1.32-2.52 0a1.3 1.3 0 0 0-1.93-.8c-1.15.7-2.48-.62-1.77-1.77a1.3 1.3 0 0 0-.8-1.93c-1.32-.32-1.32-2.2 0-2.52a1.3 1.3 0 0 0 .8-1.93c-.7-1.15.62-2.48 1.77-1.77a1.3 1.3 0 0 0 1.93-.8M10 6.5a2.5 2.5 0 1 0 0 3"
+	}, null, -1)])]);
+}
+var cobol_default = markRaw({
+	name: "catppuccin-cobol",
+	render
+});
+
+//#endregion
+export { cobol_default as default };

package/dist/code-CP6mPwkq.js

@@ -0,0 +1,106 @@
+import "./previewers-Drlf7IQF.js";
+import { r as useShiki } from "./composables-qhB1h_ed.js";
+import "./tooltip-RiXixMIt.js";
+import "./button-D8xx1WIP.js";
+import "./modal-CuQR21UD.js";
+import { t as code_block_default } from "./code-block-C4D_QNTq.js";
+import "./segmented-BEtO1eyl.js";
+import { computed, createBlock, createCommentVNode, defineAsyncComponent, defineComponent, mergeProps, normalizeProps, openBlock, resolveDynamicComponent, withCtx } from "vue";
+
+//#region src/components/renderers/code/index.vue?vue&type=script&setup=true&lang.ts
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		node: {
+			type: Object,
+			required: true
+		},
+		markdownParser: {
+			type: Object,
+			required: true
+		},
+		nodeRenderers: {
+			type: Object,
+			required: true
+		},
+		mediumZoom: {
+			type: Object,
+			required: true
+		},
+		indexKey: {
+			type: [Number, String],
+			required: true
+		},
+		getContainer: {
+			type: Function,
+			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
+		},
+		showHeader: {
+			type: Boolean,
+			required: false,
+			default: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const languageClass = computed(() => `language-${props.node.lang}`);
+		const { installed: hasShiki } = useShiki();
+		const components = {
+			vanilla: defineAsyncComponent(() => import("./vanilla-CA9QO96X.js")),
+			shiki: defineAsyncComponent(() => import("./shiki-vToM7Pz1.js"))
+		};
+		const component = computed(() => {
+			if (hasShiki.value) return components.shiki;
+			return components.vanilla;
+		});
+		return (_ctx, _cache) => {
+			return __props.showHeader ? (openBlock(), createBlock(code_block_default, normalizeProps(mergeProps({ key: 0 }, props)), {
+				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(component.value), mergeProps(props, { class: [languageClass.value] }), null, 16, ["class"]))]),
+				_: 1
+			}, 16)) : (openBlock(), createBlock(resolveDynamicComponent(component.value), mergeProps({ key: 1 }, props, { class: [languageClass.value] }), null, 16, ["class"]));
+		};
+	}
+});
+
+//#endregion
+//#region src/components/renderers/code/index.vue
+var code_default = index_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { code_default as default };

package/dist/code-D8LSp8rK.js

@@ -0,0 +1,25 @@
+import { createElementBlock, createElementVNode, markRaw, openBlock } from "vue";
+
+//#region ~icons/lucide/code
+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("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "m16 18l6-6l-6-6M8 6l-6 6l6 6"
+	}, null, -1)])]);
+}
+var code_default = markRaw({
+	name: "lucide-code",
+	render
+});
+
+//#endregion
+export { code_default as default };

package/dist/code-NAXHb0o2.css

@@ -0,0 +1,4 @@
+.stream-markdown [data-stream-markdown="code"], .stream-markdown [data-stream-markdown="code"] code {
+  font-family: var(--font-mono);
+}
+