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

package/dist/extensions/code-block/code-block-view.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,87 @@
+import { findBlockById } from "../../core/blocks.js";
+import { useEditor } from "../../editor.js";
+import { EditorContent } from "../../define-block.js";
+import { DouCopyButton, DouDropdown, DouDropdownItem, DouDropdownRadioGroup } from "dou-ui";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import { ChevronDownIcon } from "@dou-ui/icons";
+// src/extensions/code-block/code-block-view.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	class: "dou-editor-code__bar",
+	contenteditable: "false"
+};
+var _hoisted_2 = ["title"];
+var _hoisted_3 = {
+	key: 1,
+	class: "dou-editor-code__language is-static"
+};
+var _hoisted_4 = { class: "dou-editor-code__pre" };
+var code_block_view_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "code-block-view",
+	props: {
+		block: {},
+		updateProps: { type: Function },
+		selected: { type: Boolean },
+		editable: { type: Boolean },
+		languages: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const { messages, view } = useEditor();
+		const language = computed(() => String(props.block.props.language ?? ""));
+		const choices = computed(() => {
+			const list = [{
+				value: "",
+				label: messages.value.codeBlock.plainText
+			}, ...props.languages];
+			if (language.value && !list.some((item) => item.value === language.value)) list.push({
+				value: language.value,
+				label: language.value
+			});
+			return list;
+		});
+		const label = computed(() => choices.value.find((item) => item.value === language.value)?.label ?? language.value);
+		function choose(value) {
+			props.updateProps({ language: String(value ?? "") });
+			view.value?.focus();
+		}
+		function code() {
+			const current = view.value;
+			if (!current) return "";
+			return findBlockById(current.state.doc, props.block.id)?.content.textContent ?? "";
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", _hoisted_1, [__props.editable ? (openBlock(), createBlock(unref(DouDropdown), {
+				key: 0,
+				placement: "bottom-end"
+			}, {
+				menu: withCtx(() => [createVNode(unref(DouDropdownRadioGroup), {
+					"model-value": language.value,
+					"onUpdate:modelValue": choose
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(choices.value, (item) => {
+						return openBlock(), createBlock(unref(DouDropdownItem), {
+							key: item.value,
+							value: item.value
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
+							_: 2
+						}, 1032, ["value"]);
+					}), 128))]),
+					_: 1
+				}, 8, ["model-value"])]),
+				default: withCtx(() => [createElementVNode("button", {
+					type: "button",
+					class: "dou-editor-code__language",
+					title: unref(messages).codeBlock.language
+				}, [createTextVNode(toDisplayString(label.value) + " ", 1), createVNode(unref(ChevronDownIcon))], 8, _hoisted_2)]),
+				_: 1
+			})) : language.value ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(label.value), 1)) : createCommentVNode("", true), createVNode(unref(DouCopyButton), {
+				text: code,
+				size: "sm"
+			})]), createElementVNode("pre", _hoisted_4, [createVNode(unref(EditorContent), { as: "code" })])], 64);
+		};
+	}
+});
+export { code_block_view_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=code-block-view.vue_vue_type_script_setup_true_lang.js.map

package/dist/extensions/code-block/code-block-view.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-view.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createElementVNode","_createBlock","_unref","_withCtx","_createVNode","_renderList","_createTextVNode","_toDisplayString","_createCommentVNode"],"sources":["../../../src/extensions/code-block/code-block-view.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ChevronDownIcon } from '@dou-ui/icons'\nimport { DouCopyButton, DouDropdown, DouDropdownItem, DouDropdownRadioGroup } from 'dou-ui'\nimport { computed } from 'vue'\nimport { findBlockById } from '../../core/blocks'\nimport type { BlockProps } from '../../core/model'\nimport { EditorContent } from '../../define-block'\nimport { useEditor } from '../../editor'\nimport type { CodeLanguage } from './languages'\n\nconst props = defineProps<{\n  block: { id: string; type: string; props: BlockProps }\n  updateProps: (props: BlockProps) => void\n  selected: boolean\n  editable: boolean\n  languages: CodeLanguage[]\n}>()\n\nconst { messages, view } = useEditor()\n\nconst language = computed(() => String(props.block.props.language ?? ''))\n// a language from elsewhere (pasted, or set in code) still shows by its name\nconst choices = computed(() => {\n  const list = [{ value: '', label: messages.value.codeBlock.plainText }, ...props.languages]\n  if (language.value && !list.some((item) => item.value === language.value))\n    list.push({ value: language.value, label: language.value })\n  return list\n})\nconst label = computed(\n  () => choices.value.find((item) => item.value === language.value)?.label ?? language.value,\n)\n\nfunction choose(value: unknown) {\n  props.updateProps({ language: String(value ?? '') })\n  view.value?.focus()\n}\n\n// read when the button is pressed: the text changes while the block is edited\nfunction code() {\n  const current = view.value\n  if (!current) return ''\n  return findBlockById(current.state.doc, props.block.id)?.content.textContent ?? ''\n}\n</script>\n\n<template>\n  <div class=\"dou-editor-code__bar\" contenteditable=\"false\">\n    <DouDropdown v-if=\"editable\" placement=\"bottom-end\">\n      <button type=\"button\" class=\"dou-editor-code__language\" :title=\"messages.codeBlock.language\">\n        {{ label }}\n        <ChevronDownIcon />\n      </button>\n      <template #menu>\n        <DouDropdownRadioGroup :model-value=\"language\" @update:model-value=\"choose\">\n          <DouDropdownItem v-for=\"item in choices\" :key=\"item.value\" :value=\"item.value\">\n            {{ item.label }}\n          </DouDropdownItem>\n        </DouDropdownRadioGroup>\n      </template>\n    </DouDropdown>\n    <span v-else-if=\"language\" class=\"dou-editor-code__language is-static\">{{ label }}</span>\n    <DouCopyButton :text=\"code\" size=\"sm\" />\n  </div>\n  <pre class=\"dou-editor-code__pre\"><EditorContent as=\"code\" /></pre>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EAQd,MAAM,EAAE,UAAU,SAAS,UAAU;EAErC,MAAM,WAAW,eAAe,OAAO,MAAM,MAAM,MAAM,YAAY,EAAE,CAAC;EAExE,MAAM,UAAU,eAAe;GAC7B,MAAM,OAAO,CAAC;IAAE,OAAO;IAAI,OAAO,SAAS,MAAM,UAAU;GAAU,GAAG,GAAG,MAAM,SAAS;GAC1F,IAAI,SAAS,SAAS,CAAC,KAAK,MAAM,SAAS,KAAK,UAAU,SAAS,KAAK,GACtE,KAAK,KAAK;IAAE,OAAO,SAAS;IAAO,OAAO,SAAS;GAAM,CAAC;GAC5D,OAAO;EACT,CAAC;EACD,MAAM,QAAQ,eACN,QAAQ,MAAM,MAAM,SAAS,KAAK,UAAU,SAAS,KAAK,CAAC,EAAE,SAAS,SAAS,KACvF;EAEA,SAAS,OAAO,OAAgB;GAC9B,MAAM,YAAY,EAAE,UAAU,OAAO,SAAS,EAAE,EAAE,CAAC;GACnD,KAAK,OAAO,MAAM;EACpB;EAGA,SAAS,OAAO;GACd,MAAM,UAAU,KAAK;GACrB,IAAI,CAAC,SAAS,OAAO;GACrB,OAAO,cAAc,QAAQ,MAAM,KAAK,MAAM,MAAM,EAAE,CAAC,EAAE,QAAQ,eAAe;EAClF;;G,wDAIEG,mBAgBM,OAhBN,YAgBM,CAfe,QAAA,YAAnBH,UAAA,GAAAI,YAYcC,MAAA,WAAA,GAAA;;IAZe,WAAU;;IAK1B,MAAIC,cAKW,CAJxBC,YAIwBF,MAAA,qBAAA,GAAA;KAJA,eAAa,SAAA;KAAW,uBAAoB;;KACjD,SAAAC,cAAuB,EAAxCN,UAAA,IAAA,GAAAC,mBAEkBC,UAAA,MAAAM,WAFc,QAAA,QAAR,SAAI;MAA5B,OAAAR,UAAA,GAAAI,YAEkBC,MAAA,eAAA,GAAA;OAFwB,KAAK,KAAK;OAAQ,OAAO,KAAK;;OACtE,SAAAC,cAAgB,CAAbG,gBAAAC,gBAAA,KAAK,KAAK,GAAA,CAAA,C;;;;;;IAPnB,SAAAJ,cAGS,CAHTH,mBAGS,UAAA;KAHD,MAAK;KAAS,OAAM;KAA6B,OAAOE,MAAA,QAAA,CAAQ,CAAC,UAAU;I,IAC9EI,gBAAAC,gBAAA,MAAA,KAAK,IAAG,KACX,CAAA,GAAAH,YAAmBF,MAAA,eAAA,CAAA,C;;G,MAUN,SAAA,SAAjBL,UAAA,GAAAC,mBAAyF,QAAzF,YAAyFS,gBAAf,MAAA,KAAK,GAAA,CAAA,K,8BAC/EH,YAAwCF,MAAA,aAAA,GAAA;IAAxB,MAAM;IAAM,MAAK;G,MAEnCF,mBAAmE,OAAnE,YAAmE,CAAjCI,YAA2BF,MAAA,aAAA,GAAA,EAAZ,IAAG,OAAM,CAAA,C"}

