@pixerate/editor 0.14.3 → 0.15.0

package/dist/history/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/history/index.ts","../../src/history/HistoryManager.ts"],"sourcesContent":["export * from \"./types\";\nexport * from \"./HistoryManager\";\n","import {\n  Command,\n  HistoryManagerOptions,\n  HistoryState,\n  MergedExecutionOptions,\n  SnapshotCommandOptions,\n} from \"./types\";\n\n/**\n * UI-agnostic History and Undo/Redo manager supporting command closures,\n * snapshot diffs, transaction batching, and high-frequency event coalescing.\n */\nexport class HistoryManager {\n  private undoStack: Command[] = [];\n  private redoStack: Command[] = [];\n  private readonly maxDepth: number;\n  private isApplying = false;\n  private batchDepth = 0;\n  private currentBatch: Command[] | null = null;\n  private listeners: Set<(state: HistoryState) => void> = new Set();\n  private onStateChange?: (state: HistoryState) => void;\n  private cachedState: HistoryState;\n\n  constructor(options: HistoryManagerOptions = {}) {\n    this.maxDepth = options.maxDepth ?? 50;\n    this.onStateChange = options.onStateChange;\n    this.cachedState = this.computeState();\n  }\n\n  private computeState(): HistoryState {\n    const canUndo = this.undoStack.length > 0;\n    const canRedo = this.redoStack.length > 0;\n    return {\n      canUndo,\n      canRedo,\n      undoName: canUndo ? this.undoStack[this.undoStack.length - 1].name : \"\",\n      redoName: canRedo ? this.redoStack[this.redoStack.length - 1].name : \"\",\n      undoCount: this.undoStack.length,\n      redoCount: this.redoStack.length,\n    };\n  }\n\n  /**\n   * Returns a snapshot of the current history state.\n   * Cached to maintain referential equality across renders for useSyncExternalStore.\n   */\n  public getState(): HistoryState {\n    return this.cachedState;\n  }\n\n  private notify(): void {\n    this.cachedState = this.computeState();\n    const state = this.cachedState;\n    this.onStateChange?.(state);\n    this.listeners.forEach((listener) => {\n      try {\n        listener(state);\n      } catch (err) {\n        console.error(\"[HistoryManager] Error in state listener:\", err);\n      }\n    });\n  }\n\n  /**\n   * Executes a command and pushes it onto the undo stack.\n   * Clears the redo stack.\n   */\n  public execute(command: Command): void {\n    if (this.isApplying) {\n      command.execute();\n      return;\n    }\n\n    if (this.batchDepth > 0 && this.currentBatch) {\n      command.execute();\n      this.currentBatch.push({\n        ...command,\n        timestamp: command.timestamp ?? Date.now(),\n      });\n      return;\n    }\n\n    command.execute();\n\n    this.undoStack.push({\n      ...command,\n      timestamp: command.timestamp ?? Date.now(),\n    });\n\n    if (this.undoStack.length > this.maxDepth) {\n      this.undoStack.shift();\n    }\n\n    this.redoStack = [];\n    this.notify();\n  }\n\n  /**\n   * Executes a command, coalescing it with the previous command if they share\n   * the same `tag` and occurred within `windowMs` (default: 300ms).\n   * Useful for high-frequency interactions like slider scrubs or node drags.\n   */\n  public executeMerged(\n    command: Command,\n    options: MergedExecutionOptions = {},\n  ): void {\n    const windowMs = options.windowMs ?? 300;\n    const now = Date.now();\n\n    if (\n      command.tag &&\n      this.undoStack.length > 0 &&\n      this.batchDepth === 0 &&\n      !this.isApplying\n    ) {\n      const top = this.undoStack[this.undoStack.length - 1];\n      const elapsed = top.timestamp ? now - top.timestamp : Infinity;\n\n      if (top.tag === command.tag && elapsed <= windowMs) {\n        command.execute();\n        // Replace top with merged command keeping the original initial undo\n        const initialUndo = top.undo;\n        this.undoStack[this.undoStack.length - 1] = {\n          name: command.name,\n          tag: command.tag,\n          timestamp: now,\n          execute: command.execute,\n          undo: initialUndo,\n          redo: command.redo ?? command.execute,\n        };\n        this.redoStack = [];\n        this.notify();\n        return;\n      }\n    }\n\n    this.execute({ ...command, timestamp: now });\n  }\n\n  /**\n   * Batches multiple commands executed within `fn` into a single atomic undo entry.\n   */\n  public batch(name: string, fn: () => void): void {\n    if (this.isApplying) {\n      fn();\n      return;\n    }\n\n    if (this.batchDepth > 0) {\n      // Already inside a batch; execute directly\n      fn();\n      return;\n    }\n\n    this.batchDepth++;\n    this.currentBatch = [];\n\n    try {\n      fn();\n    } finally {\n      this.batchDepth--;\n      const batchCommands = this.currentBatch;\n      this.currentBatch = null;\n\n      if (batchCommands && batchCommands.length > 0) {\n        const compoundCommand: Command = {\n          name,\n          timestamp: Date.now(),\n          execute: () => {\n            for (let i = 0; i < batchCommands.length; i++) {\n              (batchCommands[i].redo ?? batchCommands[i].execute)();\n            }\n          },\n          undo: () => {\n            for (let i = batchCommands.length - 1; i >= 0; i--) {\n              batchCommands[i].undo();\n            }\n          },\n          redo: () => {\n            for (let i = 0; i < batchCommands.length; i++) {\n              (batchCommands[i].redo ?? batchCommands[i].execute)();\n            }\n          },\n        };\n\n        this.undoStack.push(compoundCommand);\n        if (this.undoStack.length > this.maxDepth) {\n          this.undoStack.shift();\n        }\n        this.redoStack = [];\n        this.notify();\n      }\n    }\n  }\n\n  /**\n   * Reverts the most recent command on the undo stack.\n   * Returns true if a command was undone, false otherwise.\n   */\n  public undo(): boolean {\n    if (this.undoStack.length === 0 || this.isApplying || this.batchDepth > 0) {\n      return false;\n    }\n\n    this.isApplying = true;\n    try {\n      const command = this.undoStack.pop()!;\n      command.undo();\n      this.redoStack.push(command);\n      return true;\n    } finally {\n      this.isApplying = false;\n      this.notify();\n    }\n  }\n\n  /**\n   * Re-applies the most recent undone command on the redo stack.\n   * Returns true if a command was redone, false otherwise.\n   */\n  public redo(): boolean {\n    if (this.redoStack.length === 0 || this.isApplying || this.batchDepth > 0) {\n      return false;\n    }\n\n    this.isApplying = true;\n    try {\n      const command = this.redoStack.pop()!;\n      (command.redo ?? command.execute)();\n      this.undoStack.push(command);\n      return true;\n    } finally {\n      this.isApplying = false;\n      this.notify();\n    }\n  }\n\n  /**\n   * Clears both undo and redo stacks.\n   */\n  public clear(): void {\n    this.undoStack = [];\n    this.redoStack = [];\n    this.notify();\n  }\n\n  /**\n   * Subscribes to history state changes.\n   * The listener is immediately invoked with the current state.\n   * Returns an unsubscribe function.\n   */\n  public subscribe(listener: (state: HistoryState) => void): () => void {\n    this.listeners.add(listener);\n    listener(this.getState());\n    return () => {\n      this.listeners.delete(listener);\n    };\n  }\n\n  /**\n   * Utility helper to create a Command from before/after state snapshots.\n   */\n  public static createSnapshotCommand<T>(\n    options: SnapshotCommandOptions<T>,\n  ): Command {\n    return {\n      name: options.name,\n      tag: options.tag,\n      execute: () => options.apply(options.after),\n      undo: () => options.apply(options.before),\n      redo: () => options.apply(options.after),\n    };\n  }\n}\n\n/**\n * Creates and initializes a new HistoryManager instance.\n */\nexport function createHistoryManager(\n  options: HistoryManagerOptions = {},\n): HistoryManager {\n  return new HistoryManager(options);\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["/home/runner/work/editor/editor/packages/core/dist/history/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,yDAA8B;AAC9B;AACE;AACA;AACF,iIAAC","file":"/home/runner/work/editor/editor/packages/core/dist/history/index.cjs"}

