@pixerate/editor 0.275.1 → 0.277.0

package/dist/{chunk-T6KNJVBP.cjs → chunk-4NZTK7LM.cjs}

@@ -18,7 +18,7 @@
 
 
 
-var _chunkOLZXXAERcjs = require('./chunk-OLZXXAER.cjs');
+var _chunkPEQWARCPcjs = require('./chunk-PEQWARCP.cjs');
 
 
 
@@ -37,7 +37,7 @@ var lerpP = (a, b, t) => [a[0] + (b[0] - a[0]) * t, a[1] + (b[1] - a[1]) * t];
 var toP = (v) => [v.x, v.y];
 var mapP = (m, p) => [m[0] * p[0] + m[2] * p[1] + m[4], m[1] * p[0] + m[3] * p[1] + m[5]];
 var curvesOf = (c) => Math.max(0, (c.pts.length - 1) / 3) | 0;
-function subpathToMorphContour(sp, m = _chunkOLZXXAERcjs.IDENTITY_MATRIX) {
+function subpathToMorphContour(sp, m = _chunkPEQWARCPcjs.IDENTITY_MATRIX) {
   const n = sp.anchors.length;
   if (!n) return null;
   const first = mapP(m, toP(sp.anchors[0]));
@@ -67,8 +67,8 @@ function isStraight(p0, p1, p2, p3) {
   const u2 = along(p2);
   return off(p1) < tol && off(p2) < tol && u1 >= -1e-9 && u1 <= 1 + 1e-9 && u2 >= -1e-9 && u2 <= 1 + 1e-9;
 }
-function morphContourToSubpath(c, m = _chunkOLZXXAERcjs.IDENTITY_MATRIX, closed = c.closed) {
-  const pts = _chunkOLZXXAERcjs.isIdentityMatrix.call(void 0, m) ? c.pts : c.pts.map((p) => mapP(m, p));
+function morphContourToSubpath(c, m = _chunkPEQWARCPcjs.IDENTITY_MATRIX, closed = c.closed) {
+  const pts = _chunkPEQWARCPcjs.isIdentityMatrix.call(void 0, m) ? c.pts : c.pts.map((p) => mapP(m, p));
   const curves = curvesOf(c);
   const dropLast = closed && c.closed && curves > 0;
   const count = dropLast ? curves : curves + 1;
@@ -84,7 +84,7 @@ function morphContourToSubpath(c, m = _chunkOLZXXAERcjs.IDENTITY_MATRIX, closed
     anchors[(k + 1) % count].in = { x: p2[0], y: p2[1] };
   }
   for (const a of anchors) {
-    const type = _chunkOLZXXAERcjs.inferAnchorType.call(void 0, a);
+    const type = _chunkPEQWARCPcjs.inferAnchorType.call(void 0, a);
     if (type !== "corner") a.type = type;
   }
   const isClosed = closed && curves > 0;
@@ -267,7 +267,7 @@ function bestStart(fixed, free, useShapeContext) {
   return best;
 }
 function placeIn(c, from, to) {
-  const b = _chunkOLZXXAERcjs.unionBounds.call(void 0, [boundsOfPoints(c.pts)]);
+  const b = _chunkPEQWARCPcjs.unionBounds.call(void 0, [boundsOfPoints(c.pts)]);
   const p = b ? [b.x + b.width / 2, b.y + b.height / 2] : c.pts[0];
   if (!from || !to) return p;
   const fx = from.width > 0 ? (p[0] - from.x) / from.width : 0.5;
@@ -456,7 +456,7 @@ function interpolateVectorColor(a, b, t) {
 }
 function resampleGradientStops(g, offsets) {
   return offsets.map((offset) => {
-    const s = _chunkOLZXXAERcjs.sampleVectorGradient.call(void 0, g, offset);
+    const s = _chunkPEQWARCPcjs.sampleVectorGradient.call(void 0, g, offset);
     return s.opacity < 1 ? { offset, color: s.color, opacity: Math.round(s.opacity * 1e4) / 1e4 } : { offset, color: s.color };
   });
 }
@@ -467,11 +467,11 @@ function lerpAngle(a, b, t) {
 var lerpPoint = (a, b, t) => ({ x: lerpN(a.x, b.x, t), y: lerpN(a.y, b.y, t) });
 var sameColourModel = (a, b) => (_nullishCoalesce(a.interpolation, () => ( "srgb"))) === (_nullishCoalesce(b.interpolation, () => ( "srgb"))) && (_nullishCoalesce(a.smoothness, () => ( 0))) === (_nullishCoalesce(b.smoothness, () => ( 0)));
 function lerpStops(a, b, t) {
-  let stopsA = _chunkOLZXXAERcjs.sortedVectorGradientStops.call(void 0, a);
-  let stopsB = _chunkOLZXXAERcjs.sortedVectorGradientStops.call(void 0, b);
+  let stopsA = _chunkPEQWARCPcjs.sortedVectorGradientStops.call(void 0, a);
+  let stopsB = _chunkPEQWARCPcjs.sortedVectorGradientStops.call(void 0, b);
   const resampled = stopsA.length !== stopsB.length || !sameColourModel(a, b);
   if (resampled) {
-    const offs = [..._chunkOLZXXAERcjs.expandVectorGradientStops.call(void 0, a), ..._chunkOLZXXAERcjs.expandVectorGradientStops.call(void 0, b), ...stopsA, ...stopsB].map((s) => s.offset).filter(Number.isFinite).sort((x, y) => x - y);
+    const offs = [..._chunkPEQWARCPcjs.expandVectorGradientStops.call(void 0, a), ..._chunkPEQWARCPcjs.expandVectorGradientStops.call(void 0, b), ...stopsA, ...stopsB].map((s) => s.offset).filter(Number.isFinite).sort((x, y) => x - y);
     const common = offs.filter((o, i) => i === 0 || o - offs[i - 1] > 1e-4);
     stopsA = resampleGradientStops(a, common);
     stopsB = resampleGradientStops(b, common);
@@ -498,8 +498,8 @@ function lerpGradient(a, b, t) {
   }
   if (near.spread && near.spread !== "pad") out.spread = near.spread;
   if (near.strokeMode && near.strokeMode !== "within") out.strokeMode = near.strokeMode;
-  const ea = _chunkOLZXXAERcjs.hasExplicitGradientGeometry.call(void 0, a);
-  const eb = _chunkOLZXXAERcjs.hasExplicitGradientGeometry.call(void 0, b);
+  const ea = _chunkPEQWARCPcjs.hasExplicitGradientGeometry.call(void 0, a);
+  const eb = _chunkPEQWARCPcjs.hasExplicitGradientGeometry.call(void 0, b);
   if (!ea && !eb) {
     if (a.angle !== void 0 || b.angle !== void 0 || a.type === "linear" || a.type === "reflected") {
       const fallback = a.type === "linear" || a.type === "reflected" ? 180 : 90;
@@ -512,10 +512,10 @@ function lerpGradient(a, b, t) {
     }
     return out;
   }
-  const pa = _chunkOLZXXAERcjs.vectorGradientPoints.call(void 0, a);
-  const pb = _chunkOLZXXAERcjs.vectorGradientPoints.call(void 0, b);
+  const pa = _chunkPEQWARCPcjs.vectorGradientPoints.call(void 0, a);
+  const pb = _chunkPEQWARCPcjs.vectorGradientPoints.call(void 0, b);
   if (pa.units !== pb.units) {
-    const src = _chunkOLZXXAERcjs.explicitVectorGradient.call(void 0, near);
+    const src = _chunkPEQWARCPcjs.explicitVectorGradient.call(void 0, near);
     return { ...src, stops: out.stops, ...out.interpolation ? { interpolation: out.interpolation } : {}, ...out.smoothness ? { smoothness: out.smoothness } : {} };
   }
   out.start = lerpPoint(pa.start, pb.start, t);
@@ -535,14 +535,14 @@ function solidLike(color, like) {
 function interpolateVectorPaint(a, b, t) {
   if (t <= 0) return a;
   if (t >= 1) return b;
-  const pa = _chunkOLZXXAERcjs.hasPaint.call(void 0, a);
-  const pb = _chunkOLZXXAERcjs.hasPaint.call(void 0, b);
+  const pa = _chunkPEQWARCPcjs.hasPaint.call(void 0, a);
+  const pb = _chunkPEQWARCPcjs.hasPaint.call(void 0, b);
   if (!pa && !pb) return t < 0.5 ? a : b;
   if (typeof a === "string" && pa && typeof b === "string" && pb) return interpolateVectorColor(a, b, t);
   if (!pa && typeof b === "string") return interpolateVectorColor("transparent", b, t);
   if (!pb && typeof a === "string") return interpolateVectorColor(a, "transparent", t);
-  const ga = pa && _chunkOLZXXAERcjs.isVectorGradient.call(void 0, a) ? a : null;
-  const gb = pb && _chunkOLZXXAERcjs.isVectorGradient.call(void 0, b) ? b : null;
+  const ga = pa && _chunkPEQWARCPcjs.isVectorGradient.call(void 0, a) ? a : null;
+  const gb = pb && _chunkPEQWARCPcjs.isVectorGradient.call(void 0, b) ? b : null;
   if (ga && gb) return _nullishCoalesce(lerpGradient(ga, gb, t), () => ( (t < 0.5 ? a : b)));
   if (gb) return _nullishCoalesce(lerpGradient(solidLike(pa ? a : null, gb), gb, t), () => ( b));
   if (ga) return _nullishCoalesce(lerpGradient(ga, solidLike(pb ? b : null, ga), t), () => ( a));
@@ -553,8 +553,8 @@ function interpolateWidthProfiles(a, b, t) {
   const at = [..._nullishCoalesce(a, () => ( [])), ..._nullishCoalesce(b, () => ( [])), { t: 0 }, { t: 1 }].map((p) => p.t).sort((x, y) => x - y);
   const ts = at.filter((v, i) => i === 0 || v - at[i - 1] > 1e-6);
   return ts.map((pos) => {
-    const x = _chunkOLZXXAERcjs.widthProfileAt.call(void 0, a, pos);
-    const y = _chunkOLZXXAERcjs.widthProfileAt.call(void 0, b, pos);
+    const x = _chunkPEQWARCPcjs.widthProfileAt.call(void 0, a, pos);
+    const y = _chunkPEQWARCPcjs.widthProfileAt.call(void 0, b, pos);
     return { t: pos, left: lerpN(x.left, y.left, t), right: lerpN(x.right, y.right, t) };
   });
 }
@@ -597,7 +597,7 @@ function reversedStyle(s) {
   out.endArrow = s.startArrow;
   out.startArrowScale = s.endArrowScale;
   out.endArrowScale = s.startArrowScale;
-  if (_optionalChain([s, 'access', _6 => _6.strokeWidthProfile, 'optionalAccess', _7 => _7.length])) out.strokeWidthProfile = _chunkOLZXXAERcjs.reverseWidthProfile.call(void 0, s.strokeWidthProfile);
+  if (_optionalChain([s, 'access', _6 => _6.strokeWidthProfile, 'optionalAccess', _7 => _7.length])) out.strokeWidthProfile = _chunkPEQWARCPcjs.reverseWidthProfile.call(void 0, s.strokeWidthProfile);
   for (const k of ["startArrow", "endArrow", "startArrowScale", "endArrowScale"]) if (out[k] === void 0) delete out[k];
   return out;
 }
@@ -623,19 +623,19 @@ function styleOf(n) {
   return out;
 }
 function contoursOf(node, m) {
-  return _chunkOLZXXAERcjs.expandVectorCorners.call(void 0, node.subpaths).map((sp) => subpathToMorphContour(sp, m)).filter((c) => !!c);
+  return _chunkPEQWARCPcjs.expandVectorCorners.call(void 0, node.subpaths).map((sp) => subpathToMorphContour(sp, m)).filter((c) => !!c);
 }
-function preparePathMorph(a, b, options, ma = _chunkOLZXXAERcjs.nodeMatrix.call(void 0, a), mb = _chunkOLZXXAERcjs.nodeMatrix.call(void 0, b)) {
+function preparePathMorph(a, b, options, ma = _chunkPEQWARCPcjs.nodeMatrix.call(void 0, a), mb = _chunkPEQWARCPcjs.nodeMatrix.call(void 0, b)) {
   const corr = correspondMorphContours(contoursOf(a, ma), contoursOf(b, mb), options);
   const sim = procrustes(corr.a, corr.b);
   const styleA = styleOf(a);
   const styleB = corr.reversed ? reversedStyle(styleOf(b)) : styleOf(b);
-  const rigid = !_chunkOLZXXAERcjs.isIdentityMatrix.call(void 0, ma) || !_chunkOLZXXAERcjs.isIdentityMatrix.call(void 0, mb);
+  const rigid = !_chunkPEQWARCPcjs.isIdentityMatrix.call(void 0, ma) || !_chunkPEQWARCPcjs.isIdentityMatrix.call(void 0, mb);
   const id = _nullishCoalesce(options.id, () => ( a.id));
   return (t) => {
     const contours = interpolateMorphContours(corr.a, corr.b, t, { linear: options.linear, rigidity: options.rigidity, similarity: sim });
-    const m = rigid ? interpolateRigidMatrix(ma, mb, t) : _chunkOLZXXAERcjs.IDENTITY_MATRIX;
-    const back = rigid ? _chunkOLZXXAERcjs.invertMatrix.call(void 0, m) : _chunkOLZXXAERcjs.IDENTITY_MATRIX;
+    const m = rigid ? interpolateRigidMatrix(ma, mb, t) : _chunkPEQWARCPcjs.IDENTITY_MATRIX;
+    const back = rigid ? _chunkPEQWARCPcjs.invertMatrix.call(void 0, m) : _chunkPEQWARCPcjs.IDENTITY_MATRIX;
     const subpaths = contours.map((c, k) => {
       const closed = t <= 0 ? corr.a[k].closed : t >= 1 ? corr.b[k].closed : corr.a[k].closed && corr.b[k].closed;
       return morphContourToSubpath({ closed: corr.a[k].closed && corr.b[k].closed, pts: c.pts }, back, closed);
@@ -643,14 +643,14 @@ function preparePathMorph(a, b, options, ma = _chunkOLZXXAERcjs.nodeMatrix.call(
     const node = { id, type: "path", subpaths, ...interpolateVectorStyle(styleA, styleB, t) };
     const opacity = lerpN(_nullishCoalesce(a.opacity, () => ( 1)), _nullishCoalesce(b.opacity, () => ( 1)), t);
     if (opacity < 1) node.opacity = opacity;
-    if (rigid && !_chunkOLZXXAERcjs.isIdentityMatrix.call(void 0, m)) node.transform = m;
+    if (rigid && !_chunkPEQWARCPcjs.isIdentityMatrix.call(void 0, m)) node.transform = m;
     return node;
   };
 }
-function flattenPaths(node, parent = _chunkOLZXXAERcjs.IDENTITY_MATRIX) {
-  const m = _chunkOLZXXAERcjs.multiplyMatrices.call(void 0, _chunkOLZXXAERcjs.nodeMatrix.call(void 0, node), parent);
+function flattenPaths(node, parent = _chunkPEQWARCPcjs.IDENTITY_MATRIX) {
+  const m = _chunkPEQWARCPcjs.multiplyMatrices.call(void 0, _chunkPEQWARCPcjs.nodeMatrix.call(void 0, node), parent);
   if (node.type === "path") return [{ path: node, m, opacity: 1 }];
-  if (node.type === "text" || node.type === "instance") return flattenPaths(_chunkOLZXXAERcjs.expandVectorAppearance.call(void 0, node), parent);
+  if (node.type === "text" || node.type === "instance") return flattenPaths(_chunkPEQWARCPcjs.expandVectorAppearance.call(void 0, node), parent);
   const o = _nullishCoalesce(node.opacity, () => ( 1));
   return node.children.filter((c) => c.visible !== false).flatMap((c) => flattenPaths(c, m)).map((e) => ({ ...e, opacity: e.opacity * o }));
 }
@@ -672,8 +672,8 @@ function createVectorMorph(a, b, options = {}) {
   }
   const pa = flattenPaths(a);
   const pb = flattenPaths(b);
-  const ba = _chunkOLZXXAERcjs.unionBounds.call(void 0, pa.map((e) => placedBounds(e.path, e.m)));
-  const bb = _chunkOLZXXAERcjs.unionBounds.call(void 0, pb.map((e) => placedBounds(e.path, e.m)));
+  const ba = _chunkPEQWARCPcjs.unionBounds.call(void 0, pa.map((e) => placedBounds(e.path, e.m)));
+  const bb = _chunkPEQWARCPcjs.unionBounds.call(void 0, pb.map((e) => placedBounds(e.path, e.m)));
   const id = _nullishCoalesce(options.id, () => ( a.id));
   const parts = [];
   const opacities = [];
@@ -685,10 +685,10 @@ function createVectorMorph(a, b, options = {}) {
       parts.push(preparePathMorph(x.path, y.path, sub, x.m, y.m));
       opacities.push([x.opacity, y.opacity]);
     } else if (x) {
-      parts.push(preparePathMorph(x.path, collapsedPath(x.path, x.m, ba, bb), sub, x.m, _chunkOLZXXAERcjs.IDENTITY_MATRIX));
+      parts.push(preparePathMorph(x.path, collapsedPath(x.path, x.m, ba, bb), sub, x.m, _chunkPEQWARCPcjs.IDENTITY_MATRIX));
       opacities.push([x.opacity, x.opacity]);
     } else if (y) {
-      parts.push(preparePathMorph(collapsedPath(y.path, y.m, bb, ba), y.path, sub, _chunkOLZXXAERcjs.IDENTITY_MATRIX, y.m));
+      parts.push(preparePathMorph(collapsedPath(y.path, y.m, bb, ba), y.path, sub, _chunkPEQWARCPcjs.IDENTITY_MATRIX, y.m));
       opacities.push([y.opacity, y.opacity]);
     }
   }

package/dist/{chunk-LMG57L5A.js → chunk-CTHWXW5M.js}

@@ -1,3 +1,7 @@
+import {
+  LivePatternField,
+  moveLivePatternSnapshot
+} from "./chunk-LDZOXESA.js";
 import {
   TILE,
   TiledSurface,
@@ -852,10 +856,30 @@ var noLight = () => new TiledSurface(1, /* @__PURE__ */ new Map(), 0);
 function cloneGhost(g) {
   return g ? { pigment: [...g.pigment], remaining: g.remaining, total: g.total, linger: g.linger, ...g.trigger === "agent" ? { trigger: "agent" } : {} } : null;
 }
-function newLane(id, index, params, flow, flowStrength, base, light, ghost) {
+function newLane(id, index, params, flow, flowStrength, base, light, width, height, ghost, livePatterns) {
   const l = light ?? noLight();
   const g = cloneGhost(ghost);
-  return { id, index, params, flow, flowStrength, base, shaded: /* @__PURE__ */ new Map(), urgent: /* @__PURE__ */ new Set(), stamp: 1, display: null, shadedVersion: 0, displayKey: "", light: l, lit: !g && l.tiles.size > 0, ghost: g, lightShaded: /* @__PURE__ */ new Map(), lightDisplay: null, lightKey: "" };
+  return {
+    id,
+    index,
+    params,
+    flow,
+    flowStrength,
+    base,
+    shaded: /* @__PURE__ */ new Map(),
+    urgent: /* @__PURE__ */ new Set(),
+    stamp: 1,
+    display: null,
+    shadedVersion: 0,
+    displayKey: "",
+    light: l,
+    lit: !g && l.tiles.size > 0,
+    ghost: g,
+    lightShaded: /* @__PURE__ */ new Map(),
+    lightDisplay: null,
+    lightKey: "",
+    livePatterns: livePatterns ?? new LivePatternField(width, height)
+  };
 }
 var WetWorldError = class extends Error {
   constructor(message) {
@@ -1016,12 +1040,28 @@ var WetWorld = class {
       if (options.params) this.setParams(id, options.params);
       if (options.base) this.setBase(id, options.base);
       if (options.light) this.setLight(id, options.light);
+      if (options.livePatterns && existing.livePatterns !== options.livePatterns) {
+        existing.livePatterns = options.livePatterns;
+        this.touchAll(existing);
+      }
       if (options.ghost !== void 0) this.setGhost(id, options.ghost);
       return;
     }
     const index = this.lanes.indexOf(null);
     if (index < 0) throw new WetWorldError(`At most ${MAX_WET_LANES} layers can hold wet paint at once; dry one (dry_paint) first.`);
-    this.lanes[index] = newLane(id, index, normalizeWetParams(options.params ?? {}, DEFAULT_WET_PARAMS), options.flow ?? null, options.flow ? options.flowStrength ?? 1 : 0, options.base ?? new TiledSurface(4, /* @__PURE__ */ new Map(), 0), options.light, options.ghost);
+    this.lanes[index] = newLane(
+      id,
+      index,
+      normalizeWetParams(options.params ?? {}, DEFAULT_WET_PARAMS),
+      options.flow ?? null,
+      options.flow ? options.flowStrength ?? 1 : 0,
+      options.base ?? new TiledSurface(4, /* @__PURE__ */ new Map(), 0),
+      options.light,
+      this.width,
+      this.height,
+      options.ghost,
+      options.livePatterns
+    );
     this.pack(this.lanes[index]);
   }
   /** Drops a wet layer and its wet paint (nothing is baked). */
@@ -1041,6 +1081,52 @@ var WetWorld = class {
     this.pack(lane);
     return { ...lane.params };
   }
+  getLivePatterns(id) {
+    return { ...this.laneOf(id).livePatterns.settings };
+  }
+  hasLivePatterns(id) {
+    const lane = this.laneOf(id);
+    return lane.livePatterns.enabled;
+  }
+  livePatternField(id) {
+    return this.laneOf(id).livePatterns;
+  }
+  setLivePatterns(id, settings) {
+    this.requireIdle();
+    const lane = this.laneOf(id);
+    const next = lane.livePatterns.configure(settings);
+    this.touchAll(lane);
+    return next;
+  }
+  seedLivePatterns(id, cx, cy, radius, seed = 1, strength = 1, settings) {
+    this.requireIdle();
+    const lane = this.laneOf(id);
+    if (settings) lane.livePatterns.configure(settings);
+    const count = lane.livePatterns.seedDisc(cx, cy, radius, seed, strength);
+    if (count > 0) this.touchAll(lane);
+    return count;
+  }
+  livePatternStats(id) {
+    const lane = this.laneOf(id);
+    return lane.livePatterns.stats((tx, ty, lx, ly) => this.isPatternCellWet(lane, tx, ty, lx, ly));
+  }
+  isPatternCellWet(lane, tx, ty, lx, ly) {
+    const { tilesX, tilesY, perLane } = this.layout;
+    if (tx < 0 || ty < 0 || tx >= tilesX || ty >= tilesY) return false;
+    const slot = this.slotOf(lane.index * perLane + ty * tilesX + tx);
+    if (slot < 0) return false;
+    const cur = this.slotBase(slot) + this.parity * SET_PLANES * PLANE;
+    const x0 = lx * 2 + 1;
+    const y0 = ly * 2 + 1;
+    const c00 = y0 * S2 + x0;
+    const c10 = c00 + 1;
+    const c01 = c00 + S2;
+    const c11 = c01 + 1;
+    const rhoBase = cur + P_RHO * PLANE;
+    const swBase = cur + P_SW * PLANE;
+    const f = this.f32;
+    return f[rhoBase + c00] + f[swBase + c00] > DRY_EPS || f[rhoBase + c10] + f[swBase + c10] > DRY_EPS || f[rhoBase + c01] + f[swBase + c01] > DRY_EPS || f[rhoBase + c11] + f[swBase + c11] > DRY_EPS;
+  }
   getTilt() {
     return { ...this.tilt };
   }
@@ -1378,6 +1464,14 @@ var WetWorld = class {
     const flagsBase = l.flags >> 2;
     const lastBase = l.last >> 2;
     const { tilesX, tilesY, perLane } = l;
+    for (const lane of this.lanes) {
+      if (!lane || !lane.livePatterns.enabled || lane.livePatterns.tiles.size === 0) continue;
+      lane.livePatterns.step(
+        n,
+        (tx, ty, lx, ly) => this.isPatternCellWet(lane, tx, ty, lx, ly),
+        (tx, ty) => this.slotOf(lane.index * perLane + ty * tilesX + tx) >= 0
+      );
+    }
     const wakeups = [];
     for (const key of this.active) {
       const fl = this.u32[flagsBase + key];
@@ -2051,6 +2145,7 @@ var WetWorld = class {
     }
     const src = lane.base.tiles.get(tk)?.data ?? null;
     const out = this.shadeSlot(key, src, all ? "bake-all" : "bake");
+    if (lane.livePatterns.enabled) lane.livePatterns.markBaked(tx, ty);
     if (!out) return lightChanged;
     const tiles = new Map(lane.base.tiles);
     const t = finishTile(out, 4, 0);
@@ -2086,7 +2181,7 @@ var WetWorld = class {
     const h = Math.min(WET_TILE, this.height - ty * WET_TILE);
     const lane = this.lanes[this.laneIndexOf(key)];
     const lit = lane.lit && !lane.ghost;
-    const changed = shadeTile(
+    let changed = shadeTile(
       this.f32,
       PLANE,
       S2,
@@ -2103,6 +2198,9 @@ var WetWorld = class {
       lit ? b + P_DL * PLANE : -1,
       lit && mode !== "bake" ? cur + P_L * PLANE : -1
     );
+    if (lane.livePatterns.enabled && lane.livePatterns.tiles.size > 0) {
+      changed = lane.livePatterns.shadeTile(tx, ty, out, w, h) || changed;
+    }
     return changed ? out : null;
   }
   /** The layer's pixels with all its wet paint dried where it is (the bake of "dry on save"); changes nothing. */
@@ -2550,7 +2648,11 @@ var WetWorld = class {
       slots.set(key, { planes, last: this.u32[(this.layout.last >> 2) + key] });
       bytes += planes.byteLength;
     }
-    const lanes = this.lanes.filter((l) => Boolean(l)).map((l) => ({ id: l.id, index: l.index, params: { ...l.params }, flow: l.flow, flowStrength: l.flowStrength, base: l.base, light: l.light, lit: l.lit, ghost: cloneGhost(l.ghost) }));
+    const lanes = this.lanes.filter((l) => Boolean(l)).map((l) => {
+      const lp = l.livePatterns.snapshot();
+      bytes += lp.bytes;
+      return { id: l.id, index: l.index, params: { ...l.params }, flow: l.flow, flowStrength: l.flowStrength, base: l.base, light: l.light, lit: l.lit, ghost: cloneGhost(l.ghost), livePatterns: lp };
+    });
     return { clock: this.clock, tilt: { ...this.tilt }, lanes, slots, bytes };
   }
   /** Puts a snapshot back exactly (the simulation then continues as it would have). */
@@ -2560,8 +2662,9 @@ var WetWorld = class {
     this.lanes.fill(null);
     this.tilt = { ...snap.tilt };
     for (const l of snap.lanes) {
-      const lane = newLane(l.id, l.index, { ...l.params }, l.flow, l.flowStrength, l.base, l.light, l.ghost);
+      const lane = newLane(l.id, l.index, { ...l.params }, l.flow, l.flowStrength, l.base, l.light, this.width, this.height, l.ghost);
       lane.lit = !lane.ghost && (lane.lit || Boolean(l.lit));
+      if (l.livePatterns) lane.livePatterns.restore(l.livePatterns);
       this.lanes[l.index] = lane;
       this.pack(this.lanes[l.index]);
     }
@@ -2619,9 +2722,19 @@ function moveWetSnapshot(snap, from, to, dx, dy, lane = () => ({})) {
   }
   const lanes = snap.lanes.map((l) => {
     const moved = lane(l);
-    return { ...l, base: moved.base ?? l.base, light: moved.light ?? l.light, flow: moved.flow === void 0 ? l.flow : moved.flow };
+    const lp = l.livePatterns ? moveLivePatternSnapshot(l.livePatterns, to, tx0, ty0) : void 0;
+    if (lp) bytes += lp.bytes;
+    return { ...l, base: moved.base ?? l.base, light: moved.light ?? l.light, flow: moved.flow === void 0 ? l.flow : moved.flow, ...lp ? { livePatterns: lp } : {} };
   });
-  return { clock: snap.clock, tilt: { ...snap.tilt }, lanes, slots, bytes };
+  let patterns;
+  if (snap.patterns) {
+    patterns = /* @__PURE__ */ new Map();
+    for (const [id, p] of snap.patterns) {
+      const mp = moveLivePatternSnapshot(p, to, tx0, ty0);
+      patterns.set(id, mp);
+    }
+  }
+  return { clock: snap.clock, tilt: { ...snap.tilt }, lanes, slots, ...patterns ? { patterns } : {}, bytes };
 }
 function unionRect(a, b) {
   if (!a) return { ...b };

package/dist/{chunk-43XJC3PP.js → chunk-DWPFGWW5.js}

@@ -18,7 +18,7 @@ import {
   unionBounds,
   vectorGradientPoints,
   widthProfileAt
-} from "./chunk-Y2ISSVPH.js";
+} from "./chunk-HHX7ST6Z.js";
 import {
   segmentLength,
   segmentParamAtLength,

package/dist/{chunk-MSWLJI4G.js → chunk-FNIWHSLI.js}

@@ -115,7 +115,7 @@ import {
   transformTextRect,
   translateMatrix,
   warpPresetMesh
-} from "./chunk-Y2ISSVPH.js";
+} from "./chunk-HHX7ST6Z.js";
 import {
   bezierPathBounds,
   outlineStroke,
@@ -129,7 +129,7 @@ import {
 } from "./chunk-DVPQFMH6.js";
 import {
   MAX_BRUSH_SIZE
-} from "./chunk-ACTHSQOI.js";
+} from "./chunk-LDZOXESA.js";
 import {
   BLEND_MODES,
   blendRgb,

package/dist/{chunk-JDXWLCXF.cjs → chunk-H3EME3S5.cjs}

@@ -1,6 +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 _chunk6QNDGMK7cjs = require('./chunk-6QNDGMK7.cjs');
+var _chunkHRUK5TFWcjs = require('./chunk-HRUK5TFW.cjs');
 
 
 var _chunkJBZRVLXVcjs = require('./chunk-JBZRVLXV.cjs');
@@ -44,7 +44,7 @@ function brushPreviewStrength(brush) {
 }
 var over = (fg, bg, alpha) => ({ r: fg.r * alpha + bg.r * (1 - alpha), g: fg.g * alpha + bg.g * (1 - alpha), b: fg.b * alpha + bg.b * (1 - alpha), a: 1 });
 function brushPreviewColours(brush, options = {}) {
-  const profile = _nullishCoalesce(options.profile, () => ( _chunk6QNDGMK7cjs.PAINT_PROFILE));
+  const profile = _nullishCoalesce(options.profile, () => ( _chunkHRUK5TFWcjs.PAINT_PROFILE));
   let background = profile.light === "full" && brushPreviewsOnDark(brush) ? BRUSH_PREVIEW_DARK_PAPER : hexOf(_nullishCoalesce(options.paper, () => ( "#ffffff")));
   if (!options.keepPaper && brush.tip.blend === "multiply" && _chunk5UEFBM2Mcjs.relativeLuminance.call(void 0, _chunk5UEFBM2Mcjs.parseColor.call(void 0, background)) < 0.18) background = "#ffffff";
   const bg = _chunk5UEFBM2Mcjs.parseColor.call(void 0, background);