@pixerate/editor 0.226.0 → 0.227.0

package/dist/{chunk-F7YA3MMC.js → chunk-TQOL6CF7.js}

@@ -28,6 +28,58 @@ import {
   tileKey
 } from "./chunk-HVVR5PZW.js";
 
+// src/paint-editor/effect-paint.ts
+function effectPaintKey(p) {
+  return JSON.stringify({ type: "effect", effect: p.effect, provider: p.provider, values: p.values, time: p.time });
+}
+function isPaintEffectPaint(raw) {
+  return Boolean(raw) && typeof raw === "object" && raw.type === "effect";
+}
+function readPaintEffectPaint(raw) {
+  if (!isPaintEffectPaint(raw)) return null;
+  const r = raw;
+  if (typeof r.effect !== "string" || !r.effect || !r.values || typeof r.values !== "object" || Array.isArray(r.values)) return null;
+  return {
+    type: "effect",
+    effect: r.effect,
+    provider: typeof r.provider === "string" ? r.provider : "",
+    values: JSON.parse(JSON.stringify(r.values)),
+    time: typeof r.time === "number" && Number.isFinite(r.time) && r.time > 0 ? r.time : 0
+  };
+}
+function sampleEffectField(img, rect, vals, field) {
+  const { width, height, data } = img;
+  for (let yy = 0, k = 0; yy < rect.height; yy++) {
+    const y = rect.y + yy;
+    const inY = y >= 0 && y < height;
+    for (let xx = 0; xx < rect.width; xx++, k++) {
+      const x = rect.x + xx;
+      const f = k * 3;
+      if (!inY || x < 0 || x >= width) {
+        vals[k] = 0;
+        field[f] = field[f + 1] = field[f + 2] = 0;
+        continue;
+      }
+      const i = (y * width + x) * 4;
+      const a = data[i + 3];
+      if (a < 255) vals[k] *= a / 255;
+      field[f] = data[i] / 255;
+      field[f + 1] = data[i + 1] / 255;
+      field[f + 2] = data[i + 2] / 255;
+    }
+  }
+}
+function sampleEffectAt(img, x, y, out) {
+  const px = Math.floor(x);
+  const py = Math.floor(y);
+  if (px < 0 || py < 0 || px >= img.width || py >= img.height) return 0;
+  const i = (py * img.width + px) * 4;
+  out[0] = img.data[i] / 255;
+  out[1] = img.data[i + 1] / 255;
+  out[2] = img.data[i + 2] / 255;
+  return img.data[i + 3] / 255;
+}
+
 // src/paint-editor/paper.ts
 var PAPER_FAMILIES = ["watercolor", "drawing", "pastel", "canvas", "panel", "smooth"];
 var unit = (v, d) => typeof v === "number" && Number.isFinite(v) ? Math.min(1, Math.max(0, v)) : d;
@@ -386,6 +438,7 @@ var DryStroke = class {
   copies;
   depth;
   buf = new Float32Array(0);
+  field = new Float32Array(0);
   lastRaw = null;
   lastFed = null;
   /** Feeds raw pen samples; returns the document rectangles the new dabs touched. */
@@ -426,7 +479,13 @@ var DryStroke = class {
           }
         }
       }
-      this.coverage.accumulate(rect, vals, d.opacity);
+      let field = null;
+      if (this.options.effect) {
+        if (this.field.length < n * 3) this.field = new Float32Array(n * 3);
+        field = this.field.subarray(0, n * 3);
+        sampleEffectField(this.options.effect, rect, vals, field);
+      }
+      this.coverage.accumulate(rect, vals, d.opacity, null, field);
       rects.push(rect);
       this.dabCount++;
     }
@@ -719,6 +778,7 @@ var MarkStroke = class {
   walkers;
   depth;
   buf = new Float32Array(0);
+  field = new Float32Array(0);
   lastRaw = null;
   lastFed = null;
   seed;
@@ -785,9 +845,16 @@ var MarkStroke = class {
       for (let yy = 0, k = 0; yy < rect.height; yy++)
         for (let xx = 0; xx < rect.width; xx++, k++) if (vals[k] > 0) vals[k] *= grainCatch(grain.at(rect.x + xx + 0.5, rect.y + yy + 0.5), this.depth, pressure);
     }
-    const color = this.markColor(x, y);
-    if (color && color.alpha < 1) for (let k = 0; k < n; k++) vals[k] *= color.alpha;
-    this.coverage.accumulate(rect, vals, dab.opacity, color ? color.rgb : null);
+    if (this.options.effect) {
+      if (this.field.length < n * 3) this.field = new Float32Array(n * 3);
+      const field = this.field.subarray(0, n * 3);
+      sampleEffectField(this.options.effect, rect, vals, field);
+      this.coverage.accumulate(rect, vals, dab.opacity, null, field);
+    } else {
+      const color = this.markColor(x, y);
+      if (color && color.alpha < 1) for (let k = 0; k < n; k++) vals[k] *= color.alpha;
+      this.coverage.accumulate(rect, vals, dab.opacity, color ? color.rgb : null);
+    }
     rects.push(rect);
     this.dabCount++;
   }
@@ -1782,6 +1849,11 @@ function parseBrushLibrary(raw, problems = []) {
 }
 
 export {
+  effectPaintKey,
+  isPaintEffectPaint,
+  readPaintEffectPaint,
+  sampleEffectField,
+  sampleEffectAt,
   PAPER_FAMILIES,
   PAPER_LIBRARY,
   DEFAULT_PAPER,

package/dist/{chunk-ZMHPQ6HP.cjs → chunk-V3L7U63N.cjs}

@@ -74,7 +74,7 @@ function profileAlongPolyline(points, values, count = 32) {
 var round3 = (v) => Math.round(v * 1e3) / 1e3;
 var loading = null;
 function loadCanvasBrushstrokeRenderer() {
-  loading ??= Promise.resolve().then(() => _interopRequireWildcard(require("./brushstrokeRender-EAJNE6WP.cjs"))).catch((error) => {
+  loading ??= Promise.resolve().then(() => _interopRequireWildcard(require("./brushstrokeRender-WDTKD54B.cjs"))).catch((error) => {
     loading = null;
     throw error;
   });

package/dist/{chunk-DJBYJOHM.js → chunk-XSVUNSDJ.js}

@@ -5,7 +5,7 @@ import {
   moveAnchorHandle,
   subpathSegment,
   subpathSegmentCount
-} from "./chunk-NDMXB4PR.js";
+} from "./chunk-CU6ANS5L.js";
 import {
   segmentPoint
 } from "./chunk-WEIK3UYB.js";

package/dist/{chunk-BGOCAUXH.js → chunk-YMREOA67.js}

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