@overtone-art/canvas-editor-core 0.2.6 → 0.2.7

package/dist/node.d.mts

@@ -0,0 +1,37 @@
+import { c as EditorState } from './types-bOY7oYVq.mjs';
+import 'fabric';
+
+interface NodeRenderOptions {
+    format?: 'png' | 'jpeg' | 'webp' | 'svg';
+    multiplier?: number;
+    quality?: number;
+    /**
+     * Gate every image URL referenced by the state before it is loaded. States
+     * are authored in the browser and therefore untrusted on a server; the
+     * default policy allows only `http:`, `https:` and `data:`. Supply a
+     * narrower predicate (e.g. an origin allowlist) to also stop requests to
+     * internal hosts.
+     */
+    allowImageUrl?: (url: string) => boolean;
+}
+interface NodeRenderResult {
+    format: 'png' | 'jpeg' | 'webp' | 'svg';
+    mimeType: string;
+    data: Uint8Array | string;
+    width: number;
+    height: number;
+}
+/** Render browser-authored EditorState without a DOM or live editor instance. */
+declare function renderEditorState(state: EditorState, options?: NodeRenderOptions): Promise<NodeRenderResult>;
+/** Render a saved product mockup with the transparent design composited above it. */
+declare function renderMockupState(state: EditorState, options?: NodeRenderOptions): Promise<NodeRenderResult>;
+/** Render multiple states with bounded concurrency for fulfillment jobs. */
+declare function renderEditorStateBatch(states: EditorState[], options?: NodeRenderOptions & {
+    concurrency?: number;
+}): Promise<NodeRenderResult[]>;
+/** Render multiple mockup states with bounded concurrency for fulfillment jobs. */
+declare function renderMockupStateBatch(states: EditorState[], options?: NodeRenderOptions & {
+    concurrency?: number;
+}): Promise<NodeRenderResult[]>;
+
+export { type NodeRenderOptions, type NodeRenderResult, renderEditorState, renderEditorStateBatch, renderMockupState, renderMockupStateBatch };

package/dist/node.d.ts

@@ -0,0 +1,37 @@
+import { c as EditorState } from './types-bOY7oYVq.js';
+import 'fabric';
+
+interface NodeRenderOptions {
+    format?: 'png' | 'jpeg' | 'webp' | 'svg';
+    multiplier?: number;
+    quality?: number;
+    /**
+     * Gate every image URL referenced by the state before it is loaded. States
+     * are authored in the browser and therefore untrusted on a server; the
+     * default policy allows only `http:`, `https:` and `data:`. Supply a
+     * narrower predicate (e.g. an origin allowlist) to also stop requests to
+     * internal hosts.
+     */
+    allowImageUrl?: (url: string) => boolean;
+}
+interface NodeRenderResult {
+    format: 'png' | 'jpeg' | 'webp' | 'svg';
+    mimeType: string;
+    data: Uint8Array | string;
+    width: number;
+    height: number;
+}
+/** Render browser-authored EditorState without a DOM or live editor instance. */
+declare function renderEditorState(state: EditorState, options?: NodeRenderOptions): Promise<NodeRenderResult>;
+/** Render a saved product mockup with the transparent design composited above it. */
+declare function renderMockupState(state: EditorState, options?: NodeRenderOptions): Promise<NodeRenderResult>;
+/** Render multiple states with bounded concurrency for fulfillment jobs. */
+declare function renderEditorStateBatch(states: EditorState[], options?: NodeRenderOptions & {
+    concurrency?: number;
+}): Promise<NodeRenderResult[]>;
+/** Render multiple mockup states with bounded concurrency for fulfillment jobs. */
+declare function renderMockupStateBatch(states: EditorState[], options?: NodeRenderOptions & {
+    concurrency?: number;
+}): Promise<NodeRenderResult[]>;
+
+export { type NodeRenderOptions, type NodeRenderResult, renderEditorState, renderEditorStateBatch, renderMockupState, renderMockupStateBatch };

package/dist/node.js

