@phenix1024/editor 0.0.0-stage → 0.1.0

package/dist/ophx-editor.js

@@ -0,0 +1,813 @@
+import { Editor as e, Extension as t, Mark as n, Node as r } from "@tiptap/core";
+import i from "@tiptap/starter-kit";
+import a from "@tiptap/extension-underline";
+import o from "@tiptap/extension-link";
+import s from "@tiptap/extension-image";
+import c from "@tiptap/extension-placeholder";
+import { Table as l } from "@tiptap/extension-table";
+import { TableRow as u } from "@tiptap/extension-table-row";
+import { TableHeader as d } from "@tiptap/extension-table-header";
+import { TableCell as f } from "@tiptap/extension-table-cell";
+import p from "@tiptap/extension-heading";
+import { Plugin as m, PluginKey as h } from "@tiptap/pm/state";
+import { Decoration as g, DecorationSet as _ } from "@tiptap/pm/view";
+import v from "jszip";
+// src/editor/extensions.ts
+var y = n.create({
+	name: "label",
+	inclusive: !1,
+	addAttributes() {
+		return { label: {
+			default: "highlight",
+			parseHTML: (e) => e.dataset.label ?? "highlight",
+			renderHTML: (e) => ({ "data-label": e.label })
+		} };
+	},
+	parseHTML() {
+		return [{ tag: "mark[data-label]" }, { tag: "mark" }];
+	},
+	renderHTML({ HTMLAttributes: e }) {
+		return [
+			"mark",
+			e,
+			0
+		];
+	}
+});
+function b() {
+	return {
+		fieldId: {
+			default: "",
+			parseHTML: (e) => e.getAttribute("data-ophx-field") ?? "",
+			renderHTML: (e) => ({ "data-ophx-field": e.fieldId ?? "" })
+		},
+		fieldLabel: {
+			default: null,
+			parseHTML: (e) => e.getAttribute("data-ophx-label"),
+			renderHTML: (e) => e.fieldLabel ? { "data-ophx-label": e.fieldLabel } : {}
+		},
+		required: {
+			default: !1,
+			parseHTML: (e) => e.getAttribute("data-ophx-required") === "true",
+			renderHTML: (e) => e.required ? { "data-ophx-required": "true" } : {}
+		}
+	};
+}
+var x = /^[A-Za-z0-9._-]+$/, S = r.create({
+	name: "ophxInlineField",
+	priority: 1e3,
+	group: "inline",
+	inline: !0,
+	content: "text*",
+	defining: !0,
+	addAttributes: b,
+	parseHTML() {
+		return [{
+			tag: "span.ophx-field[contenteditable=\"true\"][data-ophx-field]",
+			priority: 1e3
+		}];
+	},
+	renderHTML({ HTMLAttributes: e }) {
+		return [
+			"span",
+			{
+				...e,
+				class: "ophx-field",
+				contenteditable: "true"
+			},
+			0
+		];
+	}
+}), C = r.create({
+	name: "ophxBlockField",
+	priority: 1e3,
+	group: "block",
+	content: "text*",
+	defining: !0,
+	addAttributes() {
+		return {
+			...b(),
+			tagName: {
+				default: "div",
+				parseHTML: (e) => e.tagName.toLowerCase(),
+				renderHTML: () => ({})
+			}
+		};
+	},
+	parseHTML() {
+		return [{
+			tag: "p.ophx-field[contenteditable=\"true\"][data-ophx-field]",
+			priority: 1e3
+		}, {
+			tag: "div.ophx-field[contenteditable=\"true\"][data-ophx-field]",
+			priority: 1e3
+		}];
+	},
+	renderHTML({ node: e, HTMLAttributes: t }) {
+		return [
+			e.attrs.tagName === "p" ? "p" : "div",
+			{
+				...t,
+				class: "ophx-field",
+				contenteditable: "true"
+			},
+			0
+		];
+	}
+}), w = n.create({
+	name: "ophxReadonlyInline",
+	inclusive: !1,
+	addAttributes() {
+		return { className: {
+			default: null,
+			parseHTML: (e) => e.getAttribute("class"),
+			renderHTML: (e) => e.className ? { class: e.className } : {}
+		} };
+	},
+	parseHTML() {
+		return [{
+			tag: "span[contenteditable=\"false\"]",
+			priority: 100
+		}];
+	},
+	renderHTML({ HTMLAttributes: e }) {
+		return [
+			"span",
+			{
+				...e,
+				contenteditable: "false"
+			},
+			0
+		];
+	}
+}), T = r.create({
+	name: "ophxReadonlyBlock",
+	priority: 1e3,
+	group: "block",
+	content: "block*",
+	defining: !0,
+	isolating: !0,
+	addAttributes() {
+		return {
+			id: {
+				default: null,
+				parseHTML: (e) => e.getAttribute("id"),
+				renderHTML: (e) => e.id ? { id: e.id } : {}
+			},
+			className: {
+				default: null,
+				parseHTML: (e) => e.getAttribute("class"),
+				renderHTML: (e) => e.className ? { class: e.className } : {}
+			},
+			title: {
+				default: null,
+				parseHTML: (e) => e.getAttribute("title"),
+				renderHTML: (e) => e.title ? { title: e.title } : {}
+			}
+		};
+	},
+	parseHTML() {
+		return [{
+			tag: "div[contenteditable=\"false\"]",
+			priority: 1e3
+		}];
+	},
+	renderHTML({ HTMLAttributes: e }) {
+		return [
+			"div",
+			{
+				...e,
+				contenteditable: "false"
+			},
+			0
+		];
+	}
+}), E = new h("ophxHeadingCollapse"), D = p.extend({
+	addAttributes() {
+		return {
+			...this.parent?.(),
+			collapsed: {
+				default: !1,
+				parseHTML: (e) => e.dataset.collapsed === "true",
+				renderHTML: (e) => e.collapsed ? { "data-collapsed": "true" } : {}
+			}
+		};
+	},
+	addProseMirrorPlugins() {
+		return [new m({
+			key: E,
+			props: { decorations(e) {
+				let t = [], n = null;
+				return e.doc.forEach((e, r) => {
+					if (e.type.name === "heading") {
+						let i = Number(e.attrs.level);
+						n !== null && i <= n && (n = null), n !== null && t.push(g.node(r, r + e.nodeSize, { class: "ophx-collapsed-content" })), e.attrs.collapsed && (n = i);
+					} else n !== null && t.push(g.node(r, r + e.nodeSize, { class: "ophx-collapsed-content" }));
+				}), _.create(e.doc, t);
+			} }
+		})];
+	}
+}), O = new h("ophxTextSearch"), k = t.create({
+	name: "ophxSearch",
+	addStorage() {
+		return { query: "" };
+	},
+	addCommands() {
+		return { setSearchQuery: (e) => ({ tr: t, dispatch: n }) => (this.storage.query = e, n?.(t.setMeta(O, e)), !0) };
+	},
+	addProseMirrorPlugins() {
+		let e = this;
+		return [new m({
+			key: O,
+			state: {
+				init: (t, n) => A(n.doc, e.storage.query),
+				apply: (t, n, r, i) => {
+					let a = t.getMeta(O);
+					return a !== void 0 && (e.storage.query = a), !t.docChanged && a === void 0 ? n : A(i.doc, e.storage.query);
+				}
+			},
+			props: { decorations(e) {
+				return O.getState(e);
+			} }
+		})];
+	}
+});
+function A(e, t) {
+	if (!t.trim()) return _.empty;
+	let n = [], r = t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), i = new RegExp(r, "gi");
+	return e.descendants((e, t) => {
+		if (e.isText && e.text) {
+			i.lastIndex = 0;
+			for (let r of e.text.matchAll(i)) r.index !== void 0 && n.push(g.inline(t + r.index, t + r.index + r[0].length, { class: "ophx-search-match" }));
+		}
+	}), _.create(e, n);
+}
+var j = t.create({
+	name: "ophxWysiwymRules",
+	addProseMirrorPlugins() {
+		return [new m({ props: {
+			handleTextInput(e, t, n, r) {
+				return r === " " && /\s/.test(e.state.doc.textBetween(Math.max(0, t - 1), t));
+			},
+			handleKeyDown(e, t) {
+				if (t.key !== "Enter" || t.shiftKey) return !1;
+				let { $from: n } = e.state.selection;
+				if (!n.parent.isTextblock || n.parent.content.size !== 0 || n.depth === 0) return !1;
+				let r = n.index(n.depth - 1), i = n.node(n.depth - 1);
+				return [i.maybeChild(r - 1), i.maybeChild(r + 1)].some((e) => e?.isTextblock && e.content.size === 0);
+			}
+		} })];
+	}
+}), M = t.create({
+	name: "ophxIndentation",
+	addGlobalAttributes() {
+		return [{
+			types: ["paragraph", "heading"],
+			attributes: { indent: {
+				default: 0,
+				parseHTML: (e) => Number(e.dataset.indent ?? 0),
+				renderHTML: (e) => e.indent ? { "data-indent": String(e.indent) } : {}
+			} }
+		}];
+	}
+}), N = t.create({
+	name: "ophxEditability",
+	addGlobalAttributes() {
+		return [{
+			types: [
+				"paragraph",
+				"heading",
+				"blockquote",
+				"codeBlock",
+				"bulletList",
+				"orderedList",
+				"listItem",
+				"horizontalRule",
+				"image",
+				"table",
+				"tableRow",
+				"tableHeader",
+				"tableCell",
+				"bold",
+				"italic",
+				"underline",
+				"strike",
+				"link",
+				"label"
+			],
+			attributes: { contenteditable: {
+				default: null,
+				parseHTML: (e) => {
+					let t = e.getAttribute("contenteditable");
+					return t === "true" || t === "false" ? t : null;
+				},
+				renderHTML: (e) => e.contenteditable ? { contenteditable: e.contenteditable } : {}
+			} }
+		}];
+	}
+});
+function P(e) {
+	return x.test(e);
+}
+// src/editor/ophx-editor.ts
+var F = class {
+	editor;
+	constructor(t) {
+		this.editor = new e({
+			element: t.element,
+			content: t.content ?? "<p></p>",
+			editable: t.editable ?? !0,
+			extensions: [
+				i.configure({
+					heading: !1,
+					underline: !1,
+					link: !1
+				}),
+				D.configure({ levels: [
+					1,
+					2,
+					3,
+					4,
+					5,
+					6
+				] }),
+				a,
+				o.configure({
+					openOnClick: !1,
+					autolink: !0,
+					linkOnPaste: !0
+				}),
+				s.configure({
+					allowBase64: !0,
+					inline: !1
+				}),
+				l.configure({ resizable: !0 }),
+				u,
+				d,
+				f,
+				S,
+				C,
+				T,
+				w,
+				y,
+				M,
+				N,
+				k,
+				j,
+				c.configure({ placeholder: t.placeholder ?? "Начните писать…" }),
+				...t.extensions ?? []
+			],
+			editorProps: { attributes: {
+				class: "ophx-editor-surface",
+				spellcheck: "true",
+				lang: "ru",
+				"aria-label": "Редактор документа"
+			} },
+			onUpdate: t.onUpdate
+		});
+	}
+	getHTML() {
+		return this.editor.getHTML();
+	}
+	getJSON() {
+		return this.editor.getJSON();
+	}
+	setContent(e) {
+		this.editor.commands.setContent(e, { emitUpdate: !1 });
+	}
+	setSearchQuery(e) {
+		this.editor.commands.setSearchQuery(e);
+	}
+	getFields() {
+		let e = Array.from(this.editor.view.dom.querySelectorAll("[data-ophx-field]")).filter((e) => {
+			let t = e.getAttribute("data-ophx-field") ?? "";
+			return e.classList.contains("ophx-field") && e.getAttribute("contenteditable") === "true" && P(t);
+		}), t = /* @__PURE__ */ new Map();
+		for (let n of e) {
+			let e = n.getAttribute("data-ophx-field");
+			t.set(e, (t.get(e) ?? 0) + 1);
+		}
+		return e.filter((e) => t.get(e.getAttribute("data-ophx-field")) === 1).map((e) => ({
+			id: e.getAttribute("data-ophx-field"),
+			label: e.getAttribute("data-ophx-label"),
+			required: e.getAttribute("data-ophx-required") === "true",
+			value: e.textContent ?? ""
+		}));
+	}
+	getMissingRequiredFields() {
+		return this.getFields().filter((e) => e.required && !e.value.trim());
+	}
+	destroy() {
+		this.editor.destroy();
+	}
+}, I = [
+	{
+		action: "bold",
+		label: "B",
+		title: "Жирный (⌘/Ctrl+B)"
+	},
+	{
+		action: "italic",
+		label: "I",
+		title: "Курсив (⌘/Ctrl+I)"
+	},
+	{
+		action: "underline",
+		label: "U",
+		title: "Подчёркнутый (⌘/Ctrl+U)"
+	},
+	{
+		action: "strike",
+		label: "S̶",
+		title: "Зачёркнутый"
+	},
+	{
+		action: "bullet",
+		label: "• Список",
+		title: "Маркированный список"
+	},
+	{
+		action: "ordered",
+		label: "1. Список",
+		title: "Нумерованный список"
+	},
+	{
+		action: "outdent",
+		label: "← Отступ",
+		title: "Уменьшить отступ"
+	},
+	{
+		action: "indent",
+		label: "Отступ →",
+		title: "Увеличить отступ"
+	},
+	{
+		action: "link",
+		label: "Ссылка",
+		title: "Добавить ссылку"
+	},
+	{
+		action: "image",
+		label: "Изображение",
+		title: "Вставить изображение"
+	},
+	{
+		action: "table",
+		label: "Таблица",
+		title: "Вставить таблицу"
+	},
+	{
+		action: "collapse",
+		label: "Свернуть",
+		title: "Свернуть/развернуть раздел"
+	},
+	{
+		action: "label",
+		label: "Метка",
+		title: "Выделить текст меткой"
+	},
+	{
+		action: "toc",
+		label: "Содержание",
+		title: "Содержание документа"
+	},
+	{
+		action: "undo",
+		label: "↶",
+		title: "Отменить (⌘/Ctrl+Z)"
+	},
+	{
+		action: "redo",
+		label: "↷",
+		title: "Повторить (⌘/Ctrl+Shift+Z)"
+	}
+];
+function L(e, t, n = {}) {
+	e.classList.add("ophx-toolbar"), e.replaceChildren();
+	let r = document.createElement("select");
+	r.className = "ophx-toolbar__style", r.setAttribute("aria-label", "Стиль текста"), r.innerHTML = "<option value=\"p\">Обычный текст</option><option value=\"1\">Заголовок 1</option><option value=\"2\">Заголовок 2</option><option value=\"3\">Заголовок 3</option>", r.addEventListener("change", () => {
+		let e = Number(r.value), n = t.chain().focus();
+		r.value === "p" ? n.setParagraph().run() : n.setHeading({ level: e }).run();
+	}), e.append(r);
+	let i = /* @__PURE__ */ new Map();
+	for (let n of I) {
+		let r = document.createElement("button");
+		r.type = "button", r.className = "ophx-toolbar__button", r.dataset.action = n.action, r.textContent = n.label, r.title = n.title, r.setAttribute("aria-label", n.title), r.addEventListener("mousedown", (e) => e.preventDefault()), r.addEventListener("click", () => R(n.action, t, o, s)), i.set(n.action, r), e.append(r);
+	}
+	let a = document.createElement("input");
+	a.type = "search", a.className = "ophx-toolbar__search", a.placeholder = "Поиск…", a.setAttribute("aria-label", "Поиск по тексту"), a.addEventListener("input", () => t.commands.setSearchQuery(a.value)), a.addEventListener("keydown", (e) => {
+		e.key === "Escape" && (a.value = "", t.commands.setSearchQuery(""), t.commands.focus());
+	}), e.append(a);
+	let o = document.createElement("input");
+	o.type = "file", o.accept = "image/*", o.hidden = !0, o.addEventListener("change", () => {
+		let e = o.files?.[0];
+		if (e) {
+			if (n.onInsertImage) n.onInsertImage(e);
+			else {
+				let n = new FileReader();
+				n.addEventListener("load", () => {
+					typeof n.result == "string" && t.chain().focus().setImage({
+						src: n.result,
+						alt: e.name
+					}).run();
+				}), n.readAsDataURL(e);
+			}
+		}
+		o.value = "";
+	}), e.append(o);
+	let s = document.createElement("nav");
+	s.className = "ophx-toc", s.setAttribute("aria-label", "Содержание документа"), s.hidden = !0, e.append(s);
+	let c = () => {
+		i.get("undo").disabled = !t.can().undo(), i.get("redo").disabled = !t.can().redo(), i.get("bold").classList.toggle("is-active", t.isActive("bold")), i.get("italic").classList.toggle("is-active", t.isActive("italic")), i.get("underline").classList.toggle("is-active", t.isActive("underline")), i.get("strike").classList.toggle("is-active", t.isActive("strike"));
+		let e = t.getAttributes("heading").level;
+		r.value = e ? String(e) : (t.isActive("paragraph"), "p"), s.replaceChildren(), t.state.doc.descendants((e, n) => {
+			if (e.type.name !== "heading") return;
+			let r = document.createElement("button");
+			r.type = "button", r.className = "ophx-toc__item", r.style.paddingInlineStart = `${Math.max(0, Number(e.attrs.level) - 1) * 12}px`, r.textContent = e.textContent || "Без названия", r.addEventListener("mousedown", (e) => e.preventDefault()), r.addEventListener("click", () => {
+				t.commands.setTextSelection(n + 1), t.commands.focus(), t.commands.scrollIntoView();
+			}), s.append(r);
+		});
+	};
+	return t.on("transaction", c), t.on("selectionUpdate", c), c(), () => {
+		t.off("transaction", c), t.off("selectionUpdate", c), e.replaceChildren(), e.classList.remove("ophx-toolbar");
+	};
+}
+function R(e, t, n, r) {
+	let i = t.chain().focus();
+	switch (e) {
+		case "bold":
+			i.toggleBold().run();
+			break;
+		case "italic":
+			i.toggleItalic().run();
+			break;
+		case "underline":
+			i.toggleUnderline().run();
+			break;
+		case "strike":
+			i.toggleStrike().run();
+			break;
+		case "bullet":
+			i.toggleBulletList().run();
+			break;
+		case "ordered":
+			i.toggleOrderedList().run();
+			break;
+		case "indent":
+			z(t, 1);
+			break;
+		case "outdent":
+			z(t, -1);
+			break;
+		case "link": {
+			let e = t.getAttributes("link").href, n = window.prompt("Адрес ссылки", e ?? "https://");
+			if (n === null) return;
+			n.trim() ? i.extendMarkRange("link").setLink({ href: n.trim() }).run() : i.extendMarkRange("link").unsetLink().run();
+			break;
+		}
+		case "image":
+			n.click();
+			break;
+		case "table":
+			i.insertTable({
+				rows: 3,
+				cols: 3,
+				withHeaderRow: !0
+			}).run();
+			break;
+		case "collapse": {
+			if (!t.isActive("heading")) return;
+			let e = !!t.getAttributes("heading").collapsed;
+			i.updateAttributes("heading", { collapsed: !e }).run();
+			break;
+		}
+		case "label": {
+			let e = window.prompt("Название метки", "важно");
+			e?.trim() && i.setMark("label", { label: e.trim() }).run();
+			break;
+		}
+		case "toc":
+			r.hidden = !r.hidden;
+			break;
+		case "undo":
+			i.undo().run();
+			break;
+		case "redo": i.redo().run();
+	}
+}
+function z(e, t) {
+	let { $from: n } = e.state.selection;
+	if (n.parent.type.name === "listItem") {
+		let n = e.chain().focus();
+		t > 0 ? n.sinkListItem("listItem").run() : n.liftListItem("listItem").run();
+		return;
+	}
+	let r = n.parent.type.name;
+	if (r !== "paragraph" && r !== "heading") return;
+	let i = Number(e.getAttributes(r).indent ?? 0);
+	e.chain().focus().updateAttributes(r, { indent: Math.max(0, Math.min(8, i + t)) }).run();
+}
+// src/editor/ophx-archive.ts
+var B = {
+	avif: "image/avif",
+	bmp: "image/bmp",
+	gif: "image/gif",
+	ico: "image/x-icon",
+	jpeg: "image/jpeg",
+	jpg: "image/jpeg",
+	png: "image/png",
+	svg: "image/svg+xml",
+	tif: "image/tiff",
+	tiff: "image/tiff",
+	webp: "image/webp"
+};
+async function V(e, t = {}) {
+	let n = new v(), r = new DOMParser().parseFromString(e, "text/html");
+	G(r);
+	let i = K(t.filename ?? t.title ?? "Документ"), a = t.title ?? r.title ?? i, o = t.assets ?? {}, s = new Set(Object.keys(o).map(J)), c = 0;
+	for (let e of Array.from(r.querySelectorAll("img[src]"))) {
+		let t = e.getAttribute("src")?.trim();
+		if (!t || /^https?:\/\//i.test(t) || /^data:(?!image\/)/i.test(t)) continue;
+		if (/^data:image\//i.test(t) || /^blob:/i.test(t)) {
+			try {
+				let r = await fetch(t);
+				if (!r.ok) throw Error(`Не удалось прочитать изображение: ${t}`);
+				let i = await r.blob();
+				if (!i.type.startsWith("image/")) throw Error("Вложение с data/blob URL не является изображением");
+				let a = `image-${++c}.${Z(i.type, t)}`;
+				for (; s.has(a);) a = `image-${++c}.${Z(i.type, t)}`;
+				n.file(a, i), s.add(a), e.setAttribute("src", encodeURIComponent(a));
+			} catch (e) {
+				throw Error("Не удалось добавить изображение в архив ophx", { cause: e });
+			}
+			continue;
+		}
+		let r = J(t);
+		if (!q(r)) throw Error(`Путь изображения должен быть простым именем файла: ${t}`);
+		let i = o[r];
+		if (!i && !s.has(r)) throw Error(`Для локального изображения «${r}» не передан файл media`);
+		i && n.file(r, i), e.setAttribute("src", encodeURIComponent(r));
+	}
+	let l = W(t.styles ?? {});
+	for (let [e, t] of Object.entries(l)) n.file(e, t);
+	let u = Object.keys(l).map((e) => `<link rel="stylesheet" href="${$(encodeURIComponent(e))}">`).join(""), d = r.documentElement.lang || "ru", f = t.bodyContentEditable ? ` contenteditable="${t.bodyContentEditable}"` : "", p = `<!doctype html>\n<html lang="${$(d)}"><head><meta charset="utf-8"><title>${$(a)}</title>${u}</head><body${f}>${r.body.innerHTML}</body></html>`;
+	return n.file(`${i}.html`, p), n.generateAsync({
+		type: "blob",
+		mimeType: "application/zip",
+		compression: "DEFLATE",
+		compressionOptions: { level: 6 }
+	});
+}
+async function H(e) {
+	await X(e);
+	let t;
+	try {
+		t = await v.loadAsync(e);
+	} catch (e) {
+		throw Error("Не удалось прочитать ZIP-архив .ophx (шифрование и неподдерживаемые ZIP-режимы не поддерживаются)", { cause: e });
+	}
+	if (Object.values(t.files).some((e) => e.dir || /[\\/]/.test(e.name))) throw Error("В текущей версии .ophx все файлы должны находиться плоским списком в корне архива");
+	let n = Object.values(t.files).filter((e) => !e.dir), r = n.filter((e) => e.name.toLowerCase().endsWith(".html"));
+	if (r.length !== 1) throw r.length === 0 && n.some((e) => e.name.toLowerCase().endsWith(".xml")) ? Error("Обнаружен устаревший XML-вариант ophx; поддерживается только версия v2 с HTML5 внутри ZIP") : Error(`В архиве должен быть ровно один HTML-файл в корне; найдено: ${r.length}`);
+	let i = r[0], a = i.name.slice(0, -5), o = "name" in e && typeof e.name == "string" ? e.name : "";
+	if (/\.ophx$/i.test(o) && o.replace(/\.ophx$/i, "") !== a) throw Error(`Имя HTML-файла «${i.name}» должно совпадать с именем архива «${o}»`);
+	let s = await i.async("string");
+	if (!/^\s*<!doctype\s+html\b/i.test(s)) throw Error("Основной файл .ophx должен начинаться с <!doctype html>");
+	let c = new DOMParser().parseFromString(s, "text/html");
+	if (c.querySelector("head meta[charset]")?.getAttribute("charset")?.toLowerCase() !== "utf-8") throw Error("В <head> документа требуется <meta charset=\"utf-8\">");
+	let l = {};
+	for (let e of Array.from(c.querySelectorAll("head link[rel~=\"stylesheet\"][href]"))) {
+		let n = e.getAttribute("href")?.trim();
+		if (!n) continue;
+		if (Y(n)) throw Error(`CSS должен быть встроенным плоским файлом архива: ${n}`);
+		let r = J(n);
+		if (!q(r) || !r.toLowerCase().endsWith(".css")) throw Error(`Ссылка на стиль должна указывать на плоский .css-файл: ${n}`);
+		let i = t.file(r);
+		if (!i) throw Error(`Файл стиля «${r}» отсутствует в архиве`);
+		l[r] = await i.async("string");
+	}
+	for (let e of Array.from(c.querySelectorAll("img[src]"))) {
+		let n = e.getAttribute("src")?.trim();
+		if (!n || Y(n)) continue;
+		let r = J(n);
+		if (!q(r)) throw Error(`Ссылка на изображение должна быть простым именем файла: ${n}`);
+		let i = t.file(r);
+		if (!i) throw Error(`Файл изображения «${r}» отсутствует в архиве`);
+		let a = await i.async("base64"), o = r.split(".").pop()?.toLowerCase() ?? "", s = B[o] ?? (o ? `image/${o}` : "application/octet-stream");
+		e.setAttribute("src", `data:${s};base64,${a}`);
+	}
+	let u = c.body.getAttribute("contenteditable");
+	if (u === "false") for (let e of Array.from(c.body.children)) e.hasAttribute("contenteditable") || e.setAttribute("contenteditable", "false");
+	Q(c);
+	let d = Object.entries(l);
+	return {
+		html: c.body.innerHTML,
+		title: c.title || a,
+		filename: a,
+		styles: l,
+		css: d[0]?.[1] ?? "",
+		bodyContentEditable: u === "true" || u === "false" ? u : void 0
+	};
+}
+function U(e, t) {
+	let n = URL.createObjectURL(e), r = window.document.createElement("a");
+	r.href = n, r.download = t, r.click(), window.setTimeout(() => URL.revokeObjectURL(n), 0);
+}
+function W(e) {
+	let t = {};
+	for (let [n, r] of Object.entries(e)) {
+		let e = J(n);
+		if (!q(e) || !e.toLowerCase().endsWith(".css")) throw Error(`Имя файла стиля должно быть плоским и оканчиваться на .css: ${n}`);
+		if (Object.hasOwn(t, e)) throw Error(`Повторяется имя файла стиля: ${e}`);
+		t[e] = r;
+	}
+	return t;
+}
+function G(e) {
+	let t = Array.from(e.querySelectorAll("[data-ophx-field], .ophx-field")), n = /* @__PURE__ */ new Set();
+	for (let e of t) {
+		let t = e.getAttribute("data-ophx-field") ?? "", r = e.tagName.toLowerCase();
+		if (!e.classList.contains("ophx-field") || e.getAttribute("contenteditable") !== "true") throw Error("Каждое поле должно иметь класс ophx-field и contenteditable=\"true\"");
+		if (![
+			"span",
+			"div",
+			"p"
+		].includes(r) || !/^[A-Za-z0-9._-]+$/.test(t)) throw Error(`Некорректная обёртка или идентификатор поля: ${t || "(пусто)"}`);
+		if (n.has(t)) throw Error(`Идентификатор поля должен быть уникальным: ${t}`);
+		if (e.parentElement?.closest("[data-ophx-field]")) throw Error(`Поля не могут быть вложенными: ${t}`);
+		n.add(t);
+	}
+}
+function K(e) {
+	let t = e.trim().replace(/\.(?:ophx|html)$/i, "");
+	if (!t) return "Документ";
+	if (!q(t) || /[\u0000-\u001f]/.test(t)) throw Error("Имя .ophx должно быть простым именем файла без каталогов");
+	return t;
+}
+function q(e) {
+	return !!e && e !== "." && e !== ".." && !/[\\/]/.test(e);
+}
+function J(e) {
+	try {
+		return decodeURIComponent(e);
+	} catch {
+		throw Error(`Некорректное percent-экранирование в имени ресурса: ${e}`);
+	}
+}
+function Y(e) {
+	return /^(?:data:|https?:\/\/)/i.test(e);
+}
+async function X(e) {
+	if (e.size < 2) throw Error("Файл не является ZIP-архивом .ophx (возможен устаревший формат)");
+	let t = new Uint8Array(await e.slice(0, 4).arrayBuffer());
+	if (t[0] !== 80 || t[1] !== 75) throw Error("Неподдерживаемый устаревший ophx: ожидается ZIP-архив версии v2");
+}
+function Z(e, t) {
+	let n = Object.entries(B).find(([, t]) => t === e)?.[0];
+	if (n) return n;
+	let r = t.match(/\.([a-z0-9]+)(?:[?#]|$)/i)?.[1]?.toLowerCase();
+	return r && /^[a-z0-9]{1,6}$/.test(r) ? r : "bin";
+}
+function Q(e) {
+	e.querySelectorAll("script, iframe, object, embed, style, link").forEach((e) => e.remove()), e.querySelectorAll("*").forEach((e) => {
+		for (let t of Array.from(e.attributes)) /^on/i.test(t.name) && e.removeAttribute(t.name), /^(href|src|xlink:href)$/i.test(t.name) && /^\s*(javascript|vbscript):/i.test(t.value) && e.removeAttribute(t.name), /^(src|xlink:href)$/i.test(t.name) && /^\s*data:(?!image\/)/i.test(t.value) && e.removeAttribute(t.name);
+	});
+}
+function $(e) {
+	return e.replace(/[&<>"']/g, (e) => ({
+		"&": "&amp;",
+		"<": "&lt;",
+		">": "&gt;",
+		"\"": "&quot;",
+		"'": "&#39;"
+	})[e]);
+}
+// src/editor/template-fields.ts
+function ee(e, t = "f") {
+	if (!/^[A-Za-z0-9._-]+$/.test(t)) throw Error("Префикс идентификаторов полей содержит недопустимые символы");
+	let n = new DOMParser().parseFromString(e, "text/html"), r = new Set(Array.from(n.querySelectorAll("[data-ophx-field]")).map((e) => e.getAttribute("data-ophx-field") ?? "").filter(Boolean)), i = n.createTreeWalker(n.body, 4), a = [];
+	for (; i.nextNode();) {
+		let e = i.currentNode, t = e.parentElement;
+		t && !t.closest("code, pre, script, style, [contenteditable=\"false\"], [data-ophx-field]") && /_{2,}/.test(e.data) && a.push(e);
+	}
+	let o = [], s = 1;
+	for (let e of a) {
+		let i = n.createDocumentFragment(), a = 0;
+		for (let c of e.data.matchAll(/_{2,}/g)) {
+			if (c.index === void 0) continue;
+			c.index > a && i.append(n.createTextNode(e.data.slice(a, c.index)));
+			let l = `${t}${s++}`;
+			for (; r.has(l);) l = `${t}${s++}`;
+			r.add(l), o.push(l);
+			let u = n.createElement("span");
+			u.className = "ophx-field", u.setAttribute("contenteditable", "true"), u.setAttribute("data-ophx-field", l), i.append(u), a = c.index + c[0].length;
+		}
+		a < e.data.length && i.append(n.createTextNode(e.data.slice(a))), e.replaceWith(i);
+	}
+	return {
+		html: n.body.innerHTML,
+		count: o.length,
+		ids: o
+	};
+}
+export { D as CollapsibleHeading, M as Indentation, y as Label, C as OphxBlockField, N as OphxEditability, F as OphxEditor, S as OphxInlineField, T as OphxReadonlyBlock, w as OphxReadonlyInline, k as TextSearch, j as WysiwymRules, ee as convertUnderscoresToFields, U as downloadBlob, V as exportOphx, H as importOphx, P as isValidOphxFieldId, L as mountToolbar };