@inditextech/weave-sdk 5.7.0 → 5.7.1

package/dist/sdk.node.js

@@ -9582,7 +9582,7 @@ var WeaveRegisterManager = class {
 };
 //#endregion
 //#region package.json
-var version = "5.7.0";
+var version = "5.7.1";
 //#endregion
 //#region src/managers/setup.ts
 var WeaveSetupManager = class {
@@ -12522,6 +12522,12 @@ function isSafeLink(value) {
 		return false;
 	}
 }
+/** Marks an empty block carries: normalized and never a link. */
+function emptyBlockMarks(m) {
+	if (!m) return void 0;
+	const { link: _link, ...rest } = m;
+	return normalizeMarks(rest);
+}
 /** Block fields that describe structure (not content). */
 function blockFields(block, withStart) {
 	const out = {};
@@ -12599,6 +12605,76 @@ function sliceRuns(runs, from, to) {
 	}
 	return out;
 }
+/** Blocks covering the global range [start, end), keeping structure and marks. */
+function sliceBlocks(blocks, start, end) {
+	const out = [];
+	let pos = 0;
+	for (const block of blocks) {
+		const len = blockText(block).length;
+		const bStart = pos;
+		const bEnd = pos + len;
+		pos = bEnd + 1;
+		if (bEnd < start || bStart > end) continue;
+		const runs = normalizeRuns(sliceRuns(block.runs, Math.max(start, bStart) - bStart, end - bStart));
+		out.push({
+			...blockFields(block, true),
+			runs,
+			...runs.length === 0 && block.m ? { m: block.m } : {}
+		});
+	}
+	return out;
+}
+/**
+* Replace the global range [start, end) with a fragment of blocks. A single
+* block fragment merges inline; otherwise first/last fragment blocks merge
+* with the text before/after the range.
+*/
+function insertBlocks(blocks, start, end, fragment) {
+	if (fragment.length === 0) return blocks;
+	const total = blocksToText(blocks).length;
+	start = Math.max(0, Math.min(start, total));
+	end = Math.max(start, Math.min(end, total));
+	const head = sliceBlocks(blocks, 0, start);
+	const tail = sliceBlocks(blocks, end, total);
+	const before = head.pop() ?? { runs: [] };
+	const after = tail.shift() ?? { runs: [] };
+	const first = fragment[0];
+	const last = fragment[fragment.length - 1];
+	const finish = (b) => {
+		const runs = normalizeRuns(b.runs);
+		const { m: _m, ...rest } = b;
+		return {
+			...rest,
+			runs,
+			...runs.length === 0 && b.m ? { m: b.m } : {}
+		};
+	};
+	if (fragment.length === 1) return [
+		...head,
+		finish({
+			...before,
+			runs: [
+				...before.runs,
+				...first.runs,
+				...after.runs
+			]
+		}),
+		...tail
+	];
+	return [
+		...head,
+		finish({
+			...before,
+			runs: [...before.runs, ...first.runs]
+		}),
+		...fragment.slice(1, -1).map(finish),
+		finish({
+			...last,
+			runs: [...last.runs, ...after.runs]
+		}),
+		...tail
+	];
+}
 /** Marks of the run at (or immediately before) a local offset. */
 function marksAt(runs, offset) {
 	let pos = 0;
@@ -12639,7 +12715,7 @@ function replaceRange(blocks, start, end, insert, insertMarks) {
 				const local = start - bStart;
 				before = sliceRuns(block.runs, 0, local);
 				startBlock = block;
-				inheritedMarks = marksAt(block.runs, local);
+				inheritedMarks = len === 0 ? block.m : marksAt(block.runs, local);
 			}
 			if (end >= bStart && end <= bEnd) after = sliceRuns(block.runs, end - bStart, len);
 		}
