@dou-ui/editor 0.0.0-stage → 0.1.0-alpha.0

package/dist/extensions/embed/embed-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"embed-block.js","names":["_sfc_main"],"sources":["../../../src/extensions/embed/embed-block.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AppWindowIcon, LinkIcon, PencilIcon } from '@dou-ui/icons'\nimport { DouButton, DouInput, DouTooltip } from 'dou-ui'\nimport { computed, shallowRef } from 'vue'\nimport type { BlockProps } from '../../core/model'\nimport { useEditor } from '../../editor'\nimport { frameAllow, frameSandbox, httpsUrl, ratioOf, type EmbedTarget } from './targets'\n\nconst props = defineProps<{\n  block: { id: string; type: string; props: BlockProps }\n  updateProps: (props: BlockProps) => void\n  selected: boolean\n  editable: boolean\n  resolve: (url: string) => EmbedTarget | null\n}>()\n\nconst { messages } = useEditor()\nconst text = computed(() => messages.value.embed)\n\nconst link = computed(() => String(props.block.props.src ?? ''))\nconst target = computed(() => (link.value ? props.resolve(link.value) : null))\nconst caption = computed(() => String(props.block.props.caption ?? ''))\nconst frameStyle = computed(() => {\n  const value = target.value\n  if (!value) return undefined\n  return value.height ? { height: `${value.height}px` } : { aspectRatio: String(ratioOf(value)) }\n})\n\nconst url = shallowRef('')\nconst invalid = shallowRef(false)\n/** Why a link can't be embedded: only https, or refused for another reason. */\nconst reason = (value: string) => (httpsUrl(value) ? text.value.invalid : text.value.insecure)\nconst error = shallowRef('')\n\n/* changing the link */\nconst editing = shallowRef(false)\nfunction edit() {\n  url.value = link.value\n  invalid.value = false\n  editing.value = true\n}\nfunction cancel() {\n  editing.value = false\n  url.value = ''\n  invalid.value = false\n}\n\nfunction apply() {\n  const value = url.value.trim()\n  if (!value) return\n  if (!props.resolve(value)) {\n    invalid.value = true\n    error.value = reason(value)\n    return\n  }\n  props.updateProps({ src: value })\n  url.value = ''\n  invalid.value = false\n  editing.value = false\n}\n\n/** Enter ends the caption, unless it picks a word in an input method. */\nfunction onCaptionEnter(event: KeyboardEvent) {\n  if (event.isComposing || event.keyCode === 229) return\n  event.preventDefault()\n  ;(event.target as HTMLInputElement).blur()\n}\n\nfunction onCaption(value: string) {\n  props.updateProps({ caption: value })\n}\n</script>\n\n<template>\n  <div class=\"dou-editor-embed\" :class=\"{ 'is-selected': selected }\">\n    <div v-if=\"editable && (editing || !link)\" class=\"dou-editor-image__empty\">\n      <AppWindowIcon class=\"dou-editor-image__empty-icon\" />\n      <span class=\"dou-editor-image__empty-text\">{{ text.empty }}</span>\n      <form class=\"dou-editor-image__embed\" @submit.prevent=\"apply\">\n        <DouInput\n          v-model=\"url\"\n          size=\"sm\"\n          :placeholder=\"text.urlPlaceholder\"\n          :invalid=\"invalid\"\n          :autofocus=\"editing\"\n          @update:model-value=\"invalid = false\"\n          @keydown.esc=\"editing && cancel()\"\n        />\n        <DouButton v-if=\"editing\" size=\"sm\" variant=\"ghost\" @click=\"cancel\">\n          {{ text.cancel }}\n        </DouButton>\n        <DouButton size=\"sm\" variant=\"solid\" native-type=\"submit\">{{ text.apply }}</DouButton>\n      </form>\n      <span v-if=\"invalid\" class=\"dou-editor-embed__error\" role=\"alert\">{{ error }}</span>\n    </div>\n\n    <figure v-else-if=\"target\" class=\"dou-editor-embed__figure\">\n      <div class=\"dou-editor-embed__frame\" :class=\"`is-${target.kind}`\" :style=\"frameStyle\">\n        <iframe\n          v-if=\"target.kind === 'frame'\"\n          :src=\"target.src\"\n          :title=\"caption || link\"\n          :sandbox=\"frameSandbox\"\n          :allow=\"frameAllow\"\n          loading=\"lazy\"\n          referrerpolicy=\"strict-origin-when-cross-origin\"\n        />\n        <video v-else-if=\"target.kind === 'video'\" :src=\"target.src\" controls preload=\"metadata\" />\n        <audio v-else :src=\"target.src\" controls preload=\"metadata\" />\n      </div>\n      <figcaption v-if=\"editable\" class=\"dou-editor-image__caption dou-editor-embed__caption\">\n        <input\n          class=\"dou-editor-image__caption-input\"\n          :value=\"caption\"\n          :placeholder=\"text.caption\"\n          @change=\"onCaption(($event.target as HTMLInputElement).value)\"\n          @keydown.enter=\"onCaptionEnter\"\n        />\n        <DouTooltip :content=\"text.edit\">\n          <DouButton\n            size=\"sm\"\n            variant=\"ghost\"\n            class=\"dou-editor-embed__edit\"\n            :aria-label=\"text.edit\"\n            data-editor-control\n            @click=\"edit\"\n          >\n            <PencilIcon />\n          </DouButton>\n        </DouTooltip>\n      </figcaption>\n      <figcaption v-else-if=\"caption\" class=\"dou-editor-image__caption\">{{ caption }}</figcaption>\n    </figure>\n\n    <div v-else-if=\"link\" class=\"dou-editor-image__empty\">\n      <LinkIcon class=\"dou-editor-image__empty-icon\" />\n      <span class=\"dou-editor-image__empty-text\">{{ reason(link) }}</span>\n      <a\n        class=\"dou-editor-embed__link\"\n        :href=\"/^https?:/i.test(link) ? link : undefined\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        data-editor-control\n      >\n        {{ link }}\n      </a>\n      <DouButton v-if=\"editable\" size=\"sm\" variant=\"outline\" @click=\"edit\">\n        <template #leading><PencilIcon /></template>\n        {{ text.edit }}\n      </DouButton>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/extensions/embed/embed-block.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,210 @@
+import { useEditor } from "../../editor.js";
+import { frameAllow, frameSandbox, httpsUrl, ratioOf } from "./targets.js";
+import { DouButton, DouInput, DouTooltip } from "dou-ui";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, shallowRef, toDisplayString, unref, withCtx, withKeys, withModifiers } from "vue";
+import { AppWindowIcon, LinkIcon, PencilIcon } from "@dou-ui/icons";
+// src/extensions/embed/embed-block.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "dou-editor-image__empty"
+};
+var _hoisted_2 = { class: "dou-editor-image__empty-text" };
+var _hoisted_3 = {
+	key: 0,
+	class: "dou-editor-embed__error",
+	role: "alert"
+};
+var _hoisted_4 = {
+	key: 1,
+	class: "dou-editor-embed__figure"
+};
+var _hoisted_5 = [
+	"src",
+	"title",
+	"sandbox",
+	"allow"
+];
+var _hoisted_6 = ["src"];
+var _hoisted_7 = ["src"];
+var _hoisted_8 = {
+	key: 0,
+	class: "dou-editor-image__caption dou-editor-embed__caption"
+};
+var _hoisted_9 = ["value", "placeholder"];
+var _hoisted_10 = {
+	key: 1,
+	class: "dou-editor-image__caption"
+};
+var _hoisted_11 = {
+	key: 2,
+	class: "dou-editor-image__empty"
+};
+var _hoisted_12 = { class: "dou-editor-image__empty-text" };
+var _hoisted_13 = ["href"];
+var embed_block_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "embed-block",
+	props: {
+		block: {},
+		updateProps: { type: Function },
+		selected: { type: Boolean },
+		editable: { type: Boolean },
+		resolve: { type: Function }
+	},
+	setup(__props) {
+		const props = __props;
+		const { messages } = useEditor();
+		const text = computed(() => messages.value.embed);
+		const link = computed(() => String(props.block.props.src ?? ""));
+		const target = computed(() => link.value ? props.resolve(link.value) : null);
+		const caption = computed(() => String(props.block.props.caption ?? ""));
+		const frameStyle = computed(() => {
+			const value = target.value;
+			if (!value) return void 0;
+			return value.height ? { height: `${value.height}px` } : { aspectRatio: String(ratioOf(value)) };
+		});
+		const url = shallowRef("");
+		const invalid = shallowRef(false);
+		/** Why a link can't be embedded: only https, or refused for another reason. */
+		const reason = (value) => httpsUrl(value) ? text.value.invalid : text.value.insecure;
+		const error = shallowRef("");
+		const editing = shallowRef(false);
+		function edit() {
+			url.value = link.value;
+			invalid.value = false;
+			editing.value = true;
+		}
+		function cancel() {
+			editing.value = false;
+			url.value = "";
+			invalid.value = false;
+		}
+		function apply() {
+			const value = url.value.trim();
+			if (!value) return;
+			if (!props.resolve(value)) {
+				invalid.value = true;
+				error.value = reason(value);
+				return;
+			}
+			props.updateProps({ src: value });
+			url.value = "";
+			invalid.value = false;
+			editing.value = false;
+		}
+		/** Enter ends the caption, unless it picks a word in an input method. */
+		function onCaptionEnter(event) {
+			if (event.isComposing || event.keyCode === 229) return;
+			event.preventDefault();
+			event.target.blur();
+		}
+		function onCaption(value) {
+			props.updateProps({ caption: value });
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["dou-editor-embed", { "is-selected": __props.selected }]) }, [__props.editable && (editing.value || !link.value) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+				createVNode(unref(AppWindowIcon), { class: "dou-editor-image__empty-icon" }),
+				createElementVNode("span", _hoisted_2, toDisplayString(text.value.empty), 1),
+				createElementVNode("form", {
+					class: "dou-editor-image__embed",
+					onSubmit: withModifiers(apply, ["prevent"])
+				}, [
+					createVNode(unref(DouInput), {
+						modelValue: url.value,
+						"onUpdate:modelValue": [_cache[0] || (_cache[0] = ($event) => url.value = $event), _cache[1] || (_cache[1] = ($event) => invalid.value = false)],
+						size: "sm",
+						placeholder: text.value.urlPlaceholder,
+						invalid: invalid.value,
+						autofocus: editing.value,
+						onKeydown: _cache[2] || (_cache[2] = withKeys(($event) => editing.value && cancel(), ["esc"]))
+					}, null, 8, [
+						"modelValue",
+						"placeholder",
+						"invalid",
+						"autofocus"
+					]),
+					editing.value ? (openBlock(), createBlock(unref(DouButton), {
+						key: 0,
+						size: "sm",
+						variant: "ghost",
+						onClick: cancel
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(text.value.cancel), 1)]),
+						_: 1
+					})) : createCommentVNode("", true),
+					createVNode(unref(DouButton), {
+						size: "sm",
+						variant: "solid",
+						"native-type": "submit"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(text.value.apply), 1)]),
+						_: 1
+					})
+				], 32),
+				invalid.value ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(error.value), 1)) : createCommentVNode("", true)
+			])) : target.value ? (openBlock(), createElementBlock("figure", _hoisted_4, [createElementVNode("div", {
+				class: normalizeClass(["dou-editor-embed__frame", `is-${target.value.kind}`]),
+				style: normalizeStyle(frameStyle.value)
+			}, [target.value.kind === "frame" ? (openBlock(), createElementBlock("iframe", {
+				key: 0,
+				src: target.value.src,
+				title: caption.value || link.value,
+				sandbox: unref(frameSandbox),
+				allow: unref(frameAllow),
+				loading: "lazy",
+				referrerpolicy: "strict-origin-when-cross-origin"
+			}, null, 8, _hoisted_5)) : target.value.kind === "video" ? (openBlock(), createElementBlock("video", {
+				key: 1,
+				src: target.value.src,
+				controls: "",
+				preload: "metadata"
+			}, null, 8, _hoisted_6)) : (openBlock(), createElementBlock("audio", {
+				key: 2,
+				src: target.value.src,
+				controls: "",
+				preload: "metadata"
+			}, null, 8, _hoisted_7))], 6), __props.editable ? (openBlock(), createElementBlock("figcaption", _hoisted_8, [createElementVNode("input", {
+				class: "dou-editor-image__caption-input",
+				value: caption.value,
+				placeholder: text.value.caption,
+				onChange: _cache[3] || (_cache[3] = ($event) => onCaption($event.target.value)),
+				onKeydown: withKeys(onCaptionEnter, ["enter"])
+			}, null, 40, _hoisted_9), createVNode(unref(DouTooltip), { content: text.value.edit }, {
+				default: withCtx(() => [createVNode(unref(DouButton), {
+					size: "sm",
+					variant: "ghost",
+					class: "dou-editor-embed__edit",
+					"aria-label": text.value.edit,
+					"data-editor-control": "",
+					onClick: edit
+				}, {
+					default: withCtx(() => [createVNode(unref(PencilIcon))]),
+					_: 1
+				}, 8, ["aria-label"])]),
+				_: 1
+			}, 8, ["content"])])) : caption.value ? (openBlock(), createElementBlock("figcaption", _hoisted_10, toDisplayString(caption.value), 1)) : createCommentVNode("", true)])) : link.value ? (openBlock(), createElementBlock("div", _hoisted_11, [
+				createVNode(unref(LinkIcon), { class: "dou-editor-image__empty-icon" }),
+				createElementVNode("span", _hoisted_12, toDisplayString(reason(link.value)), 1),
+				createElementVNode("a", {
+					class: "dou-editor-embed__link",
+					href: /^https?:/i.test(link.value) ? link.value : void 0,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					"data-editor-control": ""
+				}, toDisplayString(link.value), 9, _hoisted_13),
+				__props.editable ? (openBlock(), createBlock(unref(DouButton), {
+					key: 0,
+					size: "sm",
+					variant: "outline",
+					onClick: edit
+				}, {
+					leading: withCtx(() => [createVNode(unref(PencilIcon))]),
+					default: withCtx(() => [createTextVNode(" " + toDisplayString(text.value.edit), 1)]),
+					_: 1
+				})) : createCommentVNode("", true)
+			])) : createCommentVNode("", true)], 2);
+		};
+	}
+});
+export { embed_block_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=embed-block.vue_vue_type_script_setup_true_lang.js.map

package/dist/extensions/embed/embed-block.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"embed-block.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_createVNode","_unref","_createElementVNode","_toDisplayString","_withModifiers","_withKeys","_createBlock","_withCtx","_createTextVNode","_createCommentVNode","_normalizeStyle"],"sources":["../../../src/extensions/embed/embed-block.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AppWindowIcon, LinkIcon, PencilIcon } from '@dou-ui/icons'\nimport { DouButton, DouInput, DouTooltip } from 'dou-ui'\nimport { computed, shallowRef } from 'vue'\nimport type { BlockProps } from '../../core/model'\nimport { useEditor } from '../../editor'\nimport { frameAllow, frameSandbox, httpsUrl, ratioOf, type EmbedTarget } from './targets'\n\nconst props = defineProps<{\n  block: { id: string; type: string; props: BlockProps }\n  updateProps: (props: BlockProps) => void\n  selected: boolean\n  editable: boolean\n  resolve: (url: string) => EmbedTarget | null\n}>()\n\nconst { messages } = useEditor()\nconst text = computed(() => messages.value.embed)\n\nconst link = computed(() => String(props.block.props.src ?? ''))\nconst target = computed(() => (link.value ? props.resolve(link.value) : null))\nconst caption = computed(() => String(props.block.props.caption ?? ''))\nconst frameStyle = computed(() => {\n  const value = target.value\n  if (!value) return undefined\n  return value.height ? { height: `${value.height}px` } : { aspectRatio: String(ratioOf(value)) }\n})\n\nconst url = shallowRef('')\nconst invalid = shallowRef(false)\n/** Why a link can't be embedded: only https, or refused for another reason. */\nconst reason = (value: string) => (httpsUrl(value) ? text.value.invalid : text.value.insecure)\nconst error = shallowRef('')\n\n/* changing the link */\nconst editing = shallowRef(false)\nfunction edit() {\n  url.value = link.value\n  invalid.value = false\n  editing.value = true\n}\nfunction cancel() {\n  editing.value = false\n  url.value = ''\n  invalid.value = false\n}\n\nfunction apply() {\n  const value = url.value.trim()\n  if (!value) return\n  if (!props.resolve(value)) {\n    invalid.value = true\n    error.value = reason(value)\n    return\n  }\n  props.updateProps({ src: value })\n  url.value = ''\n  invalid.value = false\n  editing.value = false\n}\n\n/** Enter ends the caption, unless it picks a word in an input method. */\nfunction onCaptionEnter(event: KeyboardEvent) {\n  if (event.isComposing || event.keyCode === 229) return\n  event.preventDefault()\n  ;(event.target as HTMLInputElement).blur()\n}\n\nfunction onCaption(value: string) {\n  props.updateProps({ caption: value })\n}\n</script>\n\n<template>\n  <div class=\"dou-editor-embed\" :class=\"{ 'is-selected': selected }\">\n    <div v-if=\"editable && (editing || !link)\" class=\"dou-editor-image__empty\">\n      <AppWindowIcon class=\"dou-editor-image__empty-icon\" />\n      <span class=\"dou-editor-image__empty-text\">{{ text.empty }}</span>\n      <form class=\"dou-editor-image__embed\" @submit.prevent=\"apply\">\n        <DouInput\n          v-model=\"url\"\n          size=\"sm\"\n          :placeholder=\"text.urlPlaceholder\"\n          :invalid=\"invalid\"\n          :autofocus=\"editing\"\n          @update:model-value=\"invalid = false\"\n          @keydown.esc=\"editing && cancel()\"\n        />\n        <DouButton v-if=\"editing\" size=\"sm\" variant=\"ghost\" @click=\"cancel\">\n          {{ text.cancel }}\n        </DouButton>\n        <DouButton size=\"sm\" variant=\"solid\" native-type=\"submit\">{{ text.apply }}</DouButton>\n      </form>\n      <span v-if=\"invalid\" class=\"dou-editor-embed__error\" role=\"alert\">{{ error }}</span>\n    </div>\n\n    <figure v-else-if=\"target\" class=\"dou-editor-embed__figure\">\n      <div class=\"dou-editor-embed__frame\" :class=\"`is-${target.kind}`\" :style=\"frameStyle\">\n        <iframe\n          v-if=\"target.kind === 'frame'\"\n          :src=\"target.src\"\n          :title=\"caption || link\"\n          :sandbox=\"frameSandbox\"\n          :allow=\"frameAllow\"\n          loading=\"lazy\"\n          referrerpolicy=\"strict-origin-when-cross-origin\"\n        />\n        <video v-else-if=\"target.kind === 'video'\" :src=\"target.src\" controls preload=\"metadata\" />\n        <audio v-else :src=\"target.src\" controls preload=\"metadata\" />\n      </div>\n      <figcaption v-if=\"editable\" class=\"dou-editor-image__caption dou-editor-embed__caption\">\n        <input\n          class=\"dou-editor-image__caption-input\"\n          :value=\"caption\"\n          :placeholder=\"text.caption\"\n          @change=\"onCaption(($event.target as HTMLInputElement).value)\"\n          @keydown.enter=\"onCaptionEnter\"\n        />\n        <DouTooltip :content=\"text.edit\">\n          <DouButton\n            size=\"sm\"\n            variant=\"ghost\"\n            class=\"dou-editor-embed__edit\"\n            :aria-label=\"text.edit\"\n            data-editor-control\n            @click=\"edit\"\n          >\n            <PencilIcon />\n          </DouButton>\n        </DouTooltip>\n      </figcaption>\n      <figcaption v-else-if=\"caption\" class=\"dou-editor-image__caption\">{{ caption }}</figcaption>\n    </figure>\n\n    <div v-else-if=\"link\" class=\"dou-editor-image__empty\">\n      <LinkIcon class=\"dou-editor-image__empty-icon\" />\n      <span class=\"dou-editor-image__empty-text\">{{ reason(link) }}</span>\n      <a\n        class=\"dou-editor-embed__link\"\n        :href=\"/^https?:/i.test(link) ? link : undefined\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        data-editor-control\n      >\n        {{ link }}\n      </a>\n      <DouButton v-if=\"editable\" size=\"sm\" variant=\"outline\" @click=\"edit\">\n        <template #leading><PencilIcon /></template>\n        {{ text.edit }}\n      </DouButton>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/extensions/embed/index.js

@@ -0,0 +1,118 @@
+import { escapeHTML, escapeMarkdown } from "../../core/output.js";
+import { defineBlock } from "../../define-block.js";
+import { checkTarget, frameAllow, frameSandbox, httpsUrl, ratioOf, resolveEmbed } from "./targets.js";
+import embed_block_default from "./embed-block.js";
+import { defineComponent, h } from "vue";
+import { AppWindowIcon } from "@dou-ui/icons";
+// src/extensions/embed/index.ts
+function attrsOf(dom) {
+	const src = dom.dataset.embed ?? dom.getAttribute("src") ?? dom.querySelector("[src]")?.getAttribute("src");
+	if (!src || !httpsUrl(src)) return false;
+	return {
+		src,
+		caption: dom.querySelector("figcaption")?.textContent?.trim() ?? dom.getAttribute("title") ?? ""
+	};
+}
+function playerHTML(target, title) {
+	const src = escapeHTML(target.src);
+	if (target.kind === "video") return `<video src="${src}" controls preload="metadata" style="aspect-ratio: ${ratioOf(target)}"></video>`;
+	if (target.kind === "audio") return `<audio src="${src}" controls preload="metadata"></audio>`;
+	const size = target.height ? `height: ${Number(target.height)}px` : `aspect-ratio: ${ratioOf(target)}`;
+	return `<iframe src="${src}" title="${escapeHTML(title)}" sandbox="${frameSandbox}" allow="${frameAllow}" loading="lazy" referrerpolicy="strict-origin-when-cross-origin" style="width: 100%; ${size}"></iframe>`;
+}
+/**
+* Embed blocks: a web page, a video or an audio file from a link, with a
+* caption. Only https links are embedded.
+*/
+function embed(options = {}) {
+	const resolve = (url) => {
+		if (!httpsUrl(url)) return null;
+		return checkTarget((options.resolve ?? resolveEmbed)(url.trim()));
+	};
+	const View = defineComponent({
+		name: "DouEditorEmbedView",
+		inheritAttrs: false,
+		setup(_props, { attrs }) {
+			return () => h(embed_block_default, {
+				...attrs,
+				resolve
+			});
+		}
+	});
+	return {
+		...defineBlock({
+			type: "embed",
+			props: {
+				src: "",
+				caption: ""
+			},
+			content: "none",
+			component: View,
+			menu: {
+				label: (m) => m.types.embed,
+				hint: (m) => m.hints.embed,
+				icon: AppWindowIcon,
+				keywords: [
+					"embed",
+					"video",
+					"audio",
+					"iframe",
+					"qr",
+					"qianru",
+					"shipin",
+					"yinpin"
+				]
+			},
+			spec: {
+				parseDOM: [
+					{
+						tag: "figure[data-embed]",
+						priority: 60,
+						getAttrs: (dom) => attrsOf(dom)
+					},
+					{
+						tag: "iframe[src]",
+						getAttrs: (dom) => attrsOf(dom)
+					},
+					{
+						tag: "video",
+						getAttrs: (dom) => attrsOf(dom)
+					},
+					{
+						tag: "audio",
+						getAttrs: (dom) => attrsOf(dom)
+					}
+				],
+				toDOM: (node) => [
+					"figure",
+					{
+						class: "dou-editor__content dou-editor__content--embed",
+						"data-content-type": "embed",
+						"data-embed": httpsUrl(String(node.attrs.src)) ? node.attrs.src : null
+					},
+					...node.attrs.caption ? [["figcaption", node.attrs.caption]] : []
+				]
+			}
+		}),
+		output: { blocks: { embed: {
+			html: (node, { children }) => {
+				const link = String(node.props.src ?? "");
+				const caption = String(node.props.caption ?? "");
+				const target = resolve(link);
+				if (!target) return children;
+				const figcaption = caption ? `<figcaption>${escapeHTML(caption)}</figcaption>` : "";
+				return `<figure data-embed="${escapeHTML(link)}">${playerHTML(target, caption || link)}${figcaption}</figure>${children}`;
+			},
+			markdown: (node, { children }) => {
+				const link = String(node.props.src ?? "");
+				if (!resolve(link)) return children;
+				const address = /[\s()<>]/.test(link) ? `<${link}>` : link;
+				const written = `[${escapeMarkdown(String(node.props.caption || link))}](${address})`;
+				return children ? `${written}\n\n${children}` : written;
+			}
+		} } }
+	};
+}
+export { embed, resolveEmbed };
+
+//# sourceMappingURL=index.js.map

package/dist/extensions/embed/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["EmbedBlock"],"sources":["../../../src/extensions/embed/index.ts"],"sourcesContent":["import { AppWindowIcon } from '@dou-ui/icons'\nimport { defineComponent, h } from 'vue'\nimport type { EditorExtension } from '../../core/extension'\nimport { escapeHTML, escapeMarkdown } from '../../core/output'\nimport { defineBlock } from '../../define-block'\nimport EmbedBlock from './embed-block.vue'\nimport {\n  checkTarget,\n  frameAllow,\n  frameSandbox,\n  httpsUrl,\n  ratioOf,\n  resolveEmbed,\n  type EmbedResolver,\n  type EmbedTarget,\n} from './targets'\n\nexport interface EmbedOptions {\n  /**\n   * Turn a link into what the block shows: a frame, a video or an audio\n   * player, or `null` to refuse it. The block keeps the link itself, so a\n   * changed resolver applies to documents already written. Only https\n   * addresses are ever loaded. By default media files play in the browser's\n   * player and other pages show in a frame.\n   */\n  resolve?: EmbedResolver\n}\n\nfunction attrsOf(dom: HTMLElement) {\n  const src =\n    dom.dataset.embed ?? dom.getAttribute('src') ?? dom.querySelector('[src]')?.getAttribute('src')\n  if (!src || !httpsUrl(src)) return false\n  return {\n    src,\n    caption:\n      dom.querySelector('figcaption')?.textContent?.trim() ?? dom.getAttribute('title') ?? '',\n  }\n}\n\nfunction playerHTML(target: EmbedTarget, title: string): string {\n  const src = escapeHTML(target.src)\n  if (target.kind === 'video')\n    return `<video src=\"${src}\" controls preload=\"metadata\" style=\"aspect-ratio: ${ratioOf(target)}\"></video>`\n  if (target.kind === 'audio') return `<audio src=\"${src}\" controls preload=\"metadata\"></audio>`\n  const size = target.height\n    ? `height: ${Number(target.height)}px`\n    : `aspect-ratio: ${ratioOf(target)}`\n  return `<iframe src=\"${src}\" title=\"${escapeHTML(title)}\" sandbox=\"${frameSandbox}\" allow=\"${frameAllow}\" loading=\"lazy\" referrerpolicy=\"strict-origin-when-cross-origin\" style=\"width: 100%; ${size}\"></iframe>`\n}\n\n/**\n * Embed blocks: a web page, a video or an audio file from a link, with a\n * caption. Only https links are embedded.\n */\nexport function embed(options: EmbedOptions = {}): EditorExtension {\n  const resolve = (url: string) => {\n    if (!httpsUrl(url)) return null\n    return checkTarget((options.resolve ?? resolveEmbed)(url.trim()))\n  }\n  const View = defineComponent({\n    name: 'DouEditorEmbedView',\n    inheritAttrs: false,\n    setup(_props, { attrs }) {\n      return () => h(EmbedBlock, { ...attrs, resolve } as never)\n    },\n  })\n  const block = defineBlock({\n    type: 'embed',\n    props: { src: '', caption: '' },\n    content: 'none',\n    component: View,\n    menu: {\n      label: (m) => m.types.embed,\n      hint: (m) => m.hints.embed,\n      icon: AppWindowIcon,\n      keywords: ['embed', 'video', 'audio', 'iframe', 'qr', 'qianru', 'shipin', 'yinpin'],\n    },\n    spec: {\n      parseDOM: [\n        { tag: 'figure[data-embed]', priority: 60, getAttrs: (dom) => attrsOf(dom as HTMLElement) },\n        { tag: 'iframe[src]', getAttrs: (dom) => attrsOf(dom as HTMLElement) },\n        { tag: 'video', getAttrs: (dom) => attrsOf(dom as HTMLElement) },\n        { tag: 'audio', getAttrs: (dom) => attrsOf(dom as HTMLElement) },\n      ],\n      // the link only: frames load in the view, not in what is copied\n      toDOM: (node) =>\n        [\n          'figure',\n          {\n            class: 'dou-editor__content dou-editor__content--embed',\n            'data-content-type': 'embed',\n            'data-embed': httpsUrl(String(node.attrs.src)) ? node.attrs.src : null,\n          },\n          ...(node.attrs.caption ? [['figcaption', node.attrs.caption]] : []),\n        ] as never,\n    },\n  })\n  return {\n    ...block,\n    output: {\n      blocks: {\n        embed: {\n          html: (node, { children }) => {\n            const link = String(node.props.src ?? '')\n            const caption = String(node.props.caption ?? '')\n            const target = resolve(link)\n            if (!target) return children\n            const figcaption = caption ? `<figcaption>${escapeHTML(caption)}</figcaption>` : ''\n            return `<figure data-embed=\"${escapeHTML(link)}\">${playerHTML(target, caption || link)}${figcaption}</figure>${children}`\n          },\n          markdown: (node, { children }) => {\n            const link = String(node.props.src ?? '')\n            if (!resolve(link)) return children\n            const address = /[\\s()<>]/.test(link) ? `<${link}>` : link\n            const written = `[${escapeMarkdown(String(node.props.caption || link))}](${address})`\n            return children ? `${written}\\n\\n${children}` : written\n          },\n        },\n      },\n    },\n  }\n}\n\nexport { resolveEmbed, type EmbedResolver, type EmbedTarget }\n"],"mappings":"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"}

