fabricjs-document-engine 1.2.0 → 1.3.0

package/dist/text/shaping.cjs

@@ -0,0 +1,125 @@
+let fabric = require("fabric");
+//#region src/text/shaping.ts
+const CACHE_LIMIT = 4096;
+const widths = /* @__PURE__ */ new Map();
+let measuringContext;
+function context() {
+	measuringContext ?? (measuringContext = fabric.util.createCanvasElement().getContext("2d"));
+	return measuringContext;
+}
+function measure(ctx, font, text) {
+	if (text === "") return 0;
+	const key = `${font}\u0000${text}`;
+	const known = widths.get(key);
+	if (known !== void 0) {
+		widths.delete(key);
+		widths.set(key, known);
+		return known;
+	}
+	const width = ctx.measureText(text).width;
+	widths.set(key, width);
+	if (widths.size > CACHE_LIMIT) widths.delete(widths.keys().next().value);
+	return width;
+}
+function drawsJoinedRuns(text) {
+	const self = text;
+	return !self.path && self.charSpacing === 0 && !self.textAlign.includes("justify");
+}
+const isSpace = (grapheme) => /\s/.test(grapheme);
+function runLefts(ctx, font, graphemes, start, end, scale) {
+	const lefts = new Array(end - start + 1);
+	let segmentStart = start;
+	let segmentLeft = 0;
+	for (let index = start; index < end; index += 1) {
+		if (index > start && isSpace(graphemes[index]) !== isSpace(graphemes[index - 1])) {
+			segmentStart = index;
+			segmentLeft = measure(ctx, font, graphemes.slice(start, index).join(""));
+		}
+		lefts[index - start] = (segmentLeft + measure(ctx, font, graphemes.slice(segmentStart, index).join(""))) * scale;
+	}
+	lefts[end - start] = measure(ctx, font, graphemes.slice(start, end).join("")) * scale;
+	return lefts;
+}
+function styleRuns(text, lineIndex, length) {
+	const self = text;
+	const runs = [];
+	let start = 0;
+	let style = self.getCompleteStyleDeclaration(lineIndex, 0);
+	for (let index = 1; index <= length; index += 1) {
+		const next = index < length ? self.getCompleteStyleDeclaration(lineIndex, index) : void 0;
+		if (!next || fabric.util.hasStyleChanged(style, next, false)) {
+			runs.push([
+				start,
+				index,
+				style
+			]);
+			start = index;
+			if (next) style = next;
+		}
+	}
+	return runs;
+}
+function shapeLine(text, lineIndex, measured) {
+	if (!drawsJoinedRuns(text)) return measured;
+	const self = text;
+	const graphemes = self._textLines[lineIndex] ?? [];
+	const bounds = self.__charBounds[lineIndex];
+	if (!bounds || graphemes.length === 0) return measured;
+	const ctx = context();
+	let runLeft = 0;
+	for (const [start, end, style] of styleRuns(text, lineIndex, graphemes.length)) {
+		self._setTextStyles(ctx, style, true);
+		const lefts = runLefts(ctx, ctx.font, graphemes, start, end, style.fontSize / self.CACHE_FONT_SIZE);
+		for (let index = start; index < end; index += 1) {
+			const box = bounds[index];
+			box.left = runLeft + lefts[index - start];
+			box.width = box.kernedWidth = lefts[index - start + 1] - lefts[index - start];
+		}
+		runLeft += lefts[end - start];
+	}
+	const last = bounds[graphemes.length];
+	if (last) last.left = runLeft;
+	return {
+		width: runLeft,
+		numOfSpaces: measured.numOfSpaces
+	};
+}
+function shapeWord(text, word, lineIndex, charOffset, fallback) {
+	if (!drawsJoinedRuns(text) || word.length === 0) return fallback;
+	const self = text;
+	const ctx = context();
+	let width = 0;
+	let start = 0;
+	let style = self.getCompleteStyleDeclaration(lineIndex, charOffset);
+	for (let index = 1; index <= word.length; index += 1) {
+		const next = index < word.length ? self.getCompleteStyleDeclaration(lineIndex, charOffset + index) : void 0;
+		if (!next || fabric.util.hasStyleChanged(style, next, false)) {
+			self._setTextStyles(ctx, style, true);
+			width += measure(ctx, ctx.font, word.slice(start, index).join("")) * style.fontSize / self.CACHE_FONT_SIZE;
+			start = index;
+			if (next) style = next;
+		}
+	}
+	return width;
+}
+var ShapedIText = class extends fabric.IText {
+	_measureLine(lineIndex) {
+		return shapeLine(this, lineIndex, super._measureLine(lineIndex));
+	}
+};
+ShapedIText.type = "ShapedIText";
+var ShapedTextbox = class extends fabric.Textbox {
+	_measureLine(lineIndex) {
+		return shapeLine(this, lineIndex, super._measureLine(lineIndex));
+	}
+	_measureWord(word, lineIndex, charOffset = 0) {
+		return shapeWord(this, word, lineIndex, charOffset, super._measureWord(word, lineIndex, charOffset));
+	}
+};
+ShapedTextbox.type = "ShapedTextbox";
+//#endregion
+exports.ShapedIText = ShapedIText;
+exports.ShapedTextbox = ShapedTextbox;
+exports.drawsJoinedRuns = drawsJoinedRuns;
+exports.shapeLine = shapeLine;
+exports.shapeWord = shapeWord;

