@nasser-sw/fabric 7.0.1-beta16 → 7.0.1-beta17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.claude/settings.local.json +7 -0
- package/dist/index.js +1982 -649
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/dist/index.min.mjs +1 -1
- package/dist/index.min.mjs.map +1 -1
- package/dist/index.mjs +1982 -649
- package/dist/index.mjs.map +1 -1
- package/dist/index.node.cjs +1982 -649
- package/dist/index.node.cjs.map +1 -1
- package/dist/index.node.mjs +1982 -649
- package/dist/index.node.mjs.map +1 -1
- package/dist/package.json.min.mjs +1 -1
- package/dist/package.json.mjs +1 -1
- package/dist/src/shapes/IText/IText.d.ts +31 -6
- package/dist/src/shapes/IText/IText.d.ts.map +1 -1
- package/dist/src/shapes/IText/IText.min.mjs +1 -1
- package/dist/src/shapes/IText/IText.min.mjs.map +1 -1
- package/dist/src/shapes/IText/IText.mjs +495 -126
- package/dist/src/shapes/IText/IText.mjs.map +1 -1
- package/dist/src/shapes/IText/ITextBehavior.d.ts +12 -0
- package/dist/src/shapes/IText/ITextBehavior.d.ts.map +1 -1
- package/dist/src/shapes/IText/ITextBehavior.min.mjs +1 -1
- package/dist/src/shapes/IText/ITextBehavior.min.mjs.map +1 -1
- package/dist/src/shapes/IText/ITextBehavior.mjs +127 -36
- package/dist/src/shapes/IText/ITextBehavior.mjs.map +1 -1
- package/dist/src/shapes/IText/ITextClickBehavior.d.ts.map +1 -1
- package/dist/src/shapes/IText/ITextClickBehavior.min.mjs +1 -1
- package/dist/src/shapes/IText/ITextClickBehavior.min.mjs.map +1 -1
- package/dist/src/shapes/IText/ITextClickBehavior.mjs +21 -4
- package/dist/src/shapes/IText/ITextClickBehavior.mjs.map +1 -1
- package/dist/src/shapes/IText/ITextKeyBehavior.min.mjs +1 -1
- package/dist/src/shapes/IText/ITextKeyBehavior.min.mjs.map +1 -1
- package/dist/src/shapes/IText/ITextKeyBehavior.mjs +17 -21
- package/dist/src/shapes/IText/ITextKeyBehavior.mjs.map +1 -1
- package/dist/src/shapes/Text/Text.d.ts +69 -1
- package/dist/src/shapes/Text/Text.d.ts.map +1 -1
- package/dist/src/shapes/Text/Text.min.mjs +1 -1
- package/dist/src/shapes/Text/Text.min.mjs.map +1 -1
- package/dist/src/shapes/Text/Text.mjs +374 -60
- package/dist/src/shapes/Text/Text.mjs.map +1 -1
- package/dist/src/shapes/Text/constants.d.ts.map +1 -1
- package/dist/src/shapes/Text/constants.min.mjs +1 -1
- package/dist/src/shapes/Text/constants.min.mjs.map +1 -1
- package/dist/src/shapes/Text/constants.mjs +2 -1
- package/dist/src/shapes/Text/constants.mjs.map +1 -1
- package/dist/src/shapes/Textbox.d.ts +8 -1
- package/dist/src/shapes/Textbox.d.ts.map +1 -1
- package/dist/src/shapes/Textbox.min.mjs +1 -1
- package/dist/src/shapes/Textbox.min.mjs.map +1 -1
- package/dist/src/shapes/Textbox.mjs +406 -63
- package/dist/src/shapes/Textbox.mjs.map +1 -1
- package/dist/src/text/hitTest.min.mjs +1 -1
- package/dist/src/text/hitTest.min.mjs.map +1 -1
- package/dist/src/text/hitTest.mjs +1 -198
- package/dist/src/text/hitTest.mjs.map +1 -1
- package/dist/src/text/layout.min.mjs +1 -1
- package/dist/src/text/layout.min.mjs.map +1 -1
- package/dist/src/text/layout.mjs +122 -5
- package/dist/src/text/layout.mjs.map +1 -1
- package/dist/src/text/overlayEditor.min.mjs +1 -1
- package/dist/src/text/overlayEditor.min.mjs.map +1 -1
- package/dist/src/text/overlayEditor.mjs +132 -142
- package/dist/src/text/overlayEditor.mjs.map +1 -1
- package/dist/src/text/unicode.d.ts +28 -0
- package/dist/src/text/unicode.d.ts.map +1 -1
- package/dist/src/text/unicode.min.mjs +1 -1
- package/dist/src/text/unicode.min.mjs.map +1 -1
- package/dist/src/text/unicode.mjs +294 -1
- package/dist/src/text/unicode.mjs.map +1 -1
- package/dist-extensions/src/shapes/IText/IText.d.ts +31 -6
- package/dist-extensions/src/shapes/IText/IText.d.ts.map +1 -1
- package/dist-extensions/src/shapes/IText/ITextBehavior.d.ts +12 -0
- package/dist-extensions/src/shapes/IText/ITextBehavior.d.ts.map +1 -1
- package/dist-extensions/src/shapes/IText/ITextClickBehavior.d.ts.map +1 -1
- package/dist-extensions/src/shapes/Text/Text.d.ts +69 -1
- package/dist-extensions/src/shapes/Text/Text.d.ts.map +1 -1
- package/dist-extensions/src/shapes/Text/constants.d.ts.map +1 -1
- package/dist-extensions/src/shapes/Textbox.d.ts +8 -1
- package/dist-extensions/src/shapes/Textbox.d.ts.map +1 -1
- package/dist-extensions/src/text/unicode.d.ts +28 -0
- package/dist-extensions/src/text/unicode.d.ts.map +1 -1
- package/package.json +164 -164
- package/rtl-debug.html +358 -200
- package/src/shapes/IText/IText.ts +524 -110
- package/src/shapes/IText/ITextBehavior.ts +174 -80
- package/src/shapes/IText/ITextClickBehavior.ts +20 -6
- package/src/shapes/IText/ITextKeyBehavior.ts +15 -15
- package/src/shapes/Text/Text.ts +488 -107
- package/src/shapes/Text/constants.ts +4 -2
- package/src/shapes/Textbox.ts +414 -65
- package/src/text/layout.ts +150 -23
- package/src/text/overlayEditor.ts +148 -148
- package/src/text/unicode.ts +177 -2
|
@@ -7,50 +7,6 @@ import '../config.mjs';
|
|
|
7
7
|
* for interactive text editing with grapheme-aware boundaries.
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
|
-
/**
|
|
11
|
-
* Hit test a point against laid out text to find insertion position
|
|
12
|
-
*/
|
|
13
|
-
function hitTest(x, y, layout, options) {
|
|
14
|
-
if (layout.lines.length === 0) {
|
|
15
|
-
return {
|
|
16
|
-
lineIndex: 0,
|
|
17
|
-
charIndex: 0,
|
|
18
|
-
graphemeIndex: 0,
|
|
19
|
-
isAtLineEnd: true,
|
|
20
|
-
isAtTextEnd: true,
|
|
21
|
-
insertionIndex: 0
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
// Find the line containing the y coordinate
|
|
26
|
-
const lineResult = findLineAtY(y, layout.lines);
|
|
27
|
-
const line = layout.lines[lineResult.lineIndex];
|
|
28
|
-
if (!line || line.bounds.length === 0) {
|
|
29
|
-
return {
|
|
30
|
-
lineIndex: lineResult.lineIndex,
|
|
31
|
-
charIndex: 0,
|
|
32
|
-
graphemeIndex: 0,
|
|
33
|
-
isAtLineEnd: true,
|
|
34
|
-
isAtTextEnd: lineResult.lineIndex >= layout.lines.length - 1,
|
|
35
|
-
insertionIndex: calculateInsertionIndex(lineResult.lineIndex, 0, layout)
|
|
36
|
-
};
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
// Find the character position within the line
|
|
40
|
-
const charResult = findCharAtX(x, line);
|
|
41
|
-
|
|
42
|
-
// Calculate total insertion index
|
|
43
|
-
const insertionIndex = calculateInsertionIndex(lineResult.lineIndex, charResult.graphemeIndex, layout);
|
|
44
|
-
return {
|
|
45
|
-
lineIndex: lineResult.lineIndex,
|
|
46
|
-
charIndex: charResult.charIndex,
|
|
47
|
-
graphemeIndex: charResult.graphemeIndex,
|
|
48
|
-
isAtLineEnd: charResult.isAtLineEnd,
|
|
49
|
-
isAtTextEnd: lineResult.lineIndex >= layout.lines.length - 1 && charResult.isAtLineEnd,
|
|
50
|
-
insertionIndex,
|
|
51
|
-
closestBound: charResult.closestBound
|
|
52
|
-
};
|
|
53
|
-
}
|
|
54
10
|
|
|
55
11
|
/**
|
|
56
12
|
* Get cursor rectangle for a given insertion index
|
|
@@ -98,159 +54,6 @@ function getCursorRect(insertionIndex, layout, options) {
|
|
|
98
54
|
};
|
|
99
55
|
}
|
|
100
56
|
|
|
101
|
-
// Private helper functions
|
|
102
|
-
|
|
103
|
-
/**
|
|
104
|
-
* Find which line contains the given Y coordinate
|
|
105
|
-
*/
|
|
106
|
-
function findLineAtY(y, lines) {
|
|
107
|
-
var _lines;
|
|
108
|
-
let currentY = 0;
|
|
109
|
-
for (let i = 0; i < lines.length; i++) {
|
|
110
|
-
const line = lines[i];
|
|
111
|
-
if (y >= currentY && y < currentY + line.height) {
|
|
112
|
-
return {
|
|
113
|
-
lineIndex: i,
|
|
114
|
-
offsetY: y - currentY
|
|
115
|
-
};
|
|
116
|
-
}
|
|
117
|
-
currentY += line.height;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
// Y is past all lines - return last line
|
|
121
|
-
return {
|
|
122
|
-
lineIndex: lines.length - 1,
|
|
123
|
-
offsetY: ((_lines = lines[lines.length - 1]) === null || _lines === void 0 ? void 0 : _lines.height) || 0
|
|
124
|
-
};
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
/**
|
|
128
|
-
* Find character position within a line at given X coordinate
|
|
129
|
-
*/
|
|
130
|
-
function findCharAtX(x, line, options) {
|
|
131
|
-
if (line.bounds.length === 0) {
|
|
132
|
-
return {
|
|
133
|
-
charIndex: 0,
|
|
134
|
-
graphemeIndex: 0,
|
|
135
|
-
isAtLineEnd: true
|
|
136
|
-
};
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
// Create visual ordering: sort bounds by visual X position (left-to-right)
|
|
140
|
-
// This handles mixed LTR/RTL content where visual order != logical order
|
|
141
|
-
const visualBounds = line.bounds.map((bound, logicalIndex) => ({
|
|
142
|
-
bound,
|
|
143
|
-
logicalIndex,
|
|
144
|
-
visualX: bound.x,
|
|
145
|
-
visualXEnd: bound.x + bound.kernedWidth
|
|
146
|
-
})).sort((a, b) => a.visualX - b.visualX);
|
|
147
|
-
|
|
148
|
-
// Find leftmost and rightmost visual positions
|
|
149
|
-
const leftmostX = visualBounds[0].visualX;
|
|
150
|
-
const rightmostX = visualBounds[visualBounds.length - 1].visualXEnd;
|
|
151
|
-
|
|
152
|
-
// Handle clicks before the line starts
|
|
153
|
-
if (x < leftmostX) {
|
|
154
|
-
// Find the character that appears visually first
|
|
155
|
-
const firstVisualBound = visualBounds[0];
|
|
156
|
-
return {
|
|
157
|
-
charIndex: firstVisualBound.bound.charIndex,
|
|
158
|
-
graphemeIndex: firstVisualBound.bound.graphemeIndex,
|
|
159
|
-
isAtLineEnd: false,
|
|
160
|
-
closestBound: firstVisualBound.bound
|
|
161
|
-
};
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
// Handle clicks after the line ends
|
|
165
|
-
if (x >= rightmostX) {
|
|
166
|
-
// Find the character that appears visually last
|
|
167
|
-
const lastVisualBound = visualBounds[visualBounds.length - 1];
|
|
168
|
-
return {
|
|
169
|
-
charIndex: lastVisualBound.bound.charIndex + 1,
|
|
170
|
-
graphemeIndex: lastVisualBound.bound.graphemeIndex + 1,
|
|
171
|
-
isAtLineEnd: true,
|
|
172
|
-
closestBound: lastVisualBound.bound
|
|
173
|
-
};
|
|
174
|
-
}
|
|
175
|
-
|
|
176
|
-
// Find the character containing the X coordinate
|
|
177
|
-
for (let i = 0; i < visualBounds.length; i++) {
|
|
178
|
-
const {
|
|
179
|
-
bound,
|
|
180
|
-
visualX,
|
|
181
|
-
visualXEnd
|
|
182
|
-
} = visualBounds[i];
|
|
183
|
-
if (x >= visualX && x < visualXEnd) {
|
|
184
|
-
// Determine if closer to start or end of character
|
|
185
|
-
const midpoint = visualX + (visualXEnd - visualX) / 2;
|
|
186
|
-
const insertBeforeChar = x < midpoint;
|
|
187
|
-
if (insertBeforeChar) {
|
|
188
|
-
return {
|
|
189
|
-
charIndex: bound.charIndex,
|
|
190
|
-
graphemeIndex: bound.graphemeIndex,
|
|
191
|
-
isAtLineEnd: false,
|
|
192
|
-
closestBound: bound
|
|
193
|
-
};
|
|
194
|
-
} else {
|
|
195
|
-
// Insert after this character
|
|
196
|
-
return {
|
|
197
|
-
charIndex: bound.charIndex + 1,
|
|
198
|
-
graphemeIndex: bound.graphemeIndex + 1,
|
|
199
|
-
isAtLineEnd: false,
|
|
200
|
-
closestBound: bound
|
|
201
|
-
};
|
|
202
|
-
}
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
// Check if x is in the gap between this character and the next
|
|
206
|
-
if (i < visualBounds.length - 1) {
|
|
207
|
-
const nextVisual = visualBounds[i + 1];
|
|
208
|
-
if (x >= visualXEnd && x < nextVisual.visualX) {
|
|
209
|
-
// Click in gap - place cursor after current character
|
|
210
|
-
return {
|
|
211
|
-
charIndex: bound.charIndex + 1,
|
|
212
|
-
graphemeIndex: bound.graphemeIndex + 1,
|
|
213
|
-
isAtLineEnd: false,
|
|
214
|
-
closestBound: bound
|
|
215
|
-
};
|
|
216
|
-
}
|
|
217
|
-
}
|
|
218
|
-
}
|
|
219
|
-
|
|
220
|
-
// Fallback - find closest character
|
|
221
|
-
const closestBound = visualBounds.reduce((closest, current) => {
|
|
222
|
-
const closestDistance = Math.abs((closest.visualX + closest.visualXEnd) / 2 - x);
|
|
223
|
-
const currentDistance = Math.abs((current.visualX + current.visualXEnd) / 2 - x);
|
|
224
|
-
return currentDistance < closestDistance ? current : closest;
|
|
225
|
-
});
|
|
226
|
-
return {
|
|
227
|
-
charIndex: closestBound.bound.charIndex,
|
|
228
|
-
graphemeIndex: closestBound.bound.graphemeIndex,
|
|
229
|
-
isAtLineEnd: false,
|
|
230
|
-
closestBound: closestBound.bound
|
|
231
|
-
};
|
|
232
|
-
}
|
|
233
|
-
|
|
234
|
-
/**
|
|
235
|
-
* Calculate total insertion index from line and character indices
|
|
236
|
-
*/
|
|
237
|
-
function calculateInsertionIndex(lineIndex, graphemeIndex, layout) {
|
|
238
|
-
let insertionIndex = 0;
|
|
239
|
-
|
|
240
|
-
// Add characters from all previous lines
|
|
241
|
-
for (let i = 0; i < lineIndex && i < layout.lines.length; i++) {
|
|
242
|
-
insertionIndex += layout.lines[i].graphemes.length;
|
|
243
|
-
// Add newline character (except for last line)
|
|
244
|
-
if (i < layout.lines.length - 1) {
|
|
245
|
-
insertionIndex += 1; // \n character
|
|
246
|
-
}
|
|
247
|
-
}
|
|
248
|
-
|
|
249
|
-
// Add characters within current line
|
|
250
|
-
insertionIndex += graphemeIndex;
|
|
251
|
-
return insertionIndex;
|
|
252
|
-
}
|
|
253
|
-
|
|
254
57
|
/**
|
|
255
58
|
* Find line and grapheme position from insertion index
|
|
256
59
|
*/
|
|
@@ -305,5 +108,5 @@ function calculateLineY(lineIndex, layout, options) {
|
|
|
305
108
|
return y;
|
|
306
109
|
}
|
|
307
110
|
|
|
308
|
-
export { getCursorRect
|
|
111
|
+
export { getCursorRect };
|
|
309
112
|
//# sourceMappingURL=hitTest.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hitTest.mjs","sources":["../../../src/text/hitTest.ts"],"sourcesContent":["/**\r\n * Hit Testing and Cursor Positioning System\r\n * \r\n * Maps pointer coordinates to text positions and provides cursor rectangles\r\n * for interactive text editing with grapheme-aware boundaries.\r\n */\r\n\r\nimport type { LayoutResult, LayoutLine, GraphemeBounds } from './layout';\r\nimport type { TextLayoutOptions } from './layout';\r\nimport { segmentGraphemes } from './unicode';\r\n\r\nexport interface HitTestResult {\r\n lineIndex: number;\r\n charIndex: number;\r\n graphemeIndex: number;\r\n isAtLineEnd: boolean;\r\n isAtTextEnd: boolean;\r\n insertionIndex: number; // For cursor positioning\r\n closestBound?: GraphemeBounds;\r\n}\r\n\r\nexport interface CursorRect {\r\n x: number;\r\n y: number;\r\n width: number;\r\n height: number;\r\n baseline: number;\r\n}\r\n\r\nexport interface SelectionRect extends CursorRect {\r\n lineIndex: number;\r\n startIndex: number;\r\n endIndex: number;\r\n}\r\n\r\n/**\r\n * Hit test a point against laid out text to find insertion position\r\n */\r\nexport function hitTest(\r\n x: number,\r\n y: number,\r\n layout: LayoutResult,\r\n options: TextLayoutOptions\r\n): HitTestResult {\r\n if (layout.lines.length === 0) {\r\n return {\r\n lineIndex: 0,\r\n charIndex: 0,\r\n graphemeIndex: 0,\r\n isAtLineEnd: true,\r\n isAtTextEnd: true,\r\n insertionIndex: 0,\r\n };\r\n }\r\n\r\n // Find the line containing the y coordinate\r\n const lineResult = findLineAtY(y, layout.lines);\r\n const line = layout.lines[lineResult.lineIndex];\r\n \r\n if (!line || line.bounds.length === 0) {\r\n return {\r\n lineIndex: lineResult.lineIndex,\r\n charIndex: 0,\r\n graphemeIndex: 0,\r\n isAtLineEnd: true,\r\n isAtTextEnd: lineResult.lineIndex >= layout.lines.length - 1,\r\n insertionIndex: calculateInsertionIndex(lineResult.lineIndex, 0, layout),\r\n };\r\n }\r\n\r\n // Find the character position within the line\r\n const charResult = findCharAtX(x, line, options);\r\n \r\n // Calculate total insertion index\r\n const insertionIndex = calculateInsertionIndex(\r\n lineResult.lineIndex, \r\n charResult.graphemeIndex, \r\n layout\r\n );\r\n\r\n return {\r\n lineIndex: lineResult.lineIndex,\r\n charIndex: charResult.charIndex,\r\n graphemeIndex: charResult.graphemeIndex,\r\n isAtLineEnd: charResult.isAtLineEnd,\r\n isAtTextEnd: lineResult.lineIndex >= layout.lines.length - 1 && charResult.isAtLineEnd,\r\n insertionIndex,\r\n closestBound: charResult.closestBound,\r\n };\r\n}\r\n\r\n/**\r\n * Get cursor rectangle for a given insertion index\r\n */\r\nexport function getCursorRect(\r\n insertionIndex: number,\r\n layout: LayoutResult,\r\n options: TextLayoutOptions\r\n): CursorRect {\r\n if (layout.lines.length === 0) {\r\n return {\r\n x: 0,\r\n y: 0,\r\n width: 2, // Default cursor width\r\n height: options.fontSize,\r\n baseline: options.fontSize * 0.8,\r\n };\r\n }\r\n\r\n const position = findPositionFromIndex(insertionIndex, layout);\r\n const line = layout.lines[position.lineIndex];\r\n\r\n if (!line) {\r\n // Past end of text\r\n const lastLine = layout.lines[layout.lines.length - 1];\r\n return {\r\n x: lastLine.width,\r\n y: (layout.lines.length - 1) * (options.fontSize * options.lineHeight),\r\n width: 2,\r\n height: options.fontSize * options.lineHeight,\r\n baseline: options.fontSize * 0.8,\r\n };\r\n }\r\n\r\n // Get position within line\r\n let x = 0;\r\n if (position.graphemeIndex > 0 && line.bounds.length > 0) {\r\n const boundIndex = Math.min(position.graphemeIndex - 1, line.bounds.length - 1);\r\n const bound = line.bounds[boundIndex];\r\n x = bound.x + bound.kernedWidth;\r\n }\r\n\r\n const y = calculateLineY(position.lineIndex, layout, options);\r\n\r\n return {\r\n x,\r\n y,\r\n width: 2, // Standard cursor width\r\n height: line.height,\r\n baseline: y + line.baseline,\r\n };\r\n}\r\n\r\n/**\r\n * Get selection rectangles for a range of text\r\n */\r\nexport function getSelectionRects(\r\n startIndex: number,\r\n endIndex: number,\r\n layout: LayoutResult,\r\n options: TextLayoutOptions\r\n): SelectionRect[] {\r\n if (startIndex >= endIndex || layout.lines.length === 0) {\r\n return [];\r\n }\r\n\r\n const startPos = findPositionFromIndex(startIndex, layout);\r\n const endPos = findPositionFromIndex(endIndex, layout);\r\n const rects: SelectionRect[] = [];\r\n\r\n // Handle selection across multiple lines\r\n for (let lineIndex = startPos.lineIndex; lineIndex <= endPos.lineIndex; lineIndex++) {\r\n const line = layout.lines[lineIndex];\r\n if (!line) continue;\r\n\r\n // Determine start and end positions within this line\r\n const lineStartIndex = lineIndex === startPos.lineIndex ? startPos.graphemeIndex : 0;\r\n const lineEndIndex = lineIndex === endPos.lineIndex \r\n ? endPos.graphemeIndex \r\n : line.graphemes.length;\r\n\r\n if (lineStartIndex >= lineEndIndex) continue;\r\n\r\n // Calculate selection rectangle for this line\r\n const rect = getLineSelectionRect(\r\n line,\r\n lineIndex,\r\n lineStartIndex,\r\n lineEndIndex,\r\n layout,\r\n options\r\n );\r\n\r\n if (rect) {\r\n rects.push(rect);\r\n }\r\n }\r\n\r\n return rects;\r\n}\r\n\r\n/**\r\n * Get grapheme boundaries for text navigation\r\n */\r\nexport function getGraphemeBoundaries(text: string): number[] {\r\n const graphemes = segmentGraphemes(text);\r\n const boundaries: number[] = [0];\r\n let stringIndex = 0;\r\n\r\n for (const grapheme of graphemes) {\r\n stringIndex += grapheme.length;\r\n boundaries.push(stringIndex);\r\n }\r\n\r\n return boundaries;\r\n}\r\n\r\n/**\r\n * Map string index to grapheme index\r\n */\r\nexport function mapStringIndexToGraphemeIndex(text: string, stringIndex: number): number {\r\n const graphemes = segmentGraphemes(text);\r\n let currentStringIndex = 0;\r\n\r\n for (let i = 0; i < graphemes.length; i++) {\r\n if (currentStringIndex >= stringIndex) {\r\n return i;\r\n }\r\n currentStringIndex += graphemes[i].length;\r\n }\r\n\r\n return graphemes.length;\r\n}\r\n\r\n/**\r\n * Map grapheme index to string index\r\n */\r\nexport function mapGraphemeIndexToStringIndex(text: string, graphemeIndex: number): number {\r\n const graphemes = segmentGraphemes(text);\r\n let stringIndex = 0;\r\n\r\n for (let i = 0; i < graphemeIndex && i < graphemes.length; i++) {\r\n stringIndex += graphemes[i].length;\r\n }\r\n\r\n return stringIndex;\r\n}\r\n\r\n// Private helper functions\r\n\r\n/**\r\n * Find which line contains the given Y coordinate\r\n */\r\nfunction findLineAtY(y: number, lines: LayoutLine[]): { lineIndex: number; offsetY: number } {\r\n let currentY = 0;\r\n\r\n for (let i = 0; i < lines.length; i++) {\r\n const line = lines[i];\r\n if (y >= currentY && y < currentY + line.height) {\r\n return { lineIndex: i, offsetY: y - currentY };\r\n }\r\n currentY += line.height;\r\n }\r\n\r\n // Y is past all lines - return last line\r\n return { \r\n lineIndex: lines.length - 1, \r\n offsetY: lines[lines.length - 1]?.height || 0 \r\n };\r\n}\r\n\r\n/**\r\n * Find character position within a line at given X coordinate\r\n */\r\nfunction findCharAtX(\r\n x: number,\r\n line: LayoutLine,\r\n options: TextLayoutOptions\r\n): {\r\n charIndex: number;\r\n graphemeIndex: number;\r\n isAtLineEnd: boolean;\r\n closestBound?: GraphemeBounds;\r\n} {\r\n if (line.bounds.length === 0) {\r\n return {\r\n charIndex: 0,\r\n graphemeIndex: 0,\r\n isAtLineEnd: true,\r\n };\r\n }\r\n\r\n // Create visual ordering: sort bounds by visual X position (left-to-right)\r\n // This handles mixed LTR/RTL content where visual order != logical order\r\n const visualBounds = line.bounds.map((bound, logicalIndex) => ({\r\n bound,\r\n logicalIndex,\r\n visualX: bound.x,\r\n visualXEnd: bound.x + bound.kernedWidth,\r\n })).sort((a, b) => a.visualX - b.visualX);\r\n\r\n // Find leftmost and rightmost visual positions\r\n const leftmostX = visualBounds[0].visualX;\r\n const rightmostX = visualBounds[visualBounds.length - 1].visualXEnd;\r\n\r\n // Handle clicks before the line starts\r\n if (x < leftmostX) {\r\n // Find the character that appears visually first\r\n const firstVisualBound = visualBounds[0];\r\n return {\r\n charIndex: firstVisualBound.bound.charIndex,\r\n graphemeIndex: firstVisualBound.bound.graphemeIndex,\r\n isAtLineEnd: false,\r\n closestBound: firstVisualBound.bound,\r\n };\r\n }\r\n\r\n // Handle clicks after the line ends\r\n if (x >= rightmostX) {\r\n // Find the character that appears visually last\r\n const lastVisualBound = visualBounds[visualBounds.length - 1];\r\n return {\r\n charIndex: lastVisualBound.bound.charIndex + 1,\r\n graphemeIndex: lastVisualBound.bound.graphemeIndex + 1,\r\n isAtLineEnd: true,\r\n closestBound: lastVisualBound.bound,\r\n };\r\n }\r\n\r\n // Find the character containing the X coordinate\r\n for (let i = 0; i < visualBounds.length; i++) {\r\n const { bound, visualX, visualXEnd } = visualBounds[i];\r\n \r\n if (x >= visualX && x < visualXEnd) {\r\n // Determine if closer to start or end of character\r\n const midpoint = visualX + (visualXEnd - visualX) / 2;\r\n const insertBeforeChar = x < midpoint;\r\n \r\n if (insertBeforeChar) {\r\n return {\r\n charIndex: bound.charIndex,\r\n graphemeIndex: bound.graphemeIndex,\r\n isAtLineEnd: false,\r\n closestBound: bound,\r\n };\r\n } else {\r\n // Insert after this character\r\n return {\r\n charIndex: bound.charIndex + 1,\r\n graphemeIndex: bound.graphemeIndex + 1,\r\n isAtLineEnd: false,\r\n closestBound: bound,\r\n };\r\n }\r\n }\r\n \r\n // Check if x is in the gap between this character and the next\r\n if (i < visualBounds.length - 1) {\r\n const nextVisual = visualBounds[i + 1];\r\n if (x >= visualXEnd && x < nextVisual.visualX) {\r\n // Click in gap - place cursor after current character\r\n return {\r\n charIndex: bound.charIndex + 1,\r\n graphemeIndex: bound.graphemeIndex + 1,\r\n isAtLineEnd: false,\r\n closestBound: bound,\r\n };\r\n }\r\n }\r\n }\r\n\r\n // Fallback - find closest character\r\n const closestBound = visualBounds.reduce((closest, current) => {\r\n const closestDistance = Math.abs((closest.visualX + closest.visualXEnd) / 2 - x);\r\n const currentDistance = Math.abs((current.visualX + current.visualXEnd) / 2 - x);\r\n return currentDistance < closestDistance ? current : closest;\r\n });\r\n\r\n return {\r\n charIndex: closestBound.bound.charIndex,\r\n graphemeIndex: closestBound.bound.graphemeIndex,\r\n isAtLineEnd: false,\r\n closestBound: closestBound.bound,\r\n };\r\n}\r\n\r\n/**\r\n * Calculate total insertion index from line and character indices\r\n */\r\nfunction calculateInsertionIndex(\r\n lineIndex: number,\r\n graphemeIndex: number,\r\n layout: LayoutResult\r\n): number {\r\n let insertionIndex = 0;\r\n\r\n // Add characters from all previous lines\r\n for (let i = 0; i < lineIndex && i < layout.lines.length; i++) {\r\n insertionIndex += layout.lines[i].graphemes.length;\r\n // Add newline character (except for last line)\r\n if (i < layout.lines.length - 1) {\r\n insertionIndex += 1; // \\n character\r\n }\r\n }\r\n\r\n // Add characters within current line\r\n insertionIndex += graphemeIndex;\r\n\r\n return insertionIndex;\r\n}\r\n\r\n/**\r\n * Find line and grapheme position from insertion index\r\n */\r\nfunction findPositionFromIndex(\r\n insertionIndex: number,\r\n layout: LayoutResult\r\n): { lineIndex: number; graphemeIndex: number } {\r\n let currentIndex = 0;\r\n\r\n for (let lineIndex = 0; lineIndex < layout.lines.length; lineIndex++) {\r\n const line = layout.lines[lineIndex];\r\n const lineLength = line.graphemes.length;\r\n\r\n // Check if index is within this line\r\n if (insertionIndex >= currentIndex && insertionIndex <= currentIndex + lineLength) {\r\n return {\r\n lineIndex,\r\n graphemeIndex: insertionIndex - currentIndex,\r\n };\r\n }\r\n\r\n // Move to next line\r\n currentIndex += lineLength;\r\n \r\n // Add newline character (except after last line)\r\n if (lineIndex < layout.lines.length - 1) {\r\n currentIndex += 1; // \\n character\r\n \r\n // If insertion index is exactly at the newline\r\n if (insertionIndex === currentIndex - 1) {\r\n return {\r\n lineIndex,\r\n graphemeIndex: lineLength,\r\n };\r\n }\r\n }\r\n }\r\n\r\n // Index is past end of text\r\n const lastLineIndex = layout.lines.length - 1;\r\n const lastLine = layout.lines[lastLineIndex];\r\n \r\n return {\r\n lineIndex: lastLineIndex,\r\n graphemeIndex: lastLine ? lastLine.graphemes.length : 0,\r\n };\r\n}\r\n\r\n/**\r\n * Calculate Y position of a line\r\n */\r\nfunction calculateLineY(\r\n lineIndex: number,\r\n layout: LayoutResult,\r\n options: TextLayoutOptions\r\n): number {\r\n let y = 0;\r\n\r\n for (let i = 0; i < lineIndex && i < layout.lines.length; i++) {\r\n y += layout.lines[i].height;\r\n }\r\n\r\n return y;\r\n}\r\n\r\n/**\r\n * Get selection rectangle for a portion of a line\r\n */\r\nfunction getLineSelectionRect(\r\n line: LayoutLine,\r\n lineIndex: number,\r\n startGraphemeIndex: number,\r\n endGraphemeIndex: number,\r\n layout: LayoutResult,\r\n options: TextLayoutOptions\r\n): SelectionRect | null {\r\n if (startGraphemeIndex >= endGraphemeIndex || line.bounds.length === 0) {\r\n return null;\r\n }\r\n\r\n // Calculate start X\r\n let startX = 0;\r\n if (startGraphemeIndex > 0 && startGraphemeIndex <= line.bounds.length) {\r\n const startBound = line.bounds[startGraphemeIndex - 1];\r\n startX = startBound.x + startBound.kernedWidth;\r\n }\r\n\r\n // Calculate end X\r\n let endX = line.width;\r\n if (endGraphemeIndex > 0 && endGraphemeIndex <= line.bounds.length) {\r\n const endBound = line.bounds[endGraphemeIndex - 1];\r\n endX = endBound.x + endBound.kernedWidth;\r\n }\r\n\r\n const y = calculateLineY(lineIndex, layout, options);\r\n\r\n return {\r\n x: Math.min(startX, endX),\r\n y,\r\n width: Math.abs(endX - startX),\r\n height: line.height,\r\n baseline: y + line.baseline,\r\n lineIndex,\r\n startIndex: startGraphemeIndex,\r\n endIndex: endGraphemeIndex,\r\n };\r\n}\r\n\r\n/**\r\n * Get word boundaries for double-click selection\r\n */\r\nexport function getWordBoundaries(\r\n text: string,\r\n graphemeIndex: number\r\n): { start: number; end: number } {\r\n const graphemes = segmentGraphemes(text);\r\n \r\n if (graphemeIndex >= graphemes.length) {\r\n return { start: graphemes.length, end: graphemes.length };\r\n }\r\n\r\n // Find word boundaries\r\n let start = graphemeIndex;\r\n let end = graphemeIndex;\r\n\r\n // Expand backwards to find word start\r\n while (start > 0 && !isWordBoundary(graphemes[start - 1])) {\r\n start--;\r\n }\r\n\r\n // Expand forwards to find word end\r\n while (end < graphemes.length && !isWordBoundary(graphemes[end])) {\r\n end++;\r\n }\r\n\r\n return { start, end };\r\n}\r\n\r\n/**\r\n * Get line boundaries for triple-click selection\r\n */\r\nexport function getLineBoundaries(\r\n insertionIndex: number,\r\n layout: LayoutResult\r\n): { start: number; end: number } {\r\n const position = findPositionFromIndex(insertionIndex, layout);\r\n const line = layout.lines[position.lineIndex];\r\n \r\n if (!line) {\r\n return { start: insertionIndex, end: insertionIndex };\r\n }\r\n\r\n // Calculate line start and end indices\r\n const lineStart = calculateInsertionIndex(position.lineIndex, 0, layout);\r\n const lineEnd = calculateInsertionIndex(\r\n position.lineIndex, \r\n line.graphemes.length, \r\n layout\r\n );\r\n\r\n return { start: lineStart, end: lineEnd };\r\n}\r\n\r\n/**\r\n * Check if a character is a word boundary\r\n */\r\nfunction isWordBoundary(grapheme: string): boolean {\r\n return /\\s/.test(grapheme) || /[^\\w]/.test(grapheme);\r\n}\r\n\r\n/**\r\n * Find closest cursor position to a point (for drag operations)\r\n */\r\nexport function findClosestCursorPosition(\r\n x: number,\r\n y: number,\r\n layout: LayoutResult,\r\n options: TextLayoutOptions\r\n): number {\r\n const hitResult = hitTest(x, y, layout, options);\r\n return hitResult.insertionIndex;\r\n}\r\n\r\n/**\r\n * Get bounding box for a range of text\r\n */\r\nexport function getTextRangeBounds(\r\n startIndex: number,\r\n endIndex: number,\r\n layout: LayoutResult,\r\n options: TextLayoutOptions\r\n): {\r\n x: number;\r\n y: number;\r\n width: number;\r\n height: number;\r\n rects: SelectionRect[];\r\n} {\r\n const rects = getSelectionRects(startIndex, endIndex, layout, options);\r\n \r\n if (rects.length === 0) {\r\n return {\r\n x: 0,\r\n y: 0,\r\n width: 0,\r\n height: 0,\r\n rects: [],\r\n };\r\n }\r\n\r\n const minX = Math.min(...rects.map(r => r.x));\r\n const maxX = Math.max(...rects.map(r => r.x + r.width));\r\n const minY = Math.min(...rects.map(r => r.y));\r\n const maxY = Math.max(...rects.map(r => r.y + r.height));\r\n\r\n return {\r\n x: minX,\r\n y: minY,\r\n width: maxX - minX,\r\n height: maxY - minY,\r\n rects,\r\n };\r\n}"],"names":["hitTest","x","y","layout","options","lines","length","lineIndex","charIndex","graphemeIndex","isAtLineEnd","isAtTextEnd","insertionIndex","lineResult","findLineAtY","line","bounds","calculateInsertionIndex","charResult","findCharAtX","closestBound","getCursorRect","width","height","fontSize","baseline","position","findPositionFromIndex","lastLine","lineHeight","boundIndex","Math","min","bound","kernedWidth","calculateLineY","_lines","currentY","i","offsetY","visualBounds","map","logicalIndex","visualX","visualXEnd","sort","a","b","leftmostX","rightmostX","firstVisualBound","lastVisualBound","midpoint","insertBeforeChar","nextVisual","reduce","closest","current","closestDistance","abs","currentDistance","graphemes","currentIndex","lineLength","lastLineIndex"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"hitTest.mjs","sources":["../../../src/text/hitTest.ts"],"sourcesContent":["/**\r\n * Hit Testing and Cursor Positioning System\r\n * \r\n * Maps pointer coordinates to text positions and provides cursor rectangles\r\n * for interactive text editing with grapheme-aware boundaries.\r\n */\r\n\r\nimport type { LayoutResult, LayoutLine, GraphemeBounds } from './layout';\r\nimport type { TextLayoutOptions } from './layout';\r\nimport { segmentGraphemes } from './unicode';\r\n\r\nexport interface HitTestResult {\r\n lineIndex: number;\r\n charIndex: number;\r\n graphemeIndex: number;\r\n isAtLineEnd: boolean;\r\n isAtTextEnd: boolean;\r\n insertionIndex: number; // For cursor positioning\r\n closestBound?: GraphemeBounds;\r\n}\r\n\r\nexport interface CursorRect {\r\n x: number;\r\n y: number;\r\n width: number;\r\n height: number;\r\n baseline: number;\r\n}\r\n\r\nexport interface SelectionRect extends CursorRect {\r\n lineIndex: number;\r\n startIndex: number;\r\n endIndex: number;\r\n}\r\n\r\n/**\r\n * Hit test a point against laid out text to find insertion position\r\n */\r\nexport function hitTest(\r\n x: number,\r\n y: number,\r\n layout: LayoutResult,\r\n options: TextLayoutOptions\r\n): HitTestResult {\r\n if (layout.lines.length === 0) {\r\n return {\r\n lineIndex: 0,\r\n charIndex: 0,\r\n graphemeIndex: 0,\r\n isAtLineEnd: true,\r\n isAtTextEnd: true,\r\n insertionIndex: 0,\r\n };\r\n }\r\n\r\n // Find the line containing the y coordinate\r\n const lineResult = findLineAtY(y, layout.lines);\r\n const line = layout.lines[lineResult.lineIndex];\r\n \r\n if (!line || line.bounds.length === 0) {\r\n return {\r\n lineIndex: lineResult.lineIndex,\r\n charIndex: 0,\r\n graphemeIndex: 0,\r\n isAtLineEnd: true,\r\n isAtTextEnd: lineResult.lineIndex >= layout.lines.length - 1,\r\n insertionIndex: calculateInsertionIndex(lineResult.lineIndex, 0, layout),\r\n };\r\n }\r\n\r\n // Find the character position within the line\r\n const charResult = findCharAtX(x, line, options);\r\n \r\n // Calculate total insertion index\r\n const insertionIndex = calculateInsertionIndex(\r\n lineResult.lineIndex, \r\n charResult.graphemeIndex, \r\n layout\r\n );\r\n\r\n return {\r\n lineIndex: lineResult.lineIndex,\r\n charIndex: charResult.charIndex,\r\n graphemeIndex: charResult.graphemeIndex,\r\n isAtLineEnd: charResult.isAtLineEnd,\r\n isAtTextEnd: lineResult.lineIndex >= layout.lines.length - 1 && charResult.isAtLineEnd,\r\n insertionIndex,\r\n closestBound: charResult.closestBound,\r\n };\r\n}\r\n\r\n/**\r\n * Get cursor rectangle for a given insertion index\r\n */\r\nexport function getCursorRect(\r\n insertionIndex: number,\r\n layout: LayoutResult,\r\n options: TextLayoutOptions\r\n): CursorRect {\r\n if (layout.lines.length === 0) {\r\n return {\r\n x: 0,\r\n y: 0,\r\n width: 2, // Default cursor width\r\n height: options.fontSize,\r\n baseline: options.fontSize * 0.8,\r\n };\r\n }\r\n\r\n const position = findPositionFromIndex(insertionIndex, layout);\r\n const line = layout.lines[position.lineIndex];\r\n\r\n if (!line) {\r\n // Past end of text\r\n const lastLine = layout.lines[layout.lines.length - 1];\r\n return {\r\n x: lastLine.width,\r\n y: (layout.lines.length - 1) * (options.fontSize * options.lineHeight),\r\n width: 2,\r\n height: options.fontSize * options.lineHeight,\r\n baseline: options.fontSize * 0.8,\r\n };\r\n }\r\n\r\n // Get position within line\r\n let x = 0;\r\n if (position.graphemeIndex > 0 && line.bounds.length > 0) {\r\n const boundIndex = Math.min(position.graphemeIndex - 1, line.bounds.length - 1);\r\n const bound = line.bounds[boundIndex];\r\n x = bound.x + bound.kernedWidth;\r\n }\r\n\r\n const y = calculateLineY(position.lineIndex, layout, options);\r\n\r\n return {\r\n x,\r\n y,\r\n width: 2, // Standard cursor width\r\n height: line.height,\r\n baseline: y + line.baseline,\r\n };\r\n}\r\n\r\n/**\r\n * Get selection rectangles for a range of text\r\n */\r\nexport function getSelectionRects(\r\n startIndex: number,\r\n endIndex: number,\r\n layout: LayoutResult,\r\n options: TextLayoutOptions\r\n): SelectionRect[] {\r\n if (startIndex >= endIndex || layout.lines.length === 0) {\r\n return [];\r\n }\r\n\r\n const startPos = findPositionFromIndex(startIndex, layout);\r\n const endPos = findPositionFromIndex(endIndex, layout);\r\n const rects: SelectionRect[] = [];\r\n\r\n // Handle selection across multiple lines\r\n for (let lineIndex = startPos.lineIndex; lineIndex <= endPos.lineIndex; lineIndex++) {\r\n const line = layout.lines[lineIndex];\r\n if (!line) continue;\r\n\r\n // Determine start and end positions within this line\r\n const lineStartIndex = lineIndex === startPos.lineIndex ? startPos.graphemeIndex : 0;\r\n const lineEndIndex = lineIndex === endPos.lineIndex \r\n ? endPos.graphemeIndex \r\n : line.graphemes.length;\r\n\r\n if (lineStartIndex >= lineEndIndex) continue;\r\n\r\n // Calculate selection rectangle for this line\r\n const rect = getLineSelectionRect(\r\n line,\r\n lineIndex,\r\n lineStartIndex,\r\n lineEndIndex,\r\n layout,\r\n options\r\n );\r\n\r\n if (rect) {\r\n rects.push(rect);\r\n }\r\n }\r\n\r\n return rects;\r\n}\r\n\r\n/**\r\n * Get grapheme boundaries for text navigation\r\n */\r\nexport function getGraphemeBoundaries(text: string): number[] {\r\n const graphemes = segmentGraphemes(text);\r\n const boundaries: number[] = [0];\r\n let stringIndex = 0;\r\n\r\n for (const grapheme of graphemes) {\r\n stringIndex += grapheme.length;\r\n boundaries.push(stringIndex);\r\n }\r\n\r\n return boundaries;\r\n}\r\n\r\n/**\r\n * Map string index to grapheme index\r\n */\r\nexport function mapStringIndexToGraphemeIndex(text: string, stringIndex: number): number {\r\n const graphemes = segmentGraphemes(text);\r\n let currentStringIndex = 0;\r\n\r\n for (let i = 0; i < graphemes.length; i++) {\r\n if (currentStringIndex >= stringIndex) {\r\n return i;\r\n }\r\n currentStringIndex += graphemes[i].length;\r\n }\r\n\r\n return graphemes.length;\r\n}\r\n\r\n/**\r\n * Map grapheme index to string index\r\n */\r\nexport function mapGraphemeIndexToStringIndex(text: string, graphemeIndex: number): number {\r\n const graphemes = segmentGraphemes(text);\r\n let stringIndex = 0;\r\n\r\n for (let i = 0; i < graphemeIndex && i < graphemes.length; i++) {\r\n stringIndex += graphemes[i].length;\r\n }\r\n\r\n return stringIndex;\r\n}\r\n\r\n// Private helper functions\r\n\r\n/**\r\n * Find which line contains the given Y coordinate\r\n */\r\nfunction findLineAtY(y: number, lines: LayoutLine[]): { lineIndex: number; offsetY: number } {\r\n let currentY = 0;\r\n\r\n for (let i = 0; i < lines.length; i++) {\r\n const line = lines[i];\r\n if (y >= currentY && y < currentY + line.height) {\r\n return { lineIndex: i, offsetY: y - currentY };\r\n }\r\n currentY += line.height;\r\n }\r\n\r\n // Y is past all lines - return last line\r\n return { \r\n lineIndex: lines.length - 1, \r\n offsetY: lines[lines.length - 1]?.height || 0 \r\n };\r\n}\r\n\r\n/**\r\n * Find character position within a line at given X coordinate\r\n */\r\nfunction findCharAtX(\r\n x: number,\r\n line: LayoutLine,\r\n options: TextLayoutOptions\r\n): {\r\n charIndex: number;\r\n graphemeIndex: number;\r\n isAtLineEnd: boolean;\r\n closestBound?: GraphemeBounds;\r\n} {\r\n if (line.bounds.length === 0) {\r\n return {\r\n charIndex: 0,\r\n graphemeIndex: 0,\r\n isAtLineEnd: true,\r\n };\r\n }\r\n\r\n // Create visual ordering: sort bounds by visual X position (left-to-right)\r\n // This handles mixed LTR/RTL content where visual order != logical order\r\n const visualBounds = line.bounds.map((bound, logicalIndex) => ({\r\n bound,\r\n logicalIndex,\r\n visualX: bound.x,\r\n visualXEnd: bound.x + bound.kernedWidth,\r\n })).sort((a, b) => a.visualX - b.visualX);\r\n\r\n // Find leftmost and rightmost visual positions\r\n const leftmostX = visualBounds[0].visualX;\r\n const rightmostX = visualBounds[visualBounds.length - 1].visualXEnd;\r\n\r\n // Handle clicks before the line starts\r\n if (x < leftmostX) {\r\n // Find the character that appears visually first\r\n const firstVisualBound = visualBounds[0];\r\n return {\r\n charIndex: firstVisualBound.bound.charIndex,\r\n graphemeIndex: firstVisualBound.bound.graphemeIndex,\r\n isAtLineEnd: false,\r\n closestBound: firstVisualBound.bound,\r\n };\r\n }\r\n\r\n // Handle clicks after the line ends\r\n if (x >= rightmostX) {\r\n // Find the character that appears visually last\r\n const lastVisualBound = visualBounds[visualBounds.length - 1];\r\n return {\r\n charIndex: lastVisualBound.bound.charIndex + 1,\r\n graphemeIndex: lastVisualBound.bound.graphemeIndex + 1,\r\n isAtLineEnd: true,\r\n closestBound: lastVisualBound.bound,\r\n };\r\n }\r\n\r\n // Find the character containing the X coordinate\r\n for (let i = 0; i < visualBounds.length; i++) {\r\n const { bound, visualX, visualXEnd } = visualBounds[i];\r\n \r\n if (x >= visualX && x < visualXEnd) {\r\n // Determine if closer to start or end of character\r\n const midpoint = visualX + (visualXEnd - visualX) / 2;\r\n const insertBeforeChar = x < midpoint;\r\n \r\n if (insertBeforeChar) {\r\n return {\r\n charIndex: bound.charIndex,\r\n graphemeIndex: bound.graphemeIndex,\r\n isAtLineEnd: false,\r\n closestBound: bound,\r\n };\r\n } else {\r\n // Insert after this character\r\n return {\r\n charIndex: bound.charIndex + 1,\r\n graphemeIndex: bound.graphemeIndex + 1,\r\n isAtLineEnd: false,\r\n closestBound: bound,\r\n };\r\n }\r\n }\r\n \r\n // Check if x is in the gap between this character and the next\r\n if (i < visualBounds.length - 1) {\r\n const nextVisual = visualBounds[i + 1];\r\n if (x >= visualXEnd && x < nextVisual.visualX) {\r\n // Click in gap - place cursor after current character\r\n return {\r\n charIndex: bound.charIndex + 1,\r\n graphemeIndex: bound.graphemeIndex + 1,\r\n isAtLineEnd: false,\r\n closestBound: bound,\r\n };\r\n }\r\n }\r\n }\r\n\r\n // Fallback - find closest character\r\n const closestBound = visualBounds.reduce((closest, current) => {\r\n const closestDistance = Math.abs((closest.visualX + closest.visualXEnd) / 2 - x);\r\n const currentDistance = Math.abs((current.visualX + current.visualXEnd) / 2 - x);\r\n return currentDistance < closestDistance ? current : closest;\r\n });\r\n\r\n return {\r\n charIndex: closestBound.bound.charIndex,\r\n graphemeIndex: closestBound.bound.graphemeIndex,\r\n isAtLineEnd: false,\r\n closestBound: closestBound.bound,\r\n };\r\n}\r\n\r\n/**\r\n * Calculate total insertion index from line and character indices\r\n */\r\nfunction calculateInsertionIndex(\r\n lineIndex: number,\r\n graphemeIndex: number,\r\n layout: LayoutResult\r\n): number {\r\n let insertionIndex = 0;\r\n\r\n // Add characters from all previous lines\r\n for (let i = 0; i < lineIndex && i < layout.lines.length; i++) {\r\n insertionIndex += layout.lines[i].graphemes.length;\r\n // Add newline character (except for last line)\r\n if (i < layout.lines.length - 1) {\r\n insertionIndex += 1; // \\n character\r\n }\r\n }\r\n\r\n // Add characters within current line\r\n insertionIndex += graphemeIndex;\r\n\r\n return insertionIndex;\r\n}\r\n\r\n/**\r\n * Find line and grapheme position from insertion index\r\n */\r\nfunction findPositionFromIndex(\r\n insertionIndex: number,\r\n layout: LayoutResult\r\n): { lineIndex: number; graphemeIndex: number } {\r\n let currentIndex = 0;\r\n\r\n for (let lineIndex = 0; lineIndex < layout.lines.length; lineIndex++) {\r\n const line = layout.lines[lineIndex];\r\n const lineLength = line.graphemes.length;\r\n\r\n // Check if index is within this line\r\n if (insertionIndex >= currentIndex && insertionIndex <= currentIndex + lineLength) {\r\n return {\r\n lineIndex,\r\n graphemeIndex: insertionIndex - currentIndex,\r\n };\r\n }\r\n\r\n // Move to next line\r\n currentIndex += lineLength;\r\n \r\n // Add newline character (except after last line)\r\n if (lineIndex < layout.lines.length - 1) {\r\n currentIndex += 1; // \\n character\r\n \r\n // If insertion index is exactly at the newline\r\n if (insertionIndex === currentIndex - 1) {\r\n return {\r\n lineIndex,\r\n graphemeIndex: lineLength,\r\n };\r\n }\r\n }\r\n }\r\n\r\n // Index is past end of text\r\n const lastLineIndex = layout.lines.length - 1;\r\n const lastLine = layout.lines[lastLineIndex];\r\n \r\n return {\r\n lineIndex: lastLineIndex,\r\n graphemeIndex: lastLine ? lastLine.graphemes.length : 0,\r\n };\r\n}\r\n\r\n/**\r\n * Calculate Y position of a line\r\n */\r\nfunction calculateLineY(\r\n lineIndex: number,\r\n layout: LayoutResult,\r\n options: TextLayoutOptions\r\n): number {\r\n let y = 0;\r\n\r\n for (let i = 0; i < lineIndex && i < layout.lines.length; i++) {\r\n y += layout.lines[i].height;\r\n }\r\n\r\n return y;\r\n}\r\n\r\n/**\r\n * Get selection rectangle for a portion of a line\r\n */\r\nfunction getLineSelectionRect(\r\n line: LayoutLine,\r\n lineIndex: number,\r\n startGraphemeIndex: number,\r\n endGraphemeIndex: number,\r\n layout: LayoutResult,\r\n options: TextLayoutOptions\r\n): SelectionRect | null {\r\n if (startGraphemeIndex >= endGraphemeIndex || line.bounds.length === 0) {\r\n return null;\r\n }\r\n\r\n // Calculate start X\r\n let startX = 0;\r\n if (startGraphemeIndex > 0 && startGraphemeIndex <= line.bounds.length) {\r\n const startBound = line.bounds[startGraphemeIndex - 1];\r\n startX = startBound.x + startBound.kernedWidth;\r\n }\r\n\r\n // Calculate end X\r\n let endX = line.width;\r\n if (endGraphemeIndex > 0 && endGraphemeIndex <= line.bounds.length) {\r\n const endBound = line.bounds[endGraphemeIndex - 1];\r\n endX = endBound.x + endBound.kernedWidth;\r\n }\r\n\r\n const y = calculateLineY(lineIndex, layout, options);\r\n\r\n return {\r\n x: Math.min(startX, endX),\r\n y,\r\n width: Math.abs(endX - startX),\r\n height: line.height,\r\n baseline: y + line.baseline,\r\n lineIndex,\r\n startIndex: startGraphemeIndex,\r\n endIndex: endGraphemeIndex,\r\n };\r\n}\r\n\r\n/**\r\n * Get word boundaries for double-click selection\r\n */\r\nexport function getWordBoundaries(\r\n text: string,\r\n graphemeIndex: number\r\n): { start: number; end: number } {\r\n const graphemes = segmentGraphemes(text);\r\n \r\n if (graphemeIndex >= graphemes.length) {\r\n return { start: graphemes.length, end: graphemes.length };\r\n }\r\n\r\n // Find word boundaries\r\n let start = graphemeIndex;\r\n let end = graphemeIndex;\r\n\r\n // Expand backwards to find word start\r\n while (start > 0 && !isWordBoundary(graphemes[start - 1])) {\r\n start--;\r\n }\r\n\r\n // Expand forwards to find word end\r\n while (end < graphemes.length && !isWordBoundary(graphemes[end])) {\r\n end++;\r\n }\r\n\r\n return { start, end };\r\n}\r\n\r\n/**\r\n * Get line boundaries for triple-click selection\r\n */\r\nexport function getLineBoundaries(\r\n insertionIndex: number,\r\n layout: LayoutResult\r\n): { start: number; end: number } {\r\n const position = findPositionFromIndex(insertionIndex, layout);\r\n const line = layout.lines[position.lineIndex];\r\n \r\n if (!line) {\r\n return { start: insertionIndex, end: insertionIndex };\r\n }\r\n\r\n // Calculate line start and end indices\r\n const lineStart = calculateInsertionIndex(position.lineIndex, 0, layout);\r\n const lineEnd = calculateInsertionIndex(\r\n position.lineIndex, \r\n line.graphemes.length, \r\n layout\r\n );\r\n\r\n return { start: lineStart, end: lineEnd };\r\n}\r\n\r\n/**\r\n * Check if a character is a word boundary\r\n */\r\nfunction isWordBoundary(grapheme: string): boolean {\r\n return /\\s/.test(grapheme) || /[^\\w]/.test(grapheme);\r\n}\r\n\r\n/**\r\n * Find closest cursor position to a point (for drag operations)\r\n */\r\nexport function findClosestCursorPosition(\r\n x: number,\r\n y: number,\r\n layout: LayoutResult,\r\n options: TextLayoutOptions\r\n): number {\r\n const hitResult = hitTest(x, y, layout, options);\r\n return hitResult.insertionIndex;\r\n}\r\n\r\n/**\r\n * Get bounding box for a range of text\r\n */\r\nexport function getTextRangeBounds(\r\n startIndex: number,\r\n endIndex: number,\r\n layout: LayoutResult,\r\n options: TextLayoutOptions\r\n): {\r\n x: number;\r\n y: number;\r\n width: number;\r\n height: number;\r\n rects: SelectionRect[];\r\n} {\r\n const rects = getSelectionRects(startIndex, endIndex, layout, options);\r\n \r\n if (rects.length === 0) {\r\n return {\r\n x: 0,\r\n y: 0,\r\n width: 0,\r\n height: 0,\r\n rects: [],\r\n };\r\n }\r\n\r\n const minX = Math.min(...rects.map(r => r.x));\r\n const maxX = Math.max(...rects.map(r => r.x + r.width));\r\n const minY = Math.min(...rects.map(r => r.y));\r\n const maxY = Math.max(...rects.map(r => r.y + r.height));\r\n\r\n return {\r\n x: minX,\r\n y: minY,\r\n width: maxX - minX,\r\n height: maxY - minY,\r\n rects,\r\n };\r\n}"],"names":["getCursorRect","insertionIndex","layout","options","lines","length","x","y","width","height","fontSize","baseline","position","findPositionFromIndex","line","lineIndex","lastLine","lineHeight","graphemeIndex","bounds","boundIndex","Math","min","bound","kernedWidth","calculateLineY","currentIndex","lineLength","graphemes","lastLineIndex","i"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{measureGraphemeWithKerning as t}from"./measure.min.mjs";import{applyEllipsis as e}from"./ellipsis.min.mjs";import{segmentGraphemes as i}from"./unicode.min.mjs";function
|
|
1
|
+
import{measureGraphemeWithKerning as t}from"./measure.min.mjs";import{applyEllipsis as e}from"./ellipsis.min.mjs";import{segmentGraphemes as n,analyzeBiDi as i}from"./unicode.min.mjs";function r(t){var r;const{text:h,width:l,height:d,wrap:g,align:p,ellipsis:u,direction:f,padding:m=0,verticalAlign:S="top"}=t;if(!h)return{lines:[],totalWidth:0,totalHeight:0,isTruncated:!1,graphemeCount:0};const x=l?l-2*m:1/0,b=d?d-2*m:1/0,w=h.split("\n"),W=[];let k,y=0,z=0,v=0;for(let e=0;e<w.length;e++){const n=w[e],i=e===w.length-1,r=s(n,{...t,width:x,isLastParagraph:i});for(const e of r){if(d&&y+e.height>b){const n=a(W,e,b-y,t);return{lines:n.lines,totalWidth:Math.max(z,...n.lines.map(t=>t.width)),totalHeight:b,isTruncated:!0,graphemeCount:v+n.addedGraphemes,ellipsisApplied:n.ellipsisResult}}e===r[r.length-1]&&(e.isLastInParagraph=!0),W.push(e),y+=e.height,z=Math.max(z,e.width),v+=e.graphemes.length}}if(u&&l)for(const n of W)if(n.width>x&&(k=e(n.text,{maxWidth:x,maxHeight:1/0,ellipsisChar:"string"==typeof u?u:"…",measureFn:e=>c(e,t)}),k.isTruncated)){const e=o(k.truncatedText,t);Object.assign(n,e);break}const T=function(t,e,r,s){return t.map(t=>{!function(t,e){const r="inherit"===e.direction?"ltr":e.direction,s=i(t.text,r);if(!(s.length>1||1===s.length&&s[0].direction!==r))return"rtl"===r&&t.bounds.forEach(e=>{e.x=t.width-e.left-e.kernedWidth}),t;const o=[];let h=0;for(let t=0;t<s.length;t++){const e=s[t],i=n(e.text);for(let e=0;e<i.length;e++)o.push(t);h+=i.length}const a=[],l=[];let c=0;for(const i of s){l.push(c);const r=n(i.text);let s=0;for(let n=0;n<r.length;n++)if(c+n<t.bounds.length){const i=e.letterSpacing||0,r=e.charSpacing?e.fontSize*e.charSpacing/1e3:0;s+=t.bounds[c+n].kernedWidth+i+r}a.push(s),c+=r.length}const d=s.map((t,e)=>e);"rtl"===r&&d.reverse();const g=new Array(s.length);let p=0;for(const t of d)g[t]=p,p+=a[t];for(let n=0;n<t.bounds.length;n++){const i=o[n];if(void 0===i)continue;const r=s[i],h=l[i],c=(e.letterSpacing||0)+(e.charSpacing?e.fontSize*e.charSpacing/1e3:0);let d=0;for(let e=h;e<n;e++)d+=t.bounds[e].kernedWidth+c;const p=t.bounds[n].kernedWidth+c;"rtl"===r.direction?t.bounds[n].x=g[i]+a[i]-d-p:t.bounds[n].x=g[i]+d}}(t,s);let o=0;switch(e){case"center":o=(r-t.width)/2;break;case"right":o=r-t.width;break;case"justify":if(!t.isLastInParagraph&&t.graphemes.length>1)return function(t,e,n){const i=t.graphemes.filter(t=>/\s/.test(t)).length;if(0===i)return t;const r=e-t.width,s=r/i;let o=0;return t.bounds.forEach(t=>{t.x+=o,t.left+=o,/\s/.test(t.grapheme)&&(t.kernedWidth+=s,t.width+=s,o+=s)}),t.width=e,t.justifyRatio=1+s/(.25*n.fontSize),t}(t,r,s);break;default:o=0}return 0!==o&&t.bounds.forEach(t=>{t.x+=o,t.left+=o}),t})}(W,p,z,t),H=function(t,e,n){switch(n){case"middle":return(e-t)/2;case"bottom":return e-t;default:return 0}}(y,d||y,S);return T.forEach(t=>{t.bounds.forEach(t=>{t.y+=H})}),{lines:T,totalWidth:z,totalHeight:y,isTruncated:!(null===(r=k)||void 0===r||!r.isTruncated),graphemeCount:v,ellipsisApplied:k}}function s(t,e){const{wrap:n,width:i}=e;if(!t)return[l(e)];if("none"===n||i===1/0)return[o(t,e,0)];const r=[];"word"===n?r.push(...function(t,e,n){const i=[],r=t.split(/(\s+)/);let s="";for(let t=0;t<r.length;t++){const o=r[t],a=c(o,n),l=s?s+o:o;if(c(l,n)>e&&s)i.push(s.trim()),s=o;else if(a>e&&!s){const t=h(o,e,n);i.push(...t.slice(0,-1)),s=t[t.length-1],c(s,n)}else s=l}s&&i.push(s.trim());return i.length>0?i:[""]}(t,i,e)):"char"===n&&r.push(...h(t,i,e));let s=0;return r.map(t=>{const n=o(t,e,s);return s+=t.length+1,n})}function o(e,i){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;const s=n(e),o=[],h=d(i);let a=0,l=0,c=0,g=r;for(let e=0;e<s.length;e++){const n=s[e],d=e>0?s[e-1]:void 0,p=t(n,d,h),u=(i.letterSpacing||0)+(i.charSpacing?i.fontSize*i.charSpacing/1e3:0),f=p.kernedWidth+u;o.push({grapheme:n,x:a,y:0,width:p.width,height:p.height,kernedWidth:p.kernedWidth,left:a,baseline:p.baseline,charIndex:g,graphemeIndex:r+e}),g+=n.length,a+=f,l+=f,c=Math.max(c,p.height)}o.length>0&&(i.letterSpacing,i.charSpacing&&(i.fontSize,i.charSpacing));const p=c*i.lineHeight*1.13;return{text:e,graphemes:s,width:l,height:p,bounds:o,isWrapped:!1,isLastInParagraph:!1,baseline:.8*p}}function h(t,e,i){const r=[],s=n(t);let o="";for(const t of s){const n=o+t;c(n,i)>e&&o?(r.push(o),o=t):o=n}return o&&r.push(o),r.length>0?r:[""]}function a(t,n,i,r){if(r.ellipsis&&i>0){const s="string"==typeof r.ellipsis?r.ellipsis:"…",h=r.width||1/0,a=e(n.text,{maxWidth:h,maxHeight:i,ellipsisChar:s,measureFn:t=>c(t,r)});if(a.isTruncated){const e=o(a.truncatedText,r);return e.isLastInParagraph=!0,{lines:[...t,e],addedGraphemes:e.graphemes.length,ellipsisResult:a}}}return{lines:t,addedGraphemes:0}}function l(t){const e=t.fontSize*t.lineHeight*1.13;return{text:"",graphemes:[],width:0,height:e,bounds:[],isWrapped:!1,isLastInParagraph:!0,baseline:.8*e}}function c(e,i){const r=n(e),s=d(i);let o=0;for(let e=0;e<r.length;e++){const n=r[e],h=e>0?r[e-1]:void 0,a=t(n,h,s),l=i.letterSpacing||0,c=i.charSpacing?i.fontSize*i.charSpacing/1e3:0;o+=a.kernedWidth+l+c}return o}function d(t){return{fontFamily:t.fontFamily,fontSize:t.fontSize,fontStyle:t.fontStyle,fontWeight:t.fontWeight,letterSpacing:t.letterSpacing,direction:"inherit"===t.direction?"ltr":t.direction}}export{r as layoutText};
|
|
2
2
|
//# sourceMappingURL=layout.min.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layout.min.mjs","sources":["../../../src/text/layout.ts"],"sourcesContent":["/**\r\n * Core Text Layout Engine\r\n * \r\n * Implements Konva-compatible text layout with support for:\r\n * - Multiple wrap modes (word/char/none)\r\n * - Ellipsis truncation\r\n * - Justify alignment with proper space distribution\r\n * - RTL/LTR text direction\r\n * - Advanced grapheme handling\r\n */\r\n\r\nimport { graphemeSplit } from '../util/lang_string';\r\nimport type { MeasurementOptions, GraphemeMeasurement, KerningMeasurement } from './measure';\r\nimport { measureGrapheme, measureGraphemeWithKerning, getFontMetrics } from './measure';\r\nimport type { EllipsisResult } from './ellipsis';\r\nimport { applyEllipsis } from './ellipsis';\r\nimport { segmentGraphemes, analyzeBiDi, type BiDiRun } from './unicode';\r\n\r\nexport interface TextLayoutOptions {\r\n text: string;\r\n width?: number;\r\n height?: number;\r\n wrap: 'word' | 'char' | 'none';\r\n align: 'left' | 'center' | 'right' | 'justify';\r\n ellipsis?: boolean | string;\r\n fontSize: number;\r\n lineHeight: number;\r\n letterSpacing?: number; // px-based (Konva style)\r\n charSpacing?: number; // em-based (Fabric style) \r\n direction: 'ltr' | 'rtl' | 'inherit';\r\n fontFamily: string;\r\n fontStyle: string;\r\n fontWeight: string | number;\r\n padding?: number;\r\n verticalAlign?: 'top' | 'middle' | 'bottom';\r\n}\r\n\r\nexport interface LayoutResult {\r\n lines: LayoutLine[];\r\n totalWidth: number;\r\n totalHeight: number;\r\n isTruncated: boolean;\r\n graphemeCount: number;\r\n ellipsisApplied?: EllipsisResult;\r\n}\r\n\r\nexport interface LayoutLine {\r\n text: string;\r\n graphemes: string[];\r\n width: number;\r\n height: number;\r\n bounds: GraphemeBounds[];\r\n isWrapped: boolean;\r\n isLastInParagraph: boolean;\r\n justifyRatio?: number; // For justify alignment - space expansion factor\r\n baseline: number;\r\n}\r\n\r\nexport interface GraphemeBounds {\r\n grapheme: string;\r\n x: number;\r\n y: number;\r\n width: number;\r\n height: number;\r\n kernedWidth: number;\r\n left: number;\r\n baseline: number;\r\n deltaY?: number;\r\n charIndex: number; // Logical character index in original text\r\n graphemeIndex: number; // Logical grapheme index in original text\r\n}\r\n\r\n/**\r\n * Main text layout function - converts text and options into positioned layout\r\n */\r\nexport function layoutText(options: TextLayoutOptions): LayoutResult {\r\n const {\r\n text,\r\n width: containerWidth,\r\n height: containerHeight,\r\n wrap,\r\n align,\r\n ellipsis,\r\n direction,\r\n padding = 0,\r\n verticalAlign = 'top'\r\n } = options;\r\n\r\n // Handle empty text\r\n if (!text) {\r\n return {\r\n lines: [],\r\n totalWidth: 0,\r\n totalHeight: 0,\r\n isTruncated: false,\r\n graphemeCount: 0,\r\n };\r\n }\r\n\r\n // Calculate available space\r\n const maxWidth = containerWidth ? containerWidth - (padding * 2) : Infinity;\r\n const maxHeight = containerHeight ? containerHeight - (padding * 2) : Infinity;\r\n\r\n // Split text into paragraphs (by \\n)\r\n const paragraphs = text.split('\\n');\r\n \r\n // Process each paragraph\r\n const allLines: LayoutLine[] = [];\r\n let totalHeight = 0;\r\n let maxLineWidth = 0;\r\n let totalGraphemes = 0;\r\n\r\n for (let i = 0; i < paragraphs.length; i++) {\r\n const paragraph = paragraphs[i];\r\n const isLastParagraph = i === paragraphs.length - 1;\r\n \r\n // Layout this paragraph\r\n const paragraphLines = layoutParagraph(paragraph, {\r\n ...options,\r\n width: maxWidth,\r\n isLastParagraph,\r\n });\r\n \r\n // Check height constraints\r\n for (const line of paragraphLines) {\r\n if (containerHeight && totalHeight + line.height > maxHeight) {\r\n // Height exceeded - truncate here\r\n const truncatedResult = handleHeightOverflow(\r\n allLines,\r\n line,\r\n maxHeight - totalHeight,\r\n options\r\n );\r\n \r\n return {\r\n lines: truncatedResult.lines,\r\n totalWidth: Math.max(maxLineWidth, ...truncatedResult.lines.map(l => l.width)),\r\n totalHeight: maxHeight,\r\n isTruncated: true,\r\n graphemeCount: totalGraphemes + truncatedResult.addedGraphemes,\r\n ellipsisApplied: truncatedResult.ellipsisResult,\r\n };\r\n }\r\n\r\n // Mark last line in paragraph\r\n if (line === paragraphLines[paragraphLines.length - 1]) {\r\n line.isLastInParagraph = true;\r\n }\r\n\r\n allLines.push(line);\r\n totalHeight += line.height;\r\n maxLineWidth = Math.max(maxLineWidth, line.width);\r\n totalGraphemes += line.graphemes.length;\r\n }\r\n }\r\n\r\n // Apply ellipsis if width exceeded and ellipsis enabled\r\n let ellipsisResult: EllipsisResult | undefined;\r\n if (ellipsis && containerWidth) {\r\n for (const line of allLines) {\r\n if (line.width > maxWidth) {\r\n ellipsisResult = applyEllipsis(line.text, {\r\n maxWidth,\r\n maxHeight: Infinity,\r\n ellipsisChar: typeof ellipsis === 'string' ? ellipsis : '…',\r\n measureFn: (text: string) => measureLineWidth(text, options),\r\n });\r\n \r\n if (ellipsisResult.isTruncated) {\r\n // Rebuild truncated line\r\n const truncatedLine = layoutSingleLine(ellipsisResult.truncatedText, options);\r\n Object.assign(line, truncatedLine);\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Apply alignment\r\n const alignedLines = applyAlignment(allLines, align, maxLineWidth, options);\r\n\r\n // Apply vertical alignment\r\n const verticalOffset = calculateVerticalOffset(\r\n totalHeight,\r\n containerHeight || totalHeight,\r\n verticalAlign\r\n );\r\n\r\n // Adjust line positions for vertical alignment\r\n alignedLines.forEach(line => {\r\n line.bounds.forEach(bound => {\r\n bound.y += verticalOffset;\r\n });\r\n });\r\n\r\n return {\r\n lines: alignedLines,\r\n totalWidth: maxLineWidth,\r\n totalHeight: totalHeight,\r\n isTruncated: !!ellipsisResult?.isTruncated,\r\n graphemeCount: totalGraphemes,\r\n ellipsisApplied: ellipsisResult,\r\n };\r\n}\r\n\r\n/**\r\n * Layout a single paragraph with wrapping\r\n */\r\nfunction layoutParagraph(\r\n text: string, \r\n options: TextLayoutOptions & { width: number; isLastParagraph: boolean }\r\n): LayoutLine[] {\r\n const { wrap, width: maxWidth } = options;\r\n\r\n if (!text) {\r\n // Empty paragraph - create empty line\r\n return [createEmptyLine(options)];\r\n }\r\n\r\n // Handle no wrapping\r\n if (wrap === 'none' || maxWidth === Infinity) {\r\n return [layoutSingleLine(text, options, 0)];\r\n }\r\n\r\n // Apply wrapping\r\n const lines: string[] = [];\r\n \r\n if (wrap === 'word') {\r\n lines.push(...wrapByWords(text, maxWidth, options));\r\n } else if (wrap === 'char') {\r\n lines.push(...wrapByCharacters(text, maxWidth, options));\r\n }\r\n\r\n // Convert wrapped lines to layout lines, tracking text offset\r\n let textOffset = 0;\r\n const layoutLines = lines.map(lineText => {\r\n const line = layoutSingleLine(lineText, options, textOffset);\r\n textOffset += lineText.length + 1; // +1 for newline character\r\n return line;\r\n });\r\n \r\n return layoutLines;\r\n}\r\n\r\n/**\r\n * Layout a single line of text (no wrapping)\r\n */\r\nfunction layoutSingleLine(text: string, options: TextLayoutOptions, textOffset: number = 0): LayoutLine {\r\n const graphemes = segmentGraphemes(text);\r\n const bounds: GraphemeBounds[] = [];\r\n const measurementOptions = createMeasurementOptions(options);\r\n \r\n let x = 0;\r\n let lineWidth = 0;\r\n let lineHeight = 0;\r\n let charIndex = textOffset; // Track character position in original text\r\n \r\n // Measure each grapheme\r\n for (let i = 0; i < graphemes.length; i++) {\r\n const grapheme = graphemes[i];\r\n const prevGrapheme = i > 0 ? graphemes[i - 1] : undefined;\r\n \r\n // Measure with kerning\r\n const measurement = measureGraphemeWithKerning(\r\n grapheme,\r\n prevGrapheme,\r\n measurementOptions\r\n );\r\n \r\n // Apply letter spacing (Konva style - applied to ALL characters including last)\r\n const letterSpacing = options.letterSpacing || 0;\r\n const charSpacing = options.charSpacing ? \r\n (options.fontSize * options.charSpacing) / 1000 : 0;\r\n \r\n const totalSpacing = letterSpacing + charSpacing;\r\n const effectiveWidth = measurement.kernedWidth + totalSpacing;\r\n \r\n bounds.push({\r\n grapheme,\r\n x,\r\n y: 0, // Will be adjusted later\r\n width: measurement.width,\r\n height: measurement.height,\r\n kernedWidth: measurement.kernedWidth,\r\n left: x,\r\n baseline: measurement.baseline,\r\n charIndex: charIndex, // Character position in original text\r\n graphemeIndex: textOffset + i, // Grapheme index in original text\r\n });\r\n \r\n // Update character index for next iteration\r\n charIndex += grapheme.length;\r\n \r\n x += effectiveWidth;\r\n lineWidth += effectiveWidth;\r\n lineHeight = Math.max(lineHeight, measurement.height);\r\n }\r\n\r\n // Remove trailing spacing from total width (but keep in bounds for rendering)\r\n if (bounds.length > 0) {\r\n const letterSpacing = options.letterSpacing || 0;\r\n const charSpacing = options.charSpacing ? \r\n (options.fontSize * options.charSpacing) / 1000 : 0;\r\n const totalSpacing = letterSpacing + charSpacing;\r\n \r\n // Konva applies letterSpacing to all chars, so we don't remove it\r\n // lineWidth -= totalSpacing;\r\n }\r\n\r\n // Apply line height\r\n const finalHeight = lineHeight * options.lineHeight;\r\n\r\n return {\r\n text,\r\n graphemes,\r\n width: lineWidth,\r\n height: finalHeight,\r\n bounds,\r\n isWrapped: false,\r\n isLastInParagraph: false,\r\n baseline: finalHeight * 0.8, // Approximate baseline position\r\n };\r\n}\r\n\r\n/**\r\n * Word-based wrapping algorithm\r\n */\r\nfunction wrapByWords(text: string, maxWidth: number, options: TextLayoutOptions): string[] {\r\n const lines: string[] = [];\r\n const words = text.split(/(\\s+)/); // Preserve whitespace\r\n let currentLine = '';\r\n let currentWidth = 0;\r\n\r\n for (let i = 0; i < words.length; i++) {\r\n const word = words[i];\r\n const wordWidth = measureLineWidth(word, options);\r\n const testLine = currentLine ? currentLine + word : word;\r\n const testWidth = measureLineWidth(testLine, options);\r\n\r\n // If adding this word exceeds max width and we have content\r\n if (testWidth > maxWidth && currentLine) {\r\n lines.push(currentLine.trim());\r\n currentLine = word;\r\n currentWidth = wordWidth;\r\n }\r\n // If single word is too long, break it by characters\r\n else if (wordWidth > maxWidth && !currentLine) {\r\n const brokenWord = wrapByCharacters(word, maxWidth, options);\r\n lines.push(...brokenWord.slice(0, -1)); // All but last part\r\n currentLine = brokenWord[brokenWord.length - 1]; // Last part\r\n currentWidth = measureLineWidth(currentLine, options);\r\n }\r\n else {\r\n currentLine = testLine;\r\n currentWidth = testWidth;\r\n }\r\n }\r\n\r\n if (currentLine) {\r\n lines.push(currentLine.trim());\r\n }\r\n\r\n return lines.length > 0 ? lines : [''];\r\n}\r\n\r\n/**\r\n * Character-based wrapping algorithm \r\n */\r\nfunction wrapByCharacters(text: string, maxWidth: number, options: TextLayoutOptions): string[] {\r\n const lines: string[] = [];\r\n const graphemes = segmentGraphemes(text);\r\n let currentLine = '';\r\n \r\n for (const grapheme of graphemes) {\r\n const testLine = currentLine + grapheme;\r\n const testWidth = measureLineWidth(testLine, options);\r\n \r\n if (testWidth > maxWidth && currentLine) {\r\n lines.push(currentLine);\r\n currentLine = grapheme;\r\n } else {\r\n currentLine = testLine;\r\n }\r\n }\r\n \r\n if (currentLine) {\r\n lines.push(currentLine);\r\n }\r\n \r\n return lines.length > 0 ? lines : [''];\r\n}\r\n\r\n/**\r\n * Apply text alignment to lines\r\n */\r\nfunction applyAlignment(\r\n lines: LayoutLine[], \r\n align: string, \r\n containerWidth: number,\r\n options: TextLayoutOptions\r\n): LayoutLine[] {\r\n return lines.map(line => {\r\n let offsetX = 0;\r\n \r\n switch (align) {\r\n case 'center':\r\n offsetX = (containerWidth - line.width) / 2;\r\n break;\r\n case 'right':\r\n offsetX = containerWidth - line.width;\r\n break;\r\n case 'justify':\r\n if (!line.isLastInParagraph && line.graphemes.length > 1) {\r\n return applyJustification(line, containerWidth, options);\r\n }\r\n break;\r\n case 'left':\r\n default:\r\n offsetX = 0;\r\n break;\r\n }\r\n \r\n // Apply offset to all bounds\r\n if (offsetX !== 0) {\r\n line.bounds.forEach(bound => {\r\n bound.x += offsetX;\r\n bound.left += offsetX;\r\n });\r\n }\r\n \r\n return line;\r\n });\r\n}\r\n\r\n/**\r\n * Apply justify alignment by expanding spaces\r\n */\r\nfunction applyJustification(\r\n line: LayoutLine, \r\n containerWidth: number, \r\n options: TextLayoutOptions\r\n): LayoutLine {\r\n const spaces = line.graphemes.filter(g => /\\s/.test(g)).length;\r\n if (spaces === 0) return line;\r\n \r\n const extraSpace = containerWidth - line.width;\r\n const spaceExpansion = extraSpace / spaces;\r\n \r\n let offsetX = 0;\r\n line.bounds.forEach(bound => {\r\n bound.x += offsetX;\r\n bound.left += offsetX;\r\n \r\n if (/\\s/.test(bound.grapheme)) {\r\n bound.kernedWidth += spaceExpansion;\r\n bound.width += spaceExpansion;\r\n offsetX += spaceExpansion;\r\n }\r\n });\r\n \r\n line.width = containerWidth;\r\n line.justifyRatio = 1 + (spaceExpansion / (options.fontSize * 0.25)); // Approximate space width\r\n \r\n return line;\r\n}\r\n\r\n/**\r\n * Calculate vertical alignment offset\r\n */\r\nfunction calculateVerticalOffset(\r\n contentHeight: number,\r\n containerHeight: number, \r\n align: 'top' | 'middle' | 'bottom'\r\n): number {\r\n switch (align) {\r\n case 'middle':\r\n return (containerHeight - contentHeight) / 2;\r\n case 'bottom':\r\n return containerHeight - contentHeight;\r\n case 'top':\r\n default:\r\n return 0;\r\n }\r\n}\r\n\r\n/**\r\n * Handle height overflow with ellipsis\r\n */\r\nfunction handleHeightOverflow(\r\n existingLines: LayoutLine[],\r\n overflowLine: LayoutLine,\r\n remainingHeight: number,\r\n options: TextLayoutOptions\r\n): { \r\n lines: LayoutLine[]; \r\n addedGraphemes: number; \r\n ellipsisResult?: EllipsisResult;\r\n} {\r\n // If ellipsis is enabled, try to fit part of the overflow line\r\n if (options.ellipsis && remainingHeight > 0) {\r\n const ellipsisChar = typeof options.ellipsis === 'string' ? options.ellipsis : '…';\r\n const maxWidth = options.width || Infinity;\r\n \r\n const ellipsisResult = applyEllipsis(overflowLine.text, {\r\n maxWidth,\r\n maxHeight: remainingHeight,\r\n ellipsisChar,\r\n measureFn: (text: string) => measureLineWidth(text, options),\r\n });\r\n \r\n if (ellipsisResult.isTruncated) {\r\n const truncatedLine = layoutSingleLine(ellipsisResult.truncatedText, options);\r\n truncatedLine.isLastInParagraph = true;\r\n \r\n return {\r\n lines: [...existingLines, truncatedLine],\r\n addedGraphemes: truncatedLine.graphemes.length,\r\n ellipsisResult,\r\n };\r\n }\r\n }\r\n \r\n return {\r\n lines: existingLines,\r\n addedGraphemes: 0,\r\n };\r\n}\r\n\r\n/**\r\n * Create empty line for empty paragraphs\r\n */\r\nfunction createEmptyLine(options: TextLayoutOptions): LayoutLine {\r\n const height = options.fontSize * options.lineHeight;\r\n \r\n return {\r\n text: '',\r\n graphemes: [],\r\n width: 0,\r\n height,\r\n bounds: [],\r\n isWrapped: false,\r\n isLastInParagraph: true,\r\n baseline: height * 0.8,\r\n };\r\n}\r\n\r\n/**\r\n * Measure width of a line of text\r\n */\r\nfunction measureLineWidth(text: string, options: TextLayoutOptions): number {\r\n const graphemes = segmentGraphemes(text);\r\n const measurementOptions = createMeasurementOptions(options);\r\n \r\n let width = 0;\r\n for (let i = 0; i < graphemes.length; i++) {\r\n const grapheme = graphemes[i];\r\n const prevGrapheme = i > 0 ? graphemes[i - 1] : undefined;\r\n \r\n const measurement = measureGraphemeWithKerning(\r\n grapheme,\r\n prevGrapheme, \r\n measurementOptions\r\n );\r\n \r\n const letterSpacing = options.letterSpacing || 0;\r\n const charSpacing = options.charSpacing ? \r\n (options.fontSize * options.charSpacing) / 1000 : 0;\r\n \r\n width += measurement.kernedWidth + letterSpacing + charSpacing;\r\n }\r\n \r\n return width;\r\n}\r\n\r\n/**\r\n * Convert layout options to measurement options\r\n */\r\nfunction createMeasurementOptions(options: TextLayoutOptions): MeasurementOptions {\r\n return {\r\n fontFamily: options.fontFamily,\r\n fontSize: options.fontSize,\r\n fontStyle: options.fontStyle,\r\n fontWeight: options.fontWeight,\r\n letterSpacing: options.letterSpacing,\r\n direction: options.direction === 'inherit' ? 'ltr' : options.direction,\r\n };\r\n}"],"names":["layoutText","options","_ellipsisResult","text","width","containerWidth","height","containerHeight","wrap","align","ellipsis","direction","padding","verticalAlign","lines","totalWidth","totalHeight","isTruncated","graphemeCount","maxWidth","Infinity","maxHeight","paragraphs","split","allLines","ellipsisResult","maxLineWidth","totalGraphemes","i","length","paragraph","isLastParagraph","paragraphLines","layoutParagraph","line","truncatedResult","handleHeightOverflow","Math","max","map","l","addedGraphemes","ellipsisApplied","isLastInParagraph","push","graphemes","applyEllipsis","ellipsisChar","measureFn","measureLineWidth","truncatedLine","layoutSingleLine","truncatedText","Object","assign","alignedLines","offsetX","spaces","filter","g","test","extraSpace","spaceExpansion","bounds","forEach","bound","x","left","grapheme","kernedWidth","justifyRatio","fontSize","applyJustification","applyAlignment","verticalOffset","contentHeight","calculateVerticalOffset","y","createEmptyLine","words","currentLine","word","wordWidth","testLine","trim","brokenWord","wrapByCharacters","slice","wrapByWords","textOffset","lineText","arguments","undefined","segmentGraphemes","measurementOptions","createMeasurementOptions","lineWidth","lineHeight","charIndex","prevGrapheme","measurement","measureGraphemeWithKerning","totalSpacing","letterSpacing","charSpacing","effectiveWidth","baseline","graphemeIndex","finalHeight","isWrapped","existingLines","overflowLine","remainingHeight","fontFamily","fontStyle","fontWeight"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"layout.min.mjs","sources":["../../../src/text/layout.ts"],"sourcesContent":["/**\r\n * Core Text Layout Engine\r\n * \r\n * Implements Konva-compatible text layout with support for:\r\n * - Multiple wrap modes (word/char/none)\r\n * - Ellipsis truncation\r\n * - Justify alignment with proper space distribution\r\n * - RTL/LTR text direction\r\n * - Advanced grapheme handling\r\n */\r\n\r\nimport { graphemeSplit } from '../util/lang_string';\r\nimport type { MeasurementOptions, GraphemeMeasurement, KerningMeasurement } from './measure';\r\nimport { measureGrapheme, measureGraphemeWithKerning, getFontMetrics } from './measure';\r\nimport type { EllipsisResult } from './ellipsis';\r\nimport { applyEllipsis } from './ellipsis';\r\nimport { segmentGraphemes, analyzeBiDi, type BiDiRun } from './unicode';\r\n\r\nexport interface TextLayoutOptions {\r\n text: string;\r\n width?: number;\r\n height?: number;\r\n wrap: 'word' | 'char' | 'none';\r\n align: 'left' | 'center' | 'right' | 'justify';\r\n ellipsis?: boolean | string;\r\n fontSize: number;\r\n lineHeight: number;\r\n letterSpacing?: number; // px-based (Konva style)\r\n charSpacing?: number; // em-based (Fabric style) \r\n direction: 'ltr' | 'rtl' | 'inherit';\r\n fontFamily: string;\r\n fontStyle: string;\r\n fontWeight: string | number;\r\n padding?: number;\r\n verticalAlign?: 'top' | 'middle' | 'bottom';\r\n}\r\n\r\nexport interface LayoutResult {\r\n lines: LayoutLine[];\r\n totalWidth: number;\r\n totalHeight: number;\r\n isTruncated: boolean;\r\n graphemeCount: number;\r\n ellipsisApplied?: EllipsisResult;\r\n}\r\n\r\nexport interface LayoutLine {\r\n text: string;\r\n graphemes: string[];\r\n width: number;\r\n height: number;\r\n bounds: GraphemeBounds[];\r\n isWrapped: boolean;\r\n isLastInParagraph: boolean;\r\n justifyRatio?: number; // For justify alignment - space expansion factor\r\n baseline: number;\r\n}\r\n\r\nexport interface GraphemeBounds {\r\n grapheme: string;\r\n x: number;\r\n y: number;\r\n width: number;\r\n height: number;\r\n kernedWidth: number;\r\n left: number;\r\n baseline: number;\r\n deltaY?: number;\r\n charIndex: number; // Logical character index in original text\r\n graphemeIndex: number; // Logical grapheme index in original text\r\n}\r\n\r\n/**\r\n * Main text layout function - converts text and options into positioned layout\r\n */\r\nexport function layoutText(options: TextLayoutOptions): LayoutResult {\r\n const {\r\n text,\r\n width: containerWidth,\r\n height: containerHeight,\r\n wrap,\r\n align,\r\n ellipsis,\r\n direction,\r\n padding = 0,\r\n verticalAlign = 'top'\r\n } = options;\r\n\r\n // Handle empty text\r\n if (!text) {\r\n return {\r\n lines: [],\r\n totalWidth: 0,\r\n totalHeight: 0,\r\n isTruncated: false,\r\n graphemeCount: 0,\r\n };\r\n }\r\n\r\n // Calculate available space\r\n const maxWidth = containerWidth ? containerWidth - (padding * 2) : Infinity;\r\n const maxHeight = containerHeight ? containerHeight - (padding * 2) : Infinity;\r\n\r\n // Split text into paragraphs (by \\n)\r\n const paragraphs = text.split('\\n');\r\n \r\n // Process each paragraph\r\n const allLines: LayoutLine[] = [];\r\n let totalHeight = 0;\r\n let maxLineWidth = 0;\r\n let totalGraphemes = 0;\r\n\r\n for (let i = 0; i < paragraphs.length; i++) {\r\n const paragraph = paragraphs[i];\r\n const isLastParagraph = i === paragraphs.length - 1;\r\n \r\n // Layout this paragraph\r\n const paragraphLines = layoutParagraph(paragraph, {\r\n ...options,\r\n width: maxWidth,\r\n isLastParagraph,\r\n });\r\n \r\n // Check height constraints\r\n for (const line of paragraphLines) {\r\n if (containerHeight && totalHeight + line.height > maxHeight) {\r\n // Height exceeded - truncate here\r\n const truncatedResult = handleHeightOverflow(\r\n allLines,\r\n line,\r\n maxHeight - totalHeight,\r\n options\r\n );\r\n \r\n return {\r\n lines: truncatedResult.lines,\r\n totalWidth: Math.max(maxLineWidth, ...truncatedResult.lines.map(l => l.width)),\r\n totalHeight: maxHeight,\r\n isTruncated: true,\r\n graphemeCount: totalGraphemes + truncatedResult.addedGraphemes,\r\n ellipsisApplied: truncatedResult.ellipsisResult,\r\n };\r\n }\r\n\r\n // Mark last line in paragraph\r\n if (line === paragraphLines[paragraphLines.length - 1]) {\r\n line.isLastInParagraph = true;\r\n }\r\n\r\n allLines.push(line);\r\n totalHeight += line.height;\r\n maxLineWidth = Math.max(maxLineWidth, line.width);\r\n totalGraphemes += line.graphemes.length;\r\n }\r\n }\r\n\r\n // Apply ellipsis if width exceeded and ellipsis enabled\r\n let ellipsisResult: EllipsisResult | undefined;\r\n if (ellipsis && containerWidth) {\r\n for (const line of allLines) {\r\n if (line.width > maxWidth) {\r\n ellipsisResult = applyEllipsis(line.text, {\r\n maxWidth,\r\n maxHeight: Infinity,\r\n ellipsisChar: typeof ellipsis === 'string' ? ellipsis : '…',\r\n measureFn: (text: string) => measureLineWidth(text, options),\r\n });\r\n \r\n if (ellipsisResult.isTruncated) {\r\n // Rebuild truncated line\r\n const truncatedLine = layoutSingleLine(ellipsisResult.truncatedText, options);\r\n Object.assign(line, truncatedLine);\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Apply alignment\r\n const alignedLines = applyAlignment(allLines, align, maxLineWidth, options);\r\n\r\n // Apply vertical alignment\r\n const verticalOffset = calculateVerticalOffset(\r\n totalHeight,\r\n containerHeight || totalHeight,\r\n verticalAlign\r\n );\r\n\r\n // Adjust line positions for vertical alignment\r\n alignedLines.forEach(line => {\r\n line.bounds.forEach(bound => {\r\n bound.y += verticalOffset;\r\n });\r\n });\r\n\r\n return {\r\n lines: alignedLines,\r\n totalWidth: maxLineWidth,\r\n totalHeight: totalHeight,\r\n isTruncated: !!ellipsisResult?.isTruncated,\r\n graphemeCount: totalGraphemes,\r\n ellipsisApplied: ellipsisResult,\r\n };\r\n}\r\n\r\n/**\r\n * Layout a single paragraph with wrapping\r\n */\r\nfunction layoutParagraph(\r\n text: string, \r\n options: TextLayoutOptions & { width: number; isLastParagraph: boolean }\r\n): LayoutLine[] {\r\n const { wrap, width: maxWidth } = options;\r\n\r\n if (!text) {\r\n // Empty paragraph - create empty line\r\n return [createEmptyLine(options)];\r\n }\r\n\r\n // Handle no wrapping\r\n if (wrap === 'none' || maxWidth === Infinity) {\r\n return [layoutSingleLine(text, options, 0)];\r\n }\r\n\r\n // Apply wrapping\r\n const lines: string[] = [];\r\n \r\n if (wrap === 'word') {\r\n lines.push(...wrapByWords(text, maxWidth, options));\r\n } else if (wrap === 'char') {\r\n lines.push(...wrapByCharacters(text, maxWidth, options));\r\n }\r\n\r\n // Convert wrapped lines to layout lines, tracking text offset\r\n let textOffset = 0;\r\n const layoutLines = lines.map(lineText => {\r\n const line = layoutSingleLine(lineText, options, textOffset);\r\n textOffset += lineText.length + 1; // +1 for newline character\r\n return line;\r\n });\r\n \r\n return layoutLines;\r\n}\r\n\r\n/**\r\n * Layout a single line of text (no wrapping)\r\n */\r\nfunction layoutSingleLine(text: string, options: TextLayoutOptions, textOffset: number = 0): LayoutLine {\r\n const graphemes = segmentGraphemes(text);\r\n const bounds: GraphemeBounds[] = [];\r\n const measurementOptions = createMeasurementOptions(options);\r\n\r\n let x = 0;\r\n let lineWidth = 0;\r\n let lineHeight = 0;\r\n let charIndex = textOffset; // Track character position in original text\r\n\r\n // Measure each grapheme in logical order\r\n for (let i = 0; i < graphemes.length; i++) {\r\n const grapheme = graphemes[i];\r\n const prevGrapheme = i > 0 ? graphemes[i - 1] : undefined;\r\n\r\n // Measure with kerning\r\n const measurement = measureGraphemeWithKerning(\r\n grapheme,\r\n prevGrapheme,\r\n measurementOptions\r\n );\r\n\r\n // Apply letter spacing (Konva style - applied to ALL characters including last)\r\n const letterSpacing = options.letterSpacing || 0;\r\n const charSpacing = options.charSpacing ?\r\n (options.fontSize * options.charSpacing) / 1000 : 0;\r\n\r\n const totalSpacing = letterSpacing + charSpacing;\r\n const effectiveWidth = measurement.kernedWidth + totalSpacing;\r\n\r\n bounds.push({\r\n grapheme,\r\n x, // Will be updated by BiDi reordering\r\n y: 0, // Will be adjusted later\r\n width: measurement.width,\r\n height: measurement.height,\r\n kernedWidth: measurement.kernedWidth,\r\n left: x, // Logical position (cumulative)\r\n baseline: measurement.baseline,\r\n charIndex: charIndex, // Character position in original text\r\n graphemeIndex: textOffset + i, // Grapheme index in original text\r\n });\r\n\r\n // Update character index for next iteration\r\n charIndex += grapheme.length;\r\n\r\n x += effectiveWidth;\r\n lineWidth += effectiveWidth;\r\n lineHeight = Math.max(lineHeight, measurement.height);\r\n }\r\n\r\n // Note: BiDi visual reordering is handled by the browser's canvas fillText\r\n // The layout stores positions in logical order; hit testing handles the visual mapping\r\n\r\n // Remove trailing spacing from total width (but keep in bounds for rendering)\r\n if (bounds.length > 0) {\r\n const letterSpacing = options.letterSpacing || 0;\r\n const charSpacing = options.charSpacing ?\r\n (options.fontSize * options.charSpacing) / 1000 : 0;\r\n const totalSpacing = letterSpacing + charSpacing;\r\n\r\n // Konva applies letterSpacing to all chars, so we don't remove it\r\n // lineWidth -= totalSpacing;\r\n }\r\n\r\n // Apply line height\r\n // Note: Fabric.js uses _fontSizeMult = 1.13 for line height calculation\r\n const fontSizeMult = 1.13;\r\n const finalHeight = lineHeight * options.lineHeight * fontSizeMult;\r\n\r\n return {\r\n text,\r\n graphemes,\r\n width: lineWidth,\r\n height: finalHeight,\r\n bounds,\r\n isWrapped: false,\r\n isLastInParagraph: false,\r\n baseline: finalHeight * 0.8, // Approximate baseline position\r\n };\r\n}\r\n\r\n/**\r\n * Word-based wrapping algorithm\r\n */\r\nfunction wrapByWords(text: string, maxWidth: number, options: TextLayoutOptions): string[] {\r\n const lines: string[] = [];\r\n const words = text.split(/(\\s+)/); // Preserve whitespace\r\n let currentLine = '';\r\n let currentWidth = 0;\r\n\r\n for (let i = 0; i < words.length; i++) {\r\n const word = words[i];\r\n const wordWidth = measureLineWidth(word, options);\r\n const testLine = currentLine ? currentLine + word : word;\r\n const testWidth = measureLineWidth(testLine, options);\r\n\r\n // If adding this word exceeds max width and we have content\r\n if (testWidth > maxWidth && currentLine) {\r\n lines.push(currentLine.trim());\r\n currentLine = word;\r\n currentWidth = wordWidth;\r\n }\r\n // If single word is too long, break it by characters\r\n else if (wordWidth > maxWidth && !currentLine) {\r\n const brokenWord = wrapByCharacters(word, maxWidth, options);\r\n lines.push(...brokenWord.slice(0, -1)); // All but last part\r\n currentLine = brokenWord[brokenWord.length - 1]; // Last part\r\n currentWidth = measureLineWidth(currentLine, options);\r\n }\r\n else {\r\n currentLine = testLine;\r\n currentWidth = testWidth;\r\n }\r\n }\r\n\r\n if (currentLine) {\r\n lines.push(currentLine.trim());\r\n }\r\n\r\n return lines.length > 0 ? lines : [''];\r\n}\r\n\r\n/**\r\n * Character-based wrapping algorithm \r\n */\r\nfunction wrapByCharacters(text: string, maxWidth: number, options: TextLayoutOptions): string[] {\r\n const lines: string[] = [];\r\n const graphemes = segmentGraphemes(text);\r\n let currentLine = '';\r\n \r\n for (const grapheme of graphemes) {\r\n const testLine = currentLine + grapheme;\r\n const testWidth = measureLineWidth(testLine, options);\r\n \r\n if (testWidth > maxWidth && currentLine) {\r\n lines.push(currentLine);\r\n currentLine = grapheme;\r\n } else {\r\n currentLine = testLine;\r\n }\r\n }\r\n \r\n if (currentLine) {\r\n lines.push(currentLine);\r\n }\r\n \r\n return lines.length > 0 ? lines : [''];\r\n}\r\n\r\n/**\r\n * Apply BiDi visual reordering to calculate correct visual X positions\r\n * This implements the Unicode Bidirectional Algorithm for character placement\r\n */\r\nfunction applyBiDiVisualReordering(\r\n line: LayoutLine,\r\n options: TextLayoutOptions\r\n): LayoutLine {\r\n const baseDirection = options.direction === 'inherit' ? 'ltr' : options.direction;\r\n\r\n // Quick check: if all characters are same direction as base, no reordering needed\r\n const runs = analyzeBiDi(line.text, baseDirection);\r\n const hasMixedBiDi = runs.length > 1 || (runs.length === 1 && runs[0].direction !== baseDirection);\r\n\r\n if (!hasMixedBiDi) {\r\n // For pure LTR or pure RTL, just set visual x = logical left\r\n // For RTL base direction, we need to flip positions\r\n if (baseDirection === 'rtl') {\r\n // RTL: rightmost character should be at x=0, leftmost at x=lineWidth\r\n line.bounds.forEach(bound => {\r\n bound.x = line.width - bound.left - bound.kernedWidth;\r\n });\r\n }\r\n // For LTR, x is already correct (same as left)\r\n return line;\r\n }\r\n\r\n // Mixed BiDi text - need to reorder runs visually\r\n // 1. Build mapping from grapheme index to run\r\n const graphemeToRun: number[] = [];\r\n let runGraphemeStart = 0;\r\n\r\n for (let runIdx = 0; runIdx < runs.length; runIdx++) {\r\n const run = runs[runIdx];\r\n const runGraphemes = segmentGraphemes(run.text);\r\n for (let i = 0; i < runGraphemes.length; i++) {\r\n graphemeToRun.push(runIdx);\r\n }\r\n runGraphemeStart += runGraphemes.length;\r\n }\r\n\r\n // 2. Calculate run widths and positions\r\n const runWidths: number[] = [];\r\n const runStartIndices: number[] = [];\r\n let currentIdx = 0;\r\n\r\n for (const run of runs) {\r\n runStartIndices.push(currentIdx);\r\n const runGraphemes = segmentGraphemes(run.text);\r\n let runWidth = 0;\r\n for (let i = 0; i < runGraphemes.length; i++) {\r\n if (currentIdx + i < line.bounds.length) {\r\n const letterSpacing = options.letterSpacing || 0;\r\n const charSpacing = options.charSpacing ?\r\n (options.fontSize * options.charSpacing) / 1000 : 0;\r\n runWidth += line.bounds[currentIdx + i].kernedWidth + letterSpacing + charSpacing;\r\n }\r\n }\r\n runWidths.push(runWidth);\r\n currentIdx += runGraphemes.length;\r\n }\r\n\r\n // 3. Determine visual order of runs based on base direction\r\n // RTL base: runs display right-to-left (first run on right)\r\n // LTR base: runs display left-to-right (first run on left)\r\n const visualRunOrder = runs.map((_, i) => i);\r\n if (baseDirection === 'rtl') {\r\n visualRunOrder.reverse();\r\n }\r\n\r\n // 4. Calculate visual X position for each run\r\n const runVisualX: number[] = new Array(runs.length);\r\n let currentX = 0;\r\n\r\n for (const runIdx of visualRunOrder) {\r\n runVisualX[runIdx] = currentX;\r\n currentX += runWidths[runIdx];\r\n }\r\n\r\n // 5. Assign visual X positions to each grapheme\r\n for (let i = 0; i < line.bounds.length; i++) {\r\n const runIdx = graphemeToRun[i];\r\n if (runIdx === undefined) continue;\r\n\r\n const run = runs[runIdx];\r\n const runStart = runStartIndices[runIdx];\r\n\r\n // Calculate spacing once\r\n const letterSpacing = options.letterSpacing || 0;\r\n const charSpacing = options.charSpacing ?\r\n (options.fontSize * options.charSpacing) / 1000 : 0;\r\n const totalSpacing = letterSpacing + charSpacing;\r\n\r\n // Calculate offset within run (sum of widths of chars before this one)\r\n let offsetInRun = 0;\r\n for (let j = runStart; j < i; j++) {\r\n offsetInRun += line.bounds[j].kernedWidth + totalSpacing;\r\n }\r\n\r\n // Character width including spacing\r\n const charWidth = line.bounds[i].kernedWidth + totalSpacing;\r\n\r\n // For RTL runs, characters within the run are reversed visually\r\n // First logical char appears on the right, last on the left\r\n if (run.direction === 'rtl') {\r\n // Visual X = run right edge - cumulative width including this char\r\n // This places first char at right side of run, last char at left side\r\n line.bounds[i].x = runVisualX[runIdx] + runWidths[runIdx] - offsetInRun - charWidth;\r\n } else {\r\n // LTR run: visual position is run start + offset within run\r\n line.bounds[i].x = runVisualX[runIdx] + offsetInRun;\r\n }\r\n }\r\n\r\n return line;\r\n}\r\n\r\n/**\r\n * Apply text alignment to lines\r\n */\r\nfunction applyAlignment(\r\n lines: LayoutLine[],\r\n align: string,\r\n containerWidth: number,\r\n options: TextLayoutOptions\r\n): LayoutLine[] {\r\n return lines.map(line => {\r\n // First apply BiDi reordering to get correct visual X positions\r\n applyBiDiVisualReordering(line, options);\r\n\r\n let offsetX = 0;\r\n\r\n switch (align) {\r\n case 'center':\r\n offsetX = (containerWidth - line.width) / 2;\r\n break;\r\n case 'right':\r\n offsetX = containerWidth - line.width;\r\n break;\r\n case 'justify':\r\n if (!line.isLastInParagraph && line.graphemes.length > 1) {\r\n return applyJustification(line, containerWidth, options);\r\n }\r\n break;\r\n case 'left':\r\n default:\r\n offsetX = 0;\r\n break;\r\n }\r\n\r\n // Apply offset to all bounds (both visual x and logical left for alignment)\r\n if (offsetX !== 0) {\r\n line.bounds.forEach(bound => {\r\n bound.x += offsetX;\r\n bound.left += offsetX;\r\n });\r\n }\r\n\r\n return line;\r\n });\r\n}\r\n\r\n/**\r\n * Apply justify alignment by expanding spaces\r\n */\r\nfunction applyJustification(\r\n line: LayoutLine, \r\n containerWidth: number, \r\n options: TextLayoutOptions\r\n): LayoutLine {\r\n const spaces = line.graphemes.filter(g => /\\s/.test(g)).length;\r\n if (spaces === 0) return line;\r\n \r\n const extraSpace = containerWidth - line.width;\r\n const spaceExpansion = extraSpace / spaces;\r\n \r\n let offsetX = 0;\r\n line.bounds.forEach(bound => {\r\n bound.x += offsetX;\r\n bound.left += offsetX;\r\n \r\n if (/\\s/.test(bound.grapheme)) {\r\n bound.kernedWidth += spaceExpansion;\r\n bound.width += spaceExpansion;\r\n offsetX += spaceExpansion;\r\n }\r\n });\r\n \r\n line.width = containerWidth;\r\n line.justifyRatio = 1 + (spaceExpansion / (options.fontSize * 0.25)); // Approximate space width\r\n \r\n return line;\r\n}\r\n\r\n/**\r\n * Calculate vertical alignment offset\r\n */\r\nfunction calculateVerticalOffset(\r\n contentHeight: number,\r\n containerHeight: number, \r\n align: 'top' | 'middle' | 'bottom'\r\n): number {\r\n switch (align) {\r\n case 'middle':\r\n return (containerHeight - contentHeight) / 2;\r\n case 'bottom':\r\n return containerHeight - contentHeight;\r\n case 'top':\r\n default:\r\n return 0;\r\n }\r\n}\r\n\r\n/**\r\n * Handle height overflow with ellipsis\r\n */\r\nfunction handleHeightOverflow(\r\n existingLines: LayoutLine[],\r\n overflowLine: LayoutLine,\r\n remainingHeight: number,\r\n options: TextLayoutOptions\r\n): { \r\n lines: LayoutLine[]; \r\n addedGraphemes: number; \r\n ellipsisResult?: EllipsisResult;\r\n} {\r\n // If ellipsis is enabled, try to fit part of the overflow line\r\n if (options.ellipsis && remainingHeight > 0) {\r\n const ellipsisChar = typeof options.ellipsis === 'string' ? options.ellipsis : '…';\r\n const maxWidth = options.width || Infinity;\r\n \r\n const ellipsisResult = applyEllipsis(overflowLine.text, {\r\n maxWidth,\r\n maxHeight: remainingHeight,\r\n ellipsisChar,\r\n measureFn: (text: string) => measureLineWidth(text, options),\r\n });\r\n \r\n if (ellipsisResult.isTruncated) {\r\n const truncatedLine = layoutSingleLine(ellipsisResult.truncatedText, options);\r\n truncatedLine.isLastInParagraph = true;\r\n \r\n return {\r\n lines: [...existingLines, truncatedLine],\r\n addedGraphemes: truncatedLine.graphemes.length,\r\n ellipsisResult,\r\n };\r\n }\r\n }\r\n \r\n return {\r\n lines: existingLines,\r\n addedGraphemes: 0,\r\n };\r\n}\r\n\r\n/**\r\n * Create empty line for empty paragraphs\r\n */\r\nfunction createEmptyLine(options: TextLayoutOptions): LayoutLine {\r\n // Fabric.js uses _fontSizeMult = 1.13 for line height calculation\r\n const fontSizeMult = 1.13;\r\n const height = options.fontSize * options.lineHeight * fontSizeMult;\r\n\r\n return {\r\n text: '',\r\n graphemes: [],\r\n width: 0,\r\n height,\r\n bounds: [],\r\n isWrapped: false,\r\n isLastInParagraph: true,\r\n baseline: height * 0.8,\r\n };\r\n}\r\n\r\n/**\r\n * Measure width of a line of text\r\n */\r\nfunction measureLineWidth(text: string, options: TextLayoutOptions): number {\r\n const graphemes = segmentGraphemes(text);\r\n const measurementOptions = createMeasurementOptions(options);\r\n \r\n let width = 0;\r\n for (let i = 0; i < graphemes.length; i++) {\r\n const grapheme = graphemes[i];\r\n const prevGrapheme = i > 0 ? graphemes[i - 1] : undefined;\r\n \r\n const measurement = measureGraphemeWithKerning(\r\n grapheme,\r\n prevGrapheme, \r\n measurementOptions\r\n );\r\n \r\n const letterSpacing = options.letterSpacing || 0;\r\n const charSpacing = options.charSpacing ? \r\n (options.fontSize * options.charSpacing) / 1000 : 0;\r\n \r\n width += measurement.kernedWidth + letterSpacing + charSpacing;\r\n }\r\n \r\n return width;\r\n}\r\n\r\n/**\r\n * Convert layout options to measurement options\r\n */\r\nfunction createMeasurementOptions(options: TextLayoutOptions): MeasurementOptions {\r\n return {\r\n fontFamily: options.fontFamily,\r\n fontSize: options.fontSize,\r\n fontStyle: options.fontStyle,\r\n fontWeight: options.fontWeight,\r\n letterSpacing: options.letterSpacing,\r\n direction: options.direction === 'inherit' ? 'ltr' : options.direction,\r\n };\r\n}"],"names":["layoutText","options","_ellipsisResult","text","width","containerWidth","height","containerHeight","wrap","align","ellipsis","direction","padding","verticalAlign","lines","totalWidth","totalHeight","isTruncated","graphemeCount","maxWidth","Infinity","maxHeight","paragraphs","split","allLines","ellipsisResult","maxLineWidth","totalGraphemes","i","length","paragraph","isLastParagraph","paragraphLines","layoutParagraph","line","truncatedResult","handleHeightOverflow","Math","max","map","l","addedGraphemes","ellipsisApplied","isLastInParagraph","push","graphemes","applyEllipsis","ellipsisChar","measureFn","measureLineWidth","truncatedLine","layoutSingleLine","truncatedText","Object","assign","alignedLines","baseDirection","runs","analyzeBiDi","bounds","forEach","bound","x","left","kernedWidth","graphemeToRun","runGraphemeStart","runIdx","run","runGraphemes","segmentGraphemes","runWidths","runStartIndices","currentIdx","runWidth","letterSpacing","charSpacing","fontSize","visualRunOrder","_","reverse","runVisualX","Array","currentX","undefined","runStart","totalSpacing","offsetInRun","j","charWidth","applyBiDiVisualReordering","offsetX","spaces","filter","g","test","extraSpace","spaceExpansion","grapheme","justifyRatio","applyJustification","applyAlignment","verticalOffset","contentHeight","calculateVerticalOffset","y","createEmptyLine","words","currentLine","word","wordWidth","testLine","trim","brokenWord","wrapByCharacters","slice","wrapByWords","textOffset","lineText","arguments","measurementOptions","createMeasurementOptions","lineWidth","lineHeight","charIndex","prevGrapheme","measurement","measureGraphemeWithKerning","effectiveWidth","baseline","graphemeIndex","finalHeight","isWrapped","existingLines","overflowLine","remainingHeight","fontFamily","fontStyle","fontWeight"],"mappings":"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"}
|