@pixerate/editor 0.249.0 → 0.250.0

package/dist/image-editor/index.d.cts

@@ -72,3 +72,4 @@ export * from './editorDocument.cjs';
 export * from './paths.cjs';
 export * from './path-edit.cjs';
 export * from './content-aware-fill-session.cjs';
+export * from './stickers.cjs';

package/dist/image-editor/index.d.ts

@@ -72,3 +72,4 @@ export * from './editorDocument.js';
 export * from './paths.js';
 export * from './path-edit.js';
 export * from './content-aware-fill-session.js';
+export * from './stickers.js';

package/dist/image-editor/index.js

@@ -8,7 +8,7 @@ import {
   parseOpenTypeFont,
   removeAnchorsKeepingShape,
   traceField
-} from "../chunk-DOIU7VJG.js";
+} from "../chunk-NOHJP5TK.js";
 import {
   ColorGmm,
   GAMMA,
@@ -413,7 +413,7 @@ import {
   writePsd,
   xyToTempTint,
   xyToUv
-} from "../chunk-UBRJOIR5.js";
+} from "../chunk-3TWOCSCY.js";
 import {
   parseCssColor
 } from "../chunk-3CI7FRMK.js";
@@ -743,9 +743,9 @@ import {
   warpMeshParamAt,
   warpMeshRows,
   warpPresetMesh
-} from "../chunk-PZP2SZIZ.js";
-import "../chunk-J7T5QZ45.js";
-import "../chunk-5RH3VXAK.js";
+} from "../chunk-KDLBJ6QR.js";
+import "../chunk-OTEPAQJX.js";
+import "../chunk-WKH5ZAUA.js";
 import "../chunk-M6DNZNVY.js";
 import {
   bezierPathToSvg,
@@ -753,6 +753,7 @@ import {
   segmentNearest
 } from "../chunk-WEIK3UYB.js";
 import "../chunk-PWBZH3FK.js";
+import "../chunk-SZTI6EER.js";
 import {
   EffectRendererPool
 } from "../chunk-EHLOCVWB.js";
@@ -761,9 +762,10 @@ import {
   EffectsSlot,
   createEffectPixels,
   createEffectToolProvider,
+  layerImageInput,
   linearToSrgb,
   resolveEffectValues
-} from "../chunk-OFH6Q67U.js";
+} from "../chunk-JA57JIT5.js";
 import "../chunk-V2ZCJRDM.js";
 import {
   BrushstrokeCache,
@@ -4847,14 +4849,15 @@ function effectLayerTiming(g, d) {
 
 // src/image-editor/effects.ts
 var IMAGE_EFFECT_PLACES = {
-  /** A smart filter: the effect changes the pixels below it. */
+  /** A smart filter: the effect changes the pixels below it (and any effect that takes a picture: the layer is its input). */
   filter: ["filter"],
   /** An effect layer: drawn at the document's size. */
   layer: ["generator", "overlay", "title"]
 };
 function checkImageEffectPlace(d, place) {
   const allowed = IMAGE_EFFECT_PLACES[place];
-  if (d.kind === "motion" || !d.uses.some((u) => allowed.includes(u))) {
+  const takesLayer = place === "filter" && layerImageInput(d) !== null;
+  if (d.kind === "motion" || !takesLayer && !d.uses.some((u) => allowed.includes(u))) {
     const instead = place === "filter" && d.uses.some((u) => IMAGE_EFFECT_PLACES.layer.includes(u)) ? "; add it as an effect layer with add_effect_layer instead" : place === "layer" && d.uses.includes("filter") ? "; apply it to a layer as a smart filter with apply_effect instead" : "";
     throw new EffectUnsupportedError(
       `"${d.id}" (${d.name}) is a ${d.uses.join(" / ")} effect, and ${place === "filter" ? "a smart filter takes filter effects" : "an effect layer takes generator, overlay or title effects"}${instead}.`,
@@ -4947,9 +4950,9 @@ var ImageEffectsEngine = class {
   /** A filter effect over `source`: its result, or (for an overlay) the effect drawn over it. */
   async filter(provider, effect, values, source) {
     const d = await this.describe(provider, effect);
-    const takesSource = d.inputs.some((i) => i.name === "source");
-    const out = await this.render(provider, effect, source.width, source.height, 8, { time: 0, values, ...takesSource ? { inputs: { source } } : {} });
-    return takesSource ? out.data : over(source.data, out.data);
+    const input = layerImageInput(d);
+    const out = await this.render(provider, effect, source.width, source.height, 8, { time: 0, values, ...input ? { inputs: { [input]: source } } : {} });
+    return input ? out.data : over(source.data, out.data);
   }
   /**
    * Renders a generator or overlay effect at a size and depth (an effect layer's pixels). Rejects
@@ -21496,7 +21499,8 @@ function createImageEffectsToolProvider(controller, options = {}) {
     skill: "pixerate-image-editor",
     target: { noun: "layer", id: "A layer id from list_layers." },
     applyUses: ["filter"],
-    applyDetails: "The effect becomes a smart filter: it runs on the layer's pixels after the smart filters below it, with its own blend and opacity, under the smart filter mask, and can be changed or removed later. It keeps the layer's transparency by default (preserveTransparency: the result only changes the layer's own pixels, never fills transparent ones); preserveTransparency false lets it draw over the whole canvas. A pixel, shape or type layer (or a group) is converted to a smart object first, in the same undo step (one layer keeps its id; the result says converted). With a selection, the filter mask is set from it in the same step, so the filter only changes the selected area (the result says masked); deselect first to filter the whole layer. Generators and overlays go on their own layer through add_effect_layer.",
+    applyImageInputs: true,
+    applyDetails: "Any effect that takes a picture also applies (an inserted sticker into a holo-foil treatment): the layer is its picture. The effect becomes a smart filter: it runs on the layer's pixels after the smart filters below it, with its own blend and opacity, under the smart filter mask, and can be changed or removed later. It keeps the layer's transparency by default (preserveTransparency: the result only changes the layer's own pixels, never fills transparent ones); preserveTransparency false lets it draw over the whole canvas. A pixel, shape or type layer (or a group) is converted to a smart object first, in the same undo step (one layer keeps its id; the result says converted). With a selection, the filter mask is set from it in the same step, so the filter only changes the selected area (the result says masked); deselect first to filter the whole layer. Generators and overlays go on their own layer through add_effect_layer.",
     provider: () => controller.effectsProvider,
     readOnlyReason,
     applyOptions: {
@@ -22486,6 +22490,24 @@ var ContentAwareFillSession = class _ContentAwareFillSession {
     return this.controller.contentAwareFillAsync({ layerId: this.plan.layerId, samplingArea: area, seed: this.settingsValue.seed, output: this.settingsValue.output, signal: options.signal });
   }
 };
+
+// src/image-editor/stickers.ts
+function createImageStickerHost(controller) {
+  return {
+    noun: "pixel layer",
+    format: "png",
+    defaultCentre: () => {
+      const { width, height } = controller.getCanvasSize();
+      return { x: width / 2, y: height / 2 };
+    },
+    async insert({ asset, description, x, y }) {
+      const image = asset.kind === "image" ? asset.url : `data:image/svg+xml;charset=utf-8,${encodeURIComponent(asset.svg)}`;
+      const pixels = await controller.decodeImage(image);
+      const id = controller.addPixelLayer({ name: description.name, pixels, x: Math.round(x - pixels.width / 2), y: Math.round(y - pixels.height / 2) });
+      return { id, layerWidth: pixels.width, layerHeight: pixels.height };
+    }
+  };
+}
 export {
   ADJUSTMENT_KEYS,
   ADJUSTMENT_KINDS,
@@ -22922,6 +22944,7 @@ export {
   createImageSelectionTools,
   createImageShapeTools,
   createImageSmartObjectTools,
+  createImageStickerHost,
   createImageSubjectSelectionTool,
   createImageTransformTools,
   createImageTypeTools,

package/dist/image-editor/stickers.d.cts

@@ -0,0 +1,9 @@
+/**
+ * Stickers in the image editor: `insert_sticker` (see `@pixerate/editor/stickers`) puts a
+ * sticker's art in as a new pixel layer, centred where asked. The layer can then take any effect
+ * that takes a picture (`apply_effect`): the sticker is the effect's input.
+ */
+import type { StickerInsertHost } from '../stickers/tools.cjs';
+import type { ImageEditorController } from './controller.cjs';
+/** `insert_sticker` for an image editor: a new pixel layer named after the sticker, one undo step. */
+export declare function createImageStickerHost(controller: ImageEditorController): StickerInsertHost;

package/dist/image-editor/stickers.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Stickers in the image editor: `insert_sticker` (see `@pixerate/editor/stickers`) puts a
+ * sticker's art in as a new pixel layer, centred where asked. The layer can then take any effect
+ * that takes a picture (`apply_effect`): the sticker is the effect's input.
+ */
+import type { StickerInsertHost } from '../stickers/tools.js';
+import type { ImageEditorController } from './controller.js';
+/** `insert_sticker` for an image editor: a new pixel layer named after the sticker, one undo step. */
+export declare function createImageStickerHost(controller: ImageEditorController): StickerInsertHost;