@pixerate/editor 0.211.0 → 0.212.0

package/dist/image-editor/content-aware-fill-session.d.cts

@@ -5,7 +5,7 @@
  * applies it as one undo step through `contentAwareFillAsync` (the same fill the
  * `content_aware_fill` tool makes, with a sampling area).
  */
-import type { ImageEditorController } from './controller.cjs';
+import type { ContentAwareFillOutput, ImageEditorController } from './controller.cjs';
 import type { CropBox, ImagePoint } from './types.cjs';
 import { type SelectionMask } from './selection/mask.cjs';
 export type ContentAwareFillSampling = 'auto' | 'rectangular' | 'custom';
@@ -32,7 +32,7 @@ export interface ContentAwareFillSettings {
     brushMode: 'add' | 'subtract';
     /** The fill's random seed; another gives another fill to choose from. */
     seed: number;
-    output: 'current' | 'new-layer';
+    output: ContentAwareFillOutput;
     /** Update the preview as the area changes (otherwise with Preview). */
     livePreview: boolean;
 }
@@ -61,11 +61,23 @@ export declare class ContentAwareFillSession {
     get window(): CropBox | null;
     subscribe(listener: () => void): () => void;
     private emit;
+    /** Images up to this many pixels show (and can be sampled) whole in the workspace. */
+    static readonly WHOLE_IMAGE_PIXELS = 4000000;
+    /** Room around the selection the window holds, in px each way. */
+    private margin;
     /**
-     * Reads the layer around the selection and makes the first preview. The window holds the
-     * selection and room around it to sample from (its larger side, at least 64 px, each way).
+     * Reads the layer and makes the first preview. The window is the whole image up to
+     * {@link WHOLE_IMAGE_PIXELS}; on a larger one it holds the selection and room around it (twice
+     * its larger side, at least 256 px, each way), and {@link expandView} widens it.
      */
     open(): Promise<boolean>;
+    /** Whether the window shows the whole image (else {@link expandView} can widen it). */
+    get showsWholeImage(): boolean;
+    /**
+     * Doubles the room around the selection (up to the whole image), keeping what was painted; a
+     * preset fills the new room as it would. Returns false when the whole image already shows.
+     */
+    expandView(): boolean;
     /** Sets the area to a preset: Auto (a band around the selection), Rectangular (the whole window). */
     private applySampling;
     /** Changes settings; a sampling preset replaces the area, and the preview follows when live. */
@@ -104,6 +116,6 @@ export declare class ContentAwareFillSession {
     }): Promise<{
         layerId: string;
         bounds: CropBox;
-        output: 'current' | 'new-layer';
+        output: ContentAwareFillOutput;
     }>;
 }

package/dist/image-editor/content-aware-fill-session.d.ts

@@ -5,7 +5,7 @@
  * applies it as one undo step through `contentAwareFillAsync` (the same fill the
  * `content_aware_fill` tool makes, with a sampling area).
  */
-import type { ImageEditorController } from './controller.js';
+import type { ContentAwareFillOutput, ImageEditorController } from './controller.js';
 import type { CropBox, ImagePoint } from './types.js';
 import { type SelectionMask } from './selection/mask.js';
 export type ContentAwareFillSampling = 'auto' | 'rectangular' | 'custom';
@@ -32,7 +32,7 @@ export interface ContentAwareFillSettings {
     brushMode: 'add' | 'subtract';
     /** The fill's random seed; another gives another fill to choose from. */
     seed: number;
-    output: 'current' | 'new-layer';
+    output: ContentAwareFillOutput;
     /** Update the preview as the area changes (otherwise with Preview). */
     livePreview: boolean;
 }
