@vectojs/core 1.7.0 → 1.8.0

package/dist/{chunk-3CODWSF3.mjs → chunk-RQ2ETTBN.mjs}

@@ -1,6 +1,8 @@
 import {
+  ArabicShaper,
+  BidiResolver,
   LayoutWorkerManager
-} from "./chunk-STWPTWO4.mjs";
+} from "./chunk-IESDTEJ4.mjs";
 
 // src/math/SpringPhysics.ts
 var MAX_FRAME_DT = 0.25;
@@ -1459,6 +1461,205 @@ var SVGEntity = class extends Entity {
   }
 };
 
+// src/text/PreparedContentGrid.ts
+var nextRevision = 1;
+var graphemeSegmenter = typeof Intl !== "undefined" && "Segmenter" in Intl ? new Intl.Segmenter(void 0, { granularity: "grapheme" }) : null;
+var MARK = /\p{Mark}/u;
+var EXTENDED_PICTOGRAPHIC = /\p{Extended_Pictographic}/u;
+var REGIONAL_INDICATOR = /\p{Regional_Indicator}/u;
+var BIDI_CONTROL = /\p{Bidi_Control}/u;
+var EAST_ASIAN_WIDE = /[ᄀ-ᅟ⌚-⌛⏩-⏬⏰⏳◽-◾⺀-〾ぁ-㏿㐀-䶿一-鿿ꀀ-꓏가-힣豈-﫿︰-﹏＀-｠￠-￦]/u;
+function codePointAt(text, index) {
+  const point = text.codePointAt(index);
+  if (point === void 0) return { value: "", next: index };
+  const value = String.fromCodePoint(point);
+  return { value, next: index + value.length };
+}
+function fallbackGraphemes(text) {
+  const parts = [];
+  let index = 0;
+  while (index < text.length) {
+    const start = index;
+    let current = codePointAt(text, index);
+    let segment = current.value;
+    index = current.next;
+    let regionalCount = REGIONAL_INDICATOR.test(segment) ? 1 : 0;
+    while (index < text.length) {
+      current = codePointAt(text, index);
+      const point = current.value.codePointAt(0) ?? 0;
+      const isVariation = point >= 65024 && point <= 65039;
+      const isEmojiModifier = point >= 127995 && point <= 127999;
+      const isKeycap = point === 8419;
+      if (MARK.test(current.value) || isVariation || isEmojiModifier || isKeycap) {
+        segment += current.value;
+        index = current.next;
+        continue;
+      }
+      if (REGIONAL_INDICATOR.test(current.value) && regionalCount === 1) {
+        segment += current.value;
+        index = current.next;
+        regionalCount++;
+        continue;
+      }
+      if (point === 8205) {
+        segment += current.value;
+        index = current.next;
+        if (index < text.length) {
+          current = codePointAt(text, index);
+          segment += current.value;
+          index = current.next;
+        }
+        continue;
+      }
+      break;
+    }
+    parts.push({ segment, index: start });
+  }
+  return parts;
+}
+function graphemes(text) {
+  if (!graphemeSegmenter) return fallbackGraphemes(text);
+  return Array.from(graphemeSegmenter.segment(text), (part) => ({
+    segment: part.segment,
+    index: part.index
+  }));
+}
+function lowerBound(values, target) {
+  let low = 0;
+  let high = values.length;
+  while (low < high) {
+    const middle = low + high >>> 1;
+    if (values[middle] < target) low = middle + 1;
+    else high = middle;
+  }
+  return low;
+}
+function isWideCluster(cluster) {
+  if (EXTENDED_PICTOGRAPHIC.test(cluster) || REGIONAL_INDICATOR.test(cluster)) return true;
+  if (cluster.includes("\u20E3")) return true;
+  if (EAST_ASIAN_WIDE.test(cluster)) return true;
+  const point = cluster.codePointAt(0) ?? 0;
+  return point >= 131072 && point <= 262141;
+}
+function sourceLines(source) {
+  const lines = [];
+  let start = 0;
+  while (true) {
+    let end = start;
+    while (end < source.length && source[end] !== "\r" && source[end] !== "\n") end++;
+    if (end === source.length) {
+      lines.push({
+        sourceStart: start,
+        sourceEnd: end,
+        nextSourceStart: end,
+        text: source.slice(start)
+      });
+      break;
+    }
+    const next = source[end] === "\r" && source[end + 1] === "\n" ? end + 2 : end + 1;
+    lines.push({
+      sourceStart: start,
+      sourceEnd: end,
+      nextSourceStart: next,
+      text: source.slice(start, end)
+    });
+    start = next;
+    if (start === source.length) {
+      lines.push({ sourceStart: start, sourceEnd: start, nextSourceStart: start, text: "" });
+      break;
+    }
+  }
+  return lines;
+}
+function assertPositiveFinite(value, name) {
+  if (!Number.isFinite(value) || value <= 0) {
+    throw new RangeError(`${name} must be a positive finite number`);
+  }
+}
+function prepareContentGrid(source, options) {
+  assertPositiveFinite(options.cellWidth, "cellWidth");
+  assertPositiveFinite(options.lineHeight, "lineHeight");
+  if (!Number.isFinite(options.baseline)) throw new RangeError("baseline must be finite");
+  const tabSize = options.tabSize ?? 4;
+  if (!Number.isInteger(tabSize) || tabSize <= 0) {
+    throw new RangeError("tabSize must be a positive integer");
+  }
+  const rawLines = sourceLines(source);
+  const lines = [];
+  for (let lineIndex = 0; lineIndex < rawLines.length; lineIndex++) {
+    const sourceLine = rawLines[lineIndex];
+    const rawLine = sourceLine.text;
+    const { sourceStart: lineStart, sourceEnd, nextSourceStart } = sourceLine;
+    const rawCaretBoundaries = [
+      0,
+      ...graphemes(rawLine).map((grapheme) => grapheme.index + grapheme.segment.length)
+    ];
+    const shaped = ArabicShaper.shapeArabic(rawLine);
+    const shapedParts = graphemes(shaped.shapedText);
+    const levels = BidiResolver.resolveLevels(shaped.shapedText);
+    const cells = [];
+    let column = 0;
+    for (let index = 0; index < shapedParts.length; index++) {
+      const part = shapedParts[index];
+      const sourceOffset = shaped.indexMap[part.index] ?? part.index;
+      const nextPart = shapedParts[index + 1];
+      const sourceOffsetEnd = nextPart ? shaped.indexMap[nextPart.index] ?? nextPart.index : rawLine.length;
+      const raw = rawLine.slice(sourceOffset, sourceOffsetEnd);
+      const sourceCaretOffsets = [0];
+      for (let caretIndex = lowerBound(rawCaretBoundaries, sourceOffset + 1); caretIndex < rawCaretBoundaries.length && rawCaretBoundaries[caretIndex] < sourceOffsetEnd; caretIndex++) {
+        sourceCaretOffsets.push(rawCaretBoundaries[caretIndex] - sourceOffset);
+      }
+      if (sourceCaretOffsets.at(-1) !== sourceOffsetEnd - sourceOffset) {
+        sourceCaretOffsets.push(sourceOffsetEnd - sourceOffset);
+      }
+      let columns;
+      if (BIDI_CONTROL.test(raw)) columns = 0;
+      else if (raw === "	") columns = tabSize - column % tabSize;
+      else columns = isWideCluster(raw) ? 2 : 1;
+      const advance = columns * options.cellWidth;
+      cells.push({
+        sourceStart: lineStart + sourceOffset,
+        sourceEnd: lineStart + sourceOffsetEnd,
+        sourceCaretOffsets: Object.freeze(sourceCaretOffsets),
+        glyph: part.segment,
+        x: 0,
+        advance,
+        level: levels[part.index] ?? 0,
+        char: part.segment
+      });
+      column += columns;
+    }
+    const visualCells = [...cells];
+    BidiResolver.reorderVisual(visualCells, BidiResolver.getBaseLevel(shaped.shapedText));
+    let visualX = 0;
+    for (const cell of visualCells) {
+      cell.x = visualX;
+      visualX += cell.advance;
+    }
+    const frozenCells = cells.map(({ char: _char, ...cell }) => Object.freeze(cell));
+    lines.push(
+      Object.freeze({
+        sourceStart: lineStart,
+        sourceEnd,
+        nextSourceStart,
+        width: visualX,
+        cells: Object.freeze(frozenCells)
+      })
+    );
+  }
+  return Object.freeze({
+    kind: "content-grid",
+    revision: nextRevision++,
+    source,
+    font: options.font,
+    cellWidth: options.cellWidth,
+    lineHeight: options.lineHeight,
+    baseline: options.baseline,
+    tabSize,
+    lines: Object.freeze(lines)
+  });
+}
+
 export {
   SpringPhysics,
   Easing,
@@ -1471,5 +1672,6 @@ export {
   clearCssLineBoxMetrics,
   MSDFFont,
   MSDFTextEntity,
-  SVGEntity
+  SVGEntity,
+  prepareContentGrid
 };

package/dist/{chunk-V7GUWG5C.mjs → chunk-X7I465AQ.mjs}

@@ -1,7 +1,7 @@
 import {
   ArabicShaper,
   BidiResolver
-} from "./chunk-STWPTWO4.mjs";
+} from "./chunk-IESDTEJ4.mjs";
 
 // src/layout/LayoutEngine.ts
 function computeLineSegments(top, bottom, maxWidth, exclusions) {

package/dist/index.d.ts

@@ -25,4 +25,5 @@ export { SVGEntity } from './text/SVGEntity';
 export * from './tree/ComputeParticleEntity';
 export * from './text/ArabicShaper';
 export * from './text/BidiResolver';
+export * from './text/PreparedContentGrid';
 export * from './text/Typography';