@pixerate/editor 0.266.2 → 0.268.0

package/dist/{chunk-R44Y3EFS.js → chunk-74ODPZLX.js}

@@ -1,3 +1,10 @@
+import {
+  combineCoverage,
+  flatBounds,
+  flattenPath,
+  rasterizeCoverage,
+  rasterizeCoverageSampled
+} from "./chunk-ADMRNWR7.js";
 import {
   boxMean,
   combineSelections,
@@ -108,7 +115,7 @@ import {
   transformTextRect,
   translateMatrix,
   warpPresetMesh
-} from "./chunk-T2LDTEXK.js";
+} from "./chunk-UVTO3D4E.js";
 import {
   bezierPathBounds,
   outlineStroke,
@@ -122,15 +129,7 @@ import {
 } from "./chunk-DVPQFMH6.js";
 import {
   MAX_BRUSH_SIZE
-} from "./chunk-GCVFEPJG.js";
-import {
-  base64ToBytes,
-  bytesToBase64,
-  decodePng,
-  encodePng,
-  parseDataUrl,
-  pngDataUrl
-} from "./chunk-OTTT5N3K.js";
+} from "./chunk-ACTHSQOI.js";
 import {
   BLEND_MODES,
   blendRgb,
@@ -143,6 +142,14 @@ import {
   surfaceFromDeepPixels,
   writeDeepRegion
 } from "./chunk-IRSTHLQQ.js";
+import {
+  base64ToBytes,
+  bytesToBase64,
+  decodePng,
+  encodePng,
+  parseDataUrl,
+  pngDataUrl
+} from "./chunk-OTTT5N3K.js";
 import {
   TILE,
   TiledSurface,
@@ -1912,339 +1919,6 @@ function removeAlpha(imageData) {
   }
 }
 
-// src/image-editor/layers/vector-raster.ts
-var FLATNESS = 0.01;
-function flattenPath(path, tolerance = FLATNESS) {
-  const out = [];
-  let pts = [];
-  let cx = 0;
-  let cy = 0;
-  let sx = 0;
-  let sy = 0;
-  const flush = () => {
-    if (pts.length >= 6) out.push(Float64Array.from(pts));
-    pts = [];
-  };
-  const steps = (dd, degree) => Math.max(1, Math.min(1024, Math.ceil(Math.sqrt(degree * (degree - 1) * dd / (8 * tolerance)))));
-  for (const c of path) {
-    switch (c.type) {
-      case "M":
-        flush();
-        cx = sx = c.x;
-        cy = sy = c.y;
-        pts.push(cx, cy);
-        break;
-      case "L":
-        if (!pts.length) pts.push(cx, cy);
-        cx = c.x;
-        cy = c.y;
-        pts.push(cx, cy);
-        break;
-      case "Q": {
-        if (!pts.length) pts.push(cx, cy);
-        const n = steps(Math.hypot(cx - 2 * c.x1 + c.x, cy - 2 * c.y1 + c.y), 2);
-        for (let k = 1; k <= n; k++) {
-          const t = k / n;
-          const u = 1 - t;
-          pts.push(u * u * cx + 2 * u * t * c.x1 + t * t * c.x, u * u * cy + 2 * u * t * c.y1 + t * t * c.y);
-        }
-        cx = c.x;
-        cy = c.y;
-        break;
-      }
-      case "C": {
-        if (!pts.length) pts.push(cx, cy);
-        const dd = Math.max(Math.hypot(cx - 2 * c.x1 + c.x2, cy - 2 * c.y1 + c.y2), Math.hypot(c.x1 - 2 * c.x2 + c.x, c.y1 - 2 * c.y2 + c.y));
-        const n = steps(dd, 3);
-        for (let k = 1; k <= n; k++) {
-          const t = k / n;
-          const u = 1 - t;
-          const a = u * u * u;
-          const b = 3 * u * u * t;
-          const d = 3 * u * t * t;
-          const e = t * t * t;
-          pts.push(a * cx + b * c.x1 + d * c.x2 + e * c.x, a * cy + b * c.y1 + d * c.y2 + e * c.y);
-        }
-        cx = c.x;
-        cy = c.y;
-        break;
-      }
-      case "Z":
-        flush();
-        cx = sx;
-        cy = sy;
-        break;
-    }
-  }
-  flush();
-  return out.filter((p) => p.every(Number.isFinite));
-}
-function flatBounds(flat) {
-  let x0 = Infinity;
-  let y0 = Infinity;
-  let x1 = -Infinity;
-  let y1 = -Infinity;
-  for (const p of flat) {
-    for (let i = 0; i < p.length; i += 2) {
-      if (p[i] < x0) x0 = p[i];
-      if (p[i] > x1) x1 = p[i];
-      if (p[i + 1] < y0) y0 = p[i + 1];
-      if (p[i + 1] > y1) y1 = p[i + 1];
-    }
-  }
-  if (x0 === Infinity) return null;
-  const x = Math.floor(x0);
-  const y = Math.floor(y0);
-  return { x, y, width: Math.ceil(x1) - x, height: Math.ceil(y1) - y };
-}
-function drawLine(a, w, h, x0, y0, x1, y1) {
-  if (y0 === y1) return;
-  let dir = 1;
-  if (y0 > y1) {
-    dir = -1;
-    let t = x0;
-    x0 = x1;
-    x1 = t;
-    t = y0;
-    y0 = y1;
-    y1 = t;
-  }
-  if (y1 <= 0 || y0 >= h) return;
-  const dxdy = (x1 - x0) / (y1 - y0);
-  let x = x0;
-  if (y0 < 0) x -= y0 * dxdy;
-  const rowStart = Math.max(0, Math.floor(y0));
-  const rowEnd = Math.min(h, Math.ceil(y1));
-  for (let y = rowStart; y < rowEnd; y++) {
-    const line = y * w;
-    const dy = Math.min(y + 1, y1) - Math.max(y, y0);
-    const xnext = x + dxdy * dy;
-    const d = dy * dir;
-    const xa = x < xnext ? x : xnext;
-    const xb = x < xnext ? xnext : x;
-    const xaFloor = Math.floor(xa);
-    const xai = xaFloor;
-    const xbCeil = Math.ceil(xb);
-    const xbi = xbCeil;
-    if (xbi <= xai + 1) {
-      const xmf = 0.5 * (x + xnext) - xaFloor;
-      a[line + xai] += d - d * xmf;
-      a[line + xai + 1] += d * xmf;
-    } else {
-      const s = 1 / (xb - xa);
-      const xaf = xa - xaFloor;
-      const a0 = 0.5 * s * (1 - xaf) * (1 - xaf);
-      const xbf = xb - xbCeil + 1;
-      const am = 0.5 * s * xbf * xbf;
-      a[line + xai] += d * a0;
-      if (xbi === xai + 2) a[line + xai + 1] += d * (1 - a0 - am);
-      else {
-        const a1 = s * (1.5 - xaf);
-        a[line + xai + 1] += d * (a1 - a0);
-        for (let xi = xai + 2; xi < xbi - 1; xi++) a[line + xi] += d * s;
-        const a2 = a1 + (xbi - xai - 3) * s;
-        a[line + xbi - 1] += d * (1 - a2 - am);
-      }
-      a[line + xbi] += d * am;
-    }
-    x = xnext;
-  }
-}
-function drawClippedLine(a, w, h, x0, y0, x1, y1) {
-  if (y0 === y1) return;
-  if (y0 <= 0 && y1 <= 0 || y0 >= h && y1 >= h) return;
-  if (x0 >= 0 && x0 <= w && x1 >= 0 && x1 <= w) return drawLine(a, w, h, x0, y0, x1, y1);
-  const ts = [0, 1];
-  const dx = x1 - x0;
-  if (dx !== 0) {
-    for (const edge of [0, w]) {
-      const t = (edge - x0) / dx;
-      if (t > 0 && t < 1) ts.push(t);
-    }
-  }
-  ts.sort((p, q2) => p - q2);
-  const clamp4 = (v) => v < 0 ? 0 : v > w ? w : v;
-  for (let i = 0; i + 1 < ts.length; i++) {
-    const ta = ts[i];
-    const tb = ts[i + 1];
-    drawLine(a, w, h, clamp4(x0 + dx * ta), y0 + (y1 - y0) * ta, clamp4(x0 + dx * tb), y0 + (y1 - y0) * tb);
-  }
-}
-function ruleCoverage(v, rule) {
-  const m = v < 0 ? -v : v;
-  if (rule === "nonzero") return m >= 1 ? 1 : m;
-  const f = m % 2;
-  return f > 1 ? 2 - f : f;
-}
-function rasterizeCoverage(flat, rect, rule = "nonzero") {
-  const w = rect.width;
-  const h = rect.height;
-  if (w <= 0 || h <= 0 || !flat.length) return null;
-  const a = new Float64Array(w * h + w + 4);
-  const ox = rect.x;
-  const oy = rect.y;
-  let touched = false;
-  for (const p of flat) {
-    const n = p.length;
-    for (let i = 0; i < n; i += 2) {
-      const j = i + 2 < n ? i + 2 : 0;
-      const ya = p[i + 1] - oy;
-      const yb = p[j + 1] - oy;
-      if (ya <= 0 && yb <= 0 || ya >= h && yb >= h || ya === yb) continue;
-      drawClippedLine(a, w, h, p[i] - ox, ya, p[j] - ox, yb);
-      touched = true;
-    }
-  }
-  if (!touched) return null;
-  const out = new Float32Array(w * h);
-  let acc = 0;
-  let any = false;
-  for (let i = 0; i < out.length; i++) {
-    acc += a[i];
-    const c = ruleCoverage(acc, rule);
-    if (c > 1e-6) {
-      out[i] = c;
-      any = true;
-    }
-  }
-  return any ? out : null;
-}
-var SUB_ROWS = 16;
-function rasterizeCoverageSampled(flat, rect, rule = "nonzero") {
-  const w = rect.width;
-  const h = rect.height;
-  if (w <= 0 || h <= 0 || !flat.length) return null;
-  let n = 0;
-  for (const p of flat) n += p.length >> 1;
-  const ey0 = new Float64Array(n);
-  const ey1 = new Float64Array(n);
-  const ex0 = new Float64Array(n);
-  const eslope = new Float64Array(n);
-  const edir = new Int8Array(n);
-  let count = 0;
-  for (const p of flat) {
-    const len = p.length;
-    for (let i = 0; i < len; i += 2) {
-      const j = i + 2 < len ? i + 2 : 0;
-      let xa = p[i] - rect.x;
-      let ya = p[i + 1] - rect.y;
-      let xb = p[j] - rect.x;
-      let yb = p[j + 1] - rect.y;
-      if (ya === yb) continue;
-      let dir = 1;
-      if (ya > yb) {
-        dir = -1;
-        let t = xa;
-        xa = xb;
-        xb = t;
-        t = ya;
-        ya = yb;
-        yb = t;
-      }
-      if (yb <= 0 || ya >= h) continue;
-      ey0[count] = ya;
-      ey1[count] = yb;
-      ex0[count] = xa;
-      eslope[count] = (xb - xa) / (yb - ya);
-      edir[count] = dir;
-      count++;
-    }
-  }
-  if (!count) return null;
-  const order = Array.from({ length: count }, (_, i) => i).sort((a, b) => ey0[a] - ey0[b]);
-  const out = new Float32Array(w * h);
-  const diff = new Float32Array(w + 1);
-  let active = [];
-  let next = 0;
-  const xs = [];
-  const ds = [];
-  const idx = [];
-  const f = 1 / SUB_ROWS;
-  let any = false;
-  const firstRow = Math.max(0, Math.floor(ey0[order[0]]));
-  for (let y = firstRow; y < h; y++) {
-    if (next >= count && !active.length) break;
-    const row = y * w;
-    let rowTouched = false;
-    for (let s = 0; s < SUB_ROWS; s++) {
-      const sy = y + (s + 0.5) * f;
-      while (next < count && ey0[order[next]] <= sy) active.push(order[next++]);
-      if (!active.length) continue;
-      active = active.filter((e) => ey1[e] > sy);
-      xs.length = 0;
-      ds.length = 0;
-      idx.length = 0;
-      for (const e of active) {
-        if (ey0[e] > sy) continue;
-        idx.push(xs.length);
-        xs.push(ex0[e] + (sy - ey0[e]) * eslope[e]);
-        ds.push(edir[e]);
-      }
-      if (xs.length < 2) continue;
-      idx.sort((a, b) => xs[a] - xs[b]);
-      let wind = 0;
-      for (let k = 0; k + 1 < idx.length; k++) {
-        wind += ds[idx[k]];
-        const inside = rule === "nonzero" ? wind !== 0 : (wind & 1) !== 0;
-        if (!inside) continue;
-        let xa = xs[idx[k]];
-        let xb = xs[idx[k + 1]];
-        if (xb <= 0 || xa >= w || xb <= xa) continue;
-        if (xa < 0) xa = 0;
-        if (xb > w) xb = w;
-        const ia = Math.floor(xa);
-        const ib = Math.floor(xb);
-        rowTouched = true;
-        if (ia === ib) {
-          out[row + ia] += (xb - xa) * f;
-          continue;
-        }
-        out[row + ia] += (ia + 1 - xa) * f;
-        diff[ia + 1] += f;
-        diff[ib] -= f;
-        if (ib < w) out[row + ib] += (xb - ib) * f;
-      }
-    }
-    if (!rowTouched) continue;
-    let run = 0;
-    for (let x = 0; x < w; x++) {
-      run += diff[x];
-      diff[x] = 0;
-      const v = out[row + x] + run;
-      out[row + x] = v > 1 ? 1 : v < 1e-6 ? 0 : v;
-      if (out[row + x] > 0) any = true;
-    }
-    diff[w] = 0;
-  }
-  return any ? out : null;
-}
-function combineCoverage(a, b, op, n) {
-  if (op === "combine") {
-    if (!a) return b;
-    if (!b) return a;
-    const out2 = new Float32Array(n);
-    for (let i = 0; i < n; i++) out2[i] = a[i] + b[i] - a[i] * b[i];
-    return out2;
-  }
-  if (op === "subtract") {
-    if (!a || !b) return a;
-    const out2 = new Float32Array(n);
-    for (let i = 0; i < n; i++) out2[i] = a[i] * (1 - b[i]);
-    return out2;
-  }
-  if (op === "intersect") {
-    if (!a || !b) return null;
-    const out2 = new Float32Array(n);
-    for (let i = 0; i < n; i++) out2[i] = a[i] * b[i];
-    return out2;
-  }
-  if (!a) return b;
-  if (!b) return a;
-  const out = new Float32Array(n);
-  for (let i = 0; i < n; i++) out[i] = a[i] + b[i] - 2 * a[i] * b[i];
-  return out;
-}
-
 // src/text/types.ts
 var TEXT_ORIENTATIONS = ["horizontal", "vertical"];
 var TEXT_ALIGNS = ["left", "center", "right", "justify"];
@@ -13322,8 +12996,6 @@ export {
   applyBoxBlur,
   applyDepthMask,
   removeAlpha,
-  flattenPath,
-  rasterizeCoverage,
   TEXT_ORIENTATIONS,
   TEXT_ALIGNS,
   MAX_EFFECT_ANIMATION_MS,

package/dist/{chunk-GCVFEPJG.js → chunk-ACTHSQOI.js}

@@ -1,4 +1,6 @@
 import {
+  TileableNoise,
+  hash2,
   rand01
 } from "./chunk-4D6KP5BV.js";
 import {
@@ -1078,6 +1080,180 @@ function coverageTileCoord(key) {
   return tileCoord(key);
 }
 
+// src/paint/grain.ts
+var GRAIN_PATTERNS = ["smooth", "cold-pressed", "hot-pressed", "rough", "vellum", "laid", "ingres", "sanded", "canvas", "linen", "gesso"];
+var GRAIN_TILE = 256;
+var clamp01 = (v) => v < 0 ? 0 : v > 1 ? 1 : v;
+function patternHeights(pattern, n, seed) {
+  const out = new Float32Array(n * n);
+  const salt = Math.imul(seed | 0, 2654435761) + 17;
+  if (pattern === "smooth") return out.fill(1);
+  const noise = (cx, cy, oct, s = 0) => new TileableNoise(n, cx, cy, oct, salt + s);
+  const k = n / GRAIN_TILE;
+  switch (pattern) {
+    case "cold-pressed": {
+      const base = noise(20 * k, 20 * k, 4);
+      const fine = noise(64 * k, 64 * k, 2, 3);
+      for (let y = 0; y < n; y++)
+        for (let x = 0; x < n; x++) out[y * n + x] = clamp01((base.at(x, y) - 0.5) * 1.8 + 0.5 + (fine.at(x, y) - 0.5) * 0.5 + (hash2(x, y, salt) - 0.5) * 0.12);
+      break;
+    }
+    case "hot-pressed": {
+      const base = noise(40 * k, 40 * k, 3);
+      for (let y = 0; y < n; y++) for (let x = 0; x < n; x++) out[y * n + x] = clamp01((base.at(x, y) - 0.5) * 1.1 + 0.6 + (hash2(x, y, salt) - 0.5) * 0.08);
+      break;
+    }
+    case "rough": {
+      const base = noise(10 * k, 10 * k, 5);
+      const blot = noise(28 * k, 28 * k, 2, 5);
+      for (let y = 0; y < n; y++)
+        for (let x = 0; x < n; x++) out[y * n + x] = clamp01((base.at(x, y) - 0.5) * 2.4 + 0.5 + (blot.at(x, y) - 0.5) * 0.7 + (hash2(x, y, salt) - 0.5) * 0.15);
+      break;
+    }
+    case "vellum": {
+      const base = noise(40 * k, 40 * k, 3);
+      for (let y = 0; y < n; y++) for (let x = 0; x < n; x++) out[y * n + x] = clamp01((base.at(x, y) - 0.5) * 1.6 + 0.55 + (hash2(x, y, salt) - 0.5) * 0.2);
+      break;
+    }
+    case "laid": {
+      const pulp = noise(32 * k, 32 * k, 3);
+      const chain = n / 8;
+      for (let y = 0; y < n; y++) {
+        const laid = 0.5 + 0.5 * Math.cos(2 * Math.PI * y / 4);
+        for (let x = 0; x < n; x++) {
+          const c = Math.abs((x + 0.5) % chain - chain / 2) / (chain / 2);
+          const chainLine = c > 0.94 ? -0.35 : 0;
+          out[y * n + x] = clamp01(0.3 + 0.5 * laid + chainLine + (pulp.at(x, y) - 0.5) * 0.6);
+        }
+      }
+      break;
+    }
+    case "ingres": {
+      const fibres = noise(64 * k, 12 * k, 3);
+      const base = noise(16 * k, 16 * k, 3, 7);
+      for (let y = 0; y < n; y++)
+        for (let x = 0; x < n; x++) {
+          const g = hash2(x, y, salt ^ 85);
+          out[y * n + x] = clamp01((fibres.at(x, y) - 0.5) * 1.5 + (base.at(x, y) - 0.5) * 0.7 + 0.55 + (g < 0.1 ? -0.3 : 0));
+        }
+      break;
+    }
+    case "sanded": {
+      const grit = noise(96 * k, 96 * k, 2);
+      for (let y = 0; y < n; y++)
+        for (let x = 0; x < n; x++) {
+          const h = hash2(x, y, salt);
+          out[y * n + x] = clamp01((grit.at(x, y) - 0.5) * 2.4 + 0.5 + (h - 0.5) * 0.7);
+        }
+      break;
+    }
+    case "canvas":
+    case "linen": {
+      const period = (pattern === "canvas" ? 8 : 5) * k;
+      const threads = Math.max(2, 2 * Math.round(n / period / 2));
+      const p = n / threads;
+      const slub = noise(threads, threads, 2, 11);
+      for (let y = 0; y < n; y++)
+        for (let x = 0; x < n; x++) {
+          const fx = (x + 0.5) / p;
+          const fy = (y + 0.5) / p;
+          const cx = Math.floor(fx);
+          const cy = Math.floor(fy);
+          const warp = Math.sin(Math.PI * (fx - cx));
+          const weft = Math.sin(Math.PI * (fy - cy));
+          const top = (cx + cy) % 2 === 0 ? warp : weft;
+          const irregular = pattern === "linen" ? (slub.at(x, y) - 0.5) * 0.5 : 0;
+          out[y * n + x] = clamp01(0.2 + 0.7 * top + irregular + (hash2(x, y, salt) - 0.5) * 0.15);
+        }
+      break;
+    }
+    case "gesso": {
+      const streaks = noise(2 * k, 28 * k, 3);
+      const tooth = noise(64 * k, 64 * k, 2, 13);
+      for (let y = 0; y < n; y++)
+        for (let x = 0; x < n; x++) out[y * n + x] = clamp01((streaks.at(x, y) - 0.5) * 1.8 + (tooth.at(x, y) - 0.5) * 0.9 + 0.55);
+      break;
+    }
+  }
+  return out;
+}
+var rawCache = /* @__PURE__ */ new Map();
+function grainHeights(pattern, seed, size = GRAIN_TILE) {
+  const key = `${pattern}:${seed}:${size}`;
+  let h = rawCache.get(key);
+  if (!h) {
+    h = patternHeights(pattern, size, seed);
+    if (rawCache.size > 32) rawCache.delete(rawCache.keys().next().value);
+    rawCache.set(key, h);
+  }
+  return h;
+}
+var PaperGrain = class {
+  size = GRAIN_TILE;
+  heights;
+  scale;
+  mirror;
+  ox;
+  oy;
+  flat;
+  constructor(paper, media = "dry") {
+    const raw = grainHeights(paper.pattern, paper.seed);
+    const t = paper[media];
+    this.flat = paper.pattern === "smooth";
+    if (t.contrast === 1 && !t.invert) this.heights = raw;
+    else {
+      const out = new Float32Array(raw.length);
+      for (let i = 0; i < raw.length; i++) {
+        const v = clamp01((raw[i] - 0.5) * t.contrast + 0.5);
+        out[i] = t.invert ? 1 - v : v;
+      }
+      this.heights = out;
+    }
+    this.scale = paper.scale;
+    this.mirror = paper.tiling === "mirror";
+    this.ox = paper.offset?.x ?? 0;
+    this.oy = paper.offset?.y ?? 0;
+  }
+  /** Tile cell index for a coordinate in grain pixels (mirrored on odd tiles when mirroring). */
+  wrap(v) {
+    const n = this.size;
+    if (!this.mirror) return (v % n + n) % n;
+    const p = (v % (2 * n) + 2 * n) % (2 * n);
+    return p < n ? p : 2 * n - 1 - p;
+  }
+  /** Height 0..1 at document position (x, y). */
+  at(x, y) {
+    const u = (x - this.ox) / this.scale - 0.5;
+    const v = (y - this.oy) / this.scale - 0.5;
+    const x0 = Math.floor(u);
+    const y0 = Math.floor(v);
+    const fx = u - x0;
+    const fy = v - y0;
+    const n = this.size;
+    const h = this.heights;
+    const a = this.wrap(x0);
+    const b = this.wrap(x0 + 1);
+    const c = this.wrap(y0) * n;
+    const d = this.wrap(y0 + 1) * n;
+    const top = h[c + a] + (h[c + b] - h[c + a]) * fx;
+    const bot = h[d + a] + (h[d + b] - h[d + a]) * fx;
+    return top + (bot - top) * fy;
+  }
+};
+function grainCatch(h, depth, pressure) {
+  if (depth <= 0) return 1;
+  const t = depth * (0.75 - 0.65 * Math.min(1, Math.max(0, pressure)));
+  const u = clamp01((h - t + 0.18) / 0.36);
+  return 1 - depth + depth * u * u * (3 - 2 * u);
+}
+function strokeGrainCatch(h, depth, pressure) {
+  if (depth <= 0) return 1;
+  const p = Math.min(1, Math.max(0, pressure));
+  const amount = Math.min(1, depth * (1.4 - 0.6 * p));
+  const u = clamp01((h - 0.2 - 0.25 * (1 - p)) / 0.5);
+  return 1 - amount + amount * u * u * (3 - 2 * u);
+}
+
 // src/paint/exchange.ts
 var MIXING_MODELS = ["rgb", "pigment"];
 var EMPTY_MIXER_LOAD = { reservoir: null, amount: 0, pickup: null };
@@ -1741,6 +1917,12 @@ export {
   applyStrokeToTile,
   applyStrokeToDeepTile,
   coverageTileCoord,
+  GRAIN_PATTERNS,
+  GRAIN_TILE,
+  grainHeights,
+  PaperGrain,
+  grainCatch,
+  strokeGrainCatch,
   MIXING_MODELS,
   EMPTY_MIXER_LOAD,
   MIXER_PICKUP_RATE,