@weasel-js/core 1.9.4 → 1.10.1

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

@@ -1 +1 @@
-{"version":3,"file":"pathLayer.js","names":["PLACEHOLDER_FILL","PLACEHOLDER_STROKE","createPathLayer","opts","children","nodes","getNodes","idx","node","isHidden","path","getPath","fillFromHook","getFill","strokeFromHook","getStroke","baseVColors","getVertexColors","baseStrokeVColors","getStrokeVertexColors","strokeVWidths","getStrokeVertexWidths","nodeId","tMs","colorOverrides","now","vColors","strokeVColors","anchorCount","countPathAnchors","expectedLen","useVColors","useStrokeVColors","fill","useStrokeVWidths","baseStroke","stroke"],"sources":["../../../src/features/paths/pathLayer.ts"],"sourcesContent":["/**\n * `RenderLayer` that fills/strokes `Path` instances. Mirrors the shape of\n * `createTextLayer`: caller hands over a `getNodes()` enumerator and a\n * `getPath(node)` lookup; the layer iterates and renders. CommandFill and\n * stroke are looked up per node so consumers can keep the path geometry\n * separate from the visual style record (the typical scene-graph layout).\n */\n\nimport { type DrawCommand } from '../../renderer';\nimport { type CommandFill, type CommandStroke } from '@weasel-js/paint';\nimport type { RenderLayer } from 'core/layers/render';\nimport type { Path } from '@weasel-js/geom';\nimport { countPathAnchors } from './anchors';\nimport type { ColorOverrideRegistry } from '../../animation/colorRegistry';\n\nconst PLACEHOLDER_FILL: CommandFill = { color: '#ffffff' };\nconst PLACEHOLDER_STROKE: CommandStroke = { paint: { color: '#ffffff' }, width: 1 };\n\n\n/** Options for `createPathLayer`. */\nexport interface CreatePathLayerOpts<T> {\n  id?: string;\n  label?: string;\n  getNodes: () => readonly T[];\n  getPath: (node: T) => Path;\n  /** Per-node fill paint. Return `null`/`undefined` to skip filling. */\n  getFill?: (node: T) => CommandFill | null | undefined;\n  /** Per-node stroke. Return `null`/`undefined` to skip stroking. */\n  getStroke?: (node: T) => CommandStroke | null | undefined;\n  /** Optional per-node hide hook (e.g., suppress while editing). */\n  isHidden?: (node: T) => boolean;\n  /**\n   * Per-node fill vertex-color array, flat RGBA-per-path-anchor, in\n   * 0..1 floats (same color space as `PathDrawCommand.vertexColors`).\n   * Length must be `4 × countPathAnchors(getPath(node))`. When set and\n   * `getFill` returns null/undefined, a white placeholder fill is\n   * synthesized so the renderer's per-vertex shader path activates.\n   */\n  getVertexColors?: (node: T) => number[] | null | undefined;\n  /**\n   * Per-node stroke vertex-color array, flat RGBA-per-path-anchor, in\n   * 0..1 floats (same color space as `Stroke.vertexColors`).\n   * Length must be `4 × countPathAnchors(getPath(node))`. When set and\n   * `getStroke` returns null/undefined, a white 1px placeholder stroke\n   * is synthesized.\n   */\n  getStrokeVertexColors?: (node: T) => number[] | null | undefined;\n  /**\n   * Per-node stroke vertex-width array (one width per anchor).\n   * Length must be `countPathAnchors(getPath(node))`. The tessellator\n   * interpolates half-widths along each segment for tapered strokes.\n   * When set and `getStroke` returns null/undefined, a 1px placeholder\n   * stroke is synthesized so the per-anchor widths take effect.\n   */\n  getStrokeVertexWidths?: (node: T) => number[] | null | undefined;\n  /**\n   * Optional color override registry, typically `animator.colorOverrides`.\n   * When set, the renderer consults it before falling back to\n   * `getVertexColors` / `getStrokeVertexColors`. Function-form overrides\n   * receive the base color array and the current animation timestamp.\n   */\n  colorOverrides?: ColorOverrideRegistry;\n  /** Clock used to timestamp function-form color overrides. Defaults to\n   *  `performance.now`. Override in tests. */\n  now?: () => number;\n}\n\n/** Build a `RenderLayer` that fills/strokes `Path` instances enumerated from a node list. */\nexport function createPathLayer<T>(opts: CreatePathLayerOpts<T>): RenderLayer<unknown> {\n  const {\n    id = 'paths', label = 'Paths',\n    getNodes, getPath, getFill, getStroke, isHidden,\n    getVertexColors, getStrokeVertexColors, getStrokeVertexWidths,\n    colorOverrides,\n    now = (): number => (typeof performance !== 'undefined' ? performance.now() : Date.now()),\n  } = opts;\n  const warned = new Set<string>();\n  const isDev = typeof import.meta !== 'undefined'\n    && (import.meta as unknown as { env?: { DEV?: boolean } }).env\n    && (import.meta as unknown as { env?: { DEV?: boolean } }).env?.DEV;\n\n  return {\n    id,\n    label,\n    draw: () => {\n      const children: DrawCommand[] = [];\n      const nodes = getNodes();\n      for (let idx = 0; idx < nodes.length; idx++) {\n        const node = nodes[idx];\n        if (isHidden?.(node)) continue;\n        const path = getPath(node);\n        const fillFromHook = getFill?.(node);\n        const strokeFromHook = getStroke?.(node);\n        const baseVColors = getVertexColors?.(node);\n        const baseStrokeVColors = getStrokeVertexColors?.(node);\n        const strokeVWidths = getStrokeVertexWidths?.(node);\n\n        const nodeId = (node as { id?: string }).id ?? String(idx);\n        const tMs = colorOverrides ? now() : 0;\n\n        const vColors = colorOverrides\n          ? colorOverrides.resolve(nodeId, 'fill', baseVColors ?? undefined, tMs)\n          : baseVColors;\n        const strokeVColors = colorOverrides\n          ? colorOverrides.resolve(nodeId, 'stroke', baseStrokeVColors ?? undefined, tMs)\n          : baseStrokeVColors;\n\n        const nodeKey = nodeId;\n        const anchorCount = countPathAnchors(path);\n        const expectedLen = 4 * anchorCount;\n\n        let useVColors: readonly number[] | null = null;\n        if (vColors != null) {\n          if (vColors.length === expectedLen) {\n            useVColors = vColors;\n          } else if (isDev) {\n            const key = `${id}:${nodeKey}:fill`;\n            if (!warned.has(key)) {\n              warned.add(key);\n              console.warn(\n                `[createPathLayer ${id}] node ${nodeKey}: fill vertexColors length ${vColors.length}, expected ${expectedLen}; dropping`,\n              );\n            }\n          }\n        }\n\n        let useStrokeVColors: readonly number[] | null = null;\n        if (strokeVColors != null) {\n          if (strokeVColors.length === expectedLen) {\n            useStrokeVColors = strokeVColors;\n          } else if (isDev) {\n            const key = `${id}:${nodeKey}:stroke`;\n            if (!warned.has(key)) {\n              warned.add(key);\n              console.warn(\n                `[createPathLayer ${id}] node ${nodeKey}: stroke vertexColors length ${strokeVColors.length}, expected ${expectedLen}; dropping`,\n              );\n            }\n          }\n        }\n\n        // Synthesize placeholder only when colors validate (useVColors != null),\n        // not on any raw hook return. Mismatched-length arrays drop both the\n        // colors and placeholder so the dev signal (console warning) isn't duplicated.\n        const fill: CommandFill | undefined =\n          fillFromHook != null ? fillFromHook\n          : (useVColors != null ? PLACEHOLDER_FILL : undefined);\n\n        let useStrokeVWidths: number[] | null = null;\n        if (strokeVWidths != null) {\n          if (strokeVWidths.length === anchorCount) {\n            useStrokeVWidths = strokeVWidths;\n          } else if (isDev) {\n            const key = `${id}:${nodeKey}:strokeWidths`;\n            if (!warned.has(key)) {\n              warned.add(key);\n              console.warn(\n                `[createPathLayer ${id}] node ${nodeKey}: stroke vertexWidths length ${strokeVWidths.length}, expected ${anchorCount}; dropping`,\n              );\n            }\n          }\n        }\n\n        const baseStroke: CommandStroke | undefined =\n          strokeFromHook != null ? strokeFromHook\n          : (useStrokeVColors != null || useStrokeVWidths != null ? PLACEHOLDER_STROKE : undefined);\n\n        const stroke: CommandStroke | undefined =\n          baseStroke != null\n            ? {\n                ...baseStroke,\n                ...(useStrokeVColors != null ? { vertexColors: useStrokeVColors as number[] } : {}),\n                ...(useStrokeVWidths != null ? { vertexWidths: useStrokeVWidths } : {}),\n              }\n            : baseStroke;\n\n        if (fill == null && stroke == null) continue;\n\n        children.push({\n          kind: 'path',\n          path,\n          ...(fill != null ? { fill } : {}),\n          ...(stroke != null ? { stroke } : {}),\n          ...(useVColors != null ? { vertexColors: useVColors as number[] } : {}),\n        });\n      }\n      // World-space commands; drawLayers wraps in viewToMat3 automatically.\n      return children;\n    },\n  };\n}\n"],"mappings":";;;AAeA,IAAMA,IAAgC,EAAE,OAAO,UAAU,GACnDC,IAAoC;CAAE,OAAO,EAAE,OAAO,UAAU;CAAG,OAAO;AAAE;AAoDlF,SAAgBC,EAAmB,GAAoD;CACrF,IAAM,EACJ,QAAK,SAAS,WAAQ,SACtB,aAAU,YAAS,YAAS,cAAW,aACvC,oBAAiB,0BAAuB,0BACxC,mBACA,eAAqB,OAAO,cAAgB,MAAc,YAAY,IAAI,IAAI,KAAK,IAAI,MACrFC;CAMJ,OAAO;EACL;EACA;EACA,YAAY;GACV,IAAMC,IAA0B,CAAC,GAC3BC,IAAQC,EAAS;GACvB,KAAK,IAAIC,IAAM,GAAGA,IAAMF,EAAM,QAAQ,KAAO;IAC3C,IAAMG,IAAOH,EAAME;IACnB,IAAIE,IAAWD,CAAI,GAAG;IACtB,IAAME,IAAOC,EAAQH,CAAI,GACnBI,IAAeC,IAAUL,CAAI,GAC7BM,IAAiBC,IAAYP,CAAI,GACjCQ,IAAcC,IAAkBT,CAAI,GACpCU,IAAoBC,IAAwBX,CAAI,GAChDY,IAAgBC,IAAwBb,CAAI,GAE5Cc,IAAUd,EAAyB,MAAM,OAAOD,CAAG,GACnDgB,IAAMC,IAAiBC,EAAI,IAAI,GAE/BC,IAAUF,IACZA,EAAe,QAAQF,GAAQ,QAAQN,KAAe,KAAA,GAAWO,CAAG,IACpEP,GACEW,IAAgBH,IAClBA,EAAe,QAAQF,GAAQ,UAAUJ,KAAqB,KAAA,GAAWK,CAAG,IAC5EL,GAGEU,IAAcC,EAAiBnB,CAAI,GACnCoB,IAAc,IAAIF,GAEpBG,IAAuC;IAC3C,AAAIL,KAAW,QACTA,EAAQ,WAAWI,MACrB,IAAaJ;IAYjB,IAAIM,IAA6C;IACjD,AAAIL,KAAiB,QACfA,EAAc,WAAWG,MAC3B,IAAmBH;IAevB,IAAMM,IACJrB,MACGmB,KAAc,OAA0B,KAAA,IAAnB/B,IAEtBkC,IAAoC;IACxC,AAAId,KAAiB,QACfA,EAAc,WAAWQ,MAC3B,IAAmBR;IAYvB,IAAMe,IACJrB,MACGkB,KAAoB,QAAQE,KAAoB,OAAOjC,IAAqB,KAAA,IAE3EmC,IACJD,KAAc,OAMVA,IALA;KACE,GAAGA;KACH,GAAIH,KAAoB,OAAwD,CAAC,IAAlD,EAAE,cAAcA,EAA6B;KAC5E,GAAIE,KAAoB,OAA4C,CAAC,IAAtC,EAAE,cAAcA,EAAiB;IAClE;IAGN,CAAID,KAAQ,QAAQG,KAAU,SAE9BhC,EAAS,KAAK;KACZ,MAAM;KACN;KACA,GAAI6B,KAAQ,OAAkB,CAAC,IAAZ,EAAE,QAAK;KAC1B,GAAIG,KAAU,OAAoB,CAAC,IAAd,EAAE,UAAO;KAC9B,GAAIL,KAAc,OAAkD,CAAC,IAA5C,EAAE,cAAcA,EAAuB;IAClE,CAAC;GACH;GAEA,OAAO3B;EACT;CACF;AACF"}
+{"version":3,"file":"pathLayer.js","names":["PLACEHOLDER_FILL","PLACEHOLDER_STROKE","createPathLayer","opts","children","nodes","getNodes","idx","node","isHidden","path","getPath","fillFromHook","getFill","strokeFromHook","getStroke","baseVColors","getVertexColors","baseStrokeVColors","getStrokeVertexColors","strokeVWidths","getStrokeVertexWidths","nodeId","tMs","colorOverrides","now","vColors","strokeVColors","anchorCount","countPathAnchors","expectedLen","useVColors","useStrokeVColors","fill","useStrokeVWidths","baseStroke","stroke"],"sources":["../../../src/features/paths/pathLayer.ts"],"sourcesContent":["/**\n * `RenderLayer` that fills/strokes `Path` instances. Mirrors the shape of\n * `createTextLayer`: caller hands over a `getNodes()` enumerator and a\n * `getPath(node)` lookup; the layer iterates and renders. Fill and\n * stroke are looked up per node so consumers can keep the path geometry\n * separate from the visual style record (the typical scene-graph layout).\n */\n\nimport { type DrawCommand } from '@weasel-js/renderer';\nimport { type CommandStroke, type CommandFill } from '@weasel-js/paint';\nimport type { RenderLayer } from 'core/layers/render';\nimport { type Path, countPathAnchors } from '@weasel-js/geom';\nimport type { ColorOverrideRegistry } from '@weasel-js/animator';\n\nconst PLACEHOLDER_FILL: CommandFill = { paint: { color: '#ffffff' } };\nconst PLACEHOLDER_STROKE: CommandStroke = { paint: { color: '#ffffff' }, width: 1 };\n\n\n/** Options for `createPathLayer`. */\nexport interface CreatePathLayerOpts<T> {\n  id?: string;\n  label?: string;\n  getNodes: () => readonly T[];\n  getPath: (node: T) => Path;\n  /** Per-node fill. Return `null`/`undefined` to skip filling. */\n  getFill?: (node: T) => CommandFill | null | undefined;\n  /** Per-node stroke. Return `null`/`undefined` to skip stroking. */\n  getStroke?: (node: T) => CommandStroke | null | undefined;\n  /** Optional per-node hide hook (e.g., suppress while editing). */\n  isHidden?: (node: T) => boolean;\n  /**\n   * Per-node fill vertex-color array, flat RGBA-per-path-anchor, in\n   * 0..1 floats (same color space as `PathDrawCommand.vertexColors`).\n   * Length must be `4 × countPathAnchors(getPath(node))`. When set and\n   * `getFill` returns null/undefined, a white placeholder fill is\n   * synthesized so the renderer's per-vertex shader path activates.\n   */\n  getVertexColors?: (node: T) => number[] | null | undefined;\n  /**\n   * Per-node stroke vertex-color array, flat RGBA-per-path-anchor, in\n   * 0..1 floats (same color space as `Stroke.vertexColors`).\n   * Length must be `4 × countPathAnchors(getPath(node))`. When set and\n   * `getStroke` returns null/undefined, a white 1px placeholder stroke\n   * is synthesized.\n   */\n  getStrokeVertexColors?: (node: T) => number[] | null | undefined;\n  /**\n   * Per-node stroke vertex-width array (one width per anchor).\n   * Length must be `countPathAnchors(getPath(node))`. The tessellator\n   * interpolates half-widths along each segment for tapered strokes.\n   * When set and `getStroke` returns null/undefined, a 1px placeholder\n   * stroke is synthesized so the per-anchor widths take effect.\n   */\n  getStrokeVertexWidths?: (node: T) => number[] | null | undefined;\n  /**\n   * Optional color override registry, typically `animator.colorOverrides`.\n   * When set, the renderer consults it before falling back to\n   * `getVertexColors` / `getStrokeVertexColors`. Function-form overrides\n   * receive the base color array and the current animation timestamp.\n   */\n  colorOverrides?: ColorOverrideRegistry;\n  /** Clock used to timestamp function-form color overrides. Defaults to\n   *  `performance.now`. Override in tests. */\n  now?: () => number;\n}\n\n/** Build a `RenderLayer` that fills/strokes `Path` instances enumerated from a node list. */\nexport function createPathLayer<T>(opts: CreatePathLayerOpts<T>): RenderLayer<unknown> {\n  const {\n    id = 'paths', label = 'Paths',\n    getNodes, getPath, getFill, getStroke, isHidden,\n    getVertexColors, getStrokeVertexColors, getStrokeVertexWidths,\n    colorOverrides,\n    now = (): number => (typeof performance !== 'undefined' ? performance.now() : Date.now()),\n  } = opts;\n  const warned = new Set<string>();\n  const isDev = typeof import.meta !== 'undefined'\n    && (import.meta as unknown as { env?: { DEV?: boolean } }).env\n    && (import.meta as unknown as { env?: { DEV?: boolean } }).env?.DEV;\n\n  return {\n    id,\n    label,\n    draw: () => {\n      const children: DrawCommand[] = [];\n      const nodes = getNodes();\n      for (let idx = 0; idx < nodes.length; idx++) {\n        const node = nodes[idx];\n        if (isHidden?.(node)) continue;\n        const path = getPath(node);\n        const fillFromHook = getFill?.(node);\n        const strokeFromHook = getStroke?.(node);\n        const baseVColors = getVertexColors?.(node);\n        const baseStrokeVColors = getStrokeVertexColors?.(node);\n        const strokeVWidths = getStrokeVertexWidths?.(node);\n\n        const nodeId = (node as { id?: string }).id ?? String(idx);\n        const tMs = colorOverrides ? now() : 0;\n\n        const vColors = colorOverrides\n          ? colorOverrides.resolve(nodeId, 'fill', baseVColors ?? undefined, tMs)\n          : baseVColors;\n        const strokeVColors = colorOverrides\n          ? colorOverrides.resolve(nodeId, 'stroke', baseStrokeVColors ?? undefined, tMs)\n          : baseStrokeVColors;\n\n        const nodeKey = nodeId;\n        const anchorCount = countPathAnchors(path);\n        const expectedLen = 4 * anchorCount;\n\n        let useVColors: readonly number[] | null = null;\n        if (vColors != null) {\n          if (vColors.length === expectedLen) {\n            useVColors = vColors;\n          } else if (isDev) {\n            const key = `${id}:${nodeKey}:fill`;\n            if (!warned.has(key)) {\n              warned.add(key);\n              console.warn(\n                `[createPathLayer ${id}] node ${nodeKey}: fill vertexColors length ${vColors.length}, expected ${expectedLen}; dropping`,\n              );\n            }\n          }\n        }\n\n        let useStrokeVColors: readonly number[] | null = null;\n        if (strokeVColors != null) {\n          if (strokeVColors.length === expectedLen) {\n            useStrokeVColors = strokeVColors;\n          } else if (isDev) {\n            const key = `${id}:${nodeKey}:stroke`;\n            if (!warned.has(key)) {\n              warned.add(key);\n              console.warn(\n                `[createPathLayer ${id}] node ${nodeKey}: stroke vertexColors length ${strokeVColors.length}, expected ${expectedLen}; dropping`,\n              );\n            }\n          }\n        }\n\n        // Synthesize placeholder only when colors validate (useVColors != null),\n        // not on any raw hook return. Mismatched-length arrays drop both the\n        // colors and placeholder so the dev signal (console warning) isn't duplicated.\n        const fill: CommandFill | undefined =\n          fillFromHook != null ? fillFromHook\n          : (useVColors != null ? PLACEHOLDER_FILL : undefined);\n\n        let useStrokeVWidths: number[] | null = null;\n        if (strokeVWidths != null) {\n          if (strokeVWidths.length === anchorCount) {\n            useStrokeVWidths = strokeVWidths;\n          } else if (isDev) {\n            const key = `${id}:${nodeKey}:strokeWidths`;\n            if (!warned.has(key)) {\n              warned.add(key);\n              console.warn(\n                `[createPathLayer ${id}] node ${nodeKey}: stroke vertexWidths length ${strokeVWidths.length}, expected ${anchorCount}; dropping`,\n              );\n            }\n          }\n        }\n\n        const baseStroke: CommandStroke | undefined =\n          strokeFromHook != null ? strokeFromHook\n          : (useStrokeVColors != null || useStrokeVWidths != null ? PLACEHOLDER_STROKE : undefined);\n\n        const stroke: CommandStroke | undefined =\n          baseStroke != null\n            ? {\n                ...baseStroke,\n                ...(useStrokeVColors != null ? { vertexColors: useStrokeVColors as number[] } : {}),\n                ...(useStrokeVWidths != null ? { vertexWidths: useStrokeVWidths } : {}),\n              }\n            : baseStroke;\n\n        if (fill == null && stroke == null) continue;\n\n        children.push({\n          kind: 'path',\n          path,\n          ...(fill != null ? { fill } : {}),\n          ...(stroke != null ? { stroke } : {}),\n          ...(useVColors != null ? { vertexColors: useVColors as number[] } : {}),\n        });\n      }\n      // World-space commands; drawLayers wraps in viewToMat3 automatically.\n      return children;\n    },\n  };\n}\n"],"mappings":";;;;AAcA,IAAMA,IAAgC,EAAE,OAAO,EAAE,OAAO,UAAU,EAAE,GAC9DC,IAAoC;CAAE,OAAO,EAAE,OAAO,UAAU;CAAG,OAAO;AAAE;AAoDlF,SAAgBC,EAAmB,GAAoD;CACrF,IAAM,EACJ,QAAK,SAAS,WAAQ,SACtB,aAAU,YAAS,YAAS,cAAW,aACvC,oBAAiB,0BAAuB,0BACxC,mBACA,eAAqB,OAAO,cAAgB,MAAc,YAAY,IAAI,IAAI,KAAK,IAAI,MACrFC;CAMJ,OAAO;EACL;EACA;EACA,YAAY;GACV,IAAMC,IAA0B,CAAC,GAC3BC,IAAQC,EAAS;GACvB,KAAK,IAAIC,IAAM,GAAGA,IAAMF,EAAM,QAAQ,KAAO;IAC3C,IAAMG,IAAOH,EAAME;IACnB,IAAIE,IAAWD,CAAI,GAAG;IACtB,IAAME,IAAOC,EAAQH,CAAI,GACnBI,IAAeC,IAAUL,CAAI,GAC7BM,IAAiBC,IAAYP,CAAI,GACjCQ,IAAcC,IAAkBT,CAAI,GACpCU,IAAoBC,IAAwBX,CAAI,GAChDY,IAAgBC,IAAwBb,CAAI,GAE5Cc,IAAUd,EAAyB,MAAM,OAAOD,CAAG,GACnDgB,IAAMC,IAAiBC,EAAI,IAAI,GAE/BC,IAAUF,IACZA,EAAe,QAAQF,GAAQ,QAAQN,KAAe,KAAA,GAAWO,CAAG,IACpEP,GACEW,IAAgBH,IAClBA,EAAe,QAAQF,GAAQ,UAAUJ,KAAqB,KAAA,GAAWK,CAAG,IAC5EL,GAGEU,IAAcC,EAAiBnB,CAAI,GACnCoB,IAAc,IAAIF,GAEpBG,IAAuC;IAC3C,AAAIL,KAAW,QACTA,EAAQ,WAAWI,MACrB,IAAaJ;IAYjB,IAAIM,IAA6C;IACjD,AAAIL,KAAiB,QACfA,EAAc,WAAWG,MAC3B,IAAmBH;IAevB,IAAMM,IACJrB,MACGmB,KAAc,OAA0B,KAAA,IAAnB/B,IAEtBkC,IAAoC;IACxC,AAAId,KAAiB,QACfA,EAAc,WAAWQ,MAC3B,IAAmBR;IAYvB,IAAMe,IACJrB,MACGkB,KAAoB,QAAQE,KAAoB,OAAOjC,IAAqB,KAAA,IAE3EmC,IACJD,KAAc,OAMVA,IALA;KACE,GAAGA;KACH,GAAIH,KAAoB,OAAwD,CAAC,IAAlD,EAAE,cAAcA,EAA6B;KAC5E,GAAIE,KAAoB,OAA4C,CAAC,IAAtC,EAAE,cAAcA,EAAiB;IAClE;IAGN,CAAID,KAAQ,QAAQG,KAAU,SAE9BhC,EAAS,KAAK;KACZ,MAAM;KACN;KACA,GAAI6B,KAAQ,OAAkB,CAAC,IAAZ,EAAE,QAAK;KAC1B,GAAIG,KAAU,OAAoB,CAAC,IAAd,EAAE,UAAO;KAC9B,GAAIL,KAAc,OAAkD,CAAC,IAA5C,EAAE,cAAcA,EAAuB;IAClE,CAAC;GACH;GAEA,OAAO3B;EACT;CACF;AACF"}

