@pixerate/editor 0.123.0 → 0.124.1

package/dist/chunk-QEG3GRN2.js

@@ -0,0 +1,234 @@
+import {
+  validateJsonSchema
+} from "./chunk-4FX5ACVG.js";
+
+// src/effects/errors.ts
+var EFFECT_ERROR_CODES = ["unknown_effect", "invalid_values", "unsupported", "disposed", "no_provider"];
+var EffectError = class extends Error {
+  code;
+  effectId;
+  constructor(code, message, effectId) {
+    super(message);
+    this.name = "EffectError";
+    this.code = code;
+    this.effectId = effectId;
+  }
+};
+var UnknownEffectError = class extends EffectError {
+  constructor(effectId, providerName) {
+    super(
+      "unknown_effect",
+      `Unknown effect "${effectId}"${providerName ? ` in ${providerName}` : ""}. Call search_effects or list() for valid ids.`,
+      effectId
+    );
+    this.name = "UnknownEffectError";
+  }
+};
+var EffectControlError = class extends EffectError {
+  details;
+  constructor(effectId, details) {
+    const lines = details.map((d) => `- ${d.path || "/"}: ${d.message}`).join("\n");
+    super("invalid_values", `Invalid values for effect "${effectId}":
+${lines}`, effectId);
+    this.name = "EffectControlError";
+    this.details = details;
+  }
+};
+var EffectUnsupportedError = class extends EffectError {
+  constructor(message, effectId) {
+    super("unsupported", message, effectId);
+    this.name = "EffectUnsupportedError";
+  }
+};
+var EffectDisposedError = class extends EffectError {
+  constructor(effectId) {
+    super("disposed", `The renderer for "${effectId}" was disposed. Create a new renderer.`, effectId);
+    this.name = "EffectDisposedError";
+  }
+};
+var NoEffectsProviderError = class extends EffectError {
+  constructor() {
+    super("no_provider", "No effects provider is registered with this editor. The host must call setEffectsProvider(provider) first.");
+    this.name = "NoEffectsProviderError";
+  }
+};
+function isEffectError(error) {
+  if (error instanceof EffectError) return true;
+  const code = error instanceof Error ? error.code : void 0;
+  return typeof code === "string" && EFFECT_ERROR_CODES.includes(code);
+}
+
+// src/effects/helpers.ts
+function effectValueErrors(description, values) {
+  if (values === void 0) return [];
+  return validateJsonSchema(values, { ...description.controls, required: [] });
+}
+function resolveEffectValues(description, values) {
+  const errors = effectValueErrors(description, values);
+  if (errors.length) throw new EffectControlError(description.id, errors);
+  return { ...description.defaults, ...values ?? {} };
+}
+var matchesFilters = (e, o) => (!o.kind || e.kind === o.kind) && (!o.category || e.category === o.category) && (!o.use || e.uses.includes(o.use));
+function searchEffectSummaries(catalog, query = "", options = {}) {
+  const words = query.toLowerCase().split(/\s+/).filter(Boolean);
+  const scored = [];
+  catalog.forEach((e, i) => {
+    if (!matchesFilters(e, options)) return;
+    const name = e.name.toLowerCase();
+    const hay = [e.id, e.name, e.category, ...e.tags ?? [], e.description ?? ""].join(" ").toLowerCase();
+    let score = 0;
+    for (const w of words) {
+      if (!hay.includes(w)) return;
+      score += name.startsWith(w) ? 3 : name.includes(w) ? 2 : 1;
+    }
+    scored.push({ e, score, i });
+  });
+  scored.sort((a, b) => b.score - a.score || a.i - b.i);
+  const out = scored.map((s) => s.e);
+  return options.limit !== void 0 ? out.slice(0, Math.max(0, options.limit)) : out;
+}
+function createEffectPixels(width, height, float = false) {
+  const n = Math.max(0, width * height * 4);
+  return { width, height, data: new Uint8ClampedArray(n), ...float ? { float: new Float32Array(n) } : {} };
+}
+function isEffectPixels(source) {
+  return !!source && typeof source === "object" && source.data instanceof Uint8ClampedArray && typeof source.width === "number" && typeof source.height === "number";
+}
+var srgbToLinear = (v) => v <= 0.04045 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
+var linearToSrgb = (v) => v > 0 ? v <= 31308e-7 ? v * 12.92 : 1.055 * Math.pow(v, 1 / 2.4) - 0.055 : 0;
+function encodeEffectFloat(pixels) {
+  const f = pixels.float;
+  if (!f) return pixels;
+  const d = pixels.data;
+  for (let i = 0; i < d.length; i += 4) {
+    d[i] = Math.round(linearToSrgb(f[i]) * 255);
+    d[i + 1] = Math.round(linearToSrgb(f[i + 1]) * 255);
+    d[i + 2] = Math.round(linearToSrgb(f[i + 2]) * 255);
+    d[i + 3] = Math.round(Math.min(1, Math.max(0, f[i + 3])) * 255);
+  }
+  return pixels;
+}
+function applyEffectMask(result, mask, source) {
+  const { data } = result;
+  const m = mask.data;
+  for (let i = 0; i < data.length; i += 4) {
+    const k = m[i + 3] / 255;
+    if (k >= 1) continue;
+    if (source) {
+      for (let c = 0; c < 4; c++) data[i + c] = source.data[i + c] + (data[i + c] - source.data[i + c]) * k;
+      if (result.float && source.float) {
+        for (let c = 0; c < 4; c++) result.float[i + c] = source.float[i + c] + (result.float[i + c] - source.float[i + c]) * k;
+      }
+    } else {
+      data[i + 3] = data[i + 3] * k;
+      if (result.float) result.float[i + 3] *= k;
+    }
+  }
+  return result;
+}
+var EffectsSlot = class {
+  current = null;
+  listeners = /* @__PURE__ */ new Set();
+  get provider() {
+    return this.current;
+  }
+  set(provider) {
+    if (provider === this.current) return;
+    this.current = provider;
+    for (const l of [...this.listeners]) l(provider);
+  }
+  /** Sets `provider` and returns a function that clears it again (if it is still the one set). */
+  use(provider) {
+    this.set(provider);
+    return () => {
+      if (this.current === provider) this.set(null);
+    };
+  }
+  /** The provider, or a `NoEffectsProviderError`. */
+  require() {
+    if (!this.current) throw new NoEffectsProviderError();
+    return this.current;
+  }
+  subscribe(listener) {
+    this.listeners.add(listener);
+    return () => this.listeners.delete(listener);
+  }
+};
+
+// src/effects/pool.ts
+var EffectRendererPool = class {
+  entries = /* @__PURE__ */ new Map();
+  maxRenderers;
+  constructor(options = {}) {
+    this.maxRenderers = Math.max(1, options.maxRenderers ?? 4);
+  }
+  /** Live renderers now. */
+  get size() {
+    return this.entries.size;
+  }
+  /** Renders `request` with the provider's renderer for this effect, size and depth (made on first use). */
+  render(provider, id, size, request) {
+    const depth = size.depth ?? 8;
+    const key = `${provider.id}:${id}@${size.width}x${size.height}x${depth}`;
+    let entry = this.entries.get(key);
+    if (entry) {
+      this.entries.delete(key);
+      this.entries.set(key, entry);
+    } else {
+      const renderer = Promise.resolve().then(() => provider.createRenderer(id, { width: size.width, height: size.height, depth }));
+      renderer.catch(() => {
+        if (this.entries.get(key)?.renderer === renderer) this.entries.delete(key);
+      });
+      entry = { renderer, queue: Promise.resolve() };
+      this.entries.set(key, entry);
+      this.evict();
+    }
+    const e = entry;
+    const next = e.queue.then(() => e.renderer).then((r) => r.render(request));
+    e.queue = next.catch(() => void 0);
+    return next;
+  }
+  /** Disposes the least recently used renderers over the limit, after their queued renders. */
+  evict() {
+    while (this.entries.size > this.maxRenderers) {
+      const [key, entry] = this.entries.entries().next().value;
+      this.entries.delete(key);
+      dispose(entry);
+    }
+  }
+  /** Disposes every renderer (after its queued renders). */
+  clear() {
+    for (const entry of this.entries.values()) dispose(entry);
+    this.entries.clear();
+  }
+};
+function dispose(entry) {
+  entry.queue.then(() => entry.renderer).then(
+    (r) => r.dispose(),
+    () => {
+    }
+  );
+}
+
+export {
+  EFFECT_ERROR_CODES,
+  EffectError,
+  UnknownEffectError,
+  EffectControlError,
+  EffectUnsupportedError,
+  EffectDisposedError,
+  NoEffectsProviderError,
+  isEffectError,
+  effectValueErrors,
+  resolveEffectValues,
+  searchEffectSummaries,
+  createEffectPixels,
+  isEffectPixels,
+  srgbToLinear,
+  linearToSrgb,
+  encodeEffectFloat,
+  applyEffectMask,
+  EffectsSlot,
+  EffectRendererPool
+};
+//# sourceMappingURL=chunk-QEG3GRN2.js.map

