@pixerate/editor 0.53.0 → 0.54.0

package/dist/chart/index.d.cts

@@ -1,7 +1,8 @@
 import { C as ChartValueScale, a as ChartNumberFormat, b as ChartValue, c as ChartRect, d as ChartErrorBars, e as ChartErrorBarType, f as ChartScene, g as ChartSpec, h as ChartLayoutOptions, i as ChartTheme, j as ChartWarning, k as ChartAxis, l as ChartLegend, m as ChartType, n as ChartStacking, o as ChartSeries, p as ChartIssue, q as ChartController, r as ChartSelection, s as ChartSpecPatch } from '../controller-CX0QfSv0.cjs';
 export { t as CHART_AXIS_KINDS, u as CHART_AXIS_SCALES, v as CHART_CURVES, w as CHART_LABEL_POSITIONS, x as CHART_LEGEND_POSITIONS, y as CHART_MARKERS, z as CHART_NUMBER_STYLES, A as CHART_ORIENTATIONS, B as CHART_SERIES_TYPES, D as CHART_STACKINGS, E as CHART_TRENDLINE_TYPES, F as CHART_TYPES, G as CHART_TYPE_LABELS, H as CSS_VARIABLE_CHART_THEME, I as ChartActionResult, J as ChartCircleMark, K as ChartControllerOptions, L as ChartCurve, M as ChartDomSpec, N as ChartEditOptions, O as ChartFamily, P as ChartLabelPosition, Q as ChartLegendPosition, R as ChartLineMark, S as ChartMark, T as ChartMarkRole, U as ChartMarker, V as ChartOrientation, W as ChartPathMark, X as ChartRectMark, Y as ChartSeriesInput, Z as ChartSeriesPatch, _ as ChartSeriesType, $ as ChartSparklineKind, a0 as ChartSparklineOptions, a1 as ChartState, a2 as ChartSvgOptions, a3 as ChartTableData, a4 as ChartTableOptions, a5 as ChartTextMark, a6 as ChartTextMeasure, a7 as ChartTrendFit, a8 as ChartTrendline, a9 as ChartTrendlineType, aa as DEFAULT_CHART_PALETTE, ab as DEFAULT_CHART_THEME, ac as chartColorInputValue, ad as chartColorsByCategory, ae as chartDataFromTable, af as chartDataToTable, ag as chartFamily, ah as chartMovingAverage, ai as chartPointColor, aj as chartSceneToDomSpec, ak as chartSceneToSvg, al as chartSeriesColor, am as chartSeriesType, an as chartSliceColor, ao as chartSupportsTrendlines, ap as chartTextBaseline, aq as chartTextTransform, ar as chartToSvg, as as chartTrendlineName, at as cloneChartSeries, au as cloneChartSpec, av as contrastingTextColor, aw as createChartController, ax as createChartSpec, ay as defaultChartAxis, az as estimateChartTextWidth, aA as fitChartTrendline, aB as isCartesianChart, aC as isXyChart, aD as layoutSparkline, aE as normalizeChartAxis, aF as normalizeChartErrorBars, aG as normalizeChartSpec, aH as normalizeChartTrendline, aI as normalizeChartValues, aJ as parseChartValue, aK as sameChartSelection, aL as sparklineToSvg, aM as trendNumberText, aN as uniqueChartSeriesId } from '../controller-CX0QfSv0.cjs';
 import { C as CommandSpec } from '../registry-CaR7LC6W.cjs';
-import { A as AgentToolProvider } from '../registry-B4l-lYts.cjs';
+import { A as AgentToolProvider } from '../registry-DIpIaCkH.cjs';
+import { e as PresenceClock, g as PresenceStore, d as PresenceActorInfo, c as PresenceActor, f as PresenceState, h as createInstantPresenceClock } from '../presence-Cb6WhcrQ.cjs';
 import { Z as ZipReadOptions } from '../zip-4nG0YAH7.cjs';
 import '../HistoryManager-DeQQMBCj.cjs';
 import '../types-DsiXGmjo.cjs';
