@vectojs/core 1.14.0 → 1.16.0

package/dist/{chunk-BEUIB3U7.js → chunk-IYPLG4Z4.js}

@@ -1,4 +1,6 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2; var _class3; var _class4;// src/renderer/CanvasRenderer.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2; var _class3; var _class4;const __vecto_cjs_url=require("url").pathToFileURL(__filename).href;
+
+// src/renderer/CanvasRenderer.ts
 var TWO_PI = Math.PI * 2;
 function getDevicePixelRatio() {
   return typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
@@ -7,6 +9,14 @@ var CanvasRenderer = (_class = class _CanvasRenderer {
   
   
   
+  
+  /** True between a `contextlost` and its `contextrestored` — the 2D context is
+   *  unusable, so draw calls are skipped until it comes back. Canvas2D context
+   *  loss is rare (GPU reset / memory pressure) but a real browser event. */
+  __init() {this.contextLost = false}
+  /** Invoked after the context is restored + re-initialized, so the owner
+   *  (`Scene`) can repaint the now-blank canvas. Set via {@link onContextRestored}. */
+  __init2() {this.contextRestoredCb = null}
   /**
    * Cap on the effective device pixel ratio applied by the constructor and
    * {@link resize}. `undefined` (default) uses the real, uncapped
@@ -25,12 +35,12 @@ var CanvasRenderer = (_class = class _CanvasRenderer {
   static __initStatic() {this.MAX_BATCH = 64}
   // Order-preserving batch state for fillCircle(): a run of same-style circles
   // accumulates into one path and is committed by a single fill() on flush().
-  __init() {this.batchActive = false}
-  __init2() {this.batchColor = ""}
-  __init3() {this.batchAlpha = 1}
-  __init4() {this.batchCount = 0}
-  __init5() {this._cachedFont = ""}
-  __init6() {this._cachedFill = ""}
+  __init3() {this.batchActive = false}
+  __init4() {this.batchColor = ""}
+  __init5() {this.batchAlpha = 1}
+  __init6() {this.batchCount = 0}
+  __init7() {this._cachedFont = ""}
+  __init8() {this._cachedFill = ""}
   /**
    * @param canvas - The target canvas. Its backing store is resized to the
    *   logical size × devicePixelRatio.
@@ -40,7 +50,7 @@ var CanvasRenderer = (_class = class _CanvasRenderer {
    *   set) so the canvas's own dimensions aren't clobbered by the window's.
    * @param maxDPR - See {@link maxDPR}.
    */
-  constructor(canvas, size, maxDPR) {;_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);_class.prototype.__init4.call(this);_class.prototype.__init5.call(this);_class.prototype.__init6.call(this);
+  constructor(canvas, size, maxDPR) {;_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);_class.prototype.__init4.call(this);_class.prototype.__init5.call(this);_class.prototype.__init6.call(this);_class.prototype.__init7.call(this);_class.prototype.__init8.call(this);
     this.maxDPR = maxDPR;
     const dpr = this.effectiveDPR();
     this.width = _nullishCoalesce(_optionalChain([size, 'optionalAccess', _ => _.width]), () => ( (typeof window !== "undefined" ? window.innerWidth : canvas.width || 0)));
@@ -54,6 +64,40 @@ var CanvasRenderer = (_class = class _CanvasRenderer {
     const ctx = canvas.getContext("2d");
     this.ctx = ctx;
     if (ctx) ctx.scale(dpr, dpr);
+    this.canvas = canvas;
+    this.setupContextLossRecovery();
+  }
+  /** Register a callback fired after a lost 2D context is restored + re-scaled,
+   *  so the owner can repaint (the restored canvas comes back cleared). */
+  onContextRestored(cb) {
+    this.contextRestoredCb = cb;
+  }
+  /**
+   * Handle Canvas2D context loss/restore (GPU reset, memory pressure). The
+   * `contextlost` handler MUST call `preventDefault()` or the browser never
+   * fires `contextrestored`; while lost, draw calls are skipped. On restore we
+   * re-acquire the 2D context, re-apply the DPR scale, drop cached style, and
+   * notify the owner to repaint.
+   */
+  setupContextLossRecovery() {
+    if (typeof this.canvas.addEventListener !== "function") return;
+    this.canvas.addEventListener("contextlost", (e) => {
+      e.preventDefault();
+      this.contextLost = true;
+    });
+    this.canvas.addEventListener("contextrestored", () => {
+      const ctx = this.canvas.getContext("2d");
+      if (!ctx) return;
+      this.ctx = ctx;
+      ctx.setTransform(1, 0, 0, 1, 0, 0);
+      ctx.scale(this.effectiveDPR(), this.effectiveDPR());
+      this._cachedFont = "";
+      this._cachedFill = "";
+      this.batchActive = false;
+      this.batchCount = 0;
+      this.contextLost = false;
+      _optionalChain([this, 'access', _3 => _3.contextRestoredCb, 'optionalCall', _4 => _4()]);
+    });
   }
   /**
    * Expose the underlying `CanvasRenderingContext2D` for operations not
@@ -87,8 +131,14 @@ var CanvasRenderer = (_class = class _CanvasRenderer {
     this.ctx.canvas.style.height = `${height}px`;
     this.ctx.scale(dpr, dpr);
   }
+  /** Whether the 2D context is currently lost (drawing is a no-op until it is
+   *  restored). The owner skips its render pass while this is true. */
+  isContextLost() {
+    return this.contextLost;
+  }
   /** @inheritdoc */
   clear() {
+    if (this.contextLost) return;
     this.flush();
     this.ctx.clearRect(0, 0, this.width, this.height);
   }
@@ -325,39 +375,39 @@ function fontFamilyFromShorthand(font, sizeToken) {
 var SVGRenderer = (_class2 = class {
   
   
-  __init7() {this.buffer = []}
-  __init8() {this.defsBuffer = []}
-  __init9() {this.currentPath = []}
+  __init9() {this.buffer = []}
+  __init10() {this.defsBuffer = []}
+  __init11() {this.currentPath = []}
   // Inline matrix states (3x3 representation)
   // [a, b, c, d, e, f] corresponding to:
   // | a c e |
   // | b d f |
   // | 0 0 1 |
-  __init10() {this.mStack = []}
-  __init11() {this.ma = 1}
-  __init12() {this.mb = 0}
-  __init13() {this.mc = 0}
-  __init14() {this.md = 1}
-  __init15() {this.me = 0}
-  __init16() {this.mf = 0}
+  __init12() {this.mStack = []}
+  __init13() {this.ma = 1}
+  __init14() {this.mb = 0}
+  __init15() {this.mc = 0}
+  __init16() {this.md = 1}
+  __init17() {this.me = 0}
+  __init18() {this.mf = 0}
   // Alpha stack
-  __init17() {this.alphaStack = []}
-  __init18() {this.globalAlpha = 1}
+  __init19() {this.alphaStack = []}
+  __init20() {this.globalAlpha = 1}
   // Clipping stack
-  __init19() {this.clipDepthStack = []}
-  __init20() {this.clipDepth = 0}
-  __init21() {this.clipCounter = 0}
+  __init21() {this.clipDepthStack = []}
+  __init22() {this.clipDepth = 0}
+  __init23() {this.clipCounter = 0}
   // uniquely identifies clipPaths
   // Batch circles states (local coordinates)
-  __init22() {this.batchCircles = []}
-  __init23() {this.batchMatrix = [1, 0, 0, 1, 0, 0]}
-  __init24() {this.batchColor = ""}
-  __init25() {this.batchAlpha = 1}
-  __init26() {this.batchActive = false}
+  __init24() {this.batchCircles = []}
+  __init25() {this.batchMatrix = [1, 0, 0, 1, 0, 0]}
+  __init26() {this.batchColor = ""}
+  __init27() {this.batchAlpha = 1}
+  __init28() {this.batchActive = false}
   // Cache for generated gradient defs
-  __init27() {this.gradientCounter = 0}
-  __init28() {this.gradientCache = /* @__PURE__ */ new Map()}
-  constructor(width, height) {;_class2.prototype.__init7.call(this);_class2.prototype.__init8.call(this);_class2.prototype.__init9.call(this);_class2.prototype.__init10.call(this);_class2.prototype.__init11.call(this);_class2.prototype.__init12.call(this);_class2.prototype.__init13.call(this);_class2.prototype.__init14.call(this);_class2.prototype.__init15.call(this);_class2.prototype.__init16.call(this);_class2.prototype.__init17.call(this);_class2.prototype.__init18.call(this);_class2.prototype.__init19.call(this);_class2.prototype.__init20.call(this);_class2.prototype.__init21.call(this);_class2.prototype.__init22.call(this);_class2.prototype.__init23.call(this);_class2.prototype.__init24.call(this);_class2.prototype.__init25.call(this);_class2.prototype.__init26.call(this);_class2.prototype.__init27.call(this);_class2.prototype.__init28.call(this);
+  __init29() {this.gradientCounter = 0}
+  __init30() {this.gradientCache = /* @__PURE__ */ new Map()}
+  constructor(width, height) {;_class2.prototype.__init9.call(this);_class2.prototype.__init10.call(this);_class2.prototype.__init11.call(this);_class2.prototype.__init12.call(this);_class2.prototype.__init13.call(this);_class2.prototype.__init14.call(this);_class2.prototype.__init15.call(this);_class2.prototype.__init16.call(this);_class2.prototype.__init17.call(this);_class2.prototype.__init18.call(this);_class2.prototype.__init19.call(this);_class2.prototype.__init20.call(this);_class2.prototype.__init21.call(this);_class2.prototype.__init22.call(this);_class2.prototype.__init23.call(this);_class2.prototype.__init24.call(this);_class2.prototype.__init25.call(this);_class2.prototype.__init26.call(this);_class2.prototype.__init27.call(this);_class2.prototype.__init28.call(this);_class2.prototype.__init29.call(this);_class2.prototype.__init30.call(this);
     this.width = width;
     this.height = height;
   }
@@ -581,8 +631,8 @@ var SVGRenderer = (_class2 = class {
   }
   drawImage(source, dx, dy, dw, dh) {
     this.flush();
-    const fromCanvas2 = typeof _optionalChain([source, 'optionalAccess', _3 => _3.toDataURL]) === "function";
-    const rawHref = fromCanvas2 ? source.toDataURL() : _optionalChain([source, 'optionalAccess', _4 => _4.src]) || "";
+    const fromCanvas2 = typeof _optionalChain([source, 'optionalAccess', _5 => _5.toDataURL]) === "function";
+    const rawHref = fromCanvas2 ? source.toDataURL() : _optionalChain([source, 'optionalAccess', _6 => _6.src]) || "";
     const href = fromCanvas2 && this.isSafeRasterDataUrl(rawHref) ? rawHref : sanitizeUrl(String(rawHref));
     const transformStr = `matrix(${this.ma},${this.mb},${this.mc},${this.md},${this.me},${this.mf})`;
     if (href) {
@@ -1501,11 +1551,11 @@ fn fs_main(in: VertexOutput) -> @location(0) vec4<f32> {
 `;
 var WebGPUParticleSystemManager = (_class3 = class {
   
-  __init29() {this.computePipeline = null}
-  __init30() {this.renderPipeline = null}
-  __init31() {this.computeBindGroupLayout = null}
-  __init32() {this.renderBindGroupLayout = null}
-  constructor(device) {;_class3.prototype.__init29.call(this);_class3.prototype.__init30.call(this);_class3.prototype.__init31.call(this);_class3.prototype.__init32.call(this);
+  __init31() {this.computePipeline = null}
+  __init32() {this.renderPipeline = null}
+  __init33() {this.computeBindGroupLayout = null}
+  __init34() {this.renderBindGroupLayout = null}
+  constructor(device) {;_class3.prototype.__init31.call(this);_class3.prototype.__init32.call(this);_class3.prototype.__init33.call(this);_class3.prototype.__init34.call(this);
     this.device = device;
   }
   initPipelines(format) {
@@ -1648,13 +1698,13 @@ var WebGPUParticleSystemManager = (_class3 = class {
 
 // src/renderer/TextRasterCache.ts
 var TextRasterCache = (_class4 = class {
-  __init33() {this.cache = /* @__PURE__ */ new Map()}
+  __init35() {this.cache = /* @__PURE__ */ new Map()}
   
   
-  __init34() {this.scratchCtx = null}
-  __init35() {this._hits = 0}
-  __init36() {this._misses = 0}
-  constructor(options = {}) {;_class4.prototype.__init33.call(this);_class4.prototype.__init34.call(this);_class4.prototype.__init35.call(this);_class4.prototype.__init36.call(this);
+  __init36() {this.scratchCtx = null}
+  __init37() {this._hits = 0}
+  __init38() {this._misses = 0}
+  constructor(options = {}) {;_class4.prototype.__init35.call(this);_class4.prototype.__init36.call(this);_class4.prototype.__init37.call(this);_class4.prototype.__init38.call(this);
     this.maxEntries = Math.max(1, _nullishCoalesce(options.maxEntries, () => ( 4096)));
     this.dpr = Math.max(1, _nullishCoalesce(options.dpr, () => ( 1)));
   }

package/dist/{chunk-L5BCKFQE.mjs → chunk-JFU56BX4.mjs}

@@ -7,6 +7,14 @@ var CanvasRenderer = class _CanvasRenderer {
   ctx;
   width;
   height;
+  canvas;
+  /** True between a `contextlost` and its `contextrestored` — the 2D context is
+   *  unusable, so draw calls are skipped until it comes back. Canvas2D context
+   *  loss is rare (GPU reset / memory pressure) but a real browser event. */
+  contextLost = false;
+  /** Invoked after the context is restored + re-initialized, so the owner
+   *  (`Scene`) can repaint the now-blank canvas. Set via {@link onContextRestored}. */
+  contextRestoredCb = null;
   /**
    * Cap on the effective device pixel ratio applied by the constructor and
    * {@link resize}. `undefined` (default) uses the real, uncapped
@@ -54,6 +62,40 @@ var CanvasRenderer = class _CanvasRenderer {
     const ctx = canvas.getContext("2d");
     this.ctx = ctx;
     if (ctx) ctx.scale(dpr, dpr);
+    this.canvas = canvas;
+    this.setupContextLossRecovery();
+  }
+  /** Register a callback fired after a lost 2D context is restored + re-scaled,
+   *  so the owner can repaint (the restored canvas comes back cleared). */
+  onContextRestored(cb) {
+    this.contextRestoredCb = cb;
+  }
+  /**
+   * Handle Canvas2D context loss/restore (GPU reset, memory pressure). The
+   * `contextlost` handler MUST call `preventDefault()` or the browser never
+   * fires `contextrestored`; while lost, draw calls are skipped. On restore we
+   * re-acquire the 2D context, re-apply the DPR scale, drop cached style, and
+   * notify the owner to repaint.
+   */
+  setupContextLossRecovery() {
+    if (typeof this.canvas.addEventListener !== "function") return;
+    this.canvas.addEventListener("contextlost", (e) => {
+      e.preventDefault();
+      this.contextLost = true;
+    });
+    this.canvas.addEventListener("contextrestored", () => {
+      const ctx = this.canvas.getContext("2d");
+      if (!ctx) return;
+      this.ctx = ctx;
+      ctx.setTransform(1, 0, 0, 1, 0, 0);
+      ctx.scale(this.effectiveDPR(), this.effectiveDPR());
+      this._cachedFont = "";
+      this._cachedFill = "";
+      this.batchActive = false;
+      this.batchCount = 0;
+      this.contextLost = false;
+      this.contextRestoredCb?.();
+    });
   }
   /**
    * Expose the underlying `CanvasRenderingContext2D` for operations not
@@ -87,8 +129,14 @@ var CanvasRenderer = class _CanvasRenderer {
     this.ctx.canvas.style.height = `${height}px`;
     this.ctx.scale(dpr, dpr);
   }
+  /** Whether the 2D context is currently lost (drawing is a no-op until it is
+   *  restored). The owner skips its render pass while this is true. */
+  isContextLost() {
+    return this.contextLost;
+  }
   /** @inheritdoc */
   clear() {
+    if (this.contextLost) return;
     this.flush();
     this.ctx.clearRect(0, 0, this.width, this.height);
   }

package/dist/index.d.ts

@@ -14,20 +14,12 @@ export * from './components/SplineEntity';
 export * from './components/Rect';
 export * from './components/Circle';
 export * from './components/Group';
-export * from './layout/LayoutEngine';
-export * from './layout/measure';
-export * from './text/MSDFFont';
-export * from './math/SpatialHashGrid';
-export * from './math/SpringPhysics';
-export * from './animation/easing';
-export * from './animation/drivers';
+export * from '@vectojs/layout';
+export * from '@vectojs/text';
+export * from '@vectojs/math';
+export * from '@vectojs/animation';
 export { MSDFTextEntity } from './text/MSDFTextEntity';
 export type { MSDFTextEntityOptions } from './text/MSDFTextEntity';
-export { LayoutWorkerManager } from './layout/LayoutWorkerManager';
 export { DOMPortalEntity } from './tree/DOMPortalEntity';
 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';