@pixerate/editor 0.53.0 → 0.55.0

package/dist/chart/index.cjs

@@ -1,4 +1,4 @@
-"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;
+"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;
 
 
 
@@ -141,6 +141,14 @@ require('../chunk-XP5IUZUO.cjs');
 
 
 var _chunkTNNJXF46cjs = require('../chunk-TNNJXF46.cjs');
+
+
+
+
+
+
+
+var _chunkEGFUVXKKcjs = require('../chunk-EGFUVXKK.cjs');
 require('../chunk-QKLRAA4T.cjs');
 
 // src/chart/raster.ts
@@ -1629,44 +1637,11 @@ function blendChartScenes(from, to, t) {
 var easeChartTween = (t) => 1 - Math.pow(1 - Math.max(0, Math.min(1, t)), 3);
 
 // src/chart/presence.ts
-var ChartPresence = (_class2 = class {constructor() { _class2.prototype.__init4.call(this);_class2.prototype.__init5.call(this);_class2.prototype.__init6.call(this);_class2.prototype.__init7.call(this); }
-  __init4() {this.state = { actors: [] }}
-  __init5() {this.listeners = /* @__PURE__ */ new Set()}
-  __init6() {this.getState = () => this.state}
-  __init7() {this.subscribe = (listener) => {
-    this.listeners.add(listener);
-    return () => {
-      this.listeners.delete(listener);
-    };
-  }}
-  /** Adds or changes an actor. */
-  set(actor) {
-    const current = this.state.actors.find((a) => a.id === actor.id);
-    const next = { name: actor.id, color: CHART_PRESENCE_COLORS[this.state.actors.length % CHART_PRESENCE_COLORS.length], x: 0, y: 0, pressed: false, ...current, ...actor };
-    this.state = { actors: current ? this.state.actors.map((a) => a.id === actor.id ? next : a) : [...this.state.actors, next] };
-    this.listeners.forEach((l) => l(this.state));
-  }
-  remove(id) {
-    if (!this.state.actors.some((a) => a.id === id)) return;
-    this.state = { actors: this.state.actors.filter((a) => a.id !== id) };
-    this.listeners.forEach((l) => l(this.state));
-  }
-}, _class2);
-var CHART_PRESENCE_COLORS = ["#7c3aed", "#db2777", "#0891b2", "#ea580c", "#16a34a"];
-var realChartClock = {
-  now: () => Date.now(),
-  wait: (ms) => new Promise((resolve2) => setTimeout(resolve2, Math.max(0, ms)))
+var ChartPresence = class extends _chunkEGFUVXKKcjs.PresenceStore {
 };
-function createInstantChartClock(start = 0) {
-  let t = start;
-  return {
-    now: () => t,
-    wait: async (ms) => {
-      t += Math.max(0, ms);
-    },
-    elapsed: () => t - start
-  };
-}
+var CHART_PRESENCE_COLORS = _chunkEGFUVXKKcjs.PRESENCE_COLORS;
+var realChartClock = _chunkEGFUVXKKcjs.realPresenceClock;
+var createInstantChartClock = _chunkEGFUVXKKcjs.createInstantPresenceClock;
 function chartPointAnchor(scene, seriesId, index) {
   const mark = scene.marks.find((m) => (m.role === "bar" || m.role === "point") && _optionalChain([m, 'access', _91 => _91.target, 'optionalAccess', _92 => _92.kind]) === "point" && m.target.seriesId === seriesId && m.target.index === index);
   if (!mark) return null;
@@ -1727,41 +1702,31 @@ function planChartCommand(spec, scene, command, speed = 1) {
     }
   }
 }
-var ChartDirector = (_class3 = class {
-  constructor(controller, presence, options) {;_class3.prototype.__init8.call(this);_class3.prototype.__init9.call(this);
+var ChartDirector = class {
+  constructor(controller, presence, options) {
     this.controller = controller;
     this.presence = presence;
     this.options = options;
     this.clock = _nullishCoalesce(options.clock, () => ( realChartClock));
+    this.queue = new (0, _chunkEGFUVXKKcjs.PerformanceQueue)(presence, {
+      clock: this.clock,
+      linger: options.linger,
+      beginGesture: (key) => controller.beginGesture(key),
+      endGesture: () => controller.endGesture()
+    });
   }
   
   
   
-  __init8() {this.queues = /* @__PURE__ */ new Map()}
   
-  __init9() {this.calls = 0}
+  
   /** Acts out `commands` in order for `actor`. Resolves with one result per command. */
   perform(actor, commands) {
-    const prev = _nullishCoalesce(this.queues.get(actor.id), () => ( Promise.resolve()));
-    const run = prev.then(async () => {
+    return this.queue.run(actor, async () => {
       const results = [];
-      this.presence.set({ id: actor.id, ...actor.name ? { name: actor.name } : {}, ...actor.color ? { color: actor.color } : {} });
-      this.controller.beginGesture(`agent:${actor.id}:${++this.calls}`);
-      try {
-        for (const command of commands) results.push(await this.performOne(actor.id, command));
-      } finally {
-        this.controller.endGesture();
-        this.presence.set({ id: actor.id, message: void 0, pressed: false });
-      }
-      const linger = _nullishCoalesce(this.options.linger, () => ( 1500));
-      if (linger > 0) {
-        await this.clock.wait(linger);
-        if (this.queues.get(actor.id) === run) this.presence.remove(actor.id);
-      }
+      for (const command of commands) results.push(await this.performOne(actor.id, command));
       return results;
     });
-    this.queues.set(actor.id, run.catch(() => void 0));
-    return run;
   }
   stale(command) {
     const spec = this.controller.getSpec();
@@ -1773,15 +1738,8 @@ var ChartDirector = (_class3 = class {
     }
     return null;
   }
-  async move(id, from, to, ms, each) {
-    const frames = Math.max(1, Math.round(ms / 16));
-    for (let f = 1; f <= frames; f++) {
-      const t = f / frames;
-      const e = 1 - Math.pow(1 - t, 3);
-      this.presence.set({ id, x: from.x + (to.x - from.x) * e, y: from.y + (to.y - from.y) * e });
-      _optionalChain([each, 'optionalCall', _100 => _100(e)]);
-      await this.clock.wait(ms / frames);
-    }
+  move(id, from, to, ms, each) {
+    return _chunkEGFUVXKKcjs.tweenPresenceCursor.call(void 0, this.presence, this.clock, id, from, to, ms, each);
   }
   async performOne(id, command) {
     const stale = this.stale(command);
@@ -1811,7 +1769,7 @@ var ChartDirector = (_class3 = class {
             if (command.kind !== "setValue") break;
             const stale2 = this.stale(command);
             if (stale2) return { ok: false, command, message: stale2 };
-            const label = `${_nullishCoalesce(_optionalChain([this, 'access', _101 => _101.presence, 'access', _102 => _102.getState, 'call', _103 => _103(), 'access', _104 => _104.actors, 'access', _105 => _105.find, 'call', _106 => _106((a) => a.id === id), 'optionalAccess', _107 => _107.name]), () => ( "Agent"))}: edit value`;
+            const label = `${_nullishCoalesce(_optionalChain([this, 'access', _100 => _100.presence, 'access', _101 => _101.getState, 'call', _102 => _102(), 'access', _103 => _103.actors, 'access', _104 => _104.find, 'call', _105 => _105((a) => a.id === id), 'optionalAccess', _106 => _106.name]), () => ( "Agent"))}: edit value`;
             await this.move(id, where(), step.to, step.ms, (e) => {
               const v = step.from + (step.value - step.from) * e;
               this.controller.setValue(command.seriesId, command.index, Number(v.toPrecision(12)), { label });
@@ -1832,7 +1790,7 @@ var ChartDirector = (_class3 = class {
       return { ok: true, command };
     }
   }
-}, _class3);
+};
 
 // src/chart/office-files.ts
 var OfficeChartsError = class extends Error {
@@ -1859,7 +1817,7 @@ function elements(root, localName) {
 }
 function relId(el, localName = "id") {
   for (const a of Array.from(el.attributes)) {
-    if (a.localName === localName && (_optionalChain([a, 'access', _108 => _108.namespaceURI, 'optionalAccess', _109 => _109.includes, 'call', _110 => _110("relationships")]) || a.prefix === "r")) return a.value;
+    if (a.localName === localName && (_optionalChain([a, 'access', _107 => _107.namespaceURI, 'optionalAccess', _108 => _108.includes, 'call', _109 => _109("relationships")]) || a.prefix === "r")) return a.value;
   }
   return void 0;
 }
@@ -1878,7 +1836,7 @@ async function readRels(r, partPath) {
     const id = rel.getAttribute("Id");
     if (!id) continue;
     const target = _nullishCoalesce(rel.getAttribute("Target"), () => ( ""));
-    const external = _optionalChain([rel, 'access', _111 => _111.getAttribute, 'call', _112 => _112("TargetMode"), 'optionalAccess', _113 => _113.toLowerCase, 'call', _114 => _114()]) === "external";
+    const external = _optionalChain([rel, 'access', _110 => _110.getAttribute, 'call', _111 => _111("TargetMode"), 'optionalAccess', _112 => _112.toLowerCase, 'call', _113 => _113()]) === "external";
     rels.set(id, { type: _nullishCoalesce(rel.getAttribute("Type"), () => ( "")), target: external ? target : resolvePartPath(dirname(partPath), target), external });
   }
   return rels;
@@ -1888,7 +1846,7 @@ function frameName(ref) {
   for (let el = ref.parentElement; el; el = el.parentElement) {
     if (el.localName === "graphicFrame") {
       const nv = elements(el, "cNvPr")[0];
-      return _optionalChain([nv, 'optionalAccess', _115 => _115.getAttribute, 'call', _116 => _116("name")]) || void 0;
+      return _optionalChain([nv, 'optionalAccess', _114 => _114.getAttribute, 'call', _115 => _115("name")]) || void 0;
     }
   }
   return void 0;
@@ -1924,8 +1882,8 @@ function columnName(index) {
   return name;
 }
 function anchorCell(marker) {
-  const col = Number(_optionalChain([firstChild, 'call', _117 => _117(marker, "col"), 'optionalAccess', _118 => _118.textContent]));
-  const row = Number(_optionalChain([firstChild, 'call', _119 => _119(marker, "row"), 'optionalAccess', _120 => _120.textContent]));
+  const col = Number(_optionalChain([firstChild, 'call', _116 => _116(marker, "col"), 'optionalAccess', _117 => _117.textContent]));
+  const row = Number(_optionalChain([firstChild, 'call', _118 => _118(marker, "row"), 'optionalAccess', _119 => _119.textContent]));
   return Number.isInteger(col) && Number.isInteger(row) && col >= 0 && row >= 0 ? `${columnName(col)}${row + 1}` : void 0;
 }
 function drawingPlace(ref) {
@@ -2088,7 +2046,7 @@ function createOfficeChartToolProvider(options = {}) {
     description: "Lists the Office files the user opened that charts can be read from. Returns their names and sizes in bytes.",
     inputSchema: { type: "object", properties: {}, additionalProperties: false },
     annotations: { title: "List open files", ...READ2 },
-    handler: () => ({ files: (_nullishCoalesce(_optionalChain([options, 'access', _121 => _121.files, 'optionalCall', _122 => _122()]), () => ( []))).map((f) => ({ name: f.name, bytes: f.data.byteLength })) })
+    handler: () => ({ files: (_nullishCoalesce(_optionalChain([options, 'access', _120 => _120.files, 'optionalCall', _121 => _121()]), () => ( []))).map((f) => ({ name: f.name, bytes: f.data.byteLength })) })
   };
   const listCharts = {
     name: "list_file_charts",