@pixerate/editor 0.244.0 → 0.246.0

package/dist/{chunk-W7GRGGBH.cjs → chunk-W7L4HUT2.cjs}

@@ -5,7 +5,7 @@
 
 
 
-var _chunkD2SGV525cjs = require('./chunk-D2SGV525.cjs');
+var _chunkXZNU4DUXcjs = require('./chunk-XZNU4DUX.cjs');
 
 
 var _chunkMOW3JMNGcjs = require('./chunk-MOW3JMNG.cjs');
@@ -1457,7 +1457,7 @@ var ChartNodeView = (_class = class {
     this.dom.contentEditable = "false";
     this.syncAttributes();
     this.key = specKey(this.node.attrs.spec);
-    this.controller = new (0, _chunkD2SGV525cjs.ChartController)({ spec: this.node.attrs.spec });
+    this.controller = new (0, _chunkXZNU4DUXcjs.ChartController)({ spec: this.node.attrs.spec });
     this.unsubscribe = this.controller.subscribe((state) => {
       if (!state.gesture) this.writeBack();
     });
@@ -1717,9 +1717,9 @@ function staticChartSvg(node, options) {
   const width = _nullishCoalesce(node.attrs.width, () => ( options.defaultWidth));
   const height = _nullishCoalesce(node.attrs.height, () => ( options.defaultHeight));
   const scene = _chunkMOW3JMNGcjs.layoutChart.call(void 0, spec, { width, height, theme: options.theme, selection: null });
-  return _chunkD2SGV525cjs.chartSceneToDomSpec.call(void 0, scene, {
+  return _chunkXZNU4DUXcjs.chartSceneToDomSpec.call(void 0, scene, {
     ariaLabel: spec.title || "Chart",
-    description: _chunkD2SGV525cjs.describeChart.call(void 0, spec),
+    description: _chunkXZNU4DUXcjs.describeChart.call(void 0, spec),
     attrs: { style: "max-width: 100%; height: auto; display: block" }
   });
 }
@@ -1787,7 +1787,7 @@ var Chart = _core.Node.create({
           const code = element.querySelector("code");
           const language = _nullishCoalesce(_nullishCoalesce(_optionalChain([code, 'optionalAccess', _47 => _47.getAttribute, 'call', _48 => _48("class")]), () => ( element.getAttribute("data-language"))), () => ( ""));
           if (!/(?:^|\s)language-mermaid(?:\s|$)/.test(language) && language !== "mermaid") return false;
-          const result = _chunkD2SGV525cjs.chartFromMermaid.call(void 0, _nullishCoalesce((_nullishCoalesce(code, () => ( element))).textContent, () => ( "")));
+          const result = _chunkXZNU4DUXcjs.chartFromMermaid.call(void 0, _nullishCoalesce((_nullishCoalesce(code, () => ( element))).textContent, () => ( "")));
           return result.family ? { spec: result.spec } : false;
         }
       }
@@ -1811,7 +1811,7 @@ var Chart = _core.Node.create({
     return {
       markdown: {
         serialize(state, node) {
-          const text = _chunkD2SGV525cjs.chartToMermaid.call(void 0, node.attrs.spec);
+          const text = _chunkXZNU4DUXcjs.chartToMermaid.call(void 0, node.attrs.spec);
           const fence = "`".repeat(Math.max(3, longestBacktickRun(text) + 1));
           state.write(`${fence}mermaid
 `);
@@ -1951,14 +1951,14 @@ var Sparkline = _core.Node.create({
     return [{ tag: 'span[data-type="sparkline"]', priority: 60 }];
   },
   renderHTML({ node, HTMLAttributes }) {
-    const scene = _chunkD2SGV525cjs.layoutSparkline.call(void 0, node.attrs.values, {
+    const scene = _chunkXZNU4DUXcjs.layoutSparkline.call(void 0, node.attrs.values, {
       kind: node.attrs.kind,
       width: node.attrs.width,
       height: node.attrs.height,
       color: _nullishCoalesce(node.attrs.color, () => ( this.options.color)),
       negativeColor: this.options.negativeColor
     });
-    const svg = _chunkD2SGV525cjs.chartSceneToDomSpec.call(void 0, scene, {
+    const svg = _chunkXZNU4DUXcjs.chartSceneToDomSpec.call(void 0, scene, {
       ariaLabel: sparklineLabel(node),
       attrs: { style: "display: inline-block; vertical-align: middle" }
     });

package/dist/{chunk-FJ2MSI43.cjs → chunk-WKPXOGZZ.cjs}

@@ -1,4 +1,13 @@
-"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;// src/history/HistoryManager.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;// src/history/types.ts
+var USER_ORIGIN = "user";
+function agentOrigin(agentId) {
+  return `agent:${agentId}`;
+}
+function originAgentId(origin) {
+  return _optionalChain([origin, 'optionalAccess', _ => _.startsWith, 'call', _2 => _2("agent:")]) ? origin.slice("agent:".length) || null : null;
+}
+
+// src/history/HistoryManager.ts
 var sumBytes = (parts) => parts.reduce((n, p) => n + p.bytes, 0);
 function undoParts(parts) {
   for (let i = parts.length - 1; i >= 0; i--) parts[i].undo();
@@ -16,21 +25,24 @@ var HistoryManager = (_class = class {
   __init4() {this.batchDepth = 0}
   __init5() {this.currentBatch = null}
   __init6() {this.listeners = /* @__PURE__ */ new Set()}
+  __init7() {this.commitListeners = /* @__PURE__ */ new Set()}
+  /** Origins set by `withOrigin`, innermost last. */
+  __init8() {this.origins = []}
   
   
-  __init7() {this.cachedEntries = null}
-  __init8() {this.nextId = 1}
-  __init9() {this.revision = 0}
+  __init9() {this.cachedEntries = null}
+  __init10() {this.nextId = 1}
+  __init11() {this.revision = 0}
   /** Bumped by `clear()`; marks from an earlier epoch are stale. */
-  __init10() {this.epoch = 0}
+  __init12() {this.epoch = 0}
   /** Number of steps dropped from the bottom (depth / byte budget) so far. */
-  __init11() {this.dropped = 0}
+  __init13() {this.dropped = 0}
   /** Key of the gesture that the top step belongs to (see `executeMerged`). */
-  __init12() {this.gestureKey = null}
-  __init13() {this.gestureEntryId = null}
+  __init14() {this.gestureKey = null}
+  __init15() {this.gestureEntryId = null}
   /** Key every merged execute takes while a gesture is held (`beginGesture`). */
-  __init14() {this.heldKey = null}
-  constructor(options = {}) {;_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);_class.prototype.__init4.call(this);_class.prototype.__init5.call(this);_class.prototype.__init6.call(this);_class.prototype.__init7.call(this);_class.prototype.__init8.call(this);_class.prototype.__init9.call(this);_class.prototype.__init10.call(this);_class.prototype.__init11.call(this);_class.prototype.__init12.call(this);_class.prototype.__init13.call(this);_class.prototype.__init14.call(this);
+  __init16() {this.heldKey = null}
+  constructor(options = {}) {;_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);_class.prototype.__init4.call(this);_class.prototype.__init5.call(this);_class.prototype.__init6.call(this);_class.prototype.__init7.call(this);_class.prototype.__init8.call(this);_class.prototype.__init9.call(this);_class.prototype.__init10.call(this);_class.prototype.__init11.call(this);_class.prototype.__init12.call(this);_class.prototype.__init13.call(this);_class.prototype.__init14.call(this);_class.prototype.__init15.call(this);_class.prototype.__init16.call(this);
     this.maxDepth = _nullishCoalesce(options.maxDepth, () => ( 50));
     this.maxBytes = Math.max(0, _nullishCoalesce(options.maxBytes, () => ( 0)));
     this.sizeOf = options.sizeOf;
@@ -68,7 +80,7 @@ var HistoryManager = (_class = class {
     this.cachedState = this.computeState();
     this.cachedEntries = null;
     const state = this.cachedState;
-    _optionalChain([this, 'access', _ => _.onStateChange, 'optionalCall', _2 => _2(state)]);
+    _optionalChain([this, 'access', _3 => _3.onStateChange, 'optionalCall', _4 => _4(state)]);
     this.listeners.forEach((listener) => {
       try {
         listener(state);
@@ -94,7 +106,8 @@ var HistoryManager = (_class = class {
       tag: command.tag,
       timestamp,
       parts: [part],
-      bytes: part.bytes
+      bytes: part.bytes,
+      origin: _nullishCoalesce(command.origin, () => ( this.getOrigin()))
     };
   }
   /** Pushes a step, clears redo and applies the depth and byte limits. */
@@ -143,14 +156,17 @@ var HistoryManager = (_class = class {
       command.execute();
       this.currentBatch.push({
         ...command,
-        timestamp: _nullishCoalesce(command.timestamp, () => ( Date.now()))
+        timestamp: _nullishCoalesce(command.timestamp, () => ( Date.now())),
+        origin: _nullishCoalesce(command.origin, () => ( this.getOrigin()))
       });
       return;
     }
     command.execute();
-    this.record(this.makeEntry(command, _nullishCoalesce(command.timestamp, () => ( Date.now()))));
+    const entry = this.makeEntry(command, _nullishCoalesce(command.timestamp, () => ( Date.now())));
+    this.record(entry);
     this.resetGesture();
     this.notify();
+    this.emit("execute", entry.id, entry.origin);
   }
   /**
    * Executes a command as part of a continuous interaction (slider scrub, node drag).
@@ -165,13 +181,15 @@ var HistoryManager = (_class = class {
   executeMerged(command, options = {}) {
     const now = Date.now();
     const key = _nullishCoalesce(this.heldKey, () => ( options.key));
+    const origin = _nullishCoalesce(command.origin, () => ( this.getOrigin()));
+    command = { ...command, origin };
     if (key !== void 0) {
       if (this.isApplying || this.batchDepth > 0) {
         this.execute({ ...command, timestamp: now });
         return;
       }
       const top = this.undoStack[this.undoStack.length - 1];
-      if (top && this.gestureKey === key && this.gestureEntryId === top.id) {
+      if (top && this.gestureKey === key && this.gestureEntryId === top.id && top.origin === origin) {
         command.execute();
         const redo = _nullishCoalesce(command.redo, () => ( command.execute));
         const bytes = this.measure(command);
@@ -186,6 +204,7 @@ var HistoryManager = (_class = class {
         this.redoStack = [];
         this.trim();
         this.notify();
+        this.emit("merge", top.id, origin);
         return;
       }
       this.execute({ ...command, timestamp: now });
@@ -200,7 +219,7 @@ var HistoryManager = (_class = class {
     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) {
+      if (top.tag === command.tag && elapsed <= windowMs && top.origin === origin) {
         command.execute();
         const initialParts = top.parts;
         const bytes = this.measure(command);
@@ -217,12 +236,14 @@ var HistoryManager = (_class = class {
               bytes
             }
           ],
-          bytes
+          bytes,
+          origin
         };
         this.redoStack = [];
         this.resetGesture();
         this.trim();
         this.notify();
+        this.emit("merge", top.id, origin);
         return;
       }
     }
@@ -281,8 +302,11 @@ var HistoryManager = (_class = class {
         }
       };
       const bytes = batchCommands.reduce((n, c) => n + this.measure(c), 0);
+      const id = this.nextId++;
+      const origin = _nullishCoalesce(batchCommands[0].origin, () => ( this.getOrigin()));
       this.record({
-        id: this.nextId++,
+        id,
+        origin,
         name,
         timestamp: Date.now(),
         parts: [
@@ -300,6 +324,7 @@ var HistoryManager = (_class = class {
       });
       this.resetGesture();
       this.notify();
+      this.emit("execute", id, origin);
     }
   }
   /**
@@ -330,12 +355,14 @@ var HistoryManager = (_class = class {
     undoParts(entry.parts);
     this.undoStack.pop();
     this.redoStack.push(entry);
+    return entry.id;
   }
   redoOne() {
     const entry = this.redoStack[this.redoStack.length - 1];
     redoParts(entry.parts);
     this.redoStack.pop();
     this.undoStack.push(entry);
+    return entry.id;
   }
   /**
    * Reverts the most recent command on the undo stack.
@@ -347,12 +374,14 @@ var HistoryManager = (_class = class {
     }
     this.isApplying = true;
     this.resetGesture();
+    let id = null;
     try {
-      this.undoOne();
+      id = this.undoOne();
       return true;
     } finally {
       this.isApplying = false;
       this.notify();
+      if (id !== null) this.emit("undo", id);
     }
   }
   /**
@@ -365,12 +394,14 @@ var HistoryManager = (_class = class {
     }
     this.isApplying = true;
     this.resetGesture();
+    let id = null;
     try {
-      this.redoOne();
+      id = this.redoOne();
       return true;
     } finally {
       this.isApplying = false;
       this.notify();
+      if (id !== null) this.emit("redo", id);
     }
   }
   /**
@@ -417,7 +448,10 @@ var HistoryManager = (_class = class {
     } finally {
       this.isApplying = false;
       this.redoStack = n > 0 ? [] : this.redoStack.filter((e) => e.id < mark.nextId);
-      if (n > 0 || this.redoStack.length !== redoBefore) this.notify();
+      if (n > 0 || this.redoStack.length !== redoBefore) {
+        this.notify();
+        this.emit("revert");
+      }
     }
     return n;
   }
@@ -433,7 +467,8 @@ var HistoryManager = (_class = class {
       label: e.name,
       index,
       current: index === u - 1,
-      undone: false
+      undone: false,
+      origin: e.origin
     }));
     for (let i = this.redoStack.length - 1; i >= 0; i--) {
       const e = this.redoStack[i];
@@ -442,7 +477,8 @@ var HistoryManager = (_class = class {
         label: e.name,
         index: entries.length,
         current: false,
-        undone: true
+        undone: true,
+        origin: e.origin
       });
     }
     this.cachedEntries = entries;
@@ -458,20 +494,22 @@ var HistoryManager = (_class = class {
     const target = Math.max(0, Math.min(total, Math.floor(index) + 1));
     if (target === this.undoStack.length) return 0;
     let n = 0;
+    const steps = [];
     this.isApplying = true;
     this.resetGesture();
     try {
       while (this.undoStack.length > target) {
-        this.undoOne();
+        steps.push(["undo", this.undoOne()]);
         n++;
       }
       while (this.undoStack.length < target) {
-        this.redoOne();
+        steps.push(["redo", this.redoOne()]);
         n++;
       }
     } finally {
       this.isApplying = false;
       this.notify();
+      for (const [kind, id] of steps) this.emit(kind, id);
     }
     return n;
   }
@@ -484,6 +522,7 @@ var HistoryManager = (_class = class {
     this.epoch++;
     this.resetGesture();
     this.notify();
+    this.emit("clear");
   }
   /**
    * Subscribes to history state changes.
@@ -497,6 +536,62 @@ var HistoryManager = (_class = class {
       this.listeners.delete(listener);
     };
   }
+  /**
+   * Listens to each change as it lands: what happened (`execute`, `merge`, `undo`, `redo`,
+   * `revert`, `clear`), the step and who made it. Unlike `subscribe`, it is not called at once
+   * and it hears every step of a `goTo`. Returns an unsubscribe function.
+   */
+  onCommit(listener) {
+    this.commitListeners.add(listener);
+    return () => {
+      this.commitListeners.delete(listener);
+    };
+  }
+  emit(kind, entryId, origin) {
+    if (this.commitListeners.size === 0) return;
+    const entry = entryId === void 0 ? void 0 : this.getEntries().find((e) => e.id === entryId);
+    const event = {
+      kind,
+      ...entry ? { entry } : {},
+      origin: _nullishCoalesce(origin, () => ( this.getOrigin())),
+      revision: this.revision
+    };
+    this.commitListeners.forEach((listener) => {
+      try {
+        listener(event);
+      } catch (err) {
+        console.error("[HistoryManager] Error in commit listener:", err);
+      }
+    });
+  }
+  /** The origin a change is recorded with when its command names none (see `withOrigin`). */
+  getOrigin() {
+    return _nullishCoalesce(this.origins[this.origins.length - 1], () => ( USER_ORIGIN));
+  }
+  /**
+   * Records the changes `fn` makes as made by `origin` (`agent:<id>` for an agent), unless a
+   * command names its own. When `fn` returns a promise, the origin holds until it settles, so
+   * anything else recorded on this history meanwhile (the user's own edits) is stamped with it
+   * too: give those commands an explicit `origin`, or keep agent work synchronous.
+   */
+  withOrigin(origin, fn) {
+    this.origins.push(origin);
+    let pending = false;
+    const pop = () => {
+      const i = this.origins.lastIndexOf(origin);
+      if (i >= 0) this.origins.splice(i, 1);
+    };
+    try {
+      const result = fn();
+      if (result && typeof result.then === "function") {
+        pending = true;
+        return Promise.resolve(result).finally(pop);
+      }
+      return result;
+    } finally {
+      if (!pending) pop();
+    }
+  }
   /**
    * Utility helper to create a Command from before/after state snapshots.
    */
@@ -517,4 +612,7 @@ function createHistoryManager(options = {}) {
 
 
 
-exports.HistoryManager = HistoryManager; exports.createHistoryManager = createHistoryManager;
+
+
+
+exports.USER_ORIGIN = USER_ORIGIN; exports.agentOrigin = agentOrigin; exports.originAgentId = originAgentId; exports.HistoryManager = HistoryManager; exports.createHistoryManager = createHistoryManager;