package/dist/extensions/embed/targets.js

@@ -0,0 +1,79 @@
+// src/extensions/embed/targets.ts
+var videoTypes = [
+	"mp4",
+	"webm",
+	"ogv",
+	"mov",
+	"m4v"
+];
+var audioTypes = [
+	"mp3",
+	"wav",
+	"oga",
+	"ogg",
+	"m4a",
+	"aac",
+	"flac",
+	"opus"
+];
+/** The link as a URL, when it is an absolute https address. */
+function httpsUrl(value) {
+	try {
+		const url = new URL(value.trim());
+		return url.protocol === "https:" ? url : null;
+	} catch {
+		return null;
+	}
+}
+/**
+* The default: https links only. Media files play in the browser's player,
+* any other page shows in a frame. Frames of the editor's own site are
+* refused whatever the resolver (see `checkTarget`).
+*/
+var resolveEmbed = (value) => {
+	const url = httpsUrl(value);
+	if (!url) return null;
+	const ext = /\.([a-z0-9]+)$/i.exec(url.pathname)?.[1]?.toLowerCase() ?? "";
+	if (videoTypes.includes(ext)) return {
+		kind: "video",
+		src: url.href
+	};
+	if (audioTypes.includes(ext)) return {
+		kind: "audio",
+		src: url.href
+	};
+	return {
+		kind: "frame",
+		src: url.href
+	};
+};
+/** What frames may do: run scripts, open links in a new tab, go full screen. */
+var frameSandbox = "allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-presentation allow-forms";
+var frameAllow = "fullscreen; picture-in-picture; encrypted-media; clipboard-write";
+/**
+* A resolver's answer, checked: only https addresses get through, and no
+* frame of the page's own site, which the sandbox would not keep apart
+* (it allows scripts and the site's own storage). Without a page (on a
+* server) the site is unknown: see the docs.
+*/
+function checkTarget(target) {
+	if (!target || ![
+		"frame",
+		"video",
+		"audio"
+	].includes(target.kind)) return null;
+	const url = httpsUrl(target.src);
+	if (!url) return null;
+	if (target.kind === "frame" && typeof location !== "undefined" && url.origin === location.origin) return null;
+	return {
+		...target,
+		src: url.href
+	};
+}
+function ratioOf(target) {
+	const value = Number(target.aspectRatio);
+	return value > 0 ? value : 16 / 9;
+}
+export { checkTarget, frameAllow, frameSandbox, httpsUrl, ratioOf, resolveEmbed };
+
+//# sourceMappingURL=targets.js.map

