vue-stream-markdown 0.1.0 → 0.1.2

package/README.md

@@ -42,6 +42,7 @@ For detailed usage and API documentation, please refer to the [Documentation](ht
 <script setup lang="ts">
 import { ref } from 'vue'
 import { Markdown } from 'vue-stream-markdown'
+import 'vue-stream-markdown/index.css'
 // If you don't have shadcn CSS variables globally, import the theme
 import 'vue-stream-markdown/theme.css'
 

package/dist/button-DBgeYAZy.js

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

package/dist/{button-DRLfKbvc.js → button-vKhxUL3C.js}

@@ -1,4 +1,4 @@
-import { t as tooltip_default } from "./tooltip-CTUn3Ask.js";
+import { t as tooltip_default } from "./tooltip-KcTe6tBF.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

package/dist/{code-D5-TPyJ2.js → code-_dL6Qk0F.js}

@@ -1,10 +1,10 @@
-import "./previewers-CZxK6T54.js";
-import { i as useShiki } from "./composables-5Y9QWb9D.js";
-import "./tooltip-CTUn3Ask.js";
-import "./button-DRLfKbvc.js";
+import "./previewers-CMreQ4TA.js";
+import { i as useShiki } from "./composables-CZ7YmjNl.js";
+import "./tooltip-KcTe6tBF.js";
+import "./button-vKhxUL3C.js";
 import "./modal-CuQR21UD.js";
-import { t as code_block_default } from "./code-block-fsdBN3mX.js";
-import "./segmented-CpwUFPie.js";
+import { t as code_block_default } from "./code-block-wYeMwBck.js";
+import "./segmented-RoWxDIP3.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
@@ -83,7 +83,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		const { installed: hasShiki } = useShiki();
 		const components = {
 			vanilla: defineAsyncComponent(() => import("./vanilla-CA9QO96X.js")),
-			shiki: defineAsyncComponent(() => import("./shiki-CxPfBPEr.js"))
+			shiki: defineAsyncComponent(() => import("./shiki-4529WbJJ.js"))
 		};
 		const component = computed(() => {
 			if (hasShiki.value) return components.shiki;

package/dist/code-block-DGZ48hb0.js

@@ -0,0 +1,9 @@
+import "./previewers-CMreQ4TA.js";
+import "./composables-CZ7YmjNl.js";
+import "./tooltip-KcTe6tBF.js";
+import "./button-vKhxUL3C.js";
+import "./modal-CuQR21UD.js";
+import { t as code_block_default } from "./code-block-wYeMwBck.js";
+import "./segmented-RoWxDIP3.js";
+
+export { code_block_default as default };

package/dist/{code-block-fsdBN3mX.js → code-block-wYeMwBck.js}

@@ -1,8 +1,8 @@
-import { t as CODE_PREVIEWERS } from "./previewers-CZxK6T54.js";
-import { B as useContext, I as LANGUAGE_ALIAS, L as LANGUAGE_EXTENSIONS, M as ICONS, O as save, R as LANGUAGE_ICONS, a as useMermaid, u as useI18n, z as useControls } from "./composables-5Y9QWb9D.js";
-import { t as button_default } from "./button-DRLfKbvc.js";
+import { t as CODE_PREVIEWERS } from "./previewers-CMreQ4TA.js";
+import { B as useContext, I as LANGUAGE_ALIAS, L as LANGUAGE_EXTENSIONS, M as ICONS, O as save, R as LANGUAGE_ICONS, a as useMermaid, u as useI18n, z as useControls } from "./composables-CZ7YmjNl.js";
+import { t as button_default } from "./button-vKhxUL3C.js";
 import { t as modal_default } from "./modal-CuQR21UD.js";
-import { t as segmented_default } from "./segmented-CpwUFPie.js";
+import { t as segmented_default } from "./segmented-RoWxDIP3.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, mergeProps, normalizeClass, normalizeProps, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toRefs, unref, useModel, vShow, watch, withCtx, withDirectives } from "vue";
 import { useClipboard } from "@vueuse/core";
 
@@ -208,7 +208,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		const { t } = useI18n();
 		const { isControlEnabled } = useControls({ controls });
 		const { installed: hasMermaid } = useMermaid();
-		const CodeNode = defineAsyncComponent(() => import("./code-D5-TPyJ2.js"));
+		const CodeNode = defineAsyncComponent(() => import("./code-_dL6Qk0F.js"));
 		const { onCopied } = useContext();
 		const { copy, copied } = useClipboard({ legacy: true });
 		const { saveMermaid } = useMermaid();

package/dist/{composables-5Y9QWb9D.js → composables-CZ7YmjNl.js}

@@ -1041,7 +1041,7 @@ function useKatex() {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.99.0/helpers/typeof.js
+//#region \0@oxc-project+runtime@0.101.0/helpers/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o$1) {
@@ -1052,7 +1052,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.99.0/helpers/toPrimitive.js
+//#region \0@oxc-project+runtime@0.101.0/helpers/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -1065,14 +1065,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.99.0/helpers/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.101.0/helpers/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.99.0/helpers/defineProperty.js
+//#region \0@oxc-project+runtime@0.101.0/helpers/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -1083,32 +1083,32 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.99.0/helpers/checkPrivateRedeclaration.js
+//#region \0@oxc-project+runtime@0.101.0/helpers/checkPrivateRedeclaration.js
 function _checkPrivateRedeclaration(e, t) {
 	if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object");
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.99.0/helpers/classPrivateFieldInitSpec.js
+//#region \0@oxc-project+runtime@0.101.0/helpers/classPrivateFieldInitSpec.js
 function _classPrivateFieldInitSpec(e, t, a) {
 	_checkPrivateRedeclaration(e, t), t.set(e, a);
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.99.0/helpers/assertClassBrand.js
+//#region \0@oxc-project+runtime@0.101.0/helpers/assertClassBrand.js
 function _assertClassBrand(e, t, n) {
 	if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
 	throw new TypeError("Private element is not present on this object");
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.99.0/helpers/classPrivateFieldGet2.js
+//#region \0@oxc-project+runtime@0.101.0/helpers/classPrivateFieldGet2.js
 function _classPrivateFieldGet2(s, a) {
 	return s.get(_assertClassBrand(s, a));
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.99.0/helpers/classPrivateFieldSet2.js
+//#region \0@oxc-project+runtime@0.101.0/helpers/classPrivateFieldSet2.js
 function _classPrivateFieldSet2(s, a, r) {
 	return s.set(_assertClassBrand(s, a), r), r;
 }
@@ -1385,6 +1385,7 @@ function useMermaid(options) {
 //#endregion
 //#region src/composables/use-shiki.ts
 let highlighter = null;
+let createHighlighterPromise = null;
 function useShiki(options) {
 	const installed = ref(false);
 	const lang = computed(() => unref(options === null || options === void 0 ? void 0 : options.lang) ?? "plaintext");
@@ -1424,6 +1425,10 @@ function useShiki(options) {
 		return "plaintext";
 	}
 	async function getHighlighter() {
+		if (createHighlighterPromise) {
+			highlighter = await createHighlighterPromise;
+			createHighlighterPromise = null;
+		}
 		if (highlighter) {
 			const loadedLangs = highlighter.getLoadedLanguages();
 			const loadedThemes = highlighter.getLoadedThemes();
@@ -1433,15 +1438,19 @@ function useShiki(options) {
 			for (const theme of themes) if (!loadedThemes.includes(theme)) await highlighter.loadTheme(theme);
 			return highlighter;
 		}
-		const { createHighlighter } = await import("shiki");
-		highlighter = await createHighlighter({
-			themes: [await getTheme()],
-			langs: [await getLanguage()],
-			langAlias: {
-				...LANGUAGE_ALIAS,
-				...langAlias.value
-			}
-		});
+		createHighlighterPromise = (async () => {
+			const { createHighlighter } = await import("shiki");
+			return createHighlighter({
+				themes: [await getTheme()],
+				langs: [await getLanguage()],
+				langAlias: {
+					...LANGUAGE_ALIAS,
+					...langAlias.value
+				}
+			});
+		})();
+		highlighter = await createHighlighterPromise;
+		createHighlighterPromise = null;
 		return highlighter;
 	}
 	async function codeToTokens(code) {
@@ -1569,28 +1578,18 @@ function useZoom(options = {}) {
 	}
 	function startDrag(e) {
 		isDragging.value = true;
-		if (e instanceof MouseEvent) dragStart.value = {
+		dragStart.value = {
 			x: e.clientX - translateX.value,
 			y: e.clientY - translateY.value
 		};
-		else dragStart.value = {
-			x: e.touches[0].clientX - translateX.value,
-			y: e.touches[0].clientY - translateY.value
-		};
+		if (e.pointerType !== "mouse") {
+			if (e.target instanceof HTMLElement) e.target.setPointerCapture(e.pointerId);
+		}
 	}
 	function onDrag(e) {
 		if (!isDragging.value) return;
-		let clientX;
-		let clientY;
-		if (e instanceof MouseEvent) {
-			clientX = e.clientX;
-			clientY = e.clientY;
-		} else {
-			clientX = e.touches[0].clientX;
-			clientY = e.touches[0].clientY;
-		}
-		translateX.value = clientX - dragStart.value.x;
-		translateY.value = clientY - dragStart.value.y;
+		translateX.value = e.clientX - dragStart.value.x;
+		translateY.value = e.clientY - dragStart.value.y;
 	}
 	function stopDrag() {
 		isDragging.value = false;

package/dist/dropdown-DR-uQ215.js

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

package/dist/error-component-CKCT9gXy.js

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

package/dist/{error-component-DftqHZwH.js → error-component-ChEpOmSX.js}

@@ -1,4 +1,4 @@
-import { M as ICONS, u as useI18n } from "./composables-5Y9QWb9D.js";
+import { M as ICONS, u as useI18n } from "./composables-CZ7YmjNl.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/{image-dNQ1WKcM.js → image-DB-4Sv8R.js}

@@ -1,7 +1,7 @@
-import { M as ICONS, O as save, g as useHardenSanitizers, u as useI18n, z as useControls } from "./composables-5Y9QWb9D.js";
-import "./tooltip-CTUn3Ask.js";
-import { t as button_default } from "./button-DRLfKbvc.js";
-import { t as error_component_default } from "./error-component-DftqHZwH.js";
+import { M as ICONS, O as save, g as useHardenSanitizers, u as useI18n, z as useControls } from "./composables-CZ7YmjNl.js";
+import "./tooltip-KcTe6tBF.js";
+import { t as button_default } from "./button-vKhxUL3C.js";
+import { t as error_component_default } from "./error-component-ChEpOmSX.js";
 import { t as spin_default } from "./spin-Ds5W7qC_.js";
 import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeStyle, openBlock, ref, resolveDynamicComponent, toDisplayString, toRefs, unref, withCtx } from "vue";