@@ -0,0 +1,281 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/node.ts
+var node_exports = {};
+__export(node_exports, {
+  renderEditorState: () => renderEditorState,
+  renderEditorStateBatch: () => renderEditorStateBatch,
+  renderMockupState: () => renderMockupState,
+  renderMockupStateBatch: () => renderMockupStateBatch
+});
+module.exports = __toCommonJS(node_exports);
+var import_node = require("fabric/node");
+
+// src/export.ts
+function computePrintAreaClip(area, scaleX, scaleY, targetWidth, targetHeight) {
+  const left = Math.max(0, Math.min(targetWidth, area.left * scaleX));
+  const top = Math.max(0, Math.min(targetHeight, area.top * scaleY));
+  const right = Math.max(left, Math.min(targetWidth, (area.left + area.width) * scaleX));
+  const bottom = Math.max(top, Math.min(targetHeight, (area.top + area.height) * scaleY));
+  return { left, top, width: right - left, height: bottom - top };
+}
+function computeCoverPlacement(sourceWidth, sourceHeight, targetWidth, targetHeight) {
+  if (sourceWidth <= 0 || sourceHeight <= 0 || targetWidth <= 0 || targetHeight <= 0) {
+    throw new Error("Cover dimensions must be positive");
+  }
+  const scale = Math.max(targetWidth / sourceWidth, targetHeight / sourceHeight);
+  const width = sourceWidth * scale;
+  const height = sourceHeight * scale;
+  return {
+    left: (targetWidth - width) / 2,
+    top: (targetHeight - height) / 2,
+    width,
+    height
+  };
+}
+
+// src/node.ts
+var ALLOWED_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:", "data:"]);
+var URL_KEYS = /* @__PURE__ */ new Set(["src", "image"]);
+function defaultAllowImageUrl(url) {
+  const scheme = /^([a-z][a-z\d+.-]*):/i.exec(url.trim());
+  return scheme !== null && ALLOWED_PROTOCOLS.has(`${scheme[1].toLowerCase()}:`);
+}
+function assertImageUrlsAllowed(value, allow) {
+  if (Array.isArray(value)) {
+    for (const item of value) assertImageUrlsAllowed(item, allow);
+    return;
+  }
+  if (!value || typeof value !== "object") return;
+  for (const [key, entry] of Object.entries(value)) {
+    if (typeof entry === "string") {
+      if (URL_KEYS.has(key) && !allow(entry)) {
+        throw new Error(`Blocked disallowed image URL: ${entry.slice(0, 120)}`);
+      }
+    } else {
+      assertImageUrlsAllowed(entry, allow);
+    }
+  }
+}
+function validateState(state) {
+  if (!state?.canvas || !Array.isArray(state.layers) || !Number.isFinite(state.canvas.width) || !Number.isFinite(state.canvas.height) || state.canvas.width <= 0 || state.canvas.height <= 0) {
+    throw new Error("Invalid editor state");
+  }
+  const major = Number.parseInt(state.version?.split(".")[0] ?? "1", 10);
+  if (!Number.isFinite(major) || major > 2) {
+    throw new Error(`Unsupported editor state version: ${state.version}`);
+  }
+}
+function dataUrlBytes(dataUrl) {
+  const encoded = dataUrl.slice(dataUrl.indexOf(",") + 1);
+  const binary = atob(encoded);
+  const bytes = new Uint8Array(binary.length);
+  for (let index = 0; index < binary.length; index += 1) bytes[index] = binary.charCodeAt(index);
+  return bytes;
+}
+function validateOptions(options) {
+  const format = options.format ?? "png";
+  const multiplier = options.multiplier ?? 1;
+  const quality = options.quality ?? 1;
+  const allowImageUrl = options.allowImageUrl ?? defaultAllowImageUrl;
+  if (!Number.isFinite(multiplier) || multiplier <= 0) {
+    throw new Error("Render multiplier must be positive");
+  }
+  if (!Number.isFinite(quality) || quality < 0 || quality > 1) {
+    throw new Error("Render quality must be between 0 and 1");
+  }
+  return { format, multiplier, quality, allowImageUrl };
+}
+async function createStateCanvas(state, transparent = false) {
+  const canvas = new import_node.StaticCanvas(void 0, {
+    width: state.canvas.width,
+    height: state.canvas.height,
+    backgroundColor: transparent ? "" : state.background ?? "",
+    preserveObjectStacking: true
+  });
+  try {
+    if (!transparent && state.backgroundImage) {
+      canvas.backgroundImage = (await import_node.util.enlivenObjects([state.backgroundImage]))[0];
+    }
+    const objects = await import_node.util.enlivenObjects(
+      state.layers.map((layer) => layer.fabricObject)
+    );
+    objects.forEach((object, index) => {
+      const layer = state.layers[index];
+      object.set({ visible: layer.visible, opacity: layer.opacity });
+      canvas.add(object);
+    });
+    canvas.renderAll();
+    return canvas;
+  } catch (error) {
+    canvas.dispose();
+    throw error;
+  }
+}
+function encodeCanvas(canvas, options) {
+  const { format, multiplier, quality } = options;
+  const width = Math.round(canvas.getWidth() * multiplier);
+  const height = Math.round(canvas.getHeight() * multiplier);
+  if (format === "svg") {
+    return { format, mimeType: "image/svg+xml", data: canvas.toSVG(), width, height };
+  }
+  const dataUrl = canvas.toDataURL({ format, multiplier, quality });
+  return {
+    format,
+    mimeType: format === "jpeg" ? "image/jpeg" : `image/${format}`,
+    data: dataUrlBytes(dataUrl),
+    width,
+    height
+  };
+}
+function compositeOperation(mode) {
+  return !mode || mode === "normal" ? "source-over" : mode;
+}
+function clampOpacity(value = 1) {
+  return Math.max(0, Math.min(1, value));
+}
+async function coverImage(url, width, height) {
+  let image;
+  try {
+    image = await import_node.FabricImage.fromURL(url);
+  } catch (error) {
+    throw new Error(`Failed to load mockup image: ${url}`, { cause: error });
+  }
+  const sourceWidth = image.width;
+  const sourceHeight = image.height;
+  const placement = computeCoverPlacement(sourceWidth, sourceHeight, width, height);
+  image.set({
+    originX: "left",
+    originY: "top",
+    left: placement.left,
+    top: placement.top,
+    scaleX: placement.width / sourceWidth,
+    scaleY: placement.height / sourceHeight,
+    selectable: false,
+    evented: false
+  });
+  return image;
+}
+async function renderEditorState(state, options = {}) {
+  validateState(state);
+  const resolved = validateOptions(options);
+  assertImageUrlsAllowed(state, resolved.allowImageUrl);
+  const canvas = await createStateCanvas(state);
+  try {
+    return encodeCanvas(canvas, resolved);
+  } finally {
+    canvas.dispose();
+  }
+}
+async function renderMockupState(state, options = {}) {
+  validateState(state);
+  const resolved = validateOptions(options);
+  assertImageUrlsAllowed(state, resolved.allowImageUrl);
+  if (resolved.format === "svg") {
+    throw new Error("Mockup rendering supports PNG, JPEG, and WebP output");
+  }
+  const mockup = state.mockup;
+  if (!mockup?.image) throw new Error("No mockup is configured");
+  const designCanvas = await createStateCanvas(state, true);
+  const output = new import_node.StaticCanvas(void 0, {
+    width: state.canvas.width,
+    height: state.canvas.height,
+    preserveObjectStacking: true
+  });
+  try {
+    output.add(await coverImage(mockup.image, state.canvas.width, state.canvas.height));
+    const designUrl = designCanvas.toDataURL({ format: "png", multiplier: 1 });
+    const design = await import_node.FabricImage.fromURL(designUrl);
+    design.set({
+      originX: "left",
+      originY: "top",
+      left: 0,
+      top: 0,
+      opacity: clampOpacity(mockup.designOpacity),
+      globalCompositeOperation: compositeOperation(mockup.designBlendMode),
+      selectable: false,
+      evented: false
+    });
+    if (mockup.printArea && mockup.clipToPrintArea !== false) {
+      const clip = computePrintAreaClip(
+        mockup.printArea,
+        1,
+        1,
+        state.canvas.width,
+        state.canvas.height
+      );
+      design.clipPath = new import_node.Rect({
+        originX: "left",
+        originY: "top",
+        left: clip.left,
+        top: clip.top,
+        width: clip.width,
+        height: clip.height,
+        absolutePositioned: true
+      });
+    }
+    output.add(design);
+    if (mockup.overlay) {
+      const overlay = await coverImage(
+        mockup.overlay.image,
+        state.canvas.width,
+        state.canvas.height
+      );
+      overlay.set({
+        opacity: clampOpacity(mockup.overlay.opacity),
+        globalCompositeOperation: compositeOperation(mockup.overlay.blendMode ?? "multiply")
+      });
+      output.add(overlay);
+    }
+    output.renderAll();
+    return encodeCanvas(output, resolved);
+  } finally {
+    designCanvas.dispose();
+    output.dispose();
+  }
+}
+async function renderBatch(states, options, renderer) {
+  const concurrency = Math.max(1, Math.floor(options.concurrency ?? 2));
+  const results = new Array(states.length);
+  let nextIndex = 0;
+  await Promise.all(
+    Array.from({ length: Math.min(concurrency, states.length) }, async () => {
+      while (nextIndex < states.length) {
+        const index = nextIndex++;
+        results[index] = await renderer(states[index], options);
+      }
+    })
+  );
+  return results;
+}
+async function renderEditorStateBatch(states, options = {}) {
+  return renderBatch(states, options, renderEditorState);
+}
+async function renderMockupStateBatch(states, options = {}) {
+  return renderBatch(states, options, renderMockupState);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  renderEditorState,
+  renderEditorStateBatch,
+  renderMockupState,
+  renderMockupStateBatch
+});
+//# sourceMappingURL=node.js.map

