@snowcone-app/canvas 0.29.0 → 0.31.0

package/dist/internals.mjs

@@ -1,9 +1,74 @@
-import { A as w, a as b, C as I, I as R, R as W, S as A, T as E } from "./CanvasRenderer-_lFoIoz5.js";
-import { r as p } from "./ExportManager-B8Td7uR5.js";
-import { D as O, E as F, I as L, W as X, a as z, b as K, c as Y, d as B, e as _, f as J, h as N, i as V, j, k as q, l as Q, m as U, n as Z, o as $, p as m, q as G, s as x, t as D, u as rr, v as or, w as sr, x as ir, y as er, z as ar, A as nr, B as tr, C as hr } from "./ExportManager-B8Td7uR5.js";
-import { D as cr, E as fr, H as pr, J as gr, K as lr, L as ur, M as Tr, N as kr, O as Mr, Q as yr, W as Cr, V as vr, X as Sr, Y as Pr, c as wr, Z as br, _ as Ir, $ as Rr, a0 as Wr, a1 as Ar } from "./FontAnalyzer-D4Sg-P6_.js";
-import { A as Hr, e as Or, C as Fr, S as Lr } from "./CanvasStateV1-BMxr6xb8.js";
-function y(r, o) {
+import { A as D, a as rr, C as or, I as sr, R as er, S as nr, T as tr } from "./CanvasRenderer-hpJ05JGO.js";
+import { a as M } from "./ExportManager-Bkzzyxgw.js";
+import { D as ir, E as hr, I as cr, W as dr, b as fr, d as ur, f as gr, h as lr, i as pr, j as yr, k as Mr, m as vr, n as Tr, o as kr, p as wr, q as Cr, s as br, t as Sr, u as Pr, v as Ir, w as mr, x as Ar, y as Rr, z as Wr, A as Er, B as Or, C as Hr, F as jr, G as Lr, H as Fr, J as Xr } from "./ExportManager-Bkzzyxgw.js";
+import { K as H, L as j, c as L, M as F } from "./FontAnalyzer-BYhwxDhe.js";
+import { N as _r, O as zr, Q as Kr, V as Br, W as Ur, X as Yr, Y as Jr, Z as Vr, _ as qr, $ as Gr, a0 as Qr, a1 as Zr, a2 as $r, a3 as xr, a4 as Dr, a5 as ro, a6 as oo, a7 as so, a8 as eo } from "./FontAnalyzer-BYhwxDhe.js";
+import { A as to, e as ao, C as io, S as ho } from "./CanvasStateV1-jLOibojY.js";
+const X = L("image-adjustments"), v = 1e-3;
+function N(r, o) {
+  const { brightness: a, contrast: s, saturation: h } = o, e = a * s, n = 127.5 * (1 - s), f = Math.abs(e - 1) > v || Math.abs(n) > v, i = new Uint8ClampedArray(256);
+  if (f)
+    for (let g = 0; g < 256; g++) i[g] = g * e + n;
+  const c = Math.abs(h - 1) > v, t = h, d = 0.213 + 0.787 * t, u = 0.715 - 0.715 * t, b = 0.072 - 0.072 * t, S = 0.213 - 0.213 * t, P = 0.715 + 0.285 * t, I = 0.072 - 0.072 * t, m = 0.213 - 0.213 * t, A = 0.715 - 0.715 * t, R = 0.072 + 0.928 * t;
+  for (let g = 0; g < r.length; g += 4) {
+    let l = r[g], p = r[g + 1], y = r[g + 2];
+    if (f && (l = i[l], p = i[p], y = i[y]), c) {
+      const W = d * l + u * p + b * y, E = S * l + P * p + I * y, O = m * l + A * p + R * y;
+      l = W, p = E, y = O;
+    }
+    r[g] = l, r[g + 1] = p, r[g + 2] = y;
+  }
+}
+const k = /* @__PURE__ */ new WeakMap(), _ = 4;
+function z(r) {
+  const o = r.naturalWidth;
+  return typeof o == "number" && o > 0 ? o : r.width;
+}
+function K(r) {
+  const o = r.naturalHeight;
+  return typeof o == "number" && o > 0 ? o : r.height;
+}
+function B(r, o) {
+  if (typeof OffscreenCanvas < "u")
+    return new OffscreenCanvas(r, o);
+  if (typeof document < "u") {
+    const a = document.createElement("canvas");
+    return a.width = r, a.height = o, a;
+  }
+  throw new Error("image-adjustments: no canvas implementation available (no OffscreenCanvas, no DOM)");
+}
+function U(r, o) {
+  const a = z(r), s = K(r);
+  if (a <= 0 || s <= 0)
+    throw new Error("image-adjustments: source has no pixels (width/height is 0)");
+  const h = B(a, s), e = h.getContext("2d");
+  if (!e)
+    throw new Error("image-adjustments: could not acquire a 2d context");
+  e.drawImage(r, 0, 0, a, s);
+  const n = e.getImageData(0, 0, a, s);
+  return N(n.data, o), e.putImageData(n, 0, 0), h;
+}
+function C(r, o) {
+  if (H(o)) return r;
+  const a = j(o);
+  let s = k.get(r);
+  const h = s == null ? void 0 : s.get(a);
+  if (h)
+    return s.delete(a), s.set(a, h), h;
+  let e;
+  try {
+    e = U(r, o);
+  } catch (n) {
+    X.error("adjustment pixel pass failed — rendering UNADJUSTED source:", n), e = r;
+  }
+  for (s || (s = /* @__PURE__ */ new Map(), k.set(r, s)), s.set(a, e); s.size > _; ) {
+    const n = s.keys().next().value;
+    s.delete(n);
+  }
+  return e;
+}
+F(C);
+function G(r, o) {
   return !r.needsCropPixelConversion || r.cropWidth === void 0 ? r : {
     ...r,
     cropX: (r.cropX ?? 0) * o.width,
@@ -13,32 +78,36 @@ function y(r, o) {
     needsCropPixelConversion: !1
   };
 }
-function C(r, o, c) {
-  var a, n;
+function Q(r, o, a) {
+  var n, f;
+  const s = C(
+    a,
+    o.adjustments
+  );
   r.save(), r.translate(o.x, o.y), o.rotation && r.rotate(-o.rotation * Math.PI / 180);
-  let e = 1, h = 1;
-  if (o.flipHorizontal && (e = -1), o.flipVertical && (h = -1), (e !== 1 || h !== 1) && r.scale(e, h), o.opacity !== void 0 && o.opacity !== 1 && (r.globalAlpha = o.opacity), o.borderRadius && o.borderRadius > 0) {
+  let h = 1, e = 1;
+  if (o.flipHorizontal && (h = -1), o.flipVertical && (e = -1), (h !== 1 || e !== 1) && r.scale(h, e), o.opacity !== void 0 && o.opacity !== 1 && (r.globalAlpha = o.opacity), o.borderRadius && o.borderRadius > 0) {
     const i = Math.min(
       o.borderRadius / 100 * Math.min(o.width, o.height),
       o.width / 2,
       o.height / 2
     );
     r.beginPath();
-    const s = -o.width / 2, t = -o.height / 2, d = o.width, f = o.height;
-    r.moveTo(s + i, t), r.lineTo(s + d - i, t), r.arcTo(s + d, t, s + d, t + i, i), r.lineTo(s + d, t + f - i), r.arcTo(s + d, t + f, s + d - i, t + f, i), r.lineTo(s + i, t + f), r.arcTo(s, t + f, s, t + f - i, i), r.lineTo(s, t + i), r.arcTo(s, t, s + i, t, i), r.closePath(), r.clip();
+    const c = -o.width / 2, t = -o.height / 2, d = o.width, u = o.height;
+    r.moveTo(c + i, t), r.lineTo(c + d - i, t), r.arcTo(c + d, t, c + d, t + i, i), r.lineTo(c + d, t + u - i), r.arcTo(c + d, t + u, c + d - i, t + u, i), r.lineTo(c + i, t + u), r.arcTo(c, t + u, c, t + u - i, i), r.lineTo(c, t + i), r.arcTo(c, t, c + i, t, i), r.closePath(), r.clip();
   }
   if (o.cropX !== void 0 && o.cropWidth !== void 0 ? r.drawImage(
-    c,
+    s,
     o.cropX,
     o.cropY || 0,
     o.cropWidth,
-    o.cropHeight || c.height,
+    o.cropHeight || a.height,
     -o.width / 2,
     -o.height / 2,
     o.width,
     o.height
-  ) : r.drawImage(c, -o.width / 2, -o.height / 2, o.width, o.height), r.restore(), (a = o.stroke) != null && a.enabled) {
-    const i = ((n = o.knockoutParts) == null ? void 0 : n.stroke) === !0, s = {
+  ) : r.drawImage(s, -o.width / 2, -o.height / 2, o.width, o.height), r.restore(), (n = o.stroke) != null && n.enabled) {
+    const i = ((f = o.knockoutParts) == null ? void 0 : f.stroke) === !0, c = {
       x: o.x,
       y: o.y,
       rotation: o.rotation,
@@ -59,172 +128,172 @@ function C(r, o, c) {
       else if (typeof document < "u")
         d = document.createElement("canvas"), d.width = t.width, d.height = t.height;
       else {
-        p(r, s);
+        M(r, c);
         return;
       }
-      const f = d.getContext("2d");
-      if (!f) {
-        p(r, s);
+      const u = d.getContext("2d");
+      if (!u) {
+        M(r, c);
         return;
       }
-      p(f, s, { isKnockout: !0 }), r.save(), r.globalCompositeOperation = "destination-out", r.drawImage(d, 0, 0), r.restore();
+      M(u, c, { isKnockout: !0 }), r.save(), r.globalCompositeOperation = "destination-out", r.drawImage(d, 0, 0), r.restore();
     } else
-      p(r, s);
+      M(r, c);
   }
 }
-function T(r, o) {
+function Y(r, o) {
   if (typeof OffscreenCanvas < "u")
     return new OffscreenCanvas(r, o);
-  const c = document.createElement("canvas");
-  return c.width = r, c.height = o, c;
+  const a = document.createElement("canvas");
+  return a.width = r, a.height = o, a;
 }
-function v(r, o) {
-  var a;
-  const c = o.opacity ?? 1, e = !!((a = o.stroke) != null && a.enabled);
-  c < 1 && e ? k(r, o, c) : g(r, o, c);
+function Z(r, o) {
+  var e;
+  const a = o.opacity ?? 1, s = !!((e = o.stroke) != null && e.enabled);
+  a < 1 && s ? J(r, o, a) : T(r, o, a);
 }
-function k(r, o, c) {
-  var f;
-  const e = o.transformData, a = (((f = o.stroke) == null ? void 0 : f.width) || 2) + 2, n = Math.ceil(e.width + a * 2), i = Math.ceil(e.height + a * 2), s = T(n, i), t = s.getContext("2d");
-  if (!t) {
-    g(r, o, c);
+function J(r, o, a) {
+  var d;
+  const s = o.transformData, e = (((d = o.stroke) == null ? void 0 : d.width) || 2) + 2, n = Math.ceil(s.width + e * 2), f = Math.ceil(s.height + e * 2), i = Y(n, f), c = i.getContext("2d");
+  if (!c) {
+    T(r, o, a);
     return;
   }
-  const d = {
+  const t = {
     ...o,
     x: n / 2,
-    y: i / 2
+    y: f / 2
   };
-  g(t, d, 1), r.save(), r.translate(o.x, o.y), o.rotation && r.rotate(-o.rotation * Math.PI / 180), r.globalAlpha = c, r.drawImage(s, -n / 2, -i / 2), r.restore();
+  T(c, t, 1), r.save(), r.translate(o.x, o.y), o.rotation && r.rotate(-o.rotation * Math.PI / 180), r.globalAlpha = a, r.drawImage(i, -n / 2, -f / 2), r.restore();
 }
-function g(r, o, c) {
-  var a;
-  const e = o.transformData, h = e.fillOpacity ?? 1;
-  if (r.save(), r.translate(o.x, o.y), o.rotation && r.rotate(-o.rotation * Math.PI / 180), r.globalAlpha = c * h, r.fillStyle = e.fillColor || "#3b82f6", r.beginPath(), u(r, e), r.fill(), r.restore(), (a = o.stroke) != null && a.enabled) {
+function T(r, o, a) {
+  var e;
+  const s = o.transformData, h = s.fillOpacity ?? 1;
+  if (r.save(), r.translate(o.x, o.y), o.rotation && r.rotate(-o.rotation * Math.PI / 180), r.globalAlpha = a * h, r.fillStyle = s.fillColor || "#3b82f6", r.beginPath(), w(r, s), r.fill(), r.restore(), (e = o.stroke) != null && e.enabled) {
     r.save(), r.translate(o.x, o.y), o.rotation && r.rotate(-o.rotation * Math.PI / 180);
     const n = o.stroke;
-    r.globalAlpha = c * (n.opacity ?? 1), r.strokeStyle = n.color || "#000000", r.lineWidth = n.width || 2, r.lineCap = n.lineCap || "round", r.lineJoin = n.lineJoin || "round", r.beginPath(), u(r, e), r.stroke(), r.restore();
+    r.globalAlpha = a * (n.opacity ?? 1), r.strokeStyle = n.color || "#000000", r.lineWidth = n.width || 2, r.lineCap = n.lineCap || "round", r.lineJoin = n.lineJoin || "round", r.beginPath(), w(r, s), r.stroke(), r.restore();
   }
 }
-function u(r, o) {
-  const { shapeType: c, width: e, height: h } = o;
-  switch (c) {
+function w(r, o) {
+  const { shapeType: a, width: s, height: h } = o;
+  switch (a) {
     case "rectangle": {
-      const a = o.borderRadius || 0, n = -e / 2, i = -h / 2;
-      if (a > 0) {
-        const s = Math.min(a / 100 * Math.min(e, h), e / 2, h / 2);
-        r.roundRect(n, i, e, h, s);
+      const e = o.borderRadius || 0, n = -s / 2, f = -h / 2;
+      if (e > 0) {
+        const i = Math.min(e / 100 * Math.min(s, h), s / 2, h / 2);
+        r.roundRect(n, f, s, h, i);
       } else
-        r.rect(n, i, e, h);
+        r.rect(n, f, s, h);
       break;
     }
     case "circle": {
-      const a = Math.min(e, h) / 2;
-      r.arc(0, 0, a, 0, Math.PI * 2);
+      const e = Math.min(s, h) / 2;
+      r.arc(0, 0, e, 0, Math.PI * 2);
       break;
     }
     case "ellipse": {
-      r.ellipse(0, 0, e / 2, h / 2, 0, 0, Math.PI * 2);
+      r.ellipse(0, 0, s / 2, h / 2, 0, 0, Math.PI * 2);
       break;
     }
     case "triangle": {
-      const a = e / 2, n = h / 2;
-      r.moveTo(0, -n), r.lineTo(a, n), r.lineTo(-a, n), r.closePath();
+      const e = s / 2, n = h / 2;
+      r.moveTo(0, -n), r.lineTo(e, n), r.lineTo(-e, n), r.closePath();
       break;
     }
     case "polygon": {
-      const a = o.sides || 5, n = Math.min(e, h) / 2;
-      for (let i = 0; i < a; i++) {
-        const s = i * 2 * Math.PI / a - Math.PI / 2, t = n * Math.cos(s), d = n * Math.sin(s);
-        i === 0 ? r.moveTo(t, d) : r.lineTo(t, d);
+      const e = o.sides || 5, n = Math.min(s, h) / 2;
+      for (let f = 0; f < e; f++) {
+        const i = f * 2 * Math.PI / e - Math.PI / 2, c = n * Math.cos(i), t = n * Math.sin(i);
+        f === 0 ? r.moveTo(c, t) : r.lineTo(c, t);
       }
       r.closePath();
       break;
     }
     case "star": {
-      const a = o.points || 5, n = Math.min(e, h) / 2, i = n * (o.innerRadius || 0.4);
-      for (let s = 0; s < a * 2; s++) {
-        const t = s * Math.PI / a - Math.PI / 2, d = s % 2 === 0 ? n : i, f = d * Math.cos(t), l = d * Math.sin(t);
-        s === 0 ? r.moveTo(f, l) : r.lineTo(f, l);
+      const e = o.points || 5, n = Math.min(s, h) / 2, f = n * (o.innerRadius || 0.4);
+      for (let i = 0; i < e * 2; i++) {
+        const c = i * Math.PI / e - Math.PI / 2, t = i % 2 === 0 ? n : f, d = t * Math.cos(c), u = t * Math.sin(c);
+        i === 0 ? r.moveTo(d, u) : r.lineTo(d, u);
       }
       r.closePath();
       break;
     }
     case "line": {
-      const a = e / 2, n = h / 2;
-      r.rect(-a, -n, e, h);
+      const e = s / 2, n = h / 2;
+      r.rect(-e, -n, s, h);
       break;
     }
     default:
-      r.rect(-e / 2, -h / 2, e, h);
+      r.rect(-s / 2, -h / 2, s, h);
   }
 }
 export {
-  w as AlignmentSnapSystem,
-  Hr as AnyElementConfigSchema,
-  Or as AnyTransformDataSchema,
-  cr as ArchTransform,
-  fr as ArtboardManager,
-  b as ArtboardRenderer,
-  pr as AscendTransform,
-  I as CanvasRenderer,
-  Fr as CanvasStateV1Schema,
-  gr as CircleTransform,
-  lr as CustomTransform,
-  O as DEFAULT_MAX_BITMAP_DIMENSION,
-  ur as ElementStore,
-  F as ExportManager,
-  Tr as FlagTransform,
-  kr as HybridHistoryManager,
-  L as ImportManager,
-  R as InteractionStateMachine,
-  Mr as LeanTransform,
-  yr as LogLevel,
-  W as ResizePipeline,
-  Lr as SerializedArtboardSchema,
-  A as SpacingSystem,
-  E as TransformHandles,
-  Cr as WaveTransform,
-  X as WorkerExportManager,
-  z as applySpaceLayoutRules,
-  K as applyStrokeStyle,
-  Y as buildFontString,
-  vr as calculateFixedCornerPosition,
-  Sr as calculateResizeHandles,
-  Pr as calculateRotationHandlePosition,
-  B as clearImageBitmapCache,
-  _ as clearMaskCache,
-  J as clearRegisteredBitmapKeys,
-  N as createCirclePath,
-  V as createImagePath,
-  wr as createLogger,
-  j as createRectPath,
-  q as createTextPath,
-  Q as getFontMetrics,
-  U as getSharedWorkerExportManager,
-  br as hitTestCircle,
-  Ir as hitTestRect,
-  Z as invalidateMaskCache,
-  Rr as logger,
-  $ as measureTextWidth,
-  m as removeFromImageBitmapCache,
-  G as renderCustomTransform,
-  C as renderImageElement,
-  p as renderImageStroke,
-  x as renderMultilineText,
-  D as renderPathStroke,
-  rr as renderRichTextFillOnly,
-  v as renderShapeElement,
-  or as renderTextElement,
-  sr as renderTextFillOnly,
-  ir as renderTextStroke,
-  er as renderWithKnockout,
-  ar as renderWithMasks,
-  y as resolveServerCrop,
-  Wr as splitRichTextIntoLines,
-  nr as terminateSharedWorkerExportManager,
-  tr as unregisterElementBitmaps,
-  Ar as wrapRichTextSpans,
-  hr as wrapText
+  D as AlignmentSnapSystem,
+  to as AnyElementConfigSchema,
+  ao as AnyTransformDataSchema,
+  _r as ArchTransform,
+  zr as ArtboardManager,
+  rr as ArtboardRenderer,
+  Kr as AscendTransform,
+  or as CanvasRenderer,
+  io as CanvasStateV1Schema,
+  Br as CircleTransform,
+  Ur as CustomTransform,
+  ir as DEFAULT_MAX_BITMAP_DIMENSION,
+  Yr as ElementStore,
+  hr as ExportManager,
+  Jr as FlagTransform,
+  Vr as HybridHistoryManager,
+  cr as ImportManager,
+  sr as InteractionStateMachine,
+  qr as LeanTransform,
+  Gr as LogLevel,
+  er as ResizePipeline,
+  ho as SerializedArtboardSchema,
+  nr as SpacingSystem,
+  tr as TransformHandles,
+  Qr as WaveTransform,
+  dr as WorkerExportManager,
+  fr as applySpaceLayoutRules,
+  ur as applyStrokeStyle,
+  gr as buildFontString,
+  Zr as calculateFixedCornerPosition,
+  $r as calculateResizeHandles,
+  xr as calculateRotationHandlePosition,
+  lr as clearImageBitmapCache,
+  pr as clearMaskCache,
+  yr as clearRegisteredBitmapKeys,
+  Mr as createCirclePath,
+  vr as createImagePath,
+  L as createLogger,
+  Tr as createRectPath,
+  kr as createTextPath,
+  wr as getFontMetrics,
+  Cr as getSharedWorkerExportManager,
+  Dr as hitTestCircle,
+  ro as hitTestRect,
+  br as invalidateMaskCache,
+  oo as logger,
+  Sr as measureTextWidth,
+  Pr as removeFromImageBitmapCache,
+  Ir as renderCustomTransform,
+  Q as renderImageElement,
+  M as renderImageStroke,
+  mr as renderMultilineText,
+  Ar as renderPathStroke,
+  Rr as renderRichTextFillOnly,
+  Z as renderShapeElement,
+  Wr as renderTextElement,
+  Er as renderTextFillOnly,
+  Or as renderTextStroke,
+  Hr as renderWithKnockout,
+  jr as renderWithMasks,
+  G as resolveServerCrop,
+  so as splitRichTextIntoLines,
+  Lr as terminateSharedWorkerExportManager,
+  Fr as unregisterElementBitmaps,
+  eo as wrapRichTextSpans,
+  Xr as wrapText
 };
 //# sourceMappingURL=internals.mjs.map

package/dist/internals.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"internals.mjs","sources":["../src/rendering/image-renderer.ts","../src/rendering/shape-renderer.ts"],"sourcesContent":["/**\n * Image Renderer - Image element rendering with crop, flip, border radius, and stroke.\n *\n * Works in both main thread and Web Worker (via OffscreenCanvas).\n */\n\nimport type { ImageElementConfig } from '../types/index.js';\nimport { renderImageStroke } from './StrokeRenderer.js';\nimport type { RenderContext, SerializedImageElement } from './renderer-types.js';\n\n/**\n * Convert a server-render image element's crop rectangle from FRACTIONS (0–1)\n * to source pixels, using the fetched bitmap's real dimensions.\n *\n * The server-render serializers (`serializeStateForServer`,\n * `flattenImageElement`) store crop as fractions and stamp\n * `needsCropPixelConversion` because they have no bitmap at serialize time. The\n * export worker holds the bitmap and calls this right before drawing. Without\n * it, `drawImage` reads e.g. `cropWidth=1` as a 1px source rect and stretches a\n * single corner pixel across the whole element — the layer renders as a solid\n * black/transparent block. Mirrors the client-side conversion in\n * `element-serializer` (which runs at serialize time because the client DOES\n * have the bitmap). No-op unless the flag is set and a crop is present, so the\n * already-pixel client path is untouched and the conversion can't run twice.\n */\nexport function resolveServerCrop(\n  el: SerializedImageElement,\n  bitmap: { width: number; height: number }\n): SerializedImageElement {\n  if (!el.needsCropPixelConversion || el.cropWidth === undefined) return el;\n  return {\n    ...el,\n    cropX: (el.cropX ?? 0) * bitmap.width,\n    cropY: (el.cropY ?? 0) * bitmap.height,\n    cropWidth: el.cropWidth * bitmap.width,\n    cropHeight: (el.cropHeight ?? 1) * bitmap.height,\n    needsCropPixelConversion: false,\n  };\n}\n\n/**\n * Render an image element using ImageBitmap\n * Works in both main thread and worker\n */\nexport function renderImageElement(\n  ctx: RenderContext,\n  elementData: SerializedImageElement,\n  imageBitmap: ImageBitmap\n): void {\n  ctx.save();\n\n  // Translate to element position\n  ctx.translate(elementData.x, elementData.y);\n\n  // Apply rotation (negative for clockwise)\n  if (elementData.rotation) {\n    ctx.rotate((-elementData.rotation * Math.PI) / 180);\n  }\n\n  // Apply flip transformations\n  let scaleX = 1;\n  let scaleY = 1;\n  if (elementData.flipHorizontal) scaleX = -1;\n  if (elementData.flipVertical) scaleY = -1;\n  if (scaleX !== 1 || scaleY !== 1) {\n    ctx.scale(scaleX, scaleY);\n  }\n\n  // Apply opacity if specified\n  if (elementData.opacity !== undefined && elementData.opacity !== 1) {\n    ctx.globalAlpha = elementData.opacity;\n  }\n\n  // Apply border radius if specified (borderRadius is stored as percentage 0-100)\n  if (elementData.borderRadius && elementData.borderRadius > 0) {\n    const radius = Math.min(\n      (elementData.borderRadius / 100) * Math.min(elementData.width, elementData.height),\n      elementData.width / 2,\n      elementData.height / 2\n    );\n\n    // Create clipping path for rounded corners\n    ctx.beginPath();\n    const x = -elementData.width / 2;\n    const y = -elementData.height / 2;\n    const w = elementData.width;\n    const h = elementData.height;\n\n    ctx.moveTo(x + radius, y);\n    ctx.lineTo(x + w - radius, y);\n    ctx.arcTo(x + w, y, x + w, y + radius, radius);\n    ctx.lineTo(x + w, y + h - radius);\n    ctx.arcTo(x + w, y + h, x + w - radius, y + h, radius);\n    ctx.lineTo(x + radius, y + h);\n    ctx.arcTo(x, y + h, x, y + h - radius, radius);\n    ctx.lineTo(x, y + radius);\n    ctx.arcTo(x, y, x + radius, y, radius);\n    ctx.closePath();\n    ctx.clip();\n  }\n\n  // Draw the image\n  if (elementData.cropX !== undefined && elementData.cropWidth !== undefined) {\n    // Draw with crop\n    ctx.drawImage(\n      imageBitmap,\n      elementData.cropX,\n      elementData.cropY || 0,\n      elementData.cropWidth,\n      elementData.cropHeight || imageBitmap.height,\n      -elementData.width / 2,\n      -elementData.height / 2,\n      elementData.width,\n      elementData.height\n    );\n  } else {\n    // Draw without crop (centered)\n    ctx.drawImage(imageBitmap, -elementData.width / 2, -elementData.height / 2, elementData.width, elementData.height);\n  }\n\n  ctx.restore();\n\n  // Render stroke if enabled (after restore to apply fresh transforms)\n  if (elementData.stroke?.enabled) {\n    const hasKnockoutStroke = elementData.knockoutParts?.stroke === true;\n\n    const imageConfig: ImageElementConfig = {\n      transformType: 'image',\n      x: elementData.x,\n      y: elementData.y,\n      rotation: elementData.rotation,\n      stroke: elementData.stroke,\n      knockoutParts: elementData.knockoutParts,\n      transformData: {\n        type: 'image',\n        width: elementData.width,\n        height: elementData.height,\n        borderRadius: elementData.borderRadius || 0,\n      },\n    };\n\n    if (hasKnockoutStroke) {\n      // For knockout stroke, use offscreen canvas approach\n      const canvas = ctx.canvas;\n      let offscreen: HTMLCanvasElement | OffscreenCanvas;\n\n      if (typeof OffscreenCanvas !== 'undefined') {\n        offscreen = new OffscreenCanvas(canvas.width, canvas.height);\n      } else if (typeof document !== 'undefined') {\n        offscreen = document.createElement('canvas');\n        offscreen.width = canvas.width;\n        offscreen.height = canvas.height;\n      } else {\n        renderImageStroke(ctx, imageConfig);\n        return;\n      }\n\n      const offCtx = offscreen.getContext('2d');\n      if (!offCtx) {\n        renderImageStroke(ctx, imageConfig);\n        return;\n      }\n\n      // Render the stroke to the offscreen canvas with knockout flag\n      renderImageStroke(offCtx, imageConfig, { isKnockout: true });\n\n      // Composite with destination-out\n      ctx.save();\n      ctx.globalCompositeOperation = 'destination-out';\n      ctx.drawImage(offscreen as CanvasImageSource, 0, 0);\n      ctx.restore();\n    } else {\n      // Normal stroke\n      renderImageStroke(ctx, imageConfig);\n    }\n  }\n}\n","/**\n * Shape Renderer - Shape element rendering (rectangle, circle, ellipse, triangle, etc.)\n *\n * Works in both main thread and Web Worker (via OffscreenCanvas).\n *\n * Opacity strategy: When a shape has both element-level opacity AND a stroke,\n * we render fill+stroke at full opacity on a temporary canvas, then composite\n * the result at the element's opacity. This prevents fill/stroke overlap from\n * compounding (e.g., 50% fill + 50% stroke overlap ≠ 75% opaque).\n */\n\nimport type { RenderContext, SerializedShapeElement } from './renderer-types.js';\n\ntype CanvasLike = HTMLCanvasElement | OffscreenCanvas;\n\nfunction createTempCanvas(width: number, height: number): CanvasLike {\n  if (typeof OffscreenCanvas !== 'undefined') {\n    return new OffscreenCanvas(width, height);\n  }\n  const canvas = document.createElement('canvas');\n  canvas.width = width;\n  canvas.height = height;\n  return canvas;\n}\n\n/**\n * Render a shape element\n * Works in both main thread and worker\n */\nexport function renderShapeElement(ctx: RenderContext, elementData: SerializedShapeElement): void {\n  const elementOpacity = elementData.opacity ?? 1;\n  const hasStroke = !!elementData.stroke?.enabled;\n  const needsOffscreen = elementOpacity < 1 && hasStroke;\n\n  if (needsOffscreen) {\n    // Render fill+stroke at full opacity on a temp canvas, then composite\n    renderShapeWithOffscreen(ctx, elementData, elementOpacity);\n  } else {\n    // No compounding risk — render directly\n    renderShapeDirect(ctx, elementData, elementOpacity);\n  }\n}\n\n/**\n * Render shape via temporary canvas to avoid fill/stroke opacity compounding.\n */\nfunction renderShapeWithOffscreen(\n  ctx: RenderContext,\n  elementData: SerializedShapeElement,\n  elementOpacity: number\n): void {\n  const td = elementData.transformData;\n  const strokeWidth = elementData.stroke?.width || 2;\n  // Pad temp canvas to fit the stroke (strokes extend beyond the shape bounds)\n  const padding = strokeWidth + 2;\n  const offW = Math.ceil(td.width + padding * 2);\n  const offH = Math.ceil(td.height + padding * 2);\n\n  const offCanvas = createTempCanvas(offW, offH);\n  const offCtx = offCanvas.getContext('2d') as RenderContext;\n  if (!offCtx) {\n    // Fallback to direct render\n    renderShapeDirect(ctx, elementData, elementOpacity);\n    return;\n  }\n\n  // Render at center of temp canvas with full opacity (elementOpacity = 1)\n  const tempData: SerializedShapeElement = {\n    ...elementData,\n    x: offW / 2,\n    y: offH / 2,\n    opacity: 1,\n  };\n  renderShapeDirect(offCtx, tempData, 1);\n\n  // Composite temp canvas onto main canvas at element opacity\n  ctx.save();\n\n  // Position: elementData.(x,y) is the shape center, temp canvas center is (offW/2, offH/2)\n  // We need to account for rotation around the element center\n  ctx.translate(elementData.x, elementData.y);\n  if (elementData.rotation) {\n    ctx.rotate((-elementData.rotation * Math.PI) / 180);\n  }\n\n  ctx.globalAlpha = elementOpacity;\n  ctx.drawImage(offCanvas, -offW / 2, -offH / 2);\n  ctx.restore();\n}\n\n/**\n * Render shape directly onto ctx (no offscreen). Used when there's no\n * compounding risk, or as the inner render for the offscreen path.\n */\nfunction renderShapeDirect(\n  ctx: RenderContext,\n  elementData: SerializedShapeElement,\n  elementOpacity: number\n): void {\n  const transformData = elementData.transformData;\n  const fillOpacity = transformData.fillOpacity ?? 1;\n\n  ctx.save();\n  ctx.translate(elementData.x, elementData.y);\n\n  if (elementData.rotation) {\n    ctx.rotate((-elementData.rotation * Math.PI) / 180);\n  }\n\n  // Fill\n  ctx.globalAlpha = elementOpacity * fillOpacity;\n  ctx.fillStyle = transformData.fillColor || '#3b82f6';\n  ctx.beginPath();\n  traceShapePath(ctx, transformData);\n  ctx.fill();\n  ctx.restore();\n\n  // Stroke\n  if (elementData.stroke?.enabled) {\n    ctx.save();\n    ctx.translate(elementData.x, elementData.y);\n    if (elementData.rotation) {\n      ctx.rotate((-elementData.rotation * Math.PI) / 180);\n    }\n\n    const stroke = elementData.stroke;\n    ctx.globalAlpha = elementOpacity * (stroke.opacity ?? 1);\n    ctx.strokeStyle = stroke.color || '#000000';\n    ctx.lineWidth = stroke.width || 2;\n    ctx.lineCap = stroke.lineCap || 'round';\n    ctx.lineJoin = stroke.lineJoin || 'round';\n\n    ctx.beginPath();\n    traceShapePath(ctx, transformData);\n    ctx.stroke();\n    ctx.restore();\n  }\n}\n\n/**\n * Trace the shape path (without fill/stroke) — reusable for both fill and stroke passes.\n */\nfunction traceShapePath(\n  ctx: RenderContext,\n  transformData: SerializedShapeElement['transformData']\n): void {\n  const { shapeType, width, height } = transformData;\n\n  switch (shapeType) {\n    case 'rectangle': {\n      const borderRadius = transformData.borderRadius || 0;\n      const x = -width / 2;\n      const y = -height / 2;\n\n      if (borderRadius > 0) {\n        const radius = Math.min((borderRadius / 100) * Math.min(width, height), width / 2, height / 2);\n        ctx.roundRect(x, y, width, height, radius);\n      } else {\n        ctx.rect(x, y, width, height);\n      }\n      break;\n    }\n\n    case 'circle': {\n      const radius = Math.min(width, height) / 2;\n      ctx.arc(0, 0, radius, 0, Math.PI * 2);\n      break;\n    }\n\n    case 'ellipse': {\n      ctx.ellipse(0, 0, width / 2, height / 2, 0, 0, Math.PI * 2);\n      break;\n    }\n\n    case 'triangle': {\n      const halfWidth = width / 2;\n      const halfHeight = height / 2;\n      ctx.moveTo(0, -halfHeight);\n      ctx.lineTo(halfWidth, halfHeight);\n      ctx.lineTo(-halfWidth, halfHeight);\n      ctx.closePath();\n      break;\n    }\n\n    case 'polygon': {\n      const sides = transformData.sides || 5;\n      const radius = Math.min(width, height) / 2;\n      for (let i = 0; i < sides; i++) {\n        const angle = (i * 2 * Math.PI) / sides - Math.PI / 2;\n        const px = radius * Math.cos(angle);\n        const py = radius * Math.sin(angle);\n        if (i === 0) {\n          ctx.moveTo(px, py);\n        } else {\n          ctx.lineTo(px, py);\n        }\n      }\n      ctx.closePath();\n      break;\n    }\n\n    case 'star': {\n      const points = transformData.points || 5;\n      const outerRadius = Math.min(width, height) / 2;\n      const innerRadius = outerRadius * (transformData.innerRadius || 0.4);\n      for (let i = 0; i < points * 2; i++) {\n        const angle = (i * Math.PI) / points - Math.PI / 2;\n        const r = i % 2 === 0 ? outerRadius : innerRadius;\n        const px = r * Math.cos(angle);\n        const py = r * Math.sin(angle);\n        if (i === 0) {\n          ctx.moveTo(px, py);\n        } else {\n          ctx.lineTo(px, py);\n        }\n      }\n      ctx.closePath();\n      break;\n    }\n\n    case 'line': {\n      const halfWidth = width / 2;\n      const halfHeight = height / 2;\n      ctx.rect(-halfWidth, -halfHeight, width, height);\n      break;\n    }\n\n    default:\n      ctx.rect(-width / 2, -height / 2, width, height);\n  }\n}\n"],"names":["resolveServerCrop","el","bitmap","renderImageElement","ctx","elementData","imageBitmap","scaleX","scaleY","radius","x","y","w","h","_a","hasKnockoutStroke","_b","imageConfig","canvas","offscreen","renderImageStroke","offCtx","createTempCanvas","width","height","renderShapeElement","elementOpacity","hasStroke","renderShapeWithOffscreen","renderShapeDirect","td","padding","offW","offH","offCanvas","tempData","transformData","fillOpacity","traceShapePath","stroke","shapeType","borderRadius","halfWidth","halfHeight","sides","angle","px","py","points","outerRadius","innerRadius","i","r"],"mappings":"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"}
+{"version":3,"file":"internals.mjs","sources":["../src/rendering/image-adjustments.ts","../src/rendering/image-renderer.ts","../src/rendering/shape-renderer.ts"],"sourcesContent":["/**\n * Image adjustments (brightness / contrast / saturation) — the SINGLE pixel\n * pipeline shared by the live editor renderer and the export worker.\n *\n * This is the HEAVY side of the seam in `src/core/image-adjustments.ts`\n * (D9 element/renderer split): importing this module registers the\n * adjusted-source provider that `ImageElement.render()` looks up at paint\n * time. `rendering/element-painters.ts` imports it, so every paint driver\n * (CanvasRenderer, ExportManager, the export worker) carries it; the\n * no-canvas state graph never does.\n *\n * ## Why a pixel pass and not `ctx.filter`\n *\n * `CanvasRenderingContext2D.filter` is NOT available on Safari / iOS Safari:\n * caniuse (mdn-api_canvasrenderingcontext2d_filter, checked 2026-06) lists\n * Safari ≤ 17.6 \"Not supported\" and Safari 18.0 → 26.x \"Disabled by default\"\n * (same for iOS). iOS Safari is a hard requirement for this package, so the\n * pixel pass must exist regardless — and once it exists, using it EVERYWHERE\n * (instead of a ctx.filter fast path on Chromium/Firefox) guarantees the live\n * canvas, the client export worker, and the server renderer produce identical\n * pixels with one implementation. Browser-native filter pipelines differ in\n * intermediate precision, so a hybrid risks live-vs-export drift for zero\n * functional gain.\n *\n * ## Performance contract\n *\n * The pass runs ONCE per (source, adjustments) pair and the result is cached\n * (see {@link getAdjustedImageSource}); the 60fps render loop only ever pays\n * one extra `drawImage` of the cached canvas. Per-frame `getImageData` never\n * happens.\n *\n * ## Math\n *\n * Equivalent to the CSS Filter Effects spec functions, applied in the fixed\n * order `brightness() contrast() saturate()` on non-premultiplied sRGB:\n *\n *   brightness(b): v' = v·b\n *   contrast(c):   v' = v·c + 127.5·(1 − c)\n *   saturate(s):   feColorMatrix type=\"saturate\" (luma 0.213 / 0.715 / 0.072)\n *\n * Alpha is untouched. Results clamp to [0, 255] via Uint8ClampedArray.\n *\n * Worker-safe: no DOM access at module level; the canvas factory prefers\n * `OffscreenCanvas` and falls back to `document.createElement('canvas')`.\n */\n\nimport type { ImageAdjustments } from '../types/index.js';\nimport {\n  isNeutralAdjustments,\n  adjustmentsCacheKey,\n  registerAdjustedImageSourceProvider,\n  type AdjustableImageSource,\n} from '../core/image-adjustments.js';\nimport { createLogger } from '../utils/logger.js';\n\n// Re-export the model-side helpers so heavy-side consumers (serializers,\n// worker renderer, tests) have a single import surface.\nexport {\n  NEUTRAL_ADJUSTMENTS,\n  isNeutralAdjustments,\n  normalizeAdjustments,\n  adjustmentsCacheKey,\n  type AdjustableImageSource,\n} from '../core/image-adjustments.js';\n\nconst logger = createLogger('image-adjustments');\n\nconst EPSILON = 0.001;\n\n/**\n * Apply adjustments to raw RGBA pixels IN PLACE.\n *\n * Pure (no canvas, no DOM) — safe in workers and directly unit-testable.\n * Brightness and contrast are fused into a single 256-entry LUT; saturation\n * applies the feColorMatrix \"saturate\" matrix per pixel (skipped when ~1).\n */\nexport function applyAdjustmentsToPixels(data: Uint8ClampedArray, adjustments: ImageAdjustments): void {\n  const { brightness, contrast, saturation } = adjustments;\n\n  // Fused brightness+contrast transfer: v' = (v·b)·c + 127.5·(1 − c)\n  const slope = brightness * contrast;\n  const intercept = 127.5 * (1 - contrast);\n  const applyLut = Math.abs(slope - 1) > EPSILON || Math.abs(intercept) > EPSILON;\n  const lut = new Uint8ClampedArray(256);\n  if (applyLut) {\n    for (let v = 0; v < 256; v++) lut[v] = v * slope + intercept; // clamps on write\n  }\n\n  const applySaturation = Math.abs(saturation - 1) > EPSILON;\n  // feColorMatrix type=\"saturate\" coefficients (Filter Effects spec).\n  const s = saturation;\n  const rr = 0.213 + 0.787 * s;\n  const rg = 0.715 - 0.715 * s;\n  const rb = 0.072 - 0.072 * s;\n  const gr = 0.213 - 0.213 * s;\n  const gg = 0.715 + 0.285 * s;\n  const gb = 0.072 - 0.072 * s;\n  const br = 0.213 - 0.213 * s;\n  const bg = 0.715 - 0.715 * s;\n  const bb = 0.072 + 0.928 * s;\n\n  for (let i = 0; i < data.length; i += 4) {\n    let r = data[i];\n    let g = data[i + 1];\n    let b = data[i + 2];\n\n    if (applyLut) {\n      r = lut[r];\n      g = lut[g];\n      b = lut[b];\n    }\n\n    if (applySaturation) {\n      const r2 = rr * r + rg * g + rb * b;\n      const g2 = gr * r + gg * g + gb * b;\n      const b2 = br * r + bg * g + bb * b;\n      r = r2;\n      g = g2;\n      b = b2;\n    }\n\n    data[i] = r;\n    data[i + 1] = g;\n    data[i + 2] = b;\n    // alpha (i + 3) untouched\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Adjusted-source cache\n// ---------------------------------------------------------------------------\n\n/**\n * Per-source LRU of adjusted variants. WeakMap keyed by the SOURCE OBJECT so\n * entries vanish with the source (e.g. when ImageCache evicts an image or the\n * worker clears a bitmap). The inner map is bounded — slider drags produce a\n * stream of distinct adjustment values and must not accumulate full-size\n * canvases.\n */\nconst adjustedSourceCache = new WeakMap<object, Map<string, AdjustableImageSource>>();\n\n/** Max adjusted variants kept per source (oldest evicted first). */\nconst MAX_VARIANTS_PER_SOURCE = 4;\n\nfunction sourcePixelWidth(source: AdjustableImageSource): number {\n  const natural = (source as HTMLImageElement).naturalWidth;\n  return typeof natural === 'number' && natural > 0 ? natural : source.width;\n}\n\nfunction sourcePixelHeight(source: AdjustableImageSource): number {\n  const natural = (source as HTMLImageElement).naturalHeight;\n  return typeof natural === 'number' && natural > 0 ? natural : source.height;\n}\n\n/** Create a 2D canvas in whatever environment we're in (worker or DOM). */\nfunction createCanvas(width: number, height: number): HTMLCanvasElement | OffscreenCanvas {\n  if (typeof OffscreenCanvas !== 'undefined') {\n    return new OffscreenCanvas(width, height);\n  }\n  if (typeof document !== 'undefined') {\n    const canvas = document.createElement('canvas');\n    canvas.width = width;\n    canvas.height = height;\n    return canvas;\n  }\n  throw new Error('image-adjustments: no canvas implementation available (no OffscreenCanvas, no DOM)');\n}\n\n/** Run the pixel pass once, producing an adjusted copy of the source. */\nfunction renderAdjustedSource(\n  source: AdjustableImageSource,\n  adjustments: ImageAdjustments\n): AdjustableImageSource {\n  const width = sourcePixelWidth(source);\n  const height = sourcePixelHeight(source);\n  if (width <= 0 || height <= 0) {\n    throw new Error('image-adjustments: source has no pixels (width/height is 0)');\n  }\n\n  const canvas = createCanvas(width, height);\n  const ctx = canvas.getContext('2d') as\n    | CanvasRenderingContext2D\n    | OffscreenCanvasRenderingContext2D\n    | null;\n  if (!ctx) {\n    throw new Error('image-adjustments: could not acquire a 2d context');\n  }\n\n  ctx.drawImage(source, 0, 0, width, height);\n  // Throws SecurityError on a tainted canvas — all canvas-bound images load\n  // with crossOrigin=\"anonymous\" (CLAUDE.md gotcha #13), so taint here means\n  // a host bug; the catch in getAdjustedImageSource degrades + caches.\n  const imageData = ctx.getImageData(0, 0, width, height);\n  applyAdjustmentsToPixels(imageData.data, adjustments);\n  ctx.putImageData(imageData, 0, 0);\n  return canvas as AdjustableImageSource;\n}\n\n/**\n * Get a drawable source with the adjustments baked in. Neutral adjustments\n * return the original source unchanged.\n *\n * Cached per (source object, adjustments value): the pixel pass runs once per\n * distinct pair; every subsequent call — i.e. every render frame — is a map\n * lookup. FAILED passes are cached too (as the original source) so a broken\n * environment degrades to \"no adjustment applied\" without retrying the\n * expensive pass every frame (the gotcha-#28 retry-loop lesson).\n */\nexport function getAdjustedImageSource(\n  source: AdjustableImageSource,\n  adjustments: ImageAdjustments | undefined | null\n): AdjustableImageSource {\n  if (isNeutralAdjustments(adjustments)) return source;\n\n  const key = adjustmentsCacheKey(adjustments);\n  let variants = adjustedSourceCache.get(source);\n  const cached = variants?.get(key);\n  if (cached) {\n    // Refresh LRU position.\n    variants!.delete(key);\n    variants!.set(key, cached);\n    return cached;\n  }\n\n  let result: AdjustableImageSource;\n  try {\n    result = renderAdjustedSource(source, adjustments!);\n  } catch (error) {\n    logger.error('adjustment pixel pass failed — rendering UNADJUSTED source:', error);\n    result = source;\n  }\n\n  if (!variants) {\n    variants = new Map();\n    adjustedSourceCache.set(source, variants);\n  }\n  variants.set(key, result);\n  while (variants.size > MAX_VARIANTS_PER_SOURCE) {\n    const oldest = variants.keys().next().value as string;\n    variants.delete(oldest);\n  }\n\n  return result;\n}\n\n/** Test-only: drop every cached variant for a source. */\nexport function clearAdjustedSourceCacheFor(source: object): void {\n  adjustedSourceCache.delete(source);\n}\n\n// Register as THE adjusted-source provider for the element model\n// (core/image-adjustments.ts seam) at module evaluation.\nregisterAdjustedImageSourceProvider(getAdjustedImageSource);\n","/**\n * Image Renderer - Image element rendering with crop, flip, border radius, and stroke.\n *\n * Works in both main thread and Web Worker (via OffscreenCanvas).\n */\n\nimport type { ImageElementConfig } from '../types/index.js';\nimport { renderImageStroke } from './StrokeRenderer.js';\nimport { getAdjustedImageSource, type AdjustableImageSource } from './image-adjustments.js';\nimport type { RenderContext, SerializedImageElement } from './renderer-types.js';\n\n/**\n * Convert a server-render image element's crop rectangle from FRACTIONS (0–1)\n * to source pixels, using the fetched bitmap's real dimensions.\n *\n * The server-render serializers (`serializeStateForServer`,\n * `flattenImageElement`) store crop as fractions and stamp\n * `needsCropPixelConversion` because they have no bitmap at serialize time. The\n * export worker holds the bitmap and calls this right before drawing. Without\n * it, `drawImage` reads e.g. `cropWidth=1` as a 1px source rect and stretches a\n * single corner pixel across the whole element — the layer renders as a solid\n * black/transparent block. Mirrors the client-side conversion in\n * `element-serializer` (which runs at serialize time because the client DOES\n * have the bitmap). No-op unless the flag is set and a crop is present, so the\n * already-pixel client path is untouched and the conversion can't run twice.\n */\nexport function resolveServerCrop(\n  el: SerializedImageElement,\n  bitmap: { width: number; height: number }\n): SerializedImageElement {\n  if (!el.needsCropPixelConversion || el.cropWidth === undefined) return el;\n  return {\n    ...el,\n    cropX: (el.cropX ?? 0) * bitmap.width,\n    cropY: (el.cropY ?? 0) * bitmap.height,\n    cropWidth: el.cropWidth * bitmap.width,\n    cropHeight: (el.cropHeight ?? 1) * bitmap.height,\n    needsCropPixelConversion: false,\n  };\n}\n\n/**\n * Render an image element using ImageBitmap\n * Works in both main thread and worker\n */\nexport function renderImageElement(\n  ctx: RenderContext,\n  elementData: SerializedImageElement,\n  imageBitmap: ImageBitmap\n): void {\n  // Brightness/contrast/saturation: bake into a cached copy of the source\n  // bitmap FIRST (no-op when neutral/absent) so crop, flip and border-radius\n  // below composite adjusted pixels — same order as the live ImageElement\n  // renderer. Crop source rects stay valid: the adjusted copy has identical\n  // pixel dimensions.\n  const source = getAdjustedImageSource(\n    imageBitmap as AdjustableImageSource,\n    elementData.adjustments\n  );\n\n  ctx.save();\n\n  // Translate to element position\n  ctx.translate(elementData.x, elementData.y);\n\n  // Apply rotation (negative for clockwise)\n  if (elementData.rotation) {\n    ctx.rotate((-elementData.rotation * Math.PI) / 180);\n  }\n\n  // Apply flip transformations\n  let scaleX = 1;\n  let scaleY = 1;\n  if (elementData.flipHorizontal) scaleX = -1;\n  if (elementData.flipVertical) scaleY = -1;\n  if (scaleX !== 1 || scaleY !== 1) {\n    ctx.scale(scaleX, scaleY);\n  }\n\n  // Apply opacity if specified\n  if (elementData.opacity !== undefined && elementData.opacity !== 1) {\n    ctx.globalAlpha = elementData.opacity;\n  }\n\n  // Apply border radius if specified (borderRadius is stored as percentage 0-100)\n  if (elementData.borderRadius && elementData.borderRadius > 0) {\n    const radius = Math.min(\n      (elementData.borderRadius / 100) * Math.min(elementData.width, elementData.height),\n      elementData.width / 2,\n      elementData.height / 2\n    );\n\n    // Create clipping path for rounded corners\n    ctx.beginPath();\n    const x = -elementData.width / 2;\n    const y = -elementData.height / 2;\n    const w = elementData.width;\n    const h = elementData.height;\n\n    ctx.moveTo(x + radius, y);\n    ctx.lineTo(x + w - radius, y);\n    ctx.arcTo(x + w, y, x + w, y + radius, radius);\n    ctx.lineTo(x + w, y + h - radius);\n    ctx.arcTo(x + w, y + h, x + w - radius, y + h, radius);\n    ctx.lineTo(x + radius, y + h);\n    ctx.arcTo(x, y + h, x, y + h - radius, radius);\n    ctx.lineTo(x, y + radius);\n    ctx.arcTo(x, y, x + radius, y, radius);\n    ctx.closePath();\n    ctx.clip();\n  }\n\n  // Draw the image\n  if (elementData.cropX !== undefined && elementData.cropWidth !== undefined) {\n    // Draw with crop\n    ctx.drawImage(\n      source,\n      elementData.cropX,\n      elementData.cropY || 0,\n      elementData.cropWidth,\n      elementData.cropHeight || imageBitmap.height,\n      -elementData.width / 2,\n      -elementData.height / 2,\n      elementData.width,\n      elementData.height\n    );\n  } else {\n    // Draw without crop (centered)\n    ctx.drawImage(source, -elementData.width / 2, -elementData.height / 2, elementData.width, elementData.height);\n  }\n\n  ctx.restore();\n\n  // Render stroke if enabled (after restore to apply fresh transforms)\n  if (elementData.stroke?.enabled) {\n    const hasKnockoutStroke = elementData.knockoutParts?.stroke === true;\n\n    const imageConfig: ImageElementConfig = {\n      transformType: 'image',\n      x: elementData.x,\n      y: elementData.y,\n      rotation: elementData.rotation,\n      stroke: elementData.stroke,\n      knockoutParts: elementData.knockoutParts,\n      transformData: {\n        type: 'image',\n        width: elementData.width,\n        height: elementData.height,\n        borderRadius: elementData.borderRadius || 0,\n      },\n    };\n\n    if (hasKnockoutStroke) {\n      // For knockout stroke, use offscreen canvas approach\n      const canvas = ctx.canvas;\n      let offscreen: HTMLCanvasElement | OffscreenCanvas;\n\n      if (typeof OffscreenCanvas !== 'undefined') {\n        offscreen = new OffscreenCanvas(canvas.width, canvas.height);\n      } else if (typeof document !== 'undefined') {\n        offscreen = document.createElement('canvas');\n        offscreen.width = canvas.width;\n        offscreen.height = canvas.height;\n      } else {\n        renderImageStroke(ctx, imageConfig);\n        return;\n      }\n\n      const offCtx = offscreen.getContext('2d');\n      if (!offCtx) {\n        renderImageStroke(ctx, imageConfig);\n        return;\n      }\n\n      // Render the stroke to the offscreen canvas with knockout flag\n      renderImageStroke(offCtx, imageConfig, { isKnockout: true });\n\n      // Composite with destination-out\n      ctx.save();\n      ctx.globalCompositeOperation = 'destination-out';\n      ctx.drawImage(offscreen as CanvasImageSource, 0, 0);\n      ctx.restore();\n    } else {\n      // Normal stroke\n      renderImageStroke(ctx, imageConfig);\n    }\n  }\n}\n","/**\n * Shape Renderer - Shape element rendering (rectangle, circle, ellipse, triangle, etc.)\n *\n * Works in both main thread and Web Worker (via OffscreenCanvas).\n *\n * Opacity strategy: When a shape has both element-level opacity AND a stroke,\n * we render fill+stroke at full opacity on a temporary canvas, then composite\n * the result at the element's opacity. This prevents fill/stroke overlap from\n * compounding (e.g., 50% fill + 50% stroke overlap ≠ 75% opaque).\n */\n\nimport type { RenderContext, SerializedShapeElement } from './renderer-types.js';\n\ntype CanvasLike = HTMLCanvasElement | OffscreenCanvas;\n\nfunction createTempCanvas(width: number, height: number): CanvasLike {\n  if (typeof OffscreenCanvas !== 'undefined') {\n    return new OffscreenCanvas(width, height);\n  }\n  const canvas = document.createElement('canvas');\n  canvas.width = width;\n  canvas.height = height;\n  return canvas;\n}\n\n/**\n * Render a shape element\n * Works in both main thread and worker\n */\nexport function renderShapeElement(ctx: RenderContext, elementData: SerializedShapeElement): void {\n  const elementOpacity = elementData.opacity ?? 1;\n  const hasStroke = !!elementData.stroke?.enabled;\n  const needsOffscreen = elementOpacity < 1 && hasStroke;\n\n  if (needsOffscreen) {\n    // Render fill+stroke at full opacity on a temp canvas, then composite\n    renderShapeWithOffscreen(ctx, elementData, elementOpacity);\n  } else {\n    // No compounding risk — render directly\n    renderShapeDirect(ctx, elementData, elementOpacity);\n  }\n}\n\n/**\n * Render shape via temporary canvas to avoid fill/stroke opacity compounding.\n */\nfunction renderShapeWithOffscreen(\n  ctx: RenderContext,\n  elementData: SerializedShapeElement,\n  elementOpacity: number\n): void {\n  const td = elementData.transformData;\n  const strokeWidth = elementData.stroke?.width || 2;\n  // Pad temp canvas to fit the stroke (strokes extend beyond the shape bounds)\n  const padding = strokeWidth + 2;\n  const offW = Math.ceil(td.width + padding * 2);\n  const offH = Math.ceil(td.height + padding * 2);\n\n  const offCanvas = createTempCanvas(offW, offH);\n  const offCtx = offCanvas.getContext('2d') as RenderContext;\n  if (!offCtx) {\n    // Fallback to direct render\n    renderShapeDirect(ctx, elementData, elementOpacity);\n    return;\n  }\n\n  // Render at center of temp canvas with full opacity (elementOpacity = 1)\n  const tempData: SerializedShapeElement = {\n    ...elementData,\n    x: offW / 2,\n    y: offH / 2,\n    opacity: 1,\n  };\n  renderShapeDirect(offCtx, tempData, 1);\n\n  // Composite temp canvas onto main canvas at element opacity\n  ctx.save();\n\n  // Position: elementData.(x,y) is the shape center, temp canvas center is (offW/2, offH/2)\n  // We need to account for rotation around the element center\n  ctx.translate(elementData.x, elementData.y);\n  if (elementData.rotation) {\n    ctx.rotate((-elementData.rotation * Math.PI) / 180);\n  }\n\n  ctx.globalAlpha = elementOpacity;\n  ctx.drawImage(offCanvas, -offW / 2, -offH / 2);\n  ctx.restore();\n}\n\n/**\n * Render shape directly onto ctx (no offscreen). Used when there's no\n * compounding risk, or as the inner render for the offscreen path.\n */\nfunction renderShapeDirect(\n  ctx: RenderContext,\n  elementData: SerializedShapeElement,\n  elementOpacity: number\n): void {\n  const transformData = elementData.transformData;\n  const fillOpacity = transformData.fillOpacity ?? 1;\n\n  ctx.save();\n  ctx.translate(elementData.x, elementData.y);\n\n  if (elementData.rotation) {\n    ctx.rotate((-elementData.rotation * Math.PI) / 180);\n  }\n\n  // Fill\n  ctx.globalAlpha = elementOpacity * fillOpacity;\n  ctx.fillStyle = transformData.fillColor || '#3b82f6';\n  ctx.beginPath();\n  traceShapePath(ctx, transformData);\n  ctx.fill();\n  ctx.restore();\n\n  // Stroke\n  if (elementData.stroke?.enabled) {\n    ctx.save();\n    ctx.translate(elementData.x, elementData.y);\n    if (elementData.rotation) {\n      ctx.rotate((-elementData.rotation * Math.PI) / 180);\n    }\n\n    const stroke = elementData.stroke;\n    ctx.globalAlpha = elementOpacity * (stroke.opacity ?? 1);\n    ctx.strokeStyle = stroke.color || '#000000';\n    ctx.lineWidth = stroke.width || 2;\n    ctx.lineCap = stroke.lineCap || 'round';\n    ctx.lineJoin = stroke.lineJoin || 'round';\n\n    ctx.beginPath();\n    traceShapePath(ctx, transformData);\n    ctx.stroke();\n    ctx.restore();\n  }\n}\n\n/**\n * Trace the shape path (without fill/stroke) — reusable for both fill and stroke passes.\n */\nfunction traceShapePath(\n  ctx: RenderContext,\n  transformData: SerializedShapeElement['transformData']\n): void {\n  const { shapeType, width, height } = transformData;\n\n  switch (shapeType) {\n    case 'rectangle': {\n      const borderRadius = transformData.borderRadius || 0;\n      const x = -width / 2;\n      const y = -height / 2;\n\n      if (borderRadius > 0) {\n        const radius = Math.min((borderRadius / 100) * Math.min(width, height), width / 2, height / 2);\n        ctx.roundRect(x, y, width, height, radius);\n      } else {\n        ctx.rect(x, y, width, height);\n      }\n      break;\n    }\n\n    case 'circle': {\n      const radius = Math.min(width, height) / 2;\n      ctx.arc(0, 0, radius, 0, Math.PI * 2);\n      break;\n    }\n\n    case 'ellipse': {\n      ctx.ellipse(0, 0, width / 2, height / 2, 0, 0, Math.PI * 2);\n      break;\n    }\n\n    case 'triangle': {\n      const halfWidth = width / 2;\n      const halfHeight = height / 2;\n      ctx.moveTo(0, -halfHeight);\n      ctx.lineTo(halfWidth, halfHeight);\n      ctx.lineTo(-halfWidth, halfHeight);\n      ctx.closePath();\n      break;\n    }\n\n    case 'polygon': {\n      const sides = transformData.sides || 5;\n      const radius = Math.min(width, height) / 2;\n      for (let i = 0; i < sides; i++) {\n        const angle = (i * 2 * Math.PI) / sides - Math.PI / 2;\n        const px = radius * Math.cos(angle);\n        const py = radius * Math.sin(angle);\n        if (i === 0) {\n          ctx.moveTo(px, py);\n        } else {\n          ctx.lineTo(px, py);\n        }\n      }\n      ctx.closePath();\n      break;\n    }\n\n    case 'star': {\n      const points = transformData.points || 5;\n      const outerRadius = Math.min(width, height) / 2;\n      const innerRadius = outerRadius * (transformData.innerRadius || 0.4);\n      for (let i = 0; i < points * 2; i++) {\n        const angle = (i * Math.PI) / points - Math.PI / 2;\n        const r = i % 2 === 0 ? outerRadius : innerRadius;\n        const px = r * Math.cos(angle);\n        const py = r * Math.sin(angle);\n        if (i === 0) {\n          ctx.moveTo(px, py);\n        } else {\n          ctx.lineTo(px, py);\n        }\n      }\n      ctx.closePath();\n      break;\n    }\n\n    case 'line': {\n      const halfWidth = width / 2;\n      const halfHeight = height / 2;\n      ctx.rect(-halfWidth, -halfHeight, width, height);\n      break;\n    }\n\n    default:\n      ctx.rect(-width / 2, -height / 2, width, height);\n  }\n}\n"],"names":["logger","createLogger","EPSILON","applyAdjustmentsToPixels","data","adjustments","brightness","contrast","saturation","slope","intercept","applyLut","lut","v","applySaturation","s","rr","rg","rb","gr","gg","gb","br","bg","bb","i","r","g","b","r2","g2","b2","adjustedSourceCache","MAX_VARIANTS_PER_SOURCE","sourcePixelWidth","source","natural","sourcePixelHeight","createCanvas","width","height","canvas","renderAdjustedSource","ctx","imageData","getAdjustedImageSource","isNeutralAdjustments","key","adjustmentsCacheKey","variants","cached","result","error","oldest","registerAdjustedImageSourceProvider","resolveServerCrop","el","bitmap","renderImageElement","elementData","imageBitmap","scaleX","scaleY","radius","x","y","w","h","_a","hasKnockoutStroke","_b","imageConfig","offscreen","renderImageStroke","offCtx","createTempCanvas","renderShapeElement","elementOpacity","hasStroke","renderShapeWithOffscreen","renderShapeDirect","td","padding","offW","offH","offCanvas","tempData","transformData","fillOpacity","traceShapePath","stroke","shapeType","borderRadius","halfWidth","halfHeight","sides","angle","px","py","points","outerRadius","innerRadius"],"mappings":"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"}

package/dist/rendering/element-painters.d.ts

@@ -1,16 +1,3 @@
-/**
- * Element painters — the heavy half of the paint registry
- * (`src/core/paint-registry.ts`, P1 element/renderer split).
- *
- * Registers the shared paint functions the element model delegates to at
- * paint time. This module statically imports the paint pipeline
- * (transform-renderer / canvas-renderer), so it must only ever be reachable
- * through renderer-side code: every paint DRIVER (CanvasRenderer,
- * ExportManager, ElementPreviewRenderer) imports it, which keeps the
- * registration a static guarantee of "the renderer is loaded" without the
- * model graph ever touching `src/rendering/*`. CI-gated by
- * scripts/check-import-graph.mjs.
- */
 /** Idempotent; also runs at module evaluation — but do NOT rely on a plain
  *  side-effect import (`import './element-painters.js'`) reaching it:
  *  bundlers honoring the package `sideEffects` allowlist prune bare imports.

package/dist/rendering/element-serializer.d.ts

@@ -1,6 +1,6 @@
 import { ArtboardElement } from '../core/ArtboardElement.js';
 import { BaseElement } from '../core/BaseElement.js';
-import { AnyElementConfig, ArtboardDistressTexture, ArtboardImageMask } from '../types/index.js';
+import { AnyElementConfig, ImageAdjustments, ArtboardDistressTexture, ArtboardImageMask } from '../types/index.js';
 /**
  * Default maximum dimension for image capping (in pixels)
  * Images larger than this on any dimension will be scaled down while preserving aspect ratio.
@@ -124,6 +124,8 @@ export interface SerializedImageElement {
     flipHorizontal?: boolean;
     flipVertical?: boolean;
     borderRadius?: number;
+    /** Brightness/contrast/saturation (1 = neutral); omitted when neutral. */
+    adjustments?: ImageAdjustments;
     opacity?: number;
 }
 /**

package/dist/rendering/image-adjustments.d.ts

@@ -0,0 +1,24 @@
+import { ImageAdjustments } from '../types/index.js';
+import { AdjustableImageSource } from '../core/image-adjustments.js';
+export { NEUTRAL_ADJUSTMENTS, isNeutralAdjustments, normalizeAdjustments, adjustmentsCacheKey, type AdjustableImageSource, } from '../core/image-adjustments.js';
+/**
+ * Apply adjustments to raw RGBA pixels IN PLACE.
+ *
+ * Pure (no canvas, no DOM) — safe in workers and directly unit-testable.
+ * Brightness and contrast are fused into a single 256-entry LUT; saturation
+ * applies the feColorMatrix "saturate" matrix per pixel (skipped when ~1).
+ */
+export declare function applyAdjustmentsToPixels(data: Uint8ClampedArray, adjustments: ImageAdjustments): void;
+/**
+ * Get a drawable source with the adjustments baked in. Neutral adjustments
+ * return the original source unchanged.
+ *
+ * Cached per (source object, adjustments value): the pixel pass runs once per
+ * distinct pair; every subsequent call — i.e. every render frame — is a map
+ * lookup. FAILED passes are cached too (as the original source) so a broken
+ * environment degrades to "no adjustment applied" without retrying the
+ * expensive pass every frame (the gotcha-#28 retry-loop lesson).
+ */
+export declare function getAdjustedImageSource(source: AdjustableImageSource, adjustments: ImageAdjustments | undefined | null): AdjustableImageSource;
+/** Test-only: drop every cached variant for a source. */
+export declare function clearAdjustedSourceCacheFor(source: object): void;

package/dist/rendering/renderer-types.d.ts

@@ -1,4 +1,4 @@
-import { AnyTransformData, TextAlign, StrokeConfig, OpenTypeFeatures, TextSpan, GlyphOverride } from '../types/index.js';
+import { AnyTransformData, TextAlign, StrokeConfig, OpenTypeFeatures, TextSpan, GlyphOverride, ImageAdjustments } from '../types/index.js';
 export type RenderContext = CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D;
 export interface SerializedTextElement {
     id: string;
@@ -56,6 +56,13 @@ export interface SerializedImageElement {
     flipHorizontal?: boolean;
     flipVertical?: boolean;
     borderRadius?: number;
+    /**
+     * Brightness/contrast/saturation multipliers (1 = neutral). Omitted when
+     * neutral. Applied by `renderImageElement` to the SOURCE bitmap (cached
+     * pixel pass) before crop/flip/border-radius — the same order as the live
+     * `ImageElement.render`, so exports match the editor.
+     */
+    adjustments?: ImageAdjustments;
     opacity?: number;
     stroke?: StrokeConfig;
     knockoutParts?: {