@vectojs/core 1.38.1 → 1.39.0

package/dist/{chunk-ZYYP2M5D.js → chunk-KRUDTGNR.js}

@@ -109,17 +109,28 @@ var CanvasRenderer = (_class = class _CanvasRenderer {
   __init7() {this.batchCount = 0}
   __init8() {this._cachedFont = ""}
   __init9() {this._cachedFill = ""}
+  // Stroke-side counterparts of the fill/font caches, read by stroke()'s
+  // style-elision branch. Reset wherever the context state can change behind
+  // our back: restore(), resize(), contextrestored, dispose().
+  __init10() {this._cachedStroke = ""}
+  __init11() {this._cachedLineWidth = -1}
+  __init12() {this._cachedLineCap = ""}
+  __init13() {this._cachedLineJoin = ""}
+  // Context-loss listeners, held for removal in dispose() so a canvas that
+  // outlives the renderer cannot retain it through these closures.
+  
+  
   /** Backend discriminator; see {@link IRenderer.kind}. */
-  __init10() {this.kind = "canvas2d"}
+  __init14() {this.kind = "canvas2d"}
   /**
    * Draw counters, allocated only once counting is enabled.
    *
    * Null when off, so the guard on every op is a single null test and an inactive
    * renderer carries no counter object at all.
    */
-  __init11() {this.counters = null}
+  __init15() {this.counters = null}
   /** Accumulated primitive area, kept separately so the ratio is derived on read. */
-  __init12() {this.drawnArea = 0}
+  __init16() {this.drawnArea = 0}
   /**
    * @param canvas - The target canvas. Its backing store is resized to the
    *   logical size × devicePixelRatio.
@@ -129,7 +140,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);_class.prototype.__init7.call(this);_class.prototype.__init8.call(this);_class.prototype.__init9.call(this);_class.prototype.__init10.call(this);_class.prototype.__init11.call(this);_class.prototype.__init12.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);_class.prototype.__init9.call(this);_class.prototype.__init10.call(this);_class.prototype.__init11.call(this);_class.prototype.__init12.call(this);_class.prototype.__init13.call(this);_class.prototype.__init14.call(this);_class.prototype.__init15.call(this);_class.prototype.__init16.call(this);
     this.maxDPR = maxDPR;
     const dpr = this.effectiveDPR();
     this.appliedDPR = dpr;
@@ -162,11 +173,11 @@ var CanvasRenderer = (_class = class _CanvasRenderer {
    */
   setupContextLossRecovery() {
     if (typeof this.canvas.addEventListener !== "function") return;
-    this.canvas.addEventListener("contextlost", (e) => {
+    this._onContextLost = (e) => {
       e.preventDefault();
       this.contextLost = true;
-    });
-    this.canvas.addEventListener("contextrestored", () => {
+    };
+    this._onContextRestored = () => {
       const ctx = this.canvas.getContext("2d");
       if (!ctx) return;
       this.ctx = ctx;
@@ -176,11 +187,17 @@ var CanvasRenderer = (_class = class _CanvasRenderer {
       ctx.scale(restoredDPR, restoredDPR);
       this._cachedFont = "";
       this._cachedFill = "";
+      this._cachedStroke = "";
+      this._cachedLineWidth = -1;
+      this._cachedLineCap = "";
+      this._cachedLineJoin = "";
       this.batchActive = false;
       this.batchCount = 0;
       this.contextLost = false;
       _optionalChain([this, 'access', _8 => _8.contextRestoredCb, 'optionalCall', _9 => _9()]);
-    });
+    };
+    this.canvas.addEventListener("contextlost", this._onContextLost);
+    this.canvas.addEventListener("contextrestored", this._onContextRestored);
   }
   /**
    * Expose the underlying `CanvasRenderingContext2D` for operations not
@@ -230,11 +247,17 @@ var CanvasRenderer = (_class = class _CanvasRenderer {
     this.height = height;
     this.ctx.canvas.width = width * dpr;
     this.ctx.canvas.height = height * dpr;
-    this.ctx.canvas.style.width = `${width}px`;
-    this.ctx.canvas.style.height = `${height}px`;
+    if (this.ctx.canvas.style) {
+      this.ctx.canvas.style.width = `${width}px`;
+      this.ctx.canvas.style.height = `${height}px`;
+    }
     this.ctx.scale(dpr, dpr);
     this._cachedFont = "";
     this._cachedFill = "";
+    this._cachedStroke = "";
+    this._cachedLineWidth = -1;
+    this._cachedLineCap = "";
+    this._cachedLineJoin = "";
     this.batchActive = false;
     this.batchCount = 0;
   }
@@ -288,6 +311,10 @@ var CanvasRenderer = (_class = class _CanvasRenderer {
     this.ctx.restore();
     this._cachedFont = "";
     this._cachedFill = "";
+    this._cachedStroke = "";
+    this._cachedLineWidth = -1;
+    this._cachedLineCap = "";
+    this._cachedLineJoin = "";
   }
   /** @inheritdoc */
   translate(x, y) {
@@ -412,10 +439,17 @@ var CanvasRenderer = (_class = class _CanvasRenderer {
   stroke(color, lineWidth = 1) {
     this.flush();
     if (this.counters) this.counters.strokes++;
-    this.ctx.strokeStyle = color;
-    this.ctx.lineWidth = lineWidth;
-    this.ctx.lineCap = "round";
-    this.ctx.lineJoin = "round";
+    if (this._cachedStroke !== color || this._cachedLineWidth !== lineWidth || this._cachedLineCap !== "round" || this._cachedLineJoin !== "round") {
+      if (this.counters) this.counters.stateSwitches++;
+      this.ctx.strokeStyle = color;
+      this.ctx.lineWidth = lineWidth;
+      this.ctx.lineCap = "round";
+      this.ctx.lineJoin = "round";
+      this._cachedStroke = color;
+      this._cachedLineWidth = lineWidth;
+      this._cachedLineCap = "round";
+      this._cachedLineJoin = "round";
+    }
     this.ctx.stroke();
   }
   /** @inheritdoc */
@@ -454,6 +488,17 @@ var CanvasRenderer = (_class = class _CanvasRenderer {
     this.batchActive = false;
     this._cachedFont = "";
     this._cachedFill = "";
+    this._cachedStroke = "";
+    this._cachedLineWidth = -1;
+    this._cachedLineCap = "";
+    this._cachedLineJoin = "";
+    if (typeof this.canvas.removeEventListener === "function") {
+      if (this._onContextLost) this.canvas.removeEventListener("contextlost", this._onContextLost);
+      if (this._onContextRestored)
+        this.canvas.removeEventListener("contextrestored", this._onContextRestored);
+    }
+    this._onContextLost = void 0;
+    this._onContextRestored = void 0;
   }
 }, _class.__initStatic(), _class);
 
@@ -476,9 +521,13 @@ function hasSafeSchemeOrIsRelative(url) {
   return SAFE_SCHEMES.has(`${candidate.toLowerCase()}:`);
 }
 var CHAR_REF = /&(?:#\d+|#x[\da-f]+|colon|tab|newline);/i;
+var MAX_CODE_POINT = 1114111;
+function decodeCodePoint(value) {
+  return value <= MAX_CODE_POINT ? String.fromCodePoint(value) : "\uFFFD";
+}
 function decodeCharacterReferences(value) {
   if (value.indexOf("&") < 0 || !CHAR_REF.test(value)) return value;
-  return value.replace(/&#x([\da-f]+);/gi, (_, hex) => String.fromCodePoint(parseInt(hex, 16))).replace(/&#(\d+);/g, (_, dec) => String.fromCodePoint(parseInt(dec, 10))).replace(/&colon;/gi, ":").replace(/&tab;/gi, "	").replace(/&newline;/gi, "\n");
+  return value.replace(/&#x([\da-f]+);/gi, (_, hex) => decodeCodePoint(parseInt(hex, 16))).replace(/&#(\d+);/g, (_, dec) => decodeCodePoint(parseInt(dec, 10))).replace(/&colon;/gi, ":").replace(/&tab;/gi, "	").replace(/&newline;/gi, "\n");
 }
 function sanitizeUrl(href) {
   if (typeof href !== "string") return "";
@@ -545,44 +594,47 @@ function fontFamilyFromShorthand(font, sizeToken) {
 }
 var SVGRenderer = (_class2 = class {
   /** Backend discriminator; see {@link IRenderer.kind}. */
-  __init13() {this.kind = "svg"}
+  __init17() {this.kind = "svg"}
   
   
-  __init14() {this.buffer = []}
-  __init15() {this.defsBuffer = []}
-  __init16() {this.currentPath = []}
+  __init18() {this.buffer = []}
+  __init19() {this.defsBuffer = []}
+  __init20() {this.currentPath = []}
   // Inline matrix states (3x3 representation)
   // [a, b, c, d, e, f] corresponding to:
   // | a c e |
   // | b d f |
   // | 0 0 1 |
-  __init17() {this.mStack = []}
-  __init18() {this.ma = 1}
-  __init19() {this.mb = 0}
-  __init20() {this.mc = 0}
-  __init21() {this.md = 1}
-  __init22() {this.me = 0}
-  __init23() {this.mf = 0}
+  __init21() {this.mStack = []}
+  __init22() {this.ma = 1}
+  __init23() {this.mb = 0}
+  __init24() {this.mc = 0}
+  __init25() {this.md = 1}
+  __init26() {this.me = 0}
+  __init27() {this.mf = 0}
   // Alpha stack
-  __init24() {this.alphaStack = []}
-  __init25() {this.globalAlpha = 1}
+  __init28() {this.alphaStack = []}
+  __init29() {this.globalAlpha = 1}
   // Clipping stack
-  __init26() {this.clipDepthStack = []}
-  __init27() {this.clipDepth = 0}
-  __init28() {this.clipCounter = 0}
+  __init30() {this.clipDepthStack = []}
+  __init31() {this.clipDepth = 0}
+  __init32() {this.clipCounter = 0}
   // uniquely identifies clipPaths
   // Batch circles states (local coordinates)
-  __init29() {this.batchCircles = []}
-  __init30() {this.batchMatrix = [1, 0, 0, 1, 0, 0]}
-  __init31() {this.batchColor = ""}
-  __init32() {this.batchAlpha = 1}
-  __init33() {this.batchActive = false}
+  __init33() {this.batchCircles = []}
+  __init34() {this.batchMatrix = [1, 0, 0, 1, 0, 0]}
+  __init35() {this.batchColor = ""}
+  __init36() {this.batchAlpha = 1}
+  __init37() {this.batchActive = false}
   // Cache for generated gradient defs
-  __init34() {this.gradientCounter = 0}
-  __init35() {this.gradientCache = /* @__PURE__ */ new Map()}
-  constructor(width, height) {;_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);_class2.prototype.__init31.call(this);_class2.prototype.__init32.call(this);_class2.prototype.__init33.call(this);_class2.prototype.__init34.call(this);_class2.prototype.__init35.call(this);
+  __init38() {this.gradientCounter = 0}
+  __init39() {this.gradientCache = /* @__PURE__ */ new Map()}
+  /** Root font size used to resolve `em`/`rem` font sizes (default 16px). */
+  
+  constructor(width, height, options) {;_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);_class2.prototype.__init31.call(this);_class2.prototype.__init32.call(this);_class2.prototype.__init33.call(this);_class2.prototype.__init34.call(this);_class2.prototype.__init35.call(this);_class2.prototype.__init36.call(this);_class2.prototype.__init37.call(this);_class2.prototype.__init38.call(this);_class2.prototype.__init39.call(this);
     this.width = width;
     this.height = height;
+    this.rootFontSize = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _10 => _10.rootFontSize]), () => ( 16));
     installRendererDevTraps(this, "SVGRenderer");
   }
   clear() {
@@ -770,12 +822,22 @@ var SVGRenderer = (_class2 = class {
       `<path d="${dStr}" transform="${transformStr}" fill="none" stroke="${strokeVal}" stroke-width="${lineWidth}" stroke-opacity="${this.globalAlpha}" />`
     );
   }
+  /**
+   * Emit a `<text>` element for a text run.
+   *
+   * Font-size unit handling: `px` sizes pass through; `em` and `rem` are both
+   * scaled against the renderer's `rootFontSize` (constructor option, default
+   * 16 — matching the browser default, not necessarily the host page's root,
+   * so pass `{ rootFontSize }` when exporting against a non-default root).
+   * A percentage size (`'100% Inter'`) has no absolute meaning in this
+   * context and silently falls back to the default 16px font size.
+   */
   fillText(text, x, y, font, color) {
     this.flush();
     const sizeToken = parseFontSizeToken(font);
     let fontSize = sizeToken ? sizeToken.value : 16;
-    if (sizeToken && sizeToken.unit !== "px") {
-      fontSize = fontSize * 16;
+    if (sizeToken && (sizeToken.unit === "em" || sizeToken.unit === "rem")) {
+      fontSize = fontSize * this.rootFontSize;
     }
     const lowerFont = font.toLowerCase();
     const fontStyle = lowerFont.includes("italic") ? "italic" : lowerFont.includes("oblique") ? "oblique" : "normal";
@@ -805,8 +867,8 @@ var SVGRenderer = (_class2 = class {
   }
   drawImage(source, dx, dy, dw, dh) {
     this.flush();
-    const fromCanvas2 = typeof _optionalChain([source, 'optionalAccess', _10 => _10.toDataURL]) === "function";
-    const rawHref = fromCanvas2 ? source.toDataURL() : _optionalChain([source, 'optionalAccess', _11 => _11.src]) || "";
+    const fromCanvas2 = typeof _optionalChain([source, 'optionalAccess', _11 => _11.toDataURL]) === "function";
+    const rawHref = fromCanvas2 ? source.toDataURL() : _optionalChain([source, 'optionalAccess', _12 => _12.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) {
@@ -957,11 +1019,11 @@ var SVGRenderer = (_class2 = class {
   }
   /**
    * SVGRenderer accumulates strings in memory; nothing external is allocated.
-   * Drop the buffers for GC and become idempotent.
+   * Drop the buffers for GC and become idempotent. `clear()` already empties
+   * the gradient cache, so no second clear is needed here.
    */
   dispose() {
     this.clear();
-    this.gradientCache.clear();
   }
 }, _class2);
 
@@ -1333,13 +1395,22 @@ function createWebGLPointRenderer(canvas) {
     premultipliedAlpha: false
   });
   if (!gl) return null;
-  const pointProgram = link(gl, POINT_VERT, POINT_FRAG);
-  const rectProgram = link(gl, RECT_VERT, RECT_FRAG);
-  const spriteProgram = link(gl, SPRITE_VERT, SPRITE_FRAG);
-  const msdfProgram = link(gl, SPRITE_VERT, MSDF_FRAG);
-  const circleQuadProgram = link(gl, SPRITE_VERT, CIRCLE_QUAD_FRAG);
-  if (!pointProgram || !rectProgram || !spriteProgram || !msdfProgram || !circleQuadProgram)
+  const programs = [];
+  const linkTracked = (vsSrc, fsSrc) => {
+    const program = link(gl, vsSrc, fsSrc);
+    if (program) programs.push(program);
+    return program;
+  };
+  const pointProgram = linkTracked(POINT_VERT, POINT_FRAG);
+  const rectProgram = linkTracked(RECT_VERT, RECT_FRAG);
+  const spriteProgram = linkTracked(SPRITE_VERT, SPRITE_FRAG);
+  const msdfProgram = linkTracked(SPRITE_VERT, MSDF_FRAG);
+  const circleQuadProgram = linkTracked(SPRITE_VERT, CIRCLE_QUAD_FRAG);
+  if (!pointProgram || !rectProgram || !spriteProgram || !msdfProgram || !circleQuadProgram) {
+    for (const program of programs) gl.deleteProgram(program);
+    _optionalChain([gl, 'access', _13 => _13.getExtension, 'call', _14 => _14("WEBGL_lose_context"), 'optionalAccess', _15 => _15.loseContext, 'call', _16 => _16()]);
     return null;
+  }
   gl.enable(gl.BLEND);
   gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
   const pAPos = gl.getAttribLocation(pointProgram, "a_pos");
@@ -1519,6 +1590,7 @@ function createWebGLPointRenderer(canvas) {
     ensureQuadIndices(spriteCount);
     gl.drawElements(gl.TRIANGLES, spriteCount * INDICES_PER_QUAD, gl.UNSIGNED_INT, 0);
     frameDrawCalls++;
+    gl.bindVertexArray(null);
     spriteCount = 0;
   };
   const drawGlyphs = () => {
@@ -1797,6 +1869,7 @@ function createWebGLPointRenderer(canvas) {
 }
 
 // src/renderer/WebGPUParticleSystemManager.ts
+var recordComputePassScratch = new Float32Array(20);
 var COMPUTE_SHADER = `
 struct Particle {
   position: vec2<f32>,
@@ -1971,16 +2044,22 @@ fn fs_main(in: VertexOutput) -> @location(0) vec4<f32> {
 `;
 var WebGPUParticleSystemManager = (_class3 = class {
   
-  __init36() {this.computePipeline = null}
-  __init37() {this.renderPipeline = null}
-  __init38() {this.computeBindGroupLayout = null}
-  __init39() {this.renderBindGroupLayout = null}
-  constructor(device) {;_class3.prototype.__init36.call(this);_class3.prototype.__init37.call(this);_class3.prototype.__init38.call(this);_class3.prototype.__init39.call(this);
+  __init40() {this.computePipeline = null}
+  __init41() {this.renderPipeline = null}
+  // Held so destroy() can release them — modules were previously unreachable
+  // after initPipelines and lived until context loss (#684).
+  __init42() {this.computeModule = null}
+  __init43() {this.renderModule = null}
+  __init44() {this.computeBindGroupLayout = null}
+  __init45() {this.renderBindGroupLayout = null}
+  constructor(device) {;_class3.prototype.__init40.call(this);_class3.prototype.__init41.call(this);_class3.prototype.__init42.call(this);_class3.prototype.__init43.call(this);_class3.prototype.__init44.call(this);_class3.prototype.__init45.call(this);
     this.device = device;
   }
   initPipelines(format) {
-    const computeModule = this.device.createShaderModule({ code: COMPUTE_SHADER });
-    const renderModule = this.device.createShaderModule({ code: RENDER_SHADER });
+    this.computeModule = this.device.createShaderModule({ code: COMPUTE_SHADER });
+    this.renderModule = this.device.createShaderModule({ code: RENDER_SHADER });
+    const computeModule = this.computeModule;
+    const renderModule = this.renderModule;
     this.computeBindGroupLayout = this.device.createBindGroupLayout({
       entries: [
         {
@@ -2039,6 +2118,8 @@ var WebGPUParticleSystemManager = (_class3 = class {
     });
   }
   setupEntityResources(entity) {
+    releaseGpuObject(entity.gpuStorageBuffer);
+    releaseGpuObject(entity.gpuUniformBuffer);
     const storageSize = entity.maxParticles * 32;
     entity.gpuStorageBuffer = this.device.createBuffer({
       size: storageSize,
@@ -2065,7 +2146,7 @@ var WebGPUParticleSystemManager = (_class3 = class {
   }
   recordComputePass(pass, entity, dt, mouseX, mouseY, width, height) {
     if (!this.computePipeline || !entity.computeBindGroup) return;
-    const uniformArray = new Float32Array(20);
+    const uniformArray = recordComputePassScratch;
     const color = parseColorToRGBA(entity.baseColor);
     let opacity = 1;
     for (let current = entity; current; current = current.parent) {
@@ -2109,34 +2190,45 @@ var WebGPUParticleSystemManager = (_class3 = class {
     pass.draw(6, entity.maxParticles);
   }
   destroy() {
+    releaseGpuObject(this.computePipeline);
+    releaseGpuObject(this.renderPipeline);
+    releaseGpuObject(this.computeModule);
+    releaseGpuObject(this.renderModule);
     this.computePipeline = null;
     this.renderPipeline = null;
+    this.computeModule = null;
+    this.renderModule = null;
     this.computeBindGroupLayout = null;
     this.renderBindGroupLayout = null;
   }
 }, _class3);
+function releaseGpuObject(obj) {
+  if (obj && typeof obj.destroy === "function") {
+    obj.destroy();
+  }
+}
 
 // src/renderer/GlyphRasterAtlas.ts
 var HARD_MAX_SIZE = 8192;
 var PAD = 2;
 var GlyphRasterAtlas = (_class4 = class {
-  __init40() {this.slots = /* @__PURE__ */ new Map()}
+  __init46() {this.slots = /* @__PURE__ */ new Map()}
   
   
-  __init41() {this.canvas = null}
-  __init42() {this.ctx = null}
+  __init47() {this.canvas = null}
+  __init48() {this.ctx = null}
   /**
    * Shelf packing: glyphs land left-to-right on a row, then a new row starts.
    * A monospace grid produces near-uniform widths, so shelves waste very little
    * and cost one comparison per insert — a real 2D packer would buy nothing here.
    */
-  __init43() {this.penX = PAD}
-  __init44() {this.penY = PAD}
-  __init45() {this.rowHeight = 0}
-  __init46() {this._hits = 0}
-  __init47() {this._misses = 0}
-  __init48() {this._resets = 0}
-  constructor(options = {}) {;_class4.prototype.__init40.call(this);_class4.prototype.__init41.call(this);_class4.prototype.__init42.call(this);_class4.prototype.__init43.call(this);_class4.prototype.__init44.call(this);_class4.prototype.__init45.call(this);_class4.prototype.__init46.call(this);_class4.prototype.__init47.call(this);_class4.prototype.__init48.call(this);
+  __init49() {this.penX = PAD}
+  __init50() {this.penY = PAD}
+  __init51() {this.rowHeight = 0}
+  __init52() {this._hits = 0}
+  __init53() {this._misses = 0}
+  __init54() {this._resets = 0}
+  constructor(options = {}) {;_class4.prototype.__init46.call(this);_class4.prototype.__init47.call(this);_class4.prototype.__init48.call(this);_class4.prototype.__init49.call(this);_class4.prototype.__init50.call(this);_class4.prototype.__init51.call(this);_class4.prototype.__init52.call(this);_class4.prototype.__init53.call(this);_class4.prototype.__init54.call(this);
     this.dpr = Math.max(1, _nullishCoalesce(options.dpr, () => ( 1)));
     this.maxSize = Math.min(HARD_MAX_SIZE, Math.max(256, _nullishCoalesce(options.maxSize, () => ( 2048))));
   }
@@ -2195,7 +2287,7 @@ var GlyphRasterAtlas = (_class4 = class {
    *   (headless, unrasterizable, or too large to pack).
    */
   get(font, color, glyph) {
-    const key = font + "\0" + color + "\0" + glyph;
+    const key = `${font.length}\0${font}${color.length}\0${color}${glyph.length}\0${glyph}`;
     const existing = this.slots.get(key);
     if (existing !== void 0) {
       if (existing) this._hits++;
@@ -2318,13 +2410,13 @@ var GlyphRasterAtlas = (_class4 = class {
 
 // src/renderer/TextRasterCache.ts
 var TextRasterCache = (_class5 = class {
-  __init49() {this.cache = /* @__PURE__ */ new Map()}
+  __init55() {this.cache = /* @__PURE__ */ new Map()}
   
   
-  __init50() {this.scratchCtx = null}
-  __init51() {this._hits = 0}
-  __init52() {this._misses = 0}
-  constructor(options = {}) {;_class5.prototype.__init49.call(this);_class5.prototype.__init50.call(this);_class5.prototype.__init51.call(this);_class5.prototype.__init52.call(this);
+  __init56() {this.scratchCtx = null}
+  __init57() {this._hits = 0}
+  __init58() {this._misses = 0}
+  constructor(options = {}) {;_class5.prototype.__init55.call(this);_class5.prototype.__init56.call(this);_class5.prototype.__init57.call(this);_class5.prototype.__init58.call(this);
     this.maxEntries = Math.max(1, _nullishCoalesce(options.maxEntries, () => ( 4096)));
     this.dpr = Math.max(1, _nullishCoalesce(options.dpr, () => ( 1)));
   }
@@ -2349,7 +2441,7 @@ var TextRasterCache = (_class5 = class {
    *   fall back to {@link IRenderer.fillText}).
    */
   get(font, color, text) {
-    const key = font + "\0" + color + "\0" + text;
+    const key = `${font.length}\0${font}${color.length}\0${color}${text.length}\0${text}`;
     const hit = this.cache.get(key);
     if (hit) {
       this._hits++;