package/dist/node.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/node.ts","../src/export.ts"],"sourcesContent":["import { FabricImage, Rect, StaticCanvas, util } from 'fabric/node';\nimport type { FabricObject, ImageFormat } from 'fabric/node';\nimport { computeCoverPlacement, computePrintAreaClip } from './export';\nimport type { EditorState, MockupBlendMode, MockupConfig } from './types';\n\nexport interface NodeRenderOptions {\n  format?: 'png' | 'jpeg' | 'webp' | 'svg';\n  multiplier?: number;\n  quality?: number;\n  /**\n   * Gate every image URL referenced by the state before it is loaded. States\n   * are authored in the browser and therefore untrusted on a server; the\n   * default policy allows only `http:`, `https:` and `data:`. Supply a\n   * narrower predicate (e.g. an origin allowlist) to also stop requests to\n   * internal hosts.\n   */\n  allowImageUrl?: (url: string) => boolean;\n}\n\nexport interface NodeRenderResult {\n  format: 'png' | 'jpeg' | 'webp' | 'svg';\n  mimeType: string;\n  data: Uint8Array | string;\n  width: number;\n  height: number;\n}\n\n// `fabric/node` resolves bare paths and `file:` URLs against the local disk, so\n// an unrestricted state is a local-file-read and SSRF primitive on a server.\nconst ALLOWED_PROTOCOLS = new Set(['http:', 'https:', 'data:']);\n\n/** Keys whose string values are fetched as images during a render. */\nconst URL_KEYS = new Set(['src', 'image']);\n\nfunction defaultAllowImageUrl(url: string): boolean {\n  const scheme = /^([a-z][a-z\\d+.-]*):/i.exec(url.trim());\n  return scheme !== null && ALLOWED_PROTOCOLS.has(`${scheme[1].toLowerCase()}:`);\n}\n\nfunction assertImageUrlsAllowed(value: unknown, allow: (url: string) => boolean): void {\n  if (Array.isArray(value)) {\n    for (const item of value) assertImageUrlsAllowed(item, allow);\n    return;\n  }\n  if (!value || typeof value !== 'object') return;\n  for (const [key, entry] of Object.entries(value)) {\n    if (typeof entry === 'string') {\n      if (URL_KEYS.has(key) && !allow(entry)) {\n        throw new Error(`Blocked disallowed image URL: ${entry.slice(0, 120)}`);\n      }\n    } else {\n      assertImageUrlsAllowed(entry, allow);\n    }\n  }\n}\n\nfunction validateState(state: EditorState): void {\n  if (\n    !state?.canvas ||\n    !Array.isArray(state.layers) ||\n    !Number.isFinite(state.canvas.width) ||\n    !Number.isFinite(state.canvas.height) ||\n    state.canvas.width <= 0 ||\n    state.canvas.height <= 0\n  ) {\n    throw new Error('Invalid editor state');\n  }\n  const major = Number.parseInt(state.version?.split('.')[0] ?? '1', 10);\n  if (!Number.isFinite(major) || major > 2) {\n    throw new Error(`Unsupported editor state version: ${state.version}`);\n  }\n}\n\nfunction dataUrlBytes(dataUrl: string): Uint8Array {\n  const encoded = dataUrl.slice(dataUrl.indexOf(',') + 1);\n  const binary = atob(encoded);\n  const bytes = new Uint8Array(binary.length);\n  for (let index = 0; index < binary.length; index += 1) bytes[index] = binary.charCodeAt(index);\n  return bytes;\n}\n\nfunction validateOptions(options: NodeRenderOptions): Required<NodeRenderOptions> {\n  const format = options.format ?? 'png';\n  const multiplier = options.multiplier ?? 1;\n  const quality = options.quality ?? 1;\n  const allowImageUrl = options.allowImageUrl ?? defaultAllowImageUrl;\n  if (!Number.isFinite(multiplier) || multiplier <= 0) {\n    throw new Error('Render multiplier must be positive');\n  }\n  if (!Number.isFinite(quality) || quality < 0 || quality > 1) {\n    throw new Error('Render quality must be between 0 and 1');\n  }\n  return { format, multiplier, quality, allowImageUrl };\n}\n\nasync function createStateCanvas(state: EditorState, transparent = false): Promise<StaticCanvas> {\n  const canvas = new StaticCanvas(undefined, {\n    width: state.canvas.width,\n    height: state.canvas.height,\n    backgroundColor: transparent ? '' : (state.background ?? ''),\n    preserveObjectStacking: true,\n  });\n  try {\n    if (!transparent && state.backgroundImage) {\n      canvas.backgroundImage = (\n        await util.enlivenObjects([state.backgroundImage])\n      )[0] as FabricObject;\n    }\n    const objects = (await util.enlivenObjects(\n      state.layers.map((layer) => layer.fabricObject),\n    )) as FabricObject[];\n    objects.forEach((object, index) => {\n      const layer = state.layers[index];\n      object.set({ visible: layer.visible, opacity: layer.opacity });\n      canvas.add(object);\n    });\n    canvas.renderAll();\n    return canvas;\n  } catch (error) {\n    canvas.dispose();\n    throw error;\n  }\n}\n\nfunction encodeCanvas(\n  canvas: StaticCanvas,\n  options: Required<NodeRenderOptions>,\n): NodeRenderResult {\n  const { format, multiplier, quality } = options;\n  const width = Math.round(canvas.getWidth() * multiplier);\n  const height = Math.round(canvas.getHeight() * multiplier);\n  if (format === 'svg') {\n    return { format, mimeType: 'image/svg+xml', data: canvas.toSVG(), width, height };\n  }\n  const dataUrl = canvas.toDataURL({ format: format as ImageFormat, multiplier, quality });\n  return {\n    format,\n    mimeType: format === 'jpeg' ? 'image/jpeg' : `image/${format}`,\n    data: dataUrlBytes(dataUrl),\n    width,\n    height,\n  };\n}\n\nfunction compositeOperation(mode?: MockupBlendMode): GlobalCompositeOperation {\n  return !mode || mode === 'normal' ? 'source-over' : mode;\n}\n\nfunction clampOpacity(value = 1): number {\n  return Math.max(0, Math.min(1, value));\n}\n\nasync function coverImage(url: string, width: number, height: number): Promise<FabricImage> {\n  let image: FabricImage;\n  try {\n    image = await FabricImage.fromURL(url);\n  } catch (error) {\n    throw new Error(`Failed to load mockup image: ${url}`, { cause: error });\n  }\n  const sourceWidth = image.width;\n  const sourceHeight = image.height;\n  const placement = computeCoverPlacement(sourceWidth, sourceHeight, width, height);\n  image.set({\n    originX: 'left',\n    originY: 'top',\n    left: placement.left,\n    top: placement.top,\n    scaleX: placement.width / sourceWidth,\n    scaleY: placement.height / sourceHeight,\n    selectable: false,\n    evented: false,\n  });\n  return image;\n}\n\n/** Render browser-authored EditorState without a DOM or live editor instance. */\nexport async function renderEditorState(\n  state: EditorState,\n  options: NodeRenderOptions = {},\n): Promise<NodeRenderResult> {\n  validateState(state);\n  const resolved = validateOptions(options);\n  assertImageUrlsAllowed(state, resolved.allowImageUrl);\n  const canvas = await createStateCanvas(state);\n  try {\n    return encodeCanvas(canvas, resolved);\n  } finally {\n    canvas.dispose();\n  }\n}\n\n/** Render a saved product mockup with the transparent design composited above it. */\nexport async function renderMockupState(\n  state: EditorState,\n  options: NodeRenderOptions = {},\n): Promise<NodeRenderResult> {\n  validateState(state);\n  const resolved = validateOptions(options);\n  assertImageUrlsAllowed(state, resolved.allowImageUrl);\n  if (resolved.format === 'svg') {\n    throw new Error('Mockup rendering supports PNG, JPEG, and WebP output');\n  }\n  const mockup: MockupConfig | null | undefined = state.mockup;\n  if (!mockup?.image) throw new Error('No mockup is configured');\n\n  const designCanvas = await createStateCanvas(state, true);\n  const output = new StaticCanvas(undefined, {\n    width: state.canvas.width,\n    height: state.canvas.height,\n    preserveObjectStacking: true,\n  });\n  try {\n    output.add(await coverImage(mockup.image, state.canvas.width, state.canvas.height));\n\n    const designUrl = designCanvas.toDataURL({ format: 'png', multiplier: 1 });\n    const design = await FabricImage.fromURL(designUrl);\n    design.set({\n      originX: 'left',\n      originY: 'top',\n      left: 0,\n      top: 0,\n      opacity: clampOpacity(mockup.designOpacity),\n      globalCompositeOperation: compositeOperation(mockup.designBlendMode),\n      selectable: false,\n      evented: false,\n    });\n    if (mockup.printArea && mockup.clipToPrintArea !== false) {\n      const clip = computePrintAreaClip(\n        mockup.printArea,\n        1,\n        1,\n        state.canvas.width,\n        state.canvas.height,\n      );\n      design.clipPath = new Rect({\n        originX: 'left',\n        originY: 'top',\n        left: clip.left,\n        top: clip.top,\n        width: clip.width,\n        height: clip.height,\n        absolutePositioned: true,\n      });\n    }\n    output.add(design);\n\n    if (mockup.overlay) {\n      const overlay = await coverImage(\n        mockup.overlay.image,\n        state.canvas.width,\n        state.canvas.height,\n      );\n      overlay.set({\n        opacity: clampOpacity(mockup.overlay.opacity),\n        globalCompositeOperation: compositeOperation(mockup.overlay.blendMode ?? 'multiply'),\n      });\n      output.add(overlay);\n    }\n    output.renderAll();\n    return encodeCanvas(output, resolved);\n  } finally {\n    designCanvas.dispose();\n    output.dispose();\n  }\n}\n\nasync function renderBatch(\n  states: EditorState[],\n  options: NodeRenderOptions & { concurrency?: number },\n  renderer: (state: EditorState, options: NodeRenderOptions) => Promise<NodeRenderResult>,\n): Promise<NodeRenderResult[]> {\n  const concurrency = Math.max(1, Math.floor(options.concurrency ?? 2));\n  const results = new Array<NodeRenderResult>(states.length);\n  let nextIndex = 0;\n  await Promise.all(\n    Array.from({ length: Math.min(concurrency, states.length) }, async () => {\n      while (nextIndex < states.length) {\n        const index = nextIndex++;\n        results[index] = await renderer(states[index], options);\n      }\n    }),\n  );\n  return results;\n}\n\n/** Render multiple states with bounded concurrency for fulfillment jobs. */\nexport async function renderEditorStateBatch(\n  states: EditorState[],\n  options: NodeRenderOptions & { concurrency?: number } = {},\n): Promise<NodeRenderResult[]> {\n  return renderBatch(states, options, renderEditorState);\n}\n\n/** Render multiple mockup states with bounded concurrency for fulfillment jobs. */\nexport async function renderMockupStateBatch(\n  states: EditorState[],\n  options: NodeRenderOptions & { concurrency?: number } = {},\n): Promise<NodeRenderResult[]> {\n  return renderBatch(states, options, renderMockupState);\n}\n","import type { Canvas, ImageFormat } from 'fabric';\nimport type { MockupConfig, MockupPrintArea } from './types';\n\nexport interface PngExportOptions {\n  multiplier?: number;\n  format?: ImageFormat;\n  quality?: number;\n}\n\nexport interface CoverPlacement {\n  left: number;\n  top: number;\n  width: number;\n  height: number;\n}\n\nexport function computePrintAreaClip(\n  area: MockupPrintArea,\n  scaleX: number,\n  scaleY: number,\n  targetWidth: number,\n  targetHeight: number,\n): MockupPrintArea {\n  const left = Math.max(0, Math.min(targetWidth, area.left * scaleX));\n  const top = Math.max(0, Math.min(targetHeight, area.top * scaleY));\n  const right = Math.max(left, Math.min(targetWidth, (area.left + area.width) * scaleX));\n  const bottom = Math.max(top, Math.min(targetHeight, (area.top + area.height) * scaleY));\n  return { left, top, width: right - left, height: bottom - top };\n}\n\n/** Object-fit: cover geometry, exported for deterministic preview/composite tests. */\nexport function computeCoverPlacement(\n  sourceWidth: number,\n  sourceHeight: number,\n  targetWidth: number,\n  targetHeight: number,\n): CoverPlacement {\n  if (sourceWidth <= 0 || sourceHeight <= 0 || targetWidth <= 0 || targetHeight <= 0) {\n    throw new Error('Cover dimensions must be positive');\n  }\n  const scale = Math.max(targetWidth / sourceWidth, targetHeight / sourceHeight);\n  const width = sourceWidth * scale;\n  const height = sourceHeight * scale;\n  return {\n    left: (targetWidth - width) / 2,\n    top: (targetHeight - height) / 2,\n    width,\n    height,\n  };\n}\n\nfunction canvasElementToBlob(\n  output: HTMLCanvasElement,\n  format: ImageFormat,\n  quality: number,\n): Promise<Blob> {\n  const mime = format === 'jpeg' ? 'image/jpeg' : `image/${format}`;\n  return new Promise<Blob>((resolve, reject) => {\n    output.toBlob(\n      (blob) => (blob ? resolve(blob) : reject(new Error(`Failed to export ${format}`))),\n      mime,\n      quality,\n    );\n  });\n}\n\nexport async function exportPNG(canvas: Canvas, options: PngExportOptions = {}): Promise<Blob> {\n  const { multiplier = 1, format = 'png' as ImageFormat, quality = 1 } = options;\n  const output = canvas.toCanvasElement(multiplier);\n  return canvasElementToBlob(output, format, quality);\n}\n\n/** Rasterize the browser mockup preview together with the transparent design. */\nexport async function exportMockup(\n  canvas: Canvas,\n  mockup: MockupConfig,\n  options: PngExportOptions = {},\n): Promise<Blob> {\n  const { multiplier = 1, format = 'png' as ImageFormat, quality = 1 } = options;\n  const design = canvas.toCanvasElement(multiplier);\n  const output = design.ownerDocument.createElement('canvas');\n  output.width = design.width;\n  output.height = design.height;\n  const context = output.getContext('2d');\n  if (!context) throw new Error('2D canvas context is unavailable');\n\n  const loadImage = (url: string) =>\n    new Promise<HTMLImageElement>((resolve, reject) => {\n      const element = new Image();\n      element.crossOrigin = 'anonymous';\n      element.onload = () => resolve(element);\n      element.onerror = () => reject(new Error(`Failed to load mockup image: ${url}`));\n      element.src = url;\n    });\n  const drawCover = (image: HTMLImageElement) => {\n    const placement = computeCoverPlacement(\n      image.naturalWidth || image.width,\n      image.naturalHeight || image.height,\n      output.width,\n      output.height,\n    );\n    context.drawImage(image, placement.left, placement.top, placement.width, placement.height);\n  };\n\n  drawCover(await loadImage(mockup.image));\n  context.save();\n  if (mockup.printArea && mockup.clipToPrintArea !== false) {\n    const clip = computePrintAreaClip(\n      mockup.printArea,\n      output.width / canvas.getWidth(),\n      output.height / canvas.getHeight(),\n      output.width,\n      output.height,\n    );\n    context.beginPath();\n    context.rect(clip.left, clip.top, clip.width, clip.height);\n    context.clip();\n  }\n  context.globalAlpha = Math.max(0, Math.min(1, mockup.designOpacity ?? 1));\n  context.globalCompositeOperation =\n    !mockup.designBlendMode || mockup.designBlendMode === 'normal'\n      ? 'source-over'\n      : mockup.designBlendMode;\n  context.drawImage(design, 0, 0);\n  context.restore();\n\n  if (mockup.overlay) {\n    context.save();\n    context.globalAlpha = Math.max(0, Math.min(1, mockup.overlay.opacity ?? 1));\n    context.globalCompositeOperation =\n      mockup.overlay.blendMode === 'normal'\n        ? 'source-over'\n        : (mockup.overlay.blendMode ?? 'multiply');\n    drawCover(await loadImage(mockup.overlay.image));\n    context.restore();\n  }\n  return canvasElementToBlob(output, format, quality);\n}\n\nexport function exportSVG(canvas: Canvas): string {\n  return canvas.toSVG();\n}\n\nexport function exportDataURL(canvas: Canvas, format: ImageFormat = 'png', multiplier = 1): string {\n  return canvas.toDataURL({ format, multiplier });\n}\n"],"mappings":"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","names":[]}

