HistoryGroupOptions.actor ​

ts

actor?: Actor;

ts

import type { HistoryGroup, Session } from '@holostep-configurators/runtime-client/contract';
declare const session: Session;
declare const signal: AbortSignal;
// A slider: the values while it is held are one 'Width' undo step, the shopper's.
declare const slider: HTMLInputElement;
declare const nodeId: string;
let gesture: HistoryGroup | null = null;
let latest: AbortController | null = null;
slider.addEventListener('pointerdown', () => {
  gesture = session.history.group({ label: 'Width', actor: 'shopper', signal });
});
slider.addEventListener('input', () => {
  latest?.abort();                                   // newest wins, with no timer
  latest = new AbortController();
  // in the gesture, actor 'shopper' comes from the group; a key press is its own step
  const owner = gesture ? { expectGroup: gesture } : { actor: 'shopper' as const };
  const value = { x: Number(slider.value), y: 1, z: 1 };
  session.applyPatch([{ op: 'replace', path: `/model/node/${nodeId}/scale`, value }], {
    ...owner, origin: 'width-slider', signal: latest.signal,
  }).catch((e: unknown) => {
    if ((e as Error).name !== 'AbortError') console.warn(e);   // aborted: a newer value won
  });
});
slider.addEventListener('pointerup', () => {
  gesture?.commit();                                 // release: the step is complete
  gesture = null;
});