@pixerate/editor 0.269.2 → 0.271.0

package/dist/{chunk-T4JPGBW3.cjs → chunk-DGITFN73.cjs}

@@ -5,7 +5,7 @@
 
 
 
-var _chunkYYBW6DF2cjs = require('./chunk-YYBW6DF2.cjs');
+var _chunkGSLOH2INcjs = require('./chunk-GSLOH2IN.cjs');
 
 
 var _chunkMDLEGVENcjs = require('./chunk-MDLEGVEN.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, _chunkYYBW6DF2cjs.ChartController)({ spec: this.node.attrs.spec });
+    this.controller = new (0, _chunkGSLOH2INcjs.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 = _chunkMDLEGVENcjs.layoutChart.call(void 0, spec, { width, height, theme: options.theme, selection: null });
-  return _chunkYYBW6DF2cjs.chartSceneToDomSpec.call(void 0, scene, {
+  return _chunkGSLOH2INcjs.chartSceneToDomSpec.call(void 0, scene, {
     ariaLabel: spec.title || "Chart",
-    description: _chunkYYBW6DF2cjs.describeChart.call(void 0, spec),
+    description: _chunkGSLOH2INcjs.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 = _chunkYYBW6DF2cjs.chartFromMermaid.call(void 0, _nullishCoalesce((_nullishCoalesce(code, () => ( element))).textContent, () => ( "")));
+          const result = _chunkGSLOH2INcjs.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 = _chunkYYBW6DF2cjs.chartToMermaid.call(void 0, node.attrs.spec);
+          const text = _chunkGSLOH2INcjs.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 = _chunkYYBW6DF2cjs.layoutSparkline.call(void 0, node.attrs.values, {
+    const scene = _chunkGSLOH2INcjs.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 = _chunkYYBW6DF2cjs.chartSceneToDomSpec.call(void 0, scene, {
+    const svg = _chunkGSLOH2INcjs.chartSceneToDomSpec.call(void 0, scene, {
       ariaLabel: sparklineLabel(node),
       attrs: { style: "display: inline-block; vertical-align: middle" }
     });

package/dist/{chunk-PY4GWSE2.cjs → chunk-EBFPMSJO.cjs}

@@ -9,6 +9,19 @@ var EffectRendererPool = (_class = class {
   get size() {
     return this.entries.size;
   }
+  /**
+   * Renders `request` on the caller's stack when this size's renderer is warm, idle and has
+   * `renderSync`; otherwise `null`, and nothing is rendered (an asynchronous provider never pays for it).
+   */
+  renderSync(provider, id, size, request) {
+    const depth = _nullishCoalesce(size.depth, () => ( 8));
+    const key = `${provider.id}:${id}@${size.width}x${size.height}x${depth}`;
+    const entry = this.entries.get(key);
+    if (!_optionalChain([entry, 'optionalAccess', _ => _.resolved, 'optionalAccess', _2 => _2.renderSync]) || entry.busy > 0) return null;
+    this.entries.delete(key);
+    this.entries.set(key, entry);
+    return entry.resolved.renderSync(request);
+  }
   /** Renders `request` with the provider's renderer for this effect, size and depth (made on first use). */
   render(provider, id, size, request) {
     const depth = _nullishCoalesce(size.depth, () => ( 8));
@@ -19,15 +32,24 @@ var EffectRendererPool = (_class = class {
       this.entries.set(key, entry);
     } else {
       const renderer = Promise.resolve().then(() => provider.createRenderer(id, { width: size.width, height: size.height, depth }));
-      renderer.catch(() => {
-        if (_optionalChain([this, 'access', _ => _.entries, 'access', _2 => _2.get, 'call', _3 => _3(key), 'optionalAccess', _4 => _4.renderer]) === renderer) this.entries.delete(key);
-      });
-      entry = { renderer, queue: Promise.resolve() };
+      const created = { renderer, busy: 0, queue: Promise.resolve() };
+      renderer.then(
+        (r) => {
+          created.resolved = r;
+        },
+        () => {
+          if (_optionalChain([this, 'access', _3 => _3.entries, 'access', _4 => _4.get, 'call', _5 => _5(key), 'optionalAccess', _6 => _6.renderer]) === renderer) this.entries.delete(key);
+        }
+      );
+      entry = created;
       this.entries.set(key, entry);
       this.evict();
     }
     const e = entry;
-    const next = e.queue.then(() => e.renderer).then((r) => r.render(request));
+    e.busy++;
+    const next = e.queue.then(() => e.renderer).then((r) => r.render(request)).finally(() => {
+      e.busy--;
+    });
     e.queue = next.catch(() => void 0);
     return next;
   }

package/dist/{chunk-NS62CQ2B.js → chunk-GAZPHCTV.js}

@@ -468,7 +468,8 @@ var HistoryManager = class {
       index,
       current: index === u - 1,
       undone: false,
-      origin: e.origin
+      origin: e.origin,
+      ...e.tag !== void 0 ? { tag: e.tag } : {}
     }));
     for (let i = this.redoStack.length - 1; i >= 0; i--) {
       const e = this.redoStack[i];
@@ -478,7 +479,8 @@ var HistoryManager = class {
         index: entries.length,
         current: false,
         undone: true,
-        origin: e.origin
+        origin: e.origin,
+        ...e.tag !== void 0 ? { tag: e.tag } : {}
       });
     }
     this.cachedEntries = entries;
@@ -513,6 +515,25 @@ var HistoryManager = class {
     }
     return n;
   }
+  /**
+   * Removes the steps `match` picks from the undo and redo stacks without running them, e.g.
+   * steps whose changes no longer apply because remote content replaced what they change. The
+   * other steps keep their order, a gesture merging into a removed step ends, and a mark whose
+   * step was removed is no longer valid. `match` gets each step as `getEntries` lists it (with
+   * its `tag`). Does nothing while a step is being applied or a batch is open. Returns how many
+   * steps were removed.
+   */
+  dropSteps(match) {
+    if (this.isApplying || this.batchDepth > 0) return 0;
+    const ids = new Set(this.getEntries().filter((e) => match(e)).map((e) => e.id));
+    if (ids.size === 0) return 0;
+    this.undoStack = this.undoStack.filter((e) => !ids.has(e.id));
+    this.redoStack = this.redoStack.filter((e) => !ids.has(e.id));
+    if (this.gestureEntryId !== null && ids.has(this.gestureEntryId)) this.resetGesture();
+    this.notify();
+    this.emit("drop");
+    return ids.size;
+  }
   /**
    * Clears both undo and redo stacks.
    */

package/dist/{chunk-YYBW6DF2.cjs → chunk-GSLOH2IN.cjs}

@@ -54,7 +54,7 @@ var _chunkP6WYDBTHcjs = require('./chunk-P6WYDBTH.cjs');
 var _chunkN3KJFGXTcjs = require('./chunk-N3KJFGXT.cjs');
 
 
-var _chunkWKPXOGZZcjs = require('./chunk-WKPXOGZZ.cjs');
+var _chunkWPLGZBNEcjs = require('./chunk-WPLGZBNE.cjs');
 
 // src/chart/mermaid.ts
 var CHART_MERMAID_META_PREFIX = "%% @pixerate ";
@@ -831,7 +831,7 @@ var ChartController = (_class = class {
   
   
   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);
-    this.history = _nullishCoalesce(options.history, () => ( new (0, _chunkWKPXOGZZcjs.HistoryManager)()));
+    this.history = _nullishCoalesce(options.history, () => ( new (0, _chunkWPLGZBNEcjs.HistoryManager)()));
     this.onChange = options.onChange;
     this.raceTicker = _nullishCoalesce(options.raceTicker, () => ( defaultRaceTicker));
     const { spec, issues } = _chunkP6WYDBTHcjs.normalizeChartSpec.call(void 0, _nullishCoalesce(options.spec, () => ( {})));