package/dist/node.mjs

@@ -0,0 +1,233 @@
+import {
+  computeCoverPlacement,
+  computePrintAreaClip
+} from "./chunk-NINRTPOJ.mjs";
+
+// src/node.ts
+import { FabricImage, Rect, StaticCanvas, util } from "fabric/node";
+var ALLOWED_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:", "data:"]);
+var URL_KEYS = /* @__PURE__ */ new Set(["src", "image"]);
+function defaultAllowImageUrl(url) {
+  const scheme = /^([a-z][a-z\d+.-]*):/i.exec(url.trim());
+  return scheme !== null && ALLOWED_PROTOCOLS.has(`${scheme[1].toLowerCase()}:`);
+}
+function assertImageUrlsAllowed(value, allow) {
+  if (Array.isArray(value)) {
+    for (const item of value) assertImageUrlsAllowed(item, allow);
+    return;
+  }
+  if (!value || typeof value !== "object") return;
+  for (const [key, entry] of Object.entries(value)) {
+    if (typeof entry === "string") {
+      if (URL_KEYS.has(key) && !allow(entry)) {
+        throw new Error(`Blocked disallowed image URL: ${entry.slice(0, 120)}`);
+      }
+    } else {
+      assertImageUrlsAllowed(entry, allow);
+    }
+  }
+}
+function validateState(state) {
+  if (!state?.canvas || !Array.isArray(state.layers) || !Number.isFinite(state.canvas.width) || !Number.isFinite(state.canvas.height) || state.canvas.width <= 0 || state.canvas.height <= 0) {
+    throw new Error("Invalid editor state");
+  }
+  const major = Number.parseInt(state.version?.split(".")[0] ?? "1", 10);
+  if (!Number.isFinite(major) || major > 2) {
+    throw new Error(`Unsupported editor state version: ${state.version}`);
+  }
+}
+function dataUrlBytes(dataUrl) {
+  const encoded = dataUrl.slice(dataUrl.indexOf(",") + 1);
+  const binary = atob(encoded);
+  const bytes = new Uint8Array(binary.length);
+  for (let index = 0; index < binary.length; index += 1) bytes[index] = binary.charCodeAt(index);
+  return bytes;
+}
+function validateOptions(options) {
+  const format = options.format ?? "png";
+  const multiplier = options.multiplier ?? 1;
+  const quality = options.quality ?? 1;
+  const allowImageUrl = options.allowImageUrl ?? defaultAllowImageUrl;
+  if (!Number.isFinite(multiplier) || multiplier <= 0) {
+    throw new Error("Render multiplier must be positive");
+  }
+  if (!Number.isFinite(quality) || quality < 0 || quality > 1) {
+    throw new Error("Render quality must be between 0 and 1");
+  }
+  return { format, multiplier, quality, allowImageUrl };
+}
+async function createStateCanvas(state, transparent = false) {
+  const canvas = new StaticCanvas(void 0, {
+    width: state.canvas.width,
+    height: state.canvas.height,
+    backgroundColor: transparent ? "" : state.background ?? "",
+    preserveObjectStacking: true
+  });
+  try {
+    if (!transparent && state.backgroundImage) {
+      canvas.backgroundImage = (await util.enlivenObjects([state.backgroundImage]))[0];
+    }
+    const objects = await util.enlivenObjects(
+      state.layers.map((layer) => layer.fabricObject)
+    );
+    objects.forEach((object, index) => {
+      const layer = state.layers[index];
+      object.set({ visible: layer.visible, opacity: layer.opacity });
+      canvas.add(object);
+    });
+    canvas.renderAll();
+    return canvas;
+  } catch (error) {
+    canvas.dispose();
+    throw error;
+  }
+}
+function encodeCanvas(canvas, options) {
+  const { format, multiplier, quality } = options;
+  const width = Math.round(canvas.getWidth() * multiplier);
+  const height = Math.round(canvas.getHeight() * multiplier);
+  if (format === "svg") {
+    return { format, mimeType: "image/svg+xml", data: canvas.toSVG(), width, height };
+  }
+  const dataUrl = canvas.toDataURL({ format, multiplier, quality });
+  return {
+    format,
+    mimeType: format === "jpeg" ? "image/jpeg" : `image/${format}`,
+    data: dataUrlBytes(dataUrl),
+    width,
+    height
+  };
+}
+function compositeOperation(mode) {
+  return !mode || mode === "normal" ? "source-over" : mode;
+}
+function clampOpacity(value = 1) {
+  return Math.max(0, Math.min(1, value));
+}
+async function coverImage(url, width, height) {
+  let image;
+  try {
+    image = await FabricImage.fromURL(url);
+  } catch (error) {
+    throw new Error(`Failed to load mockup image: ${url}`, { cause: error });
+  }
+  const sourceWidth = image.width;
+  const sourceHeight = image.height;
+  const placement = computeCoverPlacement(sourceWidth, sourceHeight, width, height);
+  image.set({
+    originX: "left",
+    originY: "top",
+    left: placement.left,
+    top: placement.top,
+    scaleX: placement.width / sourceWidth,
+    scaleY: placement.height / sourceHeight,
+    selectable: false,
+    evented: false
+  });
+  return image;
+}
+async function renderEditorState(state, options = {}) {
+  validateState(state);
+  const resolved = validateOptions(options);
+  assertImageUrlsAllowed(state, resolved.allowImageUrl);
+  const canvas = await createStateCanvas(state);
+  try {
+    return encodeCanvas(canvas, resolved);
+  } finally {
+    canvas.dispose();
+  }
+}
+async function renderMockupState(state, options = {}) {
+  validateState(state);
+  const resolved = validateOptions(options);
+  assertImageUrlsAllowed(state, resolved.allowImageUrl);
+  if (resolved.format === "svg") {
+    throw new Error("Mockup rendering supports PNG, JPEG, and WebP output");
+  }
+  const mockup = state.mockup;
+  if (!mockup?.image) throw new Error("No mockup is configured");
+  const designCanvas = await createStateCanvas(state, true);
+  const output = new StaticCanvas(void 0, {
+    width: state.canvas.width,
+    height: state.canvas.height,
+    preserveObjectStacking: true
+  });
+  try {
+    output.add(await coverImage(mockup.image, state.canvas.width, state.canvas.height));
+    const designUrl = designCanvas.toDataURL({ format: "png", multiplier: 1 });
+    const design = await FabricImage.fromURL(designUrl);
+    design.set({
+      originX: "left",
+      originY: "top",
+      left: 0,
+      top: 0,
+      opacity: clampOpacity(mockup.designOpacity),
+      globalCompositeOperation: compositeOperation(mockup.designBlendMode),
+      selectable: false,
+      evented: false
+    });
+    if (mockup.printArea && mockup.clipToPrintArea !== false) {
+      const clip = computePrintAreaClip(
+        mockup.printArea,
+        1,
+        1,
+        state.canvas.width,
+        state.canvas.height
+      );
+      design.clipPath = new Rect({
+        originX: "left",
+        originY: "top",
+        left: clip.left,
+        top: clip.top,
+        width: clip.width,
+        height: clip.height,
+        absolutePositioned: true
+      });
+    }
+    output.add(design);
+    if (mockup.overlay) {
+      const overlay = await coverImage(
+        mockup.overlay.image,
+        state.canvas.width,
+        state.canvas.height
+      );
+      overlay.set({
+        opacity: clampOpacity(mockup.overlay.opacity),
+        globalCompositeOperation: compositeOperation(mockup.overlay.blendMode ?? "multiply")
+      });
+      output.add(overlay);
+    }
+    output.renderAll();
+    return encodeCanvas(output, resolved);
+  } finally {
+    designCanvas.dispose();
+    output.dispose();
+  }
+}
+async function renderBatch(states, options, renderer) {
+  const concurrency = Math.max(1, Math.floor(options.concurrency ?? 2));
+  const results = new Array(states.length);
+  let nextIndex = 0;
+  await Promise.all(
+    Array.from({ length: Math.min(concurrency, states.length) }, async () => {
+      while (nextIndex < states.length) {
+        const index = nextIndex++;
+        results[index] = await renderer(states[index], options);
+      }
+    })
+  );
+  return results;
+}
+async function renderEditorStateBatch(states, options = {}) {
+  return renderBatch(states, options, renderEditorState);
+}
+async function renderMockupStateBatch(states, options = {}) {
+  return renderBatch(states, options, renderMockupState);
+}
+export {
+  renderEditorState,
+  renderEditorStateBatch,
+  renderMockupState,
+  renderMockupStateBatch
+};
+//# sourceMappingURL=node.mjs.map

