@pixerate/editor 0.130.0 → 0.133.0

package/dist/{chunk-ERYGCA72.js → chunk-AOCFL7L7.js}

@@ -37,7 +37,7 @@ import {
   validateEffectGradient,
   validateLayerEffects,
   warpSurface
-} from "./chunk-AHUYMDYW.js";
+} from "./chunk-2HC4DRF4.js";
 import {
   affineFromHomography,
   applyHomography,
@@ -66,8 +66,6 @@ import {
   surfaceFromPixels,
   tileKey,
   tilesInRect,
-  to32From8,
-  to8From32,
   translateSurface,
   writeDeepRegion
 } from "./chunk-BR7EKQUP.js";
@@ -125,7 +123,7 @@ import {
   textRectPath,
   translateMatrix,
   warpPresetMesh
-} from "./chunk-PRYMC442.js";
+} from "./chunk-FOBB6AIO.js";
 import {
   bezierPathBounds,
   outlineStroke,
@@ -2085,6 +2083,52 @@ function applyLegacyAdjustments(imageData, adjustments) {
     }
   }
 }
+function applyLegacyFloat(data, adjustments, linear) {
+  const { brightness, contrast, saturation, exposure, temperature } = adjustments;
+  if (!brightness && !contrast && !saturation && !exposure && !temperature) return;
+  const k = 259 * (contrast + 255) / (255 * (259 - contrast));
+  const ex = Math.pow(2, exposure / 50);
+  const sat = 1 + saturation / 100;
+  const temp = temperature * 0.8;
+  const cl = (v) => v < 0 ? 0 : v > 255 ? 255 : v;
+  const enc = (v) => v <= 0 ? 0 : v >= 1 ? 1 : v <= 31308e-7 ? v * 12.92 : 1.055 * Math.pow(v, 1 / 2.4) - 0.055;
+  const dec = (v) => v <= 0.04045 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
+  for (let i = 0; i < data.length; i += 4) {
+    if (!(data[i + 3] > 0)) continue;
+    let r = (linear ? enc(data[i]) : data[i]) * 255;
+    let g = (linear ? enc(data[i + 1]) : data[i + 1]) * 255;
+    let b = (linear ? enc(data[i + 2]) : data[i + 2]) * 255;
+    if (exposure) {
+      r = cl(r * ex);
+      g = cl(g * ex);
+      b = cl(b * ex);
+    }
+    if (brightness) {
+      const o = brightness * 2.55;
+      r = cl(r + o);
+      g = cl(g + o);
+      b = cl(b + o);
+    }
+    if (contrast) {
+      r = cl(k * (r - 128) + 128);
+      g = cl(k * (g - 128) + 128);
+      b = cl(k * (b - 128) + 128);
+    }
+    if (saturation) {
+      const l = 0.2989 * r + 0.587 * g + 0.114 * b;
+      r = cl(l + (r - l) * sat);
+      g = cl(l + (g - l) * sat);
+      b = cl(l + (b - l) * sat);
+    }
+    if (temperature) {
+      r = cl(r + temp);
+      b = cl(b - temp);
+    }
+    data[i] = linear ? dec(r / 255) : r / 255;
+    data[i + 1] = linear ? dec(g / 255) : g / 255;
+    data[i + 2] = linear ? dec(b / 255) : b / 255;
+  }
+}
 var DECODE_LUT = (() => {
   const lut = new Float32Array(256);
   for (let i = 0; i < 256; i++) lut[i] = srgbToLinear(i / 255);
@@ -2454,12 +2498,7 @@ function runLayerFiltersFloat(data, width, height, filters, linear) {
     else if (f.kind === "develop") {
       const adj = developAdjustments(f);
       if (normalizeProcessVersion(adj.process) === LATEST_PROCESS_VERSION) applyProcess2Float(data, adj, linear);
-      else {
-        const bytes = linear ? to8From32(data, 4) : Uint8ClampedArray.from(data, (v) => v * 255);
-        applyLegacyAdjustments({ data: bytes }, adj);
-        if (linear) data.set(to32From8(bytes, 4));
-        else for (let i = 0; i < data.length; i++) data[i] = bytes[i] / 255;
-      }
+      else applyLegacyFloat(data, adj, linear);
     }
   }
 }
@@ -9359,6 +9398,16 @@ function toRgbaDeep(set) {
   };
   const planes = set.color.map((p) => raw(p, cmyk ? 1 : 0));
   const alpha = raw(set.alpha, 1);
+  if (depth === 16 && cmyk && set.cmykToRgb16) {
+    const ink = new Uint16Array(n * 4);
+    const out2 = new Uint16Array(n * 4);
+    for (let i = 0, o = 0; i < n; i++, o += 4) {
+      for (let c = 0; c < 4; c++) ink[o + c] = Math.round((1 - (planes[c] ? planes[c](i) : 1)) * 65535);
+      out2[o + 3] = Math.round(clamp012(alpha(i)) * 65535);
+    }
+    set.cmykToRgb16(ink, out2);
+    return out2;
+  }
   if (depth === 16) {
     const out2 = new Uint16Array(n * 4);
     const q2 = (v) => Math.round(clamp012(v) * 65535);
@@ -9752,9 +9801,10 @@ function recordPixels(ctx, rec, name) {
     color: planes.slice(0, ctx.colorCount),
     alpha: planes[ctx.colorCount],
     palette: ctx.palette,
-    cmykToRgb: ctx.cmykToRgb
+    cmykToRgb: ctx.cmykToRgb,
+    cmykToRgb16: ctx.cmykToRgb16
   };
-  const deep = set.cmykToRgb ? null : toRgbaDeep(set);
+  const deep = set.cmykToRgb && !set.cmykToRgb16 ? null : toRgbaDeep(set);
   if (deep) return surfaceFromDeepPixels({ width, height, data: deep }, 4, rec.rect.left, rec.rect.top);
   return surfaceFromPixels({ width, height, data: toRgba8(set) }, 4, rec.rect.left, rec.rect.top);
 }
@@ -9772,7 +9822,7 @@ function recordMask(ctx, rec, name) {
   if (width && height && !ctx.skipPixels) {
     const plane = decodeOr(ctx, rec, id, name);
     const depth = ctx.file.header.depth;
-    if (plane && (depth === 16 || depth === 32) && ctx.file.header.colorMode !== MODE_CMYK) surface = surfaceFromDeepPixels({ width, height, data: toMaskDeep(plane, width, height, depth) }, 1, rect.left, rect.top, def);
+    if (plane && (depth === 16 || depth === 32)) surface = surfaceFromDeepPixels({ width, height, data: toMaskDeep(plane, width, height, depth) }, 1, rect.left, rect.top, def);
     else if (plane) surface = surfaceFromPixels({ width, height, data: toMask8(plane, width, height, depth) }, 1, rect.left, rect.top, def);
   }
   const mask = { surface, defaultValue: def };
@@ -10164,9 +10214,10 @@ function mergedLayer(ctx) {
     color: Array.from({ length: cc }, (_, i) => plane(i)),
     alpha: hasAlpha ? plane(cc) : void 0,
     palette: ctx.palette,
-    cmykToRgb: ctx.cmykToRgb
+    cmykToRgb: ctx.cmykToRgb,
+    cmykToRgb16: ctx.cmykToRgb16
   };
-  const deep = hasAlpha || set.cmykToRgb ? null : toRgbaDeep(set);
+  const deep = hasAlpha || set.cmykToRgb && !set.cmykToRgb16 ? null : toRgbaDeep(set);
   let surface;
   if (deep) surface = surfaceFromDeepPixels({ width, height, data: deep }, 4);
   else {
@@ -10225,6 +10276,7 @@ function psdToLayers(file, options = {}) {
     }
     const t = Transform.create(src, srgbProfile(), { intent: "relative", bpc: true });
     ctx.cmykToRgb = (ink, out) => t.convert8(ink, 4, out, 4, false);
+    if (header.depth === 16) ctx.cmykToRgb16 = (ink, out) => t.convert16(ink, 4, out, 4, false);
   }
   for (const block of file.globalBlocks) {
     if (LINKED_FILE_KEYS.includes(block.key)) {
@@ -11091,7 +11143,8 @@ function exportPsd(input) {
   if (width < 1 || height < 1) throw new PsdError("The document is empty.");
   const mode = input.colorMode ?? "rgb";
   if (mode !== "rgb" && !input.colorPlanes) throw new PsdError(`A ${mode.toUpperCase()} file needs colorPlanes to convert the pixels.`);
-  if (mode !== "rgb" && depth !== 8) throw new PsdError(`${mode.toUpperCase()} files are written at 8 bits per channel.`);
+  if (mode !== "rgb" && depth === 32) throw new PsdError(`${mode.toUpperCase()} files are written at 8 or 16 bits per channel.`);
+  if (mode !== "rgb" && depth === 16 && !input.colorPlanes16) throw new PsdError(`A 16-bit ${mode.toUpperCase()} file needs colorPlanes16 to convert the pixels.`);
   const colorIds = mode === "cmyk" ? [0, 1, 2, 3] : [0, 1, 2];
   const colorPlanes = (rgba, n2) => mode === "rgb" ? rgbaToPlanes(rgba, n2).slice(0, 3) : input.colorPlanes(rgba, n2);
   const pixelChannels = (rgba, w, h) => {
@@ -11100,6 +11153,14 @@ function exportPsd(input) {
     return [rleChannel(CHANNEL_ALPHA, alpha, w, h, psb), ...colorPlanes(rgba, n2).map((p, i) => rleChannel(i, p, w, h, psb))];
   };
   const surfaceChannels = (surface, bounds) => {
+    if (mode !== "rgb" && depth === 16) {
+      const n2 = bounds.width * bounds.height;
+      const s = readDeepRegion(surface, bounds, 16);
+      const alpha = new Uint16Array(n2);
+      for (let i = 0; i < n2; i++) alpha[i] = s[i * 4 + 3];
+      const planes2 = [alpha, ...input.colorPlanes16(s, n2)];
+      return [CHANNEL_ALPHA, ...colorIds].map((id, i) => rleChannel(id, deepMaskPlane(planes2[i]), bounds.width, bounds.height, psb, 16));
+    }
     if (mode !== "rgb") return pixelChannels(readRegion(surface, bounds), bounds.width, bounds.height);
     const [r, g, b, a2] = surfacePlanes(surface, bounds, depth);
     return [CHANNEL_ALPHA, 0, 1, 2].map((id, i) => rleChannel(id, [a2, r, g, b][i], bounds.width, bounds.height, psb, depth));
@@ -11304,8 +11365,15 @@ function exportPsd(input) {
   let planes = [...colorPlanes(matted, n), ...transparent ? [a] : []].map((p) => planeAtDepth(p, depth));
   const deep = input.mergedDeep;
   if (deep && depth !== 8 && deep.length >= n * 4 && (deep instanceof Uint16Array ? depth === 16 : depth === 32)) {
-    const dp = deepToPlanes(matteWhiteDeep(deep), n);
-    planes = transparent ? dp : dp.slice(0, 3);
+    const mattedDeep = matteWhiteDeep(deep);
+    if (mode !== "rgb" && mattedDeep instanceof Uint16Array) {
+      const alpha = new Uint16Array(n);
+      for (let i = 0; i < n; i++) alpha[i] = mattedDeep[i * 4 + 3];
+      planes = [...input.colorPlanes16(mattedDeep, n), ...transparent ? [alpha] : []].map(deepMaskPlane);
+    } else {
+      const dp = deepToPlanes(mattedDeep, n);
+      planes = transparent ? dp : dp.slice(0, 3);
+    }
   }
   const planeBytes = n * (depth >> 3);
   const merged2 = new Uint8Array(planeBytes * planes.length);
@@ -11507,6 +11575,7 @@ export {
   adjustmentLayersKey,
   applyAdjustments,
   applyLegacyAdjustments,
+  applyLegacyFloat,
   applyProcess2Adjustments,
   applyProcess2Float,
   applyBoxBlurFloat,
@@ -11736,4 +11805,4 @@ export {
   smartContentsFile,
   exportPsd
 };
-//# sourceMappingURL=chunk-ERYGCA72.js.map
+//# sourceMappingURL=chunk-AOCFL7L7.js.map