@antdv-next/x-markdown 0.0.1 → 0.1.0-beta.1

package/dist/XMarkdown/index.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,135 @@
+import DebugPanel_default from "./components/DebugPanel.js";
+import TailIndicator_default from "./components/TailIndicator.js";
+import { useStreaming } from "./composables/useStreaming.js";
+import { Parser } from "./core/Parser.js";
+import { VueRenderer } from "./core/VueRenderer.js";
+import { useTail } from "./composables/useTail.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, h, normalizeClass, normalizeStyle, openBlock, ref, shallowRef, unref, watch } from "vue";
+//#region src/XMarkdown/index.vue?vue&type=script&setup=true&lang.ts
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		content: { default: "" },
+		components: { default: () => ({}) },
+		streaming: { default: void 0 },
+		config: { default: () => ({ gfm: true }) },
+		debug: {
+			type: Boolean,
+			default: false
+		},
+		protectCustomTagNewlines: {
+			type: Boolean,
+			default: true
+		},
+		escapeRawHtml: {
+			type: Boolean,
+			default: false
+		},
+		className: {},
+		style: {},
+		openLinksInNewTab: {
+			type: Boolean,
+			default: true
+		},
+		paragraphTag: { default: "p" }
+	},
+	setup(__props) {
+		const props = __props;
+		const contentRef = computed(() => props.content || "");
+		const streamingRef = computed(() => props.streaming);
+		const { processedContent } = useStreaming(contentRef, streamingRef, computed(() => props.components));
+		const { tailContent, tailComponent, showTail } = useTail(streamingRef);
+		const mergedComponents = computed(() => {
+			const baseComponents = { ...props.components };
+			if (!showTail.value || !tailContent.value) return baseComponents;
+			const resolvedTailComponent = tailComponent.value || TailIndicator_default;
+			const content = tailContent.value;
+			const TailBridge = defineComponent({
+				name: "XmdTailBridge",
+				setup() {
+					return () => h(resolvedTailComponent, { content });
+				}
+			});
+			return {
+				...baseComponents,
+				"xmd-tail": TailBridge
+			};
+		});
+		const VNodeRenderer = defineComponent({
+			name: "XmdVNodeRenderer",
+			props: { node: {
+				type: Object,
+				required: true
+			} },
+			setup(props) {
+				return () => props.node;
+			}
+		});
+		const parser = shallowRef(new Parser({
+			openLinksInNewTab: props.openLinksInNewTab,
+			paragraphTag: props.paragraphTag,
+			protectCustomTags: props.protectCustomTagNewlines,
+			escapeRawHtml: props.escapeRawHtml,
+			config: props.config,
+			components: props.components
+		}));
+		const renderer = shallowRef(new VueRenderer({
+			components: mergedComponents.value,
+			enableAnimation: props.streaming?.enableAnimation ?? true,
+			animationConfig: props.streaming?.animationConfig
+		}));
+		const optionsVersion = ref(0);
+		const bumpOptionsVersion = () => {
+			optionsVersion.value += 1;
+		};
+		const htmlOutput = computed(() => {
+			optionsVersion.value;
+			return parser.value.parse(processedContent.value, { injectTail: showTail.value });
+		});
+		const vNode = computed(() => {
+			optionsVersion.value;
+			return renderer.value.render(htmlOutput.value);
+		});
+		watch(() => [
+			props.openLinksInNewTab,
+			props.paragraphTag,
+			props.protectCustomTagNewlines,
+			props.escapeRawHtml
+		], () => {
+			parser.value.setOptions({
+				openLinksInNewTab: props.openLinksInNewTab,
+				paragraphTag: props.paragraphTag,
+				protectCustomTags: props.protectCustomTagNewlines,
+				escapeRawHtml: props.escapeRawHtml
+			});
+			bumpOptionsVersion();
+		});
+		watch(() => props.config, (newConfig) => {
+			parser.value.setOptions({ config: newConfig });
+			bumpOptionsVersion();
+		}, { deep: true });
+		watch(() => props.components, (newComponents) => {
+			parser.value.setOptions({ components: newComponents });
+			bumpOptionsVersion();
+		}, { deep: true });
+		watch(mergedComponents, (newComponents) => {
+			renderer.value.setOptions({ components: newComponents });
+			bumpOptionsVersion();
+		}, { deep: true });
+		watch(() => props.streaming, (newStreaming) => {
+			renderer.value.setOptions({
+				enableAnimation: newStreaming?.enableAnimation ?? true,
+				animationConfig: newStreaming?.animationConfig
+			});
+			bumpOptionsVersion();
+		}, { deep: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["x-markdown", __props.className]),
+				style: normalizeStyle(__props.style)
+			}, [createVNode(unref(VNodeRenderer), { node: vNode.value }, null, 8, ["node"]), __props.debug ? (openBlock(), createBlock(DebugPanel_default, { key: 0 })) : createCommentVNode("", true)], 6);
+		};
+	}
+});
+//#endregion
+export { index_vue_vue_type_script_setup_true_lang_default as default };

package/dist/XMarkdown/index2.js

@@ -0,0 +1,5 @@
+import index_vue_vue_type_script_setup_true_lang_default from "./index.vue_vue_type_script_setup_true_lang.js";
+//#region src/XMarkdown/index.vue
+var XMarkdown_default = index_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { XMarkdown_default as default };

package/dist/XMarkdown/interface.d.ts

@@ -84,4 +84,3 @@ export interface RendererOptions {
         easing?: string;
     };
 }
-//# sourceMappingURL=interface.d.ts.map

package/dist/XMarkdown/interface.js

@@ -0,0 +1,14 @@
+//#region src/XMarkdown/interface.ts
+var StreamCacheTokenType = /* @__PURE__ */ function(StreamCacheTokenType) {
+	StreamCacheTokenType["Text"] = "text";
+	StreamCacheTokenType["Link"] = "link";
+	StreamCacheTokenType["Image"] = "image";
+	StreamCacheTokenType["Html"] = "html";
+	StreamCacheTokenType["Emphasis"] = "emphasis";
+	StreamCacheTokenType["List"] = "list";
+	StreamCacheTokenType["Table"] = "table";
+	StreamCacheTokenType["InlineCode"] = "inline-code";
+	return StreamCacheTokenType;
+}({});
+//#endregion
+export { StreamCacheTokenType };

package/dist/XMarkdown/utils/tail.d.ts

@@ -2,4 +2,3 @@ export declare function resolveTailContent(tail?: boolean | {
     content?: string;
     component?: unknown;
 }): string | null;
-//# sourceMappingURL=tail.d.ts.map

package/dist/XMarkdown/utils/tail.js

@@ -0,0 +1,9 @@
+//#region src/XMarkdown/utils/tail.ts
+var DEFAULT_TAIL_CONTENT = "▋";
+function resolveTailContent(tail) {
+	if (!tail) return null;
+	if (tail === true) return DEFAULT_TAIL_CONTENT;
+	return tail.content || DEFAULT_TAIL_CONTENT;
+}
+//#endregion
+export { resolveTailContent };

package/dist/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var _plugin_vue_export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+//#endregion
+export { _plugin_vue_export_helper_default as default };

package/dist/index.d.ts

@@ -12,4 +12,3 @@ export { useRenderer } from './XMarkdown/composables/useRenderer';
 export { useTail } from './XMarkdown/composables/useTail';
 export { AnimationText, DebugPanel, TailIndicator, } from './XMarkdown/components';
 export { resolveTailContent } from './XMarkdown/utils/tail';
-//# sourceMappingURL=index.d.ts.map