@@ -12655,9 +12731,12 @@ function replaceRange(blocks, start, end, insert, insertMarks) {
 		let runs = mk(line);
 		if (idx === 0) runs = [...before, ...runs];
 		if (idx === lines.length - 1) runs = [...runs, ...after];
+		const normalized = normalizeRuns(runs);
+		const carried = emptyBlockMarks(inheritedMarks);
 		middle.push({
 			...blockFields(startBlock, idx === 0),
-			runs: normalizeRuns(runs)
+			runs: normalized,
+			...normalized.length === 0 && carried ? { m: carried } : {}
 		});
 	});
 	return [
@@ -12721,7 +12800,11 @@ function blockIndicesInRange(blocks, start, end) {
 }
 /** Marks that typing at a collapsed offset would inherit. */
 function marksAtOffset(blocks, offset) {
-	for (const s of blockSpans(blocks)) if (offset >= s.start && offset <= s.end) return cleanMarks(marksAt(blocks[s.index].runs, offset - s.start));
+	for (const s of blockSpans(blocks)) if (offset >= s.start && offset <= s.end) {
+		const block = blocks[s.index];
+		if (block.runs.length === 0) return cleanMarks(block.m);
+		return cleanMarks(marksAt(block.runs, offset - s.start));
+	}
 }
 function mapRunsInRange(block, from, to, fn) {
 	const runs = [];
@@ -12754,6 +12837,26 @@ function mapRunsInRange(block, from, to, fn) {
 		runs: normalizeRuns(runs)
 	};
 }
+function withEmptyMark(block, key, value) {
+	const { m: _m, ...rest } = block;
+	const m = normalizeMarks({
+		...block.m,
+		[key]: value
+	});
+	return m ? {
+		...rest,
+		m
+	} : rest;
+}
+/**
+* Set (or remove with `undefined`) one mark on the empty block holding the
+* collapsed offset. Other blocks are returned untouched.
+*/
+function applyMarkToEmptyBlock(blocks, offset, key, value) {
+	const span = blockSpans(blocks).find((s) => offset >= s.start && offset <= s.end);
+	if (!span || blocks[span.index].runs.length > 0) return blocks;
+	return blocks.map((b, i) => i === span.index ? withEmptyMark(b, key, value) : b);
+}
 /** Set (or remove with `undefined`) one mark over the global range. */
 function applyMark(blocks, start, end, key, value) {
 	if (start >= end) return blocks;
@@ -12766,6 +12869,7 @@ function applyMark(blocks, start, end, key, value) {
 	return blocks.map((block, i) => {
 		const s = spans[i];
 		if (s.end <= start || s.start >= end) return block;
+		if (block.runs.length === 0) return withEmptyMark(block, key, value);
 		return mapRunsInRange(block, Math.max(start, s.start) - s.start, Math.min(end, s.end) - s.start, (m) => normalizeMarks({
 			...m,
 			[key]: value
@@ -12991,6 +13095,44 @@ function alignQuery(blocks, start, end) {
 		value: set[0]
 	};
 }
+const WEAVE_TEXT_MIME = "application/x-weave-text+json";
+/** Defensive parse of a clipboard payload; undefined when invalid. */
+function parseWeaveClipboard(raw) {
+	if (!raw) return void 0;
+	try {
+		const data = JSON.parse(raw);
+		if (data?.v !== 1 || !Array.isArray(data.blocks) || !data.blocks.length) return;
+		const out = [];
+		for (const b of data.blocks.slice(0, 5e3)) {
+			if (!b || !Array.isArray(b.runs)) return void 0;
+			const runs = [];
+			for (const r of b.runs) {
+				if (typeof r?.t !== "string") return void 0;
+				const m = cleanMarks(r.m && typeof r.m === "object" ? { ...r.m } : void 0);
+				if (m && "link" in m && !isSafeLink(m.link)) delete m.link;
+				runs.push({
+					t: r.t,
+					...m && Object.keys(m).length ? { m } : {}
+				});
+			}
+			const block = { runs: normalizeRuns(runs) };
+			if (b.kind === "ul" || b.kind === "ol") block.kind = b.kind;
+			if (Number.isInteger(b.depth) && b.depth > 0) block.depth = b.depth;
+			if (Number.isInteger(b.start)) block.start = b.start;
+			if ([
+				"left",
+				"center",
+				"right"
+			].includes(b.align)) block.align = b.align;
+			const em = cleanMarks(b.m && typeof b.m === "object" ? b.m : void 0);
+			if (!block.runs.length && em) block.m = em;
+			out.push(block);
+		}
+		return out;
+	} catch {
+		return;
+	}
+}
 //#endregion
 //#region src/nodes/text-v2/layout/engine.ts
 const DEFAULT_INDENT_STEP = 1.5;
@@ -13139,7 +13281,7 @@ var TextLayoutEngine = class {
 		return Math.min(wanted, limit);
 	}
 	sigFor(block, style, fixedWidth, maxWidth, indent) {
-		return `${fontString(style)}|${style.lineHeight}|${style.letterSpacing}|${style.wrap}|${fixedWidth ? maxWidth - indent : "auto"}|${JSON.stringify(block.runs)}`;
+		return `${fontString(style)}|${style.lineHeight}|${style.letterSpacing}|${style.wrap}|${fixedWidth ? maxWidth - indent : "auto"}|${JSON.stringify(block.runs)}|${block.runs.length === 0 ? JSON.stringify(block.m ?? null) : ""}`;
 	}
 	/**
 	* Pre-compute paragraph layouts for `blocks` within a time budget so a
@@ -13236,7 +13378,7 @@ var TextLayoutEngine = class {
 			const startChar = entry.graphemes.slice(0, pl.startG).join("").length;
 			let marker;
 			if (first && opts.marker) {
-				const m0 = block.runs[0]?.m;
+				const m0 = block.runs[0]?.m ?? block.m;
 				const rs = runStyle(style, m0);
 				const stepPx = Math.min(indent, this.stepPx(style));
 				marker = {
@@ -13350,9 +13492,10 @@ var TextLayoutEngine = class {
 				desc = Math.max(desc, m.descent);
 			}
 			if (seen.size === 0) {
-				size = style.fontSize;
-				height = style.lineHeight * size;
-				const m = this.metrics(baseFont, style.fontSize);
+				const rs = runStyle(style, entry.emptyMarks);
+				size = rs.fontSize;
+				height = (runLineHeight(entry.emptyMarks) ?? style.lineHeight) * size;
+				const m = this.metrics(entry.emptyMarks ? fontString(rs) : baseFont, size);
 				asc = m.ascent;
 				desc = m.descent;
 			}
@@ -13372,6 +13515,7 @@ var TextLayoutEngine = class {
 			fonts,
 			lineHeights: block.runs.map((r) => runLineHeight(r.m) ?? style.lineHeight),
 			sizes,
+			...block.runs.length === 0 && block.m ? { emptyMarks: block.m } : {},
 			lines: []
 		};
 		const n = graphemes.length;
@@ -14427,6 +14571,10 @@ var TextEditModel = class {
 		const { start, end } = this.getSelection();
 		return this.getText().slice(start, end);
 	}
+	getSelectedBlocks() {
+		const { start, end } = this.getSelection();
+		return sliceBlocks(this.blocks, start, end);
+	}
 	canUndo() {
 		return this.undoStack.length > 0;
 	}
@@ -14501,6 +14649,19 @@ var TextEditModel = class {
 		this.desiredX = null;
 		return true;
 	}
+	/** Replace the selection with rich blocks; caret ends after them. */
+	replaceSelectionWithBlocks(fragment, kind) {
+		if (fragment.length === 0) return false;
+		const { start, end } = this.getSelection();
+		const insertedLen = blocksToText(fragment).length;
+		this.record(kind, start);
+		this.blocks = insertBlocks(this.blocks, start, end, fragment);
+		this.storedMarks = null;
+		this.anchor = this.focus = start + insertedLen;
+		this.lastEditEnd = this.focus;
+		this.desiredX = null;
+		return true;
+	}
 	replaceSelection(text, kind) {
 		const { start, end } = this.getSelection();
 		return this.replaceRange(start, end, text, kind);
@@ -14556,6 +14717,12 @@ var TextEditModel = class {
 			if (value === void 0 || value === false) delete base[key];
 			else base[key] = value;
 			this.storedMarks = cleanMarks(base) ?? {};
+			const next = applyMarkToEmptyBlock(this.blocks, start, key, value);
+			if (next !== this.blocks) {
+				const stored = this.storedMarks;
+				this.commitFormat(next);
+				this.storedMarks = stored;
+			}
 			return true;
 		}
 		return this.commitFormat(applyMark(this.blocks, start, end, key, value));
@@ -14627,7 +14794,7 @@ var TextEditModel = class {
 function outdentToPlain(blocks, index) {
 	return blocks.map((b, i) => {
 		if (i !== index) return b;
-		const { kind: _k, depth: _d, start: _s, ...rest } = b;
+		const { kind: _k, depth: _d, start: _s, m: _m, ...rest } = b;
 		return rest;
 	});
 }
@@ -14668,6 +14835,8 @@ var TextEditSession = class {
 		ta.addEventListener("beforeinput", this.onBeforeInput, opts);
 		ta.addEventListener("input", this.onInput, opts);
 		ta.addEventListener("paste", this.onPaste, opts);
+		ta.addEventListener("copy", this.onCopy, opts);
+		ta.addEventListener("cut", this.onCut, opts);
 		ta.addEventListener("compositionstart", this.onCompositionStart, opts);
 		ta.addEventListener("compositionend", this.onCompositionEnd, opts);
 		ta.addEventListener("select", this.syncFromTextarea, opts);
@@ -14914,9 +15083,43 @@ var TextEditSession = class {
 		if (inputType === "insertFromPaste") return "paste";
 		return "type";
 	}
+	writeRich(e) {
+		const { start, end } = this.model.getSelection();
+		if (start === end || !this.host.richText || !e.clipboardData) return false;
+		e.clipboardData.setData("text/plain", this.model.getSelectedText());
+		e.clipboardData.setData(WEAVE_TEXT_MIME, JSON.stringify({
+			v: 1,
+			blocks: this.model.getSelectedBlocks()
+		}));
+		e.preventDefault();
+		return true;
+	}
+	onCopy = (e) => {
+		e.stopPropagation();
+		this.writeRich(e);
+	};
+	onCut = (e) => {
+		e.stopPropagation();
+		if (!this.writeRich(e)) return;
+		if (this.model.replaceSelection("", "delete")) {
+			this.syncTextarea();
+			this.afterContentChange(0);
+		}
+	};
 	onPaste = (e) => {
 		e.stopPropagation();
 		e.preventDefault();
+		if (this.host.richText) {
+			const blocks = parseWeaveClipboard(e.clipboardData?.getData(WEAVE_TEXT_MIME));
+			if (blocks) {
+				const len = blocksToText(blocks).length;
+				if (this.model.replaceSelectionWithBlocks(blocks, "paste")) {
+					this.syncTextarea();
+					this.afterContentChange(len);
+				}
+				return;
+			}
+		}
 		const raw = e.clipboardData?.getData("text/plain") ?? "";
 		if (raw === "") return;
 		this.insertText(raw.replace(/\r\n?/g, "\n"), "paste");
@@ -17561,7 +17764,7 @@ var WeaveTextV2Node = class extends WeaveNode {
 			},
 			signal: this.instance.getEventsController().signal,
 			onChange: (blocks) => this.checkSize(shape, blocks),
-			onRequestExit: () => this.exitEditMode(shape)
+			onRequestExit: (reason) => this.exitEditMode(shape, reason)
 		}, shape.id());
 		shape.setAttr("cancelEditMode", () => this.exitEditMode(shape));
 		stage.mode(WEAVE_STAGE_TEXT_EDITION_MODE);
@@ -17584,7 +17787,7 @@ var WeaveTextV2Node = class extends WeaveNode {
 			});
 		} else if (size <= threshold) this.sizeWarned = false;
 	}
-	exitEditMode(shape) {
+	exitEditMode(shape, reason) {
 		const session = this.session;
 		if (!session || !this.editing) return;
 		clearTimeout(this.selectionTimer);
@@ -17602,7 +17805,7 @@ var WeaveTextV2Node = class extends WeaveNode {
 		const selectionPlugin = this.instance.getPlugin("nodesSelection");
 		if (selectionPlugin) {
 			this.instance.enablePlugin("nodesSelection");
-			selectionPlugin.setSelectedNodes([liveNode]);
+			selectionPlugin.setSelectedNodes(reason === "outside" ? [] : [liveNode]);
 			this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
 		}
 		stage.container().tabIndex = 1;
@@ -17617,12 +17820,33 @@ var WeaveTextV2Node = class extends WeaveNode {
 			const serialized = this.serialize(live);
 			if (live.text() !== "") {
 				const container = live.getParent();
-				live.destroy();
+				this.swapOnRendered(live);
 				this.instance.addNode(serialized, container?.getAttrs().id);
 			} else live.destroy();
 		} else if (changed) this.instance.updateNode(this.serialize(live));
 		this.createNode = false;
 	}
+	/** Destroy `temp` once the real node with the same id is in the tree. */
+	swapOnRendered(temp) {
+		const id = temp.id();
+		const timer = {};
+		const finish = (real) => {
+			clearTimeout(timer.id);
+			this.instance.removeEventListener("onNodeRenderedAdded", onRendered);
+			temp.destroy();
+			if (!real) return;
+			const selection = this.instance.getPlugin("nodesSelection");
+			const selected = selection?.getSelectedNodes?.() ?? [];
+			if (selection && selected.some((n) => n.id() === id)) selection.setSelectedNodes([real]);
+			real.getLayer()?.batchDraw();
+		};
+		const onRendered = (node) => {
+			if (node === temp || node.id() !== id || !node.getParent()) return;
+			finish(node);
+		};
+		this.instance.addEventListener("onNodeRenderedAdded", onRendered);
+		timer.id = setTimeout(() => finish(), 2e3);
+	}
 	setupTransform(text) {
 		let actualAnchor = void 0;
 		const isSide = () => SIDE_ANCHOR_SET.has(actualAnchor ?? "");