package/dist/text/shaping.d.cts

@@ -0,0 +1,28 @@
+import { IText, Textbox } from "fabric";
+//#region src/text/shaping.d.ts
+export type AnyText = object;
+export declare function drawsJoinedRuns(text: AnyText): boolean;
+export declare function shapeLine(text: AnyText, lineIndex: number, measured: {
+  width: number;
+  numOfSpaces: number;
+}): {
+  width: number;
+  numOfSpaces: number;
+};
+export declare function shapeWord(text: AnyText, word: readonly string[], lineIndex: number, charOffset: number, fallback: number): number;
+export declare class ShapedIText extends IText {
+  static override type: string;
+  override _measureLine(lineIndex: number): {
+    width: number;
+    numOfSpaces: number;
+  };
+}
+export declare class ShapedTextbox extends Textbox {
+  static override type: string;
+  override _measureLine(lineIndex: number): {
+    width: number;
+    numOfSpaces: number;
+  };
+  override _measureWord(word: string[], lineIndex: number, charOffset?: number): number;
+}
+//#endregion

package/dist/text/shaping.d.ts

@@ -0,0 +1,28 @@
+import { IText, Textbox } from "fabric";
+//#region src/text/shaping.d.ts
+export type AnyText = object;
+export declare function drawsJoinedRuns(text: AnyText): boolean;
+export declare function shapeLine(text: AnyText, lineIndex: number, measured: {
+  width: number;
+  numOfSpaces: number;
+}): {
+  width: number;
+  numOfSpaces: number;
+};
+export declare function shapeWord(text: AnyText, word: readonly string[], lineIndex: number, charOffset: number, fallback: number): number;
+export declare class ShapedIText extends IText {
+  static override type: string;
+  override _measureLine(lineIndex: number): {
+    width: number;
+    numOfSpaces: number;
+  };
+}
+export declare class ShapedTextbox extends Textbox {
+  static override type: string;
+  override _measureLine(lineIndex: number): {
+    width: number;
+    numOfSpaces: number;
+  };
+  override _measureWord(word: string[], lineIndex: number, charOffset?: number): number;
+}
+//#endregion

package/dist/text/shaping.js

