@weasel-js/labkit 1.6.0 → 1.7.0

package/dist/chunk-ZORVNOKX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/primitives/FloatingPanel.tsx","../src/primitives/JobProgress.tsx","../src/primitives/Legend.tsx","../src/primitives/Split.tsx"],"names":["jsx","jsxs","useRef","store","useEffect","useMemo"],"mappings":"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","file":"chunk-ZORVNOKX.js","sourcesContent":["import { openPointerSession, type PointerSession } from '@weasel-js/core';\nimport type React from 'react';\nimport { type CSSProperties, type ReactNode, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  type Corner,\n  DEFAULT_ANCHOR,\n  DEFAULT_INSET,\n  FLOATING_DRAG_PREFIX,\n  type FloatingPlacement,\n  floatingStrategy,\n} from 'windease';\nimport { usePersistedState } from '../state/usePersistedState';\n\n/** The strategy holds a map keyed by item id; a panel is always a lone item. */\nconst ITEM_ID = 'panel';\n\n/** Props for `<FloatingPanel>`. */\nexport interface FloatingPanelProps {\n  children: ReactNode;\n  /** Corner it rests in before it has ever been dragged. Default `'bottom-left'`. */\n  anchor?: Corner;\n  /** Corners that may capture it. Default: all four. */\n  snapCorners?: readonly Corner[];\n  /** Pixels in from a corner when snapped. Default 12. */\n  inset?: number;\n  /** Name to remember its position under, through `usePersistedState` — so it\n   *  is remembered only inside a lab or a `<Persistence>`. Omit to forget on\n   *  reload. */\n  persist?: string;\n  className?: string;\n}\n\n/**\n * The panel's footprint is its border box — `contentRect` excludes padding and\n * border, which would place a panel that then overflows its corner by exactly\n * that much.\n */\nfunction borderBoxOf(entry: ResizeObserverEntry): { w: number; h: number } {\n  const box = entry.borderBoxSize?.[0];\n  if (box) return { w: box.inlineSize, h: box.blockSize };\n  return { w: entry.contentRect.width, h: entry.contentRect.height };\n}\n\n/** How far the pointer must travel before a press becomes a drag. */\nconst DRAG_THRESHOLD = 3;\n\n/** A pointerdown on one of these is the child's, not a drag. */\nfunction isInteractive(target: EventTarget | null): boolean {\n  if (!(target instanceof Element)) return false;\n  return target.closest('input, button, a, select, textarea, [data-no-drag]') !== null;\n}\n\n/**\n * A draggable box that floats over its offset parent and snaps to its corners.\n *\n * Drives windease's `floatingStrategy` as a pure function rather than mounting a\n * windease container: a lab overlay has one item and no zone tree, so the node\n * model would be all cost. Pointer handling is therefore this component's, and\n * windease's own affordance rendering never participates.\n */\nexport function FloatingPanel({\n  children,\n  anchor = DEFAULT_ANCHOR,\n  snapCorners,\n  inset = DEFAULT_INSET,\n  persist,\n  className,\n}: FloatingPanelProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const strategy = useMemo(() => floatingStrategy(), []);\n  const options = useMemo(() => ({ defaultAnchor: anchor, inset }), [anchor, inset]);\n\n  const [container, setContainer] = useState({ w: 0, h: 0 });\n  const [size, setSize] = useState({ w: 0, h: 0 });\n  const [place, setPlace] = usePersistedState<FloatingPlacement>(persist, () => ({\n    x: 0,\n    y: 0,\n    anchor,\n  }));\n\n  const item = useMemo(\n    () => ({\n      id: ITEM_ID,\n      meta: { floating: true, ...(snapCorners ? { snapCorners: [...snapCorners] } : {}) },\n      natural: size,\n    }),\n    [size, snapCorners],\n  );\n\n  useEffect(() => {\n    const el = ref.current;\n    const parent = el?.offsetParent ?? el?.parentElement;\n    if (!el || !parent) return;\n    // Sizes come off the entry, not the DOM: jsdom reports 0 for every\n    // clientWidth/offsetWidth, and an unmeasured item is withheld from layout.\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        if (entry.target === parent) {\n          setContainer({ w: entry.contentRect.width, h: entry.contentRect.height });\n        } else {\n          setSize(borderBoxOf(entry));\n        }\n      }\n    });\n    observer.observe(parent);\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, []);\n\n  const rect = strategy\n    .layout({\n      items: [item],\n      container,\n      state: { at: { [ITEM_ID]: place }, inner: undefined },\n      options,\n    })\n    .placements.get(ITEM_ID);\n\n  const dragging = useRef<{ x: number; y: number } | null>(null);\n  const session = useRef<PointerSession | null>(null);\n  const [isDragging, setDragging] = useState(false);\n  // A drag outlives the render that started it, so the reducer's inputs are\n  // read here and not from that render's closure — a container resized\n  // mid-drag would otherwise place the panel against its old box.\n  const layout = useRef({ container, options, item });\n  layout.current = { container, options, item };\n\n  useEffect(() => () => session.current?.cancel(), []);\n\n  const onPointerDown = (e: React.PointerEvent<HTMLDivElement>) => {\n    if (isInteractive(e.target)) return;\n    // The canvas stack underneath owns pan/zoom on the same pointer events.\n    e.stopPropagation();\n    const origin = e.currentTarget;\n    const pointerId = e.pointerId;\n    const start = { x: e.clientX, y: e.clientY };\n\n    const end = () => {\n      session.current = null;\n      if (!dragging.current) return;\n      dragging.current = null;\n      setDragging(false);\n      try {\n        origin.releasePointerCapture?.(pointerId);\n      } catch {\n        // Capture is already gone whenever the session ended by losing it.\n      }\n    };\n\n    // Armed, not capturing. Capture retargets mouseup to this element, and the\n    // browser then synthesizes no `click` on the child under the cursor — so\n    // capturing on press makes every non-native control in the panel dead to a\n    // real mouse, silently. `isInteractive` only exempts the names it lists; a\n    // `role=\"button\"` span, a react-aria control or a canvas is not among them.\n    session.current = openPointerSession(\n      origin,\n      e,\n      {\n        onMove: (ev) => {\n          if (!dragging.current) {\n            if (Math.hypot(ev.clientX - start.x, ev.clientY - start.y) < DRAG_THRESHOLD) return;\n            dragging.current = { ...start };\n            setDragging(true);\n            origin.setPointerCapture?.(pointerId);\n          }\n          const from = dragging.current;\n          const dx = ev.clientX - from.x;\n          const dy = ev.clientY - from.y;\n          if (dx === 0 && dy === 0) return;\n          dragging.current = { x: ev.clientX, y: ev.clientY };\n          const { container: box, options: opts, item: only } = layout.current;\n          setPlace(\n            (prev) =>\n              strategy.reduce?.(\n                { at: { [ITEM_ID]: prev }, inner: undefined },\n                {\n                  affordanceId: `${FLOATING_DRAG_PREFIX}${ITEM_ID}`,\n                  kind: 'drag',\n                  payload: { dx, dy },\n                },\n                { container: box, options: opts, items: [only] },\n              ).at[ITEM_ID] ?? prev,\n          );\n        },\n        onEnd: end,\n        onCancel: end,\n      },\n      { capture: false },\n    );\n  };\n\n  return (\n    <div\n      className={className ? `lk-floating-panel ${className}` : 'lk-floating-panel'}\n      data-dragging={isDragging ? 'true' : undefined}\n      data-placed={rect ? 'true' : undefined}\n      onPointerDown={onPointerDown}\n      ref={ref}\n      style={\n        {\n          position: 'absolute',\n          left: `${rect?.x ?? 0}px`,\n          top: `${rect?.y ?? 0}px`,\n        } as CSSProperties\n      }\n    >\n      {children}\n    </div>\n  );\n}\n","import { ErrorIcon, WarningIcon } from '@weasel-js/ui';\nimport type { JobHandle } from '../job/types';\n\n/** Props for `<JobProgress>`. */\nexport interface JobProgressProps {\n  job: JobHandle;\n  className?: string;\n}\n\n/** A running job's progress, failures and outcome. Determinate once the job\n *  reports a total; a job that cannot count up front never sends one, so the\n *  bar stays indeterminate rather than inventing a denominator. */\nexport function JobProgress({ job, className }: JobProgressProps) {\n  const { status, done, total, failures, error } = job;\n  if (status === 'idle') return null;\n\n  const determinate = total !== null && total > 0;\n  const fraction = determinate ? Math.min(1, done / total) : 0;\n  const cls = ['lk-job', `lk-job--${status}`, className].filter(Boolean).join(' ');\n\n  return (\n    <div className={cls}>\n      <div\n        className={`lk-job__track${determinate ? '' : ' lk-job__track--indeterminate'}`}\n        role=\"progressbar\"\n        aria-label=\"Job progress\"\n        aria-valuenow={determinate ? done : undefined}\n        aria-valuemin={determinate ? 0 : undefined}\n        aria-valuemax={determinate ? total : undefined}\n      >\n        {/* Scaling a full-width bar keeps the fill off the layout path, so\n            progress updates never reflow the status bar. */}\n        <div\n          className=\"lk-job__fill\"\n          style={{ transform: `scaleX(${determinate ? fraction : 1})` }}\n        />\n      </div>\n\n      <span className=\"lk-job__count\">\n        {done}\n        {determinate ? ` / ${total}` : ''}\n      </span>\n\n      {failures.length > 0 && (\n        <span className=\"lk-job__failures\" title={failures.map((f) => f.error).join('\\n')}>\n          <WarningIcon size={14} />\n          {failures.length} failed\n        </span>\n      )}\n\n      {error && (\n        <span className=\"lk-job__error\" title={error}>\n          <ErrorIcon size={14} />\n          {error}\n        </span>\n      )}\n\n      {status === 'running' && (\n        <button type=\"button\" className=\"lk-job__cancel\" onClick={job.cancel}>\n          Cancel\n        </button>\n      )}\n    </div>\n  );\n}\n","import type { CSSProperties } from 'react';\n\n/** How a legend entry's swatch is drawn, matching how the thing looks on canvas. */\nexport type LegendMark = 'line' | 'dash' | 'dot' | 'band';\n\n/** One row of a legend: a swatch and what it means. */\nexport interface LegendEntry {\n  key: string;\n  label: string;\n  color: string;\n  /** Defaults to `'line'`. */\n  mark?: LegendMark;\n}\n\n/** Props for `<Legend>`. */\nexport interface LegendProps {\n  entries: readonly LegendEntry[];\n  className?: string;\n}\n\n/** A color key. Presentational only — no handlers, no state, no hover behavior. */\nexport function Legend({ entries, className }: LegendProps) {\n  return (\n    <ul className={className ? `lk-legend ${className}` : 'lk-legend'}>\n      {entries.map((entry) => {\n        const mark = entry.mark ?? 'line';\n        return (\n          <li className=\"lk-legend__row\" key={entry.key}>\n            <span\n              aria-hidden=\"true\"\n              className={`lk-legend__swatch lk-legend__swatch--${mark}`}\n              style={{ '--lk-legend-ink': entry.color } as CSSProperties}\n            />\n            <span className=\"lk-legend__label\">{entry.label}</span>\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n","import { type ReactNode, useEffect, useMemo, useRef } from 'react';\nimport { asNodeId, createNode, Store, stripStrategy } from 'windease';\nimport { type ChromeMap, Container, Provider, StrategyRegistryProvider } from 'windease/react';\n\nconst ZONE_ID = asNodeId('lk-split');\nconst SIDEBAR_ID = asNodeId('lk-split-sidebar');\nconst CONTENT_ID = asNodeId('lk-split-content');\nconst STRATEGIES = { strip: stripStrategy as never };\n\n/** Props for `<Split>`. */\nexport interface SplitProps {\n  /** The sidebar pane's contents. */\n  sidebar: ReactNode;\n  /** The edge the sidebar sits on. Read once, when the strip mounts. Default `'start'`. */\n  side?: 'start' | 'end';\n  /** The content pane's contents. */\n  children: ReactNode;\n  /** Names the sidebar pane, and through it the seam. Default `'Sidebar'`. */\n  label?: string;\n  /** Extra classes on the strip, which always has `lk-split`. */\n  className?: string;\n  /** The class on the sidebar pane. */\n  sidebarClassName?: string;\n  /** The class on the content pane. */\n  contentClassName?: string;\n  /** The sidebar's current extent in pixels. Omit to leave it unpersisted: the\n   *  seam still works, its result just does not outlive the mount. */\n  width?: number;\n  /** Where the sidebar starts before anyone drags it. */\n  defaultWidth?: number;\n  minWidth?: number;\n  maxWidth?: number;\n  /** How little the content pane may be squeezed to. Reported as the seam's\n   *  reachable maximum, so the drag stops there rather than clamping silently. */\n  contentMinWidth?: number;\n  /** Fires through the drag, not on release: the pane is already there. */\n  onWidthChange?: (width: number) => void;\n  /**\n   * Fixed extent. Omit in an app — the strip measures its own box. Supply it\n   * where nothing measures, notably jsdom, or both panes lay out at zero.\n   */\n  viewport?: { w: number; h: number };\n}\n\n/**\n * A sidebar and a content pane as a two-pane strip with a draggable seam.\n *\n * The seam is `stripStrategy`'s own resize affordance, so it arrives as a\n * `role=\"separator\"` carrying the reachable range, operable by pointer and by\n * arrows / Home / End, and clamped against the content pane's floor rather\n * than against the sidebar's alone.\n */\nexport function Split({\n  sidebar,\n  children,\n  side = 'start',\n  label = 'Sidebar',\n  className,\n  sidebarClassName,\n  contentClassName,\n  width,\n  defaultWidth = 320,\n  minWidth = 140,\n  maxWidth = 720,\n  contentMinWidth = 160,\n  onWidthChange,\n  viewport,\n}: SplitProps) {\n  // The cross-axis half of every size hint below is inert: a horizontal strip\n  // stretches its panes to the container's height and never reads `h`.\n  const storeRef = useRef<Store | null>(null);\n  if (storeRef.current === null) {\n    const store = new Store();\n    store.registerNode(\n      createNode({\n        kind: 'zone',\n        id: ZONE_ID,\n        // A strip's seam resizes the pane before it, which on the end side is the\n        // content; 'neighbor' has the seam size the sidebar after it too.\n        container: {\n          strategyId: 'strip',\n          config: {\n            axis: 'x',\n            resizable: true,\n            ...(side === 'end' ? { resizeMode: 'neighbor' } : {}),\n          },\n        },\n      }),\n    );\n    const sidebarNode = createNode({\n      kind: 'sidebar',\n      id: SIDEBAR_ID,\n      parentId: ZONE_ID,\n      meta: { title: label },\n      placement: { size: { w: width ?? defaultWidth } },\n      hints: { minSize: { w: minWidth, h: 0 }, maxSize: { w: maxWidth, h: 0 } },\n    });\n    const contentNode = createNode({\n      kind: 'content',\n      id: CONTENT_ID,\n      parentId: ZONE_ID,\n      meta: { title: 'Content' },\n      hints: { minSize: { w: contentMinWidth, h: 0 } },\n    });\n    // A strip lays its children out in registration order.\n    for (const node of side === 'end' ? [contentNode, sidebarNode] : [sidebarNode, contentNode]) {\n      store.registerNode(node);\n    }\n    store.showNode(SIDEBAR_ID);\n    store.showNode(CONTENT_ID);\n    storeRef.current = store;\n  }\n  const store = storeRef.current;\n\n  // What the store last held, so the placement event can tell a drag from the\n  // echo of our own write and a controlled `width` does not fight the seam.\n  const widthRef = useRef(width ?? defaultWidth);\n\n  useEffect(() => {\n    store.setHints(SIDEBAR_ID, {\n      minSize: { w: minWidth, h: 0 },\n      maxSize: { w: maxWidth, h: 0 },\n    });\n    store.setHints(CONTENT_ID, { minSize: { w: contentMinWidth, h: 0 } });\n  }, [store, minWidth, maxWidth, contentMinWidth]);\n\n  useEffect(() => {\n    store.setMeta(SIDEBAR_ID, { title: label });\n  }, [store, label]);\n\n  useEffect(() => {\n    if (width === undefined || width === widthRef.current) return;\n    widthRef.current = width;\n    store.patchPlacement(SIDEBAR_ID, { size: { w: width } });\n  }, [store, width]);\n\n  const onWidthChangeRef = useRef(onWidthChange);\n  onWidthChangeRef.current = onWidthChange;\n  useEffect(\n    () =>\n      store.events.on('node.placementChanged', () => {\n        // A neighbor drag pins the content's width too; unpinned, it goes on filling the strip.\n        if ((store.getPlacement(CONTENT_ID)?.size as { w?: number } | undefined)?.w !== undefined) {\n          store.patchPlacement(CONTENT_ID, { size: {} });\n        }\n        const next = (store.getPlacement(SIDEBAR_ID)?.size as { w?: number } | undefined)?.w;\n        if (typeof next !== 'number' || next === widthRef.current) return;\n        widthRef.current = next;\n        onWidthChangeRef.current?.(next);\n      }),\n    [store],\n  );\n\n  const chrome = useMemo<ChromeMap>(\n    () => ({\n      sidebar: () => <div className={sidebarClassName}>{sidebar}</div>,\n      content: () => <div className={contentClassName}>{children}</div>,\n    }),\n    [sidebar, children, sidebarClassName, contentClassName],\n  );\n\n  return (\n    <Provider store={store}>\n      <StrategyRegistryProvider strategies={STRATEGIES}>\n        <Container\n          parentId={ZONE_ID}\n          chrome={chrome}\n          className={className ? `lk-split windease-zone ${className}` : 'lk-split windease-zone'}\n          affordances\n          viewport={viewport}\n        />\n      </StrategyRegistryProvider>\n    </Provider>\n  );\n}\n"]}

package/src/canvas/usePanZoom.test.ts

@@ -1,244 +0,0 @@
-import { act, renderHook } from '@testing-library/react';
-import type { PointerEvent as ReactPointerEvent, WheelEvent } from 'react';
-import { describe, expect, it } from 'vitest';
-import type { ViewTransform } from '../instrument/types';
-import { screenToWorld } from './canvasCoords';
-import { type UsePanZoomOptions, usePanZoom } from './usePanZoom';
-import { resolveFrame } from './worldSpec';
-
-function wheelEvent(deltaY: number, cursor = { x: 0, y: 0 }): WheelEvent<HTMLElement> {
-  return {
-    deltaY,
-    clientX: cursor.x,
-    clientY: cursor.y,
-    preventDefault: () => {},
-    currentTarget: { getBoundingClientRect: () => ({ left: 0, top: 0, width: 0, height: 0 }) },
-  } as unknown as WheelEvent<HTMLElement>;
-}
-
-/** Renders the hook the way `CanvasStack` drives it: `view` lives in the
- *  test, `onViewChange` writes it, and each wheel call re-renders the hook
- *  with the updated view before returning it. */
-function setup(initialView: ViewTransform, options?: Partial<UsePanZoomOptions>) {
-  let view = initialView;
-  const onViewChange = (v: ViewTransform) => {
-    view = v;
-  };
-  const { result, rerender } = renderHook(
-    (props: { view: ViewTransform }) => usePanZoom({ ...options, view: props.view, onViewChange }),
-    { initialProps: { view: initialView } },
-  );
-  const wheel = (deltaY: number, cursor?: { x: number; y: number }): ViewTransform => {
-    act(() => result.current.onWheel(wheelEvent(deltaY, cursor)));
-    rerender({ view });
-    return view;
-  };
-  return { wheel, getView: () => view };
-}
-
-describe('usePanZoom', () => {
-  it('stacks two wheel events that land before a re-render', () => {
-    const { wheel } = setup({ zoom: 1, pan: { x: 0, y: 0 } });
-    const once = wheel(-100).zoom;
-
-    const views: ViewTransform[] = [];
-    const { result } = renderHook(() =>
-      usePanZoom({ view: { zoom: 1, pan: { x: 0, y: 0 } }, onViewChange: (v) => views.push(v) }),
-    );
-    act(() => {
-      result.current.onWheel(wheelEvent(-100));
-      result.current.onWheel(wheelEvent(-100));
-    });
-    expect(views[1].zoom).toBeCloseTo(once * once, 10);
-  });
-
-  it('lets the view prop win at the next render', () => {
-    const views: ViewTransform[] = [];
-    const { result, rerender } = renderHook(
-      (props: { view: ViewTransform }) =>
-        usePanZoom({ view: props.view, onViewChange: (v) => views.push(v) }),
-      { initialProps: { view: { zoom: 1, pan: { x: 0, y: 0 } } } },
-    );
-    act(() => result.current.onWheel(wheelEvent(-100)));
-    rerender({ view: { zoom: 2, pan: { x: 0, y: 0 } } });
-    act(() => result.current.onWheel(wheelEvent(0)));
-    expect(views[1].zoom).toBeCloseTo(2, 10);
-  });
-
-  it('does not collapse a canvas opening far outside the default range on the first wheel event', () => {
-    const { wheel } = setup({ zoom: 1600, pan: { x: 0, y: 0 } });
-    const next = wheel(-1); // zoom in slightly
-    expect(next.zoom).toBeCloseTo(1600, 0);
-  });
-
-  it('keeps the opening zoom reachable after zooming away from it', () => {
-    const { wheel } = setup({ zoom: 1600, pan: { x: 0, y: 0 } });
-    // Zoom far out.
-    for (let i = 0; i < 20; i++) wheel(1000);
-    const zoomedOut = wheel(1000);
-    expect(zoomedOut.zoom).toBeLessThan(1600);
-    // Zoom back in — the opening view must still be reachable.
-    for (let i = 0; i < 40; i++) wheel(-1000);
-    const zoomedIn = wheel(-1000);
-    expect(zoomedIn.zoom).toBeCloseTo(1600, 0);
-  });
-
-  it('admits the opening zoom even when an explicit maxZoom is lower than it', () => {
-    const { wheel } = setup({ zoom: 1600, pan: { x: 0, y: 0 } }, { maxZoom: 32 });
-    const next = wheel(-1);
-    expect(next.zoom).toBeCloseTo(1600, 0);
-  });
-
-  it('falls back to the plain defaults when the opening zoom is non-finite or zero', () => {
-    const nanCase = setup({ zoom: Number.NaN, pan: { x: 0, y: 0 } });
-    const nanResult = nanCase.wheel(-100000);
-    expect(nanResult.zoom).toBeCloseTo(32, 5);
-    expect(Number.isNaN(nanResult.zoom)).toBe(false);
-
-    const zeroCase = setup({ zoom: 0, pan: { x: 0, y: 0 } });
-    const zeroResult = zeroCase.wheel(100000);
-    expect(zeroResult.zoom).toBeCloseTo(0.1, 5);
-  });
-
-  it('still clamps ordinary views to the default range', () => {
-    const { wheel } = setup({ zoom: 1, pan: { x: 0, y: 0 } });
-    const zoomedIn = wheel(-1_000_000);
-    expect(zoomedIn.zoom).toBeCloseTo(32, 5);
-    const zoomedOut = wheel(1_000_000);
-    expect(zoomedOut.zoom).toBeCloseTo(0.1, 5);
-  });
-
-  describe('under a declared frame', () => {
-    const size = { width: 1430, height: 870 };
-
-    it('keeps the world point under the cursor fixed in a centred, y-up frame', () => {
-      const frame = resolveFrame({ origin: { x: 0.5, y: 0.5 }, yAxis: 'up' }, size);
-      const start: ViewTransform = { zoom: 1600, pan: { x: 0, y: 0 } };
-      const { wheel } = setup(start, { frame });
-      const cursor = { x: 900, y: 200 };
-
-      const before = screenToWorld(cursor, start, frame);
-      const after = screenToWorld(cursor, wheel(120, cursor), frame);
-
-      expect(after.x).toBeCloseTo(before.x, 6);
-      expect(after.y).toBeCloseTo(before.y, 6);
-    });
-
-    it('anchors on the element top-left when no frame is declared', () => {
-      const start: ViewTransform = { zoom: 4, pan: { x: 0, y: 0 } };
-      const { wheel } = setup(start);
-      const cursor = { x: 300, y: 120 };
-
-      const before = screenToWorld(cursor, start);
-      const after = screenToWorld(cursor, wheel(-120, cursor));
-
-      expect(after.x).toBeCloseTo(before.x, 6);
-      expect(after.y).toBeCloseTo(before.y, 6);
-    });
-  });
-});
-
-/** The fields `usePanZoom` reads off a React pointerdown, plus the element the
- *  session hangs its document listeners off. */
-function press(
-  el: HTMLElement,
-  x: number,
-  y: number,
-  init: { pointerId?: number; button?: number; buttons?: number } = {},
-): ReactPointerEvent<HTMLElement> {
-  return {
-    pointerId: init.pointerId ?? 1,
-    button: init.button ?? 0,
-    buttons: init.buttons ?? 1,
-    clientX: x,
-    clientY: y,
-    currentTarget: el,
-  } as unknown as ReactPointerEvent<HTMLElement>;
-}
-
-function dispatchOn(target: EventTarget, type: string, init: PointerEventInit) {
-  act(() => {
-    target.dispatchEvent(new PointerEvent(type, { pointerId: 1, bubbles: true, ...init }));
-  });
-}
-
-function dragSetup(options?: Partial<UsePanZoomOptions>) {
-  let view: ViewTransform = { zoom: 1, pan: { x: 0, y: 0 } };
-  const onViewChange = (v: ViewTransform) => {
-    view = v;
-  };
-  const { result, unmount } = renderHook(() =>
-    usePanZoom({ ...options, view, onViewChange } as UsePanZoomOptions),
-  );
-  const el = document.createElement('div');
-  document.body.appendChild(el);
-  return { result, unmount, el, getView: () => view };
-}
-
-describe('usePanZoom dragging', () => {
-  it('pans from a move the element never sees', () => {
-    const { result, el, getView } = dragSetup();
-    act(() => result.current.onPointerDown(press(el, 100, 100)));
-    dispatchOn(document, 'pointermove', { buttons: 1, clientX: 150, clientY: 120 });
-    expect(getView().pan).toEqual({ x: 50, y: 20 });
-  });
-
-  it('ends the drag on a release dispatched off the element', () => {
-    const { result, el, getView } = dragSetup();
-    act(() => result.current.onPointerDown(press(el, 100, 100)));
-    dispatchOn(document, 'pointermove', { buttons: 1, clientX: 150, clientY: 120 });
-    dispatchOn(document, 'pointerup', { clientX: 150, clientY: 120 });
-    expect(result.current.isDragging()).toBe(false);
-    dispatchOn(document, 'pointermove', { buttons: 1, clientX: 400, clientY: 400 });
-    expect(getView().pan).toEqual({ x: 50, y: 20 });
-  });
-
-  // The other half of the rule — a detached origin does cancel — is owned by
-  // pointerSession.test.ts, which exercises it without React in the way.
-  it('keeps panning when capture is lost and the element is still in the document', () => {
-    const { result, el, getView } = dragSetup();
-    act(() => result.current.onPointerDown(press(el, 100, 100)));
-    dispatchOn(document, 'pointermove', { buttons: 1, clientX: 150, clientY: 120 });
-    // Chrome releases capture a beat before it delivers pointerup, so ending
-    // here throws away a release that has already been dispatched.
-    dispatchOn(el, 'lostpointercapture', {});
-    expect(result.current.isDragging()).toBe(true);
-    dispatchOn(document, 'pointermove', { buttons: 1, clientX: 400, clientY: 400 });
-    expect(getView().pan).toEqual({ x: 300, y: 300 });
-  });
-
-  it('reads a move with nothing held as the release that never arrived', () => {
-    const { result, el, getView } = dragSetup();
-    act(() => result.current.onPointerDown(press(el, 100, 100, { buttons: 1 })));
-    dispatchOn(document, 'pointermove', { buttons: 1, clientX: 150, clientY: 120 });
-    expect(getView().pan).toEqual({ x: 50, y: 20 });
-    dispatchOn(document, 'pointermove', { buttons: 0, clientX: 300, clientY: 300 });
-    expect(getView().pan).toEqual({ x: 50, y: 20 });
-    expect(result.current.isDragging()).toBe(false);
-  });
-
-  it('reports a release that never crossed the threshold as a tap', () => {
-    const taps: number[] = [];
-    const { result, el } = dragSetup({ onTap: (e) => taps.push(e.clientX) });
-    act(() => result.current.onPointerDown(press(el, 100, 100)));
-    dispatchOn(document, 'pointerup', { clientX: 101, clientY: 100 });
-    expect(taps).toEqual([101]);
-  });
-
-  it('does not report a tap when the pointer panned', () => {
-    const taps: number[] = [];
-    const { result, el } = dragSetup({ onTap: (e) => taps.push(e.clientX) });
-    act(() => result.current.onPointerDown(press(el, 100, 100)));
-    dispatchOn(document, 'pointermove', { buttons: 1, clientX: 150, clientY: 120 });
-    dispatchOn(document, 'pointerup', { clientX: 150, clientY: 120 });
-    expect(taps).toEqual([]);
-  });
-
-  it('drops its listeners when the hook unmounts mid-drag', () => {
-    const { result, el, unmount, getView } = dragSetup();
-    act(() => result.current.onPointerDown(press(el, 100, 100)));
-    unmount();
-    dispatchOn(document, 'pointermove', { buttons: 1, clientX: 400, clientY: 400 });
-    expect(getView().pan).toEqual({ x: 0, y: 0 });
-  });
-});

package/src/canvas/usePanZoom.ts

@@ -1,147 +0,0 @@
-import { openPointerSession, type PointerSession } from '@weasel-js/core';
-import {
-  type PointerEvent as ReactPointerEvent,
-  useCallback,
-  useEffect,
-  useRef,
-  type WheelEvent,
-} from 'react';
-import type { ViewTransform } from '../instrument/types';
-import { normalize2DView } from '../state/view';
-import { zoomAt } from './camera';
-import { DEFAULT_FRAME, type WorldFrame } from './worldSpec';
-
-export interface UsePanZoomOptions {
-  view: ViewTransform;
-  onViewChange: (v: ViewTransform) => void;
-  /** The opening `view.zoom` always stays reachable, widening these past
-   *  whatever is passed here if it would otherwise exclude it. */
-  minZoom?: number;
-  maxZoom?: number;
-  /** The instrument's coordinate system, resolved against the viewport. The
-   *  wheel anchors in this frame; omitting it anchors at the element's
-   *  top-left, which is what labkit did before a frame could be declared. */
-  frame?: WorldFrame;
-  /** A primary-button press released without ever crossing the drag
-   *  threshold. The pointer session owns the release, so the gesture's end is
-   *  reported here rather than left for a consumer's own `onPointerUp`. */
-  onTap?: (e: PointerEvent) => void;
-}
-
-export interface PanZoomHandlers {
-  /** Zoom about the pointer. `anchor` is the element the pointer position is
-   *  measured against, for an event whose `currentTarget` is some other box. */
-  onWheel: (e: WheelEvent<HTMLElement> | globalThis.WheelEvent, anchor?: Element) => void;
-  onPointerDown: (e: ReactPointerEvent<HTMLElement>) => void;
-  isDragging: () => boolean;
-}
-
-interface DragState {
-  startScreenX: number;
-  startScreenY: number;
-  startPan: { x: number; y: number };
-  moved: boolean;
-}
-
-const DRAG_THRESHOLD = 3;
-
-function isPositiveFinite(n: number): boolean {
-  return Number.isFinite(n) && n > 0;
-}
-
-export function usePanZoom({
-  view,
-  onViewChange,
-  minZoom = 0.1,
-  maxZoom = 32,
-  frame = DEFAULT_FRAME,
-  onTap,
-}: UsePanZoomOptions): PanZoomHandlers {
-  const dragRef = useRef<DragState | null>(null);
-  const sessionRef = useRef<PointerSession | null>(null);
-  const viewRef = useRef(normalize2DView(view));
-  viewRef.current = normalize2DView(view);
-  const onViewChangeRef = useRef(onViewChange);
-  onViewChangeRef.current = onViewChange;
-  const onTapRef = useRef(onTap);
-  onTapRef.current = onTap;
-  // Captured once, from the view the canvas opened at — not the current view,
-  // which would let a prior zoom-out shrink the range and trap the opening
-  // view unreachable behind it.
-  const initialZoomRef = useRef(isPositiveFinite(view.zoom) ? view.zoom : null);
-
-  // Written ahead of the render so a second event inside one commit steps
-  // from this one; the render-time assignment above still lets the prop win.
-  const commit = useCallback((next: ViewTransform) => {
-    viewRef.current = normalize2DView(next);
-    onViewChangeRef.current(next);
-  }, []);
-
-  const onWheel = useCallback(
-    (e: WheelEvent<HTMLElement> | globalThis.WheelEvent, anchor?: Element) => {
-      const el = anchor ?? (e.currentTarget as Element | null);
-      if (!el) return;
-      e.preventDefault();
-      const rect = el.getBoundingClientRect();
-      const initialZoom = initialZoomRef.current;
-      commit(
-        zoomAt(
-          viewRef.current,
-          Math.exp(-e.deltaY * 0.001),
-          { x: e.clientX - rect.left, y: e.clientY - rect.top },
-          {
-            frame,
-            min: initialZoom == null ? minZoom : Math.min(minZoom, initialZoom),
-            max: initialZoom == null ? maxZoom : Math.max(maxZoom, initialZoom),
-          },
-        ),
-      );
-    },
-    [commit, minZoom, maxZoom, frame],
-  );
-
-  const clearDrag = useCallback(() => {
-    dragRef.current = null;
-    sessionRef.current = null;
-  }, []);
-
-  const onPointerDown = useCallback(
-    (e: ReactPointerEvent<HTMLElement>) => {
-      if (e.button !== 0) return;
-      const drag: DragState = {
-        startScreenX: e.clientX,
-        startScreenY: e.clientY,
-        startPan: { ...viewRef.current.pan },
-        moved: false,
-      };
-      dragRef.current = drag;
-      sessionRef.current = openPointerSession(e.currentTarget, e, {
-        onMove: (ev) => {
-          const dx = ev.clientX - drag.startScreenX;
-          const dy = ev.clientY - drag.startScreenY;
-          if (!drag.moved && Math.hypot(dx, dy) < DRAG_THRESHOLD) return;
-          drag.moved = true;
-          commit({
-            zoom: viewRef.current.zoom,
-            pan: { x: drag.startPan.x + dx, y: drag.startPan.y + dy },
-          });
-        },
-        onEnd: (ev) => {
-          const tapped = !drag.moved;
-          clearDrag();
-          if (tapped) onTapRef.current?.(ev);
-        },
-        // A cancelled pan keeps whatever it had already applied: every move
-        // was committed as it arrived, so there is nothing left to undo.
-        onCancel: clearDrag,
-      });
-    },
-    [clearDrag, commit],
-  );
-
-  useEffect(() => () => sessionRef.current?.cancel(), []);
-
-  const isDragging = useCallback(() => dragRef.current?.moved === true, []);
-
-  return { onWheel, onPointerDown, isDragging };
-}

package/src/state/Persistence.stories.tsx

@@ -1,75 +0,0 @@
-import type { Meta, StoryObj } from '@weasel-js/forge';
-import { expect, userEvent, waitFor, within } from '@weasel-js/forge/play';
-import { useState } from 'react';
-import { createIndexedDbAdapter } from './adapters';
-import { Persistence } from './Persistence';
-import { usePersistedState } from './usePersistedState';
-
-// jsdom only has fake-indexeddb, an imitation. This round-trips a value through
-// the browser's own IndexedDB: write it, unmount the provider so it closes,
-// mount a fresh one, and read it back.
-
-function Tab() {
-  const [tab, setTab] = usePersistedState('tab', 'shape');
-  return (
-    <p>
-      <output aria-label="tab">{tab}</output>
-      <button type="button" onClick={() => setTab('color')}>
-        choose color
-      </button>
-    </p>
-  );
-}
-
-function Remountable({ database }: { database: string }) {
-  const [generation, setGeneration] = useState(0);
-  const [shown, setShown] = useState(true);
-  const storage = useState(() => createIndexedDbAdapter({ database }))[0];
-  return (
-    <div>
-      <button
-        type="button"
-        onClick={() => {
-          setShown(false);
-          // Past the provider's deferred close, which sends the queued write.
-          setTimeout(() => {
-            setGeneration((g) => g + 1);
-            setShown(true);
-          }, 100);
-        }}
-      >
-        remount
-      </button>
-      {shown ? (
-        <Persistence
-          key={generation}
-          storageKey="story"
-          storage={storage}
-          fallback={<p>loading</p>}
-        >
-          <Tab />
-        </Persistence>
-      ) : null}
-    </div>
-  );
-}
-
-const meta: Meta<typeof Remountable> = {
-  title: 'labkit/State/Persistence',
-  component: Remountable,
-};
-export default meta;
-
-export const SurvivesARemountInIndexedDb: StoryObj<typeof Remountable> = {
-  args: { database: `labkit-story-${Date.now()}` },
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-    await waitFor(() => expect(canvas.getByLabelText('tab').textContent).toBe('shape'));
-    await userEvent.click(canvas.getByText('choose color'));
-    await userEvent.click(canvas.getByText('remount'));
-    await waitFor(() => expect(canvas.queryByLabelText('tab')).toBeNull());
-    await waitFor(() => expect(canvas.getByLabelText('tab').textContent).toBe('color'), {
-      timeout: 3000,
-    });
-  },
-};