@vectojs/core 1.13.0 → 1.15.0

package/dist/{chunk-XIEQHSBB.mjs → chunk-64UFEHOJ.mjs}

@@ -1,137 +1,9 @@
-import {
-  ArabicShaper,
-  BidiResolver,
-  LayoutWorkerManager
-} from "./chunk-IESDTEJ4.mjs";
-
-// src/math/SpringPhysics.ts
-var MAX_FRAME_DT = 0.25;
-var MAX_STEP_DT = 1 / 120;
-var SpringPhysics = class {
-  value;
-  target;
-  velocity = 0;
-  stiffness = 180;
-  damping = 12;
-  mass = 1;
-  valEpsilon = 5e-3;
-  velEpsilon = 5e-3;
-  constructor(initial) {
-    this.value = initial;
-    this.target = initial;
-  }
-  update(dt) {
-    if (this.isAtRest()) {
-      this.value = this.target;
-      this.velocity = 0;
-      return;
-    }
-    if (!(dt > 0)) return;
-    let remaining = dt < MAX_FRAME_DT ? dt : MAX_FRAME_DT;
-    while (remaining > 0) {
-      const step = remaining < MAX_STEP_DT ? remaining : MAX_STEP_DT;
-      const forceSpring = -this.stiffness * (this.value - this.target);
-      const forceDamping = -this.damping * this.velocity;
-      const acceleration = (forceSpring + forceDamping) / this.mass;
-      this.velocity += acceleration * step;
-      this.value += this.velocity * step;
-      remaining -= step;
-      if (this.isAtRest()) {
-        this.value = this.target;
-        this.velocity = 0;
-        return;
-      }
-    }
-  }
-  isAtRest() {
-    return Math.abs(this.value - this.target) < this.valEpsilon && Math.abs(this.velocity) < this.velEpsilon;
-  }
-};
-
-// src/animation/easing.ts
-var c1 = 1.70158;
-var c3 = c1 + 1;
-var Easing = {
-  linear: (t) => t,
-  easeInQuad: (t) => t * t,
-  easeOutQuad: (t) => t * (2 - t),
-  easeInOutQuad: (t) => t < 0.5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) / 2,
-  easeInCubic: (t) => t * t * t,
-  easeOutCubic: (t) => 1 - Math.pow(1 - t, 3),
-  easeInOutCubic: (t) => t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2,
-  easeOutBack: (t) => 1 + c3 * Math.pow(t - 1, 3) + c1 * Math.pow(t - 1, 2),
-  easeInOutBack: (t) => {
-    const c2 = c1 * 1.525;
-    return t < 0.5 ? Math.pow(2 * t, 2) * ((c2 + 1) * 2 * t - c2) / 2 : (Math.pow(2 * t - 2, 2) * ((c2 + 1) * (t * 2 - 2) + c2) + 2) / 2;
-  }
-};
-
-// src/animation/drivers.ts
-function isTweenConfig(c) {
-  return typeof c === "object" && "duration" in c;
-}
-var TweenDriver = class {
-  value;
-  from;
-  to;
-  elapsed = 0;
-  duration;
-  delay;
-  ease;
-  constructor(from, to, cfg) {
-    this.value = from;
-    this.from = from;
-    this.to = to;
-    this.duration = Math.max(1, cfg.duration);
-    this.delay = cfg.delay ?? 0;
-    this.ease = typeof cfg.easing === "function" ? cfg.easing : Easing[cfg.easing ?? "easeOutQuad"];
-  }
-  get target() {
-    return this.to;
-  }
-  retarget(to) {
-    this.from = this.value;
-    this.to = to;
-    this.elapsed = 0;
-  }
-  tick(dtMs) {
-    this.elapsed += dtMs;
-    const active = this.elapsed - this.delay;
-    if (active <= 0) return;
-    const p = Math.min(active / this.duration, 1);
-    this.value = this.from + (this.to - this.from) * this.ease(p);
-  }
-  isDone() {
-    return this.elapsed - this.delay >= this.duration;
-  }
-};
-var SpringDriver = class {
-  spring;
-  constructor(from, to, cfg) {
-    this.spring = new SpringPhysics(from);
-    if (cfg.stiffness !== void 0) this.spring.stiffness = cfg.stiffness;
-    if (cfg.damping !== void 0) this.spring.damping = cfg.damping;
-    if (cfg.mass !== void 0) this.spring.mass = cfg.mass;
-    this.spring.target = to;
-  }
-  get value() {
-    return this.spring.value;
-  }
-  get target() {
-    return this.spring.target;
-  }
-  retarget(to) {
-    this.spring.target = to;
-  }
-  tick(dtMs) {
-    this.spring.update(dtMs / 1e3);
-  }
-  isDone() {
-    return this.spring.isAtRest();
-  }
-};
-
 // src/tree/Entity.ts