@@ -0,0 +1,121 @@
+import { IText, Textbox, util } from "fabric";
+//#region src/text/shaping.ts
+const CACHE_LIMIT = 4096;
+const widths = /* @__PURE__ */ new Map();
+let measuringContext;
+function context() {
+	measuringContext ?? (measuringContext = util.createCanvasElement().getContext("2d"));
+	return measuringContext;
+}
+function measure(ctx, font, text) {
+	if (text === "") return 0;
+	const key = `${font}\u0000${text}`;
+	const known = widths.get(key);
+	if (known !== void 0) {
+		widths.delete(key);
+		widths.set(key, known);
+		return known;
+	}
+	const width = ctx.measureText(text).width;
+	widths.set(key, width);
+	if (widths.size > CACHE_LIMIT) widths.delete(widths.keys().next().value);
+	return width;
+}
+function drawsJoinedRuns(text) {
+	const self = text;
+	return !self.path && self.charSpacing === 0 && !self.textAlign.includes("justify");
+}
+const isSpace = (grapheme) => /\s/.test(grapheme);
+function runLefts(ctx, font, graphemes, start, end, scale) {
+	const lefts = new Array(end - start + 1);
+	let segmentStart = start;
+	let segmentLeft = 0;
+	for (let index = start; index < end; index += 1) {
+		if (index > start && isSpace(graphemes[index]) !== isSpace(graphemes[index - 1])) {
+			segmentStart = index;
+			segmentLeft = measure(ctx, font, graphemes.slice(start, index).join(""));
+		}
+		lefts[index - start] = (segmentLeft + measure(ctx, font, graphemes.slice(segmentStart, index).join(""))) * scale;
+	}
+	lefts[end - start] = measure(ctx, font, graphemes.slice(start, end).join("")) * scale;
+	return lefts;
+}
+function styleRuns(text, lineIndex, length) {
+	const self = text;
+	const runs = [];
+	let start = 0;
+	let style = self.getCompleteStyleDeclaration(lineIndex, 0);
+	for (let index = 1; index <= length; index += 1) {
+		const next = index < length ? self.getCompleteStyleDeclaration(lineIndex, index) : void 0;
+		if (!next || util.hasStyleChanged(style, next, false)) {
+			runs.push([
+				start,
+				index,
+				style
+			]);
+			start = index;
+			if (next) style = next;
+		}
+	}
+	return runs;
+}
+function shapeLine(text, lineIndex, measured) {
+	if (!drawsJoinedRuns(text)) return measured;
+	const self = text;
+	const graphemes = self._textLines[lineIndex] ?? [];
+	const bounds = self.__charBounds[lineIndex];
+	if (!bounds || graphemes.length === 0) return measured;
+	const ctx = context();
+	let runLeft = 0;
+	for (const [start, end, style] of styleRuns(text, lineIndex, graphemes.length)) {
+		self._setTextStyles(ctx, style, true);
+		const lefts = runLefts(ctx, ctx.font, graphemes, start, end, style.fontSize / self.CACHE_FONT_SIZE);
+		for (let index = start; index < end; index += 1) {
+			const box = bounds[index];
+			box.left = runLeft + lefts[index - start];
+			box.width = box.kernedWidth = lefts[index - start + 1] - lefts[index - start];
+		}
+		runLeft += lefts[end - start];
+	}
+	const last = bounds[graphemes.length];
+	if (last) last.left = runLeft;
+	return {
+		width: runLeft,
+		numOfSpaces: measured.numOfSpaces
+	};
+}
+function shapeWord(text, word, lineIndex, charOffset, fallback) {
+	if (!drawsJoinedRuns(text) || word.length === 0) return fallback;
+	const self = text;
+	const ctx = context();
+	let width = 0;
+	let start = 0;
+	let style = self.getCompleteStyleDeclaration(lineIndex, charOffset);
+	for (let index = 1; index <= word.length; index += 1) {
+		const next = index < word.length ? self.getCompleteStyleDeclaration(lineIndex, charOffset + index) : void 0;
+		if (!next || util.hasStyleChanged(style, next, false)) {
+			self._setTextStyles(ctx, style, true);
+			width += measure(ctx, ctx.font, word.slice(start, index).join("")) * style.fontSize / self.CACHE_FONT_SIZE;
+			start = index;
+			if (next) style = next;
+		}
+	}
+	return width;
+}
+var ShapedIText = class extends IText {
+	_measureLine(lineIndex) {
+		return shapeLine(this, lineIndex, super._measureLine(lineIndex));
+	}
+};
+ShapedIText.type = "ShapedIText";
+var ShapedTextbox = class extends Textbox {
+	_measureLine(lineIndex) {
+		return shapeLine(this, lineIndex, super._measureLine(lineIndex));
+	}
+	_measureWord(word, lineIndex, charOffset = 0) {
+		return shapeWord(this, word, lineIndex, charOffset, super._measureWord(word, lineIndex, charOffset));
+	}
+};
+ShapedTextbox.type = "ShapedTextbox";
+//#endregion
+export { ShapedIText, ShapedTextbox, drawsJoinedRuns, shapeLine, shapeWord };