package/dist/extensions/embed/targets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"targets.js","names":[],"sources":["../../../src/extensions/embed/targets.ts"],"sourcesContent":["/** What an embed block shows for its link. */\nexport interface EmbedTarget {\n  /** A web page in a frame, or the browser's own video or audio player. */\n  kind: 'frame' | 'video' | 'audio'\n  /** The address the frame or player loads; it may differ from the link, as for a player page. */\n  src: string\n  /** Width over height of a frame or video. Default `16 / 9`. */\n  aspectRatio?: number\n  /** A frame's fixed height in px, instead of `aspectRatio`. */\n  height?: number\n}\n\n/** Turns a link into what the block shows, or `null` to refuse the link. */\nexport type EmbedResolver = (url: string) => EmbedTarget | null\n\nconst videoTypes = ['mp4', 'webm', 'ogv', 'mov', 'm4v']\nconst audioTypes = ['mp3', 'wav', 'oga', 'ogg', 'm4a', 'aac', 'flac', 'opus']\n\n/** The link as a URL, when it is an absolute https address. */\nexport function httpsUrl(value: string): URL | null {\n  try {\n    const url = new URL(value.trim())\n    return url.protocol === 'https:' ? url : null\n  } catch {\n    return null\n  }\n}\n\n/**\n * The default: https links only. Media files play in the browser's player,\n * any other page shows in a frame. Frames of the editor's own site are\n * refused whatever the resolver (see `checkTarget`).\n */\nexport const resolveEmbed: EmbedResolver = (value) => {\n  const url = httpsUrl(value)\n  if (!url) return null\n  const ext = /\\.([a-z0-9]+)$/i.exec(url.pathname)?.[1]?.toLowerCase() ?? ''\n  if (videoTypes.includes(ext)) return { kind: 'video', src: url.href }\n  if (audioTypes.includes(ext)) return { kind: 'audio', src: url.href }\n  return { kind: 'frame', src: url.href }\n}\n\n/** What frames may do: run scripts, open links in a new tab, go full screen. */\nexport const frameSandbox =\n  'allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-presentation allow-forms'\nexport const frameAllow = 'fullscreen; picture-in-picture; encrypted-media; clipboard-write'\n\n/**\n * A resolver's answer, checked: only https addresses get through, and no\n * frame of the page's own site, which the sandbox would not keep apart\n * (it allows scripts and the site's own storage). Without a page (on a\n * server) the site is unknown: see the docs.\n */\nexport function checkTarget(target: EmbedTarget | null | undefined): EmbedTarget | null {\n  if (!target || !['frame', 'video', 'audio'].includes(target.kind)) return null\n  const url = httpsUrl(target.src)\n  if (!url) return null\n  if (target.kind === 'frame' && typeof location !== 'undefined' && url.origin === location.origin)\n    return null\n  return { ...target, src: url.href }\n}\n\nexport function ratioOf(target: EmbedTarget): number {\n  const value = Number(target.aspectRatio)\n  return value > 0 ? value : 16 / 9\n}\n"],"mappings":";AAeA,IAAM,aAAa;CAAC;CAAO;CAAQ;CAAO;CAAO;AAAK;AACtD,IAAM,aAAa;CAAC;CAAO;CAAO;CAAO;CAAO;CAAO;CAAO;CAAQ;AAAM;;AAG5E,SAAgB,SAAS,OAA2B;CAClD,IAAI;EACF,MAAM,MAAM,IAAI,IAAI,MAAM,KAAK,CAAC;EAChC,OAAO,IAAI,aAAa,WAAW,MAAM;CAC3C,QAAQ;EACN,OAAO;CACT;AACF;;;;;;AAOA,IAAa,gBAA+B,UAAU;CACpD,MAAM,MAAM,SAAS,KAAK;CAC1B,IAAI,CAAC,KAAK,OAAO;CACjB,MAAM,MAAM,kBAAkB,KAAK,IAAI,QAAQ,CAAC,GAAG,EAAE,EAAE,YAAY,KAAK;CACxE,IAAI,WAAW,SAAS,GAAG,GAAG,OAAO;EAAE,MAAM;EAAS,KAAK,IAAI;CAAK;CACpE,IAAI,WAAW,SAAS,GAAG,GAAG,OAAO;EAAE,MAAM;EAAS,KAAK,IAAI;CAAK;CACpE,OAAO;EAAE,MAAM;EAAS,KAAK,IAAI;CAAK;AACxC;;AAGA,IAAa,eACX;AACF,IAAa,aAAa;;;;;;;AAQ1B,SAAgB,YAAY,QAA4D;CACtF,IAAI,CAAC,UAAU,CAAC;EAAC;EAAS;EAAS;CAAO,CAAC,CAAC,SAAS,OAAO,IAAI,GAAG,OAAO;CAC1E,MAAM,MAAM,SAAS,OAAO,GAAG;CAC/B,IAAI,CAAC,KAAK,OAAO;CACjB,IAAI,OAAO,SAAS,WAAW,OAAO,aAAa,eAAe,IAAI,WAAW,SAAS,QACxF,OAAO;CACT,OAAO;EAAE,GAAG;EAAQ,KAAK,IAAI;CAAK;AACpC;AAEA,SAAgB,QAAQ,QAA6B;CACnD,MAAM,QAAQ,OAAO,OAAO,WAAW;CACvC,OAAO,QAAQ,IAAI,QAAQ,KAAK;AAClC"}