@@ -61,11 +61,23 @@ export declare class ContentAwareFillSession {
     get window(): CropBox | null;
     subscribe(listener: () => void): () => void;
     private emit;
+    /** Images up to this many pixels show (and can be sampled) whole in the workspace. */
+    static readonly WHOLE_IMAGE_PIXELS = 4000000;
+    /** Room around the selection the window holds, in px each way. */
+    private margin;
     /**
-     * Reads the layer around the selection and makes the first preview. The window holds the
-     * selection and room around it to sample from (its larger side, at least 64 px, each way).
+     * Reads the layer and makes the first preview. The window is the whole image up to
+     * {@link WHOLE_IMAGE_PIXELS}; on a larger one it holds the selection and room around it (twice
+     * its larger side, at least 256 px, each way), and {@link expandView} widens it.
      */
     open(): Promise<boolean>;
+    /** Whether the window shows the whole image (else {@link expandView} can widen it). */
+    get showsWholeImage(): boolean;
+    /**
+     * Doubles the room around the selection (up to the whole image), keeping what was painted; a
+     * preset fills the new room as it would. Returns false when the whole image already shows.
+     */
+    expandView(): boolean;
     /** Sets the area to a preset: Auto (a band around the selection), Rectangular (the whole window). */
     private applySampling;
     /** Changes settings; a sampling preset replaces the area, and the preview follows when live. */
@@ -104,6 +116,6 @@ export declare class ContentAwareFillSession {
     }): Promise<{
         layerId: string;
         bounds: CropBox;
-        output: 'current' | 'new-layer';
+        output: ContentAwareFillOutput;
     }>;
 }

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

@@ -479,12 +479,17 @@ export interface StrokeSelectionOptions extends Omit<FillOptions, 'useSelection'
     /** Where the band lies against the selection edge (default `outside`). */
     location?: 'inside' | 'center' | 'outside';
 }