package/dist/text/vertical-orientation.cjs

@@ -0,0 +1,192 @@
+//#region src/text/vertical-orientation.ts
+const Orientation = {
+	Upright: 0,
+	Rotated: 1,
+	UprightShifted: 2
+};
+const U = Orientation.Upright;
+const R = Orientation.Rotated;
+const T = Orientation.UprightShifted;
+const RANGES = [
+	[0, R],
+	[167, U],
+	[168, R],
+	[169, U],
+	[170, R],
+	[174, U],
+	[175, R],
+	[177, U],
+	[178, R],
+	[188, U],
+	[191, R],
+	[215, U],
+	[216, R],
+	[247, U],
+	[248, R],
+	[746, U],
+	[748, R],
+	[4352, U],
+	[4608, R],
+	[5121, U],
+	[5760, R],
+	[6320, U],
+	[6400, R],
+	[8214, U],
+	[8215, R],
+	[8224, U],
+	[8226, R],
+	[8240, U],
+	[8242, R],
+	[8251, U],
+	[8253, R],
+	[8258, U],
+	[8259, R],
+	[8263, U],
+	[8266, R],
+	[8273, U],
+	[8274, R],
+	[8413, U],
+	[8417, R],
+	[8448, U],
+	[8450, R],
+	[8451, U],
+	[8458, R],
+	[8463, U],
+	[8464, R],
+	[8467, U],
+	[8469, R],
+	[8470, U],
+	[8472, R],
+	[8478, U],
+	[8484, R],
+	[8485, U],
+	[8486, R],
+	[8487, U],
+	[8488, R],
+	[8489, U],
+	[8490, R],
+	[8494, U],
+	[8495, R],
+	[8501, U],
+	[8512, R],
+	[8517, U],
+	[8523, R],
+	[8524, U],
+	[8526, R],
+	[8527, U],
+	[8586, R],
+	[8588, U],
+	[8592, R],
+	[8734, U],
+	[8735, R],
+	[8756, U],
+	[8758, R],
+	[8960, U],
+	[8968, R],
+	[8972, U],
+	[8992, R],
+	[8996, U],
+	[9001, R],
+	[9003, U],
+	[9004, R],
+	[9085, U],
+	[9115, R],
+	[9150, U],
+	[9166, R],
+	[9167, U],
+	[9168, R],
+	[9169, U],
+	[9180, R],
+	[9186, U],
+	[9251, R],
+	[9252, U],
+	[9472, R],
+	[9632, U],
+	[9754, R],
+	[9760, U],
+	[10088, R],
+	[10102, U],
+	[10132, R],
+	[11026, U],
+	[11056, R],
+	[11088, U],
+	[11098, R],
+	[11192, U],
+	[11264, R],
+	[11904, U],
+	[12289, T],
+	[12291, U],
+	[12296, R],
+	[12306, U],
+	[12308, R],
+	[12320, U],
+	[12336, R],
+	[12337, U],
+	[12448, R],
+	[12449, U],
+	[12540, R],
+	[12541, U],
+	[42192, R],
+	[43360, U],
+	[43392, R],
+	[44032, U],
+	[55296, R],
+	[57344, U],
+	[64256, R],
+	[65040, U],
+	[65056, R],
+	[65072, U],
+	[65104, T],
+	[65107, U],
+	[65112, R],
+	[65119, U],
+	[65123, R],
+	[65124, U],
+	[65127, R],
+	[65128, U],
+	[65136, R],
+	[65281, U],
+	[65288, R],
+	[65290, U],
+	[65292, T],
+	[65293, R],
+	[65294, T],
+	[65295, U],
+	[65306, R],
+	[65311, U],
+	[65339, R],
+	[65340, U],
+	[65341, R],
+	[65342, U],
+	[65343, R],
+	[65344, U],
+	[65371, R],
+	[65377, R],
+	[65504, U],
+	[65507, R],
+	[65508, U],
+	[65512, R],
+	[126976, U],
+	[129792, R],
+	[131072, U],
+	[262142, R]
+];
+const starts = Uint32Array.from(RANGES, ([start]) => start);
+const classes = Uint8Array.from(RANGES, ([, orientation]) => orientation);
+function orientationOfCodePoint(codePoint) {
+	let low = 0;
+	let high = starts.length - 1;
+	while (low < high) {
+		const middle = low + high + 1 >> 1;
+		if (starts[middle] <= codePoint) low = middle;
+		else high = middle - 1;
+	}
+	return classes[low];
+}
+function orientationOf(grapheme) {
+	return grapheme === "" ? Orientation.Rotated : orientationOfCodePoint(grapheme.codePointAt(0));
+}
+//#endregion
+exports.Orientation = Orientation;
+exports.orientationOf = orientationOf;
+exports.orientationOfCodePoint = orientationOfCodePoint;