package/dist/extensions/code-block/index.js

@@ -0,0 +1,98 @@
+import { defineEditorExtension } from "../../core/extension.js";
+import { blockInputRule } from "../../core/input-rules.js";
+import { highlightPlugin } from "../../core/highlight.js";
+import { escapeHTML } from "../../core/output.js";
+import code_block_view_default from "./code-block-view.js";
+import { defaultLanguages, toLanguage } from "./languages.js";
+import { defineComponent, h } from "vue";
+import { CodeIcon } from "@dou-ui/icons";
+import { Fragment as Fragment$1 } from "prosemirror-model";
+// src/extensions/code-block/index.ts
+/**
+* Code in a monospace font, without formatting, with a language picker and
+* a copy button. ` ``` ` at the start of a block.
+*/
+function codeBlock(options = {}) {
+	const languages = (options.languages ?? defaultLanguages).map(toLanguage);
+	const View = defineComponent({
+		name: "DouEditorCodeBlockView",
+		inheritAttrs: false,
+		setup(_props, { attrs }) {
+			return () => h(code_block_view_default, {
+				...attrs,
+				languages
+			});
+		}
+	});
+	return defineEditorExtension({
+		name: "codeBlock",
+		blocks: { codeBlock: {
+			content: "text*",
+			marks: "",
+			code: true,
+			defining: true,
+			component: View,
+			attrs: { language: { default: "" } },
+			parseDOM: [{
+				tag: "pre",
+				preserveWhitespace: "full",
+				getAttrs: (dom) => ({ language: languageOf(dom) }),
+				getContent: (dom, schema) => {
+					const text = (dom.textContent ?? "").replace(/\r\n?/g, "\n").replace(/\n$/, "");
+					return text ? Fragment$1.from(schema.text(text)) : Fragment$1.empty;
+				}
+			}],
+			toDOM: (node) => [
+				"pre",
+				{
+					class: "dou-editor__content dou-editor__content--codeBlock",
+					"data-content-type": "codeBlock",
+					"data-language": node.attrs.language || null,
+					spellcheck: "false"
+				},
+				[
+					"code",
+					node.attrs.language ? { class: `language-${node.attrs.language}` } : {},
+					0
+				]
+			]
+		} },
+		output: { blocks: { codeBlock: {
+			html: (block, { text, children }) => {
+				const language = String(block.props.language ?? "");
+				return `<pre><code${language ? ` class="language-${escapeHTML(language)}"` : ""}>${escapeHTML(text)}</code></pre>${children}`;
+			},
+			markdown: (block, { text, children }) => {
+				const longest = Math.max(0, ...(text.match(/^`{3,}/gm) ?? []).map((run) => run.length));
+				const fence = "`".repeat(Math.max(3, longest + 1));
+				const code = `${fence}${String(block.props.language ?? "").replace(/\s/g, "")}\n${text}${text ? "\n" : ""}${fence}`;
+				return children ? `${code}\n\n${children}` : code;
+			}
+		} } },
+		inputRules: () => [blockInputRule(/^```$/, "codeBlock")],
+		plugins: () => [highlightPlugin(options.highlight)],
+		blockOptions: [{
+			key: "codeBlock",
+			type: "codeBlock",
+			label: (m) => m.types.codeBlock,
+			hint: (m) => m.hints.codeBlock,
+			icon: CodeIcon,
+			keywords: [
+				"code",
+				"pre",
+				"dm",
+				"daima"
+			],
+			shortcut: "```"
+		}]
+	});
+}
+/** `data-language`, or the `language-*` class most pages put on `<code>`. */
+function languageOf(pre) {
+	if (pre.dataset.language) return pre.dataset.language;
+	const code = pre.querySelector("code");
+	return /(?:^|\s)(?:language|lang)-([\w+#-]+)/.exec(`${code?.className ?? ""} ${pre.className}`)?.[1] ?? "";
+}
+export { codeBlock, defaultLanguages };
+
+//# sourceMappingURL=index.js.map

package/dist/extensions/code-block/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["CodeBlockView","Fragment"],"sources":["../../../src/extensions/code-block/index.ts"],"sourcesContent":["import { CodeIcon } from '@dou-ui/icons'\nimport { Fragment } from 'prosemirror-model'\nimport { defineComponent, h } from 'vue'\nimport { defineEditorExtension, type EditorExtension } from '../../core/extension'\nimport { highlightPlugin, type CodeHighlighter } from '../../core/highlight'\nimport { blockInputRule } from '../../core/input-rules'\nimport { escapeHTML } from '../../core/output'\nimport CodeBlockView from './code-block-view.vue'\nimport { defaultLanguages, toLanguage, type CodeLanguage } from './languages'\n\nexport interface CodeBlockOptions {\n  /**\n   * Highlights the code, the same function `DouCodeBlock` takes. Defaults\n   * to `DouCodeBlock.highlight` in the ConfigProvider's `defaults`; without\n   * either the code stays plain.\n   */\n  highlight?: CodeHighlighter\n  /** The languages offered in the picker. Strings serve as both value and name. */\n  languages?: (CodeLanguage | string)[]\n}\n\n/**\n * Code in a monospace font, without formatting, with a language picker and\n * a copy button. ` ``` ` at the start of a block.\n */\nexport function codeBlock(options: CodeBlockOptions = {}): EditorExtension {\n  const languages = (options.languages ?? defaultLanguages).map(toLanguage)\n  const View = defineComponent({\n    name: 'DouEditorCodeBlockView',\n    inheritAttrs: false,\n    setup(_props, { attrs }) {\n      return () => h(CodeBlockView, { ...attrs, languages } as never)\n    },\n  })\n  return defineEditorExtension({\n    name: 'codeBlock',\n    blocks: {\n      codeBlock: {\n        content: 'text*',\n        marks: '',\n        code: true,\n        defining: true,\n        component: View,\n        attrs: { language: { default: '' } },\n        parseDOM: [\n          {\n            tag: 'pre',\n            preserveWhitespace: 'full',\n            getAttrs: (dom) => ({ language: languageOf(dom as HTMLElement) }),\n            // Markdown renderers end the code with a newline\n            getContent: (dom, schema) => {\n              const text = (dom.textContent ?? '').replace(/\\r\\n?/g, '\\n').replace(/\\n$/, '')\n              return text ? Fragment.from(schema.text(text)) : Fragment.empty\n            },\n          },\n        ],\n        toDOM: (node) => [\n          'pre',\n          {\n            class: 'dou-editor__content dou-editor__content--codeBlock',\n            'data-content-type': 'codeBlock',\n            'data-language': node.attrs.language || null,\n            spellcheck: 'false',\n          },\n          ['code', node.attrs.language ? { class: `language-${node.attrs.language}` } : {}, 0],\n        ],\n      },\n    },\n    output: {\n      blocks: {\n        codeBlock: {\n          html: (block, { text, children }) => {\n            const language = String(block.props.language ?? '')\n            const attrs = language ? ` class=\"language-${escapeHTML(language)}\"` : ''\n            return `<pre><code${attrs}>${escapeHTML(text)}</code></pre>${children}`\n          },\n          markdown: (block, { text, children }) => {\n            const longest = Math.max(0, ...(text.match(/^`{3,}/gm) ?? []).map((run) => run.length))\n            const fence = '`'.repeat(Math.max(3, longest + 1))\n            const language = String(block.props.language ?? '').replace(/\\s/g, '')\n            const code = `${fence}${language}\\n${text}${text ? '\\n' : ''}${fence}`\n            return children ? `${code}\\n\\n${children}` : code\n          },\n        },\n      },\n    },\n    inputRules: () => [blockInputRule(/^```$/, 'codeBlock')],\n    plugins: () => [highlightPlugin(options.highlight)],\n    blockOptions: [\n      {\n        key: 'codeBlock',\n        type: 'codeBlock',\n        label: (m) => m.types.codeBlock,\n        hint: (m) => m.hints.codeBlock,\n        icon: CodeIcon,\n        keywords: ['code', 'pre', 'dm', 'daima'],\n        shortcut: '```',\n      },\n    ],\n  })\n}\n\n/** `data-language`, or the `language-*` class most pages put on `<code>`. */\nfunction languageOf(pre: HTMLElement): string {\n  if (pre.dataset.language) return pre.dataset.language\n  const code = pre.querySelector('code')\n  const match = /(?:^|\\s)(?:language|lang)-([\\w+#-]+)/.exec(\n    `${code?.className ?? ''} ${pre.className}`,\n  )\n  return match?.[1] ?? ''\n}\n\nexport { defaultLanguages, type CodeHighlighter, type CodeLanguage }\n"],"mappings":";;;;;;;;;;;;;;AAyBA,SAAgB,UAAU,UAA4B,CAAC,GAAoB;CACzE,MAAM,aAAa,QAAQ,aAAa,iBAAA,CAAkB,IAAI,UAAU;CACxE,MAAM,OAAO,gBAAgB;EAC3B,MAAM;EACN,cAAc;EACd,MAAM,QAAQ,EAAE,SAAS;GACvB,aAAa,EAAEA,yBAAe;IAAE,GAAG;IAAO;GAAU,CAAU;EAChE;CACF,CAAC;CACD,OAAO,sBAAsB;EAC3B,MAAM;EACN,QAAQ,EACN,WAAW;GACT,SAAS;GACT,OAAO;GACP,MAAM;GACN,UAAU;GACV,WAAW;GACX,OAAO,EAAE,UAAU,EAAE,SAAS,GAAG,EAAE;GACnC,UAAU,CACR;IACE,KAAK;IACL,oBAAoB;IACpB,WAAW,SAAS,EAAE,UAAU,WAAW,GAAkB,EAAE;IAE/D,aAAa,KAAK,WAAW;KAC3B,MAAM,QAAQ,IAAI,eAAe,GAAA,CAAI,QAAQ,UAAU,IAAI,CAAC,CAAC,QAAQ,OAAO,EAAE;KAC9E,OAAO,OAAOC,WAAS,KAAK,OAAO,KAAK,IAAI,CAAC,IAAIA,WAAS;IAC5D;GACF,CACF;GACA,QAAQ,SAAS;IACf;IACA;KACE,OAAO;KACP,qBAAqB;KACrB,iBAAiB,KAAK,MAAM,YAAY;KACxC,YAAY;IACd;IACA;KAAC;KAAQ,KAAK,MAAM,WAAW,EAAE,OAAO,YAAY,KAAK,MAAM,WAAW,IAAI,CAAC;KAAG;IAAC;GACrF;EACF,EACF;EACA,QAAQ,EACN,QAAQ,EACN,WAAW;GACT,OAAO,OAAO,EAAE,MAAM,eAAe;IACnC,MAAM,WAAW,OAAO,MAAM,MAAM,YAAY,EAAE;IAElD,OAAO,aADO,WAAW,oBAAoB,WAAW,QAAQ,EAAE,KAAK,GAC7C,GAAG,WAAW,IAAI,EAAE,eAAe;GAC/D;GACA,WAAW,OAAO,EAAE,MAAM,eAAe;IACvC,MAAM,UAAU,KAAK,IAAI,GAAG,IAAI,KAAK,MAAM,UAAU,KAAK,CAAC,EAAA,CAAG,KAAK,QAAQ,IAAI,MAAM,CAAC;IACtF,MAAM,QAAQ,IAAI,OAAO,KAAK,IAAI,GAAG,UAAU,CAAC,CAAC;IAEjD,MAAM,OAAO,GAAG,QADC,OAAO,MAAM,MAAM,YAAY,EAAE,CAAC,CAAC,QAAQ,OAAO,EAC3C,EAAS,IAAI,OAAO,OAAO,OAAO,KAAK;IAC/D,OAAO,WAAW,GAAG,KAAK,MAAM,aAAa;GAC/C;EACF,EACF,EACF;EACA,kBAAkB,CAAC,eAAe,SAAS,WAAW,CAAC;EACvD,eAAe,CAAC,gBAAgB,QAAQ,SAAS,CAAC;EAClD,cAAc,CACZ;GACE,KAAK;GACL,MAAM;GACN,QAAQ,MAAM,EAAE,MAAM;GACtB,OAAO,MAAM,EAAE,MAAM;GACrB,MAAM;GACN,UAAU;IAAC;IAAQ;IAAO;IAAM;GAAO;GACvC,UAAU;EACZ,CACF;CACF,CAAC;AACH;;AAGA,SAAS,WAAW,KAA0B;CAC5C,IAAI,IAAI,QAAQ,UAAU,OAAO,IAAI,QAAQ;CAC7C,MAAM,OAAO,IAAI,cAAc,MAAM;CAIrC,OAHc,uCAAuC,KACnD,GAAG,MAAM,aAAa,GAAG,GAAG,IAAI,WAE3B,CAAA,GAAQ,MAAM;AACvB"}

package/dist/extensions/code-block/languages.js

@@ -0,0 +1,116 @@
+// src/extensions/code-block/languages.ts
+/** Common languages, named as shiki names them. */
+var defaultLanguages = [
+	{
+		value: "bash",
+		label: "Bash"
+	},
+	{
+		value: "c",
+		label: "C"
+	},
+	{
+		value: "cpp",
+		label: "C++"
+	},
+	{
+		value: "csharp",
+		label: "C#"
+	},
+	{
+		value: "css",
+		label: "CSS"
+	},
+	{
+		value: "diff",
+		label: "Diff"
+	},
+	{
+		value: "go",
+		label: "Go"
+	},
+	{
+		value: "html",
+		label: "HTML"
+	},
+	{
+		value: "java",
+		label: "Java"
+	},
+	{
+		value: "javascript",
+		label: "JavaScript"
+	},
+	{
+		value: "json",
+		label: "JSON"
+	},
+	{
+		value: "jsx",
+		label: "JSX"
+	},
+	{
+		value: "kotlin",
+		label: "Kotlin"
+	},
+	{
+		value: "markdown",
+		label: "Markdown"
+	},
+	{
+		value: "php",
+		label: "PHP"
+	},
+	{
+		value: "python",
+		label: "Python"
+	},
+	{
+		value: "ruby",
+		label: "Ruby"
+	},
+	{
+		value: "rust",
+		label: "Rust"
+	},
+	{
+		value: "scss",
+		label: "SCSS"
+	},
+	{
+		value: "sql",
+		label: "SQL"
+	},
+	{
+		value: "swift",
+		label: "Swift"
+	},
+	{
+		value: "tsx",
+		label: "TSX"
+	},
+	{
+		value: "typescript",
+		label: "TypeScript"
+	},
+	{
+		value: "vue",
+		label: "Vue"
+	},
+	{
+		value: "xml",
+		label: "XML"
+	},
+	{
+		value: "yaml",
+		label: "YAML"
+	}
+];
+/** Strings name themselves. */
+var toLanguage = (item) => typeof item === "string" ? {
+	value: item,
+	label: item
+} : item;
+export { defaultLanguages, toLanguage };
+
+//# sourceMappingURL=languages.js.map

package/dist/extensions/code-block/languages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"languages.js","names":[],"sources":["../../../src/extensions/code-block/languages.ts"],"sourcesContent":["/** A language in the code block's picker. `value` goes to the highlighter. */\nexport interface CodeLanguage {\n  value: string\n  label: string\n}\n\n/** Common languages, named as shiki names them. */\nexport const defaultLanguages: CodeLanguage[] = [\n  { value: 'bash', label: 'Bash' },\n  { value: 'c', label: 'C' },\n  { value: 'cpp', label: 'C++' },\n  { value: 'csharp', label: 'C#' },\n  { value: 'css', label: 'CSS' },\n  { value: 'diff', label: 'Diff' },\n  { value: 'go', label: 'Go' },\n  { value: 'html', label: 'HTML' },\n  { value: 'java', label: 'Java' },\n  { value: 'javascript', label: 'JavaScript' },\n  { value: 'json', label: 'JSON' },\n  { value: 'jsx', label: 'JSX' },\n  { value: 'kotlin', label: 'Kotlin' },\n  { value: 'markdown', label: 'Markdown' },\n  { value: 'php', label: 'PHP' },\n  { value: 'python', label: 'Python' },\n  { value: 'ruby', label: 'Ruby' },\n  { value: 'rust', label: 'Rust' },\n  { value: 'scss', label: 'SCSS' },\n  { value: 'sql', label: 'SQL' },\n  { value: 'swift', label: 'Swift' },\n  { value: 'tsx', label: 'TSX' },\n  { value: 'typescript', label: 'TypeScript' },\n  { value: 'vue', label: 'Vue' },\n  { value: 'xml', label: 'XML' },\n  { value: 'yaml', label: 'YAML' },\n]\n\n/** Strings name themselves. */\nexport const toLanguage = (item: CodeLanguage | string): CodeLanguage =>\n  typeof item === 'string' ? { value: item, label: item } : item\n"],"mappings":";;AAOA,IAAa,mBAAmC;CAC9C;EAAE,OAAO;EAAQ,OAAO;CAAO;CAC/B;EAAE,OAAO;EAAK,OAAO;CAAI;CACzB;EAAE,OAAO;EAAO,OAAO;CAAM;CAC7B;EAAE,OAAO;EAAU,OAAO;CAAK;CAC/B;EAAE,OAAO;EAAO,OAAO;CAAM;CAC7B;EAAE,OAAO;EAAQ,OAAO;CAAO;CAC/B;EAAE,OAAO;EAAM,OAAO;CAAK;CAC3B;EAAE,OAAO;EAAQ,OAAO;CAAO;CAC/B;EAAE,OAAO;EAAQ,OAAO;CAAO;CAC/B;EAAE,OAAO;EAAc,OAAO;CAAa;CAC3C;EAAE,OAAO;EAAQ,OAAO;CAAO;CAC/B;EAAE,OAAO;EAAO,OAAO;CAAM;CAC7B;EAAE,OAAO;EAAU,OAAO;CAAS;CACnC;EAAE,OAAO;EAAY,OAAO;CAAW;CACvC;EAAE,OAAO;EAAO,OAAO;CAAM;CAC7B;EAAE,OAAO;EAAU,OAAO;CAAS;CACnC;EAAE,OAAO;EAAQ,OAAO;CAAO;CAC/B;EAAE,OAAO;EAAQ,OAAO;CAAO;CAC/B;EAAE,OAAO;EAAQ,OAAO;CAAO;CAC/B;EAAE,OAAO;EAAO,OAAO;CAAM;CAC7B;EAAE,OAAO;EAAS,OAAO;CAAQ;CACjC;EAAE,OAAO;EAAO,OAAO;CAAM;CAC7B;EAAE,OAAO;EAAc,OAAO;CAAa;CAC3C;EAAE,OAAO;EAAO,OAAO;CAAM;CAC7B;EAAE,OAAO;EAAO,OAAO;CAAM;CAC7B;EAAE,OAAO;EAAQ,OAAO;CAAO;AACjC;;AAGA,IAAa,cAAc,SACzB,OAAO,SAAS,WAAW;CAAE,OAAO;CAAM,OAAO;AAAK,IAAI"}

package/dist/extensions/colors/color-menu.js

@@ -0,0 +1,6 @@
+import color_menu_vue_vue_type_script_setup_true_lang_default from "./color-menu.vue_vue_type_script_setup_true_lang.js";
+// src/extensions/colors/color-menu.vue
+var color_menu_default = color_menu_vue_vue_type_script_setup_true_lang_default;
+export { color_menu_default as default };
+
+//# sourceMappingURL=color-menu.js.map

package/dist/extensions/colors/color-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-menu.js","names":["_sfc_main"],"sources":["../../../src/extensions/colors/color-menu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { CheckIcon } from '@dou-ui/icons'\nimport { DouButton, DouDropdown, DouDropdownItem, DouDropdownSub, DouTooltip } from 'dou-ui'\nimport { computed } from 'vue'\nimport { useEditor, useToolbarMenu } from '../../editor'\nimport { setHighlight, setTextColor, textColors, type TextColor } from './palette'\n\nconst { view, state, messages } = useEditor()\n\n/** The color the whole selection has, `null` for none, `'mixed'` for several. */\nfunction current(name: string): string | null {\n  const now = state.value\n  const type = now?.schema.marks[name]\n  if (!now || !type) return null\n  const { from, to } = now.selection\n  let value: string | null | undefined\n  now.doc.nodesBetween(from, to, (node) => {\n    if (!node.isText || value === 'mixed') return\n    const found = (type.isInSet(node.marks)?.attrs.value as string | undefined) ?? null\n    value = value === undefined || value === found ? found : 'mixed'\n  })\n  return value ?? null\n}\n\n/** The swatch shows one color; several show as the default. */\nconst shown = (value: string | null) => (value && value !== 'mixed' ? value : undefined)\n\nconst color = computed(() => current('textColor'))\nconst highlight = computed(() => current('highlight'))\n\nfunction apply(kind: 'text' | 'background', value: TextColor | null) {\n  const target = view.value\n  if (!target) return\n  ;(kind === 'text' ? setTextColor : setHighlight)(value)(target.state, target.dispatch)\n  target.focus()\n}\n\nconst open = useToolbarMenu()\n</script>\n\n<template>\n  <DouTooltip :content=\"messages.colors.label\" :disabled=\"open\" placement=\"bottom\">\n    <span class=\"dou-editor-bubble__trigger\">\n      <DouDropdown v-model:open=\"open\" placement=\"bottom-start\" class=\"dou-editor-menu\">\n        <DouButton\n          size=\"sm\"\n          variant=\"ghost\"\n          class=\"dou-editor-colors__button\"\n          :aria-label=\"messages.colors.label\"\n        >\n          <template #leading>\n            <span\n              class=\"dou-editor-colors__swatch\"\n              :data-color=\"shown(color)\"\n              :data-highlight=\"shown(highlight)\"\n              aria-hidden=\"true\"\n              ><span class=\"dou-editor-colors__letter\">A</span></span\n            >\n          </template>\n        </DouButton>\n        <template #menu>\n          <DouDropdownSub\n            v-for=\"kind in ['text', 'background'] as const\"\n            :key=\"kind\"\n            :title=\"kind === 'text' ? messages.colors.text : messages.colors.background\"\n          >\n            <DouDropdownItem @click=\"apply(kind, null)\">\n              <template #prefix>\n                <span class=\"dou-editor-colors__swatch\" aria-hidden=\"true\"\n                  ><span class=\"dou-editor-colors__letter\">A</span></span\n                >\n              </template>\n              {{ messages.colors.none }}\n              <template v-if=\"!(kind === 'text' ? color : highlight)\" #suffix\n                ><CheckIcon\n              /></template>\n            </DouDropdownItem>\n            <DouDropdownItem v-for=\"name in textColors\" :key=\"name\" @click=\"apply(kind, name)\">\n              <template #prefix>\n                <span\n                  class=\"dou-editor-colors__swatch\"\n                  :data-color=\"kind === 'text' ? name : undefined\"\n                  :data-highlight=\"kind === 'background' ? name : undefined\"\n                  aria-hidden=\"true\"\n                  ><span class=\"dou-editor-colors__letter\">A</span></span\n                >\n              </template>\n              {{ messages.colors.names[name] }}\n              <template v-if=\"(kind === 'text' ? color : highlight) === name\" #suffix>\n                <CheckIcon />\n              </template>\n            </DouDropdownItem>\n          </DouDropdownSub>\n        </template>\n      </DouDropdown>\n    </span>\n  </DouTooltip>\n</template>\n"],"mappings":""}

package/dist/extensions/colors/color-menu.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,113 @@
+import { textColors } from "../../core/colors.js";
+import { useEditor, useToolbarMenu } from "../../editor.js";
+import { setHighlight, setTextColor } from "./palette.js";
+import { DouButton, DouDropdown, DouDropdownItem, DouDropdownSub, DouTooltip } from "dou-ui";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, isRef, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import { CheckIcon } from "@dou-ui/icons";
+// src/extensions/colors/color-menu.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "dou-editor-bubble__trigger" };
+var _hoisted_2 = ["data-color", "data-highlight"];
+var _hoisted_3 = ["data-color", "data-highlight"];
+var color_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "color-menu",
+	setup(__props) {
+		const { view, state, messages } = useEditor();
+		/** The color the whole selection has, `null` for none, `'mixed'` for several. */
+		function current(name) {
+			const now = state.value;
+			const type = now?.schema.marks[name];
+			if (!now || !type) return null;
+			const { from, to } = now.selection;
+			let value;
+			now.doc.nodesBetween(from, to, (node) => {
+				if (!node.isText || value === "mixed") return;
+				const found = type.isInSet(node.marks)?.attrs.value ?? null;
+				value = value === void 0 || value === found ? found : "mixed";
+			});
+			return value ?? null;
+		}
+		/** The swatch shows one color; several show as the default. */
+		const shown = (value) => value && value !== "mixed" ? value : void 0;
+		const color = computed(() => current("textColor"));
+		const highlight = computed(() => current("highlight"));
+		function apply(kind, value) {
+			const target = view.value;
+			if (!target) return;
+			(kind === "text" ? setTextColor : setHighlight)(value)(target.state, target.dispatch);
+			target.focus();
+		}
+		const open = useToolbarMenu();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DouTooltip), {
+				content: unref(messages).colors.label,
+				disabled: unref(open),
+				placement: "bottom"
+			}, {
+				default: withCtx(() => [createElementVNode("span", _hoisted_1, [createVNode(unref(DouDropdown), {
+					open: unref(open),
+					"onUpdate:open": _cache[0] || (_cache[0] = ($event) => isRef(open) ? open.value = $event : null),
+					placement: "bottom-start",
+					class: "dou-editor-menu"
+				}, {
+					menu: withCtx(() => [(openBlock(), createElementBlock(Fragment, null, renderList(["text", "background"], (kind) => {
+						return createVNode(unref(DouDropdownSub), {
+							key: kind,
+							title: kind === "text" ? unref(messages).colors.text : unref(messages).colors.background
+						}, {
+							default: withCtx(() => [createVNode(unref(DouDropdownItem), { onClick: ($event) => apply(kind, null) }, createSlots({
+								prefix: withCtx(() => [_cache[2] || (_cache[2] = createElementVNode("span", {
+									class: "dou-editor-colors__swatch",
+									"aria-hidden": "true"
+								}, [createElementVNode("span", { class: "dou-editor-colors__letter" }, "A")], -1))]),
+								default: withCtx(() => [createTextVNode(" " + toDisplayString(unref(messages).colors.none) + " ", 1)]),
+								_: 2
+							}, [!(kind === "text" ? color.value : highlight.value) ? {
+								name: "suffix",
+								fn: withCtx(() => [createVNode(unref(CheckIcon))]),
+								key: "0"
+							} : void 0]), 1032, ["onClick"]), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(textColors), (name) => {
+								return openBlock(), createBlock(unref(DouDropdownItem), {
+									key: name,
+									onClick: ($event) => apply(kind, name)
+								}, createSlots({
+									prefix: withCtx(() => [createElementVNode("span", {
+										class: "dou-editor-colors__swatch",
+										"data-color": kind === "text" ? name : void 0,
+										"data-highlight": kind === "background" ? name : void 0,
+										"aria-hidden": "true"
+									}, [..._cache[3] || (_cache[3] = [createElementVNode("span", { class: "dou-editor-colors__letter" }, "A", -1)])], 8, _hoisted_3)]),
+									default: withCtx(() => [createTextVNode(" " + toDisplayString(unref(messages).colors.names[name]) + " ", 1)]),
+									_: 2
+								}, [(kind === "text" ? color.value : highlight.value) === name ? {
+									name: "suffix",
+									fn: withCtx(() => [createVNode(unref(CheckIcon))]),
+									key: "0"
+								} : void 0]), 1032, ["onClick"]);
+							}), 128))]),
+							_: 2
+						}, 1032, ["title"]);
+					}), 64))]),
+					default: withCtx(() => [createVNode(unref(DouButton), {
+						size: "sm",
+						variant: "ghost",
+						class: "dou-editor-colors__button",
+						"aria-label": unref(messages).colors.label
+					}, {
+						leading: withCtx(() => [createElementVNode("span", {
+							class: "dou-editor-colors__swatch",
+							"data-color": shown(color.value),
+							"data-highlight": shown(highlight.value),
+							"aria-hidden": "true"
+						}, [..._cache[1] || (_cache[1] = [createElementVNode("span", { class: "dou-editor-colors__letter" }, "A", -1)])], 8, _hoisted_2)]),
+						_: 1
+					}, 8, ["aria-label"])]),
+					_: 1
+				}, 8, ["open"])])]),
+				_: 1
+			}, 8, ["content", "disabled"]);
+		};
+	}
+});
+export { color_menu_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=color-menu.vue_vue_type_script_setup_true_lang.js.map

package/dist/extensions/colors/color-menu.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-menu.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_withCtx","_createElementVNode","_createVNode","_isRef","_createElementBlock","_Fragment","_renderList","_createSlots","_createTextVNode","_toDisplayString"],"sources":["../../../src/extensions/colors/color-menu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { CheckIcon } from '@dou-ui/icons'\nimport { DouButton, DouDropdown, DouDropdownItem, DouDropdownSub, DouTooltip } from 'dou-ui'\nimport { computed } from 'vue'\nimport { useEditor, useToolbarMenu } from '../../editor'\nimport { setHighlight, setTextColor, textColors, type TextColor } from './palette'\n\nconst { view, state, messages } = useEditor()\n\n/** The color the whole selection has, `null` for none, `'mixed'` for several. */\nfunction current(name: string): string | null {\n  const now = state.value\n  const type = now?.schema.marks[name]\n  if (!now || !type) return null\n  const { from, to } = now.selection\n  let value: string | null | undefined\n  now.doc.nodesBetween(from, to, (node) => {\n    if (!node.isText || value === 'mixed') return\n    const found = (type.isInSet(node.marks)?.attrs.value as string | undefined) ?? null\n    value = value === undefined || value === found ? found : 'mixed'\n  })\n  return value ?? null\n}\n\n/** The swatch shows one color; several show as the default. */\nconst shown = (value: string | null) => (value && value !== 'mixed' ? value : undefined)\n\nconst color = computed(() => current('textColor'))\nconst highlight = computed(() => current('highlight'))\n\nfunction apply(kind: 'text' | 'background', value: TextColor | null) {\n  const target = view.value\n  if (!target) return\n  ;(kind === 'text' ? setTextColor : setHighlight)(value)(target.state, target.dispatch)\n  target.focus()\n}\n\nconst open = useToolbarMenu()\n</script>\n\n<template>\n  <DouTooltip :content=\"messages.colors.label\" :disabled=\"open\" placement=\"bottom\">\n    <span class=\"dou-editor-bubble__trigger\">\n      <DouDropdown v-model:open=\"open\" placement=\"bottom-start\" class=\"dou-editor-menu\">\n        <DouButton\n          size=\"sm\"\n          variant=\"ghost\"\n          class=\"dou-editor-colors__button\"\n          :aria-label=\"messages.colors.label\"\n        >\n          <template #leading>\n            <span\n              class=\"dou-editor-colors__swatch\"\n              :data-color=\"shown(color)\"\n              :data-highlight=\"shown(highlight)\"\n              aria-hidden=\"true\"\n              ><span class=\"dou-editor-colors__letter\">A</span></span\n            >\n          </template>\n        </DouButton>\n        <template #menu>\n          <DouDropdownSub\n            v-for=\"kind in ['text', 'background'] as const\"\n            :key=\"kind\"\n            :title=\"kind === 'text' ? messages.colors.text : messages.colors.background\"\n          >\n            <DouDropdownItem @click=\"apply(kind, null)\">\n              <template #prefix>\n                <span class=\"dou-editor-colors__swatch\" aria-hidden=\"true\"\n                  ><span class=\"dou-editor-colors__letter\">A</span></span\n                >\n              </template>\n              {{ messages.colors.none }}\n              <template v-if=\"!(kind === 'text' ? color : highlight)\" #suffix\n                ><CheckIcon\n              /></template>\n            </DouDropdownItem>\n            <DouDropdownItem v-for=\"name in textColors\" :key=\"name\" @click=\"apply(kind, name)\">\n              <template #prefix>\n                <span\n                  class=\"dou-editor-colors__swatch\"\n                  :data-color=\"kind === 'text' ? name : undefined\"\n                  :data-highlight=\"kind === 'background' ? name : undefined\"\n                  aria-hidden=\"true\"\n                  ><span class=\"dou-editor-colors__letter\">A</span></span\n                >\n              </template>\n              {{ messages.colors.names[name] }}\n              <template v-if=\"(kind === 'text' ? color : highlight) === name\" #suffix>\n                <CheckIcon />\n              </template>\n            </DouDropdownItem>\n          </DouDropdownSub>\n        </template>\n      </DouDropdown>\n    </span>\n  </DouTooltip>\n</template>\n"],"mappings":"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"}