package/dist/node.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/node.ts"],"sourcesContent":["import { FabricImage, Rect, StaticCanvas, util } from 'fabric/node';\nimport type { FabricObject, ImageFormat } from 'fabric/node';\nimport { computeCoverPlacement, computePrintAreaClip } from './export';\nimport type { EditorState, MockupBlendMode, MockupConfig } from './types';\n\nexport interface NodeRenderOptions {\n  format?: 'png' | 'jpeg' | 'webp' | 'svg';\n  multiplier?: number;\n  quality?: number;\n  /**\n   * Gate every image URL referenced by the state before it is loaded. States\n   * are authored in the browser and therefore untrusted on a server; the\n   * default policy allows only `http:`, `https:` and `data:`. Supply a\n   * narrower predicate (e.g. an origin allowlist) to also stop requests to\n   * internal hosts.\n   */\n  allowImageUrl?: (url: string) => boolean;\n}\n\nexport interface NodeRenderResult {\n  format: 'png' | 'jpeg' | 'webp' | 'svg';\n  mimeType: string;\n  data: Uint8Array | string;\n  width: number;\n  height: number;\n}\n\n// `fabric/node` resolves bare paths and `file:` URLs against the local disk, so\n// an unrestricted state is a local-file-read and SSRF primitive on a server.\nconst ALLOWED_PROTOCOLS = new Set(['http:', 'https:', 'data:']);\n\n/** Keys whose string values are fetched as images during a render. */\nconst URL_KEYS = new Set(['src', 'image']);\n\nfunction defaultAllowImageUrl(url: string): boolean {\n  const scheme = /^([a-z][a-z\\d+.-]*):/i.exec(url.trim());\n  return scheme !== null && ALLOWED_PROTOCOLS.has(`${scheme[1].toLowerCase()}:`);\n}\n\nfunction assertImageUrlsAllowed(value: unknown, allow: (url: string) => boolean): void {\n  if (Array.isArray(value)) {\n    for (const item of value) assertImageUrlsAllowed(item, allow);\n    return;\n  }\n  if (!value || typeof value !== 'object') return;\n  for (const [key, entry] of Object.entries(value)) {\n    if (typeof entry === 'string') {\n      if (URL_KEYS.has(key) && !allow(entry)) {\n        throw new Error(`Blocked disallowed image URL: ${entry.slice(0, 120)}`);\n      }\n    } else {\n      assertImageUrlsAllowed(entry, allow);\n    }\n  }\n}\n\nfunction validateState(state: EditorState): void {\n  if (\n    !state?.canvas ||\n    !Array.isArray(state.layers) ||\n    !Number.isFinite(state.canvas.width) ||\n    !Number.isFinite(state.canvas.height) ||\n    state.canvas.width <= 0 ||\n    state.canvas.height <= 0\n  ) {\n    throw new Error('Invalid editor state');\n  }\n  const major = Number.parseInt(state.version?.split('.')[0] ?? '1', 10);\n  if (!Number.isFinite(major) || major > 2) {\n    throw new Error(`Unsupported editor state version: ${state.version}`);\n  }\n}\n\nfunction dataUrlBytes(dataUrl: string): Uint8Array {\n  const encoded = dataUrl.slice(dataUrl.indexOf(',') + 1);\n  const binary = atob(encoded);\n  const bytes = new Uint8Array(binary.length);\n  for (let index = 0; index < binary.length; index += 1) bytes[index] = binary.charCodeAt(index);\n  return bytes;\n}\n\nfunction validateOptions(options: NodeRenderOptions): Required<NodeRenderOptions> {\n  const format = options.format ?? 'png';\n  const multiplier = options.multiplier ?? 1;\n  const quality = options.quality ?? 1;\n  const allowImageUrl = options.allowImageUrl ?? defaultAllowImageUrl;\n  if (!Number.isFinite(multiplier) || multiplier <= 0) {\n    throw new Error('Render multiplier must be positive');\n  }\n  if (!Number.isFinite(quality) || quality < 0 || quality > 1) {\n    throw new Error('Render quality must be between 0 and 1');\n  }\n  return { format, multiplier, quality, allowImageUrl };\n}\n\nasync function createStateCanvas(state: EditorState, transparent = false): Promise<StaticCanvas> {\n  const canvas = new StaticCanvas(undefined, {\n    width: state.canvas.width,\n    height: state.canvas.height,\n    backgroundColor: transparent ? '' : (state.background ?? ''),\n    preserveObjectStacking: true,\n  });\n  try {\n    if (!transparent && state.backgroundImage) {\n      canvas.backgroundImage = (\n        await util.enlivenObjects([state.backgroundImage])\n      )[0] as FabricObject;\n    }\n    const objects = (await util.enlivenObjects(\n      state.layers.map((layer) => layer.fabricObject),\n    )) as FabricObject[];\n    objects.forEach((object, index) => {\n      const layer = state.layers[index];\n      object.set({ visible: layer.visible, opacity: layer.opacity });\n      canvas.add(object);\n    });\n    canvas.renderAll();\n    return canvas;\n  } catch (error) {\n    canvas.dispose();\n    throw error;\n  }\n}\n\nfunction encodeCanvas(\n  canvas: StaticCanvas,\n  options: Required<NodeRenderOptions>,\n): NodeRenderResult {\n  const { format, multiplier, quality } = options;\n  const width = Math.round(canvas.getWidth() * multiplier);\n  const height = Math.round(canvas.getHeight() * multiplier);\n  if (format === 'svg') {\n    return { format, mimeType: 'image/svg+xml', data: canvas.toSVG(), width, height };\n  }\n  const dataUrl = canvas.toDataURL({ format: format as ImageFormat, multiplier, quality });\n  return {\n    format,\n    mimeType: format === 'jpeg' ? 'image/jpeg' : `image/${format}`,\n    data: dataUrlBytes(dataUrl),\n    width,\n    height,\n  };\n}\n\nfunction compositeOperation(mode?: MockupBlendMode): GlobalCompositeOperation {\n  return !mode || mode === 'normal' ? 'source-over' : mode;\n}\n\nfunction clampOpacity(value = 1): number {\n  return Math.max(0, Math.min(1, value));\n}\n\nasync function coverImage(url: string, width: number, height: number): Promise<FabricImage> {\n  let image: FabricImage;\n  try {\n    image = await FabricImage.fromURL(url);\n  } catch (error) {\n    throw new Error(`Failed to load mockup image: ${url}`, { cause: error });\n  }\n  const sourceWidth = image.width;\n  const sourceHeight = image.height;\n  const placement = computeCoverPlacement(sourceWidth, sourceHeight, width, height);\n  image.set({\n    originX: 'left',\n    originY: 'top',\n    left: placement.left,\n    top: placement.top,\n    scaleX: placement.width / sourceWidth,\n    scaleY: placement.height / sourceHeight,\n    selectable: false,\n    evented: false,\n  });\n  return image;\n}\n\n/** Render browser-authored EditorState without a DOM or live editor instance. */\nexport async function renderEditorState(\n  state: EditorState,\n  options: NodeRenderOptions = {},\n): Promise<NodeRenderResult> {\n  validateState(state);\n  const resolved = validateOptions(options);\n  assertImageUrlsAllowed(state, resolved.allowImageUrl);\n  const canvas = await createStateCanvas(state);\n  try {\n    return encodeCanvas(canvas, resolved);\n  } finally {\n    canvas.dispose();\n  }\n}\n\n/** Render a saved product mockup with the transparent design composited above it. */\nexport async function renderMockupState(\n  state: EditorState,\n  options: NodeRenderOptions = {},\n): Promise<NodeRenderResult> {\n  validateState(state);\n  const resolved = validateOptions(options);\n  assertImageUrlsAllowed(state, resolved.allowImageUrl);\n  if (resolved.format === 'svg') {\n    throw new Error('Mockup rendering supports PNG, JPEG, and WebP output');\n  }\n  const mockup: MockupConfig | null | undefined = state.mockup;\n  if (!mockup?.image) throw new Error('No mockup is configured');\n\n  const designCanvas = await createStateCanvas(state, true);\n  const output = new StaticCanvas(undefined, {\n    width: state.canvas.width,\n    height: state.canvas.height,\n    preserveObjectStacking: true,\n  });\n  try {\n    output.add(await coverImage(mockup.image, state.canvas.width, state.canvas.height));\n\n    const designUrl = designCanvas.toDataURL({ format: 'png', multiplier: 1 });\n    const design = await FabricImage.fromURL(designUrl);\n    design.set({\n      originX: 'left',\n      originY: 'top',\n      left: 0,\n      top: 0,\n      opacity: clampOpacity(mockup.designOpacity),\n      globalCompositeOperation: compositeOperation(mockup.designBlendMode),\n      selectable: false,\n      evented: false,\n    });\n    if (mockup.printArea && mockup.clipToPrintArea !== false) {\n      const clip = computePrintAreaClip(\n        mockup.printArea,\n        1,\n        1,\n        state.canvas.width,\n        state.canvas.height,\n      );\n      design.clipPath = new Rect({\n        originX: 'left',\n        originY: 'top',\n        left: clip.left,\n        top: clip.top,\n        width: clip.width,\n        height: clip.height,\n        absolutePositioned: true,\n      });\n    }\n    output.add(design);\n\n    if (mockup.overlay) {\n      const overlay = await coverImage(\n        mockup.overlay.image,\n        state.canvas.width,\n        state.canvas.height,\n      );\n      overlay.set({\n        opacity: clampOpacity(mockup.overlay.opacity),\n        globalCompositeOperation: compositeOperation(mockup.overlay.blendMode ?? 'multiply'),\n      });\n      output.add(overlay);\n    }\n    output.renderAll();\n    return encodeCanvas(output, resolved);\n  } finally {\n    designCanvas.dispose();\n    output.dispose();\n  }\n}\n\nasync function renderBatch(\n  states: EditorState[],\n  options: NodeRenderOptions & { concurrency?: number },\n  renderer: (state: EditorState, options: NodeRenderOptions) => Promise<NodeRenderResult>,\n): Promise<NodeRenderResult[]> {\n  const concurrency = Math.max(1, Math.floor(options.concurrency ?? 2));\n  const results = new Array<NodeRenderResult>(states.length);\n  let nextIndex = 0;\n  await Promise.all(\n    Array.from({ length: Math.min(concurrency, states.length) }, async () => {\n      while (nextIndex < states.length) {\n        const index = nextIndex++;\n        results[index] = await renderer(states[index], options);\n      }\n    }),\n  );\n  return results;\n}\n\n/** Render multiple states with bounded concurrency for fulfillment jobs. */\nexport async function renderEditorStateBatch(\n  states: EditorState[],\n  options: NodeRenderOptions & { concurrency?: number } = {},\n): Promise<NodeRenderResult[]> {\n  return renderBatch(states, options, renderEditorState);\n}\n\n/** Render multiple mockup states with bounded concurrency for fulfillment jobs. */\nexport async function renderMockupStateBatch(\n  states: EditorState[],\n  options: NodeRenderOptions & { concurrency?: number } = {},\n): Promise<NodeRenderResult[]> {\n  return renderBatch(states, options, renderMockupState);\n}\n"],"mappings":"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","names":[]}