@weasel-js/core 1.9.4 → 1.10.1

package/dist/features/selection/overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.js","names":["projectBounds","t","viewToTransform","view","sx","sy","worldToScreen","b","leavesOf","isContainer","id","out","visit","kids","getChildren","nid","k","composeSelectionPose","opts","d","AUTO_POSE_DESCRIPTOR","selectionLeaves","resolveLeaf","moved","moveOverlay","resizeOverlay","getStoredPose","leaves","containerResizeLeafPoses","leafBounds","leafId","visualBoundsViaDescriptor","overlayLeaf","u","unionAABB","makeContainerAwareBoundsResolver","oriented","p","getPose","DEFAULT_OUTLINE","DEFAULT_HANDLE_FILL","DEFAULT_HANDLE_OUTLINE","DEFAULT_HANDLE_SIZE","HANDLE_BASE_PX","defaultHandlesOf","resolveOutlineStroke","resolveHandles","rotateAroundMat3","c","theta","s","tx","cx","cy","ty","rectPathFor","outlineCommandsFor","align","stroke","width","resolveStrokeWidth","ids","worldB","resolveBounds","padded","pad","rot","poseRotationOf","r","alignedStrokeRect","q","screenCorners","PATH_M","PATH_L","PATH_Z","rectCorners","w","rotatePoint","x","y","ccx","ccy","normal","nx","a","ny","l","mx","my","n1","i","n2","handleCommandsFor","half","handles","handleAlign","handleWidth","angle","screenAngleOf","hLocal","handlesOf","hWorld","hsx","hsy","center","baseRect","sr","fillCmd","strokeCmd","rotationHandleCommands","rotationHandle","distance","rotation","scx","scy","size","arcRadius","ARC_HALF_ANGLE","arcWidth","cmds","xs","ys","arcCoords","arcPath","headLen","headWidth","arrowHead","len","ux","uy","px","py","tipX","endX","tipY","endY","baseLeftX","baseLeftY","baseRightX","baseRightY","angleA","endAX","endAY","tangentAX","tangentAY","angleB","endBX","endBY","tangentBX","tangentBY","headA","headB","headFill","transform","mat3","buildSelectionLayer","passes","poseBounds","rotationHandleDistance","rotationBadgeOf","chromeState","asChromeState","data","allIds","chromeSelectionIds","suppressed","isVisible","asIsVisible","showOutline","showHandles","showRotation","resolveTargetBounds","MULTI_RESIZE_TARGET_ID","outlineIdsRaw","outlineIds","cmd","DEFAULT_ROTATION_HANDLE_DISTANCE","createSelectionOutlineLayer","createSelectionHandlesLayer","createSelectionOverlayLayer","maybe","state"],"sources":["../../../src/features/selection/overlay.ts"],"sourcesContent":["/**\n * Selection overlay primitives — render layers for drawing selection\n * outlines and corner resize handles in world space.\n *\n * Three pieces:\n *   - `composeSelectionPose` resolves the live pose for a selected id by\n *     consulting the move overlay first, then the resize overlay, then the\n *     stored pose. When `getChildren`/`isContainer` are supplied and the id\n *     resolves to a container, the returned pose is the union AABB of all\n *     transitive leaf poses (with the same precedence rules applied per leaf).\n *   - `createSelectionOutlineLayer` draws the outline rect for each selected\n *     id (container ids resolve to a union AABB via `getChildren`/`isContainer`).\n *   - `createSelectionHandlesLayer` draws resize-handle rects (default 4\n *     corners) for each selected id, with the same container-resolution rules.\n *\n * `createSelectionOverlayLayer` is a thin convenience that returns a single\n * `RenderLayer` whose draw runs the outline pass then the handles pass.\n *\n * **Pose shape:** TPose is generic; callers pass `poseDescriptor` for poses\n * `AUTO_POSE_DESCRIPTOR` can't read. Container ids reduce via `unionAABB`\n * over the projected AABBs.\n */\n\nimport type { DrawCommand } from '../../renderer';\nimport { mat3, type GlMat3 } from '../../renderer';\nimport type { NodeId } from 'core/scene/types';\nimport type { RenderLayer } from 'core/layers/render';\nimport { unionAABB } from 'core/geometry/unionBounds';\nimport {\n  visualBoundsViaDescriptor,\n  type PoseDescriptor,\n} from 'core/geometry/poseDescriptor';\nimport { AUTO_POSE_DESCRIPTOR } from 'interactions/actions/resize/autoPoseDescriptor';\nimport { alignedStrokeRect, type CommandFill, type CommandStroke } from '@weasel-js/paint';\nimport { resolveStrokeWidth } from 'features/paths/tessellate/stroke';\nimport {\n  rotationHandle,\n  DEFAULT_ROTATION_HANDLE_DISTANCE,\n} from 'interactions/actions/rotate/handle';\nimport { rectCorners, rotatePoint } from 'interactions/actions/rotate/geometry';\nimport { poseRotationOf } from 'core/geometry/poseRotation';\nimport type { Bounds } from 'core/viewport/fitViewToBounds';\nimport type { ChromeState } from 'core/selection/chromeState';\nimport { MULTI_RESIZE_TARGET_ID } from 'core/selection/selectionTarget';\nimport type { View } from 'core/viewport/view';\nimport { viewToTransform } from 'core/viewport/view';\nimport { worldToScreen } from 'core/viewport/viewTransform';\nimport { screenAngleOf } from 'core/viewport/pxExtent';\nimport { PATH_L, PATH_M, PATH_Z, type PolygonPath } from '@weasel-js/geom';\nimport { HANDLE_BASE_PX } from 'core/device/targets';\n\n/** Project world AABB into screen-space AABB using the active view. */\nfunction projectBounds<B extends Bounds>(b: B, view: View): B {\n  const t = viewToTransform(view);\n  const [sx, sy] = worldToScreen(b.x, b.y, t);\n  return { ...b, x: sx, y: sy, width: b.width * view.scale.x, height: b.height * view.scale.y };\n}\n\n\n/**\n * Transitive leaf ids under `id`. A childless node is a leaf only if it is not\n * itself a container: an empty container contributes no bounds, and its own\n * stored pose is at its most stale when no children are left to have moved it.\n */\nfunction leavesOf(\n  id: string,\n  getChildren: (id: string) => readonly string[],\n  isContainer: (id: string) => boolean,\n): string[] {\n  if (!isContainer(id)) return [id];\n  const out: string[] = [];\n  const visit = (nid: string) => {\n    const kids = getChildren(nid);\n    if (kids.length === 0) { if (!isContainer(nid)) out.push(nid); return; }\n    for (const k of kids) visit(k);\n  };\n  visit(id);\n  return out;\n}\n\n/** Options for `composeSelectionPose`. */\nexport interface ComposeSelectionPoseOpts<TPose> {\n  /** Move overlay; when present its `poses` map wins over everything else. */\n  moveOverlay?: { poses: Map<string, TPose> } | null;\n  /**\n   * Resize overlay; consulted only when move overlay does not own the id.\n   * For container resize, `leafPoses` (when present) maps each leaf id under\n   * the container to its overlay pose. If absent the container falls back to\n   * stored leaf poses (defensive — container-resize integration is in flight).\n   */\n  resizeOverlay?: {\n    id: string;\n    currentPose: TPose;\n    leafPoses?: Map<string, TPose>;\n  } | null;\n  /** Fallback pose lookup (typically the stored/committed pose). */\n  getStoredPose: (id: string) => TPose;\n  /** How to read poses. Default `AUTO_POSE_DESCRIPTOR`. */\n  poseDescriptor?: PoseDescriptor<TPose>;\n  /** Walk a container's direct children (e.g. `scene.childrenOf`). With\n   *  `isContainer`, a selected container resolves to the union AABB of its\n   *  transitive leaf poses instead of its own stored pose. */\n  getChildren?: (id: string) => readonly string[];\n  /** True when `id` is a structural container. */\n  isContainer?: (id: string) => boolean;\n}\n\n/**\n * Build a pose resolver for a selection. Precedence per id:\n * move overlay > resize overlay > stored. When `getChildren`/`isContainer`\n * are supplied and the id resolves to a container, the resolver returns the\n * union AABB of all transitive leaf poses (each leaf still subject to the\n * precedence rules). Containers with no leaves resolve to `null`.\n */\nexport function composeSelectionPose<TPose>(\n  opts: ComposeSelectionPoseOpts<TPose>,\n): (id: string) => TPose | null {\n  const { moveOverlay, resizeOverlay, getStoredPose, getChildren, isContainer } = opts;\n  const d = (opts.poseDescriptor ?? AUTO_POSE_DESCRIPTOR) as PoseDescriptor<TPose>;\n\n  const selectionLeaves = (id: string): string[] =>\n    getChildren && isContainer ? leavesOf(id, getChildren, isContainer) : [id];\n\n  const resolveLeaf = (id: string): TPose => {\n    const moved = moveOverlay?.poses.get(id);\n    if (moved !== undefined) return moved;\n    if (resizeOverlay && resizeOverlay.id === id) return resizeOverlay.currentPose;\n    return getStoredPose(id);\n  };\n\n  return (id: string): TPose | null => {\n    if (isContainer?.(id)) {\n      const leaves = selectionLeaves(id);\n      if (leaves.length === 0) return null;\n      const containerResizeLeafPoses =\n        resizeOverlay && resizeOverlay.id === id ? resizeOverlay.leafPoses : undefined;\n      const leafBounds: Bounds[] = [];\n      for (const leafId of leaves) {\n        const moved = moveOverlay?.poses.get(leafId);\n        if (moved !== undefined) {\n          leafBounds.push(visualBoundsViaDescriptor(moved, d));\n          continue;\n        }\n        const overlayLeaf = containerResizeLeafPoses?.get(leafId);\n        if (overlayLeaf !== undefined) {\n          leafBounds.push(visualBoundsViaDescriptor(overlayLeaf, d));\n          continue;\n        }\n        leafBounds.push(visualBoundsViaDescriptor(getStoredPose(leafId), d));\n      }\n      const u = unionAABB(leafBounds);\n      if (u === null) return null;\n      return d.fromBounds(u, getStoredPose(leaves[0]!));\n    }\n    return resolveLeaf(id);\n  };\n}\n\n/**\n * Build a pose resolver that handles container ids by computing the union\n * AABB of every leaf's bounds. Non-container ids pass through directly. When\n * `getChildren`/`isContainer` are omitted, every id is treated as a leaf.\n */\nfunction makeContainerAwareBoundsResolver<TPose>(\n  getPose: (id: string) => TPose | null,\n  d: PoseDescriptor<TPose>,\n  getChildren?: (id: string) => readonly string[],\n  isContainer?: (id: string) => boolean,\n): (id: string) => Bounds | null {\n  const oriented = (p: TPose): Bounds => {\n    const b = d.getBounds(p);\n    const r = d.getRotation?.(p);\n    return r ? { ...b, rotation: r } : b;\n  };\n  if (getChildren === undefined || isContainer === undefined) {\n    return (id: string) => {\n      const p = getPose(id);\n      return p === null ? null : oriented(p);\n    };\n  }\n  return (id: string): Bounds | null => {\n    if (!isContainer(id)) {\n      const p = getPose(id);\n      return p === null ? null : oriented(p);\n    }\n    const leaves = leavesOf(id, getChildren, isContainer);\n    if (leaves.length === 0) return null;\n    const leafBounds: Bounds[] = [];\n    for (const leafId of leaves) {\n      const p = getPose(leafId);\n      if (p !== null) leafBounds.push(visualBoundsViaDescriptor(p, d));\n    }\n    if (leafBounds.length === 0) return null;\n    return unionAABB(leafBounds);\n  };\n}\n\n/** Options every selection layer shares. `getSelection` and `getPose` are\n *  declared on {@link SelectionOverlayLayerOpts}, which makes both optional —\n *  omitted, they come off the draw envelope. */\ninterface SelectionLayerCommon<TPose> {\n  /** How to read poses. Default `AUTO_POSE_DESCRIPTOR`. */\n  poseDescriptor?: PoseDescriptor<TPose>;\n  /** Walk a container's direct children (e.g. `scene.childrenOf`). When\n   *  supplied with `isContainer`, any id that resolves to a container is\n   *  rendered using the union bounds of all its transitive leaves. */\n  getChildren?: (id: string) => readonly string[];\n  /** True when `id` is a structural container. */\n  isContainer?: (id: string) => boolean;\n}\n\n/** Options for `createSelectionOutlineLayer`. The overlay layer's options\n *  minus the handle visuals — the two run the same body. */\nexport type SelectionOutlineLayerOpts<TPose> =\n  Omit<SelectionOverlayLayerOpts<TPose>, 'handles' | 'handlesOf' | 'rotationHandle'>;\n\n/** Options for `createSelectionHandlesLayer`. The overlay layer's options\n *  minus the outline stroke — the two run the same body. */\nexport type SelectionHandlesLayerOpts<TPose> =\n  Omit<SelectionOverlayLayerOpts<TPose>, 'outline'>;\n\n/** Options for `createSelectionOverlayLayer`. */\nexport interface SelectionOverlayLayerOpts<TPose>\n  extends SelectionLayerCommon<TPose> {\n  /**\n   * Which ids to draw chrome for. Omit to take them from the `ChromeState` on\n   * the draw envelope, which is what makes one canvas's several views each\n   * outline their own selection — the layer is shared, the envelope is not.\n   *\n   * A multi-selection resolves to the synthetic union id, with the real\n   * members going to the outline pass, exactly as the explicit form does.\n   */\n  getSelection?: () => readonly NodeId[];\n  /**\n   * Resolve an id to the pose to draw chrome around. Return null to skip an\n   * id. Omit to take bounds from the same envelope `getSelection` omitted\n   * takes ids from — one cascade, the one the chrome state was built with,\n   * rather than a second one here that has to agree with it.\n   *\n   * Takes `string` rather than `NodeId` because the container-aware resolver\n   * walks expanded leaf ids via `getChildren`, which is generic over strings.\n   */\n  getPose?: (id: string) => TPose | null;\n  outline?: CommandStroke & { pad?: number };\n  /** Pass `false` to render outlines only. */\n  handles?: SelectionHandleStyle | false;\n  handlesOf?: (bounds: Bounds) => { x: number; y: number }[];\n  /** Draw a rotate badge above the selection's top edge. `true` places it at\n   *  the default offset; `distance` sets the offset in screen pixels. Off by\n   *  default. */\n  rotationHandle?:\n    | boolean\n    | {\n        distance?: number;\n      };\n  /** Optional separate id list for the per-item outline pass. Use this in\n   *  multi-selection contexts where the handle pass works against a synthetic\n   *  union id (e.g. `MULTI_RESIZE_TARGET_ID`) but consumers still want to\n   *  see outlines around each real member. When omitted, the outline pass\n   *  uses the same `getSelection` ids as the handle pass. */\n  getOutlineIds?: () => readonly NodeId[];\n  /** Optional set of ids to suppress entirely — both outline and handles\n   *  are skipped. Used by SceneCanvas to hide the standard selection\n   *  chrome on the node currently in path-anchor edit mode, where the\n   *  per-anchor chrome takes over. */\n  getSuppressedIds?: () => ReadonlySet<string>;\n}\n\nconst DEFAULT_OUTLINE: Required<Pick<CommandStroke, 'paint' | 'width'>> & { pad: number } = {\n  paint: { fill: 'solid', color: '#f0e0a8' },\n  width: 2,\n  pad: 1,\n};\nconst DEFAULT_HANDLE_FILL: CommandFill = { fill: 'solid', color: '#d4c4a8' };\nconst DEFAULT_HANDLE_OUTLINE: CommandStroke = {\n  paint: { fill: 'solid', color: '#1a130d' },\n  width: 1,\n};\nconst DEFAULT_HANDLE_SIZE = HANDLE_BASE_PX;\n\nfunction defaultHandlesOf(b: Bounds): { x: number; y: number }[] {\n  return [\n    { x: b.x, y: b.y },\n    { x: b.x + b.width, y: b.y },\n    { x: b.x, y: b.y + b.height },\n    { x: b.x + b.width, y: b.y + b.height },\n  ];\n}\n\nfunction resolveOutlineStroke(opts?: CommandStroke & { pad?: number }): {\n  stroke: CommandStroke;\n  pad: number;\n} {\n  if (!opts) {\n    return {\n      stroke: { paint: DEFAULT_OUTLINE.paint, width: DEFAULT_OUTLINE.width },\n      pad: DEFAULT_OUTLINE.pad,\n    };\n  }\n  return {\n    stroke: {\n      paint: opts.paint,\n      width: opts.width ?? DEFAULT_OUTLINE.width,\n      dash: opts.dash,\n      cap: opts.cap,\n      join: opts.join,\n      align: opts.align,\n    },\n    pad: opts.pad ?? DEFAULT_OUTLINE.pad,\n  };\n}\n\n/** Handle visuals, as a consumer supplies them. */\nexport interface SelectionHandleStyle {\n  size?: number;\n  fill?: CommandFill;\n  outline?: CommandStroke;\n}\n\ninterface ResolvedHandles {\n  size: number;\n  fill: CommandFill;\n  outline: CommandStroke;\n}\n\nfunction resolveHandles(opts?: SelectionHandleStyle): ResolvedHandles {\n  return {\n    size: opts?.size ?? DEFAULT_HANDLE_SIZE,\n    fill: opts?.fill ?? DEFAULT_HANDLE_FILL,\n    outline: opts?.outline ?? DEFAULT_HANDLE_OUTLINE,\n  };\n}\n\n/**\n * GL helper: build the matrix `translate(cx, cy) * rotate(θ) * translate(-cx, -cy)`\n * used to wrap rotated outline / handle commands.\n */\nfunction rotateAroundMat3(cx: number, cy: number, theta: number): GlMat3 {\n  const c = Math.cos(theta);\n  const s = Math.sin(theta);\n  // Composed in column-major (matches mat3 helpers): T(cx,cy) · R(θ) · T(-cx,-cy).\n  // After expansion: a=c, b=s, c'=-s, d=c, tx=cx - c*cx + s*cy, ty=cy - s*cx - c*cy.\n  const tx = cx - c * cx + s * cy;\n  const ty = cy - s * cx - c * cy;\n  return new Float32Array([\n    c, s, 0,\n    -s, c, 0,\n    tx, ty, 1,\n  ]) as GlMat3;\n}\n\n/** GL helper: emit a closed rect path (kind:'rect'). */\nfunction rectPathFor(x: number, y: number, width: number, height: number): { kind: 'rect'; x: number; y: number; width: number; height: number } {\n  return { kind: 'rect', x, y, width, height };\n}\n\n/** GL helper: emit an outline command for one bounds entry. */\nfunction outlineCommandsFor(\n  ids: readonly string[],\n  resolveBounds: (id: string) => Bounds | null,\n  stroke: CommandStroke,\n  pad: number,\n  view: View,\n): DrawCommand[] {\n  const out: DrawCommand[] = [];\n  const align = stroke.align ?? 'center';\n  const width = resolveStrokeWidth(stroke.width ?? 1, 1);\n  for (const id of ids) {\n    const worldB = resolveBounds(id);\n    if (!worldB) continue;\n    const b = projectBounds(worldB, view);\n    const padded = {\n      x: b.x - pad,\n      y: b.y - pad,\n      width: b.width + pad * 2,\n      height: b.height + pad * 2,\n    };\n    const rot = poseRotationOf(worldB);\n    if (!rot) {\n      const r = alignedStrokeRect(padded, align, width);\n      out.push({ kind: 'path', path: rectPathFor(r.x, r.y, r.width, r.height), stroke });\n      continue;\n    }\n    // Turned, the target lands on screen as a parallelogram whenever the zoom\n    // is non-uniform, so the outline is traced through its projected corners\n    // rather than drawn as a screen rect and turned. `alignedStrokeRect`'s\n    // shift is folded into the offset so the ribbon lands where it would.\n    const shift = align === 'outer' ? width / 2 : align === 'inner' ? -width / 2 : 0;\n    const q = screenCorners(worldB, rot, view, pad + shift);\n    out.push({\n      kind: 'path',\n      path: {\n        kind: 'polygon',\n        commands: new Uint8Array([PATH_M, PATH_L, PATH_L, PATH_L, PATH_Z]),\n        coords: new Float32Array([q[0].x, q[0].y, q[1].x, q[1].y, q[2].x, q[2].y, q[3].x, q[3].y]),\n        fillRule: 'nonzero',\n      },\n      stroke: { ...stroke, align: 'center' },\n    });\n  }\n  return out;\n}\n\n/**\n * A turned target's corners on screen, TL/TR/BR/BL, each pushed `pad` screen\n * pixels out from both edges that meet there.\n */\nfunction screenCorners(\n  worldB: Bounds,\n  rot: { cx: number; cy: number; rotation: number },\n  view: View,\n  pad: number,\n): { x: number; y: number }[] {\n  const t = viewToTransform(view);\n  const q = rectCorners(worldB).map((c) => {\n    const w = rotatePoint(c.x, c.y, rot.cx, rot.cy, rot.rotation);\n    const [x, y] = worldToScreen(w.x, w.y, t);\n    return { x, y };\n  });\n  if (pad === 0) return q;\n  const [ccx, ccy] = worldToScreen(rot.cx, rot.cy, t);\n  const normal = (a: { x: number; y: number }, b: { x: number; y: number }) => {\n    let nx = -(b.y - a.y), ny = b.x - a.x;\n    const l = Math.hypot(nx, ny) || 1;\n    nx /= l; ny /= l;\n    const mx = (a.x + b.x) / 2 - ccx, my = (a.y + b.y) / 2 - ccy;\n    return nx * mx + ny * my < 0 ? { x: -nx, y: -ny } : { x: nx, y: ny };\n  };\n  return q.map((c, i) => {\n    const n1 = normal(q[(i + 3) % 4], c);\n    const n2 = normal(c, q[(i + 1) % 4]);\n    // The point `pad` off both edge lines.\n    const k = pad / (1 + n1.x * n2.x + n1.y * n2.y);\n    return { x: c.x + (n1.x + n2.x) * k, y: c.y + (n1.y + n2.y) * k };\n  });\n}\n\n/** GL helper: emit handle fill+stroke commands for one bounds entry. */\nfunction handleCommandsFor(\n  ids: readonly string[],\n  resolveBounds: (id: string) => Bounds | null,\n  handles: ResolvedHandles,\n  handlesOf: (b: Bounds) => { x: number; y: number }[],\n  view: View,\n): DrawCommand[] {\n  const out: DrawCommand[] = [];\n  const half = handles.size / 2;\n  const handleAlign = handles.outline.align ?? 'center';\n  const handleWidth = resolveStrokeWidth(handles.outline.width ?? 1, 1);\n  for (const id of ids) {\n    const worldB = resolveBounds(id);\n    if (!worldB) continue;\n    // Rotation gate + angle from the kit's one convention. Turned in world,\n    // then projected: turning the projected point instead lands somewhere else\n    // under non-uniform zoom.\n    const r = poseRotationOf(worldB);\n    const t = viewToTransform(view);\n    const angle = r ? screenAngleOf(r.rotation, view.scale) : 0;\n    for (const hLocal of handlesOf(worldB)) {\n      const hWorld = r ? rotatePoint(hLocal.x, hLocal.y, r.cx, r.cy, r.rotation) : hLocal;\n      const [hsx, hsy] = worldToScreen(hWorld.x, hWorld.y, t);\n      const center = { x: hsx, y: hsy };\n      const baseRect = {\n        x: center.x - half,\n        y: center.y - half,\n        width: handles.size,\n        height: handles.size,\n      };\n      const sr = alignedStrokeRect(baseRect, handleAlign, handleWidth);\n      const fillCmd: DrawCommand = {\n        kind: 'path',\n        path: rectPathFor(baseRect.x, baseRect.y, baseRect.width, baseRect.height),\n        fill: handles.fill,\n      };\n      const strokeCmd: DrawCommand = {\n        kind: 'path',\n        path: rectPathFor(sr.x, sr.y, sr.width, sr.height),\n        stroke: handles.outline,\n      };\n      if (!r) {\n        out.push(fillCmd, strokeCmd);\n      } else {\n        out.push({\n          kind: 'group',\n          transform: rotateAroundMat3(center.x, center.y, angle),\n          children: [fillCmd, strokeCmd],\n        });\n      }\n    }\n  }\n  return out;\n}\n\n/** GL helper: emit a curved double-headed arrow indicating bidirectional\n *  rotation. The arc opens *toward* the object (apex on top, mouth pointing\n *  down) so the affordance reads as a small \"rotate\" badge sitting above\n *  the rect. Two arrowheads at the arc endpoints point along the tangent,\n *  signaling that rotation goes either direction. */\nfunction rotationHandleCommands(\n  worldB: Bounds,\n  handles: ResolvedHandles,\n  distance: number,\n  view: View,\n): DrawCommand[] {\n  const hWorld = rotationHandle(worldB, distance, view.scale);\n  const rotation = hWorld.angle;\n  const t = viewToTransform(view);\n  const [scx, scy] = worldToScreen(hWorld.cx, hWorld.cy, t);\n  const size = handles.size;\n  const arcRadius = size;\n  // Arc spans ~240° (from 150° to -30° measured from arc center, going\n  // CCW). The arc center is the handle anchor; the arc itself bulges\n  // *toward the rect* (downward, since the handle sits above the AABB).\n  const ARC_HALF_ANGLE = (Math.PI * 240) / 360 / 2; // 120°\n  const N_SEGS = 18;\n  const arcWidth = resolveStrokeWidth(handles.outline.width ?? 1, 1) * 1.5;\n  const stroke: CommandStroke = {\n    paint: handles.fill,\n    width: arcWidth,\n    cap: 'round',\n    join: 'round',\n  };\n  // Build the arc as a polyline in handle-local coords. Arc bulges *away*\n  // from the rect (upward in canvas space, since the handle sits above the\n  // AABB top edge): apex at -y, endpoints at +y near the rect side.\n  const cmds: number[] = [PATH_M];\n  const xs: number[] = [];\n  const ys: number[] = [];\n  for (let i = 0; i <= N_SEGS; i++) {\n    const t = i / N_SEGS;\n    const angle = ARC_HALF_ANGLE - t * ARC_HALF_ANGLE * 2;\n    xs.push(arcRadius * Math.sin(angle));\n    ys.push(-arcRadius * Math.cos(angle));\n    if (i > 0) cmds.push(PATH_L);\n  }\n  const arcCoords: number[] = [];\n  for (let i = 0; i < xs.length; i++) {\n    arcCoords.push(xs[i], ys[i]);\n  }\n  const arcPath: PolygonPath = {\n    kind: 'polygon',\n    commands: new Uint8Array(cmds),\n    coords: new Float32Array(arcCoords),\n    fillRule: 'nonzero',\n  };\n  // Arrowheads: small filled triangles at each endpoint, pointing along\n  // the tangent (away from the arc body). Tangent at endpoint = derivative\n  // of (sin(angle), cos(angle)) wrt angle = (cos(angle), -sin(angle)).\n  // At +ARC_HALF_ANGLE the tangent points \"outward and slightly up\"; at\n  // -ARC_HALF_ANGLE the tangent points the other way.\n  const headLen = size * 0.6;\n  const headWidth = size * 0.4;\n  const arrowHead = (endX: number, endY: number, tx: number, ty: number): PolygonPath => {\n    // Normalize tangent.\n    const len = Math.hypot(tx, ty) || 1;\n    const ux = tx / len;\n    const uy = ty / len;\n    // Perpendicular (rotate tangent 90° CCW).\n    const px = -uy;\n    const py = ux;\n    // Triangle: tip is endX+ux*headLen, base is endX (with +/- headWidth/2 along p).\n    const tipX = endX + ux * headLen;\n    const tipY = endY + uy * headLen;\n    const baseLeftX = endX + px * (headWidth / 2);\n    const baseLeftY = endY + py * (headWidth / 2);\n    const baseRightX = endX - px * (headWidth / 2);\n    const baseRightY = endY - py * (headWidth / 2);\n    return {\n      kind: 'polygon',\n      commands: new Uint8Array([PATH_M, PATH_L, PATH_L, PATH_L]),\n      coords: new Float32Array([tipX, tipY, baseLeftX, baseLeftY, baseRightX, baseRightY, tipX, tipY]),\n      fillRule: 'nonzero',\n    };\n  };\n  // Endpoint A (right side, angle = +ARC_HALF_ANGLE). Arc point:\n  // (sin(a)·R, -cos(a)·R). Tangent (d/da) = (cos(a)·R, sin(a)·R) — points\n  // outward/down at the right end. Use as \"rotate further clockwise\" arrow.\n  const angleA = ARC_HALF_ANGLE;\n  const endAX = arcRadius * Math.sin(angleA);\n  const endAY = -arcRadius * Math.cos(angleA);\n  const tangentAX = Math.cos(angleA);\n  const tangentAY = Math.sin(angleA);\n  // Endpoint B (left side, angle = -ARC_HALF_ANGLE): tangent in the\n  // outward direction is the negation of the above.\n  const angleB = -ARC_HALF_ANGLE;\n  const endBX = arcRadius * Math.sin(angleB);\n  const endBY = -arcRadius * Math.cos(angleB);\n  const tangentBX = -Math.cos(angleB);\n  const tangentBY = -Math.sin(angleB);\n  const headA = arrowHead(endAX, endAY, tangentAX, tangentAY);\n  const headB = arrowHead(endBX, endBY, tangentBX, tangentBY);\n  const headFill: CommandFill = handles.fill;\n  // Build transform: translate(scx, scy) [* rotate(rotation)].\n  let transform = mat3.translated(mat3.identity(), scx, scy);\n  if (rotation !== 0) {\n    const c = Math.cos(rotation);\n    const s = Math.sin(rotation);\n    const rot = new Float32Array([c, s, 0, -s, c, 0, 0, 0, 1]) as GlMat3;\n    transform = mat3.multiply(transform, rot);\n  }\n  return [\n    {\n      kind: 'group',\n      transform,\n      children: [\n        { kind: 'path', path: arcPath, stroke },\n        { kind: 'path', path: headA, fill: headFill },\n        { kind: 'path', path: headB, fill: headFill },\n      ],\n    },\n  ];\n}\n\n/** Which passes a selection layer runs. The three exported factories differ\n *  only in this — everything else they do is shared, so a fix to one is a fix\n *  to all three. */\ninterface SelectionPasses {\n  readonly id: string;\n  readonly label: string;\n  readonly outline: boolean;\n  readonly handles: boolean;\n}\n\nfunction buildSelectionLayer<TPose>(\n  opts: SelectionOverlayLayerOpts<TPose>,\n  passes: SelectionPasses,\n): RenderLayer<unknown> {\n  const { stroke, pad } = resolveOutlineStroke(opts.outline);\n  const handlesEnabled = passes.handles && opts.handles !== false;\n  const handles = handlesEnabled ? resolveHandles(opts.handles || undefined) : null;\n  const handlesOf = opts.handlesOf ?? defaultHandlesOf;\n  const d = (opts.poseDescriptor ?? AUTO_POSE_DESCRIPTOR) as PoseDescriptor<TPose>;\n  const getPose = opts.getPose;\n  const poseBounds = getPose\n    ? makeContainerAwareBoundsResolver(getPose, d, opts.getChildren, opts.isContainer)\n    : null;\n  const rotationHandleDistance = passes.handles\n    ? rotationBadgeOf(opts)?.distancePx ?? null\n    : null;\n\n  return {\n    id: passes.id,\n    label: passes.label,\n    space: 'screen',\n    draw: (data, view) => {\n      // The synthetic multi-resize id resolves to `ChromeState.unionBounds`,\n      // the single owner of the multi-selection union AABB — the same value\n      // the affordance hit-tester (`affordanceAt` / `composeAffordanceLayer`)\n      // reads, so painted chrome and its hit region stay in agreement. When\n      // no chromeState rides the draw envelope (bare/test callers), fall\n      // through to the supplied resolver so they can synthesize it via\n      // `getPose`.\n      const chromeState = asChromeState(data);\n      const allIds = opts.getSelection\n        ? opts.getSelection()\n        : chromeSelectionIds(chromeState);\n      if (allIds.length === 0) return [];\n      const suppressed = opts.getSuppressedIds?.();\n      const ids = suppressed && suppressed.size > 0\n        ? allIds.filter((id) => !suppressed.has(id as unknown as string))\n        : allIds;\n      if (ids.length === 0) return [];\n      // Chrome-caps: gate each of the three passes (outline, resize\n      // handles, rotation handle) on its canonical id. When no\n      // `getIsVisible` is wired (legacy callers / tests), every pass\n      // runs — preserving pre-chrome-caps behavior.\n      const isVisible = asIsVisible(data);\n      const showOutline = passes.outline && (isVisible ? isVisible('selection.outline') : true);\n      const showHandles = isVisible ? isVisible('selection.resize-handles') : true;\n      const showRotation = isVisible ? isVisible('selection.rotation-handle') : true;\n\n      const resolveBounds = poseBounds ?? ((id: string) => chromeState?.boundsOf(id) ?? null);\n      const resolveTargetBounds = (id: string): Bounds | null => {\n        if (id === MULTI_RESIZE_TARGET_ID && chromeState?.unionBounds != null) {\n          return chromeState.unionBounds;\n        }\n        return resolveBounds(id);\n      };\n\n      const out: DrawCommand[] = [];\n      if (showOutline) {\n        const outlineIdsRaw = opts.getOutlineIds\n          ? opts.getOutlineIds()\n          : (opts.getSelection ? ids : (chromeState?.selection ?? ids));\n        const outlineIds = suppressed && suppressed.size > 0\n          ? outlineIdsRaw.filter((id) => !suppressed.has(id as unknown as string))\n          : outlineIdsRaw;\n        for (const cmd of outlineCommandsFor(outlineIds, resolveTargetBounds, stroke, pad, view)) out.push(cmd);\n      }\n      if (!handles) return out;\n      if (showHandles) {\n        for (const cmd of handleCommandsFor(ids, resolveTargetBounds, handles, handlesOf, view)) out.push(cmd);\n      }\n      if (showRotation && rotationHandleDistance !== null) {\n        for (const id of ids) {\n          const b = resolveTargetBounds(id);\n          if (!b) continue;\n          for (const cmd of rotationHandleCommands(b, handles, rotationHandleDistance, view)) {\n            out.push(cmd);\n          }\n        }\n      }\n      return out;\n    },\n  };\n}\n\n/** Where the overlay paints its rotate badge and how big it is, in screen\n *  pixels, or `null` when it paints none. The badge's grab region and its\n *  slops halo read this too, so all three agree on it. */\nexport function rotationBadgeOf(\n  opts: Pick<SelectionOverlayLayerOpts<unknown>, 'handles' | 'rotationHandle'>,\n): { distancePx: number; sizePx: number } | null {\n  const r = opts.rotationHandle;\n  if (!r || opts.handles === false) return null;\n  return {\n    distancePx: r === true ? DEFAULT_ROTATION_HANDLE_DISTANCE : r.distance ?? DEFAULT_ROTATION_HANDLE_DISTANCE,\n    sizePx: resolveHandles(opts.handles || undefined).size,\n  };\n}\n/**\n * `RenderLayer` that draws selection outlines only. Stack alongside\n * `createSelectionHandlesLayer` (or use `createSelectionOverlayLayer`, which\n * runs both passes in one layer) when both are wanted.\n */\nexport function createSelectionOutlineLayer<TPose>(\n  opts: SelectionOutlineLayerOpts<TPose>,\n): RenderLayer<unknown> {\n  return buildSelectionLayer(opts, {\n    id: 'selection-outline',\n    label: 'Selection outline',\n    outline: true,\n    handles: false,\n  });\n}\n\n/**\n * `RenderLayer` that draws selection handles only. Stack on top of\n * `createSelectionOutlineLayer` (handles render on top of the outline).\n */\nexport function createSelectionHandlesLayer<TPose>(\n  opts: SelectionHandlesLayerOpts<TPose>,\n): RenderLayer<unknown> {\n  return buildSelectionLayer(opts, {\n    id: 'selection-handles',\n    label: 'Selection handles',\n    outline: false,\n    handles: true,\n  });\n}\n\n/**\n * Draws outlines then handles in a single layer. Exactly equivalent to\n * stacking `createSelectionOutlineLayer` and `createSelectionHandlesLayer` —\n * all three run the same body. Pass `handles: false` to render outlines only.\n */\nexport function createSelectionOverlayLayer<TPose>(\n  opts: SelectionOverlayLayerOpts<TPose>,\n): RenderLayer<unknown> {\n  return buildSelectionLayer(opts, {\n    id: 'selection-overlay',\n    label: 'Selection',\n    outline: true,\n    handles: true,\n  });\n}\n\n/** Pull a chrome-caps visibility predicate off the draw `data` envelope.\n *  Returns `null` when the caller passed bare data (no `getIsVisible`\n *  thunk) — the layer then renders unconditionally, matching pre-\n *  chrome-caps behavior. */\nfunction asIsVisible(data: unknown): ((id: string) => boolean) | null {\n  const maybe = data as { getIsVisible?: () => (id: string) => boolean };\n  if (typeof maybe?.getIsVisible === 'function') return maybe.getIsVisible();\n  return null;\n}\n\n/** The ids the handle pass works against when the layer takes its selection\n *  from the envelope: the synthetic union id for a multi-selection, the\n *  selection itself otherwise. */\nfunction chromeSelectionIds(state: ChromeState | null): readonly NodeId[] {\n  if (!state) return [];\n  if (state.multiActive) return [MULTI_RESIZE_TARGET_ID as NodeId];\n  return state.selection;\n}\n\n/** Pull live `ChromeState` off the draw `data` envelope (the same channel\n *  `composeAffordanceLayer` uses). Returns `null` for bare/test callers that\n *  pass plain data with no `getChromeState` thunk — the layer then resolves\n *  the multi-union via the supplied `getPose` resolver, preserving pre-\n *  chromeState behavior. */\nfunction asChromeState(data: unknown): ChromeState | null {\n  const maybe = data as { getChromeState?: () => ChromeState };\n  if (typeof maybe?.getChromeState === 'function') return maybe.getChromeState();\n  return null;\n}\n"],"mappings":"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"}
+{"version":3,"file":"overlay.js","names":["projectBounds","t","viewToTransform","view","sx","sy","worldToScreen","b","leavesOf","isContainer","id","out","visit","kids","getChildren","nid","k","composeSelectionPose","opts","d","AUTO_POSE_DESCRIPTOR","selectionLeaves","resolveLeaf","moved","moveOverlay","resizeOverlay","getStoredPose","leaves","containerResizeLeafPoses","leafBounds","leafId","visualBoundsViaDescriptor","overlayLeaf","u","unionAABB","makeContainerAwareBoundsResolver","oriented","framedBounds","p","getPose","DEFAULT_OUTLINE","DEFAULT_HANDLE_FILL","DEFAULT_HANDLE_OUTLINE","DEFAULT_HANDLE_SIZE","HANDLE_BASE_PX","defaultHandlesOf","resolveOutlineStroke","resolveHandles","rotateAroundMat3","c","theta","s","tx","cx","cy","ty","rectPathFor","outlineCommandsFor","align","stroke","width","resolveStrokeWidth","ids","worldB","resolveBounds","padded","pad","xf","targetTransformOf","r","alignedStrokeRect","q","screenCorners","PATH_M","PATH_L","PATH_Z","targetCorners","x","y","w","ccx","ccy","normal","nx","a","ny","l","mx","my","n1","i","n2","handleCommandsFor","half","handles","handleAlign","handleWidth","angle","screenAngleOf","angleOf","hLocal","handlesOf","hWorld","localToWorld","hsx","hsy","center","baseRect","sr","fillCmd","strokeCmd","rotationHandleCommands","rotationHandle","distance","rotation","scx","scy","size","arcRadius","ARC_HALF_ANGLE","arcWidth","cmds","xs","ys","arcCoords","arcPath","headLen","headWidth","arrowHead","len","ux","uy","px","py","tipX","endX","tipY","endY","baseLeftX","baseLeftY","baseRightX","baseRightY","angleA","endAX","endAY","tangentAX","tangentAY","angleB","endBX","endBY","tangentBX","tangentBY","headA","headB","transform","mat3","rot","buildSelectionLayer","passes","poseBounds","rotationHandleDistance","rotationBadgeOf","chromeState","asChromeState","data","allIds","chromeSelectionIds","suppressed","isVisible","asIsVisible","showOutline","showHandles","showRotation","resolveTargetBounds","MULTI_RESIZE_TARGET_ID","outlineIdsRaw","outlineIds","cmd","DEFAULT_ROTATION_HANDLE_DISTANCE","createSelectionOutlineLayer","createSelectionHandlesLayer","createSelectionOverlayLayer","maybe","state"],"sources":["../../../src/features/selection/overlay.ts"],"sourcesContent":["/**\n * Selection overlay primitives — render layers for drawing selection\n * outlines and corner resize handles.\n *\n * **Pose shape:** TPose is generic; callers pass `poseDescriptor` for poses\n * `AUTO_POSE_DESCRIPTOR` can't read. Container ids reduce via `unionAABB`\n * over the projected AABBs.\n */\n\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport { mat3, type GlMat3 } from '@weasel-js/renderer';\nimport type { NodeId } from 'core/scene/types';\nimport type { RenderLayer } from 'core/layers/render';\nimport { unionAABB } from 'core/geometry/unionBounds';\nimport {\n  framedBounds,\n  visualBoundsViaDescriptor,\n  type PoseDescriptor,\n} from 'core/geometry/poseDescriptor';\nimport { angleOf, localToWorld, targetCorners, targetTransformOf, type TargetTransform } from 'core/geometry/targetFrame';\nimport { AUTO_POSE_DESCRIPTOR } from 'core/geometry/autoPoseDescriptor';\nimport { alignedStrokeRect, type CommandStroke, type CommandFill } from '@weasel-js/paint';\nimport { resolveStrokeWidth } from '@weasel-js/stroke';\nimport {\n  rotationHandle,\n  DEFAULT_ROTATION_HANDLE_DISTANCE,\n} from 'interactions/actions/rotate/handle';\nimport type { Bounds } from 'core/viewport/fitViewToBounds';\nimport type { ChromeState } from 'core/selection/chromeState';\nimport { MULTI_RESIZE_TARGET_ID } from 'core/selection/selectionTarget';\nimport type { View } from 'core/viewport/view';\nimport { viewToTransform } from 'core/viewport/view';\nimport { worldToScreen } from 'core/viewport/viewTransform';\nimport { screenAngleOf } from '@weasel-js/geom';\nimport { PATH_L, PATH_M, PATH_Z, type PolygonPath } from '@weasel-js/geom';\nimport { HANDLE_BASE_PX } from 'core/device/targets';\n\n/** Project world AABB into screen-space AABB using the active view. */\nfunction projectBounds<B extends Bounds>(b: B, view: View): B {\n  const t = viewToTransform(view);\n  const [sx, sy] = worldToScreen(b.x, b.y, t);\n  return { ...b, x: sx, y: sy, width: b.width * view.scale.x, height: b.height * view.scale.y };\n}\n\n\n/**\n * Transitive leaf ids under `id`. A childless node is a leaf only if it is not\n * itself a container: an empty container contributes no bounds, and its own\n * stored pose is at its most stale when no children are left to have moved it.\n */\nfunction leavesOf(\n  id: string,\n  getChildren: (id: string) => readonly string[],\n  isContainer: (id: string) => boolean,\n): string[] {\n  if (!isContainer(id)) return [id];\n  const out: string[] = [];\n  const visit = (nid: string) => {\n    const kids = getChildren(nid);\n    if (kids.length === 0) { if (!isContainer(nid)) out.push(nid); return; }\n    for (const k of kids) visit(k);\n  };\n  visit(id);\n  return out;\n}\n\n/** Options for `composeSelectionPose`. */\nexport interface ComposeSelectionPoseOpts<TPose> {\n  /** Move overlay; when present its `poses` map wins over everything else. */\n  moveOverlay?: { poses: Map<string, TPose> } | null;\n  /**\n   * Resize overlay; consulted only when move overlay does not own the id.\n   * For container resize, `leafPoses` (when present) maps each leaf id under\n   * the container to its overlay pose. If absent the container falls back to\n   * stored leaf poses.\n   */\n  resizeOverlay?: {\n    id: string;\n    currentPose: TPose;\n    leafPoses?: Map<string, TPose>;\n  } | null;\n  /** Fallback pose lookup (typically the stored/committed pose). */\n  getStoredPose: (id: string) => TPose;\n  /** How to read poses. Default `AUTO_POSE_DESCRIPTOR`. */\n  poseDescriptor?: PoseDescriptor<TPose>;\n  /** Walk a container's direct children (e.g. `scene.childrenOf`). With\n   *  `isContainer`, a selected container resolves to the union AABB of its\n   *  transitive leaf poses instead of its own stored pose. */\n  getChildren?: (id: string) => readonly string[];\n  /** True when `id` is a structural container. */\n  isContainer?: (id: string) => boolean;\n}\n\n/**\n * Build a pose resolver for a selection. Precedence per id:\n * move overlay > resize overlay > stored. When `getChildren`/`isContainer`\n * are supplied and the id resolves to a container, the resolver returns the\n * union AABB of all transitive leaf poses (each leaf still subject to the\n * precedence rules). Containers with no leaves resolve to `null`.\n */\nexport function composeSelectionPose<TPose>(\n  opts: ComposeSelectionPoseOpts<TPose>,\n): (id: string) => TPose | null {\n  const { moveOverlay, resizeOverlay, getStoredPose, getChildren, isContainer } = opts;\n  const d = (opts.poseDescriptor ?? AUTO_POSE_DESCRIPTOR) as PoseDescriptor<TPose>;\n\n  const selectionLeaves = (id: string): string[] =>\n    getChildren && isContainer ? leavesOf(id, getChildren, isContainer) : [id];\n\n  const resolveLeaf = (id: string): TPose => {\n    const moved = moveOverlay?.poses.get(id);\n    if (moved !== undefined) return moved;\n    if (resizeOverlay && resizeOverlay.id === id) return resizeOverlay.currentPose;\n    return getStoredPose(id);\n  };\n\n  return (id: string): TPose | null => {\n    if (isContainer?.(id)) {\n      const leaves = selectionLeaves(id);\n      if (leaves.length === 0) return null;\n      const containerResizeLeafPoses =\n        resizeOverlay && resizeOverlay.id === id ? resizeOverlay.leafPoses : undefined;\n      const leafBounds: Bounds[] = [];\n      for (const leafId of leaves) {\n        const moved = moveOverlay?.poses.get(leafId);\n        if (moved !== undefined) {\n          leafBounds.push(visualBoundsViaDescriptor(moved, d));\n          continue;\n        }\n        const overlayLeaf = containerResizeLeafPoses?.get(leafId);\n        if (overlayLeaf !== undefined) {\n          leafBounds.push(visualBoundsViaDescriptor(overlayLeaf, d));\n          continue;\n        }\n        leafBounds.push(visualBoundsViaDescriptor(getStoredPose(leafId), d));\n      }\n      const u = unionAABB(leafBounds);\n      if (u === null) return null;\n      return d.fromBounds(u, getStoredPose(leaves[0]!));\n    }\n    return resolveLeaf(id);\n  };\n}\n\n/**\n * Build a pose resolver that handles container ids by computing the union\n * AABB of every leaf's bounds. Non-container ids pass through directly. When\n * `getChildren`/`isContainer` are omitted, every id is treated as a leaf.\n */\nfunction makeContainerAwareBoundsResolver<TPose>(\n  getPose: (id: string) => TPose | null,\n  d: PoseDescriptor<TPose>,\n  getChildren?: (id: string) => readonly string[],\n  isContainer?: (id: string) => boolean,\n): (id: string) => Bounds | null {\n  const oriented = (p: TPose): Bounds => framedBounds(p, d);\n  if (getChildren === undefined || isContainer === undefined) {\n    return (id: string) => {\n      const p = getPose(id);\n      return p === null ? null : oriented(p);\n    };\n  }\n  return (id: string): Bounds | null => {\n    if (!isContainer(id)) {\n      const p = getPose(id);\n      return p === null ? null : oriented(p);\n    }\n    const leaves = leavesOf(id, getChildren, isContainer);\n    if (leaves.length === 0) return null;\n    const leafBounds: Bounds[] = [];\n    for (const leafId of leaves) {\n      const p = getPose(leafId);\n      if (p !== null) leafBounds.push(visualBoundsViaDescriptor(p, d));\n    }\n    if (leafBounds.length === 0) return null;\n    return unionAABB(leafBounds);\n  };\n}\n\n/** Options every selection layer shares. `getSelection` and `getPose` are\n *  declared on {@link SelectionOverlayLayerOpts}, which makes both optional —\n *  omitted, they come off the draw envelope. */\ninterface SelectionLayerCommon<TPose> {\n  /** How to read poses. Default `AUTO_POSE_DESCRIPTOR`. */\n  poseDescriptor?: PoseDescriptor<TPose>;\n  /** Walk a container's direct children (e.g. `scene.childrenOf`). When\n   *  supplied with `isContainer`, any id that resolves to a container is\n   *  rendered using the union bounds of all its transitive leaves. */\n  getChildren?: (id: string) => readonly string[];\n  /** True when `id` is a structural container. */\n  isContainer?: (id: string) => boolean;\n}\n\n/** Options for `createSelectionOutlineLayer`. The overlay layer's options\n *  minus the handle visuals — the two run the same body. */\nexport type SelectionOutlineLayerOpts<TPose> =\n  Omit<SelectionOverlayLayerOpts<TPose>, 'handles' | 'handlesOf' | 'rotationHandle'>;\n\n/** Options for `createSelectionHandlesLayer`. The overlay layer's options\n *  minus the outline stroke — the two run the same body. */\nexport type SelectionHandlesLayerOpts<TPose> =\n  Omit<SelectionOverlayLayerOpts<TPose>, 'outline'>;\n\n/** Options for `createSelectionOverlayLayer`. */\nexport interface SelectionOverlayLayerOpts<TPose>\n  extends SelectionLayerCommon<TPose> {\n  /**\n   * Which ids to draw chrome for. Omit to take them from the `ChromeState` on\n   * the draw envelope, which is what makes one canvas's several views each\n   * outline their own selection — the layer is shared, the envelope is not.\n   */\n  getSelection?: () => readonly NodeId[];\n  /**\n   * Resolve an id to the pose to draw chrome around. Return null to skip an\n   * id. Omit to take bounds from the same envelope `getSelection` omitted\n   * takes ids from.\n   *\n   * Takes `string` rather than `NodeId` because the container-aware resolver\n   * walks expanded leaf ids via `getChildren`, which is generic over strings.\n   */\n  getPose?: (id: string) => TPose | null;\n  outline?: CommandStroke & { pad?: number };\n  /** Pass `false` to render outlines only. */\n  handles?: SelectionHandleStyle | false;\n  handlesOf?: (bounds: Bounds) => { x: number; y: number }[];\n  /** Draw a rotate badge above the selection's top edge. `true` places it at\n   *  the default offset; `distance` sets the offset in screen pixels. Off by\n   *  default. */\n  rotationHandle?:\n    | boolean\n    | {\n        distance?: number;\n      };\n  /** Optional separate id list for the per-item outline pass, for a\n   *  multi-selection whose handle pass works against a synthetic union id\n   *  (e.g. `MULTI_RESIZE_TARGET_ID`) while each real member is outlined.\n   *  When omitted, the outline pass uses the handle pass's ids. */\n  getOutlineIds?: () => readonly NodeId[];\n  /** Optional set of ids to suppress entirely — both outline and handles\n   *  are skipped. */\n  getSuppressedIds?: () => ReadonlySet<string>;\n}\n\nconst DEFAULT_OUTLINE: Required<Pick<CommandStroke, 'paint' | 'width'>> & { pad: number } = {\n  paint: { kind: 'solid', color: '#f0e0a8' },\n  width: 2,\n  pad: 1,\n};\nconst DEFAULT_HANDLE_FILL: CommandFill = { paint: { kind: 'solid', color: '#d4c4a8' } };\nconst DEFAULT_HANDLE_OUTLINE: CommandStroke = {\n  paint: { kind: 'solid', color: '#1a130d' },\n  width: 1,\n};\nconst DEFAULT_HANDLE_SIZE = HANDLE_BASE_PX;\n\nfunction defaultHandlesOf(b: Bounds): { x: number; y: number }[] {\n  return [\n    { x: b.x, y: b.y },\n    { x: b.x + b.width, y: b.y },\n    { x: b.x, y: b.y + b.height },\n    { x: b.x + b.width, y: b.y + b.height },\n  ];\n}\n\nfunction resolveOutlineStroke(opts?: CommandStroke & { pad?: number }): {\n  stroke: CommandStroke;\n  pad: number;\n} {\n  if (!opts) {\n    return {\n      stroke: { paint: DEFAULT_OUTLINE.paint, width: DEFAULT_OUTLINE.width },\n      pad: DEFAULT_OUTLINE.pad,\n    };\n  }\n  return {\n    stroke: {\n      paint: opts.paint,\n      width: opts.width ?? DEFAULT_OUTLINE.width,\n      dash: opts.dash,\n      cap: opts.cap,\n      join: opts.join,\n      align: opts.align,\n    },\n    pad: opts.pad ?? DEFAULT_OUTLINE.pad,\n  };\n}\n\n/** Handle visuals, as a consumer supplies them. */\nexport interface SelectionHandleStyle {\n  size?: number;\n  fill?: CommandFill;\n  outline?: CommandStroke;\n}\n\ninterface ResolvedHandles {\n  size: number;\n  fill: CommandFill;\n  outline: CommandStroke;\n}\n\nfunction resolveHandles(opts?: SelectionHandleStyle): ResolvedHandles {\n  return {\n    size: opts?.size ?? DEFAULT_HANDLE_SIZE,\n    fill: opts?.fill ?? DEFAULT_HANDLE_FILL,\n    outline: opts?.outline ?? DEFAULT_HANDLE_OUTLINE,\n  };\n}\n\n/**\n * GL helper: build the matrix `translate(cx, cy) * rotate(θ) * translate(-cx, -cy)`\n * used to wrap rotated outline / handle commands.\n */\nfunction rotateAroundMat3(cx: number, cy: number, theta: number): GlMat3 {\n  const c = Math.cos(theta);\n  const s = Math.sin(theta);\n  // Composed in column-major (matches mat3 helpers): T(cx,cy) · R(θ) · T(-cx,-cy).\n  // After expansion: a=c, b=s, c'=-s, d=c, tx=cx - c*cx + s*cy, ty=cy - s*cx - c*cy.\n  const tx = cx - c * cx + s * cy;\n  const ty = cy - s * cx - c * cy;\n  return new Float32Array([\n    c, s, 0,\n    -s, c, 0,\n    tx, ty, 1,\n  ]) as GlMat3;\n}\n\n/** GL helper: emit a closed rect path (kind:'rect'). */\nfunction rectPathFor(x: number, y: number, width: number, height: number): { kind: 'rect'; x: number; y: number; width: number; height: number } {\n  return { kind: 'rect', x, y, width, height };\n}\n\n/** GL helper: emit an outline command for one bounds entry. */\nfunction outlineCommandsFor(\n  ids: readonly string[],\n  resolveBounds: (id: string) => Bounds | null,\n  stroke: CommandStroke,\n  pad: number,\n  view: View,\n): DrawCommand[] {\n  const out: DrawCommand[] = [];\n  const align = stroke.align ?? 'center';\n  const width = resolveStrokeWidth(stroke.width ?? 1, 1);\n  for (const id of ids) {\n    const worldB = resolveBounds(id);\n    if (!worldB) continue;\n    const b = projectBounds(worldB, view);\n    const padded = {\n      x: b.x - pad,\n      y: b.y - pad,\n      width: b.width + pad * 2,\n      height: b.height + pad * 2,\n    };\n    const xf = targetTransformOf(worldB);\n    if (xf.identity) {\n      const r = alignedStrokeRect(padded, align, width);\n      out.push({ kind: 'path', path: rectPathFor(r.x, r.y, r.width, r.height), stroke });\n      continue;\n    }\n    // Turned or skewed, the target lands on screen as a parallelogram, so the\n    // outline is traced through its projected corners. `alignedStrokeRect`'s\n    // shift is folded into the offset so the ribbon lands where it would.\n    const shift = align === 'outer' ? width / 2 : align === 'inner' ? -width / 2 : 0;\n    const q = screenCorners(worldB, xf, view, pad + shift);\n    out.push({\n      kind: 'path',\n      path: {\n        kind: 'polygon',\n        commands: new Uint8Array([PATH_M, PATH_L, PATH_L, PATH_L, PATH_Z]),\n        coords: new Float32Array([q[0].x, q[0].y, q[1].x, q[1].y, q[2].x, q[2].y, q[3].x, q[3].y]),\n        fillRule: 'nonzero',\n      },\n      stroke: { ...stroke, align: 'center' },\n    });\n  }\n  return out;\n}\n\n/**\n * A framed target's corners on screen, TL/TR/BR/BL, each pushed `pad` screen\n * pixels out from both edges that meet there.\n */\nfunction screenCorners(\n  worldB: Bounds,\n  xf: TargetTransform,\n  view: View,\n  pad: number,\n): { x: number; y: number }[] {\n  const t = viewToTransform(view);\n  const q = targetCorners(worldB, xf).map((w) => {\n    const [x, y] = worldToScreen(w.x, w.y, t);\n    return { x, y };\n  });\n  if (pad === 0) return q;\n  const [ccx, ccy] = worldToScreen(worldB.x + worldB.width / 2, worldB.y + worldB.height / 2, t);\n  const normal = (a: { x: number; y: number }, b: { x: number; y: number }) => {\n    let nx = -(b.y - a.y), ny = b.x - a.x;\n    const l = Math.hypot(nx, ny) || 1;\n    nx /= l; ny /= l;\n    const mx = (a.x + b.x) / 2 - ccx, my = (a.y + b.y) / 2 - ccy;\n    return nx * mx + ny * my < 0 ? { x: -nx, y: -ny } : { x: nx, y: ny };\n  };\n  return q.map((c, i) => {\n    const n1 = normal(q[(i + 3) % 4], c);\n    const n2 = normal(c, q[(i + 1) % 4]);\n    // The point `pad` off both edge lines.\n    const k = pad / (1 + n1.x * n2.x + n1.y * n2.y);\n    return { x: c.x + (n1.x + n2.x) * k, y: c.y + (n1.y + n2.y) * k };\n  });\n}\n\n/** GL helper: emit handle fill+stroke commands for one bounds entry. */\nfunction handleCommandsFor(\n  ids: readonly string[],\n  resolveBounds: (id: string) => Bounds | null,\n  handles: ResolvedHandles,\n  handlesOf: (b: Bounds) => { x: number; y: number }[],\n  view: View,\n): DrawCommand[] {\n  const out: DrawCommand[] = [];\n  const half = handles.size / 2;\n  const handleAlign = handles.outline.align ?? 'center';\n  const handleWidth = resolveStrokeWidth(handles.outline.width ?? 1, 1);\n  for (const id of ids) {\n    const worldB = resolveBounds(id);\n    if (!worldB) continue;\n    // Framed in world, then projected: turning the projected point instead\n    // lands somewhere else under non-uniform zoom.\n    const xf = targetTransformOf(worldB);\n    const t = viewToTransform(view);\n    const angle = screenAngleOf(angleOf(xf), view.scale);\n    for (const hLocal of handlesOf(worldB)) {\n      const hWorld = localToWorld(xf, hLocal.x, hLocal.y);\n      const [hsx, hsy] = worldToScreen(hWorld.x, hWorld.y, t);\n      const center = { x: hsx, y: hsy };\n      const baseRect = {\n        x: center.x - half,\n        y: center.y - half,\n        width: handles.size,\n        height: handles.size,\n      };\n      const sr = alignedStrokeRect(baseRect, handleAlign, handleWidth);\n      const fillCmd: DrawCommand = {\n        kind: 'path',\n        path: rectPathFor(baseRect.x, baseRect.y, baseRect.width, baseRect.height),\n        fill: handles.fill,\n      };\n      const strokeCmd: DrawCommand = {\n        kind: 'path',\n        path: rectPathFor(sr.x, sr.y, sr.width, sr.height),\n        stroke: handles.outline,\n      };\n      if (angle === 0) {\n        out.push(fillCmd, strokeCmd);\n      } else {\n        out.push({\n          kind: 'group',\n          transform: rotateAroundMat3(center.x, center.y, angle),\n          children: [fillCmd, strokeCmd],\n        });\n      }\n    }\n  }\n  return out;\n}\n\n/** GL helper: emit a curved double-headed arrow, the rotate badge above the\n *  rect. The arc opens *toward* the object (apex on top, mouth pointing\n *  down), with an arrowhead at each endpoint pointing along the tangent. */\nfunction rotationHandleCommands(\n  worldB: Bounds,\n  handles: ResolvedHandles,\n  distance: number,\n  view: View,\n): DrawCommand[] {\n  const hWorld = rotationHandle(worldB, distance, view.scale);\n  const rotation = hWorld.angle;\n  const t = viewToTransform(view);\n  const [scx, scy] = worldToScreen(hWorld.cx, hWorld.cy, t);\n  const size = handles.size;\n  const arcRadius = size;\n  const ARC_HALF_ANGLE = (Math.PI * 240) / 360 / 2; // 120°\n  const N_SEGS = 18;\n  const arcWidth = resolveStrokeWidth(handles.outline.width ?? 1, 1) * 1.5;\n  const stroke: CommandStroke = {\n    paint: handles.fill.paint,\n    width: arcWidth,\n    cap: 'round',\n    join: 'round',\n  };\n  // The arc as a polyline in handle-local coords, centered on the handle\n  // anchor: apex at -y, endpoints at +y near the rect side.\n  const cmds: number[] = [PATH_M];\n  const xs: number[] = [];\n  const ys: number[] = [];\n  for (let i = 0; i <= N_SEGS; i++) {\n    const t = i / N_SEGS;\n    const angle = ARC_HALF_ANGLE - t * ARC_HALF_ANGLE * 2;\n    xs.push(arcRadius * Math.sin(angle));\n    ys.push(-arcRadius * Math.cos(angle));\n    if (i > 0) cmds.push(PATH_L);\n  }\n  const arcCoords: number[] = [];\n  for (let i = 0; i < xs.length; i++) {\n    arcCoords.push(xs[i], ys[i]);\n  }\n  const arcPath: PolygonPath = {\n    kind: 'polygon',\n    commands: new Uint8Array(cmds),\n    coords: new Float32Array(arcCoords),\n    fillRule: 'nonzero',\n  };\n  // Arrowheads: small filled triangles at each endpoint, pointing along\n  // the tangent (away from the arc body).\n  const headLen = size * 0.6;\n  const headWidth = size * 0.4;\n  const arrowHead = (endX: number, endY: number, tx: number, ty: number): PolygonPath => {\n    // Normalize tangent.\n    const len = Math.hypot(tx, ty) || 1;\n    const ux = tx / len;\n    const uy = ty / len;\n    // Perpendicular (rotate tangent 90° CCW).\n    const px = -uy;\n    const py = ux;\n    // Triangle: tip is endX+ux*headLen, base is endX (with +/- headWidth/2 along p).\n    const tipX = endX + ux * headLen;\n    const tipY = endY + uy * headLen;\n    const baseLeftX = endX + px * (headWidth / 2);\n    const baseLeftY = endY + py * (headWidth / 2);\n    const baseRightX = endX - px * (headWidth / 2);\n    const baseRightY = endY - py * (headWidth / 2);\n    return {\n      kind: 'polygon',\n      commands: new Uint8Array([PATH_M, PATH_L, PATH_L, PATH_L]),\n      coords: new Float32Array([tipX, tipY, baseLeftX, baseLeftY, baseRightX, baseRightY, tipX, tipY]),\n      fillRule: 'nonzero',\n    };\n  };\n  // Endpoint A (right side, angle = +ARC_HALF_ANGLE). Arc point:\n  // (sin(a)·R, -cos(a)·R). Tangent (d/da) = (cos(a)·R, sin(a)·R).\n  const angleA = ARC_HALF_ANGLE;\n  const endAX = arcRadius * Math.sin(angleA);\n  const endAY = -arcRadius * Math.cos(angleA);\n  const tangentAX = Math.cos(angleA);\n  const tangentAY = Math.sin(angleA);\n  // Endpoint B (left side, angle = -ARC_HALF_ANGLE): tangent in the\n  // outward direction is the negation of the above.\n  const angleB = -ARC_HALF_ANGLE;\n  const endBX = arcRadius * Math.sin(angleB);\n  const endBY = -arcRadius * Math.cos(angleB);\n  const tangentBX = -Math.cos(angleB);\n  const tangentBY = -Math.sin(angleB);\n  const headA = arrowHead(endAX, endAY, tangentAX, tangentAY);\n  const headB = arrowHead(endBX, endBY, tangentBX, tangentBY);\n  // Build transform: translate(scx, scy) [* rotate(rotation)].\n  let transform = mat3.translated(mat3.identity(), scx, scy);\n  if (rotation !== 0) {\n    const c = Math.cos(rotation);\n    const s = Math.sin(rotation);\n    const rot = new Float32Array([c, s, 0, -s, c, 0, 0, 0, 1]) as GlMat3;\n    transform = mat3.multiply(transform, rot);\n  }\n  return [\n    {\n      kind: 'group',\n      transform,\n      children: [\n        { kind: 'path', path: arcPath, stroke },\n        { kind: 'path', path: headA, fill: handles.fill },\n        { kind: 'path', path: headB, fill: handles.fill },\n      ],\n    },\n  ];\n}\n\n/** Which passes a selection layer runs. The three exported factories differ\n *  only in this — everything else they do is shared, so a fix to one is a fix\n *  to all three. */\ninterface SelectionPasses {\n  readonly id: string;\n  readonly label: string;\n  readonly outline: boolean;\n  readonly handles: boolean;\n}\n\nfunction buildSelectionLayer<TPose>(\n  opts: SelectionOverlayLayerOpts<TPose>,\n  passes: SelectionPasses,\n): RenderLayer<unknown> {\n  const { stroke, pad } = resolveOutlineStroke(opts.outline);\n  const handlesEnabled = passes.handles && opts.handles !== false;\n  const handles = handlesEnabled ? resolveHandles(opts.handles || undefined) : null;\n  const handlesOf = opts.handlesOf ?? defaultHandlesOf;\n  const d = (opts.poseDescriptor ?? AUTO_POSE_DESCRIPTOR) as PoseDescriptor<TPose>;\n  const getPose = opts.getPose;\n  const poseBounds = getPose\n    ? makeContainerAwareBoundsResolver(getPose, d, opts.getChildren, opts.isContainer)\n    : null;\n  const rotationHandleDistance = passes.handles\n    ? rotationBadgeOf(opts)?.distancePx ?? null\n    : null;\n\n  return {\n    id: passes.id,\n    label: passes.label,\n    space: 'screen',\n    draw: (data, view) => {\n      // The synthetic multi-resize id resolves to `ChromeState.unionBounds`,\n      // the same value the affordance hit-tester reads, so painted chrome\n      // and its hit region stay in agreement. With no chromeState on the\n      // draw envelope, fall through to the supplied resolver.\n      const chromeState = asChromeState(data);\n      const allIds = opts.getSelection\n        ? opts.getSelection()\n        : chromeSelectionIds(chromeState);\n      if (allIds.length === 0) return [];\n      const suppressed = opts.getSuppressedIds?.();\n      const ids = suppressed && suppressed.size > 0\n        ? allIds.filter((id) => !suppressed.has(id as unknown as string))\n        : allIds;\n      if (ids.length === 0) return [];\n      // Chrome-caps: gate each pass on its canonical id. When no\n      // `getIsVisible` is wired, every pass runs.\n      const isVisible = asIsVisible(data);\n      const showOutline = passes.outline && (isVisible ? isVisible('selection.outline') : true);\n      const showHandles = isVisible ? isVisible('selection.resize-handles') : true;\n      const showRotation = isVisible ? isVisible('selection.rotation-handle') : true;\n\n      const resolveBounds = poseBounds ?? ((id: string) => chromeState?.boundsOf(id) ?? null);\n      const resolveTargetBounds = (id: string): Bounds | null => {\n        if (id === MULTI_RESIZE_TARGET_ID && chromeState?.unionBounds != null) {\n          return chromeState.unionBounds;\n        }\n        return resolveBounds(id);\n      };\n\n      const out: DrawCommand[] = [];\n      if (showOutline) {\n        const outlineIdsRaw = opts.getOutlineIds\n          ? opts.getOutlineIds()\n          : (opts.getSelection ? ids : (chromeState?.selection ?? ids));\n        const outlineIds = suppressed && suppressed.size > 0\n          ? outlineIdsRaw.filter((id) => !suppressed.has(id as unknown as string))\n          : outlineIdsRaw;\n        for (const cmd of outlineCommandsFor(outlineIds, resolveTargetBounds, stroke, pad, view)) out.push(cmd);\n      }\n      if (!handles) return out;\n      if (showHandles) {\n        for (const cmd of handleCommandsFor(ids, resolveTargetBounds, handles, handlesOf, view)) out.push(cmd);\n      }\n      if (showRotation && rotationHandleDistance !== null) {\n        for (const id of ids) {\n          const b = resolveTargetBounds(id);\n          if (!b) continue;\n          for (const cmd of rotationHandleCommands(b, handles, rotationHandleDistance, view)) {\n            out.push(cmd);\n          }\n        }\n      }\n      return out;\n    },\n  };\n}\n\n/** Where the overlay paints its rotate badge and how big it is, in screen\n *  pixels, or `null` when it paints none. The badge's grab region and its\n *  slops halo read this too, so all three agree on it. */\nexport function rotationBadgeOf(\n  opts: Pick<SelectionOverlayLayerOpts<unknown>, 'handles' | 'rotationHandle'>,\n): { distancePx: number; sizePx: number } | null {\n  const r = opts.rotationHandle;\n  if (!r || opts.handles === false) return null;\n  return {\n    distancePx: r === true ? DEFAULT_ROTATION_HANDLE_DISTANCE : r.distance ?? DEFAULT_ROTATION_HANDLE_DISTANCE,\n    sizePx: resolveHandles(opts.handles || undefined).size,\n  };\n}\n/**\n * `RenderLayer` that draws selection outlines only. Stack alongside\n * `createSelectionHandlesLayer` (or use `createSelectionOverlayLayer`, which\n * runs both passes in one layer) when both are wanted.\n */\nexport function createSelectionOutlineLayer<TPose>(\n  opts: SelectionOutlineLayerOpts<TPose>,\n): RenderLayer<unknown> {\n  return buildSelectionLayer(opts, {\n    id: 'selection-outline',\n    label: 'Selection outline',\n    outline: true,\n    handles: false,\n  });\n}\n\n/**\n * `RenderLayer` that draws selection handles only. Stack on top of\n * `createSelectionOutlineLayer` (handles render on top of the outline).\n */\nexport function createSelectionHandlesLayer<TPose>(\n  opts: SelectionHandlesLayerOpts<TPose>,\n): RenderLayer<unknown> {\n  return buildSelectionLayer(opts, {\n    id: 'selection-handles',\n    label: 'Selection handles',\n    outline: false,\n    handles: true,\n  });\n}\n\n/**\n * Draws outlines then handles in a single layer. Exactly equivalent to\n * stacking `createSelectionOutlineLayer` and `createSelectionHandlesLayer` —\n * all three run the same body. Pass `handles: false` to render outlines only.\n */\nexport function createSelectionOverlayLayer<TPose>(\n  opts: SelectionOverlayLayerOpts<TPose>,\n): RenderLayer<unknown> {\n  return buildSelectionLayer(opts, {\n    id: 'selection-overlay',\n    label: 'Selection',\n    outline: true,\n    handles: true,\n  });\n}\n\n/** Pull a chrome-caps visibility predicate off the draw `data` envelope.\n *  Returns `null` when the caller passed bare data (no `getIsVisible`\n *  thunk) — the layer then renders unconditionally. */\nfunction asIsVisible(data: unknown): ((id: string) => boolean) | null {\n  const maybe = data as { getIsVisible?: () => (id: string) => boolean };\n  if (typeof maybe?.getIsVisible === 'function') return maybe.getIsVisible();\n  return null;\n}\n\n/** The ids the handle pass works against when the layer takes its selection\n *  from the envelope: the synthetic union id for a multi-selection, the\n *  selection itself otherwise. */\nfunction chromeSelectionIds(state: ChromeState | null): readonly NodeId[] {\n  if (!state) return [];\n  if (state.multiActive) return [MULTI_RESIZE_TARGET_ID as NodeId];\n  return state.selection;\n}\n\n/** Pull live `ChromeState` off the draw `data` envelope. Returns `null` for\n *  callers that pass plain data with no `getChromeState` thunk — the layer\n *  then resolves the multi-union via the supplied `getPose` resolver. */\nfunction asChromeState(data: unknown): ChromeState | null {\n  const maybe = data as { getChromeState?: () => ChromeState };\n  if (typeof maybe?.getChromeState === 'function') return maybe.getChromeState();\n  return null;\n}\n"],"mappings":"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"}

package/dist/features/text/index.js

@@ -0,0 +1,6 @@
+import { createTextLayer as e } from "./textLayer.js";
+import { useSceneTextEdit as t } from "./useSceneTextEdit.js";
+import { textCommand as n, textCommandFromPose as r, textCommandFromRuns as i } from "@weasel-js/renderer";
+import { TextOutlinesError as a, loadTextOutlines as o, textToPath as s, textToPathsByPaint as c } from "@weasel-js/text";
+import { TEXT_EDIT_FONT_HOLD as l, charOffsetToDomPosition as u, domPositionToCharOffset as d, domToRuns as f, runsToDom as p, useTextEdit as m } from "@weasel-js/text-dom";
+export { l as TEXT_EDIT_FONT_HOLD, a as TextOutlinesError, u as charOffsetToDomPosition, e as createTextLayer, d as domPositionToCharOffset, f as domToRuns, o as loadTextOutlines, p as runsToDom, n as textCommand, r as textCommandFromPose, i as textCommandFromRuns, s as textToPath, c as textToPathsByPaint, t as useSceneTextEdit, m as useTextEdit };

package/dist/features/text/textLayer.js

@@ -1,4 +1,4 @@
-import { textCommandFromPose as e } from "./textCommand.js";
+import { textCommandFromPose as e } from "@weasel-js/renderer";
 import { runsToPlainText as t } from "@weasel-js/text";
 //#region src/features/text/textLayer.ts
 function n(n) {

package/dist/features/text/textLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"textLayer.js","names":["createTextLayer","opts","scale","view","children","node","getTexts","isHidden","pose","getPose","runsToPlainText","textCmd","textCommandFromPose","clipToBounds"],"sources":["../../../src/features/text/textLayer.ts"],"sourcesContent":["/**\n * Text RenderLayer for text that is not in a scene: one `textCommandFromPose`\n * command per item, the same command the `kit:text` node painter emits, so an\n * item lays out — and wraps, or doesn't, per its style — as a node would.\n *\n * The GL renderer uses MSDF text. The resolved style's `fontFamily` must\n * be registered via `registerFont(family, variant, metricsUrl, atlasUrl)`\n * from the renderer module *before* the GL backend dispatches this layer.\n * Unregistered families render with a warning and no glyphs (see\n * `TextDrawCommand`'s contract).\n */\n\nimport { type DrawCommand } from '../../renderer';\nimport type { TextPose } from '@weasel-js/text';\n\nimport type { RenderLayer } from 'core/layers/render';\nimport { textCommandFromPose } from './textCommand';\nimport { runsToPlainText } from '@weasel-js/text';\n\n\n/** Options for `createTextLayer`. */\nexport interface CreateTextLayerOpts<T> {\n  id?: string;\n  label?: string;\n  getTexts: () => readonly T[];\n  getPose: (node: T) => TextPose;\n  /** Optional per-node hide hook (e.g., suppress while editing). */\n  isHidden?: (node: T) => boolean;\n  /** When `true`, each text command is wrapped in a clipped group so any\n   *  overflow beyond the pose's `(width × height)` is hidden. Default\n   *  `false` (legacy: text can spill outside the declared bounds). Opt-in\n   *  so existing consumers who rely on overflow keep working. */\n  clipToBounds?: boolean;\n}\n\n/** Build a `RenderLayer` that emits one `TextDrawCommand` per text node. */\nexport function createTextLayer<T>(opts: CreateTextLayerOpts<T>): RenderLayer<unknown> {\n  const { id = 'text', label = 'Text', getTexts, getPose, isHidden, clipToBounds = false } = opts;\n  return {\n    id,\n    label,\n    draw: (_data, view) => {\n      // A world-space layer, so a `{ px }` size in a pose's style resolves\n      // against the live camera. Radial in effect — one factor for both axes.\n      const scale = (view.scale.x + view.scale.y) / 2;\n      const children: DrawCommand[] = [];\n      for (const node of getTexts()) {\n        if (isHidden?.(node)) continue;\n        const pose = getPose(node);\n        if (pose.runs && pose.runs.length > 0 && runsToPlainText(pose.runs) !== pose.text) {\n          throw new Error(\n            `weasel createTextLayer: TextPose invariant violated — ` +\n            `runsToPlainText(runs) !== text. Either omit \\`runs\\` or keep it ` +\n            `synchronized with \\`text\\`.`,\n          );\n        }\n        const textCmd = textCommandFromPose(pose, scale);\n        if (clipToBounds) {\n          children.push({\n            kind: 'group',\n            clip: { kind: 'rect', x: pose.x, y: pose.y, width: pose.width, height: pose.height },\n            children: [textCmd],\n          });\n        } else {\n          children.push(textCmd);\n        }\n      }\n      // World-space commands; drawLayers wraps in viewToMat3 automatically.\n      return children;\n    },\n  };\n}\n"],"mappings":";;;AAoCA,SAAgBA,EAAmB,GAAoD;CACrF,IAAM,EAAE,QAAK,QAAQ,WAAQ,QAAQ,aAAU,YAAS,aAAU,kBAAe,OAAUC;CAC3F,OAAO;EACL;EACA;EACA,OAAO,GAAO,MAAS;GAGrB,IAAMC,KAASC,EAAK,MAAM,IAAIA,EAAK,MAAM,KAAK,GACxCC,IAA0B,CAAC;GACjC,KAAK,IAAMC,KAAQC,EAAS,GAAG;IAC7B,IAAIC,IAAWF,CAAI,GAAG;IACtB,IAAMG,IAAOC,EAAQJ,CAAI;IACzB,IAAIG,EAAK,QAAQA,EAAK,KAAK,SAAS,KAAKE,EAAgBF,EAAK,IAAI,MAAMA,EAAK,MAC3E,MAAU,MACR,+IAGF;IAEF,IAAMG,IAAUC,EAAoBJ,GAAMN,CAAK;IAC/C,AAAIW,IACFT,EAAS,KAAK;KACZ,MAAM;KACN,MAAM;MAAE,MAAM;MAAQ,GAAGI,EAAK;MAAG,GAAGA,EAAK;MAAG,OAAOA,EAAK;MAAO,QAAQA,EAAK;KAAO;KACnF,UAAU,CAACG,CAAO;IACpB,CAAC,IAEDP,EAAS,KAAKO,CAAO;GAEzB;GAEA,OAAOP;EACT;CACF;AACF"}
+{"version":3,"file":"textLayer.js","names":["createTextLayer","opts","scale","view","children","node","getTexts","isHidden","pose","getPose","runsToPlainText","textCmd","textCommandFromPose","clipToBounds"],"sources":["../../../src/features/text/textLayer.ts"],"sourcesContent":["/**\n * Text RenderLayer for text that is not in a scene: one `textCommandFromPose`\n * command per item, the same command the `kit:text` node painter emits, so an\n * item lays out — and wraps, or doesn't, per its style — as a node would.\n *\n * The GL renderer uses MSDF text. The resolved style's `fontFamily` must\n * be registered via `registerFont(family, variant, metricsUrl, atlasUrl)`\n * from the renderer module *before* the GL backend dispatches this layer.\n * Unregistered families render with a warning and no glyphs (see\n * `TextDrawCommand`'s contract).\n */\n\nimport { type DrawCommand } from '@weasel-js/renderer';\nimport type { TextPose } from '@weasel-js/text';\n\nimport type { RenderLayer } from 'core/layers/render';\nimport { textCommandFromPose } from '@weasel-js/renderer';\nimport { runsToPlainText } from '@weasel-js/text';\n\n\n/** Options for `createTextLayer`. */\nexport interface CreateTextLayerOpts<T> {\n  id?: string;\n  label?: string;\n  getTexts: () => readonly T[];\n  getPose: (node: T) => TextPose;\n  /** Optional per-node hide hook (e.g., suppress while editing). */\n  isHidden?: (node: T) => boolean;\n  /** When `true`, each text command is wrapped in a clipped group so any\n   *  overflow beyond the pose's `(width × height)` is hidden. Default\n   *  `false` (legacy: text can spill outside the declared bounds). Opt-in\n   *  so existing consumers who rely on overflow keep working. */\n  clipToBounds?: boolean;\n}\n\n/** Build a `RenderLayer` that emits one `TextDrawCommand` per text node. */\nexport function createTextLayer<T>(opts: CreateTextLayerOpts<T>): RenderLayer<unknown> {\n  const { id = 'text', label = 'Text', getTexts, getPose, isHidden, clipToBounds = false } = opts;\n  return {\n    id,\n    label,\n    draw: (_data, view) => {\n      // A world-space layer, so a `{ px }` size in a pose's style resolves\n      // against the live camera. Radial in effect — one factor for both axes.\n      const scale = (view.scale.x + view.scale.y) / 2;\n      const children: DrawCommand[] = [];\n      for (const node of getTexts()) {\n        if (isHidden?.(node)) continue;\n        const pose = getPose(node);\n        if (pose.runs && pose.runs.length > 0 && runsToPlainText(pose.runs) !== pose.text) {\n          throw new Error(\n            `weasel createTextLayer: TextPose invariant violated — ` +\n            `runsToPlainText(runs) !== text. Either omit \\`runs\\` or keep it ` +\n            `synchronized with \\`text\\`.`,\n          );\n        }\n        const textCmd = textCommandFromPose(pose, scale);\n        if (clipToBounds) {\n          children.push({\n            kind: 'group',\n            clip: { kind: 'rect', x: pose.x, y: pose.y, width: pose.width, height: pose.height },\n            children: [textCmd],\n          });\n        } else {\n          children.push(textCmd);\n        }\n      }\n      // World-space commands; drawLayers wraps in viewToMat3 automatically.\n      return children;\n    },\n  };\n}\n"],"mappings":";;;AAoCA,SAAgBA,EAAmB,GAAoD;CACrF,IAAM,EAAE,QAAK,QAAQ,WAAQ,QAAQ,aAAU,YAAS,aAAU,kBAAe,OAAUC;CAC3F,OAAO;EACL;EACA;EACA,OAAO,GAAO,MAAS;GAGrB,IAAMC,KAASC,EAAK,MAAM,IAAIA,EAAK,MAAM,KAAK,GACxCC,IAA0B,CAAC;GACjC,KAAK,IAAMC,KAAQC,EAAS,GAAG;IAC7B,IAAIC,IAAWF,CAAI,GAAG;IACtB,IAAMG,IAAOC,EAAQJ,CAAI;IACzB,IAAIG,EAAK,QAAQA,EAAK,KAAK,SAAS,KAAKE,EAAgBF,EAAK,IAAI,MAAMA,EAAK,MAC3E,MAAU,MACR,+IAGF;IAEF,IAAMG,IAAUC,EAAoBJ,GAAMN,CAAK;IAC/C,AAAIW,IACFT,EAAS,KAAK;KACZ,MAAM;KACN,MAAM;MAAE,MAAM;MAAQ,GAAGI,EAAK;MAAG,GAAGA,EAAK;MAAG,OAAOA,EAAK;MAAO,QAAQA,EAAK;KAAO;KACnF,UAAU,CAACG,CAAO;IACpB,CAAC,IAEDP,EAAS,KAAKO,CAAO;GAEzB;GAEA,OAAOP;EACT;CACF;AACF"}

package/dist/features/text/useSceneTextEdit.js

@@ -1,84 +1,86 @@
-import { effectivePose as e } from "../../core/scene/effectivePose.js";
-import { asNodeId as t } from "../../core/scene/types.js";
-import { findMountedCanvas as n } from "../../canvas/mountedCanvases.js";
-import { isTextData as r } from "./isTextData.js";
-import { caretIndexAt as i, pointInTextPose as a } from "./hitTest.js";
-import { useTextEdit as o } from "./useTextEdit.js";
-import { resolveScreenLength as s } from "@weasel-js/paint";
-import { useCallback as c, useMemo as l, useRef as u } from "react";
-import { useLatest as d } from "@weasel-js/react";
-import { clientToCanvas as f } from "@weasel-js/routing";
+import { targetTransformOf as e, worldToLocal as t } from "../../core/geometry/targetFrame.js";
+import { asNodeId as n } from "../../core/scene/types.js";
+import { scenePaintedPoseOf as r } from "../../canvas/derivedPath.js";
+import { findMountedCanvas as i } from "../../canvas/mountedCanvases.js";
+import { poseFrameOf as a } from "@weasel-js/geom";
+import { useCallback as o, useMemo as s, useRef as c } from "react";
+import { useLatest as l } from "@weasel-js/react";
+import { clientToCanvas as u } from "@weasel-js/routing";
+import { resolveScreenLength as d } from "@weasel-js/paint";
+import { caretIndexAt as f, isTextData as p, pointInTextPose as m } from "@weasel-js/text";
+import { useTextEdit as h } from "@weasel-js/text-dom";
 //#region src/features/text/useSceneTextEdit.ts
-function p(e) {
+function g(e) {
 	return typeof e == "function" ? e() : e;
 }
-function m(m, h, g = {}) {
-	let _ = d(m), v = d(g), y = d(h), b = u(null), x = () => {
-		let e = y.current, t = e ? n(e, b.current) : null;
+function _(e) {
+	return {
+		isText: (t) => e.current.isText ? e.current.isText(t) : p(t),
+		text: (t) => e.current.getText ? e.current.getText(t) : t.text ?? "",
+		style: (t) => e.current.getStyle ? e.current.getStyle(t) : t.style,
+		runs: (t) => e.current.getRuns ? e.current.getRuns(t) : t.runs,
+		verticalAlign: (t) => e.current.getVerticalAlign ? e.current.getVerticalAlign(t) : t.verticalAlign
+	};
+}
+function v(a, p, v = {}) {
+	let b = l(a), x = l(v), S = l(p), C = c(null), w = () => {
+		let e = S.current, t = e ? i(e, C.current) : null;
 		if (!e || !t) return null;
-		let r = t.element.getBoundingClientRect(), i = e.getBoundingClientRect();
+		let n = t.element.getBoundingClientRect(), r = e.getBoundingClientRect();
 		return {
 			canvas: t,
 			box: {
-				x: r.left - i.left - e.clientLeft + e.scrollLeft,
-				y: r.top - i.top - e.clientTop + e.scrollTop,
-				width: r.width,
-				height: r.height
+				x: n.left - r.left - e.clientLeft + e.scrollLeft,
+				y: n.top - r.top - e.clientTop + e.scrollTop,
+				width: n.width,
+				height: n.height
 			}
 		};
-	}, S = l(() => ({
-		isText: (e) => v.current.isText ? v.current.isText(e) : r(e),
-		text: (e) => v.current.getText ? v.current.getText(e) : e.text ?? "",
-		style: (e) => v.current.getStyle ? v.current.getStyle(e) : e.style,
-		runs: (e) => v.current.getRuns ? v.current.getRuns(e) : e.runs,
-		verticalAlign: (e) => v.current.getVerticalAlign ? v.current.getVerticalAlign(e) : e.verticalAlign
-	}), [v]), C = o({
-		container: h,
-		isEditorChrome: (e) => v.current.isEditorChrome?.(e) ?? !1,
-		escape: g.escape,
-		fontHold: g.fontHold,
+	}, T = s(() => _(x), [x]), E = h({
+		container: p,
+		isEditorChrome: (e) => x.current.isEditorChrome?.(e) ?? !1,
+		escape: v.escape,
+		fontHold: v.fontHold,
+		onStart: (e) => x.current.onStart?.(e),
+		onEnd: (e) => x.current.onEnd?.(e),
 		getText: (e) => {
-			let n = _.current.get(t(e));
-			return n ? S.text(n.data) : "";
+			let t = b.current.get(n(e));
+			return t ? T.text(t.data) : "";
 		},
 		getStyle: (e) => {
-			let n = _.current.get(t(e));
-			return n ? S.style(n.data) : void 0;
+			let t = b.current.get(n(e));
+			return t ? T.style(t.data) : void 0;
 		},
 		getPaint: (e) => {
-			let n = _.current.get(t(e));
-			if (!n) return;
-			let r = v.current.getPaint;
-			return r ? r(n.data) : {
-				fill: n.data.fill,
-				stroke: n.data.stroke
+			let t = b.current.get(n(e));
+			if (!t) return;
+			let r = x.current.getPaint;
+			return r ? r(t.data) : {
+				fill: t.data.fill,
+				stroke: t.data.stroke
 			};
 		},
-		getScreenPose: (n) => {
-			let r = _.current, i = r.get(t(n));
+		getScreenPose: (e) => {
+			let t = b.current, i = t.get(n(e));
 			if (!i) return null;
-			let a = e(r, i), o = S.style(i.data), c = x(), l = p(v.current.view) ?? c?.canvas.getView(), u = l ? l.scale.x : 1, d = c?.box.x ?? 0, f = c?.box.y ?? 0;
+			let a = r(t)(i), o = T.style(i.data), s = w(), c = y(a, g(x.current.view) ?? s?.canvas.getView(), s?.box);
 			return {
-				x: d + (l ? (a.x - l.x) * l.scale.x : a.x),
-				y: f + (l ? (a.y - l.y) * l.scale.y : a.y),
-				width: a.width,
-				height: a.height,
-				fontSize: s(o?.fontSize ?? v.current.defaultFontSize ?? 16, u),
-				zoom: u,
-				verticalAlign: S.verticalAlign(i.data)
+				...c,
+				fontSize: d(o?.fontSize ?? x.current.defaultFontSize ?? 16, c.zoom),
+				verticalAlign: T.verticalAlign(i.data)
 			};
 		},
-		getClipRect: () => x()?.box ?? null,
+		getClipRect: () => w()?.box ?? null,
 		getRuns: (e) => {
-			let n = _.current.get(t(e));
-			return n ? S.runs(n.data) : void 0;
+			let t = b.current.get(n(e));
+			return t ? T.runs(t.data) : void 0;
 		},
-		commit: (e, { text: n, runs: r, style: i }) => {
-			let a = t(e), o = _.current.get(a);
+		commit: (e, { text: t, runs: r, style: i }) => {
+			let a = n(e), o = b.current.get(a);
 			if (!o) return;
-			let { setText: s, setRuns: c, setStyle: l } = v.current, u = s ? s(o.data, n) : {
+			let { setText: s, setRuns: c, setStyle: l } = x.current, u = s ? s(o.data, t) : {
 				...o.data,
-				text: n
+				text: t
 			};
 			r && (u = c ? c(u, r) : {
 				...u,
@@ -86,47 +88,76 @@ function m(m, h, g = {}) {
 			}), i && (u = l ? l(u, i) : {
 				...u,
 				style: i
-			}), _.current.update(a, { data: u });
+			}), b.current.update(a, { data: u });
 		}
-	}), w = c((t) => {
-		let r = t.target instanceof HTMLElement ? t.target : null;
-		if (!r || r.closest("[contenteditable=\"true\"]")) return;
-		let [o, s] = f(r, t.clientX, t.clientY), c = y.current, l = p(v.current.view) ?? (c ? n(c, r)?.getView() : void 0), u = l ? o / l.scale.x + l.x : o, d = l ? s / l.scale.y + l.y : s, m = _.current.renderOrderNodes();
-		for (let t = m.length - 1; t >= 0; t--) {
-			let n = m[t];
-			if (_.current.isLocked(n.id) || !S.isText(n.data)) continue;
-			let o = S.text(n.data), s = e(_.current, n), c = {
-				x: s.x,
-				y: s.y,
-				width: s.width,
-				height: s.height,
-				text: o,
-				runs: S.runs(n.data),
-				style: S.style(n.data),
-				verticalAlign: S.verticalAlign(n.data)
+	}), D = o((n) => {
+		let a = n.target instanceof HTMLElement ? n.target : null;
+		if (!a || a.closest("[contenteditable=\"true\"]")) return;
+		let [o, s] = u(a, n.clientX, n.clientY), c = S.current, l = g(x.current.view) ?? (c ? i(c, a)?.getView() : void 0), d = l ? o / l.scale.x + l.x : o, p = l ? s / l.scale.y + l.y : s, h = b.current.renderOrderNodes(), _ = r(b.current);
+		for (let n = h.length - 1; n >= 0; n--) {
+			let r = h[n];
+			if (b.current.isLocked(r.id) || !T.isText(r.data)) continue;
+			let i = T.text(r.data), o = _(r), s = t(e(o), d, p);
+			if (!s) continue;
+			let c = {
+				x: o.x,
+				y: o.y,
+				width: o.width,
+				height: o.height,
+				text: i,
+				runs: T.runs(r.data),
+				style: T.style(r.data),
+				verticalAlign: T.verticalAlign(r.data)
 			};
-			if (a(u, d, c)) {
-				b.current = r, C.startEdit(String(n.id), { caret: i(u, d, c) });
+			if (m(s.x, s.y, c)) {
+				C.current = a, E.startEdit(String(r.id), { caret: f(s.x, s.y, c) });
 				return;
 			}
 		}
 	}, [
-		C,
-		y,
-		v,
+		E,
 		S,
-		_
-	]), T = c((e) => {
-		let n = _.current.get(t(e));
-		return n !== void 0 && S.isText(n.data);
-	}, [S, _]);
+		x,
+		T,
+		b
+	]), O = o((e) => {
+		let t = b.current.get(n(e));
+		return t !== void 0 && T.isText(t.data);
+	}, [T, b]);
 	return {
-		...C,
-		onDoubleClick: w,
-		isTextNode: T
+		...E,
+		onDoubleClick: D,
+		isTextNode: O
 	};
 }
+function y(e, t, n) {
+	let r = t ? t.scale.x : 1, i = t ? t.scale.y : 1, a = (n?.x ?? 0) + (e.x + e.width / 2 - (t?.x ?? 0)) * r, o = (n?.y ?? 0) + (e.y + e.height / 2 - (t?.y ?? 0)) * i;
+	return {
+		x: a - e.width * r / 2,
+		y: o - e.height * r / 2,
+		width: e.width,
+		height: e.height,
+		zoom: r,
+		frame: b(e, i / r)
+	};
+}
+function b(e, t) {
+	let n = a(e);
+	if (!n && t === 1) return;
+	let [r, i, o, s] = n ?? [
+		1,
+		0,
+		0,
+		1
+	];
+	return [
+		r,
+		i * t,
+		o,
+		s * t
+	];
+}
 //#endregion
-export { m as useSceneTextEdit };
+export { v as useSceneTextEdit };
 
 //# sourceMappingURL=useSceneTextEdit.js.map