package/dist/extensions/colors/index.js

@@ -0,0 +1,49 @@
+import { isColor, textColors } from "../../core/colors.js";
+import { defineEditorExtension } from "../../core/extension.js";
+import { setHighlight, setTextColor } from "./palette.js";
+import color_menu_default from "./color-menu.js";
+// src/extensions/colors/index.ts
+function colorMark(field, tag, className) {
+	return {
+		attrs: { value: {} },
+		field,
+		parseDOM: [{
+			tag: `${tag}[data-color]`,
+			getAttrs: (dom) => {
+				const value = dom.dataset.color;
+				return isColor(value) ? { value } : false;
+			}
+		}, ...tag === "mark" ? [{
+			tag: "mark",
+			attrs: { value: "yellow" }
+		}] : []],
+		toDOM: (mark) => [
+			tag,
+			{
+				class: className,
+				"data-color": mark.attrs.value
+			},
+			0
+		]
+	};
+}
+/**
+* Text and background colors from a palette that follows the theme. The
+* formatting toolbar gets a color menu; the text runs keep the names as
+* `color` and `highlight`.
+*/
+var colors = defineEditorExtension({
+	name: "colors",
+	marks: {
+		textColor: colorMark("color", "span", "dou-editor__color"),
+		highlight: colorMark("highlight", "mark", "dou-editor__highlight")
+	},
+	output: { marks: {
+		textColor: { html: (value) => [`<span data-color="${value}">`, "</span>"] },
+		highlight: { html: (value) => [`<mark data-color="${value}">`, "</mark>"] }
+	} },
+	toolbar: [color_menu_default]
+});
+export { colors, setHighlight, setTextColor, textColors };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ColorMenu"],"sources":["../../../src/extensions/colors/index.ts"],"sourcesContent":["import type { MarkSpec } from 'prosemirror-model'\nimport { defineEditorExtension } from '../../core/extension'\nimport ColorMenu from './color-menu.vue'\nimport { isColor } from './palette'\n\nexport { setHighlight, setTextColor, textColors, type TextColor } from './palette'\n\nfunction colorMark(field: 'color' | 'highlight', tag: string, className: string): MarkSpec {\n  return {\n    attrs: { value: {} },\n    field,\n    parseDOM: [\n      {\n        tag: `${tag}[data-color]`,\n        getAttrs: (dom) => {\n          const value = (dom as HTMLElement).dataset.color\n          return isColor(value) ? { value } : false\n        },\n      },\n      // a plain `<mark>` is a yellow highlight\n      ...(tag === 'mark' ? [{ tag: 'mark', attrs: { value: 'yellow' } }] : []),\n    ],\n    toDOM: (mark) => [tag, { class: className, 'data-color': mark.attrs.value as string }, 0],\n  }\n}\n\n/**\n * Text and background colors from a palette that follows the theme. The\n * formatting toolbar gets a color menu; the text runs keep the names as\n * `color` and `highlight`.\n */\nexport const colors = defineEditorExtension({\n  name: 'colors',\n  marks: {\n    textColor: colorMark('color', 'span', 'dou-editor__color'),\n    highlight: colorMark('highlight', 'mark', 'dou-editor__highlight'),\n  },\n  output: {\n    marks: {\n      textColor: { html: (value) => [`<span data-color=\"${value}\">`, '</span>'] },\n      highlight: { html: (value) => [`<mark data-color=\"${value}\">`, '</mark>'] },\n    },\n  },\n  toolbar: [ColorMenu],\n})\n"],"mappings":";;;;;AAOA,SAAS,UAAU,OAA8B,KAAa,WAA6B;CACzF,OAAO;EACL,OAAO,EAAE,OAAO,CAAC,EAAE;EACnB;EACA,UAAU,CACR;GACE,KAAK,GAAG,IAAI;GACZ,WAAW,QAAQ;IACjB,MAAM,QAAS,IAAoB,QAAQ;IAC3C,OAAO,QAAQ,KAAK,IAAI,EAAE,MAAM,IAAI;GACtC;EACF,GAEA,GAAI,QAAQ,SAAS,CAAC;GAAE,KAAK;GAAQ,OAAO,EAAE,OAAO,SAAS;EAAE,CAAC,IAAI,CAAC,CACxE;EACA,QAAQ,SAAS;GAAC;GAAK;IAAE,OAAO;IAAW,cAAc,KAAK,MAAM;GAAgB;GAAG;EAAC;CAC1F;AACF;;;;;;AAOA,IAAa,SAAS,sBAAsB;CAC1C,MAAM;CACN,OAAO;EACL,WAAW,UAAU,SAAS,QAAQ,mBAAmB;EACzD,WAAW,UAAU,aAAa,QAAQ,uBAAuB;CACnE;CACA,QAAQ,EACN,OAAO;EACL,WAAW,EAAE,OAAO,UAAU,CAAC,qBAAqB,MAAM,KAAK,SAAS,EAAE;EAC1E,WAAW,EAAE,OAAO,UAAU,CAAC,qBAAqB,MAAM,KAAK,SAAS,EAAE;CAC5E,EACF;CACA,SAAS,CAACA,kBAAS;AACrB,CAAC"}

package/dist/extensions/colors/palette.js

@@ -0,0 +1,26 @@
+import { isColor, textColors } from "../../core/colors.js";
+// src/extensions/colors/palette.ts
+/** Set (or with `null` clear) the text color of the selection. */
+function setTextColor(color) {
+	return setColor("textColor", color);
+}
+/** Set (or with `null` clear) the background color of the selection. */
+function setHighlight(color) {
+	return setColor("highlight", color);
+}
+function setColor(name, color) {
+	return (state, dispatch) => {
+		const type = state.schema.marks[name];
+		const { from, to, empty } = state.selection;
+		if (!type || empty) return false;
+		if (dispatch) {
+			const tr = state.tr.removeMark(from, to, type);
+			if (color) tr.addMark(from, to, type.create({ value: color }));
+			dispatch(tr);
+		}
+		return true;
+	};
+}
+export { isColor, setHighlight, setTextColor, textColors };
+
+//# sourceMappingURL=palette.js.map

package/dist/extensions/colors/palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.js","names":[],"sources":["../../../src/extensions/colors/palette.ts"],"sourcesContent":["import type { Command } from 'prosemirror-state'\n\nimport { isColor, textColors, type TextColor } from '../../core/colors'\n\nexport { isColor, textColors, type TextColor }\n\n/** Set (or with `null` clear) the text color of the selection. */\nexport function setTextColor(color: TextColor | null): Command {\n  return setColor('textColor', color)\n}\n\n/** Set (or with `null` clear) the background color of the selection. */\nexport function setHighlight(color: TextColor | null): Command {\n  return setColor('highlight', color)\n}\n\nfunction setColor(name: string, color: TextColor | null): Command {\n  return (state, dispatch) => {\n    const type = state.schema.marks[name]\n    const { from, to, empty } = state.selection\n    if (!type || empty) return false\n    if (dispatch) {\n      const tr = state.tr.removeMark(from, to, type)\n      if (color) tr.addMark(from, to, type.create({ value: color }))\n      dispatch(tr)\n    }\n    return true\n  }\n}\n"],"mappings":";;;AAOA,SAAgB,aAAa,OAAkC;CAC7D,OAAO,SAAS,aAAa,KAAK;AACpC;;AAGA,SAAgB,aAAa,OAAkC;CAC7D,OAAO,SAAS,aAAa,KAAK;AACpC;AAEA,SAAS,SAAS,MAAc,OAAkC;CAChE,QAAQ,OAAO,aAAa;EAC1B,MAAM,OAAO,MAAM,OAAO,MAAM;EAChC,MAAM,EAAE,MAAM,IAAI,UAAU,MAAM;EAClC,IAAI,CAAC,QAAQ,OAAO,OAAO;EAC3B,IAAI,UAAU;GACZ,MAAM,KAAK,MAAM,GAAG,WAAW,MAAM,IAAI,IAAI;GAC7C,IAAI,OAAO,GAAG,QAAQ,MAAM,IAAI,KAAK,OAAO,EAAE,OAAO,MAAM,CAAC,CAAC;GAC7D,SAAS,EAAE;EACb;EACA,OAAO;CACT;AACF"}

package/dist/extensions/editor-kit.js

@@ -0,0 +1,35 @@
+import { divider, heading, paragraph, quote } from "./blocks.js";
+import { align } from "./align/index.js";
+import { callout } from "./callout/index.js";
+import { colors } from "./colors/index.js";
+import { codeBlock } from "./code-block/index.js";
+import { formatting, link } from "./formatting.js";
+import { lists } from "./lists.js";
+import { table } from "./table/index.js";
+import { toggle } from "./toggle/index.js";
+// src/extensions/editor-kit.ts
+/**
+* The built-in blocks and formatting. Pass `false` for any part to leave
+* it out, e.g. `editorKit({ codeBlock: false })`.
+*/
+function editorKit(options = {}) {
+	const code = options.codeBlock;
+	const parts = {
+		heading,
+		lists,
+		quote,
+		codeBlock: typeof code === "object" && "name" in code ? code : codeBlock(typeof code === "object" ? code : {}),
+		divider,
+		toggle,
+		callout,
+		table,
+		formatting,
+		link,
+		colors,
+		align
+	};
+	return [paragraph, ...Object.entries(parts).filter(([name]) => options[name] !== false).map(([, extension]) => extension)];
+}
+export { align, callout, codeBlock, colors, divider, editorKit, formatting, heading, link, lists, paragraph, quote, table, toggle };
+
+//# sourceMappingURL=editor-kit.js.map

package/dist/extensions/editor-kit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-kit.js","names":[],"sources":["../../src/extensions/editor-kit.ts"],"sourcesContent":["import type { EditorExtension } from '../core/extension'\nimport { divider, heading, paragraph, quote } from './blocks'\nimport { align } from './align'\nimport { callout } from './callout'\nimport { colors } from './colors'\nimport { codeBlock, type CodeBlockOptions } from './code-block'\nimport { formatting, link } from './formatting'\nimport { lists } from './lists'\nimport { table } from './table'\nimport { toggle } from './toggle'\n\nexport interface EditorKitOptions {\n  heading?: boolean\n  lists?: boolean\n  quote?: boolean\n  /**\n   * Options for the code block, e.g. its highlighter, or `false` to leave\n   * it out. Another code block extension takes its place, e.g.\n   * `codeEditorBlock()` from `@dou-ui/editor/code`.\n   */\n  codeBlock?: boolean | CodeBlockOptions | EditorExtension\n  divider?: boolean\n  toggle?: boolean\n  callout?: boolean\n  table?: boolean\n  formatting?: boolean\n  link?: boolean\n  /** Text and background colors. */\n  colors?: boolean\n  /** Aligning paragraphs, headings and quotes. */\n  align?: boolean\n}\n\n/**\n * The built-in blocks and formatting. Pass `false` for any part to leave\n * it out, e.g. `editorKit({ codeBlock: false })`.\n */\nexport function editorKit(options: EditorKitOptions = {}): EditorExtension[] {\n  const code = options.codeBlock\n  const parts = {\n    heading,\n    lists,\n    quote,\n    codeBlock:\n      typeof code === 'object' && 'name' in code\n        ? code\n        : codeBlock(typeof code === 'object' ? code : {}),\n    divider,\n    toggle,\n    callout,\n    table,\n    formatting,\n    link,\n    colors,\n    align,\n  }\n  return [\n    paragraph,\n    ...Object.entries(parts)\n      .filter(([name]) => options[name as keyof EditorKitOptions] !== false)\n      .map(([, extension]) => extension),\n  ]\n}\n\nexport {\n  align,\n  callout,\n  colors,\n  codeBlock,\n  divider,\n  formatting,\n  heading,\n  link,\n  lists,\n  paragraph,\n  quote,\n  table,\n  toggle,\n}\n"],"mappings":";;;;;;;;;;;;;;AAqCA,SAAgB,UAAU,UAA4B,CAAC,GAAsB;CAC3E,MAAM,OAAO,QAAQ;CACrB,MAAM,QAAQ;EACZ;EACA;EACA;EACA,WACE,OAAO,SAAS,YAAY,UAAU,OAClC,OACA,UAAU,OAAO,SAAS,WAAW,OAAO,CAAC,CAAC;EACpD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO,CACL,WACA,GAAG,OAAO,QAAQ,KAAK,CAAC,CACrB,QAAQ,CAAC,UAAU,QAAQ,UAAoC,KAAK,CAAC,CACrE,KAAK,GAAG,eAAe,SAAS,CACrC;AACF"}

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

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