package/dist/chunk-QEG3GRN2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/effects/errors.ts","../src/effects/helpers.ts","../src/effects/pool.ts"],"sourcesContent":["import type { SchemaValidationError } from '../tools/schema.js';\n\nexport type EffectErrorCode = 'unknown_effect' | 'invalid_values' | 'unsupported' | 'disposed' | 'no_provider';\n\nexport const EFFECT_ERROR_CODES: readonly EffectErrorCode[] = ['unknown_effect', 'invalid_values', 'unsupported', 'disposed', 'no_provider'];\n\n/**\n * Base of every effects error. Check `code` (or use `isEffectError`) rather than `instanceof`\n * across packages, since a provider may be bundled with its own copy of this class.\n */\nexport class EffectError extends Error {\n\treadonly code: EffectErrorCode;\n\treadonly effectId?: string;\n\n\tconstructor(code: EffectErrorCode, message: string, effectId?: string) {\n\t\tsuper(message);\n\t\tthis.name = 'EffectError';\n\t\tthis.code = code;\n\t\tthis.effectId = effectId;\n\t}\n}\n\n/** No effect has this id. */\nexport class UnknownEffectError extends EffectError {\n\tconstructor(effectId: string, providerName?: string) {\n\t\tsuper(\n\t\t\t'unknown_effect',\n\t\t\t`Unknown effect \"${effectId}\"${providerName ? ` in ${providerName}` : ''}. Call search_effects or list() for valid ids.`,\n\t\t\teffectId\n\t\t);\n\t\tthis.name = 'UnknownEffectError';\n\t}\n}\n\n/** Control values do not match the effect's control schema (unknown control, wrong type, out of range). */\nexport class EffectControlError extends EffectError {\n\treadonly details: readonly SchemaValidationError[];\n\n\tconstructor(effectId: string, details: readonly SchemaValidationError[]) {\n\t\tconst lines = details.map((d) => `- ${d.path || '/'}: ${d.message}`).join('\\n');\n\t\tsuper('invalid_values', `Invalid values for effect \"${effectId}\":\\n${lines}`, effectId);\n\t\tthis.name = 'EffectControlError';\n\t\tthis.details = details;\n\t}\n}\n\n/** The provider cannot do this (a vector effect asked for pixels, a size above `maxSize`, a missing input...). */\nexport class EffectUnsupportedError extends EffectError {\n\tconstructor(message: string, effectId?: string) {\n\t\tsuper('unsupported', message, effectId);\n\t\tthis.name = 'EffectUnsupportedError';\n\t}\n}\n\n/** The renderer was disposed. Create a new one. */\nexport class EffectDisposedError extends EffectError {\n\tconstructor(effectId: string) {\n\t\tsuper('disposed', `The renderer for \"${effectId}\" was disposed. Create a new renderer.`, effectId);\n\t\tthis.name = 'EffectDisposedError';\n\t}\n}\n\n/** No effects provider is registered with this editor. */\nexport class NoEffectsProviderError extends EffectError {\n\tconstructor() {\n\t\tsuper('no_provider', 'No effects provider is registered with this editor. The host must call setEffectsProvider(provider) first.');\n\t\tthis.name = 'NoEffectsProviderError';\n\t}\n}\n\n/** True for any effects error, including one thrown by another copy of this module. */\nexport function isEffectError(error: unknown): error is EffectError {\n\tif (error instanceof EffectError) return true;\n\tconst code = error instanceof Error ? (error as unknown as { code?: unknown }).code : undefined;\n\treturn typeof code === 'string' && EFFECT_ERROR_CODES.includes(code as EffectErrorCode);\n}\n","/**\n * Helpers for providers and editors: value validation, catalog search, pixel buffers, masking,\n * and a provider slot editors hold.\n */\n\nimport { validateJsonSchema, type SchemaValidationError } from '../tools/schema.js';\nimport { EffectControlError, NoEffectsProviderError } from './errors.js';\nimport type {\n\tEffectDescription,\n\tEffectImageSource,\n\tEffectPixels,\n\tEffectProvider,\n\tEffectSearchOptions,\n\tEffectSummary,\n\tEffectValues\n} from './types.js';\n\n// ---------------------------------------------------------------------------\n// Values\n// ---------------------------------------------------------------------------\n\n/** Problems with `values` against an effect's control schema (unknown controls, types, ranges). Partial values are fine. */\nexport function effectValueErrors(description: Pick<EffectDescription, 'controls'>, values: unknown): SchemaValidationError[] {\n\tif (values === undefined) return [];\n\treturn validateJsonSchema(values, { ...description.controls, required: [] });\n}\n\n/**\n * `values` over the effect's defaults, validated against its control schema. Throws\n * `EffectControlError` naming every bad control. Providers call this in `render`; editors call\n * it before saving values.\n */\nexport function resolveEffectValues(description: Pick<EffectDescription, 'id' | 'controls' | 'defaults'>, values?: EffectValues): Record<string, EffectValues[string]> {\n\tconst errors = effectValueErrors(description, values);\n\tif (errors.length) throw new EffectControlError(description.id, errors);\n\treturn { ...description.defaults, ...(values ?? {}) };\n}\n\n// ---------------------------------------------------------------------------\n// Search\n// ---------------------------------------------------------------------------\n\nconst matchesFilters = (e: EffectSummary, o: EffectSearchOptions) =>\n\t(!o.kind || e.kind === o.kind) && (!o.category || e.category === o.category) && (!o.use || e.uses.includes(o.use));\n\n/**\n * Filters a catalog and ranks it against `query` (every word must appear in the id, name,\n * category, tags or description; name matches rank first). An empty query keeps catalog order.\n * Providers can implement `list` and `search` with it.\n */\nexport function searchEffectSummaries<T extends EffectSummary>(catalog: readonly T[], query = '', options: EffectSearchOptions = {}): T[] {\n\tconst words = query.toLowerCase().split(/\\s+/).filter(Boolean);\n\tconst scored: { e: T; score: number; i: number }[] = [];\n\tcatalog.forEach((e, i) => {\n\t\tif (!matchesFilters(e, options)) return;\n\t\tconst name = e.name.toLowerCase();\n\t\tconst hay = [e.id, e.name, e.category, ...(e.tags ?? []), e.description ?? ''].join(' ').toLowerCase();\n\t\tlet score = 0;\n\t\tfor (const w of words) {\n\t\t\tif (!hay.includes(w)) return;\n\t\t\tscore += name.startsWith(w) ? 3 : name.includes(w) ? 2 : 1;\n\t\t}\n\t\tscored.push({ e, score, i });\n\t});\n\tscored.sort((a, b) => b.score - a.score || a.i - b.i);\n\tconst out = scored.map((s) => s.e);\n\treturn options.limit !== undefined ? out.slice(0, Math.max(0, options.limit)) : out;\n}\n\n// ---------------------------------------------------------------------------\n// Pixels\n// ---------------------------------------------------------------------------\n\n/** A transparent picture, with float samples when `float` is set. */\nexport function createEffectPixels(width: number, height: number, float = false): EffectPixels {\n\tconst n = Math.max(0, width * height * 4);\n\treturn { width, height, data: new Uint8ClampedArray(n), ...(float ? { float: new Float32Array(n) } : {}) };\n}\n\n/** True for an `EffectPixels` (rather than a host image object). */\nexport function isEffectPixels(source: EffectImageSource | unknown): source is EffectPixels {\n\treturn (\n\t\t!!source &&\n\t\ttypeof source === 'object' &&\n\t\t(source as EffectPixels).data instanceof Uint8ClampedArray &&\n\t\ttypeof (source as EffectPixels).width === 'number' &&\n\t\ttypeof (source as EffectPixels).height === 'number'\n\t);\n}\n\n/** sRGB-encoded 0–1 to linear light. */\nexport const srgbToLinear = (v: number) => (v <= 0.04045 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4));\n/** Linear light to sRGB-encoded (clamped below at 0; may exceed 1). */\nexport const linearToSrgb = (v: number) => (v > 0 ? (v <= 0.0031308 ? v * 12.92 : 1.055 * Math.pow(v, 1 / 2.4) - 0.055) : 0);\n\n/** Fills `pixels.data` from `pixels.float` (linear float to clamped 8-bit sRGB). */\nexport function encodeEffectFloat(pixels: EffectPixels): EffectPixels {\n\tconst f = pixels.float;\n\tif (!f) return pixels;\n\tconst d = pixels.data;\n\tfor (let i = 0; i < d.length; i += 4) {\n\t\td[i] = Math.round(linearToSrgb(f[i]) * 255);\n\t\td[i + 1] = Math.round(linearToSrgb(f[i + 1]) * 255);\n\t\td[i + 2] = Math.round(linearToSrgb(f[i + 2]) * 255);\n\t\td[i + 3] = Math.round(Math.min(1, Math.max(0, f[i + 3])) * 255);\n\t}\n\treturn pixels;\n}\n\n/**\n * Blends an effect `result` back over its `source` by `mask` coverage (alpha channel), in place\n * on `result`: where the mask is 0 the source shows, where it is 255 the result. Without a\n * source (generators), the result's alpha is multiplied by coverage. Editors use it when the\n * provider does not `supportsMask`. All three must have the same size.\n */\nexport function applyEffectMask(result: EffectPixels, mask: EffectPixels, source?: EffectPixels): EffectPixels {\n\tconst { data } = result;\n\tconst m = mask.data;\n\tfor (let i = 0; i < data.length; i += 4) {\n\t\tconst k = m[i + 3] / 255;\n\t\tif (k >= 1) continue;\n\t\tif (source) {\n\t\t\tfor (let c = 0; c < 4; c++) data[i + c] = source.data[i + c] + (data[i + c] - source.data[i + c]) * k;\n\t\t\tif (result.float && source.float) {\n\t\t\t\tfor (let c = 0; c < 4; c++) result.float[i + c] = source.float[i + c] + (result.float[i + c] - source.float[i + c]) * k;\n\t\t\t}\n\t\t} else {\n\t\t\tdata[i + 3] = data[i + 3] * k;\n\t\t\tif (result.float) result.float[i + 3] *= k;\n\t\t}\n\t}\n\treturn result;\n}\n\n// ---------------------------------------------------------------------------\n// The slot an editor keeps\n// ---------------------------------------------------------------------------\n\n/**\n * Holds an editor's effects provider. Controllers expose it as `effectsProvider`,\n * `setEffectsProvider(provider | null)` and `useEffects(provider)`; listeners hear every change.\n */\nexport class EffectsSlot {\n\tprivate current: EffectProvider | null = null;\n\tprivate readonly listeners = new Set<(provider: EffectProvider | null) => void>();\n\n\tget provider(): EffectProvider | null {\n\t\treturn this.current;\n\t}\n\n\tset(provider: EffectProvider | null): void {\n\t\tif (provider === this.current) return;\n\t\tthis.current = provider;\n\t\tfor (const l of [...this.listeners]) l(provider);\n\t}\n\n\t/** Sets `provider` and returns a function that clears it again (if it is still the one set). */\n\tuse(provider: EffectProvider): () => void {\n\t\tthis.set(provider);\n\t\treturn () => {\n\t\t\tif (this.current === provider) this.set(null);\n\t\t};\n\t}\n\n\t/** The provider, or a `NoEffectsProviderError`. */\n\trequire(): EffectProvider {\n\t\tif (!this.current) throw new NoEffectsProviderError();\n\t\treturn this.current;\n\t}\n\n\tsubscribe(listener: (provider: EffectProvider | null) => void): () => void {\n\t\tthis.listeners.add(listener);\n\t\treturn () => this.listeners.delete(listener);\n\t}\n}\n","/**\n * `EffectRendererPool`: keeps a few live renderers, reused per effect, size and depth.\n *\n * GPU providers hold one graphics context per renderer, and browsers allow only about sixteen\n * WebGL contexts at a time (the oldest is lost after that). So the pool keeps at most\n * `maxRenderers` renderers. It disposes the least recently used one once its renders finish, and it\n * runs one render at a time per renderer, as the contract requires.\n */\n\nimport type { EffectPixels, EffectProvider, EffectRenderer, EffectRenderRequest } from './types.js';\n\ninterface PoolEntry {\n\trenderer: Promise<EffectRenderer>;\n\t/** The last render queued on it. */\n\tqueue: Promise<unknown>;\n}\n\nexport interface EffectRendererPoolOptions {\n\t/** Most live renderers (default 4). */\n\tmaxRenderers?: number;\n}\n\nexport class EffectRendererPool {\n\tprivate readonly entries = new Map<string, PoolEntry>();\n\tprivate readonly maxRenderers: number;\n\n\tconstructor(options: EffectRendererPoolOptions = {}) {\n\t\tthis.maxRenderers = Math.max(1, options.maxRenderers ?? 4);\n\t}\n\n\t/** Live renderers now. */\n\tget size(): number {\n\t\treturn this.entries.size;\n\t}\n\n\t/** Renders `request` with the provider's renderer for this effect, size and depth (made on first use). */\n\trender(provider: EffectProvider, id: string, size: { width: number; height: number; depth?: 8 | 16 | 32 }, request: EffectRenderRequest): Promise<EffectPixels> {\n\t\tconst depth = size.depth ?? 8;\n\t\tconst key = `${provider.id}:${id}@${size.width}x${size.height}x${depth}`;\n\t\tlet entry = this.entries.get(key);\n\t\tif (entry) {\n\t\t\tthis.entries.delete(key);\n\t\t\tthis.entries.set(key, entry);\n\t\t} else {\n\t\t\tconst renderer = Promise.resolve().then(() => provider.createRenderer(id, { width: size.width, height: size.height, depth }));\n\t\t\trenderer.catch(() => {\n\t\t\t\tif (this.entries.get(key)?.renderer === renderer) this.entries.delete(key);\n\t\t\t});\n\t\t\tentry = { renderer, queue: Promise.resolve() };\n\t\t\tthis.entries.set(key, entry);\n\t\t\tthis.evict();\n\t\t}\n\t\tconst e = entry;\n\t\tconst next = e.queue.then(() => e.renderer).then((r) => r.render(request));\n\t\te.queue = next.catch(() => undefined);\n\t\treturn next;\n\t}\n\n\t/** Disposes the least recently used renderers over the limit, after their queued renders. */\n\tprivate evict(): void {\n\t\twhile (this.entries.size > this.maxRenderers) {\n\t\t\tconst [key, entry] = this.entries.entries().next().value!;\n\t\t\tthis.entries.delete(key);\n\t\t\tdispose(entry);\n\t\t}\n\t}\n\n\t/** Disposes every renderer (after its queued renders). */\n\tclear(): void {\n\t\tfor (const entry of this.entries.values()) dispose(entry);\n\t\tthis.entries.clear();\n\t}\n}\n\nfunction dispose(entry: PoolEntry) {\n\tentry.queue\n\t\t.then(() => entry.renderer)\n\t\t.then(\n\t\t\t(r) => r.dispose(),\n\t\t\t() => {}\n\t\t);\n}\n"],"mappings":";;;;;AAIO,IAAM,qBAAiD,CAAC,kBAAkB,kBAAkB,eAAe,YAAY,aAAa;AAMpI,IAAM,cAAN,cAA0B,MAAM;AAAA,EAC7B;AAAA,EACA;AAAA,EAET,YAAY,MAAuB,SAAiB,UAAmB;AACtE,UAAM,OAAO;AACb,SAAK,OAAO;AACZ,SAAK,OAAO;AACZ,SAAK,WAAW;AAAA,EACjB;AACD;AAGO,IAAM,qBAAN,cAAiC,YAAY;AAAA,EACnD,YAAY,UAAkB,cAAuB;AACpD;AAAA,MACC;AAAA,MACA,mBAAmB,QAAQ,IAAI,eAAe,OAAO,YAAY,KAAK,EAAE;AAAA,MACxE;AAAA,IACD;AACA,SAAK,OAAO;AAAA,EACb;AACD;AAGO,IAAM,qBAAN,cAAiC,YAAY;AAAA,EAC1C;AAAA,EAET,YAAY,UAAkB,SAA2C;AACxE,UAAM,QAAQ,QAAQ,IAAI,CAAC,MAAM,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,IAAI;AAC9E,UAAM,kBAAkB,8BAA8B,QAAQ;AAAA,EAAO,KAAK,IAAI,QAAQ;AACtF,SAAK,OAAO;AACZ,SAAK,UAAU;AAAA,EAChB;AACD;AAGO,IAAM,yBAAN,cAAqC,YAAY;AAAA,EACvD,YAAY,SAAiB,UAAmB;AAC/C,UAAM,eAAe,SAAS,QAAQ;AACtC,SAAK,OAAO;AAAA,EACb;AACD;AAGO,IAAM,sBAAN,cAAkC,YAAY;AAAA,EACpD,YAAY,UAAkB;AAC7B,UAAM,YAAY,qBAAqB,QAAQ,0CAA0C,QAAQ;AACjG,SAAK,OAAO;AAAA,EACb;AACD;AAGO,IAAM,yBAAN,cAAqC,YAAY;AAAA,EACvD,cAAc;AACb,UAAM,eAAe,4GAA4G;AACjI,SAAK,OAAO;AAAA,EACb;AACD;AAGO,SAAS,cAAc,OAAsC;AACnE,MAAI,iBAAiB,YAAa,QAAO;AACzC,QAAM,OAAO,iBAAiB,QAAS,MAAwC,OAAO;AACtF,SAAO,OAAO,SAAS,YAAY,mBAAmB,SAAS,IAAuB;AACvF;;;ACrDO,SAAS,kBAAkB,aAAkD,QAA0C;AAC7H,MAAI,WAAW,OAAW,QAAO,CAAC;AAClC,SAAO,mBAAmB,QAAQ,EAAE,GAAG,YAAY,UAAU,UAAU,CAAC,EAAE,CAAC;AAC5E;AAOO,SAAS,oBAAoB,aAAsE,QAA6D;AACtK,QAAM,SAAS,kBAAkB,aAAa,MAAM;AACpD,MAAI,OAAO,OAAQ,OAAM,IAAI,mBAAmB,YAAY,IAAI,MAAM;AACtE,SAAO,EAAE,GAAG,YAAY,UAAU,GAAI,UAAU,CAAC,EAAG;AACrD;AAMA,IAAM,iBAAiB,CAAC,GAAkB,OACxC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,CAAC,EAAE,OAAO,EAAE,KAAK,SAAS,EAAE,GAAG;AAO1G,SAAS,sBAA+C,SAAuB,QAAQ,IAAI,UAA+B,CAAC,GAAQ;AACzI,QAAM,QAAQ,MAAM,YAAY,EAAE,MAAM,KAAK,EAAE,OAAO,OAAO;AAC7D,QAAM,SAA+C,CAAC;AACtD,UAAQ,QAAQ,CAAC,GAAG,MAAM;AACzB,QAAI,CAAC,eAAe,GAAG,OAAO,EAAG;AACjC,UAAM,OAAO,EAAE,KAAK,YAAY;AAChC,UAAM,MAAM,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,GAAI,EAAE,QAAQ,CAAC,GAAI,EAAE,eAAe,EAAE,EAAE,KAAK,GAAG,EAAE,YAAY;AACrG,QAAI,QAAQ;AACZ,eAAW,KAAK,OAAO;AACtB,UAAI,CAAC,IAAI,SAAS,CAAC,EAAG;AACtB,eAAS,KAAK,WAAW,CAAC,IAAI,IAAI,KAAK,SAAS,CAAC,IAAI,IAAI;AAAA,IAC1D;AACA,WAAO,KAAK,EAAE,GAAG,OAAO,EAAE,CAAC;AAAA,EAC5B,CAAC;AACD,SAAO,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AACpD,QAAM,MAAM,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC;AACjC,SAAO,QAAQ,UAAU,SAAY,IAAI,MAAM,GAAG,KAAK,IAAI,GAAG,QAAQ,KAAK,CAAC,IAAI;AACjF;AAOO,SAAS,mBAAmB,OAAe,QAAgB,QAAQ,OAAqB;AAC9F,QAAM,IAAI,KAAK,IAAI,GAAG,QAAQ,SAAS,CAAC;AACxC,SAAO,EAAE,OAAO,QAAQ,MAAM,IAAI,kBAAkB,CAAC,GAAG,GAAI,QAAQ,EAAE,OAAO,IAAI,aAAa,CAAC,EAAE,IAAI,CAAC,EAAG;AAC1G;AAGO,SAAS,eAAe,QAA6D;AAC3F,SACC,CAAC,CAAC,UACF,OAAO,WAAW,YACjB,OAAwB,gBAAgB,qBACzC,OAAQ,OAAwB,UAAU,YAC1C,OAAQ,OAAwB,WAAW;AAE7C;AAGO,IAAM,eAAe,CAAC,MAAe,KAAK,UAAU,IAAI,QAAQ,KAAK,KAAK,IAAI,SAAS,OAAO,GAAG;AAEjG,IAAM,eAAe,CAAC,MAAe,IAAI,IAAK,KAAK,WAAY,IAAI,QAAQ,QAAQ,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,QAAS;AAGnH,SAAS,kBAAkB,QAAoC;AACrE,QAAM,IAAI,OAAO;AACjB,MAAI,CAAC,EAAG,QAAO;AACf,QAAM,IAAI,OAAO;AACjB,WAAS,IAAI,GAAG,IAAI,EAAE,QAAQ,KAAK,GAAG;AACrC,MAAE,CAAC,IAAI,KAAK,MAAM,aAAa,EAAE,CAAC,CAAC,IAAI,GAAG;AAC1C,MAAE,IAAI,CAAC,IAAI,KAAK,MAAM,aAAa,EAAE,IAAI,CAAC,CAAC,IAAI,GAAG;AAClD,MAAE,IAAI,CAAC,IAAI,KAAK,MAAM,aAAa,EAAE,IAAI,CAAC,CAAC,IAAI,GAAG;AAClD,MAAE,IAAI,CAAC,IAAI,KAAK,MAAM,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG;AAAA,EAC/D;AACA,SAAO;AACR;AAQO,SAAS,gBAAgB,QAAsB,MAAoB,QAAqC;AAC9G,QAAM,EAAE,KAAK,IAAI;AACjB,QAAM,IAAI,KAAK;AACf,WAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK,GAAG;AACxC,UAAM,IAAI,EAAE,IAAI,CAAC,IAAI;AACrB,QAAI,KAAK,EAAG;AACZ,QAAI,QAAQ;AACX,eAAS,IAAI,GAAG,IAAI,GAAG,IAAK,MAAK,IAAI,CAAC,IAAI,OAAO,KAAK,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,IAAI,OAAO,KAAK,IAAI,CAAC,KAAK;AACpG,UAAI,OAAO,SAAS,OAAO,OAAO;AACjC,iBAAS,IAAI,GAAG,IAAI,GAAG,IAAK,QAAO,MAAM,IAAI,CAAC,IAAI,OAAO,MAAM,IAAI,CAAC,KAAK,OAAO,MAAM,IAAI,CAAC,IAAI,OAAO,MAAM,IAAI,CAAC,KAAK;AAAA,MACvH;AAAA,IACD,OAAO;AACN,WAAK,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI;AAC5B,UAAI,OAAO,MAAO,QAAO,MAAM,IAAI,CAAC,KAAK;AAAA,IAC1C;AAAA,EACD;AACA,SAAO;AACR;AAUO,IAAM,cAAN,MAAkB;AAAA,EAChB,UAAiC;AAAA,EACxB,YAAY,oBAAI,IAA+C;AAAA,EAEhF,IAAI,WAAkC;AACrC,WAAO,KAAK;AAAA,EACb;AAAA,EAEA,IAAI,UAAuC;AAC1C,QAAI,aAAa,KAAK,QAAS;AAC/B,SAAK,UAAU;AACf,eAAW,KAAK,CAAC,GAAG,KAAK,SAAS,EAAG,GAAE,QAAQ;AAAA,EAChD;AAAA;AAAA,EAGA,IAAI,UAAsC;AACzC,SAAK,IAAI,QAAQ;AACjB,WAAO,MAAM;AACZ,UAAI,KAAK,YAAY,SAAU,MAAK,IAAI,IAAI;AAAA,IAC7C;AAAA,EACD;AAAA;AAAA,EAGA,UAA0B;AACzB,QAAI,CAAC,KAAK,QAAS,OAAM,IAAI,uBAAuB;AACpD,WAAO,KAAK;AAAA,EACb;AAAA,EAEA,UAAU,UAAiE;AAC1E,SAAK,UAAU,IAAI,QAAQ;AAC3B,WAAO,MAAM,KAAK,UAAU,OAAO,QAAQ;AAAA,EAC5C;AACD;;;ACxJO,IAAM,qBAAN,MAAyB;AAAA,EACd,UAAU,oBAAI,IAAuB;AAAA,EACrC;AAAA,EAEjB,YAAY,UAAqC,CAAC,GAAG;AACpD,SAAK,eAAe,KAAK,IAAI,GAAG,QAAQ,gBAAgB,CAAC;AAAA,EAC1D;AAAA;AAAA,EAGA,IAAI,OAAe;AAClB,WAAO,KAAK,QAAQ;AAAA,EACrB;AAAA;AAAA,EAGA,OAAO,UAA0B,IAAY,MAA8D,SAAqD;AAC/J,UAAM,QAAQ,KAAK,SAAS;AAC5B,UAAM,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,IAAI,KAAK,KAAK,IAAI,KAAK,MAAM,IAAI,KAAK;AACtE,QAAI,QAAQ,KAAK,QAAQ,IAAI,GAAG;AAChC,QAAI,OAAO;AACV,WAAK,QAAQ,OAAO,GAAG;AACvB,WAAK,QAAQ,IAAI,KAAK,KAAK;AAAA,IAC5B,OAAO;AACN,YAAM,WAAW,QAAQ,QAAQ,EAAE,KAAK,MAAM,SAAS,eAAe,IAAI,EAAE,OAAO,KAAK,OAAO,QAAQ,KAAK,QAAQ,MAAM,CAAC,CAAC;AAC5H,eAAS,MAAM,MAAM;AACpB,YAAI,KAAK,QAAQ,IAAI,GAAG,GAAG,aAAa,SAAU,MAAK,QAAQ,OAAO,GAAG;AAAA,MAC1E,CAAC;AACD,cAAQ,EAAE,UAAU,OAAO,QAAQ,QAAQ,EAAE;AAC7C,WAAK,QAAQ,IAAI,KAAK,KAAK;AAC3B,WAAK,MAAM;AAAA,IACZ;AACA,UAAM,IAAI;AACV,UAAM,OAAO,EAAE,MAAM,KAAK,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,MAAM,EAAE,OAAO,OAAO,CAAC;AACzE,MAAE,QAAQ,KAAK,MAAM,MAAM,MAAS;AACpC,WAAO;AAAA,EACR;AAAA;AAAA,EAGQ,QAAc;AACrB,WAAO,KAAK,QAAQ,OAAO,KAAK,cAAc;AAC7C,YAAM,CAAC,KAAK,KAAK,IAAI,KAAK,QAAQ,QAAQ,EAAE,KAAK,EAAE;AACnD,WAAK,QAAQ,OAAO,GAAG;AACvB,cAAQ,KAAK;AAAA,IACd;AAAA,EACD;AAAA;AAAA,EAGA,QAAc;AACb,eAAW,SAAS,KAAK,QAAQ,OAAO,EAAG,SAAQ,KAAK;AACxD,SAAK,QAAQ,MAAM;AAAA,EACpB;AACD;AAEA,SAAS,QAAQ,OAAkB;AAClC,QAAM,MACJ,KAAK,MAAM,MAAM,QAAQ,EACzB;AAAA,IACA,CAAC,MAAM,EAAE,QAAQ;AAAA,IACjB,MAAM;AAAA,IAAC;AAAA,EACR;AACF;","names":[]}