package/dist/extensions/formatting.js

@@ -0,0 +1,153 @@
+import { isSafeHref } from "../core/schema.js";
+import { defineEditorExtension } from "../core/extension.js";
+import { markInputRule } from "../core/input-rules.js";
+import { BoldIcon, CodeIcon, ItalicIcon, StrikethroughIcon, UnderlineIcon } from "@dou-ui/icons";
+import { toggleMark } from "prosemirror-commands";
+// src/extensions/formatting.ts
+/** Bold, italic, underline, strikethrough and inline code, with shortcuts and toolbar toggles. */
+var formatting = defineEditorExtension({
+	name: "formatting",
+	marks: {
+		bold: {
+			parseDOM: [
+				{ tag: "strong" },
+				{
+					tag: "b",
+					getAttrs: (dom) => dom.style.fontWeight !== "normal" && null
+				},
+				{
+					style: "font-weight",
+					getAttrs: (value) => /^(bold(er)?|[6-9]\d{2})$/.test(value) && null
+				}
+			],
+			toDOM: () => ["strong", 0]
+		},
+		italic: {
+			parseDOM: [
+				{ tag: "i" },
+				{ tag: "em" },
+				{ style: "font-style=italic" }
+			],
+			toDOM: () => ["em", 0]
+		},
+		underline: {
+			parseDOM: [{ tag: "u" }, { style: "text-decoration=underline" }],
+			toDOM: () => ["u", 0]
+		},
+		strike: {
+			parseDOM: [
+				{ tag: "s" },
+				{ tag: "del" },
+				{ style: "text-decoration=line-through" }
+			],
+			toDOM: () => ["s", 0]
+		},
+		code: {
+			excludes: "_",
+			parseDOM: [{ tag: "code" }],
+			toDOM: () => [
+				"code",
+				{ class: "dou-editor__inline-code" },
+				0
+			]
+		}
+	},
+	output: { marks: {
+		bold: {
+			html: ["<strong>", "</strong>"],
+			markdown: ["**", "**"]
+		},
+		italic: {
+			html: ["<em>", "</em>"],
+			markdown: ["*", "*"]
+		},
+		underline: {
+			html: ["<u>", "</u>"],
+			markdown: ["<u>", "</u>"]
+		},
+		strike: {
+			html: ["<s>", "</s>"],
+			markdown: ["~~", "~~"]
+		},
+		code: { html: ["<code>", "</code>"] }
+	} },
+	inputRules: () => [
+		markInputRule(/(?:^|[^*])(\*\*([^*\s](?:[^*]*[^*\s])?)\*\*)$/, "bold"),
+		markInputRule(/(?:^|[^*])(\*([^*\s](?:[^*]*[^*\s])?)\*)$/, "italic"),
+		markInputRule(/(?:^|[^~])(~~([^~\s](?:[^~]*[^~\s])?)~~)$/, "strike"),
+		markInputRule(/(?:^|[^`])(`([^`\s](?:[^`]*[^`\s])?)`)$/, "code")
+	],
+	keymap: ({ schema }) => {
+		const toggle = (name) => toggleMark(schema.marks[name]);
+		return {
+			"mod+b": toggle("bold"),
+			"mod+i": toggle("italic"),
+			"mod+u": toggle("underline"),
+			"mod+shift+s": toggle("strike"),
+			"mod+e": toggle("code")
+		};
+	},
+	formats: [
+		{
+			mark: "bold",
+			label: (m) => m.bold,
+			icon: BoldIcon,
+			hotkey: "mod+b"
+		},
+		{
+			mark: "italic",
+			label: (m) => m.italic,
+			icon: ItalicIcon,
+			hotkey: "mod+i"
+		},
+		{
+			mark: "underline",
+			label: (m) => m.underline,
+			icon: UnderlineIcon,
+			hotkey: "mod+u"
+		},
+		{
+			mark: "strike",
+			label: (m) => m.strike,
+			icon: StrikethroughIcon,
+			hotkey: "mod+shift+s"
+		},
+		{
+			mark: "code",
+			label: (m) => m.code,
+			icon: CodeIcon,
+			hotkey: "mod+e"
+		}
+	]
+});
+/**
+* Links. Only web pages, mail, phone numbers and relative paths are kept;
+* the formatting toolbar edits them, and `Mod+K` opens the editor for the
+* selected text.
+*/
+var link = defineEditorExtension({
+	name: "link",
+	marks: { link: {
+		attrs: { href: {} },
+		inclusive: false,
+		parseDOM: [{
+			tag: "a[href]",
+			getAttrs: (dom) => {
+				const href = dom.getAttribute("href") ?? "";
+				return isSafeHref(href) ? { href } : false;
+			}
+		}],
+		toDOM: (mark) => [
+			"a",
+			{
+				href: isSafeHref(mark.attrs.href) ? mark.attrs.href : null,
+				rel: "noopener noreferrer nofollow",
+				class: "dou-editor__link"
+			},
+			0
+		]
+	} }
+});
+export { formatting, link };
+
+//# sourceMappingURL=formatting.js.map

package/dist/extensions/formatting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatting.js","names":[],"sources":["../../src/extensions/formatting.ts"],"sourcesContent":["import { BoldIcon, CodeIcon, ItalicIcon, StrikethroughIcon, UnderlineIcon } from '@dou-ui/icons'\nimport { toggleMark } from 'prosemirror-commands'\nimport type { Command } from 'prosemirror-state'\nimport { defineEditorExtension } from '../core/extension'\nimport { markInputRule } from '../core/input-rules'\nimport { isSafeHref } from '../core/schema'\n\n/** Bold, italic, underline, strikethrough and inline code, with shortcuts and toolbar toggles. */\nexport const formatting = defineEditorExtension({\n  name: 'formatting',\n  marks: {\n    bold: {\n      parseDOM: [\n        { tag: 'strong' },\n        { tag: 'b', getAttrs: (dom) => (dom as HTMLElement).style.fontWeight !== 'normal' && null },\n        {\n          style: 'font-weight',\n          getAttrs: (value) => /^(bold(er)?|[6-9]\\d{2})$/.test(value as string) && null,\n        },\n      ],\n      toDOM: () => ['strong', 0],\n    },\n    italic: {\n      parseDOM: [{ tag: 'i' }, { tag: 'em' }, { style: 'font-style=italic' }],\n      toDOM: () => ['em', 0],\n    },\n    underline: {\n      parseDOM: [{ tag: 'u' }, { style: 'text-decoration=underline' }],\n      toDOM: () => ['u', 0],\n    },\n    strike: {\n      parseDOM: [{ tag: 's' }, { tag: 'del' }, { style: 'text-decoration=line-through' }],\n      toDOM: () => ['s', 0],\n    },\n    code: {\n      excludes: '_',\n      parseDOM: [{ tag: 'code' }],\n      toDOM: () => ['code', { class: 'dou-editor__inline-code' }, 0],\n    },\n  },\n  output: {\n    marks: {\n      bold: { html: ['<strong>', '</strong>'], markdown: ['**', '**'] },\n      italic: { html: ['<em>', '</em>'], markdown: ['*', '*'] },\n      // Markdown has no underline; HTML is read back as one\n      underline: { html: ['<u>', '</u>'], markdown: ['<u>', '</u>'] },\n      strike: { html: ['<s>', '</s>'], markdown: ['~~', '~~'] },\n      code: { html: ['<code>', '</code>'] },\n    },\n  },\n  inputRules: () => [\n    markInputRule(/(?:^|[^*])(\\*\\*([^*\\s](?:[^*]*[^*\\s])?)\\*\\*)$/, 'bold'),\n    markInputRule(/(?:^|[^*])(\\*([^*\\s](?:[^*]*[^*\\s])?)\\*)$/, 'italic'),\n    markInputRule(/(?:^|[^~])(~~([^~\\s](?:[^~]*[^~\\s])?)~~)$/, 'strike'),\n    markInputRule(/(?:^|[^`])(`([^`\\s](?:[^`]*[^`\\s])?)`)$/, 'code'),\n  ],\n  keymap: ({ schema }) => {\n    const toggle = (name: string): Command => toggleMark(schema.marks[name]!)\n    return {\n      'mod+b': toggle('bold'),\n      'mod+i': toggle('italic'),\n      'mod+u': toggle('underline'),\n      'mod+shift+s': toggle('strike'),\n      'mod+e': toggle('code'),\n    }\n  },\n  formats: [\n    { mark: 'bold', label: (m) => m.bold, icon: BoldIcon, hotkey: 'mod+b' },\n    { mark: 'italic', label: (m) => m.italic, icon: ItalicIcon, hotkey: 'mod+i' },\n    { mark: 'underline', label: (m) => m.underline, icon: UnderlineIcon, hotkey: 'mod+u' },\n    { mark: 'strike', label: (m) => m.strike, icon: StrikethroughIcon, hotkey: 'mod+shift+s' },\n    { mark: 'code', label: (m) => m.code, icon: CodeIcon, hotkey: 'mod+e' },\n  ],\n})\n\n/**\n * Links. Only web pages, mail, phone numbers and relative paths are kept;\n * the formatting toolbar edits them, and `Mod+K` opens the editor for the\n * selected text.\n */\nexport const link = defineEditorExtension({\n  name: 'link',\n  marks: {\n    link: {\n      attrs: { href: {} },\n      inclusive: false,\n      parseDOM: [\n        {\n          tag: 'a[href]',\n          getAttrs: (dom) => {\n            const href = (dom as HTMLElement).getAttribute('href') ?? ''\n            return isSafeHref(href) ? { href } : false\n          },\n        },\n      ],\n      toDOM: (mark) => [\n        'a',\n        {\n          href: isSafeHref(mark.attrs.href as string) ? mark.attrs.href : null,\n          rel: 'noopener noreferrer nofollow',\n          class: 'dou-editor__link',\n        },\n        0,\n      ],\n    },\n  },\n})\n"],"mappings":"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"}

package/dist/extensions/image/image-block.js

@@ -0,0 +1,6 @@
+import image_block_vue_vue_type_script_setup_true_lang_default from "./image-block.vue_vue_type_script_setup_true_lang.js";
+// src/extensions/image/image-block.vue
+var image_block_default = image_block_vue_vue_type_script_setup_true_lang_default;
+export { image_block_default as default };
+
+//# sourceMappingURL=image-block.js.map