@@ -774,42 +775,17 @@ interface ChartOoxmlWriteResult {
  */
 declare function chartToOoxml(spec: ChartSpec): ChartOoxmlWriteResult;
 
-interface ChartPresenceActor {
-    id: string;
-    name: string;
-    color: string;
-    /** Cursor position in scene coordinates. */
-    x: number;
-    y: number;
-    /** The button is down (dragging). */
-    pressed: boolean;
-    /** A short note shown next to the cursor (what the agent is doing). */
-    message?: string;
-}
-interface ChartPresenceState {
-    actors: readonly ChartPresenceActor[];
-}
+type ChartPresenceActor = PresenceActor;
+type ChartPresenceState = PresenceState;
 /** Cursor positions and notes of agents acting on a chart, for an overlay. */
-declare class ChartPresence {
-    private state;
-    private readonly listeners;
-    getState: () => ChartPresenceState;
-    subscribe: (listener: (state: ChartPresenceState) => void) => (() => void);
-    /** Adds or changes an actor. */
-    set(actor: Pick<ChartPresenceActor, 'id'> & Partial<ChartPresenceActor>): void;
-    remove(id: string): void;
+declare class ChartPresence extends PresenceStore {
 }
 declare const CHART_PRESENCE_COLORS: readonly string[];
 /** Time for performances: real timers, or an instant clock for tests and recordings. */
-interface ChartClock {
-    now(): number;
-    wait(ms: number): Promise<void>;
-}
+type ChartClock = PresenceClock;
 declare const realChartClock: ChartClock;
 /** A clock whose waits finish at once while its time still advances (repeatable performances). */
-declare function createInstantChartClock(start?: number): ChartClock & {
-    elapsed(): number;
-};
+declare const createInstantChartClock: typeof createInstantPresenceClock;
 /** What an agent asks for. Each command commits as one undo step. */
 type ChartAgentCommand = {
     kind: 'setValue';
@@ -877,11 +853,7 @@ interface ChartDirectorOptions {
     /** Hide each actor's cursor this long after its last command (ms, default 1500; 0 keeps it). */
     linger?: number;
 }
-interface ChartDirectorActor {
-    id: string;
-    name?: string;
-    color?: string;
-}
+type ChartDirectorActor = PresenceActorInfo;
 type ChartPerformanceResult = {
     ok: true;
     command: ChartAgentCommand;
@@ -900,9 +872,8 @@ declare class ChartDirector {
     private readonly controller;
     readonly presence: ChartPresence;
     private readonly options;
-    private readonly queues;
     private readonly clock;
-    private calls;
+    private readonly queue;
     constructor(controller: ChartController, presence: ChartPresence, options: ChartDirectorOptions);
     /** Acts out `commands` in order for `actor`. Resolves with one result per command. */
     perform(actor: ChartDirectorActor, commands: readonly ChartAgentCommand[]): Promise<ChartPerformanceResult[]>;

package/dist/chart/index.d.ts

@@ -1,7 +1,8 @@
 import { C as ChartValueScale, a as ChartNumberFormat, b as ChartValue, c as ChartRect, d as ChartErrorBars, e as ChartErrorBarType, f as ChartScene, g as ChartSpec, h as ChartLayoutOptions, i as ChartTheme, j as ChartWarning, k as ChartAxis, l as ChartLegend, m as ChartType, n as ChartStacking, o as ChartSeries, p as ChartIssue, q as ChartController, r as ChartSelection, s as ChartSpecPatch } from '../controller-DscWQbjO.js';
 export { t as CHART_AXIS_KINDS, u as CHART_AXIS_SCALES, v as CHART_CURVES, w as CHART_LABEL_POSITIONS, x as CHART_LEGEND_POSITIONS, y as CHART_MARKERS, z as CHART_NUMBER_STYLES, A as CHART_ORIENTATIONS, B as CHART_SERIES_TYPES, D as CHART_STACKINGS, E as CHART_TRENDLINE_TYPES, F as CHART_TYPES, G as CHART_TYPE_LABELS, H as CSS_VARIABLE_CHART_THEME, I as ChartActionResult, J as ChartCircleMark, K as ChartControllerOptions, L as ChartCurve, M as ChartDomSpec, N as ChartEditOptions, O as ChartFamily, P as ChartLabelPosition, Q as ChartLegendPosition, R as ChartLineMark, S as ChartMark, T as ChartMarkRole, U as ChartMarker, V as ChartOrientation, W as ChartPathMark, X as ChartRectMark, Y as ChartSeriesInput, Z as ChartSeriesPatch, _ as ChartSeriesType, $ as ChartSparklineKind, a0 as ChartSparklineOptions, a1 as ChartState, a2 as ChartSvgOptions, a3 as ChartTableData, a4 as ChartTableOptions, a5 as ChartTextMark, a6 as ChartTextMeasure, a7 as ChartTrendFit, a8 as ChartTrendline, a9 as ChartTrendlineType, aa as DEFAULT_CHART_PALETTE, ab as DEFAULT_CHART_THEME, ac as chartColorInputValue, ad as chartColorsByCategory, ae as chartDataFromTable, af as chartDataToTable, ag as chartFamily, ah as chartMovingAverage, ai as chartPointColor, aj as chartSceneToDomSpec, ak as chartSceneToSvg, al as chartSeriesColor, am as chartSeriesType, an as chartSliceColor, ao as chartSupportsTrendlines, ap as chartTextBaseline, aq as chartTextTransform, ar as chartToSvg, as as chartTrendlineName, at as cloneChartSeries, au as cloneChartSpec, av as contrastingTextColor, aw as createChartController, ax as createChartSpec, ay as defaultChartAxis, az as estimateChartTextWidth, aA as fitChartTrendline, aB as isCartesianChart, aC as isXyChart, aD as layoutSparkline, aE as normalizeChartAxis, aF as normalizeChartErrorBars, aG as normalizeChartSpec, aH as normalizeChartTrendline, aI as normalizeChartValues, aJ as parseChartValue, aK as sameChartSelection, aL as sparklineToSvg, aM as trendNumberText, aN as uniqueChartSeriesId } from '../controller-DscWQbjO.js';
 import { C as CommandSpec } from '../registry-rVtFJjRM.js';
-import { A as AgentToolProvider } from '../registry-CSlH4iUn.js';
+import { A as AgentToolProvider } from '../registry-7AZFuand.js';
+import { e as PresenceClock, g as PresenceStore, d as PresenceActorInfo, c as PresenceActor, f as PresenceState, h as createInstantPresenceClock } from '../presence-Cb6WhcrQ.js';
 import { Z as ZipReadOptions } from '../zip-4nG0YAH7.js';
 import '../HistoryManager-DWSLd6Tf.js';
 import '../types-DsiXGmjo.js';
@@ -774,42 +775,17 @@ interface ChartOoxmlWriteResult {
  */
 declare function chartToOoxml(spec: ChartSpec): ChartOoxmlWriteResult;
 
-interface ChartPresenceActor {
-    id: string;
-    name: string;
-    color: string;
-    /** Cursor position in scene coordinates. */
-    x: number;
-    y: number;
-    /** The button is down (dragging). */
-    pressed: boolean;
-    /** A short note shown next to the cursor (what the agent is doing). */
-    message?: string;
-}
-interface ChartPresenceState {
-    actors: readonly ChartPresenceActor[];
-}
+type ChartPresenceActor = PresenceActor;
+type ChartPresenceState = PresenceState;
 /** Cursor positions and notes of agents acting on a chart, for an overlay. */
-declare class ChartPresence {
-    private state;
-    private readonly listeners;
-    getState: () => ChartPresenceState;
-    subscribe: (listener: (state: ChartPresenceState) => void) => (() => void);
-    /** Adds or changes an actor. */
-    set(actor: Pick<ChartPresenceActor, 'id'> & Partial<ChartPresenceActor>): void;
-    remove(id: string): void;
+declare class ChartPresence extends PresenceStore {
 }
 declare const CHART_PRESENCE_COLORS: readonly string[];
 /** Time for performances: real timers, or an instant clock for tests and recordings. */
-interface ChartClock {
-    now(): number;
-    wait(ms: number): Promise<void>;
-}
+type ChartClock = PresenceClock;
 declare const realChartClock: ChartClock;
 /** A clock whose waits finish at once while its time still advances (repeatable performances). */
-declare function createInstantChartClock(start?: number): ChartClock & {
-    elapsed(): number;
-};
+declare const createInstantChartClock: typeof createInstantPresenceClock;
 /** What an agent asks for. Each command commits as one undo step. */
 type ChartAgentCommand = {
     kind: 'setValue';
@@ -877,11 +853,7 @@ interface ChartDirectorOptions {
     /** Hide each actor's cursor this long after its last command (ms, default 1500; 0 keeps it). */
     linger?: number;
 }
-interface ChartDirectorActor {
-    id: string;
-    name?: string;
-    color?: string;
-}
+type ChartDirectorActor = PresenceActorInfo;
 type ChartPerformanceResult = {
     ok: true;
     command: ChartAgentCommand;
@@ -900,9 +872,8 @@ declare class ChartDirector {
     private readonly controller;
     readonly presence: ChartPresence;
     private readonly options;
-    private readonly queues;
     private readonly clock;
-    private calls;
+    private readonly queue;
     constructor(controller: ChartController, presence: ChartPresence, options: ChartDirectorOptions);
     /** Acts out `commands` in order for `actor`. Resolves with one result per command. */
     perform(actor: ChartDirectorActor, commands: readonly ChartAgentCommand[]): Promise<ChartPerformanceResult[]>;

package/dist/chart/index.js

@@ -142,6 +142,14 @@ import {
   parseCsv
 } from "../chunk-664LQYFJ.js";
 import "../chunk-QVZZGT4X.js";
+import {
+  PRESENCE_COLORS,
+  PerformanceQueue,
+  PresenceStore,
+  createInstantPresenceClock,
+  realPresenceClock,
+  tweenPresenceCursor
+} from "../chunk-B6DSIEXA.js";
 
 // src/chart/raster.ts
 var CHART_RASTER_MAX_SIZE = 1024;
@@ -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 = class {
-  state = { actors: [] };
-  listeners = /* @__PURE__ */ new Set();
-  getState = () => this.state;
-  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));
-  }
-};
-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 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 = PRESENCE_COLORS;
+var realChartClock = realPresenceClock;
+var createInstantChartClock = createInstantPresenceClock;
 function chartPointAnchor(scene, seriesId, index) {
   const mark = scene.marks.find((m) => (m.role === "bar" || m.role === "point") && m.target?.kind === "point" && m.target.seriesId === seriesId && m.target.index === index);
   if (!mark) return null;
@@ -1733,35 +1708,25 @@ var ChartDirector = class {
     this.presence = presence;
     this.options = options;
     this.clock = options.clock ?? realChartClock;
+    this.queue = new PerformanceQueue(presence, {
+      clock: this.clock,
+      linger: options.linger,
+      beginGesture: (key) => controller.beginGesture(key),
+      endGesture: () => controller.endGesture()
+    });
   }
   controller;
   presence;
   options;
-  queues = /* @__PURE__ */ new Map();
   clock;
-  calls = 0;
+  queue;
   /** Acts out `commands` in order for `actor`. Resolves with one result per command. */
   perform(actor, commands) {
-    const prev = 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 = 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 = 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 });
-      each?.(e);
-      await this.clock.wait(ms / frames);
-    }
+  move(id, from, to, ms, each) {
+    return tweenPresenceCursor(this.presence, this.clock, id, from, to, ms, each);
   }
   async performOne(id, command) {
     const stale = this.stale(command);