@pixerate/editor 0.114.0 → 0.116.0

package/dist/{chunk-EUVSQ25B.js → chunk-SEBYNBHW.js}

@@ -7,19 +7,15 @@ import {
   PatternTile,
   RasterCompositor,
   TransformTooLargeError,
-  base64ToBytes,
   blendTile,
   builtinPattern,
-  bytesToBase64,
   curveLut,
-  decodePng,
   defaultLayerEffect,
   effectColorHex,
   effectFillColors,
   effectsFingerprint,
   effectsMargin,
   effectsScale,
-  encodePng,
   findLayer,
   flattenLayers,
   gaussianBlur,
@@ -31,9 +27,7 @@ import {
   mergeLayerEffect,
   newEffectId,
   normalizeLayerEffects,
-  parseDataUrl,
   parseEffectColor,
-  pngDataUrl,
   readDeepRegion,
   reduceSurface,
   scaleLayerEffect,
@@ -44,17 +38,23 @@ import {
   validateLayerEffects,
   warpSurface,
   writeDeepRegion
-} from "./chunk-C6C5PDKU.js";
+} from "./chunk-D53KSJUV.js";
 import {
   affineFromHomography,
   applyHomography,
+  base64ToBytes,
   boxQuad,
+  bytesToBase64,
+  decodePng,
+  encodePng,
   homographyFromAffine,
   homographyKeepsQuad,
   invertHomography,
   multiplyHomographies,
+  parseDataUrl,
+  pngDataUrl,
   rectToQuad
-} from "./chunk-GX332W2C.js";
+} from "./chunk-N3467VD6.js";
 import {
   TILE,
   TiledSurface,
@@ -72,6 +72,12 @@ import {
   tilesInRect,
   translateSurface
 } from "./chunk-XK5LZKBD.js";
+import {
+  Transform,
+  builtinProfile,
+  parseProfile,
+  srgbProfile
+} from "./chunk-BRLYOPLT.js";
 import {
   ZlibError,
   deflate,
@@ -112,7 +118,7 @@ import {
   textRectPath,
   translateMatrix,
   warpPresetMesh
-} from "./chunk-VXR7XWMF.js";
+} from "./chunk-7LNZAWSJ.js";
 import {
   bezierPathBounds,
   outlineStroke,
@@ -9321,6 +9327,15 @@ function toRgba8(set) {
     }
     return out;
   }
+  if (mode === MODE_CMYK && set.cmykToRgb) {
+    const ink = new Uint8Array(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)) * 255);
+      out[o + 3] = Math.round(alpha(i) * 255);
+    }
+    set.cmykToRgb(ink, out);
+    return out;
+  }
   const palette = set.palette;
   for (let i = 0, o = 0; i < n; i++, o += 4) {
     let r;
@@ -9745,9 +9760,10 @@ function recordPixels(ctx, rec, name) {
     mode: ctx.file.header.colorMode,
     color: planes.slice(0, ctx.colorCount),
     alpha: planes[ctx.colorCount],
-    palette: ctx.palette
+    palette: ctx.palette,
+    cmykToRgb: ctx.cmykToRgb
   };
-  const deep = toRgbaDeep(set);
+  const deep = set.cmykToRgb ? 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);
 }
@@ -10154,9 +10170,10 @@ function mergedLayer(ctx) {
     mode: header.colorMode,
     color: Array.from({ length: cc }, (_, i) => plane(i)),
     alpha: hasAlpha ? plane(cc) : void 0,
-    palette: ctx.palette
+    palette: ctx.palette,
+    cmykToRgb: ctx.cmykToRgb
   };