package/dist/features/paths/penPreviewLayer.js

@@ -1,6 +1,4 @@
-import { anchorsToPath as e } from "./anchors.js";
-import { circlePath as t } from "./markers.js";
-import { PATH_C as n, PATH_L as r, PATH_M as i } from "@weasel-js/geom";
+import { PATH_C as e, PATH_L as t, PATH_M as n, anchorsToPath as r, circlePath as i } from "@weasel-js/geom";
 //#region src/features/paths/penPreviewLayer.ts
 var a = {
 	anchorFill: "#d4c4a8",
@@ -13,77 +11,77 @@ var a = {
 function l(e, t, n) {
 	return [(e - n.x) * n.scale.x, (t - n.y) * n.scale.y];
 }
-function u(e, n, r) {
-	return t(e, n, r);
+function u(e, t, n) {
+	return i(e, t, n);
 }
-function d(t, n) {
-	if (t.anchors.length === 0) return null;
-	let r = (e) => {
-		let [t, r] = l(e.x, e.y, n);
+function d(e, t) {
+	if (e.anchors.length === 0) return null;
+	let n = (e) => {
+		let [n, r] = l(e.x, e.y, t);
 		return {
-			x: t,
+			x: n,
 			y: r
 		};
-	}, i = t.anchors.map((e) => ({
-		...r(e),
-		...e.inHandle ? { inHandle: r(e.inHandle) } : {},
-		...e.outHandle ? { outHandle: r(e.outHandle) } : {}
+	}, i = e.anchors.map((e) => ({
+		...n(e),
+		...e.inHandle ? { inHandle: n(e.inHandle) } : {},
+		...e.outHandle ? { outHandle: n(e.outHandle) } : {}
 	}));
-	return e([i], [t.closed]);
+	return r([i], [e.closed]);
 }
-function f(e) {
-	let t = {
+function f(r) {
+	let i = {
 		...a,
-		...e.style ?? {}
-	}, f = () => e.penTool.initScratch();
+		...r.style ?? {}
+	}, f = r.state;
 	return {
 		id: "penPreview",
 		label: "Pen preview",
 		space: "screen",
-		draw: (e, a) => {
-			let p = f(), m = [];
-			for (let e of p.finishedSubpaths) {
-				let n = d(e, a);
-				n !== null && m.push({
+		draw: (r, a) => {
+			let p = [];
+			for (let e of f.finishedSubpaths) {
+				let t = d(e, a);
+				t !== null && p.push({
 					kind: "path",
-					path: n,
+					path: t,
 					stroke: {
 						paint: {
-							fill: "solid",
-							color: t.finishedSubpathStroke
+							kind: "solid",
+							color: i.finishedSubpathStroke
 						},
 						width: 1
 					}
 				});
 			}
-			let h = p.current;
-			if (!h && p.cursor === null) return m;
-			if (h) {
-				let e = d(h, a);
-				e !== null && m.push({
+			let m = f.current;
+			if (!m && f.cursor === null) return p;
+			if (m) {
+				let e = d(m, a);
+				e !== null && p.push({
 					kind: "path",
 					path: e,
 					stroke: {
 						paint: {
-							fill: "solid",
-							color: t.rubberBandStroke
+							kind: "solid",
+							color: i.rubberBandStroke
 						},
 						width: 1
 					}
 				});
 			}
-			if (h && h.anchors.length > 0 && p.cursor && p.draggingHandleAt === null) {
-				let e = h.anchors[h.anchors.length - 1], o = e.outHandle, [s, c] = l(e.x, e.y, a), [u, d] = l(p.cursor.x, p.cursor.y, a), f;
+			if (m && m.anchors.length > 0 && f.cursor && f.draggingHandleAt === null) {
+				let r = m.anchors[m.anchors.length - 1], o = r.outHandle, [s, c] = l(r.x, r.y, a), [u, d] = l(f.cursor.x, f.cursor.y, a), h;
 				if (o) {
-					let [e, t] = l(o.x, o.y, a);
-					f = {
+					let [t, r] = l(o.x, o.y, a);
+					h = {
 						kind: "polygon",
-						commands: new Uint8Array([i, n]),
+						commands: new Uint8Array([n, e]),
 						coords: new Float32Array([
 							s,
 							c,
-							e,
 							t,
+							r,
 							u,
 							d,
 							u,
@@ -91,9 +89,9 @@ function f(e) {
 						]),
 						fillRule: "nonzero"
 					};
-				} else f = {
+				} else h = {
 					kind: "polygon",
-					commands: new Uint8Array([i, r]),
+					commands: new Uint8Array([n, t]),
 					coords: new Float32Array([
 						s,
 						c,
@@ -102,39 +100,39 @@ function f(e) {
 					]),
 					fillRule: "nonzero"
 				};
-				m.push({
+				p.push({
 					kind: "path",
-					path: f,
+					path: h,
 					stroke: {
 						paint: {
-							fill: "solid",
-							color: t.rubberBandStroke
+							kind: "solid",
+							color: i.rubberBandStroke
 						},
 						width: 1
 					}
 				});
 			}
-			if (h) {
-				for (let e = 0; e < h.anchors.length; e++) {
-					let n = h.anchors[e], [c, d] = l(n.x, n.y, a);
-					if (m.push({
+			if (m) {
+				for (let e = 0; e < m.anchors.length; e++) {
+					let r = m.anchors[e], [c, d] = l(r.x, r.y, a);
+					if (p.push({
 						kind: "path",
 						path: u(c, d, o),
-						fill: {
-							fill: "solid",
-							color: t.anchorFill
-						},
+						fill: { paint: {
+							kind: "solid",
+							color: i.anchorFill
+						} },
 						stroke: {
 							paint: {
-								fill: "solid",
-								color: t.anchorStroke
+								kind: "solid",
+								color: i.anchorStroke
 							},
 							width: 1
 						}
-					}), e === h.anchors.length - 1 && n.outHandle) {
-						let [e, o] = l(n.outHandle.x, n.outHandle.y, a), f = {
+					}), e === m.anchors.length - 1 && r.outHandle) {
+						let [e, o] = l(r.outHandle.x, r.outHandle.y, a), f = {
 							kind: "polygon",
-							commands: new Uint8Array([i, r]),
+							commands: new Uint8Array([n, t]),
 							coords: new Float32Array([
 								c,
 								d,
@@ -143,74 +141,74 @@ function f(e) {
 							]),
 							fillRule: "nonzero"
 						};
-						m.push({
+						p.push({
 							kind: "path",
 							path: f,
 							stroke: {
 								paint: {
-									fill: "solid",
-									color: t.handleStroke
+									kind: "solid",
+									color: i.handleStroke
 								},
 								width: 1
 							}
-						}), m.push({
+						}), p.push({
 							kind: "path",
 							path: u(e, o, s),
-							fill: {
-								fill: "solid",
-								color: t.handleStroke
-							}
+							fill: { paint: {
+								kind: "solid",
+								color: i.handleStroke
+							} }
 						});
-						let p = n.inHandle;
-						if (p) {
-							let [e, n] = l(p.x, p.y, a), o = {
+						let m = r.inHandle;
+						if (m) {
+							let [e, r] = l(m.x, m.y, a), o = {
 								kind: "polygon",
-								commands: new Uint8Array([i, r]),
+								commands: new Uint8Array([n, t]),
 								coords: new Float32Array([
 									c,
 									d,
 									e,
-									n
+									r
 								]),
 								fillRule: "nonzero"
 							};
-							m.push({
+							p.push({
 								kind: "path",
 								path: o,
 								stroke: {
 									paint: {
-										fill: "solid",
-										color: t.handleStroke
+										kind: "solid",
+										color: i.handleStroke
 									},
 									width: 1
 								}
-							}), m.push({
+							}), p.push({
 								kind: "path",
-								path: u(e, n, s),
-								fill: {
-									fill: "solid",
-									color: t.handleStroke
-								}
+								path: u(e, r, s),
+								fill: { paint: {
+									kind: "solid",
+									color: i.handleStroke
+								} }
 							});
 						}
 					}
 				}
-				if (p.closeHintActive && h.anchors.length >= 3) {
-					let e = h.anchors[0], [n, r] = l(e.x, e.y, a);
-					m.push({
+				if (f.closeHintActive && m.anchors.length >= 3) {
+					let e = m.anchors[0], [t, n] = l(e.x, e.y, a);
+					p.push({
 						kind: "path",
-						path: u(n, r, c),
+						path: u(t, n, c),
 						stroke: {
 							paint: {
-								fill: "solid",
-								color: t.closeHintFill
+								kind: "solid",
+								color: i.closeHintFill
 							},
 							width: 1.5
 						}
 					});
 				}
 			}
-			return m;
+			return p;
 		}
 	};
 }

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

@@ -1 +1 @@
-{"version":3,"file":"penPreviewLayer.js","names":["DEFAULT_STYLE","ANCHOR_RADIUS_PX","HANDLE_DOT_RADIUS_PX","CLOSE_HINT_RADIUS_PX","w2s","wx","view","wy","approximateCircle","circlePath","cx","cy","subpathToPath","sp","pt","x","y","p","anchors","a","anchorsToPath","createPenPreviewLayer","style","opts","getScratch","s","out","path","cur","last","out2","sx","sy","c1x","c1y","PATH_M","PATH_C","PATH_L","i","ax","ay","hx","hy","linePath","inSide","mx","my","inLine","first","fx","fy"],"sources":["../../../src/features/paths/penPreviewLayer.ts"],"sourcesContent":["/**\n * Screen-space preview layer for `usePenTool`. Reads the tool's\n * persistent scratch each frame and renders the in-progress path: finished\n * subpaths (faded), the current subpath (bright + anchor dots + handles),\n * a rubber-band segment from the latest anchor to the cursor, and a\n * close-hint ring on the first anchor when the tool flags it as hot.\n *\n * Runs in screen space so anchor/handle sizes stay constant under zoom.\n * All world-space coords go through `worldToScreen` via the layer's `view`\n * argument.\n */\n\nimport type { DrawCommand } from '../../renderer';\nimport type { RenderLayer } from 'core/layers/render';\nimport type { Tool } from '../../tools/overlayBinding';\nimport type { PenScratch, PenAnchor, PenSubpath } from 'tools/builtin/pen';\nimport { PATH_C, PATH_L, PATH_M, type PolygonPath } from '@weasel-js/geom';\nimport { anchorsToPath } from './anchors';\nimport { circlePath } from './markers';\n\n/** Appearance of the pen tool's in-progress path. */\nexport interface PenPreviewStyle {\n  anchorFill?: string;\n  anchorStroke?: string;\n  handleStroke?: string;\n  rubberBandStroke?: string;\n  closeHintFill?: string;\n  finishedSubpathStroke?: string;\n}\n\n/** Options for `createPenPreviewLayer`. */\nexport interface CreatePenPreviewLayerOptions {\n  /** The Tool returned by usePenTool. The layer reads its scratch via\n   *  `tool.initScratch()` (the hook is contracted to return a stable ref). */\n  penTool: Tool<PenScratch>;\n  style?: PenPreviewStyle;\n}\n\nconst DEFAULT_STYLE: Required<PenPreviewStyle> = {\n  anchorFill: '#d4c4a8',\n  anchorStroke: '#d4c4a8',\n  handleStroke: '#d4c4a8',\n  rubberBandStroke: '#d4c4a8',\n  closeHintFill: '#d4c4a8',\n  finishedSubpathStroke: '#8a7a5e',\n};\n\nconst ANCHOR_RADIUS_PX = 4;\nconst HANDLE_DOT_RADIUS_PX = 3;\nconst CLOSE_HINT_RADIUS_PX = 8;\n\nfunction w2s(wx: number, wy: number, view: { x: number; y: number; scale: { x: number; y: number } }): [number, number] {\n  return [(wx - view.x) * view.scale.x, (wy - view.y) * view.scale.y];\n}\n\n// approximateCircle has moved to `./markers.ts` as `circlePath`. Re-exported\n// locally so we don't rename callers in this file.\nfunction approximateCircle(cx: number, cy: number, r: number): PolygonPath {\n  return circlePath(cx, cy, r);\n}\n\n/** A pen subpath as a screen-space `PolygonPath`, segmented by the same rule\n *  the pen commits with. */\nfunction subpathToPath(\n  sp: PenSubpath,\n  view: { x: number; y: number; scale: { x: number; y: number } },\n): PolygonPath | null {\n  if (sp.anchors.length === 0) return null;\n  const pt = (p: { x: number; y: number }) => {\n    const [x, y] = w2s(p.x, p.y, view);\n    return { x, y };\n  };\n  const anchors = sp.anchors.map((a: PenAnchor) => ({\n    ...pt(a),\n    ...(a.inHandle ? { inHandle: pt(a.inHandle) } : {}),\n    ...(a.outHandle ? { outHandle: pt(a.outHandle) } : {}),\n  }));\n  return anchorsToPath([anchors], [sp.closed]);\n}\n\n/** Render layer that draws the pen tool's path as it is being placed —\n *  committed anchors, the rubber band to the cursor, and the close hint. Draws\n *  nothing when the pen is idle. */\nexport function createPenPreviewLayer(\n  opts: CreatePenPreviewLayerOptions,\n): RenderLayer<unknown> {\n  const style = { ...DEFAULT_STYLE, ...(opts.style ?? {}) };\n  // Stable scratch ref — the pen tool contract guarantees identity stability.\n  const getScratch = (): PenScratch => opts.penTool.initScratch!();\n\n  return {\n    id: 'penPreview',\n    label: 'Pen preview',\n    space: 'screen',\n    draw: (_data, view) => {\n      const s = getScratch();\n      const out: DrawCommand[] = [];\n\n      // (1) Finished subpaths — faded outline.\n      for (const sp of s.finishedSubpaths) {\n        const path = subpathToPath(sp, view);\n        if (path === null) continue;\n        out.push({\n          kind: 'path',\n          path,\n          stroke: { paint: { fill: 'solid', color: style.finishedSubpathStroke }, width: 1 },\n        });\n      }\n\n      const cur = s.current;\n      if (!cur && s.cursor === null) return out;\n\n      // (2) Current subpath — bright outline.\n      if (cur) {\n        const path = subpathToPath(cur, view);\n        if (path !== null) {\n          out.push({\n            kind: 'path',\n            path,\n            stroke: { paint: { fill: 'solid', color: style.rubberBandStroke }, width: 1 },\n          });\n        }\n      }\n\n      // (3) Rubber-band from latest anchor to cursor.\n      if (cur && cur.anchors.length > 0 && s.cursor && s.draggingHandleAt === null) {\n        const last = cur.anchors[cur.anchors.length - 1];\n        const out2 = last.outHandle;\n        const [sx, sy] = w2s(last.x, last.y, view);\n        const [cx, cy] = w2s(s.cursor.x, s.cursor.y, view);\n        let path: PolygonPath;\n        if (out2) {\n          const [c1x, c1y] = w2s(out2.x, out2.y, view);\n          path = {\n            kind: 'polygon',\n            commands: new Uint8Array([PATH_M, PATH_C]),\n            coords: new Float32Array([sx, sy, c1x, c1y, cx, cy, cx, cy]),\n            fillRule: 'nonzero',\n          };\n        } else {\n          path = {\n            kind: 'polygon',\n            commands: new Uint8Array([PATH_M, PATH_L]),\n            coords: new Float32Array([sx, sy, cx, cy]),\n            fillRule: 'nonzero',\n          };\n        }\n        out.push({\n          kind: 'path',\n          path,\n          stroke: { paint: { fill: 'solid', color: style.rubberBandStroke }, width: 1 },\n        });\n      }\n\n      // (4) Anchor dots + handles.\n      if (cur) {\n        for (let i = 0; i < cur.anchors.length; i++) {\n          const a = cur.anchors[i];\n          const [ax, ay] = w2s(a.x, a.y, view);\n          out.push({\n            kind: 'path',\n            path: approximateCircle(ax, ay, ANCHOR_RADIUS_PX),\n            fill: { fill: 'solid', color: style.anchorFill },\n            stroke: { paint: { fill: 'solid', color: style.anchorStroke }, width: 1 },\n          });\n          // Handle line + dot (only the latest anchor, per spec).\n          if (i === cur.anchors.length - 1 && a.outHandle) {\n            const [hx, hy] = w2s(a.outHandle.x, a.outHandle.y, view);\n            const linePath: PolygonPath = {\n              kind: 'polygon',\n              commands: new Uint8Array([PATH_M, PATH_L]),\n              coords: new Float32Array([ax, ay, hx, hy]),\n              fillRule: 'nonzero',\n            };\n            out.push({\n              kind: 'path',\n              path: linePath,\n              stroke: { paint: { fill: 'solid', color: style.handleStroke }, width: 1 },\n            });\n            out.push({\n              kind: 'path',\n              path: approximateCircle(hx, hy, HANDLE_DOT_RADIUS_PX),\n              fill: { fill: 'solid', color: style.handleStroke },\n            });\n            const inSide = a.inHandle;\n            if (inSide) {\n              const [mx, my] = w2s(inSide.x, inSide.y, view);\n              const inLine: PolygonPath = {\n                kind: 'polygon',\n                commands: new Uint8Array([PATH_M, PATH_L]),\n                coords: new Float32Array([ax, ay, mx, my]),\n                fillRule: 'nonzero',\n              };\n              out.push({\n                kind: 'path',\n                path: inLine,\n                stroke: { paint: { fill: 'solid', color: style.handleStroke }, width: 1 },\n              });\n              out.push({\n                kind: 'path',\n                path: approximateCircle(mx, my, HANDLE_DOT_RADIUS_PX),\n                fill: { fill: 'solid', color: style.handleStroke },\n              });\n            }\n          }\n        }\n\n        // (5) Close-hint ring on first anchor.\n        if (s.closeHintActive && cur.anchors.length >= 3) {\n          const first = cur.anchors[0];\n          const [fx, fy] = w2s(first.x, first.y, view);\n          out.push({\n            kind: 'path',\n            path: approximateCircle(fx, fy, CLOSE_HINT_RADIUS_PX),\n            stroke: { paint: { fill: 'solid', color: style.closeHintFill }, width: 1.5 },\n          });\n        }\n      }\n\n      return out;\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"penPreviewLayer.js","names":["DEFAULT_STYLE","ANCHOR_RADIUS_PX","HANDLE_DOT_RADIUS_PX","CLOSE_HINT_RADIUS_PX","w2s","wx","view","wy","approximateCircle","circlePath","cx","cy","r","subpathToPath","sp","pt","x","y","p","anchors","a","anchorsToPath","createPenPreviewLayer","style","opts","s","out","path","cur","last","out2","sx","sy","c1x","c1y","PATH_M","PATH_C","PATH_L","i","ax","ay","hx","hy","linePath","inSide","mx","my","inLine","first","fx","fy"],"sources":["../../../src/features/paths/penPreviewLayer.ts"],"sourcesContent":["/**\n * Screen-space preview layer for `usePenTool`. Reads the pen's state each\n * frame and renders the in-progress path: finished\n * subpaths (faded), the current subpath (bright + anchor dots + handles),\n * a rubber-band segment from the latest anchor to the cursor, and a\n * close-hint ring on the first anchor when the tool flags it as hot.\n *\n * Runs in screen space so anchor/handle sizes stay constant under zoom.\n * All world-space coords go through `worldToScreen` via the layer's `view`\n * argument.\n */\n\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport type { RenderLayer } from 'core/layers/render';\nimport type { PenScratch, PenAnchor, PenSubpath } from 'tools/builtin/pen';\nimport { PATH_C, PATH_L, PATH_M, type PolygonPath, anchorsToPath, circlePath } from '@weasel-js/geom';\n\n/** Appearance of the pen tool's in-progress path. */\nexport interface PenPreviewStyle {\n  anchorFill?: string;\n  anchorStroke?: string;\n  handleStroke?: string;\n  rubberBandStroke?: string;\n  closeHintFill?: string;\n  finishedSubpathStroke?: string;\n}\n\n/** Options for `createPenPreviewLayer`. */\nexport interface CreatePenPreviewLayerOptions {\n  /** The pen's state. One object for the pen's life, changed in place, so\n   *  the layer reads the same one on every frame. */\n  state: PenScratch;\n  style?: PenPreviewStyle;\n}\n\nconst DEFAULT_STYLE: Required<PenPreviewStyle> = {\n  anchorFill: '#d4c4a8',\n  anchorStroke: '#d4c4a8',\n  handleStroke: '#d4c4a8',\n  rubberBandStroke: '#d4c4a8',\n  closeHintFill: '#d4c4a8',\n  finishedSubpathStroke: '#8a7a5e',\n};\n\nconst ANCHOR_RADIUS_PX = 4;\nconst HANDLE_DOT_RADIUS_PX = 3;\nconst CLOSE_HINT_RADIUS_PX = 8;\n\nfunction w2s(wx: number, wy: number, view: { x: number; y: number; scale: { x: number; y: number } }): [number, number] {\n  return [(wx - view.x) * view.scale.x, (wy - view.y) * view.scale.y];\n}\n\n// approximateCircle has moved to `./markers.ts` as `circlePath`. Re-exported\n// locally so we don't rename callers in this file.\nfunction approximateCircle(cx: number, cy: number, r: number): PolygonPath {\n  return circlePath(cx, cy, r);\n}\n\n/** A pen subpath as a screen-space `PolygonPath`, segmented by the same rule\n *  the pen commits with. */\nfunction subpathToPath(\n  sp: PenSubpath,\n  view: { x: number; y: number; scale: { x: number; y: number } },\n): PolygonPath | null {\n  if (sp.anchors.length === 0) return null;\n  const pt = (p: { x: number; y: number }) => {\n    const [x, y] = w2s(p.x, p.y, view);\n    return { x, y };\n  };\n  const anchors = sp.anchors.map((a: PenAnchor) => ({\n    ...pt(a),\n    ...(a.inHandle ? { inHandle: pt(a.inHandle) } : {}),\n    ...(a.outHandle ? { outHandle: pt(a.outHandle) } : {}),\n  }));\n  return anchorsToPath([anchors], [sp.closed]);\n}\n\n/** Render layer that draws the pen tool's path as it is being placed —\n *  committed anchors, the rubber band to the cursor, and the close hint. Draws\n *  nothing when the pen is idle. */\nexport function createPenPreviewLayer(\n  opts: CreatePenPreviewLayerOptions,\n): RenderLayer<unknown> {\n  const style = { ...DEFAULT_STYLE, ...(opts.style ?? {}) };\n  const s = opts.state;\n\n  return {\n    id: 'penPreview',\n    label: 'Pen preview',\n    space: 'screen',\n    draw: (_data, view) => {\n      const out: DrawCommand[] = [];\n\n      // (1) Finished subpaths — faded outline.\n      for (const sp of s.finishedSubpaths) {\n        const path = subpathToPath(sp, view);\n        if (path === null) continue;\n        out.push({\n          kind: 'path',\n          path,\n          stroke: { paint: { kind: 'solid', color: style.finishedSubpathStroke }, width: 1 },\n        });\n      }\n\n      const cur = s.current;\n      if (!cur && s.cursor === null) return out;\n\n      // (2) Current subpath — bright outline.\n      if (cur) {\n        const path = subpathToPath(cur, view);\n        if (path !== null) {\n          out.push({\n            kind: 'path',\n            path,\n            stroke: { paint: { kind: 'solid', color: style.rubberBandStroke }, width: 1 },\n          });\n        }\n      }\n\n      // (3) Rubber-band from latest anchor to cursor.\n      if (cur && cur.anchors.length > 0 && s.cursor && s.draggingHandleAt === null) {\n        const last = cur.anchors[cur.anchors.length - 1];\n        const out2 = last.outHandle;\n        const [sx, sy] = w2s(last.x, last.y, view);\n        const [cx, cy] = w2s(s.cursor.x, s.cursor.y, view);\n        let path: PolygonPath;\n        if (out2) {\n          const [c1x, c1y] = w2s(out2.x, out2.y, view);\n          path = {\n            kind: 'polygon',\n            commands: new Uint8Array([PATH_M, PATH_C]),\n            coords: new Float32Array([sx, sy, c1x, c1y, cx, cy, cx, cy]),\n            fillRule: 'nonzero',\n          };\n        } else {\n          path = {\n            kind: 'polygon',\n            commands: new Uint8Array([PATH_M, PATH_L]),\n            coords: new Float32Array([sx, sy, cx, cy]),\n            fillRule: 'nonzero',\n          };\n        }\n        out.push({\n          kind: 'path',\n          path,\n          stroke: { paint: { kind: 'solid', color: style.rubberBandStroke }, width: 1 },\n        });\n      }\n\n      // (4) Anchor dots + handles.\n      if (cur) {\n        for (let i = 0; i < cur.anchors.length; i++) {\n          const a = cur.anchors[i];\n          const [ax, ay] = w2s(a.x, a.y, view);\n          out.push({\n            kind: 'path',\n            path: approximateCircle(ax, ay, ANCHOR_RADIUS_PX),\n            fill: { paint: { kind: 'solid', color: style.anchorFill } },\n            stroke: { paint: { kind: 'solid', color: style.anchorStroke }, width: 1 },\n          });\n          // Handle line + dot (only the latest anchor, per spec).\n          if (i === cur.anchors.length - 1 && a.outHandle) {\n            const [hx, hy] = w2s(a.outHandle.x, a.outHandle.y, view);\n            const linePath: PolygonPath = {\n              kind: 'polygon',\n              commands: new Uint8Array([PATH_M, PATH_L]),\n              coords: new Float32Array([ax, ay, hx, hy]),\n              fillRule: 'nonzero',\n            };\n            out.push({\n              kind: 'path',\n              path: linePath,\n              stroke: { paint: { kind: 'solid', color: style.handleStroke }, width: 1 },\n            });\n            out.push({\n              kind: 'path',\n              path: approximateCircle(hx, hy, HANDLE_DOT_RADIUS_PX),\n              fill: { paint: { kind: 'solid', color: style.handleStroke } },\n            });\n            const inSide = a.inHandle;\n            if (inSide) {\n              const [mx, my] = w2s(inSide.x, inSide.y, view);\n              const inLine: PolygonPath = {\n                kind: 'polygon',\n                commands: new Uint8Array([PATH_M, PATH_L]),\n                coords: new Float32Array([ax, ay, mx, my]),\n                fillRule: 'nonzero',\n              };\n              out.push({\n                kind: 'path',\n                path: inLine,\n                stroke: { paint: { kind: 'solid', color: style.handleStroke }, width: 1 },\n              });\n              out.push({\n                kind: 'path',\n                path: approximateCircle(mx, my, HANDLE_DOT_RADIUS_PX),\n                fill: { paint: { kind: 'solid', color: style.handleStroke } },\n              });\n            }\n          }\n        }\n\n        // (5) Close-hint ring on first anchor.\n        if (s.closeHintActive && cur.anchors.length >= 3) {\n          const first = cur.anchors[0];\n          const [fx, fy] = w2s(first.x, first.y, view);\n          out.push({\n            kind: 'path',\n            path: approximateCircle(fx, fy, CLOSE_HINT_RADIUS_PX),\n            stroke: { paint: { kind: 'solid', color: style.closeHintFill }, width: 1.5 },\n          });\n        }\n      }\n\n      return out;\n    },\n  };\n}\n"],"mappings":";;AAmCA,IAAMA,IAA2C;CAC/C,YAAY;CACZ,cAAc;CACd,cAAc;CACd,kBAAkB;CAClB,eAAe;CACf,uBAAuB;AACzB,GAEMC,IAAmB,GACnBC,IAAuB,GACvBC,IAAuB;AAE7B,SAASC,EAAI,GAAY,GAAY,GAAmF;CACtH,OAAO,EAAEC,IAAKC,EAAK,KAAKA,EAAK,MAAM,IAAIC,IAAKD,EAAK,KAAKA,EAAK,MAAM,CAAC;AACpE;AAIA,SAASE,EAAkB,GAAY,GAAY,GAAwB;CACzE,OAAOC,EAAWC,GAAIC,GAAIC,CAAC;AAC7B;AAIA,SAASC,EACP,GACA,GACoB;CACpB,IAAIC,EAAG,QAAQ,WAAW,GAAG,OAAO;CACpC,IAAMC,KAAM,MAAgC;EAC1C,IAAM,CAACC,GAAGC,KAAKb,EAAIc,EAAE,GAAGA,EAAE,GAAGZ,CAAI;EACjC,OAAO;GAAE;GAAG;EAAE;CAChB,GACMa,IAAUL,EAAG,QAAQ,KAAK,OAAkB;EAChD,GAAGC,EAAGK,CAAC;EACP,GAAIA,EAAE,WAAW,EAAE,UAAUL,EAAGK,EAAE,QAAQ,EAAE,IAAI,CAAC;EACjD,GAAIA,EAAE,YAAY,EAAE,WAAWL,EAAGK,EAAE,SAAS,EAAE,IAAI,CAAC;CACtD,EAAE;CACF,OAAOC,EAAc,CAACF,CAAO,GAAG,CAACL,EAAG,MAAM,CAAC;AAC7C;AAKA,SAAgBQ,EACd,GACsB;CACtB,IAAMC,IAAQ;EAAE,GAAGvB;EAAe,GAAIwB,EAAK,SAAS,CAAC;CAAG,GAClDC,IAAID,EAAK;CAEf,OAAO;EACL,IAAI;EACJ,OAAO;EACP,OAAO;EACP,OAAO,GAAO,MAAS;GACrB,IAAME,IAAqB,CAAC;GAG5B,KAAK,IAAMZ,KAAMW,EAAE,kBAAkB;IACnC,IAAME,IAAOd,EAAcC,GAAIR,CAAI;IACnC,AAAIqB,MAAS,QACbD,EAAI,KAAK;KACP,MAAM;KACN;KACA,QAAQ;MAAE,OAAO;OAAE,MAAM;OAAS,OAAOH,EAAM;MAAsB;MAAG,OAAO;KAAE;IACnF,CAAC;GACH;GAEA,IAAMK,IAAMH,EAAE;GACd,IAAI,CAACG,KAAOH,EAAE,WAAW,MAAM,OAAOC;GAGtC,IAAIE,GAAK;IACP,IAAMD,IAAOd,EAAce,GAAKtB,CAAI;IACpC,AAAIqB,MAAS,QACXD,EAAI,KAAK;KACP,MAAM;KACN;KACA,QAAQ;MAAE,OAAO;OAAE,MAAM;OAAS,OAAOH,EAAM;MAAiB;MAAG,OAAO;KAAE;IAC9E,CAAC;GAEL;GAGA,IAAIK,KAAOA,EAAI,QAAQ,SAAS,KAAKH,EAAE,UAAUA,EAAE,qBAAqB,MAAM;IAC5E,IAAMI,IAAOD,EAAI,QAAQA,EAAI,QAAQ,SAAS,IACxCE,IAAOD,EAAK,WACZ,CAACE,GAAIC,KAAM5B,EAAIyB,EAAK,GAAGA,EAAK,GAAGvB,CAAI,GACnC,CAACI,GAAIC,KAAMP,EAAIqB,EAAE,OAAO,GAAGA,EAAE,OAAO,GAAGnB,CAAI,GAC7CqB;IACJ,IAAIG,GAAM;KACR,IAAM,CAACG,GAAKC,KAAO9B,EAAI0B,EAAK,GAAGA,EAAK,GAAGxB,CAAI;KAC3C,IAAO;MACL,MAAM;MACN,UAAU,IAAI,WAAW,CAAC6B,GAAQC,CAAM,CAAC;MACzC,QAAQ,IAAI,aAAa;OAACL;OAAIC;OAAIC;OAAKC;OAAKxB;OAAIC;OAAID;OAAIC;MAAE,CAAC;MAC3D,UAAU;KACZ;IACF,OACE,IAAO;KACL,MAAM;KACN,UAAU,IAAI,WAAW,CAACwB,GAAQE,CAAM,CAAC;KACzC,QAAQ,IAAI,aAAa;MAACN;MAAIC;MAAItB;MAAIC;KAAE,CAAC;KACzC,UAAU;IACZ;IAEF,EAAI,KAAK;KACP,MAAM;KACN;KACA,QAAQ;MAAE,OAAO;OAAE,MAAM;OAAS,OAAOY,EAAM;MAAiB;MAAG,OAAO;KAAE;IAC9E,CAAC;GACH;GAGA,IAAIK,GAAK;IACP,KAAK,IAAIU,IAAI,GAAGA,IAAIV,EAAI,QAAQ,QAAQ,KAAK;KAC3C,IAAMR,IAAIQ,EAAI,QAAQU,IAChB,CAACC,GAAIC,KAAMpC,EAAIgB,EAAE,GAAGA,EAAE,GAAGd,CAAI;KAQnC,IAPAoB,EAAI,KAAK;MACP,MAAM;MACN,MAAMlB,EAAkB+B,GAAIC,GAAIvC,CAAgB;MAChD,MAAM,EAAE,OAAO;OAAE,MAAM;OAAS,OAAOsB,EAAM;MAAW,EAAE;MAC1D,QAAQ;OAAE,OAAO;QAAE,MAAM;QAAS,OAAOA,EAAM;OAAa;OAAG,OAAO;MAAE;KAC1E,CAAC,GAEGe,MAAMV,EAAI,QAAQ,SAAS,KAAKR,EAAE,WAAW;MAC/C,IAAM,CAACqB,GAAIC,KAAMtC,EAAIgB,EAAE,UAAU,GAAGA,EAAE,UAAU,GAAGd,CAAI,GACjDqC,IAAwB;OAC5B,MAAM;OACN,UAAU,IAAI,WAAW,CAACR,GAAQE,CAAM,CAAC;OACzC,QAAQ,IAAI,aAAa;QAACE;QAAIC;QAAIC;QAAIC;OAAE,CAAC;OACzC,UAAU;MACZ;MAMA,AALAhB,EAAI,KAAK;OACP,MAAM;OACN,MAAMiB;OACN,QAAQ;QAAE,OAAO;SAAE,MAAM;SAAS,OAAOpB,EAAM;QAAa;QAAG,OAAO;OAAE;MAC1E,CAAC,GACDG,EAAI,KAAK;OACP,MAAM;OACN,MAAMlB,EAAkBiC,GAAIC,GAAIxC,CAAoB;OACpD,MAAM,EAAE,OAAO;QAAE,MAAM;QAAS,OAAOqB,EAAM;OAAa,EAAE;MAC9D,CAAC;MACD,IAAMqB,IAASxB,EAAE;MACjB,IAAIwB,GAAQ;OACV,IAAM,CAACC,GAAIC,KAAM1C,EAAIwC,EAAO,GAAGA,EAAO,GAAGtC,CAAI,GACvCyC,IAAsB;QAC1B,MAAM;QACN,UAAU,IAAI,WAAW,CAACZ,GAAQE,CAAM,CAAC;QACzC,QAAQ,IAAI,aAAa;SAACE;SAAIC;SAAIK;SAAIC;QAAE,CAAC;QACzC,UAAU;OACZ;OAMA,AALApB,EAAI,KAAK;QACP,MAAM;QACN,MAAMqB;QACN,QAAQ;SAAE,OAAO;UAAE,MAAM;UAAS,OAAOxB,EAAM;SAAa;SAAG,OAAO;QAAE;OAC1E,CAAC,GACDG,EAAI,KAAK;QACP,MAAM;QACN,MAAMlB,EAAkBqC,GAAIC,GAAI5C,CAAoB;QACpD,MAAM,EAAE,OAAO;SAAE,MAAM;SAAS,OAAOqB,EAAM;QAAa,EAAE;OAC9D,CAAC;MACH;KACF;IACF;IAGA,IAAIE,EAAE,mBAAmBG,EAAI,QAAQ,UAAU,GAAG;KAChD,IAAMoB,IAAQpB,EAAI,QAAQ,IACpB,CAACqB,GAAIC,KAAM9C,EAAI4C,EAAM,GAAGA,EAAM,GAAG1C,CAAI;KAC3C,EAAI,KAAK;MACP,MAAM;MACN,MAAME,EAAkByC,GAAIC,GAAI/C,CAAoB;MACpD,QAAQ;OAAE,OAAO;QAAE,MAAM;QAAS,OAAOoB,EAAM;OAAc;OAAG,OAAO;MAAI;KAC7E,CAAC;IACH;GACF;GAEA,OAAOG;EACT;CACF;AACF"}

package/dist/features/paths/shapeGenerator.js

@@ -0,0 +1,89 @@
+import { boundsOfPath as e, boxToBox as t, poseFrameOf as n, regularPolygonPath as r, starPath as i, transformPath as a, worldEditToStorage as o } from "@weasel-js/geom";
+//#region src/features/paths/shapeGenerator.ts
+var s = {
+	min: 3,
+	max: 32
+}, c = {
+	min: .01,
+	max: 1
+}, l = (e) => typeof e == "number" && Number.isFinite(e);
+function u(e) {
+	if (typeof e != "object" || !e) return !1;
+	let t = e;
+	return l(t.rotation) ? t.kind === "polygon" ? l(t.sides) : t.kind === "star" && l(t.points) && l(t.innerRadiusRatio) : !1;
+}
+function d(e) {
+	let t = e?.generator;
+	return u(t) ? t : null;
+}
+var f = (e, t, n) => Math.min(n, Math.max(t, e)), p = (e) => f(Math.round(e), s.min, s.max);
+function m(e) {
+	return e.kind === "polygon" ? {
+		kind: "polygon",
+		sides: p(e.sides),
+		rotation: e.rotation
+	} : {
+		kind: "star",
+		points: p(e.points),
+		innerRadiusRatio: f(e.innerRadiusRatio, c.min, c.max),
+		rotation: e.rotation
+	};
+}
+function h(e, t = {
+	x: 0,
+	y: 0
+}, n = 1) {
+	let a = m(e);
+	return a.kind === "polygon" ? r(t, n, a.sides, a.rotation) : i(t, n, a.points, n * a.innerRadiusRatio, a.rotation);
+}
+function g(e) {
+	if (typeof e != "object" || !e || !("generator" in e)) return e;
+	let { generator: t, ...n } = e;
+	return n;
+}
+function _(n, r) {
+	let i = n;
+	if (i?.kind !== "polygon") return !1;
+	let a = h(r);
+	if (i.coords.length !== a.coords.length) return !1;
+	let o = e(a), s = e(i), c = t(o.x, o.y, o.width, o.height, s.x, s.y, s.width, s.height), l = 1e-4 * Math.max(1, Math.abs(s.x) + s.width, Math.abs(s.y) + s.height);
+	for (let e = 0; e + 1 < a.coords.length; e += 2) {
+		let t = c[0] * a.coords[e] + c[4], n = c[3] * a.coords[e + 1] + c[5];
+		if (Math.abs(t - i.coords[e]) > l || Math.abs(n - i.coords[e + 1]) > l) return !1;
+	}
+	return !0;
+}
+function v(r, i) {
+	let s = d(r.data);
+	if (!s || !_(r.data.path, s)) return null;
+	let c = m(i), l = e(h(s)), { pose: u } = r, f = t(l.x, l.y, l.width, l.height, u.x, u.y, u.width, u.height), p = a(h(c), f), g = n(u), v = g ? a(p, g) : p, y = o(u, v);
+	return {
+		pose: y.pose,
+		data: {
+			...r.data,
+			path: y.path,
+			generator: c
+		}
+	};
+}
+function y(e, t) {
+	let n = e.data;
+	if (typeof n != "object" || !n || !("generator" in n)) return e;
+	let r = n.generator, i = d(t.data);
+	if (i !== null && JSON.stringify(r) === JSON.stringify(i)) return e;
+	let a = i !== null && u(r) && r.kind === i.kind ? v({
+		pose: e.pose,
+		data: {
+			...n,
+			generator: i
+		}
+	}, r) : null;
+	return {
+		...e,
+		...a ?? { data: g(e.data) }
+	};
+}
+//#endregion
+export { s as SHAPE_COUNT_RANGE, c as STAR_RATIO_RANGE, m as clampShapeGenerator, u as isShapeGenerator, v as regenerateShape, y as settleShapeGenerator, d as shapeGeneratorOf, h as shapeGeneratorPath, g as withoutShapeGenerator };
+
+//# sourceMappingURL=shapeGenerator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shapeGenerator.js","names":["SHAPE_COUNT_RANGE","STAR_RATIO_RANGE","finite","v","isShapeGenerator","g","shapeGeneratorOf","data","clamp","hi","lo","count","clampShapeGenerator","shapeGeneratorPath","c","regularPolygonPath","center","radius","starPath","withoutShapeGenerator","_dropped","rest","pathMatches","p","path","unit","u","boundsOfPath","b","m","boxToBox","tol","i","x","y","regenerateShape","held","node","next","was","toLocal","pose","local","transformPath","frame","poseFrameOf","world","stored","worldEditToStorage","settleShapeGenerator","raw","prev","regenerated"],"sources":["../../../src/features/paths/shapeGenerator.ts"],"sourcesContent":["/**\n * The parameters a polygon or star was drawn with, kept on the node beside the\n * geometry they made (`data.generator` beside `data.path`), so the shape stays\n * editable as a polygon or a star after it is drawn.\n *\n * `data.path` stays the geometry every reader uses; the generator only says how\n * to make it again. Editing the path itself turns the shape into plain\n * geometry: the generator is dropped, since it could no longer reproduce what\n * is drawn. A generator whose path no longer matches it (a writer that changed\n * the path without dropping it) is treated the same way.\n */\nimport {\n  boundsOfPath,\n  boxToBox,\n  poseFrameOf,\n  regularPolygonPath,\n  starPath,\n  transformPath,\n  worldEditToStorage,\n  type PathInWorldPose,\n  type PolygonPath,\n} from '@weasel-js/geom';\n\n/** A regular polygon's parameters. `rotation` is the angle of its first\n *  vertex, in radians, inside the pose's own rotation. */\nexport interface PolygonGenerator {\n  kind: 'polygon';\n  sides: number;\n  rotation: number;\n}\n\n/** A star's parameters. `innerRadiusRatio` is the inner radius over the outer\n *  one; `rotation` is the angle of its first point, in radians, inside the\n *  pose's own rotation. */\nexport interface StarGenerator {\n  kind: 'star';\n  points: number;\n  innerRadiusRatio: number;\n  rotation: number;\n}\n\n/** The parameters a node's `data.path` was generated from. */\nexport type ShapeGenerator = PolygonGenerator | StarGenerator;\n\n/** The range of a polygon's side count and a star's point count. */\nexport const SHAPE_COUNT_RANGE = { min: 3, max: 32 } as const;\n\n/** The range of a star's `innerRadiusRatio`. */\nexport const STAR_RATIO_RANGE = { min: 0.01, max: 1 } as const;\n\nconst finite = (v: unknown): v is number => typeof v === 'number' && Number.isFinite(v);\n\n/** Whether `v` is a well-formed {@link ShapeGenerator}. */\nexport function isShapeGenerator(v: unknown): v is ShapeGenerator {\n  if (v === null || typeof v !== 'object') return false;\n  const g = v as Record<string, unknown>;\n  if (!finite(g.rotation)) return false;\n  if (g.kind === 'polygon') return finite(g.sides);\n  if (g.kind === 'star') return finite(g.points) && finite(g.innerRadiusRatio);\n  return false;\n}\n\n/** The generator a node's `data` holds, or `null`. */\nexport function shapeGeneratorOf(data: unknown): ShapeGenerator | null {\n  const g = (data as { generator?: unknown } | null | undefined)?.generator;\n  return isShapeGenerator(g) ? g : null;\n}\n\nconst clamp = (v: number, lo: number, hi: number): number => Math.min(hi, Math.max(lo, v));\nconst count = (v: number): number => clamp(Math.round(v), SHAPE_COUNT_RANGE.min, SHAPE_COUNT_RANGE.max);\n\n/** `g` with its counts rounded and every field held in range. */\nexport function clampShapeGenerator(g: ShapeGenerator): ShapeGenerator {\n  if (g.kind === 'polygon') return { kind: 'polygon', sides: count(g.sides), rotation: g.rotation };\n  return {\n    kind: 'star',\n    points: count(g.points),\n    innerRadiusRatio: clamp(g.innerRadiusRatio, STAR_RATIO_RANGE.min, STAR_RATIO_RANGE.max),\n    rotation: g.rotation,\n  };\n}\n\n/** The shape `g` makes, on a circle of `radius` around `center`. */\nexport function shapeGeneratorPath(\n  g: ShapeGenerator,\n  center: { x: number; y: number } = { x: 0, y: 0 },\n  radius = 1,\n): PolygonPath {\n  const c = clampShapeGenerator(g);\n  return c.kind === 'polygon'\n    ? regularPolygonPath(center, radius, c.sides, c.rotation)\n    : starPath(center, radius, c.points, radius * c.innerRadiusRatio, c.rotation);\n}\n\n/** `data` without its generator: the shape as plain geometry. */\nexport function withoutShapeGenerator<T>(data: T): T {\n  if (data === null || typeof data !== 'object' || !('generator' in data)) return data;\n  const { generator: _dropped, ...rest } = data as Record<string, unknown>;\n  void _dropped;\n  return rest as T;\n}\n\n/** Whether `path` is what `g` makes, up to the box-to-box map storage applies. */\nfunction pathMatches(path: unknown, g: ShapeGenerator): boolean {\n  const p = path as PolygonPath | undefined;\n  if (p?.kind !== 'polygon') return false;\n  const unit = shapeGeneratorPath(g);\n  if (p.coords.length !== unit.coords.length) return false;\n  const u = boundsOfPath(unit);\n  const b = boundsOfPath(p);\n  const m = boxToBox(u.x, u.y, u.width, u.height, b.x, b.y, b.width, b.height);\n  // Paths store float32 coordinates, so the slack scales with how far they are from the origin.\n  const tol = 1e-4 * Math.max(1, Math.abs(b.x) + b.width, Math.abs(b.y) + b.height);\n  for (let i = 0; i + 1 < unit.coords.length; i += 2) {\n    const x = m[0] * unit.coords[i] + m[4];\n    const y = m[3] * unit.coords[i + 1] + m[5];\n    if (Math.abs(x - p.coords[i]) > tol || Math.abs(y - p.coords[i + 1]) > tol) return false;\n  }\n  return true;\n}\n\n/** A node's two halves, as a regeneration reads and writes them. */\nexport interface GeneratedShape<P extends PathInWorldPose = PathInWorldPose> {\n  pose: P;\n  data: unknown;\n}\n\n/**\n * `node` made again from `next`, in place: the new shape takes the box the old\n * one's circle had, under the same rotation and transform, so a star given\n * more points keeps its center and its size. Returns `null` when the node holds\n * no generator, or its path no longer matches the one it holds.\n */\nexport function regenerateShape<P extends PathInWorldPose>(\n  node: GeneratedShape<P>,\n  next: ShapeGenerator,\n): GeneratedShape<P> | null {\n  const held = shapeGeneratorOf(node.data);\n  if (!held || !pathMatches((node.data as { path?: unknown }).path, held)) return null;\n  const g = clampShapeGenerator(next);\n  const was = boundsOfPath(shapeGeneratorPath(held));\n  const { pose } = node;\n  // Where the unit circle of the held generator lands in the pose's local frame.\n  const toLocal = boxToBox(was.x, was.y, was.width, was.height, pose.x, pose.y, pose.width, pose.height);\n  const local = transformPath(shapeGeneratorPath(g), toLocal) as PolygonPath;\n  const frame = poseFrameOf(pose);\n  const world = frame ? (transformPath(local, frame) as PolygonPath) : local;\n  const stored = worldEditToStorage(pose, world);\n  return { pose: stored.pose, data: { ...(node.data as object), path: stored.path, generator: g } };\n}\n\n/**\n * What a write that left a node as `next`, from `prev`, stores: when the write\n * changed the generator, the shape made again from it. A generator written\n * onto a node that held none, or of another kind, or onto one whose path no\n * longer matches, is dropped, leaving the shape as plain geometry. Any other\n * write is stored as written. Fits `NodePropertiesEntry.settle`.\n */\nexport function settleShapeGenerator<N extends { pose: unknown; data: unknown }>(next: N, prev: N): N {\n  const data = next.data as Record<string, unknown> | null;\n  if (data === null || typeof data !== 'object' || !('generator' in data)) return next;\n  const raw = data.generator;\n  const held = shapeGeneratorOf(prev.data);\n  if (held !== null && JSON.stringify(raw) === JSON.stringify(held)) return next;\n  const regenerated = held !== null && isShapeGenerator(raw) && raw.kind === held.kind\n    ? regenerateShape({ pose: next.pose as PathInWorldPose, data: { ...data, generator: held } }, raw)\n    : null;\n  return { ...next, ...(regenerated ?? { data: withoutShapeGenerator(next.data) }) };\n}\n"],"mappings":"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"}

package/dist/features/paths/usePathEdit.js

@@ -0,0 +1,34 @@
+import { rectFromPlane as e } from "../../core/viewport/parallax.js";
+import { liveEditablePath as t } from "./editablePath.js";
+import { createPathEditState as n } from "./pathEditState.js";
+import { createPathEditingOverlayLayer as r } from "./pathEditingOverlayLayer.js";
+import { useState as i } from "react";
+import { useLatest as a } from "@weasel-js/react";
+//#region src/features/paths/usePathEdit.ts
+function o(e) {
+	let t = a(e), [r] = i(() => n({
+		host: () => t.current.host,
+		isAllowed: () => t.current.isAllowed?.() ?? !0,
+		isSelectedNode: (e) => t.current.isSelectedNode(e)
+	}));
+	return r;
+}
+function s(n, o) {
+	let s = a(o), [c] = i(() => ({
+		...r({
+			getEditingId: () => n.getEditingId() || null,
+			getPose: (e, n, r) => t(e, s.current.nodeOf(e), n, s.current.planeOfNode(e, r)),
+			getSelectedAnchors: n.getSelectedAnchors,
+			getMarquee: (t) => {
+				let r = n.getMarquee(), i = r ? s.current.planeOfNode(n.getEditingId(), t) : null;
+				return r && i ? e(i, r) : r;
+			}
+		}),
+		subscribe: n.subscribe
+	}));
+	return c;
+}
+//#endregion
+export { s as usePathEditOverlayLayer, o as usePathEditState };
+
+//# sourceMappingURL=usePathEdit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePathEdit.js","names":["usePathEditState","live","useLatest","options","state","useState","createPathEditState","id","usePathEditOverlayLayer","inputs","layer","createPathEditingOverlayLayer","liveEditablePath","previews","view","rect","plane","rectFromPlane"],"sources":["../../../src/features/paths/usePathEdit.ts"],"sourcesContent":["/**\n * The path-edit state and its anchor overlay for one canvas surface.\n */\nimport { useLatest } from '@weasel-js/react';\nimport { useState } from 'react';\nimport type { PathEditHost } from 'canvas/SceneCanvas/pathEditHost';\nimport type { RenderLayer } from 'core/layers/render';\nimport { rectFromPlane, type PlaneMap } from 'core/viewport/parallax';\nimport type { View } from 'core/viewport/view';\nimport { liveEditablePath, type EditableShape } from './editablePath';\nimport { createPathEditingOverlayLayer } from './pathEditingOverlayLayer';\nimport { createPathEditState, type PathEditState } from './pathEditState';\n\nexport interface UsePathEditStateOptions {\n  /** `<SceneCanvas pathEdit>`. */\n  host: PathEditHost | undefined;\n  /** See `PathEditSource.isAllowed`; absent when no mode registry is wired. */\n  isAllowed: (() => boolean) | undefined;\n  isSelectedNode: (id: string) => boolean;\n}\n\n/** One state object for the life of the component, answering from the\n *  options of the last committed render. */\nexport function usePathEditState(options: UsePathEditStateOptions): PathEditState {\n  const live = useLatest(options);\n  const [state] = useState(() => createPathEditState({\n    host: () => live.current.host,\n    isAllowed: () => live.current.isAllowed?.() ?? true,\n    isSelectedNode: (id) => live.current.isSelectedNode(id),\n  }));\n  return state;\n}\n\nexport interface PathEditOverlayInputs {\n  /** The committed node for an id, or nothing once it is gone. */\n  nodeOf: (id: string) => EditableShape | null | undefined;\n  /** How `view`'s world maps into the parallax plane `id` is drawn through. */\n  planeOfNode: (id: string, view: View) => PlaneMap | null;\n}\n\n/** The anchor overlay for `state`. Built once: it reads `inputs` as of the\n *  last commit and repaints itself when the state changes. */\nexport function usePathEditOverlayLayer(\n  state: PathEditState,\n  inputs: PathEditOverlayInputs,\n): RenderLayer<unknown> {\n  const live = useLatest(inputs);\n  const [layer] = useState<RenderLayer<unknown>>(() => ({\n    ...createPathEditingOverlayLayer({\n      getEditingId: () => state.getEditingId() || null,\n      getPose: (id, previews, view) =>\n        liveEditablePath(id, live.current.nodeOf(id), previews, live.current.planeOfNode(id, view)),\n      getSelectedAnchors: state.getSelectedAnchors,\n      // Drawn by an action that ran in the edited path's plane.\n      getMarquee: (view) => {\n        const rect = state.getMarquee();\n        const plane = rect ? live.current.planeOfNode(state.getEditingId(), view) : null;\n        return rect && plane ? rectFromPlane(plane, rect) : rect;\n      },\n    }),\n    subscribe: state.subscribe,\n  }));\n  return layer;\n}\n"],"mappings":";;;;;;;AAuBA,SAAgBA,EAAiB,GAAiD;CAChF,IAAMC,IAAOC,EAAUC,CAAO,GACxB,CAACC,KAASC,QAAeC,EAAoB;EACjD,YAAYL,EAAK,QAAQ;EACzB,iBAAiBA,EAAK,QAAQ,YAAY,KAAK;EAC/C,iBAAiB,MAAOA,EAAK,QAAQ,eAAeM,CAAE;CACxD,CAAC,CAAC;CACF,OAAOH;AACT;AAWA,SAAgBI,EACd,GACA,GACsB;CACtB,IAAMP,IAAOC,EAAUO,CAAM,GACvB,CAACC,KAASL,SAAsC;EACpD,GAAGM,EAA8B;GAC/B,oBAAoBP,EAAM,aAAa,KAAK;GAC5C,UAAU,GAAI,GAAU,MACtBQ,EAAiBL,GAAIN,EAAK,QAAQ,OAAOM,CAAE,GAAGM,GAAUZ,EAAK,QAAQ,YAAYM,GAAIO,CAAI,CAAC;GAC5F,oBAAoBV,EAAM;GAE1B,aAAa,MAAS;IACpB,IAAMW,IAAOX,EAAM,WAAW,GACxBY,IAAQD,IAAOd,EAAK,QAAQ,YAAYG,EAAM,aAAa,GAAGU,CAAI,IAAI;IAC5E,OAAOC,KAAQC,IAAQC,EAAcD,GAAOD,CAAI,IAAIA;GACtD;EACF,CAAC;EACD,WAAWX,EAAM;CACnB,EAAE;CACF,OAAOM;AACT"}