@weasel-js/core 1.9.4 → 1.10.1

package/dist/features/ingestion/useCanvasIngestion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCanvasIngestion.js","names":["useCanvasIngestion","handlers","options","disposers","acquireKitContentHandlers","h","registerContentHandler","d","reviver","enabled","onOmitted","useLatest","clipboard","useMemo","adapter","omitted","registryOf","getRegistry","useCallback","items","input","entry","itemsFromFiles","registry","dwarn","params","point","ran"],"sources":["../../../src/features/ingestion/useCanvasIngestion.ts"],"sourcesContent":["import { useLatest } from '@weasel-js/react';\nimport { itemsFromFiles, type ActionsRegistry, type IngestItem } from '@weasel-js/routing';\nimport type { InsertAdapter } from 'core/adapters/types';\nimport type { ClipboardIngestCtx } from 'interactions/actions/depSchema';\nimport { useCallback, useEffect, useMemo } from 'react';\nimport { dwarn } from '../../debug';\nimport { registerContentHandler, type ContentHandlerEntry } from './contentHandlers';\nimport { acquireKitContentHandlers } from './registerKitHandlers';\n\n/** What `useCanvasIngestion` reads of `<SceneCanvas ingestion>`. */\nexport interface CanvasIngestionOptions {\n  handlers?: ContentHandlerEntry[];\n  clipboard?: {\n    reviver?: ClipboardIngestCtx['reviver'];\n    enabled?: boolean;\n    onOmitted?: ClipboardIngestCtx['onOmitted'];\n  };\n}\n\nexport interface CanvasIngestion {\n  /** `SceneCanvasApi.ingest`. */\n  ingest(input: File[] | IngestItem[], point?: { x: number; y: number }): boolean;\n  /** For the `ingestion` dep. Absent, so the kit weasel-JSON handler declines, when\n   *  `clipboard.enabled` is false or the adapter cannot `commitPaste`. */\n  clipboard: ClipboardIngestCtx | undefined;\n}\n\n/**\n * One canvas's share of ingestion: its content handlers for as long as it is mounted, the\n * clipboard seam pastes re-materialize through, and the imperative `ingest`, which triggers\n * the `ingest` action so its deps resolve as they do on the dispatcher path.\n *\n * `getRegistry` answers null until the canvas's action registry is reachable.\n */\nexport function useCanvasIngestion(\n  adapter: InsertAdapter<{ id: string }>,\n  getRegistry: () => ActionsRegistry | null,\n  options: CanvasIngestionOptions | undefined,\n): CanvasIngestion {\n  // The kit's default handlers are refcounted across mounted canvases.\n  const handlers = options?.handlers;\n  useEffect(() => {\n    const disposers = [acquireKitContentHandlers()];\n    for (const h of handlers ?? []) disposers.push(registerContentHandler(h));\n    return () => disposers.forEach((d) => d());\n  }, [handlers]);\n\n  const reviver = options?.clipboard?.reviver;\n  const enabled = options?.clipboard?.enabled !== false;\n  const onOmitted = useLatest(options?.clipboard?.onOmitted);\n  const clipboard = useMemo<ClipboardIngestCtx | undefined>(() => {\n    if (!enabled || !adapter.commitPaste) return undefined;\n    return {\n      adapter,\n      ...(reviver ? { reviver } : {}),\n      onOmitted: (omitted) => onOmitted.current?.(omitted),\n    };\n  }, [adapter, enabled, reviver, onOmitted]);\n\n  const registryOf = useLatest(getRegistry);\n  const ingest = useCallback<CanvasIngestion['ingest']>((input, point) => {\n    const items: IngestItem[] = (input as (File | IngestItem)[]).map((entry) =>\n      entry instanceof File ? itemsFromFiles([entry])[0] : entry,\n    );\n    if (items.length === 0) return false;\n    const registry = registryOf.current();\n    if (!registry) {\n      dwarn('ingest', 'CanvasExtensionApi.ingest called before the action registry mounted — call ignored. Defer to an effect or event handler.');\n      return false;\n    }\n    const params = { items, ...(point ? { worldX: point.x, worldY: point.y } : {}) };\n    const ran = registry.trigger('ingest', params);\n    if (!ran) dwarn('ingest', 'CanvasExtensionApi.ingest ran nothing: this canvas has no `ingest` action. Add `ingest` to `features`.');\n    return ran;\n  }, [registryOf]);\n\n  return { ingest, clipboard };\n}\n"],"mappings":";;;;;;;AAkCA,SAAgBA,EACd,GACA,GACA,GACiB;CAEjB,IAAMC,IAAWC,GAAS;CAC1B,QAAgB;EACd,IAAMC,IAAY,CAACC,EAA0B,CAAC;EAC9C,KAAK,IAAMC,KAAKJ,KAAY,CAAC,GAAG,EAAU,KAAKK,EAAuBD,CAAC,CAAC;EACxE,aAAaF,EAAU,SAAS,MAAMI,EAAE,CAAC;CAC3C,GAAG,CAACN,CAAQ,CAAC;CAEb,IAAMO,IAAUN,GAAS,WAAW,SAC9BO,IAAUP,GAAS,WAAW,YAAY,IAC1CQ,IAAYC,EAAUT,GAAS,WAAW,SAAS,GACnDU,IAAYC,QAA8C;EAC9D,IAAKJ,KAAYK,EAAQ,aACzB,OAAO;GACL;GACA,GAAIN,IAAU,EAAE,WAAQ,IAAI,CAAC;GAC7B,YAAY,MAAYE,EAAU,UAAUK,CAAO;EACrD;CACF,GAAG;EAACD;EAASL;EAASD;EAASE;CAAS,CAAC,GAEnCM,IAAaL,EAAUM,CAAW;CAiBxC,OAAO;EAAE,QAhBMC,GAAwC,GAAO,MAAU;GACtE,IAAMC,IAAuBC,EAAgC,KAAK,MAChEC,aAAiB,OAAOC,EAAe,CAACD,CAAK,CAAC,CAAC,CAAC,KAAKA,CACvD;GACA,IAAIF,EAAM,WAAW,GAAG,OAAO;GAC/B,IAAMI,IAAWP,EAAW,QAAQ;GACpC,IAAI,CAACO,GAEH,OADAC,EAAM,UAAU,0HAA0H,GACnI;GAET,IAAMC,IAAS;IAAE;IAAO,GAAIC,IAAQ;KAAE,QAAQA,EAAM;KAAG,QAAQA,EAAM;IAAE,IAAI,CAAC;GAAG,GACzEC,IAAMJ,EAAS,QAAQ,UAAUE,CAAM;GAE7C,OADKE,KAAKH,EAAM,UAAU,wGAAwG,GAC3HG;EACT,GAAG,CAACX,CAAU,CAEL;EAAQ;CAAU;AAC7B"}

package/dist/features/ingestion/weaselJsonHandler.js

@@ -7,6 +7,11 @@ var c = (e) => e.includes("\"weaselClipboard\"") && s(e) && i(e) !== null, l = {
 	id: "kit:weasel-json",
 	priority: -50,
 	match: (e) => e.kind === "string" && (e.mime === n || e.mime === r || e.mime === "text/plain" && (o(e.text) || c(e.text))),
+	types: [
+		n,
+		r,
+		"text/plain"
+	],
 	handle(n, r) {
 		let o = r.clipboard;
 		if (!o) {

package/dist/features/ingestion/weaselJsonHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"weaselJsonHandler.js","names":["isMetadataBearingSvg","text","sniffSvgText","extractWeaselClipboardFromSvg","kitWeaselJsonHandler","item","WEASEL_CLIPBOARD_MIME","WEASEL_CLIPBOARD_MIME_WEB","sniffWeaselClipboardText","clipboard","ctx","items","it","nodes","parseWeaselClipboardText","snapshot","result","materializePaste"],"sources":["../../../src/features/ingestion/weaselJsonHandler.ts"],"sourcesContent":["/**\n * The kit's weasel-JSON clipboard content handler.\n *\n * Consumes `application/x-weasel-clipboard+json` payloads (either MIME\n * spelling — Chromium's async-clipboard API round-trips custom formats with\n * a `web ` prefix — plus `text/plain` that sniffs as the wire format, plus\n * `text/plain` SVG carrying the wire format embedded in a `<metadata>`\n * element: Chromium's DOM paste event exposes ONLY `text/plain`, and draw\n * puts metadata-bearing SVG there so draw→draw paste keeps full JSON\n * fidelity) and replays them as a paste through the hosting canvas's\n * adapter: parse →\n * `commitPaste` (fresh ids, cascade offset) → one undoable batch of\n * `InsertOp`s + a selection op. Mirrors `useClipboardOps.paste`'s op\n * construction exactly so OS-arriving pastes and in-memory pastes are\n * indistinguishable in history.\n *\n * Declines (leaving the event un-acted-on) when `ctx.clipboard` is absent\n * (consumer disabled it, or the adapter lacks `commitPaste`) or the payload\n * fails to parse. Note `runIngest` consumes items at *match* time, so\n * \"leave it for other handlers\" is the sniff's job: non-weasel `text/plain`\n * never matches and flows on to lower-priority handlers untouched.\n */\nimport type { NodeId } from 'core/scene/types';\nimport type { ClipboardSnapshot } from 'core/adapters/types';\nimport { materializePaste } from 'interactions/actions/clipboard/materializePaste';\nimport {\n  WEASEL_CLIPBOARD_MIME,\n  WEASEL_CLIPBOARD_MIME_WEB,\n  sniffWeaselClipboardText,\n  parseWeaselClipboardText,\n  extractWeaselClipboardFromSvg,\n} from 'interactions/actions/clipboard/wireFormat';\nimport { dwarn } from '../../debug';\nimport type { ContentHandlerEntry, IngestCtx } from './contentHandlers';\n// Direct module import (not the ./index barrel) to avoid a cycle — the\n// barrel re-exports this handler.\nimport { sniffSvgText } from './svgHandler';\n\n/** text/plain SVG whose `<metadata>` carries a verified weasel payload —\n *  the draw→draw DOM-paste flavor (Chromium exposes only text/plain there).\n *  The `\"weaselClipboard\"` substring guard keeps match cheap on arbitrary\n *  external SVG pastes before the extraction regex runs. */\nconst isMetadataBearingSvg = (text: string): boolean =>\n  text.includes('\"weaselClipboard\"')\n  && sniffSvgText(text)\n  && extractWeaselClipboardFromSvg(text) !== null;\n\nexport const kitWeaselJsonHandler: ContentHandlerEntry = {\n  id: 'kit:weasel-json',\n  // Above the other kit handlers (-100/-90) so weasel payloads never fall\n  // through to the SVG/text paths; still below consumer handlers (default 0).\n  priority: -50,\n  match: (item) =>\n    item.kind === 'string'\n    && (item.mime === WEASEL_CLIPBOARD_MIME\n      || item.mime === WEASEL_CLIPBOARD_MIME_WEB\n      || (item.mime === 'text/plain'\n        && (sniffWeaselClipboardText(item.text) || isMetadataBearingSvg(item.text)))),\n  handle(items, ctx: IngestCtx) {\n    const clipboard = ctx.clipboard;\n    if (!clipboard) {\n      dwarn('clipboard', 'weasel payload arrived but ctx.clipboard is not wired (ingestion.clipboard disabled or absent) — declining');\n      return;\n    }\n    if (!clipboard.adapter.commitPaste) {\n      dwarn('clipboard', 'weasel payload arrived but the clipboard adapter lacks commitPaste — declining');\n      return;\n    }\n    const item = items.find((it) => it.kind === 'string');\n    if (!item || item.kind !== 'string') return;\n    // The metadata-bearing-SVG flavor: unwrap the embedded payload before\n    // parsing. Extraction was already verified at match time, so a null here\n    // is the same inert-decline class as a corrupt custom-MIME payload.\n    const text = sniffSvgText(item.text)\n      ? extractWeaselClipboardFromSvg(item.text)\n      : item.text;\n    if (text === null) {\n      dwarn('clipboard', 'weasel payload vanished from the SVG metadata between match and handle — declining');\n      return;\n    }\n    const nodes = parseWeaselClipboardText(text, clipboard.reviver);\n    if (nodes === null) {\n      dwarn('clipboard', 'weasel payload unusable — declining (see prior warning if the parse threw)');\n      return;\n    }\n    // Shared paste recipe (offset → commitPaste → InsertOps + selection op)\n    // so OS-arriving pastes match useClipboardOps.paste exactly. `ctx.point`\n    // is null for paste, so no dropPoint is threaded — the cascade offset is\n    // the placement.\n    const snapshot: ClipboardSnapshot = { items: nodes };\n    const result = materializePaste(clipboard.adapter, snapshot, {\n      currentSelection: ctx.selection.get(),\n      onOmitted: clipboard.onOmitted,\n    });\n    if (!result) return;\n    ctx.applyOps(result.ops, 'Paste');\n    ctx.selection.set(result.newIds as NodeId[]);\n    // Flag the shared event ctx so kit:svg's text/plain fallback declines the\n    // SVG flavor of this same copy (draw writes weasel-JSON + SVG together).\n    // WARNING: do not add an `await` earlier in this handle — the flag must\n    // be written before lower-priority handlers' microtasks run.\n    ctx.consumedWeaselPayload = true;\n  },\n};\n"],"mappings":";;;;;AA0CA,IAAMA,KAAwB,MAC5BC,EAAK,SAAS,qBAAmB,KAC9BC,EAAaD,CAAI,KACjBE,EAA8BF,CAAI,MAAM,MAEhCG,IAA4C;CACvD,IAAI;CAGJ,UAAU;CACV,QAAQ,MACNC,EAAK,SAAS,aACVA,EAAK,SAASC,KACbD,EAAK,SAASE,KACbF,EAAK,SAAS,iBACZG,EAAyBH,EAAK,IAAI,KAAKL,EAAqBK,EAAK,IAAI;CAC/E,OAAO,GAAO,GAAgB;EAC5B,IAAMI,IAAYC,EAAI;EACtB,IAAI,CAACD,GAAW;GACd,EAAM,aAAa,4GAA4G;GAC/H;EACF;EACA,IAAI,CAACA,EAAU,QAAQ,aAAa;GAClC,EAAM,aAAa,gFAAgF;GACnG;EACF;EACA,IAAMJ,IAAOM,EAAM,MAAM,MAAOC,EAAG,SAAS,QAAQ;EACpD,IAAI,CAACP,KAAQA,EAAK,SAAS,UAAU;EAIrC,IAAMJ,IAAOC,EAAaG,EAAK,IAAI,IAC/BF,EAA8BE,EAAK,IAAI,IACvCA,EAAK;EACT,IAAIJ,MAAS,MAAM;GACjB,EAAM,aAAa,oFAAoF;GACvG;EACF;EACA,IAAMY,IAAQC,EAAyBb,GAAMQ,EAAU,OAAO;EAC9D,IAAII,MAAU,MAAM;GAClB,EAAM,aAAa,4EAA4E;GAC/F;EACF;EAKA,IAAME,IAA8B,EAAE,OAAOF,EAAM,GAC7CG,IAASC,EAAiBR,EAAU,SAASM,GAAU;GAC3D,kBAAkBL,EAAI,UAAU,IAAI;GACpC,WAAWD,EAAU;EACvB,CAAC;EACD,AAAKO,MACLN,EAAI,SAASM,EAAO,KAAK,OAAO,GAChCN,EAAI,UAAU,IAAIM,EAAO,MAAkB,GAK3C,EAAI,wBAAwB;CAC9B;AACF"}
+{"version":3,"file":"weaselJsonHandler.js","names":["isMetadataBearingSvg","text","sniffSvgText","extractWeaselClipboardFromSvg","kitWeaselJsonHandler","item","WEASEL_CLIPBOARD_MIME","WEASEL_CLIPBOARD_MIME_WEB","sniffWeaselClipboardText","clipboard","ctx","items","it","nodes","parseWeaselClipboardText","snapshot","result","materializePaste"],"sources":["../../../src/features/ingestion/weaselJsonHandler.ts"],"sourcesContent":["/**\n * The kit's weasel-JSON clipboard content handler.\n *\n * Consumes `application/x-weasel-clipboard+json` payloads in either MIME\n * spelling (Chromium's async-clipboard API round-trips custom formats with\n * a `web ` prefix), `text/plain` that sniffs as the wire format, and\n * `text/plain` SVG carrying the wire format embedded in a `<metadata>`\n * element (Chromium's DOM paste event exposes ONLY `text/plain`). It replays\n * them as a paste through the hosting canvas's adapter, mirroring\n * `useClipboardOps.paste`'s op construction exactly so OS-arriving pastes\n * and in-memory pastes are indistinguishable in history.\n *\n * Declines when `ctx.clipboard` is absent or the payload fails to parse.\n * `runIngest` consumes items at *match* time, so \"leave it for other\n * handlers\" is the sniff's job: non-weasel `text/plain` never matches.\n */\nimport type { NodeId } from 'core/scene/types';\nimport type { ClipboardSnapshot } from 'core/adapters/types';\nimport { materializePaste } from 'interactions/actions/clipboard/materializePaste';\nimport {\n  WEASEL_CLIPBOARD_MIME,\n  WEASEL_CLIPBOARD_MIME_WEB,\n  sniffWeaselClipboardText,\n  parseWeaselClipboardText,\n  extractWeaselClipboardFromSvg,\n} from 'interactions/actions/clipboard/wireFormat';\nimport { dwarn } from '../../debug';\nimport type { ContentHandlerEntry, IngestCtx } from './contentHandlers';\n// Direct module import (not the ./index barrel) to avoid a cycle — the\n// barrel re-exports this handler.\nimport { sniffSvgText } from './svgHandler';\n\n/** text/plain SVG whose `<metadata>` carries a verified weasel payload —\n *  the draw→draw DOM-paste flavor (Chromium exposes only text/plain there).\n *  The `\"weaselClipboard\"` substring guard keeps match cheap on arbitrary\n *  external SVG pastes before the extraction regex runs. */\nconst isMetadataBearingSvg = (text: string): boolean =>\n  text.includes('\"weaselClipboard\"')\n  && sniffSvgText(text)\n  && extractWeaselClipboardFromSvg(text) !== null;\n\nexport const kitWeaselJsonHandler: ContentHandlerEntry = {\n  id: 'kit:weasel-json',\n  // Above the other kit handlers (-100/-90) so weasel payloads never fall\n  // through to the SVG/text paths; still below consumer handlers (default 0).\n  priority: -50,\n  match: (item) =>\n    item.kind === 'string'\n    && (item.mime === WEASEL_CLIPBOARD_MIME\n      || item.mime === WEASEL_CLIPBOARD_MIME_WEB\n      || (item.mime === 'text/plain'\n        && (sniffWeaselClipboardText(item.text) || isMetadataBearingSvg(item.text)))),\n  types: [WEASEL_CLIPBOARD_MIME, WEASEL_CLIPBOARD_MIME_WEB, 'text/plain'],\n  handle(items, ctx: IngestCtx) {\n    const clipboard = ctx.clipboard;\n    if (!clipboard) {\n      dwarn('clipboard', 'weasel payload arrived but ctx.clipboard is not wired (ingestion.clipboard disabled or absent) — declining');\n      return;\n    }\n    if (!clipboard.adapter.commitPaste) {\n      dwarn('clipboard', 'weasel payload arrived but the clipboard adapter lacks commitPaste — declining');\n      return;\n    }\n    const item = items.find((it) => it.kind === 'string');\n    if (!item || item.kind !== 'string') return;\n    // The metadata-bearing-SVG flavor: unwrap the embedded payload before\n    // parsing. Extraction was already verified at match time, so a null here\n    // is the same inert-decline class as a corrupt custom-MIME payload.\n    const text = sniffSvgText(item.text)\n      ? extractWeaselClipboardFromSvg(item.text)\n      : item.text;\n    if (text === null) {\n      dwarn('clipboard', 'weasel payload vanished from the SVG metadata between match and handle — declining');\n      return;\n    }\n    const nodes = parseWeaselClipboardText(text, clipboard.reviver);\n    if (nodes === null) {\n      dwarn('clipboard', 'weasel payload unusable — declining (see prior warning if the parse threw)');\n      return;\n    }\n    // `ctx.point` is null for paste, so no dropPoint is threaded — the\n    // cascade offset is the placement.\n    const snapshot: ClipboardSnapshot = { items: nodes };\n    const result = materializePaste(clipboard.adapter, snapshot, {\n      currentSelection: ctx.selection.get(),\n      onOmitted: clipboard.onOmitted,\n    });\n    if (!result) return;\n    ctx.applyOps(result.ops, 'Paste');\n    ctx.selection.set(result.newIds as NodeId[]);\n    // So kit:svg's text/plain fallback declines the SVG flavor of this copy.\n    // WARNING: do not add an `await` earlier in this handle — the flag must\n    // be written before lower-priority handlers' microtasks run.\n    ctx.consumedWeaselPayload = true;\n  },\n};\n"],"mappings":";;;;;AAoCA,IAAMA,KAAwB,MAC5BC,EAAK,SAAS,qBAAmB,KAC9BC,EAAaD,CAAI,KACjBE,EAA8BF,CAAI,MAAM,MAEhCG,IAA4C;CACvD,IAAI;CAGJ,UAAU;CACV,QAAQ,MACNC,EAAK,SAAS,aACVA,EAAK,SAASC,KACbD,EAAK,SAASE,KACbF,EAAK,SAAS,iBACZG,EAAyBH,EAAK,IAAI,KAAKL,EAAqBK,EAAK,IAAI;CAC/E,OAAO;EAACC;EAAuBC;EAA2B;CAAY;CACtE,OAAO,GAAO,GAAgB;EAC5B,IAAME,IAAYC,EAAI;EACtB,IAAI,CAACD,GAAW;GACd,EAAM,aAAa,4GAA4G;GAC/H;EACF;EACA,IAAI,CAACA,EAAU,QAAQ,aAAa;GAClC,EAAM,aAAa,gFAAgF;GACnG;EACF;EACA,IAAMJ,IAAOM,EAAM,MAAM,MAAOC,EAAG,SAAS,QAAQ;EACpD,IAAI,CAACP,KAAQA,EAAK,SAAS,UAAU;EAIrC,IAAMJ,IAAOC,EAAaG,EAAK,IAAI,IAC/BF,EAA8BE,EAAK,IAAI,IACvCA,EAAK;EACT,IAAIJ,MAAS,MAAM;GACjB,EAAM,aAAa,oFAAoF;GACvG;EACF;EACA,IAAMY,IAAQC,EAAyBb,GAAMQ,EAAU,OAAO;EAC9D,IAAII,MAAU,MAAM;GAClB,EAAM,aAAa,4EAA4E;GAC/F;EACF;EAGA,IAAME,IAA8B,EAAE,OAAOF,EAAM,GAC7CG,IAASC,EAAiBR,EAAU,SAASM,GAAU;GAC3D,kBAAkBL,EAAI,UAAU,IAAI;GACpC,WAAWD,EAAU;EACvB,CAAC;EACD,AAAKO,MACLN,EAAI,SAASM,EAAO,KAAK,OAAO,GAChCN,EAAI,UAAU,IAAIM,EAAO,MAAkB,GAI3C,EAAI,wBAAwB;CAC9B;AACF"}

package/dist/features/longPress/longPressFeedback.js.map

@@ -1 +1 @@
-{"version":3,"file":"longPressFeedback.js","names":["LONG_PRESS_FEEDBACK_ID","RING_SEGMENTS","TRACK_OPACITY","nowMs","prefersReducedMotion","arcPath","n","t","pts","i","a","cx","cy","polylineFromPoints","circlePath","ellipsePath","viewIdOf","data","createLongPressFeedbackContribution","id","opts","radius","width","delay","state","color","reduced","showing","p","now","stroke","opacity","x","y","store","deps","appear","onChange","accentColorOf","api","wait","offStore","ctx"],"sources":["../../../src/features/longPress/longPressFeedback.ts"],"sourcesContent":["/**\n * The default \"press is registering\" feedback for a touch or pen long-press: a\n * ring around the press point that fills over the hold. It reads the `longPress`\n * dep the gesture dispatcher publishes, so it shows only for a press some\n * binding would fire on, and disappears when the press fires, moves past the\n * drag threshold, lifts, or is canceled.\n */\nimport type { LongPressState } from '@weasel-js/routing';\nimport type { RenderLayer } from 'core/layers/render';\nimport { ellipsePath, polylineFromPoints, type Path } from '@weasel-js/geom';\nimport type { DrawCommand } from '../../renderer';\nimport type { CanvasExtensionApi } from '../../canvas/canvasExtension';\nimport type { ContributionDepReader, SurfaceContribution } from '../../canvas/surfaceContribution';\nimport { accentColorOf } from '../../canvas/accentColor';\n\n/** Entry and layer id of the default feedback, so a host can find or order it. */\nexport const LONG_PRESS_FEEDBACK_ID = 'long-press-feedback';\n\n/** Options for {@link createLongPressFeedbackContribution}. */\nexport interface LongPressFeedbackOptions {\n  /** Entry and layer id. Default {@link LONG_PRESS_FEEDBACK_ID}. */\n  id?: string;\n  /** Ring radius in CSS pixels. Default 22 — clear of a fingertip. */\n  radius?: number;\n  /** Ring stroke width in CSS pixels. Default 3. */\n  width?: number;\n  /** Ring color. Default the theme's `--wzl-accent`, read off the canvas\n   *  element when each press starts. */\n  color?: string | (() => string);\n  /** How long a press is held before the ring appears, in ms, so an ordinary\n   *  tap shows nothing. Default 120. */\n  delay?: number;\n  /** `true` shows a static full ring instead of one that fills, and runs no\n   *  frame loop. Default `'auto'`: follow `prefers-reduced-motion`, read when\n   *  each press starts. */\n  reducedMotion?: boolean | 'auto';\n}\n\nconst RING_SEGMENTS = 64;\nconst TRACK_OPACITY = 0.3;\n\nconst nowMs = (): number => performance.now();\n\nfunction prefersReducedMotion(): boolean {\n  return typeof matchMedia === 'function'\n    && matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n/** An open arc from 12 o'clock, clockwise on a y-down screen, through `t` of a turn. */\nfunction arcPath(cx: number, cy: number, r: number, t: number): Path {\n  const n = Math.max(1, Math.ceil(RING_SEGMENTS * t));\n  const pts: { x: number; y: number }[] = [];\n  for (let i = 0; i <= n; i++) {\n    const a = (i / n) * t * Math.PI * 2;\n    pts.push({ x: cx + r * Math.sin(a), y: cy - r * Math.cos(a) });\n  }\n  return polylineFromPoints(pts);\n}\n\nfunction circlePath(cx: number, cy: number, r: number): Path {\n  return ellipsePath({ x: cx - r, y: cy - r, width: 2 * r, height: 2 * r });\n}\n\nconst viewIdOf = (data: unknown): string | null =>\n  (data as { viewId?: string | null } | null)?.viewId ?? null;\n\n/**\n * The default long-press feedback, as one entry. `<SceneCanvas>` installs it\n * unless `longPress={{ feedback: false }}`; pass a contribution of your own there to\n * replace it — it reads the same `longPress` dep this one does.\n */\nexport function createLongPressFeedbackContribution(\n  opts: LongPressFeedbackOptions = {},\n): SurfaceContribution {\n  const id = opts.id ?? LONG_PRESS_FEEDBACK_ID;\n  const radius = opts.radius ?? 22;\n  const width = opts.width ?? 3;\n  const delay = opts.delay ?? 120;\n\n  let state: LongPressState | undefined;\n  let color = '';\n  let reduced = false;\n\n  const showing = (): boolean => {\n    const p = state?.get();\n    return !!p && p.armed;\n  };\n\n  const layer: RenderLayer<unknown> = {\n    id,\n    label: 'Long-press feedback',\n    space: 'screen',\n    draw: (data): DrawCommand[] => {\n      const p = state?.get();\n      // Screen space is the whole canvas, so the root pass draws the ring\n      // wherever the press routed; a view pass drawing it too would double it.\n      if (!state || !p || !p.armed || viewIdOf(data) !== null) return [];\n      const now = nowMs();\n      if (now - p.startedAt < delay) return [];\n      const { x, y } = p.local;\n      const stroke = (opacity?: number) => ({\n        paint: { color, ...(opacity !== undefined ? { opacity } : {}) },\n        width: { px: width },\n        cap: 'round' as const,\n      });\n      if (reduced) return [{ kind: 'path', path: circlePath(x, y, radius), stroke: stroke() }];\n      return [\n        { kind: 'path', path: circlePath(x, y, radius), stroke: stroke(TRACK_OPACITY) },\n        { kind: 'path', path: arcPath(x, y, radius, state.progress(now)), stroke: stroke() },\n      ];\n    },\n  };\n\n  const attach = (api: CanvasExtensionApi, deps: ContributionDepReader): (() => void) => {\n    const store = deps.get('longPress');\n    if (!store) return () => {};\n    state = store;\n    let appear: ReturnType<typeof setTimeout> | undefined;\n\n    const onChange = (): void => {\n      clearTimeout(appear);\n      appear = undefined;\n      const p = store.get();\n      if (p?.armed) {\n        color = typeof opts.color === 'function' ? opts.color() : (opts.color ?? accentColorOf(api.element));\n        reduced = opts.reducedMotion === 'auto' || opts.reducedMotion === undefined\n          ? prefersReducedMotion()\n          : opts.reducedMotion;\n        // A static ring changes once, when it appears; nothing needs frames.\n        const wait = delay - (nowMs() - p.startedAt);\n        if (reduced && wait > 0) appear = setTimeout(() => { api.requestRedraw(); }, wait);\n      }\n      api.requestRedraw();\n    };\n\n    const offStore = store.subscribe(onChange);\n    onChange();\n    return () => {\n      offStore();\n      clearTimeout(appear);\n      state = undefined;\n      api.requestRedraw();\n    };\n  };\n\n  return {\n    id,\n    eligibility: { always: true },\n    overlay: layer,\n    attach,\n    // The filling ring asks for the next frame from each painted one while it shows.\n    afterPaint: (ctx) => {\n      if (!reduced && showing()) ctx.requestFrame();\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"longPressFeedback.js","names":["circlePath","LONG_PRESS_FEEDBACK_ID","RING_SEGMENTS","TRACK_OPACITY","nowMs","prefersReducedMotion","arcPath","n","t","pts","i","a","cx","cy","polylineFromPoints","circlePath$1","ellipsePath","viewIdOf","data","createLongPressFeedbackContribution","id","opts","radius","width","delay","state","color","reduced","showing","p","now","stroke","opacity","x","y","store","deps","appear","onChange","accentColorOf","api","wait","offStore","ctx"],"sources":["../../../src/features/longPress/longPressFeedback.ts"],"sourcesContent":["/**\n * The default \"press is registering\" feedback for a touch or pen long-press: a\n * ring around the press point that fills over the hold. It reads the `longPress`\n * dep the gesture dispatcher publishes, so it shows only for a press some\n * binding would fire on, and disappears when the press fires, moves past the\n * drag threshold, lifts, or is canceled.\n */\nimport type { LongPressState } from '@weasel-js/routing';\nimport type { RenderLayer } from 'core/layers/render';\nimport { ellipsePath, polylineFromPoints, type Path } from '@weasel-js/geom';\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport type { CanvasExtensionApi } from '../../canvas/canvasExtension';\nimport type { ContributionDepReader, SurfaceContribution } from '../../canvas/surfaceContribution';\nimport { accentColorOf } from '../../canvas/accentColor';\n\n/** Entry and layer id of the default feedback, so a host can find or order it. */\nexport const LONG_PRESS_FEEDBACK_ID = 'long-press-feedback';\n\n/** Options for {@link createLongPressFeedbackContribution}. */\nexport interface LongPressFeedbackOptions {\n  /** Entry and layer id. Default {@link LONG_PRESS_FEEDBACK_ID}. */\n  id?: string;\n  /** Ring radius in CSS pixels. Default 22 — clear of a fingertip. */\n  radius?: number;\n  /** Ring stroke width in CSS pixels. Default 3. */\n  width?: number;\n  /** Ring color. Default the theme's `--wzl-accent`, read off the canvas\n   *  element when each press starts. */\n  color?: string | (() => string);\n  /** How long a press is held before the ring appears, in ms, so an ordinary\n   *  tap shows nothing. Default 120. */\n  delay?: number;\n  /** `true` shows a static full ring instead of one that fills, and runs no\n   *  frame loop. Default `'auto'`: follow `prefers-reduced-motion`, read when\n   *  each press starts. */\n  reducedMotion?: boolean | 'auto';\n}\n\nconst RING_SEGMENTS = 64;\nconst TRACK_OPACITY = 0.3;\n\nconst nowMs = (): number => performance.now();\n\nfunction prefersReducedMotion(): boolean {\n  return typeof matchMedia === 'function'\n    && matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n/** An open arc from 12 o'clock, clockwise on a y-down screen, through `t` of a turn. */\nfunction arcPath(cx: number, cy: number, r: number, t: number): Path {\n  const n = Math.max(1, Math.ceil(RING_SEGMENTS * t));\n  const pts: { x: number; y: number }[] = [];\n  for (let i = 0; i <= n; i++) {\n    const a = (i / n) * t * Math.PI * 2;\n    pts.push({ x: cx + r * Math.sin(a), y: cy - r * Math.cos(a) });\n  }\n  return polylineFromPoints(pts);\n}\n\nfunction circlePath(cx: number, cy: number, r: number): Path {\n  return ellipsePath({ x: cx - r, y: cy - r, width: 2 * r, height: 2 * r });\n}\n\nconst viewIdOf = (data: unknown): string | null =>\n  (data as { viewId?: string | null } | null)?.viewId ?? null;\n\n/**\n * The default long-press feedback, as one entry. `<SceneCanvas>` installs it\n * unless `longPress={{ feedback: false }}`; pass a contribution of your own there to\n * replace it — it reads the same `longPress` dep this one does.\n */\nexport function createLongPressFeedbackContribution(\n  opts: LongPressFeedbackOptions = {},\n): SurfaceContribution {\n  const id = opts.id ?? LONG_PRESS_FEEDBACK_ID;\n  const radius = opts.radius ?? 22;\n  const width = opts.width ?? 3;\n  const delay = opts.delay ?? 120;\n\n  let state: LongPressState | undefined;\n  let color = '';\n  let reduced = false;\n\n  const showing = (): boolean => {\n    const p = state?.get();\n    return !!p && p.armed;\n  };\n\n  const layer: RenderLayer<unknown> = {\n    id,\n    label: 'Long-press feedback',\n    space: 'screen',\n    draw: (data): DrawCommand[] => {\n      const p = state?.get();\n      // Screen space is the whole canvas, so the root pass draws the ring\n      // wherever the press routed; a view pass drawing it too would double it.\n      if (!state || !p || !p.armed || viewIdOf(data) !== null) return [];\n      const now = nowMs();\n      if (now - p.startedAt < delay) return [];\n      const { x, y } = p.local;\n      const stroke = (opacity?: number) => ({\n        paint: { color, ...(opacity !== undefined ? { opacity } : {}) },\n        width: { px: width },\n        cap: 'round' as const,\n      });\n      if (reduced) return [{ kind: 'path', path: circlePath(x, y, radius), stroke: stroke() }];\n      return [\n        { kind: 'path', path: circlePath(x, y, radius), stroke: stroke(TRACK_OPACITY) },\n        { kind: 'path', path: arcPath(x, y, radius, state.progress(now)), stroke: stroke() },\n      ];\n    },\n  };\n\n  const attach = (api: CanvasExtensionApi, deps: ContributionDepReader): (() => void) => {\n    const store = deps.get('longPress');\n    if (!store) return () => {};\n    state = store;\n    let appear: ReturnType<typeof setTimeout> | undefined;\n\n    const onChange = (): void => {\n      clearTimeout(appear);\n      appear = undefined;\n      const p = store.get();\n      if (p?.armed) {\n        color = typeof opts.color === 'function' ? opts.color() : (opts.color ?? accentColorOf(api.element));\n        reduced = opts.reducedMotion === 'auto' || opts.reducedMotion === undefined\n          ? prefersReducedMotion()\n          : opts.reducedMotion;\n        // A static ring changes once, when it appears; nothing needs frames.\n        const wait = delay - (nowMs() - p.startedAt);\n        if (reduced && wait > 0) appear = setTimeout(() => { api.requestRedraw(); }, wait);\n      }\n      api.requestRedraw();\n    };\n\n    const offStore = store.subscribe(onChange);\n    onChange();\n    return () => {\n      offStore();\n      clearTimeout(appear);\n      state = undefined;\n      api.requestRedraw();\n    };\n  };\n\n  return {\n    id,\n    eligibility: { always: true },\n    overlay: layer,\n    attach,\n    // The filling ring asks for the next frame from each painted one while it shows.\n    afterPaint: (ctx) => {\n      if (!reduced && showing()) ctx.requestFrame();\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/features/modes/modeLayers.js

@@ -21,8 +21,8 @@ function r(r) {
 					width: n,
 					height: r
 				},
-				fill: c.gradient ? {
-					fill: "linear-gradient",
+				fill: { paint: c.gradient ? {
+					kind: "linear-gradient",
 					from: i,
 					to: a,
 					stops: [{
@@ -34,10 +34,10 @@ function r(r) {
 					}],
 					opacity: u
 				} : {
-					fill: "solid",
+					kind: "solid",
 					color: l,
 					opacity: u
-				}
+				} }
 			}), m = () => [c.gradient === "top-down" ? p(0, 0, d, f, {
 				x: 0,
 				y: 0
@@ -62,11 +62,11 @@ function r(r) {
 					width: d,
 					height: f
 				},
-				fill: {
-					fill: "solid",
+				fill: { paint: {
+					kind: "solid",
 					color: l,
 					opacity: u
-				}
+				} }
 			}];
 			let T = [], E = (e, t, n, r, i, a) => {
 				n > 0 && r > 0 && T.push(p(e, t, n, r, i, a));

package/dist/features/modes/modeLayers.js.map

@@ -1 +1 @@
-{"version":3,"file":"modeLayers.js","names":["DEFAULT_INTENSITY","workspaceTintLayer","opts","registry","ws","tint","opacity","W","H","dims","strip","whole","page","t","viewToTransform","view","sx0","sy0","worldToScreen","sx1","sy1","pl","pt","pr","pb","cmds","push","w","h","x","y","from","to","modeDecorationLayer","decorations"],"sources":["../../../src/features/modes/modeLayers.ts"],"sourcesContent":["import type { Rect } from '@weasel-js/geom';\nimport type { ModeDecorations, ModeRegistry } from '@weasel-js/modes';\nimport type { DrawCommand } from '../../renderer';\nimport type { RenderLayer } from 'core/layers/render';\nimport { viewToTransform } from 'core/viewport/view';\nimport { worldToScreen } from 'core/viewport/viewTransform';\n\n/** Options for {@link workspaceTintLayer}. */\nexport interface WorkspaceTintLayerOptions {\n  registry: ModeRegistry;\n  /** The page, in world coordinates. When given, the tint covers only the\n   *  workspace around it, each strip fading toward the page edge if the mode\n   *  names a gradient. Without it the tint covers the whole canvas. */\n  page?: () => Rect | null;\n  /** Opacity for every mode's tint, in place of its `workspace.intensity`. */\n  intensity?: number;\n  id?: string;\n  label?: string;\n}\n\nconst DEFAULT_INTENSITY = 0.12;\n\n/**\n * A screen-space layer painting the active mode's `WorkspaceVisual`: nothing in\n * a mode without a tint, otherwise a wash at the mode's intensity, bottom-up or\n * top-down when the mode names a gradient. It subscribes to the registry, so a\n * mode switch repaints it.\n */\nexport function workspaceTintLayer(opts: WorkspaceTintLayerOptions): RenderLayer<unknown> {\n  const { registry } = opts;\n  return {\n    id: opts.id ?? 'mode-tint',\n    label: opts.label ?? 'Mode tint',\n    space: 'screen',\n    subscribe: registry.subscribe,\n    draw: (_data, view, dims) => {\n      const ws = registry.current().workspace;\n      const tint = ws?.tint;\n      if (!tint || tint === 'transparent') return [];\n      const opacity = opts.intensity ?? ws.intensity ?? DEFAULT_INTENSITY;\n      const { width: W, height: H } = dims;\n\n      const strip = (\n        x: number, y: number, width: number, height: number,\n        from: { x: number; y: number }, to: { x: number; y: number },\n      ): DrawCommand => ({\n        kind: 'path',\n        path: { kind: 'rect', x, y, width, height },\n        fill: ws.gradient\n          ? { fill: 'linear-gradient', from, to, stops: [{ offset: 0, color: tint }, { offset: 1, color: 'transparent' }], opacity }\n          : { fill: 'solid', color: tint, opacity },\n      });\n\n      const whole = (): DrawCommand[] => [\n        ws.gradient === 'top-down'\n          ? strip(0, 0, W, H, { x: 0, y: 0 }, { x: 0, y: H })\n          : strip(0, 0, W, H, { x: 0, y: H }, { x: 0, y: 0 }),\n      ];\n\n      const page = opts.page?.();\n      if (!page) return whole();\n\n      const t = viewToTransform(view);\n      const [sx0, sy0] = worldToScreen(page.x, page.y, t);\n      const [sx1, sy1] = worldToScreen(page.x + page.width, page.y + page.height, t);\n      const pl = Math.max(0, Math.min(sx0, sx1));\n      const pt = Math.max(0, Math.min(sy0, sy1));\n      const pr = Math.min(W, Math.max(sx0, sx1));\n      const pb = Math.min(H, Math.max(sy0, sy1));\n      if (pr <= pl || pb <= pt) {\n        return [{ kind: 'path', path: { kind: 'rect', x: 0, y: 0, width: W, height: H }, fill: { fill: 'solid', color: tint, opacity } }];\n      }\n\n      const cmds: DrawCommand[] = [];\n      const push = (\n        x: number, y: number, w: number, h: number,\n        from: { x: number; y: number }, to: { x: number; y: number },\n      ): void => { if (w > 0 && h > 0) cmds.push(strip(x, y, w, h, from, to)); };\n      push(0, 0, W, pt, { x: 0, y: 0 }, { x: 0, y: pt });\n      push(0, pb, W, H - pb, { x: 0, y: H }, { x: 0, y: pb });\n      push(0, pt, pl, pb - pt, { x: 0, y: 0 }, { x: pl, y: 0 });\n      push(pr, pt, W - pr, pb - pt, { x: W, y: 0 }, { x: pr, y: 0 });\n      return cmds;\n    },\n  };\n}\n\n/** A world-space layer drawing a `ModeDecorations`' active painter. It\n *  subscribes to the decorations, so a mode switch or a new painter repaints\n *  it. */\nexport function modeDecorationLayer(\n  decorations: ModeDecorations,\n  opts: { id?: string; label?: string } = {},\n): RenderLayer<unknown> {\n  return {\n    id: opts.id ?? 'mode-decorations',\n    label: opts.label ?? 'Mode decorations',\n    subscribe: decorations.subscribe,\n    draw: () => decorations.paint() as DrawCommand[],\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"modeLayers.js","names":["DEFAULT_INTENSITY","workspaceTintLayer","opts","registry","ws","tint","opacity","W","H","dims","strip","whole","page","t","viewToTransform","view","sx0","sy0","worldToScreen","sx1","sy1","pl","pt","pr","pb","cmds","push","w","h","x","y","from","to","modeDecorationLayer","decorations"],"sources":["../../../src/features/modes/modeLayers.ts"],"sourcesContent":["import type { Rect } from '@weasel-js/geom';\nimport type { ModeDecorations, ModeRegistry } from '@weasel-js/modes';\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport type { RenderLayer } from 'core/layers/render';\nimport { viewToTransform } from 'core/viewport/view';\nimport { worldToScreen } from 'core/viewport/viewTransform';\n\n/** Options for {@link workspaceTintLayer}. */\nexport interface WorkspaceTintLayerOptions {\n  registry: ModeRegistry;\n  /** The page, in world coordinates. When given, the tint covers only the\n   *  workspace around it, each strip fading toward the page edge if the mode\n   *  names a gradient. Without it the tint covers the whole canvas. */\n  page?: () => Rect | null;\n  /** Opacity for every mode's tint, in place of its `workspace.intensity`. */\n  intensity?: number;\n  id?: string;\n  label?: string;\n}\n\nconst DEFAULT_INTENSITY = 0.12;\n\n/**\n * A screen-space layer painting the active mode's `WorkspaceVisual`: nothing in\n * a mode without a tint, otherwise a wash at the mode's intensity, bottom-up or\n * top-down when the mode names a gradient. It subscribes to the registry, so a\n * mode switch repaints it.\n */\nexport function workspaceTintLayer(opts: WorkspaceTintLayerOptions): RenderLayer<unknown> {\n  const { registry } = opts;\n  return {\n    id: opts.id ?? 'mode-tint',\n    label: opts.label ?? 'Mode tint',\n    space: 'screen',\n    subscribe: registry.subscribe,\n    draw: (_data, view, dims) => {\n      const ws = registry.current().workspace;\n      const tint = ws?.tint;\n      if (!tint || tint === 'transparent') return [];\n      const opacity = opts.intensity ?? ws.intensity ?? DEFAULT_INTENSITY;\n      const { width: W, height: H } = dims;\n\n      const strip = (\n        x: number, y: number, width: number, height: number,\n        from: { x: number; y: number }, to: { x: number; y: number },\n      ): DrawCommand => ({\n        kind: 'path',\n        path: { kind: 'rect', x, y, width, height },\n        fill: { paint: ws.gradient\n          ? { kind: 'linear-gradient', from, to, stops: [{ offset: 0, color: tint }, { offset: 1, color: 'transparent' }], opacity }\n          : { kind: 'solid', color: tint, opacity } },\n      });\n\n      const whole = (): DrawCommand[] => [\n        ws.gradient === 'top-down'\n          ? strip(0, 0, W, H, { x: 0, y: 0 }, { x: 0, y: H })\n          : strip(0, 0, W, H, { x: 0, y: H }, { x: 0, y: 0 }),\n      ];\n\n      const page = opts.page?.();\n      if (!page) return whole();\n\n      const t = viewToTransform(view);\n      const [sx0, sy0] = worldToScreen(page.x, page.y, t);\n      const [sx1, sy1] = worldToScreen(page.x + page.width, page.y + page.height, t);\n      const pl = Math.max(0, Math.min(sx0, sx1));\n      const pt = Math.max(0, Math.min(sy0, sy1));\n      const pr = Math.min(W, Math.max(sx0, sx1));\n      const pb = Math.min(H, Math.max(sy0, sy1));\n      if (pr <= pl || pb <= pt) {\n        return [{ kind: 'path', path: { kind: 'rect', x: 0, y: 0, width: W, height: H }, fill: { paint: { kind: 'solid', color: tint, opacity } } }];\n      }\n\n      const cmds: DrawCommand[] = [];\n      const push = (\n        x: number, y: number, w: number, h: number,\n        from: { x: number; y: number }, to: { x: number; y: number },\n      ): void => { if (w > 0 && h > 0) cmds.push(strip(x, y, w, h, from, to)); };\n      push(0, 0, W, pt, { x: 0, y: 0 }, { x: 0, y: pt });\n      push(0, pb, W, H - pb, { x: 0, y: H }, { x: 0, y: pb });\n      push(0, pt, pl, pb - pt, { x: 0, y: 0 }, { x: pl, y: 0 });\n      push(pr, pt, W - pr, pb - pt, { x: W, y: 0 }, { x: pr, y: 0 });\n      return cmds;\n    },\n  };\n}\n\n/** A world-space layer drawing a `ModeDecorations`' active painter. It\n *  subscribes to the decorations, so a mode switch or a new painter repaints\n *  it. */\nexport function modeDecorationLayer(\n  decorations: ModeDecorations,\n  opts: { id?: string; label?: string } = {},\n): RenderLayer<unknown> {\n  return {\n    id: opts.id ?? 'mode-decorations',\n    label: opts.label ?? 'Mode decorations',\n    subscribe: decorations.subscribe,\n    draw: () => decorations.paint() as DrawCommand[],\n  };\n}\n"],"mappings":"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"}

package/dist/features/paths/editablePath.js

@@ -0,0 +1,63 @@
+import { isRectPose as e } from "../../core/geometry/autoPoseDescriptor.js";
+import { pathFromPlane as t } from "../../canvas/planeClips.js";
+import { pathInWorld as n, worldEditToStorage as r } from "@weasel-js/geom";
+//#region src/features/paths/editablePath.ts
+function i(t) {
+	if (!t) return null;
+	if (t.pose?.kind === "polygon") return { kind: "pose" };
+	let n = t.data;
+	return n?.path && n.path.kind === "polygon" && e(t.pose) ? {
+		kind: "data",
+		pose: t.pose,
+		data: n
+	} : null;
+}
+function a(e) {
+	if (!e) return null;
+	let t = i(e);
+	return t ? t.kind === "pose" ? e.pose : n(t.data.path, t.pose) : null;
+}
+function o(e, t) {
+	let n = i(e);
+	if (!n) return null;
+	if (n.kind === "pose") return {
+		pose: t,
+		data: e.data
+	};
+	let { pose: a, path: o } = r(n.pose, t);
+	return {
+		pose: a,
+		data: {
+			...n.data,
+			path: o
+		}
+	};
+}
+function s(e, t, n) {
+	let r = t.pose, i = t.data, a = !1;
+	for (let t of n) {
+		let n = t.previewIds?.();
+		if (!n) continue;
+		let o = !1;
+		for (let t of n) if (t === e) {
+			o = !0;
+			break;
+		}
+		if (!o) continue;
+		let s = t.previewPose?.(e);
+		s != null && !a && (r = s, a = !0);
+		let c = t.previewData?.(e);
+		c != null && (i = c, a = !0);
+	}
+	return {
+		pose: r,
+		data: i
+	};
+}
+function c(e, n, r, i) {
+	return n ? t(a(s(e, n, r)), i) : null;
+}
+//#endregion
+export { i as classifyPathStorage, c as liveEditablePath, a as resolveEditablePathOf, o as storeEditablePath };
+
+//# sourceMappingURL=editablePath.js.map

package/dist/features/paths/editablePath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editablePath.js","names":["classifyPathStorage","node","data","isRectPose","resolveEditablePathOf","storage","pathInWorld","storeEditablePath","worldPath","worldEditToStorage","previewedShape","pose","touched","source","previews","previewIds","owns","pid","id","p","d","liveEditablePath","pathFromPlane","plane"],"sources":["../../../src/features/paths/editablePath.ts"],"sourcesContent":["/**\n * A node's editable polygon. It lives in one of two places: the pose itself\n * (`pose.kind === 'polygon'`), or `data.path` with a rect pose, stored pose-local.\n */\nimport { pathInWorld, worldEditToStorage, type Path, type PolygonPath } from '@weasel-js/geom';\nimport type { GesturePreviewSource } from 'canvas/gestureBounds';\nimport { pathFromPlane } from 'canvas/planeClips';\nimport { isRectPose } from 'core/geometry/autoPoseDescriptor';\nimport type { RectPose } from 'core/scene/types';\nimport type { PlaneMap } from 'core/viewport/parallax';\n\n/** The two fields of a node the editable path is read from. */\nexport interface EditableShape {\n  pose: unknown;\n  data: unknown;\n}\n\n/** Resolve where a node's editable polygon lives. Returns null when the\n *  node has neither a polygon pose nor a polygon on `data.path`. */\nexport function classifyPathStorage(\n  node: EditableShape | undefined | null,\n): { kind: 'pose' } | { kind: 'data'; pose: RectPose; data: { path: PolygonPath } } | null {\n  if (!node) return null;\n  const pose = node.pose as { kind?: string } | undefined;\n  if (pose?.kind === 'polygon') return { kind: 'pose' };\n  const data = node.data as { path?: Path } | null;\n  if (data?.path && (data.path as { kind?: string }).kind === 'polygon' && isRectPose(node.pose)) {\n    return {\n      kind: 'data',\n      pose: node.pose,\n      data: data as { path: PolygonPath },\n    };\n  }\n  return null;\n}\n\n/** A node's editable polygon in world coords. Does NOT consult any preview state —\n *  callers that want live state read in-flight handles themselves. */\nexport function resolveEditablePathOf(\n  node: EditableShape | undefined | null,\n): PolygonPath | null {\n  if (!node) return null;\n  const storage = classifyPathStorage(node);\n  if (!storage) return null;\n  // Pose-as-polygon: the pose IS the polygon (polygon poses can't carry\n  // rotation), so it's already world.\n  if (storage.kind === 'pose') return (node as { pose: PolygonPath }).pose;\n  // data.path: translate to the pose origin AND bake `pose.rotation`, so anchors render on\n  // the rotated contour the renderer draws.\n  return pathInWorld(storage.data.path, storage.pose) as PolygonPath;\n}\n\n/**\n * The pose and data that store `worldPath` where `node` stores its editable\n * polygon — the inverse of {@link resolveEditablePathOf}, so a `data.path`\n * node keeps its rotation. Null when `node` has no editable polygon.\n */\nexport function storeEditablePath(\n  node: EditableShape | undefined | null,\n  worldPath: PolygonPath,\n): EditableShape | null {\n  const storage = classifyPathStorage(node);\n  if (!storage) return null;\n  if (storage.kind === 'pose') return { pose: worldPath, data: node!.data };\n  const { pose, path } = worldEditToStorage(storage.pose, worldPath);\n  return { pose, data: { ...storage.data, path } };\n}\n\n/** `node` as the in-flight gestures in `previews` would leave it: a handle\n *  previewing `id` contributes its pose and its data. */\nfunction previewedShape(\n  id: string,\n  node: EditableShape,\n  previews: readonly GesturePreviewSource[],\n): EditableShape {\n  let pose = node.pose;\n  let data = node.data;\n  let touched = false;\n  for (const source of previews) {\n    const previewIds = source.previewIds?.();\n    if (!previewIds) continue;\n    let owns = false;\n    for (const pid of previewIds) {\n      if (pid === id) { owns = true; break; }\n    }\n    if (!owns) continue;\n    const p = source.previewPose?.(id);\n    if (p != null && !touched) { pose = p; touched = true; }\n    const d = source.previewData?.(id);\n    if (d != null) { data = d; touched = true; }\n  }\n  return { pose, data };\n}\n\n/**\n * The editable polygon of node `id` as it is drawn right now: following any\n * in-flight gesture in `previews`, and in the world of the camera whose\n * `plane` this is — a path on a parallax plane is stored in the plane's.\n */\nexport function liveEditablePath(\n  id: string,\n  node: EditableShape | undefined | null,\n  previews: readonly GesturePreviewSource[],\n  plane: PlaneMap | null,\n): PolygonPath | null {\n  if (!node) return null;\n  return pathFromPlane(resolveEditablePathOf(previewedShape(id, node, previews)), plane);\n}\n"],"mappings":";;;;AAmBA,SAAgBA,EACd,GACyF;CACzF,IAAI,CAACC,GAAM,OAAO;CAElB,IADaA,EAAK,MACR,SAAS,WAAW,OAAO,EAAE,MAAM,OAAO;CACpD,IAAMC,IAAOD,EAAK;CAQlB,OAPIC,GAAM,QAASA,EAAK,KAA2B,SAAS,aAAaC,EAAWF,EAAK,IAAI,IACpF;EACL,MAAM;EACN,MAAMA,EAAK;EACL;CACR,IAEK;AACT;AAIA,SAAgBG,EACd,GACoB;CACpB,IAAI,CAACH,GAAM,OAAO;CAClB,IAAMI,IAAUL,EAAoBC,CAAI;CAOxC,OANKI,IAGDA,EAAQ,SAAS,SAAgBJ,EAA+B,OAG7DK,EAAYD,EAAQ,KAAK,MAAMA,EAAQ,IAAI,IAN7B;AAOvB;AAOA,SAAgBE,EACd,GACA,GACsB;CACtB,IAAMF,IAAUL,EAAoBC,CAAI;CACxC,IAAI,CAACI,GAAS,OAAO;CACrB,IAAIA,EAAQ,SAAS,QAAQ,OAAO;EAAE,MAAMG;EAAW,MAAMP,EAAM;CAAK;CACxE,IAAM,EAAE,SAAM,YAASQ,EAAmBJ,EAAQ,MAAMG,CAAS;CACjE,OAAO;EAAE;EAAM,MAAM;GAAE,GAAGH,EAAQ;GAAM;EAAK;CAAE;AACjD;AAIA,SAASK,EACP,GACA,GACA,GACe;CACf,IAAIC,IAAOV,EAAK,MACZC,IAAOD,EAAK,MACZW,IAAU;CACd,KAAK,IAAMC,KAAUC,GAAU;EAC7B,IAAMC,IAAaF,EAAO,aAAa;EACvC,IAAI,CAACE,GAAY;EACjB,IAAIC,IAAO;EACX,KAAK,IAAMC,KAAOF,GAChB,IAAIE,MAAQC,GAAI;GAAE,IAAO;GAAM;EAAO;EAExC,IAAI,CAACF,GAAM;EACX,IAAMG,IAAIN,EAAO,cAAcK,CAAE;EACjC,AAAIC,KAAK,QAAQ,CAACP,MAAW,IAAOO,GAAG,IAAU;EACjD,IAAMC,IAAIP,EAAO,cAAcK,CAAE;EACjC,AAAIE,KAAK,SAAQ,IAAOA,GAAG,IAAU;CACvC;CACA,OAAO;EAAE;EAAM;CAAK;AACtB;AAOA,SAAgBC,EACd,GACA,GACA,GACA,GACoB;CAEpB,OADKpB,IACEqB,EAAclB,EAAsBM,EAAeQ,GAAIjB,GAAMa,CAAQ,CAAC,GAAGS,CAAK,IADnE;AAEpB"}

package/dist/features/paths/index.js

@@ -1,17 +1,10 @@
-import { poseRotationOf as e, rotatePathAround as t } from "../../core/geometry/poseRotation.js";
-import { pathThroughPoseFrame as n, poseFrameInverseOf as r, poseFrameOf as i, poseLinearOf as a } from "../../core/geometry/poseFrame.js";
-import { pathPoseDescriptor as o } from "./poseDescriptor.js";
-import { countPathAnchors as s, pathToAnchors as c } from "./anchors.js";
-import { pathInPoseFrame as l, pathInWorld as u, worldEditToStorage as d } from "./pathInWorld.js";
-import "./anchorEdits.js";
-import "./booleans.js";
-import { circlePath as f, rectMarkerPath as p, roundRectPath as m, squarePath as h } from "./markers.js";
-import { createPathEditingOverlayLayer as g } from "./pathEditingOverlayLayer.js";
-import { createPenPreviewLayer as _ } from "./penPreviewLayer.js";
-import { createPathLayer as v } from "./pathLayer.js";
-import { pathOriginProjection as y } from "./originProjection.js";
-import { strokeToPath as b } from "./strokeToPath.js";
-import { DEFAULT_FLATTEN_TOLERANCE as x, PATH_C as S, PATH_CMD_LENGTHS as C, PATH_L as w, PATH_M as T, PATH_Q as E, PATH_Z as D, PathBuilder as O, boundsOfPath as k, composePath as A, decomposePath as j, ellipsePath as M, flattenCubic as N, flattenCubicWithArcLen as P, flattenQuadratic as F, flattenQuadraticWithArcLen as I, linePath as L, pathCommandCoordCount as R, pathContainsPoint as z, pathContainsPolygon as B, pathContainsRect as V, pathDistanceToPoint as H, pathFromD as U, pathIntersectsPolygon as W, pathIntersectsRect as G, pathSignedArea as K, pointAlongPath as q, pointInPath as J, polygonFromPoints as Y, polylineFromPoints as X, rectPath as Z, regularPolygonPath as Q, reversePath as $, scalePathToBounds as ee, splitSubpaths as te, starPath as ne, transformPath as re, translatePath as ie, unionBoundsPath as ae } from "@weasel-js/geom";
-import { snipPathByPolyline as oe, splitPathByPolyline as se, splitPathBySegment as ce } from "@weasel-js/geom/booleans";
+import { pathPoseDescriptor as e } from "../../core/geometry/pathPoseDescriptor.js";
+import { createPenPreviewLayer as t } from "./penPreviewLayer.js";
+import { createPathEditingOverlayLayer as n } from "./pathEditingOverlayLayer.js";
+import { createPathLayer as r } from "./pathLayer.js";
+import { pathOriginProjection as i } from "./originProjection.js";
+import { DEFAULT_FLATTEN_TOLERANCE as a, PATH_C as o, PATH_CMD_LENGTHS as s, PATH_L as c, PATH_M as l, PATH_Q as u, PATH_Z as d, PathBuilder as f, averageAnchorsAt as p, boundsOfPath as m, circlePath as h, composePath as g, countPathAnchors as _, decomposePath as v, ellipsePath as y, flattenCubic as b, flattenCubicWithArcLen as x, flattenQuadratic as S, flattenQuadraticWithArcLen as C, hasOpenSubpath as w, joinAnchorsAt as T, linePath as E, pathCommandCoordCount as D, pathContainsPoint as O, pathContainsPolygon as k, pathContainsRect as A, pathDistanceToPoint as j, pathFromD as M, pathInPoseFrame as N, pathInWorld as P, pathIntersectsPolygon as F, pathIntersectsRect as I, pathSignedArea as L, pathThroughPoseFrame as R, pathToAnchors as z, pointAlongPath as B, pointInPath as V, polygonFromPoints as H, polylineFromPoints as U, poseFrameInverseOf as W, poseFrameOf as G, poseLinearOf as K, poseRotationOf as q, rectMarkerPath as J, rectPath as Y, regularPolygonPath as X, reversePath as Z, rotatePathAround as Q, roundRectPath as $, scalePathToBounds as ee, simplifyPath as te, splitByClosure as ne, splitSubpaths as re, squarePath as ie, starPath as ae, transformPath as oe, translatePath as se, unionBoundsPath as ce, worldEditToStorage as le } from "@weasel-js/geom";
+import { offsetPath as ue, strokeToPath as de } from "@weasel-js/stroke";
+import { pathDivide as fe, pathExclude as pe, pathIntersect as me, pathSubtract as he, pathUnion as ge, snipPathByPolyline as _e, snipPathsAtCrossings as ve, splitPathByPolyline as ye, splitPathBySegment as be, trianglesToPath as xe } from "@weasel-js/geom/booleans";
 import "@weasel-js/geom/curves";
-export { x as DEFAULT_FLATTEN_TOLERANCE, S as PATH_C, C as PATH_CMD_LENGTHS, w as PATH_L, T as PATH_M, E as PATH_Q, D as PATH_Z, O as PathBuilder, k as boundsOfPath, f as circlePath, A as composePath, s as countPathAnchors, g as createPathEditingOverlayLayer, v as createPathLayer, _ as createPenPreviewLayer, j as decomposePath, M as ellipsePath, N as flattenCubic, P as flattenCubicWithArcLen, F as flattenQuadratic, I as flattenQuadraticWithArcLen, L as linePath, R as pathCommandCoordCount, z as pathContainsPoint, B as pathContainsPolygon, V as pathContainsRect, H as pathDistanceToPoint, U as pathFromD, l as pathInPoseFrame, u as pathInWorld, W as pathIntersectsPolygon, G as pathIntersectsRect, y as pathOriginProjection, o as pathPoseDescriptor, K as pathSignedArea, n as pathThroughPoseFrame, c as pathToAnchors, q as pointAlongPath, J as pointInPath, Y as polygonFromPoints, X as polylineFromPoints, r as poseFrameInverseOf, i as poseFrameOf, a as poseLinearOf, e as poseRotationOf, p as rectMarkerPath, Z as rectPath, Q as regularPolygonPath, $ as reversePath, t as rotatePathAround, m as roundRectPath, ee as scalePathToBounds, oe as snipPathByPolyline, se as splitPathByPolyline, ce as splitPathBySegment, te as splitSubpaths, h as squarePath, ne as starPath, b as strokeToPath, re as transformPath, ie as translatePath, ae as unionBoundsPath, d as worldEditToStorage };
+export { a as DEFAULT_FLATTEN_TOLERANCE, o as PATH_C, s as PATH_CMD_LENGTHS, c as PATH_L, l as PATH_M, u as PATH_Q, d as PATH_Z, f as PathBuilder, p as averageAnchorsAt, m as boundsOfPath, h as circlePath, g as composePath, _ as countPathAnchors, n as createPathEditingOverlayLayer, r as createPathLayer, t as createPenPreviewLayer, v as decomposePath, y as ellipsePath, b as flattenCubic, x as flattenCubicWithArcLen, S as flattenQuadratic, C as flattenQuadraticWithArcLen, w as hasOpenSubpath, T as joinAnchorsAt, E as linePath, ue as offsetPath, D as pathCommandCoordCount, O as pathContainsPoint, k as pathContainsPolygon, A as pathContainsRect, j as pathDistanceToPoint, fe as pathDivide, pe as pathExclude, M as pathFromD, N as pathInPoseFrame, P as pathInWorld, me as pathIntersect, F as pathIntersectsPolygon, I as pathIntersectsRect, i as pathOriginProjection, e as pathPoseDescriptor, L as pathSignedArea, he as pathSubtract, R as pathThroughPoseFrame, z as pathToAnchors, ge as pathUnion, B as pointAlongPath, V as pointInPath, H as polygonFromPoints, U as polylineFromPoints, W as poseFrameInverseOf, G as poseFrameOf, K as poseLinearOf, q as poseRotationOf, J as rectMarkerPath, Y as rectPath, X as regularPolygonPath, Z as reversePath, Q as rotatePathAround, $ as roundRectPath, ee as scalePathToBounds, te as simplifyPath, _e as snipPathByPolyline, ve as snipPathsAtCrossings, ne as splitByClosure, ye as splitPathByPolyline, be as splitPathBySegment, re as splitSubpaths, ie as squarePath, ae as starPath, de as strokeToPath, oe as transformPath, se as translatePath, xe as trianglesToPath, ce as unionBoundsPath, le as worldEditToStorage };

package/dist/features/paths/pathEditState.js

@@ -0,0 +1,41 @@
+import { createEmitter as e } from "@weasel-js/registry";
+//#region src/features/paths/pathEditState.ts
+var t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set();
+function r(e, t, n) {
+	return e.get(n) != null && t.current.includes(n);
+}
+function i(r = {}) {
+	let i = "", a = n, o = null, s = t, c = e(), l = c.emit, u = () => {
+		let e = r.host?.(), t = e ? e.editingId() ?? "" : i;
+		return !t || r.isAllowed && !r.isAllowed() || r.isSelectedNode && !r.isSelectedNode(t) ? "" : t;
+	};
+	return {
+		getEditingId: u,
+		getEditingIds() {
+			let e = u();
+			return e ? (s.has(e) || (s = /* @__PURE__ */ new Set([e])), s) : t;
+		},
+		setEditingId(e) {
+			let t = r.host?.();
+			if (t) {
+				t.setEditingId(e);
+				return;
+			}
+			let n = e ?? "";
+			n !== i && (i = n, l());
+		},
+		getSelectedAnchors: () => a,
+		setSelectedAnchors(e) {
+			a = e, l();
+		},
+		getMarquee: () => o,
+		setMarquee(e) {
+			o = e, l();
+		},
+		subscribe: c.subscribe
+	};
+}
+//#endregion
+export { i as createPathEditState, r as isSelectedNode };
+
+//# sourceMappingURL=pathEditState.js.map

package/dist/features/paths/pathEditState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pathEditState.js","names":["NO_IDS","NO_ANCHORS","isSelectedNode","scene","id","selection","createPathEditState","ownId","selectedAnchors","marquee","idSet","changed","createEmitter","notify","getEditingId","host","source","next","rect"],"sources":["../../../src/features/paths/pathEditState.ts"],"sourcesContent":["/**\n * Which path is being anchor-edited, which of its anchors are selected, and\n * the anchor marquee in flight: one object every reader shares — the\n * `editAnchors` dep, the anchor overlay, the selection overlay's suppressed\n * set, the chrome-caps rule context, and the select tool's shift-click lock.\n */\nimport { createEmitter } from '@weasel-js/registry';\nimport type { PathEditHost } from 'canvas/SceneCanvas/pathEditHost';\n\n/** A world-coord rect. */\nexport interface AnchorMarquee {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\n/**\n * What decides whether a stored edit target is still one: its node exists and\n * is selected, and the mode permits anchor editing. Each is read at the\n * moment of the question.\n */\nexport interface PathEditSource {\n  /** Whether `id` names a node that exists and is selected. Absent means\n   *  every id does. */\n  isSelectedNode?(id: string): boolean;\n  /** A host that owns the id; the state then keeps none of its own. */\n  host?(): PathEditHost | undefined;\n  /**\n   * Whether anchor editing is permitted right now — whether the active mode\n   * allows the `edits-anchors` capability.\n   *\n   * **Omit this when no mode registry is wired.** Absent means \"no modality,\n   * so nothing revokes edit mode\"; a predicate built from an empty capability\n   * set would revoke edit mode instantly.\n   */\n  isAllowed?(): boolean;\n}\n\nexport interface PathEditState {\n  /**\n   * The node whose anchors are editable now, or `''`: the stored id, or the\n   * host's, while `PathEditSource` still lets it stand. Masked rather than\n   * cleared: a host's mode machine can leave path-edit mode without running\n   * `exitPathEdit`, and nothing re-renders when it does, so there is no\n   * moment to write the id back.\n   */\n  getEditingId(): string;\n  /** `getEditingId()` as the set the selection overlay skips. */\n  getEditingIds(): ReadonlySet<string>;\n  setEditingId(id: string | null): void;\n  /** Selected anchors (flat indices) of the path being edited. */\n  getSelectedAnchors(): ReadonlySet<number>;\n  setSelectedAnchors(next: ReadonlySet<number>): void;\n  /** The in-flight anchor-marquee rect, in the edited path's world. */\n  getMarquee(): AnchorMarquee | null;\n  setMarquee(rect: AnchorMarquee | null): void;\n  /** Notified when a write changes what the anchor overlay paints. A host\n   *  that owns the id announces its own changes. */\n  subscribe(listener: () => void): () => void;\n}\n\nconst NO_IDS: ReadonlySet<string> = new Set();\nconst NO_ANCHORS: ReadonlySet<number> = new Set();\n\n/** Whether `id` names a node `scene` holds and `selection` includes. */\nexport function isSelectedNode(\n  scene: { get(id: never): unknown },\n  selection: { readonly current: readonly string[] },\n  id: string,\n): boolean {\n  return scene.get(id as never) != null && selection.current.includes(id);\n}\n\nexport function createPathEditState(source: PathEditSource = {}): PathEditState {\n  let ownId = '';\n  let selectedAnchors = NO_ANCHORS;\n  let marquee: AnchorMarquee | null = null;\n  let idSet = NO_IDS;\n  const changed = createEmitter();\n  const notify = changed.emit;\n\n  const getEditingId = (): string => {\n    const host = source.host?.();\n    const id = host ? host.editingId() ?? '' : ownId;\n    if (!id) return '';\n    if (source.isAllowed && !source.isAllowed()) return '';\n    if (source.isSelectedNode && !source.isSelectedNode(id)) return '';\n    return id;\n  };\n\n  return {\n    getEditingId,\n    getEditingIds() {\n      const id = getEditingId();\n      if (!id) return NO_IDS;\n      if (!idSet.has(id)) idSet = new Set([id]);\n      return idSet;\n    },\n    setEditingId(id) {\n      const host = source.host?.();\n      if (host) { host.setEditingId(id); return; }\n      const next = id ?? '';\n      if (next === ownId) return;\n      ownId = next;\n      notify();\n    },\n    getSelectedAnchors: () => selectedAnchors,\n    setSelectedAnchors(next) {\n      selectedAnchors = next;\n      notify();\n    },\n    getMarquee: () => marquee,\n    setMarquee(rect) {\n      marquee = rect;\n      notify();\n    },\n    subscribe: changed.subscribe,\n  };\n}\n"],"mappings":";;AA8DA,IAAMA,oBAA8B,IAAI,IAAI,GACtCC,oBAAkC,IAAI,IAAI;AAGhD,SAAgBC,EACd,GACA,GACA,GACS;CACT,OAAOC,EAAM,IAAIC,CAAW,KAAK,QAAQC,EAAU,QAAQ,SAASD,CAAE;AACxE;AAEA,SAAgBE,EAAoB,IAAyB,CAAC,GAAkB;CAC9E,IAAIC,IAAQ,IACRC,IAAkBP,GAClBQ,IAAgC,MAChCC,IAAQV,GACNW,IAAUC,EAAc,GACxBC,IAASF,EAAQ,MAEjBG,UAA6B;EACjC,IAAMC,IAAOC,EAAO,OAAO,GACrBZ,IAAKW,IAAOA,EAAK,UAAU,KAAK,KAAKR;EAI3C,OAHI,CAACH,KACDY,EAAO,aAAa,CAACA,EAAO,UAAU,KACtCA,EAAO,kBAAkB,CAACA,EAAO,eAAeZ,CAAE,IAAU,KACzDA;CACT;CAEA,OAAO;EACL;EACA,gBAAgB;GACd,IAAMA,IAAKU,EAAa;GAGxB,OAFKV,KACAM,EAAM,IAAIN,CAAE,MAAG,oBAAQ,IAAI,IAAI,CAACA,CAAE,CAAC,IACjCM,KAFSV;EAGlB;EACA,aAAa,GAAI;GACf,IAAMe,IAAOC,EAAO,OAAO;GAC3B,IAAID,GAAM;IAAE,EAAK,aAAaX,CAAE;IAAG;GAAQ;GAC3C,IAAMa,IAAOb,KAAM;GACnB,AAAIa,MAASV,MACb,IAAQU,GACRJ,EAAO;EACT;EACA,0BAA0BL;EAC1B,mBAAmB,GAAM;GAEvB,AADA,IAAkBS,GAClBJ,EAAO;EACT;EACA,kBAAkBJ;EAClB,WAAW,GAAM;GAEf,AADA,IAAUS,GACVL,EAAO;EACT;EACA,WAAWF,EAAQ;CACrB;AACF"}

package/dist/features/paths/pathEditingOverlayLayer.js

@@ -1,7 +1,5 @@
-import { pathToAnchors as e } from "./anchors.js";
-import { isVisibleFrom as t, previewSourcesFrom as n } from "../../canvas/drawEnvelope.js";
-import { circlePath as r, rectMarkerPath as i, squarePath as a } from "./markers.js";
-import { linePath as o } from "@weasel-js/geom";
+import { isVisibleFrom as e, previewSourcesFrom as t } from "../../canvas/drawEnvelope.js";
+import { circlePath as n, linePath as r, pathToAnchors as i, rectMarkerPath as a, squarePath as o } from "@weasel-js/geom";
 //#region src/features/paths/pathEditingOverlayLayer.ts
 var s = {
 	anchorSizePx: 8,
@@ -29,79 +27,79 @@ function u(u) {
 		draw: (s, f) => {
 			let p = u.getEditingId();
 			if (!p) return [];
-			let m = t(s);
+			let m = e(s);
 			if (m && !m("path-edit.anchors")) return [];
-			let h = u.getPose(p, n(s), f);
+			let h = u.getPose(p, t(s), f);
 			if (!h || h.kind !== "polygon") return [];
-			let { anchors: g } = e(h), _ = u.getSelectedAnchors?.() ?? c, v = [], y = 0;
+			let { anchors: g } = i(h), _ = u.getSelectedAnchors?.() ?? c, v = [], y = 0;
 			for (let e of g) for (let t of e) {
 				let e = _.has(y);
 				y++;
-				let [n, i] = l(t.x, t.y, f);
+				let [i, a] = l(t.x, t.y, f);
 				if (t.inHandle) {
-					let [e, a] = l(t.inHandle.x, t.inHandle.y, f);
+					let [e, o] = l(t.inHandle.x, t.inHandle.y, f);
 					v.push({
 						kind: "path",
-						path: o({
-							x: n,
-							y: i
+						path: r({
+							x: i,
+							y: a
 						}, {
 							x: e,
-							y: a
+							y: o
 						}),
 						stroke: {
 							paint: {
-								fill: "solid",
+								kind: "solid",
 								color: d.handleStroke
 							},
 							width: 1
 						}
 					}), v.push({
 						kind: "path",
-						path: r(e, a, d.handleDotRadiusPx),
-						fill: {
-							fill: "solid",
+						path: n(e, o, d.handleDotRadiusPx),
+						fill: { paint: {
+							kind: "solid",
 							color: d.handleDotFill
-						}
+						} }
 					});
 				}
 				if (t.outHandle) {
-					let [e, a] = l(t.outHandle.x, t.outHandle.y, f);
+					let [e, o] = l(t.outHandle.x, t.outHandle.y, f);
 					v.push({
 						kind: "path",
-						path: o({
-							x: n,
-							y: i
+						path: r({
+							x: i,
+							y: a
 						}, {
 							x: e,
-							y: a
+							y: o
 						}),
 						stroke: {
 							paint: {
-								fill: "solid",
+								kind: "solid",
 								color: d.handleStroke
 							},
 							width: 1
 						}
 					}), v.push({
 						kind: "path",
-						path: r(e, a, d.handleDotRadiusPx),
-						fill: {
-							fill: "solid",
+						path: n(e, o, d.handleDotRadiusPx),
+						fill: { paint: {
+							kind: "solid",
 							color: d.handleDotFill
-						}
+						} }
 					});
 				}
 				v.push({
 					kind: "path",
-					path: a(n, i, d.anchorSizePx),
-					fill: {
-						fill: "solid",
+					path: o(i, a, d.anchorSizePx),
+					fill: { paint: {
+						kind: "solid",
 						color: e ? d.anchorFillSelected : d.anchorFill
-					},
+					} },
 					stroke: {
 						paint: {
-							fill: "solid",
+							kind: "solid",
 							color: d.anchorStroke
 						},
 						width: 1
@@ -113,14 +111,14 @@ function u(u) {
 				let [e, t] = l(b.x, b.y, f), [n, r] = l(b.x + b.width, b.y + b.height, f);
 				v.push({
 					kind: "path",
-					path: i(e, t, n - e, r - t),
-					fill: {
-						fill: "solid",
+					path: a(e, t, n - e, r - t),
+					fill: { paint: {
+						kind: "solid",
 						color: d.marqueeFill
-					},
+					} },
 					stroke: {
 						paint: {
-							fill: "solid",
+							kind: "solid",
 							color: d.marqueeStroke
 						},
 						width: 1

package/dist/features/paths/pathEditingOverlayLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"pathEditingOverlayLayer.js","names":["DEFAULT_STYLE","EMPTY_SELECTION","w2s","wx","view","wy","createPathEditingOverlayLayer","style","opts","id","isVisible","isVisibleFrom","data","pose","previewSourcesFrom","pathToAnchors","selected","out","flat","sub","anchors","a","isSelected","ax","ay","hx","hy","linePath","circlePath","squarePath","marquee","mx","my","mx2","my2","rectMarkerPath"],"sources":["../../../src/features/paths/pathEditingOverlayLayer.ts"],"sourcesContent":["/**\n * Screen-space render layer for path-editing chrome — anchor squares,\n * tangent lines, and control-point dots for a polygon path that is the\n * current edit target. Companion to the kit's `editAnchorsAction` /\n * `buildAffordanceAt` hit-test wiring: the gesture works without chrome,\n * but a human user needs to see what's hittable.\n *\n * The layer reads the live edit target each frame via the supplied\n * `getEditingId()` + `getPose(...)` thunks, resolving the path against the\n * drawing view's own previews. Returns `[]` when no editing target is set or\n * the target isn't a polygon — the layer never throws.\n *\n * Anchors render as small white-filled stroked squares — filled solid\n * when selected; control points as small filled circles connected to\n * their anchor by a thin stem line. This is the kit's only anchor\n * chrome; the pen tool's parallel overlay and `apps/draw`'s\n * mode-decoration painter both drew the same thing from different state\n * and have been removed.\n *\n * All coordinates are projected via `worldToScreen` so the marker sizes\n * stay constant regardless of zoom.\n */\n\nimport type { DrawCommand } from '../../renderer';\nimport type { RenderLayer } from 'core/layers/render';\nimport { type Path, type PolygonPath, linePath } from '@weasel-js/geom';\nimport type { GesturePreviewSource } from 'canvas/gestureBounds';\nimport { previewSourcesFrom, isVisibleFrom } from 'canvas/drawEnvelope';\nimport { pathToAnchors } from './anchors';\nimport { circlePath, rectMarkerPath, squarePath } from './markers';\n\ninterface View { x: number; y: number; scale: { x: number; y: number } }\n\n/** Options for `createPathEditingOverlayLayer`. Everything is read per frame,\n *  so the layer follows a changing edit target without being rebuilt. */\nexport interface CreatePathEditingOverlayLayerOptions {\n  /** Returns the id of the polygon currently in anchor-edit mode, or null\n   *  when no node is being edited. Read each frame so live selection /\n   *  edit-target changes show up without re-creating the layer. */\n  getEditingId(): string | null;\n  /**\n   * Returns the pose for an id, or null if the node has been deleted.\n   * Non-polygon poses are tolerated (the layer no-ops on them).\n   *\n   * `previews` are the drawing view's in-flight preview surfaces, so an\n   * anchor dragged in one panel does not move in the others. Resolve against\n   * them before falling back to the committed pose.\n   *\n   * `view` is the drawing view's camera. Answer in its world: a node whose\n   * layer is a parallax plane stores its path in the plane's.\n   */\n  getPose(id: string, previews: readonly GesturePreviewSource[], view: View): Path | null;\n  /** Flat indices of the selected anchors. Selected anchors render\n   *  filled; unselected ones hollow — the standard vector-editor cue for\n   *  \"these are what the arrow keys and Delete will act on\". Omit when\n   *  the consumer has no anchor selection to show. */\n  getSelectedAnchors?(): ReadonlySet<number>;\n  /** In-flight anchor-marquee rect in world coords, or null. Drawn as a\n   *  rubber band while `marqueeAnchorsAction` is dragging. */\n  getMarquee?(view: View): { x: number; y: number; width: number; height: number } | null;\n  /** Optional styling overrides. */\n  style?: PathEditingOverlayStyle;\n}\n\n/** Appearance of the anchor and handle markers. */\nexport interface PathEditingOverlayStyle {\n  anchorSizePx?: number;\n  handleDotRadiusPx?: number;\n  anchorFill?: string;\n  anchorStroke?: string;\n  handleStroke?: string;\n  /** Fill of the control-point circle. Defaults to the handleStroke color\n   *  at 50% alpha — keeps the marker readable but lets the underlying\n   *  curve / background show through, which matches Figma's \"translucent\n   *  handle dot\" idiom. */\n  handleDotFill?: string;\n  /** Fill of a selected anchor square. Defaults to the anchor stroke\n   *  color, so selection reads as \"the marker filled in\". */\n  anchorFillSelected?: string;\n  /** Stroke of the marquee rubber band. */\n  marqueeStroke?: string;\n  /** Fill of the marquee rubber band. */\n  marqueeFill?: string;\n}\n\nconst DEFAULT_STYLE: Required<PathEditingOverlayStyle> = {\n  anchorSizePx: 8,\n  // Control-point markers were 2px radius (4px diameter) — too small to\n  // grab reliably with a mouse and visually lost against the curve.\n  // 5px radius (10px diameter) is closer to typical Figma / Illustrator.\n  handleDotRadiusPx: 5,\n  anchorFill: '#ffffff',\n  anchorStroke: '#3478f6',\n  handleStroke: '#7da7e8',\n  // 50%-opacity handle-stroke color. #7da7e8 → rgba(125, 167, 232, 0.5).\n  handleDotFill: 'rgba(125, 167, 232, 0.5)',\n  anchorFillSelected: '#3478f6',\n  marqueeStroke: '#3478f6',\n  marqueeFill: 'rgba(52, 120, 246, 0.08)',\n};\n\nconst EMPTY_SELECTION: ReadonlySet<number> = new Set();\n\nfunction w2s(wx: number, wy: number, view: View): [number, number] {\n  return [(wx - view.x) * view.scale.x, (wy - view.y) * view.scale.y];\n}\n\n/** Render layer that draws the anchors and control handles of the path\n *  currently being anchor-edited. Draws nothing when no path is being\n *  edited. */\nexport function createPathEditingOverlayLayer(\n  opts: CreatePathEditingOverlayLayerOptions,\n): RenderLayer<unknown> {\n  const style = { ...DEFAULT_STYLE, ...(opts.style ?? {}) };\n\n  return {\n    id: 'path-editing-overlay',\n    label: 'Path editing',\n    space: 'screen',\n    draw: (data, view) => {\n      const id = opts.getEditingId();\n      if (!id) return [];\n      // Chrome-caps gate off the envelope, so paint and the anchor hit-test in\n      // `affordanceAt` consult the same rule — otherwise a consumer that hides\n      // the chrome still gets grabbable invisible anchors, or vice versa.\n      const isVisible = isVisibleFrom(data);\n      if (isVisible && !isVisible('path-edit.anchors')) return [];\n      const pose = opts.getPose(id, previewSourcesFrom(data), view);\n      if (!pose || pose.kind !== 'polygon') return [];\n\n      const { anchors } = pathToAnchors(pose as PolygonPath);\n      const selected = opts.getSelectedAnchors?.() ?? EMPTY_SELECTION;\n      const out: DrawCommand[] = [];\n\n      // Flat anchor index, incremented in walk order so it lines up with\n      // `enumerateAnchors` — the same numbering the affordances and the\n      // anchor selection use. See `anchorEdits` for why they agree.\n      let flat = 0;\n      for (const sub of anchors) {\n        for (const a of sub) {\n          const isSelected = selected.has(flat);\n          flat++;\n          const [ax, ay] = w2s(a.x, a.y, view);\n\n          // Tangent stems + handle dots first so the anchor square paints on top.\n          if (a.inHandle) {\n            const [hx, hy] = w2s(a.inHandle.x, a.inHandle.y, view);\n            out.push({\n              kind: 'path',\n              path: linePath({ x: ax, y: ay }, { x: hx, y: hy }),\n              stroke: { paint: { fill: 'solid', color: style.handleStroke }, width: 1 },\n            });\n            out.push({\n              kind: 'path',\n              path: circlePath(hx, hy, style.handleDotRadiusPx),\n              fill: { fill: 'solid', color: style.handleDotFill },\n            });\n          }\n          if (a.outHandle) {\n            const [hx, hy] = w2s(a.outHandle.x, a.outHandle.y, view);\n            out.push({\n              kind: 'path',\n              path: linePath({ x: ax, y: ay }, { x: hx, y: hy }),\n              stroke: { paint: { fill: 'solid', color: style.handleStroke }, width: 1 },\n            });\n            out.push({\n              kind: 'path',\n              path: circlePath(hx, hy, style.handleDotRadiusPx),\n              fill: { fill: 'solid', color: style.handleDotFill },\n            });\n          }\n\n          // Anchor square — drawn on top.\n          out.push({\n            kind: 'path',\n            path: squarePath(ax, ay, style.anchorSizePx),\n            fill: {\n              fill: 'solid',\n              color: isSelected ? style.anchorFillSelected : style.anchorFill,\n            },\n            stroke: { paint: { fill: 'solid', color: style.anchorStroke }, width: 1 },\n          });\n        }\n      }\n\n      // Marquee rubber band, on top of everything.\n      const marquee = opts.getMarquee?.(view);\n      if (marquee) {\n        const [mx, my] = w2s(marquee.x, marquee.y, view);\n        const [mx2, my2] = w2s(marquee.x + marquee.width, marquee.y + marquee.height, view);\n        out.push({\n          kind: 'path',\n          path: rectMarkerPath(mx, my, mx2 - mx, my2 - my),\n          fill: { fill: 'solid', color: style.marqueeFill },\n          stroke: { paint: { fill: 'solid', color: style.marqueeStroke }, width: 1 },\n        });\n      }\n\n      return out;\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"pathEditingOverlayLayer.js","names":["DEFAULT_STYLE","EMPTY_SELECTION","w2s","wx","view","wy","createPathEditingOverlayLayer","style","opts","id","isVisible","isVisibleFrom","data","pose","previewSourcesFrom","pathToAnchors","selected","out","flat","sub","anchors","a","isSelected","ax","ay","hx","hy","linePath","circlePath","squarePath","marquee","mx","my","mx2","my2","rectMarkerPath"],"sources":["../../../src/features/paths/pathEditingOverlayLayer.ts"],"sourcesContent":["/**\n * Screen-space render layer for path-editing chrome — anchor squares,\n * tangent lines, and control-point dots for a polygon path that is the\n * current edit target. Marker sizes stay constant regardless of zoom.\n */\n\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport type { RenderLayer } from 'core/layers/render';\nimport { type Path, type PolygonPath, type View, linePath, pathToAnchors, circlePath, rectMarkerPath, squarePath } from '@weasel-js/geom';\nimport type { GesturePreviewSource } from 'canvas/gestureBounds';\nimport { previewSourcesFrom, isVisibleFrom } from 'canvas/drawEnvelope';\n\n/** Options for `createPathEditingOverlayLayer`. Everything is read per frame,\n *  so the layer follows a changing edit target without being rebuilt. */\nexport interface CreatePathEditingOverlayLayerOptions {\n  /** Returns the id of the polygon currently in anchor-edit mode, or null\n   *  when no node is being edited. */\n  getEditingId(): string | null;\n  /**\n   * Returns the pose for an id, or null if the node has been deleted.\n   * Non-polygon poses are tolerated (the layer no-ops on them).\n   *\n   * `previews` are the drawing view's in-flight preview surfaces, so an\n   * anchor dragged in one panel does not move in the others. Resolve against\n   * them before falling back to the committed pose.\n   *\n   * `view` is the drawing view's camera. Answer in its world: a node whose\n   * layer is a parallax plane stores its path in the plane's.\n   */\n  getPose(id: string, previews: readonly GesturePreviewSource[], view: View): Path | null;\n  /** Flat indices of the selected anchors. Selected anchors render\n   *  filled; unselected ones hollow. */\n  getSelectedAnchors?(): ReadonlySet<number>;\n  /** In-flight anchor-marquee rect in world coords, or null. Drawn as a\n   *  rubber band while `marqueeAnchorsAction` is dragging. */\n  getMarquee?(view: View): { x: number; y: number; width: number; height: number } | null;\n  /** Optional styling overrides. */\n  style?: PathEditingOverlayStyle;\n}\n\n/** Appearance of the anchor and handle markers. */\nexport interface PathEditingOverlayStyle {\n  anchorSizePx?: number;\n  handleDotRadiusPx?: number;\n  anchorFill?: string;\n  anchorStroke?: string;\n  handleStroke?: string;\n  /** Fill of the control-point circle. Defaults to the handleStroke color\n   *  at 50% alpha. */\n  handleDotFill?: string;\n  /** Fill of a selected anchor square. Defaults to the anchor stroke color. */\n  anchorFillSelected?: string;\n  /** Stroke of the marquee rubber band. */\n  marqueeStroke?: string;\n  /** Fill of the marquee rubber band. */\n  marqueeFill?: string;\n}\n\nconst DEFAULT_STYLE: Required<PathEditingOverlayStyle> = {\n  anchorSizePx: 8,\n  handleDotRadiusPx: 5,\n  anchorFill: '#ffffff',\n  anchorStroke: '#3478f6',\n  handleStroke: '#7da7e8',\n  // 50%-opacity handle-stroke color. #7da7e8 → rgba(125, 167, 232, 0.5).\n  handleDotFill: 'rgba(125, 167, 232, 0.5)',\n  anchorFillSelected: '#3478f6',\n  marqueeStroke: '#3478f6',\n  marqueeFill: 'rgba(52, 120, 246, 0.08)',\n};\n\nconst EMPTY_SELECTION: ReadonlySet<number> = new Set();\n\nfunction w2s(wx: number, wy: number, view: View): [number, number] {\n  return [(wx - view.x) * view.scale.x, (wy - view.y) * view.scale.y];\n}\n\n/** Render layer that draws the anchors and control handles of the path\n *  currently being anchor-edited. Draws nothing when no path is being\n *  edited. */\nexport function createPathEditingOverlayLayer(\n  opts: CreatePathEditingOverlayLayerOptions,\n): RenderLayer<unknown> {\n  const style = { ...DEFAULT_STYLE, ...(opts.style ?? {}) };\n\n  return {\n    id: 'path-editing-overlay',\n    label: 'Path editing',\n    space: 'screen',\n    draw: (data, view) => {\n      const id = opts.getEditingId();\n      if (!id) return [];\n      // Chrome-caps gate off the envelope, so paint and the anchor hit-test in\n      // `affordanceAt` consult the same rule — otherwise a consumer that hides\n      // the chrome still gets grabbable invisible anchors, or vice versa.\n      const isVisible = isVisibleFrom(data);\n      if (isVisible && !isVisible('path-edit.anchors')) return [];\n      const pose = opts.getPose(id, previewSourcesFrom(data), view);\n      if (!pose || pose.kind !== 'polygon') return [];\n\n      const { anchors } = pathToAnchors(pose as PolygonPath);\n      const selected = opts.getSelectedAnchors?.() ?? EMPTY_SELECTION;\n      const out: DrawCommand[] = [];\n\n      // Flat anchor index, incremented in walk order so it lines up with\n      // `enumerateAnchors` — the same numbering the affordances and the\n      // anchor selection use. See `anchorEdits` for why they agree.\n      let flat = 0;\n      for (const sub of anchors) {\n        for (const a of sub) {\n          const isSelected = selected.has(flat);\n          flat++;\n          const [ax, ay] = w2s(a.x, a.y, view);\n\n          // Tangent stems + handle dots first so the anchor square paints on top.\n          if (a.inHandle) {\n            const [hx, hy] = w2s(a.inHandle.x, a.inHandle.y, view);\n            out.push({\n              kind: 'path',\n              path: linePath({ x: ax, y: ay }, { x: hx, y: hy }),\n              stroke: { paint: { kind: 'solid', color: style.handleStroke }, width: 1 },\n            });\n            out.push({\n              kind: 'path',\n              path: circlePath(hx, hy, style.handleDotRadiusPx),\n              fill: { paint: { kind: 'solid', color: style.handleDotFill } },\n            });\n          }\n          if (a.outHandle) {\n            const [hx, hy] = w2s(a.outHandle.x, a.outHandle.y, view);\n            out.push({\n              kind: 'path',\n              path: linePath({ x: ax, y: ay }, { x: hx, y: hy }),\n              stroke: { paint: { kind: 'solid', color: style.handleStroke }, width: 1 },\n            });\n            out.push({\n              kind: 'path',\n              path: circlePath(hx, hy, style.handleDotRadiusPx),\n              fill: { paint: { kind: 'solid', color: style.handleDotFill } },\n            });\n          }\n\n          // Anchor square — drawn on top.\n          out.push({\n            kind: 'path',\n            path: squarePath(ax, ay, style.anchorSizePx),\n            fill: { paint: {\n              kind: 'solid',\n              color: isSelected ? style.anchorFillSelected : style.anchorFill,\n            } },\n            stroke: { paint: { kind: 'solid', color: style.anchorStroke }, width: 1 },\n          });\n        }\n      }\n\n      // Marquee rubber band, on top of everything.\n      const marquee = opts.getMarquee?.(view);\n      if (marquee) {\n        const [mx, my] = w2s(marquee.x, marquee.y, view);\n        const [mx2, my2] = w2s(marquee.x + marquee.width, marquee.y + marquee.height, view);\n        out.push({\n          kind: 'path',\n          path: rectMarkerPath(mx, my, mx2 - mx, my2 - my),\n          fill: { paint: { kind: 'solid', color: style.marqueeFill } },\n          stroke: { paint: { kind: 'solid', color: style.marqueeStroke }, width: 1 },\n        });\n      }\n\n      return out;\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/features/paths/pathLayer.js

@@ -1,7 +1,8 @@
-import { countPathAnchors as e } from "./anchors.js";
+import "@weasel-js/renderer";
+import { countPathAnchors as e } from "@weasel-js/geom";
 import "@weasel-js/paint";
 //#region src/features/paths/pathLayer.ts
-var t = { color: "#ffffff" }, n = {
+var t = { paint: { color: "#ffffff" } }, n = {
 	paint: { color: "#ffffff" },
 	width: 1
 };