@inditextech/weave-sdk 5.7.0-SNAPSHOT.599.1 → 5.7.0-SNAPSHOT.601.1

package/dist/sdk.js

@@ -9535,7 +9535,7 @@ var WeaveRegisterManager = class {
 };
 //#endregion
 //#region package.json
-var version = "5.7.0-SNAPSHOT.599.1";
+var version = "5.7.0-SNAPSHOT.601.1";
 //#endregion
 //#region src/managers/setup.ts
 var WeaveSetupManager = class {
@@ -14920,7 +14920,7 @@ function normalizeFontFamily(fontFamily) {
 	}).join(", ");
 }
 function fontString(s) {
-	return `${s.fontStyle} ${s.fontVariant} ${s.fontSize}px ${normalizeFontFamily(s.fontFamily)}`;
+	return `${[...`${s.fontStyle} ${s.fontVariant}`.split(/\s+/).filter((token) => token !== "" && token !== "normal"), `${s.fontSize}px`].join(" ")} ${normalizeFontFamily(s.fontFamily)}`;
 }
 /** Style of a run: node style overridden by the run marks. */
 function runStyle(style, m) {
@@ -15370,6 +15370,74 @@ var TextLayoutEngine = class {
 	}
 };
 //#endregion
+//#region src/nodes/text-v2/layout/synthetic-italic.ts
+/**
+* Browsers slant ("synthesize") italic text when a font family has no italic
+* face. skia-canvas and node-canvas do not: the text comes out upright. This
+* module finds out, by rendering, whether an italic font really renders
+* slanted, so the painter can slant it itself on the server. It asks the
+* canvas, not the font library, so it works the same on every backend.
+*/
+/** Horizontal shear browsers use for a synthetic italic (about 14 degrees). */
+const SYNTHETIC_ITALIC_SKEW = .25;
+const PROBE_SIZE = 64;
+const PROBE_TEXT = "HIl";
+/** Min. shift (px at 64px) of the left edge between rows to count as slanted. */
+const MIN_SLANT = 3;
+const cache = /* @__PURE__ */ new Map();
+const ITALIC = /(^|\s)(italic|oblique)(\s|$)/;
+const SIZE = /\d+(\.\d+)?px/;
+function slantOf(font) {
+	const canvas = Konva.Util.createCanvasElement();
+	canvas.width = 160;
+	canvas.height = 100;
+	const ctx = canvas.getContext("2d");
+	if (!ctx) return null;
+	ctx.font = font;
+	ctx.fillStyle = "#000";
+	ctx.textBaseline = "alphabetic";
+	ctx.fillText(PROBE_TEXT, 10, 80);
+	const d = ctx.getImageData(0, 0, 160, 100).data;
+	const edge = (y) => {
+		for (let x = 0; x < 160; x++) if (d[(y * 160 + x) * 4 + 3] > 100) return x;
+		return -1;
+	};
+	let first = -1;
+	let last = -1;
+	for (let y = 0; y < 100; y++) {
+		if (edge(y) < 0) continue;
+		if (first < 0) first = y;
+		last = y;
+	}
+	if (first < 0 || last - first < 8) return null;
+	const height = last - first;
+	const top = edge(first + Math.round(height * .2));
+	const bottom = edge(first + Math.round(height * .8));
+	return top < 0 || bottom < 0 ? null : top - bottom;
+}
+/**
+* True when `font` asks for italic but the canvas renders it upright, so the
+* painter must slant it. Always false in a browser (it slants by itself) and
+* when the probe cannot tell (no ink): never guess.
+*/
+function needsSyntheticItalic(font) {
+	if (Konva.isBrowser || !ITALIC.test(font)) return false;
+	const probe = font.replace(SIZE, `${PROBE_SIZE}px`);
+	const hit = cache.get(probe);
+	if (hit !== void 0) return hit;
+	let result = false;
+	try {
+		const italic = slantOf(probe);
+		const upright = slantOf(probe.replace(/(^|\s)(italic|oblique)(?=\s)/, " ").trim());
+		result = italic !== null && upright !== null && italic - upright < MIN_SLANT;
+		if (italic === null || upright === null) return false;
+	} catch {
+		return false;
+	}
+	cache.set(probe, result);
+	return result;
+}
+//#endregion
 //#region src/nodes/text-v2/shape.ts
 const LAYOUT_ATTRS = [
 	"text",
@@ -15707,17 +15775,34 @@ var WeaveTextV2Shape = class extends Konva.Shape {
 			ctx.setAttr("font", mk.font);
 			this.fillText(ctx, mk.text, mk.x, y, mk.color);
 		}
-		for (const seg of line.segments) {
-			ctx.setAttr("font", seg.font);
-			const x = line.offsetX + seg.x;
-			const isLink = !this.attrs.link && isSafeLink(seg.m?.link);
-			let color = typeof seg.m?.color === "string" ? seg.m.color : void 0;
-			if (isLink) color = this.hoveredRun === `${line.paragraph}:${seg.run}` ? this.linkStyle.hoverColor : this.linkStyle.color;
+		for (const seg of line.segments) this.paintRun(ctx, line, seg, y);
+		if (decoration.includes("line-through")) this.strokeDecoration(ctx, line, y - Math.round(fontSize / 4));
+		ctx.restore();
+	}
+	/** Colour of a run: link colours win, then the `color` mark. */
+	runColor(line, seg) {
+		if (!this.attrs.link && isSafeLink(seg.m?.link)) return this.hoveredRun === `${line.paragraph}:${seg.run}` ? this.linkStyle.hoverColor : this.linkStyle.color;
+		return typeof seg.m?.color === "string" ? seg.m.color : void 0;
+	}
+	paintRun(ctx, line, seg, y) {
+		ctx.setAttr("font", seg.font);
+		const x = line.offsetX + seg.x;
+		const color = this.runColor(line, seg);
+		const isLink = !this.attrs.link && isSafeLink(seg.m?.link);
+		const offset = Math.round(seg.fontSize / 4);
+		this.paintGlyphs(ctx, seg, x, y, color);
+		if (seg.m?.underline || isLink) this.strokeSegment(ctx, seg, x, y + offset, color);
+		if (seg.m?.strike) this.strokeSegment(ctx, seg, x, y - offset, color);
+	}
+	/** Glyphs of a run; slanted here when the server canvas has no italic face. */
+	paintGlyphs(ctx, seg, x, y, color) {
+		if (!needsSyntheticItalic(seg.font)) {
 			this.paintSegment(ctx, seg, x, y, color);
-			if (seg.m?.underline || isLink) this.strokeSegment(ctx, seg, x, y + Math.round(seg.fontSize / 4), color);
-			if (seg.m?.strike) this.strokeSegment(ctx, seg, x, y - Math.round(seg.fontSize / 4), color);
+			return;
 		}
-		if (decoration.includes("line-through")) this.strokeDecoration(ctx, line, y - Math.round(fontSize / 4));
+		ctx.save();
+		ctx.transform(1, 0, -.25, 1, SYNTHETIC_ITALIC_SKEW * y, 0);
+		this.paintSegment(ctx, seg, x, y, color);
 		ctx.restore();
 	}
 	strokeDecoration(ctx, line, y) {
@@ -16277,6 +16362,7 @@ var TextEditSession = class {
 			capture: true
 		});
 		window.addEventListener("pointermove", this.onPointerMove, { signal });
+		this.host.container.style.cursor = "text";
 		window.addEventListener("pointerup", this.onPointerUp, { signal });
 		window.addEventListener("mousedown", this.onMouseDown, {
 			signal,
@@ -16307,6 +16393,7 @@ var TextEditSession = class {
 		this.abort.abort();
 		clearInterval(this.blinkTimer);
 		clearTimeout(this.pendingTimer);
+		if (this.host.container.style.cursor === "text") this.host.container.style.cursor = "default";
 		this.textarea?.remove();
 		this.textarea = null;
 		const layer = this.overlay?.getLayer();
@@ -16666,7 +16753,21 @@ var TextEditSession = class {
 		};
 		return n;
 	}
+	/**
+	* I-beam over the text box, like a text field. The canvas has no element to
+	* give the browser a cursor, so it is set on the stage container; anything
+	* outside the box (where a click leaves edit mode) gets the default one.
+	*/
+	updateCursor(e) {
+		if (e.pointerType && e.pointerType !== "mouse") return;
+		if (this.isKeepTarget(e)) return;
+		const style = this.host.container.style;
+		if (this.dragging || this.isInside(this.toLocal(e))) {
+			if (style.cursor !== "text") style.cursor = "text";
+		} else if (style.cursor === "text") style.cursor = "default";
+	}
 	onPointerMove = (e) => {
+		this.updateCursor(e);
 		if (!this.dragging) return;
 		const local = this.toLocal(e);
 		const offset = offsetFromPoint(this.target.getLayout(), local, this.target.measure);
@@ -34756,7 +34857,7 @@ var WeaveNodesSnappingCustomGuides = class {
 		else guides = metadata.guides;
 		return guides;
 	}
-	async initialize() {
+	initialize() {
 		if (this.config.persistence.enabled) {
 			const metadata = this.instance.getMetadata();
 			const persistedGuides = this.extractGuidesFromMetadata(metadata);
@@ -36277,15 +36378,12 @@ var WeaveNodesSnappingPlugin = class extends WeavePlugin {
 	register(instance) {
 		super.register(instance);
 		const hooks = this.instance.getHooks();
-		hooks.hook("weave:onNodeDragStart", ({ node }) => {
-			let containerId = "";
-			if (node.getAttrs().containerId) containerId = node.id();
-			if (node && this.snappingManagerCustomGuides.isCustomGuidesVisible(containerId)) this.snappingManagerCustomGuides.hideCustomGuides(node.id());
-		});
-		hooks.hook("weave:onNodeDragEnd", ({ node }) => {
-			let containerId = "";
-			if (node.getAttrs().containerId) containerId = node.id();
-			if (node && this.snappingManagerCustomGuides.isCustomGuidesVisible(containerId)) this.snappingManagerCustomGuides.renderCustomGuides(node.id());
+		const guidedContainers = (nodes) => nodes.filter((node) => node.getAttrs().containerId && this.snappingManagerCustomGuides.isCustomGuidesVisible(node.id()));
+		hooks.hook("weave:onTransformerDragStart", ({ nodes }) => {
+			for (const node of guidedContainers(nodes)) this.snappingManagerCustomGuides.hideCustomGuides(node.id());
+		});
+		hooks.hook("weave:onTransformerDragEnd", ({ nodes }) => {
+			for (const node of guidedContainers(nodes)) this.snappingManagerCustomGuides.renderCustomGuides(node.id());
 		});
 		return this;
 	}

package/dist/sdk.node.js

@@ -9538,7 +9538,7 @@ var WeaveRegisterManager = class {
 };
 //#endregion
 //#region package.json
-var version = "5.7.0-SNAPSHOT.599.1";
+var version = "5.7.0-SNAPSHOT.601.1";
 //#endregion
 //#region src/managers/setup.ts
 var WeaveSetupManager = class {
@@ -14923,7 +14923,7 @@ function normalizeFontFamily(fontFamily) {
 	}).join(", ");
 }
 function fontString(s) {
-	return `${s.fontStyle} ${s.fontVariant} ${s.fontSize}px ${normalizeFontFamily(s.fontFamily)}`;
+	return `${[...`${s.fontStyle} ${s.fontVariant}`.split(/\s+/).filter((token) => token !== "" && token !== "normal"), `${s.fontSize}px`].join(" ")} ${normalizeFontFamily(s.fontFamily)}`;
 }
 /** Style of a run: node style overridden by the run marks. */
 function runStyle(style, m) {
@@ -15373,6 +15373,74 @@ var TextLayoutEngine = class {
 	}
 };
 //#endregion
+//#region src/nodes/text-v2/layout/synthetic-italic.ts
+/**
+* Browsers slant ("synthesize") italic text when a font family has no italic
+* face. skia-canvas and node-canvas do not: the text comes out upright. This
+* module finds out, by rendering, whether an italic font really renders
+* slanted, so the painter can slant it itself on the server. It asks the
+* canvas, not the font library, so it works the same on every backend.
+*/
+/** Horizontal shear browsers use for a synthetic italic (about 14 degrees). */
+const SYNTHETIC_ITALIC_SKEW = .25;
+const PROBE_SIZE = 64;
+const PROBE_TEXT = "HIl";
+/** Min. shift (px at 64px) of the left edge between rows to count as slanted. */
+const MIN_SLANT = 3;
+const cache = /* @__PURE__ */ new Map();
+const ITALIC = /(^|\s)(italic|oblique)(\s|$)/;
+const SIZE = /\d+(\.\d+)?px/;
+function slantOf(font) {
+	const canvas = Konva.Util.createCanvasElement();
+	canvas.width = 160;
+	canvas.height = 100;
+	const ctx = canvas.getContext("2d");
+	if (!ctx) return null;
+	ctx.font = font;
+	ctx.fillStyle = "#000";
+	ctx.textBaseline = "alphabetic";
+	ctx.fillText(PROBE_TEXT, 10, 80);
+	const d = ctx.getImageData(0, 0, 160, 100).data;
+	const edge = (y) => {
+		for (let x = 0; x < 160; x++) if (d[(y * 160 + x) * 4 + 3] > 100) return x;
+		return -1;
+	};
+	let first = -1;
+	let last = -1;
+	for (let y = 0; y < 100; y++) {
+		if (edge(y) < 0) continue;
+		if (first < 0) first = y;
+		last = y;
+	}
+	if (first < 0 || last - first < 8) return null;
+	const height = last - first;
+	const top = edge(first + Math.round(height * .2));
+	const bottom = edge(first + Math.round(height * .8));
+	return top < 0 || bottom < 0 ? null : top - bottom;
+}
+/**
+* True when `font` asks for italic but the canvas renders it upright, so the
+* painter must slant it. Always false in a browser (it slants by itself) and
+* when the probe cannot tell (no ink): never guess.
+*/
+function needsSyntheticItalic(font) {
+	if (Konva.isBrowser || !ITALIC.test(font)) return false;
+	const probe = font.replace(SIZE, `${PROBE_SIZE}px`);
+	const hit = cache.get(probe);
+	if (hit !== void 0) return hit;
+	let result = false;
+	try {
+		const italic = slantOf(probe);
+		const upright = slantOf(probe.replace(/(^|\s)(italic|oblique)(?=\s)/, " ").trim());
+		result = italic !== null && upright !== null && italic - upright < MIN_SLANT;
+		if (italic === null || upright === null) return false;
+	} catch {
+		return false;
+	}
+	cache.set(probe, result);
+	return result;
+}
+//#endregion
 //#region src/nodes/text-v2/shape.ts
 const LAYOUT_ATTRS = [
 	"text",
@@ -15710,17 +15778,34 @@ var WeaveTextV2Shape = class extends Konva.Shape {
 			ctx.setAttr("font", mk.font);
 			this.fillText(ctx, mk.text, mk.x, y, mk.color);
 		}
-		for (const seg of line.segments) {
-			ctx.setAttr("font", seg.font);
-			const x = line.offsetX + seg.x;
-			const isLink = !this.attrs.link && isSafeLink(seg.m?.link);
-			let color = typeof seg.m?.color === "string" ? seg.m.color : void 0;
-			if (isLink) color = this.hoveredRun === `${line.paragraph}:${seg.run}` ? this.linkStyle.hoverColor : this.linkStyle.color;
+		for (const seg of line.segments) this.paintRun(ctx, line, seg, y);
+		if (decoration.includes("line-through")) this.strokeDecoration(ctx, line, y - Math.round(fontSize / 4));
+		ctx.restore();
+	}
+	/** Colour of a run: link colours win, then the `color` mark. */
+	runColor(line, seg) {
+		if (!this.attrs.link && isSafeLink(seg.m?.link)) return this.hoveredRun === `${line.paragraph}:${seg.run}` ? this.linkStyle.hoverColor : this.linkStyle.color;
+		return typeof seg.m?.color === "string" ? seg.m.color : void 0;
+	}
+	paintRun(ctx, line, seg, y) {
+		ctx.setAttr("font", seg.font);
+		const x = line.offsetX + seg.x;
+		const color = this.runColor(line, seg);
+		const isLink = !this.attrs.link && isSafeLink(seg.m?.link);
+		const offset = Math.round(seg.fontSize / 4);
+		this.paintGlyphs(ctx, seg, x, y, color);
+		if (seg.m?.underline || isLink) this.strokeSegment(ctx, seg, x, y + offset, color);
+		if (seg.m?.strike) this.strokeSegment(ctx, seg, x, y - offset, color);
+	}
+	/** Glyphs of a run; slanted here when the server canvas has no italic face. */
+	paintGlyphs(ctx, seg, x, y, color) {
+		if (!needsSyntheticItalic(seg.font)) {
 			this.paintSegment(ctx, seg, x, y, color);
-			if (seg.m?.underline || isLink) this.strokeSegment(ctx, seg, x, y + Math.round(seg.fontSize / 4), color);
-			if (seg.m?.strike) this.strokeSegment(ctx, seg, x, y - Math.round(seg.fontSize / 4), color);
+			return;
 		}
-		if (decoration.includes("line-through")) this.strokeDecoration(ctx, line, y - Math.round(fontSize / 4));
+		ctx.save();
+		ctx.transform(1, 0, -.25, 1, SYNTHETIC_ITALIC_SKEW * y, 0);
+		this.paintSegment(ctx, seg, x, y, color);
 		ctx.restore();
 	}
 	strokeDecoration(ctx, line, y) {
@@ -16280,6 +16365,7 @@ var TextEditSession = class {
 			capture: true
 		});
 		window.addEventListener("pointermove", this.onPointerMove, { signal });
+		this.host.container.style.cursor = "text";
 		window.addEventListener("pointerup", this.onPointerUp, { signal });
 		window.addEventListener("mousedown", this.onMouseDown, {
 			signal,
@@ -16310,6 +16396,7 @@ var TextEditSession = class {
 		this.abort.abort();
 		clearInterval(this.blinkTimer);
 		clearTimeout(this.pendingTimer);
+		if (this.host.container.style.cursor === "text") this.host.container.style.cursor = "default";
 		this.textarea?.remove();
 		this.textarea = null;
 		const layer = this.overlay?.getLayer();
@@ -16669,7 +16756,21 @@ var TextEditSession = class {
 		};
 		return n;
 	}
+	/**
+	* I-beam over the text box, like a text field. The canvas has no element to
+	* give the browser a cursor, so it is set on the stage container; anything
+	* outside the box (where a click leaves edit mode) gets the default one.
+	*/
+	updateCursor(e) {
+		if (e.pointerType && e.pointerType !== "mouse") return;
+		if (this.isKeepTarget(e)) return;
+		const style = this.host.container.style;
+		if (this.dragging || this.isInside(this.toLocal(e))) {
+			if (style.cursor !== "text") style.cursor = "text";
+		} else if (style.cursor === "text") style.cursor = "default";
+	}
 	onPointerMove = (e) => {
+		this.updateCursor(e);
 		if (!this.dragging) return;
 		const local = this.toLocal(e);
 		const offset = offsetFromPoint(this.target.getLayout(), local, this.target.measure);
@@ -34780,7 +34881,7 @@ var WeaveNodesSnappingCustomGuides = class {
 		else guides = metadata.guides;
 		return guides;
 	}
-	async initialize() {
+	initialize() {
 		if (this.config.persistence.enabled) {
 			const metadata = this.instance.getMetadata();
 			const persistedGuides = this.extractGuidesFromMetadata(metadata);
@@ -36301,15 +36402,12 @@ var WeaveNodesSnappingPlugin = class extends WeavePlugin {
 	register(instance) {
 		super.register(instance);
 		const hooks = this.instance.getHooks();
-		hooks.hook("weave:onNodeDragStart", ({ node }) => {
-			let containerId = "";
-			if (node.getAttrs().containerId) containerId = node.id();
-			if (node && this.snappingManagerCustomGuides.isCustomGuidesVisible(containerId)) this.snappingManagerCustomGuides.hideCustomGuides(node.id());
-		});
-		hooks.hook("weave:onNodeDragEnd", ({ node }) => {
-			let containerId = "";
-			if (node.getAttrs().containerId) containerId = node.id();
-			if (node && this.snappingManagerCustomGuides.isCustomGuidesVisible(containerId)) this.snappingManagerCustomGuides.renderCustomGuides(node.id());
+		const guidedContainers = (nodes) => nodes.filter((node) => node.getAttrs().containerId && this.snappingManagerCustomGuides.isCustomGuidesVisible(node.id()));
+		hooks.hook("weave:onTransformerDragStart", ({ nodes }) => {
+			for (const node of guidedContainers(nodes)) this.snappingManagerCustomGuides.hideCustomGuides(node.id());
+		});
+		hooks.hook("weave:onTransformerDragEnd", ({ nodes }) => {
+			for (const node of guidedContainers(nodes)) this.snappingManagerCustomGuides.renderCustomGuides(node.id());
 		});
 		return this;
 	}