package/dist/history/index.js

@@ -1,230 +1,7 @@
-// src/history/HistoryManager.ts
-var HistoryManager = class {
-  undoStack = [];
-  redoStack = [];
-  maxDepth;
-  isApplying = false;
-  batchDepth = 0;
-  currentBatch = null;
-  listeners = /* @__PURE__ */ new Set();
-  onStateChange;
-  cachedState;
-  constructor(options = {}) {
-    this.maxDepth = options.maxDepth ?? 50;
-    this.onStateChange = options.onStateChange;
-    this.cachedState = this.computeState();
-  }
-  computeState() {
-    const canUndo = this.undoStack.length > 0;
-    const canRedo = this.redoStack.length > 0;
-    return {
-      canUndo,
-      canRedo,
-      undoName: canUndo ? this.undoStack[this.undoStack.length - 1].name : "",
-      redoName: canRedo ? this.redoStack[this.redoStack.length - 1].name : "",
-      undoCount: this.undoStack.length,
-      redoCount: this.redoStack.length
-    };
-  }
-  /**
-   * Returns a snapshot of the current history state.
-   * Cached to maintain referential equality across renders for useSyncExternalStore.
-   */
-  getState() {
-    return this.cachedState;
-  }
-  notify() {
-    this.cachedState = this.computeState();
-    const state = this.cachedState;
-    this.onStateChange?.(state);
-    this.listeners.forEach((listener) => {
-      try {
-        listener(state);
-      } catch (err) {
-        console.error("[HistoryManager] Error in state listener:", err);
-      }
-    });
-  }
-  /**
-   * Executes a command and pushes it onto the undo stack.
-   * Clears the redo stack.
-   */
-  execute(command) {
-    if (this.isApplying) {
-      command.execute();
-      return;
-    }
-    if (this.batchDepth > 0 && this.currentBatch) {
-      command.execute();
-      this.currentBatch.push({
-        ...command,
-        timestamp: command.timestamp ?? Date.now()
-      });
-      return;
-    }
-    command.execute();
-    this.undoStack.push({
-      ...command,
-      timestamp: command.timestamp ?? Date.now()
-    });
-    if (this.undoStack.length > this.maxDepth) {
-      this.undoStack.shift();
-    }
-    this.redoStack = [];
-    this.notify();
-  }
-  /**
-   * Executes a command, coalescing it with the previous command if they share
-   * the same `tag` and occurred within `windowMs` (default: 300ms).
-   * Useful for high-frequency interactions like slider scrubs or node drags.
-   */
-  executeMerged(command, options = {}) {
-    const windowMs = options.windowMs ?? 300;
-    const now = Date.now();
-    if (command.tag && this.undoStack.length > 0 && this.batchDepth === 0 && !this.isApplying) {
-      const top = this.undoStack[this.undoStack.length - 1];
-      const elapsed = top.timestamp ? now - top.timestamp : Infinity;
-      if (top.tag === command.tag && elapsed <= windowMs) {
-        command.execute();
-        const initialUndo = top.undo;
-        this.undoStack[this.undoStack.length - 1] = {
-          name: command.name,
-          tag: command.tag,
-          timestamp: now,
-          execute: command.execute,
-          undo: initialUndo,
-          redo: command.redo ?? command.execute
-        };
-        this.redoStack = [];
-        this.notify();
-        return;
-      }
-    }
-    this.execute({ ...command, timestamp: now });
-  }
-  /**
-   * Batches multiple commands executed within `fn` into a single atomic undo entry.
-   */
-  batch(name, fn) {
-    if (this.isApplying) {
-      fn();
-      return;
-    }
-    if (this.batchDepth > 0) {
-      fn();
-      return;
-    }
-    this.batchDepth++;
-    this.currentBatch = [];
-    try {
-      fn();
-    } finally {
-      this.batchDepth--;
-      const batchCommands = this.currentBatch;
-      this.currentBatch = null;
-      if (batchCommands && batchCommands.length > 0) {
-        const compoundCommand = {
-          name,
-          timestamp: Date.now(),
-          execute: () => {
-            for (let i = 0; i < batchCommands.length; i++) {
-              (batchCommands[i].redo ?? batchCommands[i].execute)();
-            }
-          },
-          undo: () => {
-            for (let i = batchCommands.length - 1; i >= 0; i--) {
-              batchCommands[i].undo();
-            }
-          },
-          redo: () => {
-            for (let i = 0; i < batchCommands.length; i++) {
-              (batchCommands[i].redo ?? batchCommands[i].execute)();
-            }
-          }
-        };
-        this.undoStack.push(compoundCommand);
-        if (this.undoStack.length > this.maxDepth) {
-          this.undoStack.shift();
-        }
-        this.redoStack = [];
-        this.notify();
-      }
-    }
-  }
-  /**
-   * Reverts the most recent command on the undo stack.
-   * Returns true if a command was undone, false otherwise.
-   */
-  undo() {
-    if (this.undoStack.length === 0 || this.isApplying || this.batchDepth > 0) {
-      return false;
-    }
-    this.isApplying = true;
-    try {
-      const command = this.undoStack.pop();
-      command.undo();
-      this.redoStack.push(command);
-      return true;
-    } finally {
-      this.isApplying = false;
-      this.notify();
-    }
-  }
-  /**
-   * Re-applies the most recent undone command on the redo stack.
-   * Returns true if a command was redone, false otherwise.
-   */
-  redo() {
-    if (this.redoStack.length === 0 || this.isApplying || this.batchDepth > 0) {
-      return false;
-    }
-    this.isApplying = true;
-    try {
-      const command = this.redoStack.pop();
-      (command.redo ?? command.execute)();
-      this.undoStack.push(command);
-      return true;
-    } finally {
-      this.isApplying = false;
-      this.notify();
-    }
-  }
-  /**
-   * Clears both undo and redo stacks.
-   */
-  clear() {
-    this.undoStack = [];
-    this.redoStack = [];
-    this.notify();
-  }
-  /**
-   * Subscribes to history state changes.
-   * The listener is immediately invoked with the current state.
-   * Returns an unsubscribe function.
-   */
-  subscribe(listener) {
-    this.listeners.add(listener);
-    listener(this.getState());
-    return () => {
-      this.listeners.delete(listener);
-    };
-  }
-  /**
-   * Utility helper to create a Command from before/after state snapshots.
-   */
-  static createSnapshotCommand(options) {
-    return {
-      name: options.name,
-      tag: options.tag,
-      execute: () => options.apply(options.after),
-      undo: () => options.apply(options.before),
-      redo: () => options.apply(options.after)
-    };
-  }
-};
-function createHistoryManager(options = {}) {
-  return new HistoryManager(options);
-}
+import {
+  HistoryManager,
+  createHistoryManager
+} from "../chunk-GWHJVZPI.js";
 export {
   HistoryManager,
   createHistoryManager

package/dist/history/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/history/HistoryManager.ts"],"sourcesContent":["import {\n  Command,\n  HistoryManagerOptions,\n  HistoryState,\n  MergedExecutionOptions,\n  SnapshotCommandOptions,\n} from \"./types\";\n\n/**\n * UI-agnostic History and Undo/Redo manager supporting command closures,\n * snapshot diffs, transaction batching, and high-frequency event coalescing.\n */\nexport class HistoryManager {\n  private undoStack: Command[] = [];\n  private redoStack: Command[] = [];\n  private readonly maxDepth: number;\n  private isApplying = false;\n  private batchDepth = 0;\n  private currentBatch: Command[] | null = null;\n  private listeners: Set<(state: HistoryState) => void> = new Set();\n  private onStateChange?: (state: HistoryState) => void;\n  private cachedState: HistoryState;\n\n  constructor(options: HistoryManagerOptions = {}) {\n    this.maxDepth = options.maxDepth ?? 50;\n    this.onStateChange = options.onStateChange;\n    this.cachedState = this.computeState();\n  }\n\n  private computeState(): HistoryState {\n    const canUndo = this.undoStack.length > 0;\n    const canRedo = this.redoStack.length > 0;\n    return {\n      canUndo,\n      canRedo,\n      undoName: canUndo ? this.undoStack[this.undoStack.length - 1].name : \"\",\n      redoName: canRedo ? this.redoStack[this.redoStack.length - 1].name : \"\",\n      undoCount: this.undoStack.length,\n      redoCount: this.redoStack.length,\n    };\n  }\n\n  /**\n   * Returns a snapshot of the current history state.\n   * Cached to maintain referential equality across renders for useSyncExternalStore.\n   */\n  public getState(): HistoryState {\n    return this.cachedState;\n  }\n\n  private notify(): void {\n    this.cachedState = this.computeState();\n    const state = this.cachedState;\n    this.onStateChange?.(state);\n    this.listeners.forEach((listener) => {\n      try {\n        listener(state);\n      } catch (err) {\n        console.error(\"[HistoryManager] Error in state listener:\", err);\n      }\n    });\n  }\n\n  /**\n   * Executes a command and pushes it onto the undo stack.\n   * Clears the redo stack.\n   */\n  public execute(command: Command): void {\n    if (this.isApplying) {\n      command.execute();\n      return;\n    }\n\n    if (this.batchDepth > 0 && this.currentBatch) {\n      command.execute();\n      this.currentBatch.push({\n        ...command,\n        timestamp: command.timestamp ?? Date.now(),\n      });\n      return;\n    }\n\n    command.execute();\n\n    this.undoStack.push({\n      ...command,\n      timestamp: command.timestamp ?? Date.now(),\n    });\n\n    if (this.undoStack.length > this.maxDepth) {\n      this.undoStack.shift();\n    }\n\n    this.redoStack = [];\n    this.notify();\n  }\n\n  /**\n   * Executes a command, coalescing it with the previous command if they share\n   * the same `tag` and occurred within `windowMs` (default: 300ms).\n   * Useful for high-frequency interactions like slider scrubs or node drags.\n   */\n  public executeMerged(\n    command: Command,\n    options: MergedExecutionOptions = {},\n  ): void {\n    const windowMs = options.windowMs ?? 300;\n    const now = Date.now();\n\n    if (\n      command.tag &&\n      this.undoStack.length > 0 &&\n      this.batchDepth === 0 &&\n      !this.isApplying\n    ) {\n      const top = this.undoStack[this.undoStack.length - 1];\n      const elapsed = top.timestamp ? now - top.timestamp : Infinity;\n\n      if (top.tag === command.tag && elapsed <= windowMs) {\n        command.execute();\n        // Replace top with merged command keeping the original initial undo\n        const initialUndo = top.undo;\n        this.undoStack[this.undoStack.length - 1] = {\n          name: command.name,\n          tag: command.tag,\n          timestamp: now,\n          execute: command.execute,\n          undo: initialUndo,\n          redo: command.redo ?? command.execute,\n        };\n        this.redoStack = [];\n        this.notify();\n        return;\n      }\n    }\n\n    this.execute({ ...command, timestamp: now });\n  }\n\n  /**\n   * Batches multiple commands executed within `fn` into a single atomic undo entry.\n   */\n  public batch(name: string, fn: () => void): void {\n    if (this.isApplying) {\n      fn();\n      return;\n    }\n\n    if (this.batchDepth > 0) {\n      // Already inside a batch; execute directly\n      fn();\n      return;\n    }\n\n    this.batchDepth++;\n    this.currentBatch = [];\n\n    try {\n      fn();\n    } finally {\n      this.batchDepth--;\n      const batchCommands = this.currentBatch;\n      this.currentBatch = null;\n\n      if (batchCommands && batchCommands.length > 0) {\n        const compoundCommand: Command = {\n          name,\n          timestamp: Date.now(),\n          execute: () => {\n            for (let i = 0; i < batchCommands.length; i++) {\n              (batchCommands[i].redo ?? batchCommands[i].execute)();\n            }\n          },\n          undo: () => {\n            for (let i = batchCommands.length - 1; i >= 0; i--) {\n              batchCommands[i].undo();\n            }\n          },\n          redo: () => {\n            for (let i = 0; i < batchCommands.length; i++) {\n              (batchCommands[i].redo ?? batchCommands[i].execute)();\n            }\n          },\n        };\n\n        this.undoStack.push(compoundCommand);\n        if (this.undoStack.length > this.maxDepth) {\n          this.undoStack.shift();\n        }\n        this.redoStack = [];\n        this.notify();\n      }\n    }\n  }\n\n  /**\n   * Reverts the most recent command on the undo stack.\n   * Returns true if a command was undone, false otherwise.\n   */\n  public undo(): boolean {\n    if (this.undoStack.length === 0 || this.isApplying || this.batchDepth > 0) {\n      return false;\n    }\n\n    this.isApplying = true;\n    try {\n      const command = this.undoStack.pop()!;\n      command.undo();\n      this.redoStack.push(command);\n      return true;\n    } finally {\n      this.isApplying = false;\n      this.notify();\n    }\n  }\n\n  /**\n   * Re-applies the most recent undone command on the redo stack.\n   * Returns true if a command was redone, false otherwise.\n   */\n  public redo(): boolean {\n    if (this.redoStack.length === 0 || this.isApplying || this.batchDepth > 0) {\n      return false;\n    }\n\n    this.isApplying = true;\n    try {\n      const command = this.redoStack.pop()!;\n      (command.redo ?? command.execute)();\n      this.undoStack.push(command);\n      return true;\n    } finally {\n      this.isApplying = false;\n      this.notify();\n    }\n  }\n\n  /**\n   * Clears both undo and redo stacks.\n   */\n  public clear(): void {\n    this.undoStack = [];\n    this.redoStack = [];\n    this.notify();\n  }\n\n  /**\n   * Subscribes to history state changes.\n   * The listener is immediately invoked with the current state.\n   * Returns an unsubscribe function.\n   */\n  public subscribe(listener: (state: HistoryState) => void): () => void {\n    this.listeners.add(listener);\n    listener(this.getState());\n    return () => {\n      this.listeners.delete(listener);\n    };\n  }\n\n  /**\n   * Utility helper to create a Command from before/after state snapshots.\n   */\n  public static createSnapshotCommand<T>(\n    options: SnapshotCommandOptions<T>,\n  ): Command {\n    return {\n      name: options.name,\n      tag: options.tag,\n      execute: () => options.apply(options.after),\n      undo: () => options.apply(options.before),\n      redo: () => options.apply(options.after),\n    };\n  }\n}\n\n/**\n * Creates and initializes a new HistoryManager instance.\n */\nexport function createHistoryManager(\n  options: HistoryManagerOptions = {},\n): HistoryManager {\n  return new HistoryManager(options);\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/image-editor/index.cjs

@@ -1,46 +1,4 @@
-"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/image-editor/index.ts
-var image_editor_exports = {};
-__export(image_editor_exports, {
-  DEFAULT_ADJUSTMENTS: () => DEFAULT_ADJUSTMENTS,
-  DEFAULT_DEPTH_MASK: () => DEFAULT_DEPTH_MASK,
-  DEFAULT_TRANSFORM: () => DEFAULT_TRANSFORM,
-  ImageEditorController: () => ImageEditorController,
-  ImageEditorRenderer: () => ImageEditorRenderer,
-  applyAdjustments: () => applyAdjustments,
-  applyDepthMask: () => applyDepthMask,
-  calculateCropDrag: () => calculateCropDrag,
-  canvasToImagePoint: () => canvasToImagePoint,
-  getAnnotationBounds: () => getAnnotationBounds,
-  getCropCursor: () => getCropCursor,
-  getViewportMetrics: () => getViewportMetrics,
-  globalImageCache: () => globalImageCache,
-  hitTestAnnotation: () => hitTestAnnotation,
-  hitTestCrop: () => hitTestCrop,
-  imageToCanvasPoint: () => imageToCanvasPoint,
-  removeAlpha: () => removeAlpha
-});
-module.exports = __toCommonJS(image_editor_exports);
-
-// src/image-editor/filters.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2; var _class3;// src/image-editor/filters.ts
 function clamp(value, min = 0, max = 255) {
   return Math.max(min, Math.min(max, value));
 }
@@ -191,8 +149,8 @@ function removeAlpha(imageData) {
 }
 
 // src/image-editor/renderer.ts
-var ImageCache = class {
-  cache = /* @__PURE__ */ new Map();
+var ImageCache = (_class = class {constructor() { _class.prototype.__init.call(this); }
+  __init() {this.cache = /* @__PURE__ */ new Map()}
   async get(src) {
     const existing = this.cache.get(src);
     if (existing && existing.complete) {
@@ -217,7 +175,7 @@ var ImageCache = class {
             Object.defineProperty(img, "naturalWidth", { value: 800, configurable: true });
             Object.defineProperty(img, "naturalHeight", { value: 600, configurable: true });
             Object.defineProperty(img, "complete", { value: true, configurable: true });
-          } catch {
+          } catch (e2) {
           }
           this.cache.set(src, img);
           resolve(img);
@@ -231,12 +189,12 @@ var ImageCache = class {
   clear() {
     this.cache.clear();
   }
-};
+}, _class);
 var globalImageCache = new ImageCache();
-var ImageEditorRenderer = class {
-  imageCache = globalImageCache;
-  cachedBaseCanvas = null;
-  cachedBaseKey = "";
+var ImageEditorRenderer = (_class2 = class {constructor() { _class2.prototype.__init2.call(this);_class2.prototype.__init3.call(this);_class2.prototype.__init4.call(this); }
+  __init2() {this.imageCache = globalImageCache}
+  __init3() {this.cachedBaseCanvas = null}
+  __init4() {this.cachedBaseKey = ""}
   /**
    * Helper to create a canvas element safely in browser/JSDOM.
    */
@@ -289,7 +247,7 @@ var ImageEditorRenderer = class {
     const isSwapped = angle === 90 || angle === 270;
     const baseW = isSwapped ? cropH : cropW;
     const baseH = isSwapped ? cropW : cropH;
-    const baseKey = `${state.sourceUrl}-${naturalWidth}x${naturalHeight}-${cropX},${cropY},${cropW},${cropH}-${angle},${transform.flipH},${transform.flipV}-${adjustments.brightness},${adjustments.contrast},${adjustments.saturation},${adjustments.exposure},${adjustments.temperature},${adjustments.blur},${adjustments.opacity}-${depthMask.enabled},${depthMask.depthRange?.[0]}-${depthMask.depthRange?.[1]},${depthMask.softness},${depthMask.invert},${depthMask.mode}`;
+    const baseKey = `${state.sourceUrl}-${naturalWidth}x${naturalHeight}-${cropX},${cropY},${cropW},${cropH}-${angle},${transform.flipH},${transform.flipV}-${adjustments.brightness},${adjustments.contrast},${adjustments.saturation},${adjustments.exposure},${adjustments.temperature},${adjustments.blur},${adjustments.opacity}-${depthMask.enabled},${_optionalChain([depthMask, 'access', _ => _.depthRange, 'optionalAccess', _2 => _2[0]])}-${_optionalChain([depthMask, 'access', _3 => _3.depthRange, 'optionalAccess', _4 => _4[1]])},${depthMask.softness},${depthMask.invert},${depthMask.mode}`;
     let baseCanvas = this.cachedBaseCanvas;
     if (!baseCanvas || this.cachedBaseKey !== baseKey) {
       baseCanvas = this.createCanvas(baseW, baseH);
@@ -327,7 +285,7 @@ var ImageEditorRenderer = class {
                   applyDepthMask(imageData, maskData, depthMask);
                 }
               }
-            } catch {
+            } catch (e3) {
             }
           }
           baseCtx.putImageData(imageData, 0, 0);
@@ -359,12 +317,12 @@ var ImageEditorRenderer = class {
     ctx.restore();
     ctx.restore();
     const isCroppingActive = Boolean(options.showCropOverlay || state.activeTool === "crop");
-    const activeCrop = options.draftCrop !== void 0 && options.draftCrop !== null ? options.draftCrop : crop ?? (isCroppingActive ? {
+    const activeCrop = options.draftCrop !== void 0 && options.draftCrop !== null ? options.draftCrop : _nullishCoalesce(crop, () => ( (isCroppingActive ? {
       x: 0,
       y: 0,
       width: naturalWidth,
       height: naturalHeight
-    } : null);
+    } : null)));
     if (isCroppingActive && activeCrop) {
       this.drawCropOverlay(ctx, state, vpWidth, vpHeight, naturalWidth, naturalHeight, activeCrop);
     }
@@ -475,7 +433,7 @@ var ImageEditorRenderer = class {
         try {
           const loadedImg = await this.imageCache.get(imgAnn.src);
           ctx.drawImage(loadedImg, imgAnn.x, imgAnn.y, imgAnn.width, imgAnn.height);
-        } catch {
+        } catch (e4) {
         }
         break;
       }
@@ -558,12 +516,12 @@ var ImageEditorRenderer = class {
    * Draws a rule-of-thirds crop grid overlay.
    */
   drawCropOverlay(ctx, state, vpWidth, vpHeight, imgWidth, imgHeight, cropOverride) {
-    const crop = cropOverride !== void 0 && cropOverride !== null ? cropOverride : state.crop ?? {
+    const crop = cropOverride !== void 0 && cropOverride !== null ? cropOverride : _nullishCoalesce(state.crop, () => ( {
       x: 0,
       y: 0,
       width: imgWidth,
       height: imgHeight
-    };
+    }));
     if (!crop) return;
     const { transform, pan, zoom } = state;
     const angle = (transform.rotate % 360 + 360) % 360;
@@ -683,7 +641,7 @@ var ImageEditorRenderer = class {
                 applyDepthMask(imageData, maskData, depthMask);
               }
             }
-          } catch {
+          } catch (e5) {
           }
         }
         interCtx.putImageData(imageData, 0, 0);
@@ -714,8 +672,8 @@ var ImageEditorRenderer = class {
     if (!ctx) return maskCanvas;
     ctx.fillStyle = "#000000";
     ctx.fillRect(0, 0, naturalWidth, naturalHeight);
-    const useCrop = options?.useCrop ?? true;
-    const useAnnotations = options?.useAnnotations ?? true;
+    const useCrop = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _5 => _5.useCrop]), () => ( true));
+    const useAnnotations = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _6 => _6.useAnnotations]), () => ( true));
     if (useCrop && state.crop) {
       ctx.fillStyle = "#ffffff";
       ctx.fillRect(state.crop.x, state.crop.y, state.crop.width, state.crop.height);
@@ -762,7 +720,7 @@ var ImageEditorRenderer = class {
     }
     return maskCanvas;
   }
-};
+}, _class2);
 
 // src/image-editor/controller.ts
 var DEFAULT_ADJUSTMENTS = {
@@ -787,42 +745,42 @@ var DEFAULT_DEPTH_MASK = {
   softness: 10,
   invert: false
 };
-var ImageEditorController = class {
-  state;
-  renderer;
-  imageElement = null;
-  listeners = /* @__PURE__ */ new Set();
-  onStateChange;
+var ImageEditorController = (_class3 = class {
+  
+  
+  __init5() {this.imageElement = null}
+  __init6() {this.listeners = /* @__PURE__ */ new Set()}
+  
   // History stacks
-  undoStack = [];
-  redoStack = [];
-  maxHistoryDepth;
-  isApplyingHistory = false;
-  initialSnapshot;
-  constructor(options = {}) {
-    this.maxHistoryDepth = options.maxHistoryDepth ?? 50;
+  __init7() {this.undoStack = []}
+  __init8() {this.redoStack = []}
+  
+  __init9() {this.isApplyingHistory = false}
+  
+  constructor(options = {}) {;_class3.prototype.__init5.call(this);_class3.prototype.__init6.call(this);_class3.prototype.__init7.call(this);_class3.prototype.__init8.call(this);_class3.prototype.__init9.call(this);
+    this.maxHistoryDepth = _nullishCoalesce(options.maxHistoryDepth, () => ( 50));
     this.onStateChange = options.onStateChange;
     this.renderer = new ImageEditorRenderer();
     const initialAdjustments = {
       ...DEFAULT_ADJUSTMENTS,
-      ...options.initialState?.adjustments
+      ..._optionalChain([options, 'access', _7 => _7.initialState, 'optionalAccess', _8 => _8.adjustments])
     };
     const initialTransform = {
       ...DEFAULT_TRANSFORM,
-      ...options.initialState?.transform
+      ..._optionalChain([options, 'access', _9 => _9.initialState, 'optionalAccess', _10 => _10.transform])
     };
     const initialDepthMask = {
       ...DEFAULT_DEPTH_MASK,
-      ...options.initialState?.depthMask
+      ..._optionalChain([options, 'access', _11 => _11.initialState, 'optionalAccess', _12 => _12.depthMask])
     };
     this.state = {
       sourceUrl: typeof options.image === "string" ? options.image : null,
       imageDimensions: { width: 800, height: 600 },
-      crop: options.initialState?.crop ?? null,
+      crop: _nullishCoalesce(_optionalChain([options, 'access', _13 => _13.initialState, 'optionalAccess', _14 => _14.crop]), () => ( null)),
       transform: initialTransform,
       adjustments: initialAdjustments,
       depthMask: initialDepthMask,
-      annotations: options.initialState?.annotations ?? [],
+      annotations: _nullishCoalesce(_optionalChain([options, 'access', _15 => _15.initialState, 'optionalAccess', _16 => _16.annotations]), () => ( [])),
       selectedAnnotationId: null,
       activeTool: "select",
       zoom: 1,
@@ -881,7 +839,7 @@ var ImageEditorController = class {
   }
   notify() {
     const currentState = { ...this.state };
-    this.onStateChange?.(currentState);
+    _optionalChain([this, 'access', _17 => _17.onStateChange, 'optionalCall', _18 => _18(currentState)]);
     this.listeners.forEach((l) => l(currentState));
   }
   // --- History (Undo / Redo / Reset) ---
@@ -1106,7 +1064,7 @@ var ImageEditorController = class {
     if (!source) return;
     try {
       await this.renderer.renderToCanvas(targetCanvas, source, this.state, options);
-    } catch {
+    } catch (e6) {
     }
   }
   async renderExport(options) {
@@ -1119,13 +1077,13 @@ var ImageEditorController = class {
   async toDataURL(options = {}) {
     const canvas = await this.renderExport(options);
     const format = options.format || "image/png";
-    const quality = options.quality ?? 0.92;
+    const quality = _nullishCoalesce(options.quality, () => ( 0.92));
     return canvas.toDataURL(format, quality);
   }
   async toBlob(options = {}) {
     const canvas = await this.renderExport(options);
     const format = options.format || "image/png";
-    const quality = options.quality ?? 0.92;
+    const quality = _nullishCoalesce(options.quality, () => ( 0.92));
     return new Promise((resolve, reject) => {
       if (canvas.toBlob) {
         canvas.toBlob((blob) => {
@@ -1198,14 +1156,14 @@ var ImageEditorController = class {
     };
     this.state.annotations = JSON.parse(JSON.stringify(data.annotations || []));
   }
-};
+}, _class3);
 
 // src/image-editor/geometry.ts
 function getViewportMetrics(state, vpWidth, vpHeight, isActivelyCropping = false, cropOverride) {
   const { imageDimensions, crop: stateCrop, transform, zoom, pan } = state;
   const naturalWidth = imageDimensions.width || 800;
   const naturalHeight = imageDimensions.height || 600;
-  const activeCrop = cropOverride !== void 0 && cropOverride !== null ? cropOverride : stateCrop ?? (isActivelyCropping ? { x: 0, y: 0, width: naturalWidth, height: naturalHeight } : null);
+  const activeCrop = cropOverride !== void 0 && cropOverride !== null ? cropOverride : _nullishCoalesce(stateCrop, () => ( (isActivelyCropping ? { x: 0, y: 0, width: naturalWidth, height: naturalHeight } : null)));
   const cropW = !isActivelyCropping && activeCrop ? activeCrop.width : naturalWidth;
   const cropH = !isActivelyCropping && activeCrop ? activeCrop.height : naturalHeight;
   const angle = (transform.rotate % 360 + 360) % 360;
@@ -1419,24 +1377,23 @@ function hitTestAnnotation(imgPt, ann, padding = 10) {
   const b = getAnnotationBounds(ann);
   return imgPt.x >= b.x - padding && imgPt.x <= b.x + b.width + padding && imgPt.y >= b.y - padding && imgPt.y <= b.y + b.height + padding;
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DEFAULT_ADJUSTMENTS,
-  DEFAULT_DEPTH_MASK,
-  DEFAULT_TRANSFORM,
-  ImageEditorController,
-  ImageEditorRenderer,
-  applyAdjustments,
-  applyDepthMask,
-  calculateCropDrag,
-  canvasToImagePoint,
-  getAnnotationBounds,
-  getCropCursor,
-  getViewportMetrics,
-  globalImageCache,
-  hitTestAnnotation,
-  hitTestCrop,
-  imageToCanvasPoint,
-  removeAlpha
-});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.DEFAULT_ADJUSTMENTS = DEFAULT_ADJUSTMENTS; exports.DEFAULT_DEPTH_MASK = DEFAULT_DEPTH_MASK; exports.DEFAULT_TRANSFORM = DEFAULT_TRANSFORM; exports.ImageEditorController = ImageEditorController; exports.ImageEditorRenderer = ImageEditorRenderer; exports.applyAdjustments = applyAdjustments; exports.applyDepthMask = applyDepthMask; exports.calculateCropDrag = calculateCropDrag; exports.canvasToImagePoint = canvasToImagePoint; exports.getAnnotationBounds = getAnnotationBounds; exports.getCropCursor = getCropCursor; exports.getViewportMetrics = getViewportMetrics; exports.globalImageCache = globalImageCache; exports.hitTestAnnotation = hitTestAnnotation; exports.hitTestCrop = hitTestCrop; exports.imageToCanvasPoint = imageToCanvasPoint; exports.removeAlpha = removeAlpha;
 //# sourceMappingURL=index.cjs.map