package/dist/text/vertical-orientation.d.cts

@@ -0,0 +1,10 @@
+//#region src/text/vertical-orientation.d.ts
+export declare const Orientation: {
+  readonly Upright: 0;
+  readonly Rotated: 1;
+  readonly UprightShifted: 2;
+};
+export type Orientation = (typeof Orientation)[keyof typeof Orientation];
+export declare function orientationOfCodePoint(codePoint: number): Orientation;
+export declare function orientationOf(grapheme: string): Orientation;
+//#endregion

package/dist/text/vertical-orientation.d.ts

@@ -0,0 +1,10 @@
+//#region src/text/vertical-orientation.d.ts
+export declare const Orientation: {
+  readonly Upright: 0;
+  readonly Rotated: 1;
+  readonly UprightShifted: 2;
+};
+export type Orientation = (typeof Orientation)[keyof typeof Orientation];
+export declare function orientationOfCodePoint(codePoint: number): Orientation;
+export declare function orientationOf(grapheme: string): Orientation;
+//#endregion

package/dist/text/vertical-orientation.js

@@ -0,0 +1,190 @@
+//#region src/text/vertical-orientation.ts
+const Orientation = {
+	Upright: 0,
+	Rotated: 1,
+	UprightShifted: 2
+};
+const U = Orientation.Upright;
+const R = Orientation.Rotated;
+const T = Orientation.UprightShifted;
+const RANGES = [
+	[0, R],
+	[167, U],
+	[168, R],
+	[169, U],
+	[170, R],
+	[174, U],
+	[175, R],
+	[177, U],
+	[178, R],
+	[188, U],
+	[191, R],
+	[215, U],
+	[216, R],
+	[247, U],
+	[248, R],
+	[746, U],
+	[748, R],
+	[4352, U],
+	[4608, R],
+	[5121, U],
+	[5760, R],
+	[6320, U],
+	[6400, R],
+	[8214, U],
+	[8215, R],
+	[8224, U],
+	[8226, R],
+	[8240, U],
+	[8242, R],
+	[8251, U],
+	[8253, R],
+	[8258, U],
+	[8259, R],
+	[8263, U],
+	[8266, R],
+	[8273, U],
+	[8274, R],
+	[8413, U],
+	[8417, R],
+	[8448, U],
+	[8450, R],
+	[8451, U],
+	[8458, R],
+	[8463, U],
+	[8464, R],
+	[8467, U],
+	[8469, R],
+	[8470, U],
+	[8472, R],
+	[8478, U],
+	[8484, R],
+	[8485, U],
+	[8486, R],
+	[8487, U],
+	[8488, R],
+	[8489, U],
+	[8490, R],
+	[8494, U],
+	[8495, R],
+	[8501, U],
+	[8512, R],
+	[8517, U],
+	[8523, R],
+	[8524, U],
+	[8526, R],
+	[8527, U],
+	[8586, R],
+	[8588, U],
+	[8592, R],
+	[8734, U],
+	[8735, R],
+	[8756, U],
+	[8758, R],
+	[8960, U],
+	[8968, R],
+	[8972, U],
+	[8992, R],
+	[8996, U],
+	[9001, R],
+	[9003, U],
+	[9004, R],
+	[9085, U],
+	[9115, R],
+	[9150, U],
+	[9166, R],
+	[9167, U],
+	[9168, R],
+	[9169, U],
+	[9180, R],
+	[9186, U],
+	[9251, R],
+	[9252, U],
+	[9472, R],
+	[9632, U],
+	[9754, R],
+	[9760, U],
+	[10088, R],
+	[10102, U],
+	[10132, R],
+	[11026, U],
+	[11056, R],
+	[11088, U],
+	[11098, R],
+	[11192, U],
+	[11264, R],
+	[11904, U],
+	[12289, T],
+	[12291, U],
+	[12296, R],
+	[12306, U],
+	[12308, R],
+	[12320, U],
+	[12336, R],
+	[12337, U],
+	[12448, R],
+	[12449, U],
+	[12540, R],
+	[12541, U],
+	[42192, R],
+	[43360, U],
+	[43392, R],
+	[44032, U],
+	[55296, R],
+	[57344, U],
+	[64256, R],
+	[65040, U],
+	[65056, R],
+	[65072, U],
+	[65104, T],
+	[65107, U],
+	[65112, R],
+	[65119, U],
+	[65123, R],
+	[65124, U],
+	[65127, R],
+	[65128, U],
+	[65136, R],
+	[65281, U],
+	[65288, R],
+	[65290, U],
+	[65292, T],
+	[65293, R],
+	[65294, T],
+	[65295, U],
+	[65306, R],
+	[65311, U],
+	[65339, R],
+	[65340, U],
+	[65341, R],
+	[65342, U],
+	[65343, R],
+	[65344, U],
+	[65371, R],
+	[65377, R],
+	[65504, U],
+	[65507, R],
+	[65508, U],
+	[65512, R],
+	[126976, U],
+	[129792, R],
+	[131072, U],
+	[262142, R]
+];
+const starts = Uint32Array.from(RANGES, ([start]) => start);
+const classes = Uint8Array.from(RANGES, ([, orientation]) => orientation);
+function orientationOfCodePoint(codePoint) {
+	let low = 0;
+	let high = starts.length - 1;
+	while (low < high) {
+		const middle = low + high + 1 >> 1;
+		if (starts[middle] <= codePoint) low = middle;
+		else high = middle - 1;
+	}
+	return classes[low];
+}
+function orientationOf(grapheme) {
+	return grapheme === "" ? Orientation.Rotated : orientationOfCodePoint(grapheme.codePointAt(0));
+}
+//#endregion
+export { Orientation, orientationOf, orientationOfCodePoint };