+import {
+  TweenDriver,
+  SpringDriver,
+  isTweenConfig
+} from "@vectojs/animation";
 var ANIMATABLE_PROPS = /* @__PURE__ */ new Set([
   "x",
   "y",
@@ -985,129 +857,8 @@ var Entity = class {
   }
 };
 
-// src/text/Typography.ts
-var typographyContext;
-var baselineCache = /* @__PURE__ */ new Map();
-function cssLineBoxBaseline(font, lineHeight) {
-  if (typeof document === "undefined") return lineHeight * 0.8;
-  const key = `${font}\0${lineHeight}`;
-  const cached = baselineCache.get(key);
-  if (cached !== void 0) return cached;
-  if (typographyContext === void 0) {
-    typographyContext = document.createElement("canvas").getContext("2d");
-  }
-  if (!typographyContext) return lineHeight * 0.8;
-  typographyContext.font = font;
-  const metrics = typographyContext.measureText("Mg");
-  const ascent = metrics.fontBoundingBoxAscent || metrics.actualBoundingBoxAscent;
-  const descent = metrics.fontBoundingBoxDescent || metrics.actualBoundingBoxDescent;
-  if (!(ascent > 0) || !(descent >= 0)) return lineHeight * 0.8;
-  const baseline = (lineHeight - ascent - descent) / 2 + ascent;
-  baselineCache.set(key, baseline);
-  return baseline;
-}
-function clearCssLineBoxMetrics() {
-  baselineCache.clear();
-}
-
-// src/text/MSDFFont.ts
-function kernKey(a, b) {
-  return a * 1114112 + b;
-}
-var MSDFFont = class _MSDFFont {
-  static idCounter = 0;
-  id;
-  data;
-  byCode = /* @__PURE__ */ new Map();
-  kern = /* @__PURE__ */ new Map();
-  constructor(data) {
-    this.id = `font-${_MSDFFont.idCounter++}`;
-    this.data = data;
-    for (const g of data.glyphs) this.byCode.set(g.unicode, g);
-    for (const k of data.kerning ?? []) this.kern.set(kernKey(k.unicode1, k.unicode2), k.advance);
-  }
-  /** Parse the `msdf-atlas-gen` JSON (string or already-parsed object). */
-  static parse(json) {
-    return new _MSDFFont(typeof json === "string" ? JSON.parse(json) : json);
-  }
-  /** Get a glyph's definition by its unicode value in O(1) time. */
-  getGlyph(unicode) {
-    return this.byCode.get(unicode);
-  }
-  /** Distance field range in atlas pixels (for the shader's `u_distanceRange`). */
-  get distanceRange() {
-    return this.data.atlas.distanceRange;
-  }
-  get atlasWidth() {
-    return this.data.atlas.width;
-  }
-  get atlasHeight() {
-    return this.data.atlas.height;
-  }
-  /**
-   * Lay `text` out at `fontSizePx`. Returns positioned quads (skipping glyphs the
-   * font doesn't contain), the widest line's advance, and the total block height.
-   * Honors `\n`, kerning pairs, and `letterSpacing`.
-   */
-  layout(text, fontSizePx, opts = {}) {
-    const { x = 0, y = 0, letterSpacing = 0 } = opts;
-    const { width: aw, height: ah, yOrigin } = this.data.atlas;
-    const { lineHeight, ascender } = this.data.metrics;
-    const glyphs = [];
-    let penX = x;
-    let line = 0;
-    let maxAdvance = 0;
-    let prevCode = -1;
-    const chars = Array.from(text);
-    for (const char of chars) {
-      if (char === "\n") {
-        maxAdvance = Math.max(maxAdvance, penX - x);
-        penX = x;
-        line++;
-        prevCode = -1;
-        continue;
-      }
-      const code = char.codePointAt(0);
-      const def = this.byCode.get(code);
-      if (!def) {
-        prevCode = -1;
-        continue;
-      }
-      if (prevCode >= 0) {
-        const k = this.kern.get(kernKey(prevCode, code));
-        if (k) penX += k * fontSizePx;
-      }
-      const baseline = y + (ascender + line * lineHeight) * fontSizePx;
-      const pb = def.planeBounds;
-      const ab = def.atlasBounds;
-      if (pb && ab) {
-        const v0 = yOrigin === "bottom" ? 1 - ab.top / ah : ab.top / ah;
-        const v1 = yOrigin === "bottom" ? 1 - ab.bottom / ah : ab.bottom / ah;
-        glyphs.push({
-          char,
-          x: penX + pb.left * fontSizePx,
-          y: baseline - pb.top * fontSizePx,
-          w: (pb.right - pb.left) * fontSizePx,
-          h: (pb.top - pb.bottom) * fontSizePx,
-          u0: ab.left / aw,
-          v0,
-          u1: ab.right / aw,
-          v1
-        });
-      }
-      penX += def.advance * fontSizePx + letterSpacing;
-      prevCode = code;
-    }
-    maxAdvance = Math.max(maxAdvance, penX - x);
-    return {
-      glyphs,
-      width: maxAdvance,
-      height: (line + 1) * lineHeight * fontSizePx
-    };
-  }
-};
-
 // src/text/MSDFTextEntity.ts
+import { LayoutWorkerManager } from "@vectojs/layout";
 var MSDFTextEntity = class extends Entity {
   font;
   texture;
@@ -1505,217 +1256,9 @@ 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,
-  isTweenConfig,
-  TweenDriver,
-  SpringDriver,
   VectoJSEvent,
   Entity,
-  cssLineBoxBaseline,
-  clearCssLineBoxMetrics,
-  MSDFFont,
   MSDFTextEntity,
-  SVGEntity,
-  prepareContentGrid
+  SVGEntity
 };