package/dist/{chunk-6ZBR4J62.js → chunk-WATAQ2Z2.js}

@@ -4661,6 +4661,15 @@ var fail4 = (message) => {
   throw new LayerOperationError(message);
 };
 var SMART_RENDER_MARGIN = MAX_EFFECT_REACH;
+var incompleteSurfaces = /* @__PURE__ */ new WeakSet();
+var isSmartSurfaceIncomplete = (surface) => incompleteSurfaces.has(surface);
+var surfaceIds = /* @__PURE__ */ new WeakMap();
+var nextSurfaceId = 0;
+var surfaceId = (s) => {
+  let id = surfaceIds.get(s);
+  if (id === void 0) surfaceIds.set(s, id = ++nextSurfaceId);
+  return id;
+};
 function newContentsId() {
   return newLayerId("so");
 }
@@ -4802,7 +4811,15 @@ function placeContents(layer, canvas, options = {}) {
 }
 function activeSmartFilters(stack) {
   if (!stack?.enabled) return [];
-  return stack.filters.filter((f) => f.kind !== "psd" && isActiveFilter(f) && f.opacity > 0);
+  return stack.filters.filter((f) => f.kind !== "psd" && f.kind !== "effect" && isActiveFilter(f) && f.opacity > 0);
+}
+function activeEffectSmartFilters(stack) {
+  if (!stack?.enabled) return [];
+  return stack.filters.filter((f) => f.kind === "effect" && f.enabled && f.opacity > 0);
+}
+function runnableSmartFilters(stack) {
+  if (!stack?.enabled) return [];
+  return stack.filters.filter((f) => f.opacity > 0 && (f.kind === "effect" ? f.enabled : f.kind !== "psd" && isActiveFilter(f)));
 }
 function filterMaskCoverage(mask, canvas) {
   if (!mask || mask.enabled === false || mask.source) return null;
@@ -4823,27 +4840,41 @@ function filterMaskCoverage(mask, canvas) {
   return v;
 }
 function applySmartFilters(placed, stack, canvas) {
-  const active = activeSmartFilters(stack);
+  const active = runnableSmartFilters(stack);
   if (!active.length || !(canvas.width > 0 && canvas.height > 0)) return placed;
   const W = canvas.width;
   const H = canvas.height;
-  const key = JSON.stringify([W, H, active.map((f) => ({ ...f, id: void 0 }))]);
+  const token = active.some((f) => f.kind === "effect") ? canvas.effects?.token ?? -1 : 0;
+  const key = JSON.stringify([W, H, token, active.map((f) => ({ ...f, id: void 0 }))]);
   let entry = filteredCache.get(placed);
+  let incomplete = false;
   if (!entry || entry.key !== key) {
     const base = readRegion(placed, { x: 0, y: 0, width: W, height: H });
     let acc = new Uint8ClampedArray(base);
-    for (const f of active) {
-      const out = new Uint8ClampedArray(acc);
-      runLayerFilters(out, W, H, [f]);
+    for (const [i, f] of active.entries()) {
+      let out2;
+      if (f.kind === "effect") {
+        if (incomplete) continue;
+        const inputKey = JSON.stringify([surfaceId(placed), W, H, active.slice(0, i + 1).map((x) => ({ ...x, id: void 0, blend: x === f ? void 0 : x.blend, opacity: x === f ? void 0 : x.opacity }))]);
+        const r = canvas.effects?.resolve(f, acc, W, H, inputKey);
+        if (!r?.result) {
+          if (r?.pending) incomplete = true;
+          continue;
+        }
+        out2 = new Uint8ClampedArray(r.result);
+      } else {
+        out2 = new Uint8ClampedArray(acc);
+        runLayerFilters(out2, W, H, [f]);
+      }
       if (f.blend === "normal") {
-        if (f.opacity >= 1) acc = out;
-        else lerpInto(acc, out, f.opacity, null);
+        if (f.opacity >= 1) acc = out2;
+        else lerpInto(acc, out2, f.opacity, null);
       } else {
-        blendTile(acc, out, f.blend, f.opacity, null);
+        blendTile(acc, out2, f.blend, f.opacity, null);
       }
     }
     entry = { key, base, filtered: acc };
-    filteredCache.set(placed, entry);
+    if (!incomplete) filteredCache.set(placed, entry);
   }
   const cov = filterMaskCoverage(stack.mask, canvas);
   let result = entry.filtered;
@@ -4851,7 +4882,9 @@ function applySmartFilters(placed, stack, canvas) {
     result = new Uint8ClampedArray(entry.base);
     lerpInto(result, entry.filtered, 1, cov);
   }
-  return surfaceFromPixels({ width: W, height: H, data: result }, 4, 0, 0);
+  const out = surfaceFromPixels({ width: W, height: H, data: result }, 4, 0, 0);
+  if (incomplete) incompleteSurfaces.add(out);
+  return out;
 }
 function lerpInto(dst, src, k, coverage) {
   for (let i = 0, p = 0; i < dst.length; i += 4, p++) {
@@ -4940,7 +4973,7 @@ function offsetSmartObject(layers, id, dx, dy, canvas) {
   const moveMask = (m2) => m2 && m2.linked !== false && !m2.source ? { ...m2, surface: translateSurface(m2.surface, mx, my) } : m2;
   if (layer.mask) next.mask = moveMask(layer.mask);
   if (layer.smartFilters?.mask) next.smartFilters = { ...layer.smartFilters, mask: moveMask(layer.smartFilters.mask) };
-  const spatial = activeSmartFilters(layer.smartFilters).some((f) => f.kind === "blur");
+  const spatial = activeSmartFilters(layer.smartFilters).some((f) => f.kind === "blur") || activeEffectSmartFilters(layer.smartFilters).length > 0;
   const b = contentBounds(layer.surface);
   const m = SMART_RENDER_MARGIN;
   const cut = b && (b.x <= -m || b.y <= -m || b.x + b.width >= canvas.width + m || b.y + b.height >= canvas.height + m);
@@ -5185,13 +5218,27 @@ function refitPlacement(layer, contents) {
 }
 function normalizeSmartFilter(raw, id = newLayerId("flt")) {
   if (raw.kind === "psd") fail4("Photoshop filters can only come from a PSD; add develop or blur.");
-  const base = normalizeFilter(raw, id);
+  const base = raw.kind === "effect" ? normalizeEffectSmartFilter(raw, id) : normalizeFilter(raw, id);
   const blend = raw.blend ?? "normal";
   if (!isBlendMode(blend) || blend === "pigment") fail4(`Unknown blend mode "${String(blend)}" for a smart filter.`);
   const opacity = raw.opacity ?? 1;
   if (!(typeof opacity === "number" && opacity >= 0 && opacity <= 1)) fail4("opacity must be a number from 0 to 1.");
   return { ...base, blend, opacity };
 }
+function normalizeEffectSmartFilter(raw, id) {
+  if (typeof raw.effect !== "string" || !raw.effect) fail4('An effect smart filter needs an "effect" id from search_effects.');
+  const values = raw.values ?? {};
+  if (typeof values !== "object" || values === null || Array.isArray(values)) fail4('"values" must be an object of control values.');
+  return {
+    id,
+    kind: "effect",
+    enabled: raw.enabled !== false,
+    effect: raw.effect,
+    ...typeof raw.provider === "string" ? { provider: raw.provider } : {},
+    ...typeof raw.name === "string" ? { name: raw.name } : {},
+    values: { ...values }
+  };
+}
 function withStack(layer, stack, canvas) {
   const next = { ...layer };
   if (stack && (stack.filters.length || stack.mask || !stack.enabled)) next.smartFilters = stack;
@@ -5422,6 +5469,7 @@ function serializeLayer(layer, ctx) {
       }
       if (layer.fillOpacity !== void 0 && layer.fillOpacity !== 1) out.fillOpacity = layer.fillOpacity;
       if (layer.filters?.length) out.filters = JSON.parse(JSON.stringify(layer.filters));
+      if (layer.generator) out.generator = JSON.parse(JSON.stringify(layer.generator));
       if (layer.source !== "document") {
         const deep = encodeDeepSurface(layer.surface);
         if (deep) out.deep = deep;
@@ -5812,6 +5860,8 @@ function deserializeLayer(raw, ctx) {
       if (typeof r.fillOpacity === "number" && r.fillOpacity !== 1) layer.fillOpacity = num2(r.fillOpacity, 0, 1, 1);
       const filters = readFilters(r.filters);
       if (filters) layer.filters = filters;
+      const generator = readEffectRef(r.generator);
+      if (generator) layer.generator = { ...generator, ...typeof r.generator.time === "number" && r.generator.time > 0 ? { time: r.generator.time } : {} };
       return layer;
     }
     case "adjustment": {
@@ -5898,6 +5948,15 @@ function readContents(id, ctx) {
   memo.set(id, c);
   return c;
 }
+var isEffectValue = (x) => typeof x === "string" || typeof x === "boolean" || typeof x === "number" && Number.isFinite(x) || Array.isArray(x) && x.every((n) => typeof n === "number" && Number.isFinite(n));
+function readEffectRef(raw) {
+  if (!raw || typeof raw !== "object" || typeof raw.effect !== "string" || !raw.effect) return void 0;
+  const values = {};
+  if (raw.values && typeof raw.values === "object") {
+    for (const [k, v] of Object.entries(raw.values)) if (isEffectValue(v)) values[k] = Array.isArray(v) ? [...v] : v;
+  }
+  return { effect: raw.effect, ...typeof raw.provider === "string" ? { provider: raw.provider } : {}, ...typeof raw.name === "string" ? { name: raw.name } : {}, values };
+}
 function readSmartFilters(raw, ctx, what) {
   if (!raw || typeof raw !== "object") return void 0;
   const r = raw;
@@ -5918,6 +5977,10 @@ function readSmartFilters(raw, ctx, what) {
     } else if (f.kind === "develop" || f.kind === "blur") {
       const base = plain[k++];
       if (base) filters.push({ ...base, blend, opacity });
+    } else if (f.kind === "effect") {
+      const ref = readEffectRef(f);
+      if (ref) filters.push({ id: typeof f.id === "string" ? f.id : newLayerId("flt"), kind: "effect", enabled: f.enabled !== false, ...ref, blend, opacity });
+      else ctx.problems.push(`${what}: an effect smart filter without an effect id was left out`);
     }
   }
   const stack = { enabled: r.enabled !== false, filters };
@@ -11594,6 +11657,7 @@ export {
   isValidWarp,
   geometryHomography,
   SMART_RENDER_MARGIN,
+  isSmartSurfaceIncomplete,
   newContentsId,
   contentsBox,
   placementGeometry,
@@ -11605,6 +11669,7 @@ export {
   documentContents,
   placeContents,
   activeSmartFilters,
+  activeEffectSmartFilters,
   filterMaskCoverage,
   applySmartFilters,
   renderSmartObject,
@@ -11671,4 +11736,4 @@ export {
   smartContentsFile,
   exportPsd
 };
-//# sourceMappingURL=chunk-6ZBR4J62.js.map
+//# sourceMappingURL=chunk-WATAQ2Z2.js.map