+/** Where Content-Aware Fill puts its result. */
+export type ContentAwareFillOutput = 'current' | 'new-layer' | 'duplicate-layer';
 /** Edit › Content-Aware Fill (see `contentAwareFill`). */
 export interface ContentAwareFillOptions {
     /** The pixel layer to sample and fill (default the active layer). */
     layerId?: string;
-    /** `current` (default) paints into the layer; `new-layer` puts the fill on a new layer above it. */
-    output?: 'current' | 'new-layer';
+    /**
+     * `current` (default) paints into the layer; `new-layer` puts the fill on a new layer above it;
+     * `duplicate-layer` paints it into a copy of the layer, above it.
+     */
+    output?: ContentAwareFillOutput;
     /** How far around the selection to sample, in pixels (default its larger side, at least 32). */
     sampleRadius?: number;
     /** Random seed: the same seed gives the same fill (default 0). */
@@ -1528,7 +1533,7 @@ export declare class ImageEditorController {
     contentAwareFill(options?: ContentAwareFillOptions): {
         layerId: string;
         bounds: CropBox;
-        output: 'current' | 'new-layer';
+        output: ContentAwareFillOutput;
     };
     /**
      * `contentAwareFill` with the synthesis in the selection worker when there is one, with
@@ -1540,7 +1545,7 @@ export declare class ImageEditorController {
     }): Promise<{
         layerId: string;
         bounds: CropBox;
-        output: 'current' | 'new-layer';
+        output: ContentAwareFillOutput;
     }>;
     /**
      * The fill without changing anything: the window, its pixels before and after (RGBA, the fill

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

@@ -479,12 +479,17 @@ export interface StrokeSelectionOptions extends Omit<FillOptions, 'useSelection'
     /** Where the band lies against the selection edge (default `outside`). */
     location?: 'inside' | 'center' | 'outside';
 }
+/** Where Content-Aware Fill puts its result. */
+export type ContentAwareFillOutput = 'current' | 'new-layer' | 'duplicate-layer';
 /** Edit › Content-Aware Fill (see `contentAwareFill`). */
 export interface ContentAwareFillOptions {
     /** The pixel layer to sample and fill (default the active layer). */
     layerId?: string;
-    /** `current` (default) paints into the layer; `new-layer` puts the fill on a new layer above it. */
-    output?: 'current' | 'new-layer';
+    /**
+     * `current` (default) paints into the layer; `new-layer` puts the fill on a new layer above it;
+     * `duplicate-layer` paints it into a copy of the layer, above it.
+     */
+    output?: ContentAwareFillOutput;
     /** How far around the selection to sample, in pixels (default its larger side, at least 32). */
     sampleRadius?: number;
     /** Random seed: the same seed gives the same fill (default 0). */
@@ -1528,7 +1533,7 @@ export declare class ImageEditorController {
     contentAwareFill(options?: ContentAwareFillOptions): {
         layerId: string;
         bounds: CropBox;
-        output: 'current' | 'new-layer';
+        output: ContentAwareFillOutput;
     };
     /**
      * `contentAwareFill` with the synthesis in the selection worker when there is one, with
@@ -1540,7 +1545,7 @@ export declare class ImageEditorController {
     }): Promise<{
         layerId: string;
         bounds: CropBox;
-        output: 'current' | 'new-layer';
+        output: ContentAwareFillOutput;
     }>;
     /**
      * The fill without changing anything: the window, its pixels before and after (RGBA, the fill

package/dist/image-editor/index.cjs

@@ -8139,7 +8139,9 @@ var ImageEditorController = (_class12 = class {
     if (!_optionalChain([sel, 'optionalAccess', _322 => _322.bounds])) throw new (0, _chunkH65IBXFIcjs.LayerOperationError)("Nothing is selected; select what to remove, then fill it.");
     if (this.bitDepth !== 8) throw new (0, _chunkH65IBXFIcjs.LayerOperationError)("Content-Aware Fill works on 8-bit documents for now; set_bit_depth 8 first, or use spot_heal.");
     const output = _nullishCoalesce(options.output, () => ( "current"));
-    if (output !== "current" && output !== "new-layer") throw new (0, _chunkH65IBXFIcjs.LayerOperationError)(`Unknown output "${String(output)}"; use current or new-layer.`);
+    if (output !== "current" && output !== "new-layer" && output !== "duplicate-layer") {
+      throw new (0, _chunkH65IBXFIcjs.LayerOperationError)(`Unknown output "${String(output)}"; use current, new-layer or duplicate-layer.`);
+    }
     const target = this.paintTarget(options.layerId, "pixels", "fill");
     const { width, height } = this.naturalSize;
     const b = sel.bounds;
@@ -8216,6 +8218,13 @@ var ImageEditorController = (_class12 = class {
     }
     const layerRect = { x: win.x - target.offset.x, y: win.y - target.offset.y, width: win.width, height: win.height };
     const surface = _chunk474IQG74cjs.writeRegion.call(void 0, target.surface, layerRect, out);
+    if (output === "duplicate-layer") {
+      return this.asOneStep(() => {
+        const copy = this.duplicateLayer(target.id);
+        this.commitLayers(_chunkUOGKSVRQcjs.mapLayer.call(void 0, this.state.layers, copy, (l) => this.withSurface(l, "pixels", surface)));
+        return { layerId: copy, bounds: { ...b }, output };
+      });
+    }
     this.commitLayers(_chunkUOGKSVRQcjs.mapLayer.call(void 0, this.state.layers, target.id, (l) => this.withSurface(l, "pixels", surface)));
     return { layerId: target.id, bounds: { ...b }, output };
   }
@@ -13075,7 +13084,7 @@ function createImageSelectionTools(controller) {
     inputSchema: {
       type: "object",
       properties: {
-        output: { type: "string", enum: ["new-layer", "current"], description: "new-layer or current (default current)." },
+        output: { type: "string", enum: ["new-layer", "current", "duplicate-layer"], description: "new-layer (the fill alone on a layer above), current (into the layer) or duplicate-layer (into a copy of the layer, above it); default current." },
         sampleRadius: { type: "number", minimum: 32, maximum: 4e3, description: "Sample within this many pixels of the selection (default its larger side)." },
         seed: { type: "integer", minimum: 0, description: "Random seed; another seed gives another fill to choose from (default 0)." },
         sampleRects: { type: "array", minItems: 1, items: rectSchemaStrict, description: "Sample only from these rectangles (natural image pixels), instead of the ring around the selection." },
@@ -20188,8 +20197,8 @@ var DEFAULT_CONTENT_AWARE_FILL_SETTINGS = {
   output: "new-layer",
   livePreview: true
 };
-var ContentAwareFillSession = (_class17 = class {
-  constructor(controller) {;_class17.prototype.__init149.call(this);_class17.prototype.__init150.call(this);_class17.prototype.__init151.call(this);_class17.prototype.__init152.call(this);_class17.prototype.__init153.call(this);_class17.prototype.__init154.call(this);_class17.prototype.__init155.call(this);_class17.prototype.__init156.call(this);_class17.prototype.__init157.call(this);_class17.prototype.__init158.call(this);_class17.prototype.__init159.call(this);_class17.prototype.__init160.call(this);_class17.prototype.__init161.call(this);_class17.prototype.__init162.call(this);
+var ContentAwareFillSession = (_class17 = class _ContentAwareFillSession {
+  constructor(controller) {;_class17.prototype.__init149.call(this);_class17.prototype.__init150.call(this);_class17.prototype.__init151.call(this);_class17.prototype.__init152.call(this);_class17.prototype.__init153.call(this);_class17.prototype.__init154.call(this);_class17.prototype.__init155.call(this);_class17.prototype.__init156.call(this);_class17.prototype.__init157.call(this);_class17.prototype.__init158.call(this);_class17.prototype.__init159.call(this);_class17.prototype.__init160.call(this);_class17.prototype.__init161.call(this);_class17.prototype.__init162.call(this);_class17.prototype.__init163.call(this);
     this.controller = controller;
   }
   
@@ -20224,16 +20233,21 @@ var ContentAwareFillSession = (_class17 = class {
     this.revision++;
     for (const l of this.listeners) l();
   }
+  /** Images up to this many pixels show (and can be sampled) whole in the workspace. */
+  static __initStatic() {this.WHOLE_IMAGE_PIXELS = 4e6}
+  /** Room around the selection the window holds, in px each way. */
+  __init162() {this.margin = 0}
   /**
-   * Reads the layer around the selection and makes the first preview. The window holds the
-   * selection and room around it to sample from (its larger side, at least 64 px, each way).
+   * Reads the layer and makes the first preview. The window is the whole image up to
+   * {@link WHOLE_IMAGE_PIXELS}; on a larger one it holds the selection and room around it (twice
+   * its larger side, at least 256 px, each way), and {@link expandView} widens it.
    */
   async open() {
     try {
-      const sel = this.controller.getSelection();
-      const b = _optionalChain([sel, 'optionalAccess', _682 => _682.bounds]);
-      const margin = b ? Math.max(64, Math.max(b.width, b.height)) : 64;
-      this.plan = this.controller.prepareContentAwareFill({ sampleRadius: margin });
+      const { width, height } = this.controller.getState().imageDimensions;
+      const b = _optionalChain([this, 'access', _682 => _682.controller, 'access', _683 => _683.getSelection, 'call', _684 => _684(), 'optionalAccess', _685 => _685.bounds]);
+      this.margin = width * height <= _ContentAwareFillSession.WHOLE_IMAGE_PIXELS ? Math.max(width, height) : Math.max(256, 2 * Math.max(_nullishCoalesce(_optionalChain([b, 'optionalAccess', _686 => _686.width]), () => ( 0)), _nullishCoalesce(_optionalChain([b, 'optionalAccess', _687 => _687.height]), () => ( 0))));
+      this.plan = this.controller.prepareContentAwareFill({ sampleRadius: this.margin });
     } catch (err) {
       this.error = err instanceof Error ? err.message : String(err);
       this.emit();
@@ -20247,6 +20261,42 @@ var ContentAwareFillSession = (_class17 = class {
     await this.refresh();
     return true;
   }
+  /** Whether the window shows the whole image (else {@link expandView} can widen it). */
+  get showsWholeImage() {
+    const { width, height } = this.controller.getState().imageDimensions;
+    const w = this.win;
+    return !w || w.x === 0 && w.y === 0 && w.width >= width && w.height >= height;
+  }
+  /**
+   * Doubles the room around the selection (up to the whole image), keeping what was painted; a
+   * preset fills the new room as it would. Returns false when the whole image already shows.
+   */
+  expandView() {
+    if (!this.win || this.showsWholeImage) return false;
+    const { width, height } = this.controller.getState().imageDimensions;
+    const old = { win: this.win, area: this.area };
+    this.margin = Math.min(Math.max(width, height), this.margin * 2);
+    const plan = this.controller.prepareContentAwareFill({ layerId: this.plan.layerId, sampleRadius: this.margin });
+    this.plan = plan;
+    this.win = plan.window;
+    this.before = plan.before;
+    this.hole = plan.hole;
+    const mode = this.settingsValue.sampling;
+    this.area = null;
+    this.applySampling(mode === "custom" ? "auto" : mode);
+    if (mode === "custom") {
+      const area = new Uint8Array(plan.window.width * plan.window.height);
+      for (let y = 0; y < old.win.height; y++) {
+        const src = y * old.win.width;
+        const dst = (old.win.y - plan.window.y + y) * plan.window.width + (old.win.x - plan.window.x);
+        area.set(old.area.subarray(src, src + old.win.width), dst);
+      }
+      this.area = area;
+    }
+    this.emit();
+    if (this.settingsValue.livePreview) void this.refresh();
+    return true;
+  }
   /** Sets the area to a preset: Auto (a band around the selection), Rectangular (the whole window). */
   applySampling(mode) {
     const win = this.win;
@@ -20328,7 +20378,7 @@ var ContentAwareFillSession = (_class17 = class {
     this.emit();
     return true;
   }
-  __init162() {this.strokeAdds = true}
+  __init163() {this.strokeAdds = true}
   move(point) {
     if (!this.lastPoint) return;
     this.paint(this.lastPoint, point, this.strokeAdds);
@@ -20354,7 +20404,7 @@ var ContentAwareFillSession = (_class17 = class {
       this.dirty = false;
       try {
         const area = this.samplingMask();
-        if (!_optionalChain([area, 'optionalAccess', _683 => _683.bounds])) throw new Error("The sampling area is empty; paint where the fill may copy from.");
+        if (!_optionalChain([area, 'optionalAccess', _688 => _688.bounds])) throw new Error("The sampling area is empty; paint where the fill may copy from.");
         const { plan, after } = await this.controller.previewContentAwareFill({ layerId: this.plan.layerId, samplingArea: area, seed: this.settingsValue.seed });
         const win = this.win;
         const out = Uint8ClampedArray.from(this.before);
@@ -20433,10 +20483,10 @@ var ContentAwareFillSession = (_class17 = class {
   /** OK: fills with this sampling area, seed and output as one undo step. */
   async commit(options = {}) {
     const area = this.samplingMask();
-    if (!this.plan || !_optionalChain([area, 'optionalAccess', _684 => _684.bounds])) throw new Error(_nullishCoalesce(this.error, () => ( "The sampling area is empty; paint where the fill may copy from.")));
+    if (!this.plan || !_optionalChain([area, 'optionalAccess', _689 => _689.bounds])) throw new Error(_nullishCoalesce(this.error, () => ( "The sampling area is empty; paint where the fill may copy from.")));
     return this.controller.contentAwareFillAsync({ layerId: this.plan.layerId, samplingArea: area, seed: this.settingsValue.seed, output: this.settingsValue.output, signal: options.signal });
   }
-}, _class17);
+}, _class17.__initStatic(), _class17);
 
 
 

package/dist/image-editor/index.js

@@ -8139,7 +8139,9 @@ var ImageEditorController = class {
     if (!sel?.bounds) throw new LayerOperationError("Nothing is selected; select what to remove, then fill it.");
     if (this.bitDepth !== 8) throw new LayerOperationError("Content-Aware Fill works on 8-bit documents for now; set_bit_depth 8 first, or use spot_heal.");
     const output = options.output ?? "current";
-    if (output !== "current" && output !== "new-layer") throw new LayerOperationError(`Unknown output "${String(output)}"; use current or new-layer.`);
+    if (output !== "current" && output !== "new-layer" && output !== "duplicate-layer") {
+      throw new LayerOperationError(`Unknown output "${String(output)}"; use current, new-layer or duplicate-layer.`);
+    }
     const target = this.paintTarget(options.layerId, "pixels", "fill");
     const { width, height } = this.naturalSize;
     const b = sel.bounds;
@@ -8216,6 +8218,13 @@ var ImageEditorController = class {
     }
     const layerRect = { x: win.x - target.offset.x, y: win.y - target.offset.y, width: win.width, height: win.height };
     const surface = writeRegion(target.surface, layerRect, out);
+    if (output === "duplicate-layer") {
+      return this.asOneStep(() => {
+        const copy = this.duplicateLayer(target.id);
+        this.commitLayers(mapLayer(this.state.layers, copy, (l) => this.withSurface(l, "pixels", surface)));
+        return { layerId: copy, bounds: { ...b }, output };
+      });
+    }
     this.commitLayers(mapLayer(this.state.layers, target.id, (l) => this.withSurface(l, "pixels", surface)));
     return { layerId: target.id, bounds: { ...b }, output };
   }
@@ -13075,7 +13084,7 @@ function createImageSelectionTools(controller) {
     inputSchema: {
       type: "object",
       properties: {
-        output: { type: "string", enum: ["new-layer", "current"], description: "new-layer or current (default current)." },
+        output: { type: "string", enum: ["new-layer", "current", "duplicate-layer"], description: "new-layer (the fill alone on a layer above), current (into the layer) or duplicate-layer (into a copy of the layer, above it); default current." },
         sampleRadius: { type: "number", minimum: 32, maximum: 4e3, description: "Sample within this many pixels of the selection (default its larger side)." },
         seed: { type: "integer", minimum: 0, description: "Random seed; another seed gives another fill to choose from (default 0)." },
         sampleRects: { type: "array", minItems: 1, items: rectSchemaStrict, description: "Sample only from these rectangles (natural image pixels), instead of the ring around the selection." },
@@ -20188,7 +20197,7 @@ var DEFAULT_CONTENT_AWARE_FILL_SETTINGS = {
   output: "new-layer",
   livePreview: true
 };
-var ContentAwareFillSession = class {
+var ContentAwareFillSession = class _ContentAwareFillSession {
   constructor(controller) {
     this.controller = controller;
   }
@@ -20224,16 +20233,21 @@ var ContentAwareFillSession = class {
     this.revision++;
     for (const l of this.listeners) l();
   }
+  /** Images up to this many pixels show (and can be sampled) whole in the workspace. */
+  static WHOLE_IMAGE_PIXELS = 4e6;
+  /** Room around the selection the window holds, in px each way. */
+  margin = 0;
   /**
-   * Reads the layer around the selection and makes the first preview. The window holds the
-   * selection and room around it to sample from (its larger side, at least 64 px, each way).
+   * Reads the layer and makes the first preview. The window is the whole image up to
+   * {@link WHOLE_IMAGE_PIXELS}; on a larger one it holds the selection and room around it (twice
+   * its larger side, at least 256 px, each way), and {@link expandView} widens it.
    */
   async open() {
     try {
-      const sel = this.controller.getSelection();
-      const b = sel?.bounds;
-      const margin = b ? Math.max(64, Math.max(b.width, b.height)) : 64;
-      this.plan = this.controller.prepareContentAwareFill({ sampleRadius: margin });
+      const { width, height } = this.controller.getState().imageDimensions;
+      const b = this.controller.getSelection()?.bounds;
+      this.margin = width * height <= _ContentAwareFillSession.WHOLE_IMAGE_PIXELS ? Math.max(width, height) : Math.max(256, 2 * Math.max(b?.width ?? 0, b?.height ?? 0));
+      this.plan = this.controller.prepareContentAwareFill({ sampleRadius: this.margin });
     } catch (err) {
       this.error = err instanceof Error ? err.message : String(err);
       this.emit();
@@ -20247,6 +20261,42 @@ var ContentAwareFillSession = class {
     await this.refresh();
     return true;
   }
+  /** Whether the window shows the whole image (else {@link expandView} can widen it). */
+  get showsWholeImage() {
+    const { width, height } = this.controller.getState().imageDimensions;
+    const w = this.win;
+    return !w || w.x === 0 && w.y === 0 && w.width >= width && w.height >= height;
+  }
+  /**
+   * Doubles the room around the selection (up to the whole image), keeping what was painted; a
+   * preset fills the new room as it would. Returns false when the whole image already shows.
+   */
+  expandView() {
+    if (!this.win || this.showsWholeImage) return false;
+    const { width, height } = this.controller.getState().imageDimensions;
+    const old = { win: this.win, area: this.area };
+    this.margin = Math.min(Math.max(width, height), this.margin * 2);
+    const plan = this.controller.prepareContentAwareFill({ layerId: this.plan.layerId, sampleRadius: this.margin });
+    this.plan = plan;
+    this.win = plan.window;
+    this.before = plan.before;
+    this.hole = plan.hole;
+    const mode = this.settingsValue.sampling;
+    this.area = null;
+    this.applySampling(mode === "custom" ? "auto" : mode);
+    if (mode === "custom") {
+      const area = new Uint8Array(plan.window.width * plan.window.height);
+      for (let y = 0; y < old.win.height; y++) {
+        const src = y * old.win.width;
+        const dst = (old.win.y - plan.window.y + y) * plan.window.width + (old.win.x - plan.window.x);
+        area.set(old.area.subarray(src, src + old.win.width), dst);
+      }
+      this.area = area;
+    }
+    this.emit();
+    if (this.settingsValue.livePreview) void this.refresh();
+    return true;
+  }
   /** Sets the area to a preset: Auto (a band around the selection), Rectangular (the whole window). */
   applySampling(mode) {
     const win = this.win;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixerate/editor",
-  "version": "0.211.0",
+  "version": "0.212.0",
   "description": "UI-agnostic rich text and media editing core library",
   "author": "Pixerate",
   "license": "MIT",

package/skills/pixerate-image-editor/SKILL.md

@@ -384,7 +384,7 @@ in the source frame at the document's bit depth, colour mode and profile. Read
 | `apply_selection_as_mask` | Mask a layer with the current selection: pass `layerId` to mask an existing layer, or `kind` (plus optional `params`) to create a new masked layer in one step. `density` 0..1 and `feather` px soften the mask non-destructively. Returns `layerId`, kind, mask info and the selection summary. |
 | `stroke_selection` | Edit › Stroke: a band `width` px (≤ 250) `outside` (default), `inside` or `center` on the selection edge, with `color`, `opacity`, `blend`, on a layer's pixels or mask (`channel`). One undo step. Returns the changed `bounds`. |
 | `crop_to_selection` | Set the crop box to the selection's bounds (non-destructive; `reset_crop` undoes it). Returns the `crop`. |
-| `content_aware_fill` | Remove what is selected by synthesising texture from around it on a pixel layer; `output` `new-layer` (keeps the fill separate, recommended) or `current`; `sampleRadius`, `seed` (another seed, another fill); the sampling area with `sampleRects`, `samplingChannelId` and `excludeRects` (never copy from these). Select with a 2–4 px margin. 8-bit only. Returns `layerId` and `bounds`. |
+| `content_aware_fill` | Remove what is selected by synthesising texture from around it on a pixel layer; `output` `new-layer` (keeps the fill separate, recommended), `current` or `duplicate-layer` (a filled copy); `sampleRadius`, `seed` (another seed, another fill); the sampling area with `sampleRects`, `samplingChannelId` and `excludeRects` (never copy from these). Select with a 2–4 px margin. 8-bit only. Returns `layerId` and `bounds`. |
 | `copy_pixels` | Copy the selected pixels of a layer (or with `merged` the visible image) to the editor clipboard, cropped to the selection with its soft edge. No undo step. Returns `width`, `height`, `x`, `y`. |
 | `cut_pixels` | Copy, then clear the selected pixels (one undo step). Returns the size and position. |
 | `paste_pixels` | Paste the clipboard as a new layer: `mode` `new-layer` (centred on the selection or canvas), `in-place`, `into` (masked by the selection) or `outside` (masked by its inverse). One undo step. Returns `layerId`, `bounds`, `masked`. |