-  const deep = hasAlpha ? null : toRgbaDeep(set);
+  const deep = hasAlpha || set.cmykToRgb ? null : toRgbaDeep(set);
   let surface;
   if (deep) surface = surfaceFromDeepPixels({ width, height, data: deep }, 4);
   else {
@@ -10194,6 +10211,28 @@ function psdToLayers(file, options = {}) {
     depth: options.depth ?? 0,
     dpi: resolution(file) ?? 72
   };
+  let cmykProfile = null;
+  if (header.colorMode === MODE_CMYK && !ctx.skipPixels) {
+    const icc = resource(file, 1039);
+    let src = null;
+    if (icc) {
+      try {
+        const p = parseProfile(icc);
+        if (p.colorSpace === "cmyk") {
+          src = p;
+          cmykProfile = { name: p.description || "Embedded CMYK profile", icc: icc.slice() };
+        } else warn.extra.push(`The CMYK file embeds a ${p.colorSpace.toUpperCase()} profile; the default coated CMYK profile was used.`);
+      } catch (e) {
+        warn.extra.push(`The CMYK profile could not be read (${e instanceof Error ? e.message : String(e)}); the default coated CMYK profile was used.`);
+      }
+    }
+    if (!src) {
+      src = builtinProfile("coated-cmyk");
+      cmykProfile = { builtin: "coated-cmyk", name: src.description };
+    }
+    const t = Transform.create(src, srgbProfile(), { intent: "relative", bpc: true });
+    ctx.cmykToRgb = (ink, out) => t.convert8(ink, 4, out, 4, false);
+  }
   for (const block of file.globalBlocks) {
     if (LINKED_FILE_KEYS.includes(block.key)) {
       for (const f of parseLinkedFiles(block.data)) if (!ctx.linked.has(f.uuid)) ctx.linked.set(f.uuid, f);
@@ -10218,7 +10257,8 @@ function psdToLayers(file, options = {}) {
   if (mode !== "rgb" && header.depth > 8 && header.colorMode !== MODE_INDEXED && header.colorMode !== MODE_BITMAP) {
     warn.extra.push(`The file is ${header.depth}-bit ${mode}; it was converted to ${header.depth}-bit RGB.`);
   } else if (mode !== "rgb" || header.depth !== 8 && header.depth !== 16 && header.depth !== 32) {
-    warn.extra.push(`The file is ${header.depth}-bit ${mode}; it was converted to 8-bit RGB.`);
+    const how = header.colorMode === MODE_CMYK ? ` through ${cmykProfile?.name ?? "its profile"}` : "";
+    warn.extra.push(`The file is ${header.depth}-bit ${mode}; it was converted to 8-bit RGB${how}.`);
   }
   let layers = [];
   if (file.layers.length) {
@@ -10253,6 +10293,7 @@ function psdToLayers(file, options = {}) {
     patterns: [...ctx.patterns.values()],
     ...angle !== void 0 || altitude !== void 0 ? { globalLight: { angle: Math.max(-360, Math.min(360, angle ?? 120)), altitude: Math.max(0, Math.min(90, altitude ?? 30)) } } : {},
     info: { psb: header.psb, depth: header.depth, colorMode: mode, channels: header.channels },
+    ...cmykProfile ? { sourceMode: { mode: "cmyk", profile: cmykProfile } } : header.colorMode === MODE_LAB ? { sourceMode: { mode: "lab" } } : {},
     ...resource(file, 1039) ? { iccProfile: resource(file, 1039).slice() } : {},
     bitDepth: (header.depth === 16 || header.depth === 32) && header.colorMode !== MODE_INDEXED && header.colorMode !== MODE_BITMAP ? header.depth : 8
   };
@@ -11051,6 +11092,21 @@ function exportPsd(input) {
   const { width, height } = input;
   const depth = input.depth ?? 8;
   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.`);
+  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) => {
+    const n2 = w * h;
+    const alpha = rgbaToPlanes(rgba, n2)[3];
+    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") 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));
+  };
   const psb = width > PSD_MAX_DIMENSION || height > PSD_MAX_DIMENSION;
   const records = [];
   let nextId = 0;
@@ -11094,7 +11150,7 @@ function exportPsd(input) {
       case "group": {
         records.push({
           rect: EMPTY_RECT,
-          channels: [CHANNEL_ALPHA, 0, 1, 2].map(emptyChannel),
+          channels: [CHANNEL_ALPHA, ...colorIds].map(emptyChannel),
           blendKey: "norm",
           opacity: 255,
           clipping: 0,
@@ -11111,7 +11167,7 @@ function exportPsd(input) {
         const rec = {
           ...base,
           rect: EMPTY_RECT,
-          channels: [CHANNEL_ALPHA, 0, 1, 2].map(emptyChannel),
+          channels: [CHANNEL_ALPHA, ...colorIds].map(emptyChannel),
           blendKey,
           flags: base.flags | FLAG_PIXELS_IRRELEVANT
         };
@@ -11128,7 +11184,7 @@ function exportPsd(input) {
         const rec = {
           ...common2(layer, [{ key: block.key, data: block.data }]),
           rect: EMPTY_RECT,
-          channels: [CHANNEL_ALPHA, 0, 1, 2].map(emptyChannel),
+          channels: [CHANNEL_ALPHA, ...colorIds].map(emptyChannel),
           blendKey: BLEND_TO_PSD[layer.blend] ?? "norm"
         };
         if (layer.mask) {
@@ -11149,16 +11205,10 @@ function exportPsd(input) {
         const rec = { ...common2(layer, extra), rect: EMPTY_RECT, channels: [], blendKey: BLEND_TO_PSD[layer.blend] ?? "norm" };
         const bounds = contentBounds(layer.surface);
         if (bounds) {
-          const [r2, g2, b2, a2] = surfacePlanes(layer.surface, bounds, depth);
           rec.rect = toRect({ ...bounds, x: bounds.x + layer.offset.x, y: bounds.y + layer.offset.y });
-          rec.channels = [
-            rleChannel(CHANNEL_ALPHA, a2, bounds.width, bounds.height, psb, depth),
-            rleChannel(0, r2, bounds.width, bounds.height, psb, depth),
-            rleChannel(1, g2, bounds.width, bounds.height, psb, depth),
-            rleChannel(2, b2, bounds.width, bounds.height, psb, depth)
-          ];
+          rec.channels = surfaceChannels(layer.surface, bounds);
         } else {
-          rec.channels = [CHANNEL_ALPHA, 0, 1, 2].map(emptyChannel);
+          rec.channels = [CHANNEL_ALPHA, ...colorIds].map(emptyChannel);
         }
         if (layer.mask) {
           const m = maskChannel(layer.mask, layer.offset.x, layer.offset.y, psb, depth);
@@ -11199,16 +11249,10 @@ function exportPsd(input) {
         const rec = { ...common2(layer, extra), rect: EMPTY_RECT, channels: [], blendKey: BLEND_TO_PSD[layer.blend] ?? "norm" };
         const bounds = contentBounds(layer.surface);
         if (bounds) {
-          const [r2, g2, b2, a2] = surfacePlanes(layer.surface, bounds, depth);
           rec.rect = toRect(bounds);
-          rec.channels = [
-            rleChannel(CHANNEL_ALPHA, a2, bounds.width, bounds.height, psb, depth),
-            rleChannel(0, r2, bounds.width, bounds.height, psb, depth),
-            rleChannel(1, g2, bounds.width, bounds.height, psb, depth),
-            rleChannel(2, b2, bounds.width, bounds.height, psb, depth)
-          ];
+          rec.channels = surfaceChannels(layer.surface, bounds);
         } else {
-          rec.channels = [CHANNEL_ALPHA, 0, 1, 2].map(emptyChannel);
+          rec.channels = [CHANNEL_ALPHA, ...colorIds].map(emptyChannel);
         }
         if (layer.mask) {
           const m = maskChannel(layer.mask, 0, 0, psb, depth);
@@ -11226,7 +11270,7 @@ function exportPsd(input) {
         }
         if (layer.type === "shape") {
           const losses = /* @__PURE__ */ new Set();
-          for (const b2 of shapeBlocks(layer, width, height, input.resolution ?? 72, losses)) extra.push({ key: b2.key, data: padEven(b2.data) });
+          for (const b of shapeBlocks(layer, width, height, input.resolution ?? 72, losses)) extra.push({ key: b.key, data: padEven(b.data) });
           for (const n2 of losses) note(n2, layer.name);
           if (layer.fill?.type === "pattern") patternIds2.add(layer.fill.patternId);
           if (layer.stroke?.paint.type === "pattern") patternIds2.add(layer.stroke.paint.patternId);
@@ -11236,16 +11280,10 @@ function exportPsd(input) {
         const rec = { ...common2(layer, extra), rect: EMPTY_RECT, channels: [], blendKey: BLEND_TO_PSD[layer.blend] ?? "norm" };
         const bounds = contentBounds(layer.surface);
         if (bounds) {
-          const [r2, g2, b2, a2] = surfacePlanes(layer.surface, bounds, depth);
           rec.rect = toRect(bounds);
-          rec.channels = [
-            rleChannel(CHANNEL_ALPHA, a2, bounds.width, bounds.height, psb, depth),
-            rleChannel(0, r2, bounds.width, bounds.height, psb, depth),
-            rleChannel(1, g2, bounds.width, bounds.height, psb, depth),
-            rleChannel(2, b2, bounds.width, bounds.height, psb, depth)
-          ];
+          rec.channels = surfaceChannels(layer.surface, bounds);
         } else {
-          rec.channels = [CHANNEL_ALPHA, 0, 1, 2].map(emptyChannel);
+          rec.channels = [CHANNEL_ALPHA, ...colorIds].map(emptyChannel);
         }
         if (layer.mask) {
           const m = maskChannel(layer.mask, 0, 0, psb, depth);
@@ -11263,9 +11301,10 @@ function exportPsd(input) {
   if (records.length > 32767) throw new PsdError("A PSD holds at most 32767 layer records.");
   const n = width * height;
   if (input.merged.length < n * 4) throw new PsdError(`The merged image has ${input.merged.length} bytes, expected ${n * 4}.`);
-  const [r, g, b, a] = rgbaToPlanes(matteWhite(input.merged), n);
+  const matted = matteWhite(input.merged);
+  const a = rgbaToPlanes(matted, n)[3];
   const transparent = a.some((v) => v !== 255);
-  let planes = (transparent ? [r, g, b, a] : [r, g, b]).map((p) => planeAtDepth(p, depth));
+  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);
@@ -11324,7 +11363,7 @@ function exportPsd(input) {
   if (filterItems.length) globalBlocks.push({ key: "FEid", data: writeFilterEffects(filterItems) });
   const bytes = writePsd(
     {
-      header: { psb, channels: planes.length, width, height, depth, colorMode: 3 },
+      header: { psb, channels: planes.length, width, height, depth, colorMode: mode === "cmyk" ? 4 : mode === "lab" ? 9 : 3 },
       colorModeData: new Uint8Array(0),
       resources,
       layers: records,
@@ -11696,4 +11735,4 @@ export {
   smartContentsFile,
   exportPsd
 };
-//# sourceMappingURL=chunk-EUVSQ25B.js.map
+//# sourceMappingURL=chunk-SEBYNBHW.js.map