@pie-element/simple-cloze 0.1.7-next.20261007075859 → 0.1.7

package/dist/author/index.js

@@ -23375,13 +23375,26 @@ var PASTED_FORMATTING = [
 	"subscript",
 	"bulletList",
 	"orderedList",
-	"table"
+	"table",
+	"image"
 ];
 var hasImageFile = (data) => Array.from(data.items ?? []).some((item) => item.kind === "file" && item.type.startsWith("image/"));
 var hasElement = (html, selector) => new DOMParser().parseFromString(html, "text/html").querySelector(selector) !== null;
 var isProseMirrorSlice = (html) => html.includes("data-pm-slice") && hasElement(html, "[data-pm-slice]");
 var hasMath = (html) => /data-latex|data-type="?mathml/.test(html) && hasElement(html, "[data-latex], [data-type=\"mathml\"]");
 var filtering = null;
+var PICTURE = /^data:image\/(?:png|jpeg|gif|webp);base64,/i;
+var imageKey = () => `img-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+/**
+* `html` with its pictures marked as image upload nodes, which parse from that mark alone. The
+* Image extension leaves out a data URL.
+*/
+function markPictures(html) {
+	if (!html.includes("data:image/")) return html;
+	const doc = new DOMParser().parseFromString(html, "text/html");
+	for (const img of Array.from(doc.body.querySelectorAll("img"))) if (PICTURE.test(img.getAttribute("src") ?? "")) img.setAttribute("data-type", "image-upload-node");
+	return doc.body.innerHTML;
+}
 var escapeHtml = (text) => text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 var lines = (text) => text.replace(/\r*\n|\r/g, "\n").replace(/\n+$/, "");
 var childrenOf = (node) => {
@@ -23449,13 +23462,14 @@ function externalContentOf(data) {
 }
 /**
 * A parsed slice cut down to paragraphs, line breaks and math, plus the marks, lists and tables in
-* `kept`. Attributes go, except an ordered list's numbering, a cell's spans, a header cell's scope
-* and a table's caption. A list or table not kept becomes paragraphs, as a plain-text copy of it
-* reads: an item behind its bullet or number, a row with tabs between its cells.
+* `kept` and, with `pictures`, the pictures markPictures marked. Attributes go, except an ordered
+* list's numbering, a cell's spans, a header cell's scope, a table's caption and a picture's size
+* and alt text. A list or table not kept becomes paragraphs, as a plain-text copy of it reads: an
+* item behind its bullet or number, a row with tabs between its cells.
 */
-var keepFormatting = (kept) => (slice, state) => {
+var keepFormatting = (kept, pictures = null) => (slice, state) => {
 	const { schema } = state;
-	const { paragraph, hardBreak, math } = schema.nodes;
+	const { paragraph, hardBreak, math, imageUploadNode } = schema.nodes;
 	const line = (content) => paragraph.create(null, content);
 	const keptMarks = (marks) => marks.filter((mark) => kept.has(mark.type.name)).map((mark) => mark.type.create());
 	const inline = (node) => childrenOf(node).flatMap((child) => {
@@ -23466,6 +23480,20 @@ var keepFormatting = (kept) => (slice, state) => {
 		if (child.type === hardBreak || math && child.type === math) return [child.mark(keptMarks(child.marks))];
 		return child.isLeaf ? [] : inline(child);
 	});
+	const picture = (node) => {
+		const { src, width, height, alt } = node.attrs;
+		if (!pictures || !PICTURE.test(src ?? "")) return [];
+		const nodeKey = imageKey();
+		pictures.keys.push(nodeKey);
+		return [node.type.create({
+			src,
+			width,
+			height,
+			alt,
+			nodeKey,
+			loaded: !pictures.upload
+		})];
+	};
 	const cellText = (cell) => {
 		const content = [];
 		cell.descendants((child) => {
@@ -23515,10 +23543,15 @@ var keepFormatting = (kept) => (slice, state) => {
 		}
 		return [...caption ? [line([schema.text(caption)])] : [], ...childrenOf(node).map((row) => line(childrenOf(row).flatMap((cell, i) => i ? [schema.text("	"), ...cellText(cell)] : cellText(cell))))];
 	};
-	const blocks = (node) => childrenOf(node).flatMap((child) => {
+	const blank = (node) => /^\s+$/.test(node.textContent) && childrenOf(node).every((child) => child.isText);
+	const isPicture = (node) => !!pictures && !!node && node.type === imageUploadNode;
+	const blocks = (node) => childrenOf(node).flatMap((child, i, children) => {
+		if (child.isTextblock && !child.content.size && (isPicture(children[i - 1]) || isPicture(children[i + 1]))) return [];
+		if (child.isTextblock && blank(child)) return [line([schema.text(child.textContent)])];
 		if (child.isTextblock) return [line(inline(child))];
 		if (child.type.spec.tableRole === "table") return table(child);
 		if (child.type.name === "bulletList" || child.type.name === "orderedList") return list(child);
+		if (isPicture(child)) return picture(child);
 		return child.isLeaf ? [] : blocks(child);
 	});
 	return openSlice(schema, slice.content.firstChild?.isInline ? [line(inline(slice.content))] : blocks(slice.content));
@@ -23567,7 +23600,7 @@ function pasteFiltered(view, html, filter) {
 		filtering = null;
 	}
 }
-function insertExternal(view, { text, html }, settings) {
+function insertExternal(view, { text, html }, settings, uploadImage) {
 	const { selection, schema } = view.state;
 	const kept = new Set(settings.plainText ? [] : settings.formatting);
 	if ("$anchorCell" in selection && !(kept.has("table") && hasElement(html, "table"))) {
@@ -23576,7 +23609,13 @@ function insertExternal(view, { text, html }, settings) {
 		return;
 	}
 	if (!settings.plainText) {
-		pasteFiltered(view, rebuildWordLists(html), keepFormatting(kept));
+		const pictures = kept.has("image") && schema.nodes.imageUploadNode ? {
+			keys: [],
+			upload: !!uploadImage
+		} : null;
+		pasteFiltered(view, rebuildWordLists(pictures ? markPictures(html) : html), keepFormatting(kept, pictures));
+		let uploads = Promise.resolve();
+		for (const nodeKey of pictures?.keys ?? []) uploads = uploads.then(() => uploadImage?.(nodeKey));
 		return;
 	}
 	if (schema.nodes.math && hasMath(html)) {
@@ -23591,9 +23630,10 @@ function insertExternal(view, { text, html }, settings) {
 * superscript, subscript, lists and tables in `formatting`. Its fonts, sizes, colours, alignment,
 * headings, links and class names go, which TextStyleKit, TextAlign and CSSMark would otherwise keep
 * (PIE-1145). Word for Windows and Mac copies lists as styled paragraphs, which are rebuilt as
-* lists first. With `plainText` set it pastes plain text. Copies from a PIE editor and pasted
-* images are left to ProseMirror and the image upload handler. This editor has no math node, so
-* the React editor's math handling never runs here.
+* lists first. Word's pictures paste as image upload nodes when `formatting` has `image`, and
+* upload through `uploadImage`. With `plainText` set it pastes plain text. Copies from a PIE editor
+* and pasted image files are left to ProseMirror and the image upload handler. This editor has no
+* math node or image upload node, so the React editor's math and picture handling never runs here.
 *
 * Mirrors `packages/lib-react/editable-html-tip-tap/src/external-paste.ts`.
 */
@@ -23601,13 +23641,18 @@ var ExternalPaste = Extension.create({
 	name: "externalPaste",
 	priority: 1e3,
 	addOptions() {
-		return { settings: () => ({
-			plainText: false,
-			formatting: PASTED_FORMATTING
-		}) };
+		return {
+			settings: () => ({
+				plainText: false,
+				formatting: PASTED_FORMATTING
+			}),
+			uploadImage: void 0
+		};
 	},
 	addProseMirrorPlugins() {
-		const { settings } = this.options;
+		const { settings, uploadImage } = this.options;
+		const { editor } = this;
+		const upload = uploadImage ? (nodeKey) => uploadImage(editor, nodeKey) : null;
 		return [new Plugin({
 			key: new PluginKey("externalPaste"),
 			props: {
@@ -23617,7 +23662,7 @@ var ExternalPaste = Extension.create({
 				handlePaste(view, event) {
 					const content = externalContentOf(event.clipboardData);
 					if (content === null) return false;
-					insertExternal(view, content, settings());
+					insertExternal(view, content, settings(), upload);
 					return true;
 				},
 				handleDrop(view, event) {
@@ -23628,7 +23673,7 @@ var ExternalPaste = Extension.create({
 					});
 					if (content === null || !target) return false;
 					view.dispatch(view.state.tr.setSelection(TextSelection.near(view.state.doc.resolve(target.pos))));
-					insertExternal(view, content, settings());
+					insertExternal(view, content, settings(), upload);
 					view.focus();
 					return true;
 				}