@weasel-js/core 1.10.1 → 1.11.1

package/dist/affordances/composeAffordanceLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"composeAffordanceLayer.js","names":["composeAffordanceLayer","state","asChromeState","data","debug","asDebugSink","isVisible","asIsVisible","out","t","viewToTransform","view","a","affordances","region","xf","transformOf","paintRegion","recordRegionHitbox","cmd","hit","hitAffordanceRegions","wx","wy","cursor","strength","claimedKinds","maybe","f","pointRegionFrame","quad","pointRegionScreenQuad","x","y","affordanceId","q","s","annulusSemiAxes","rx","ry","boundsOfPath","recordLocalRect","isRigid","targetCorners","r","w","localToWorld","angleOf","paint","sx","sy","worldToScreen","viewT","half","fill","stroke","c","sn","coords","u","v","i","PATH_M","PATH_L","PATH_Z","insetLocal","pxExtentIn","annulusCommand","ctx","worldOf","semiAxes","cx","shape","cy","rectHW","rectHH","haveTopBottom","haveLeftRight","xT","yR","cmds","localPts","appendPetal","t0","t1","pointRegionAnchor","ma","mb","mc","md","hw","hh","b","d","minX","minY","maxX","maxY"],"sources":["../../src/affordances/composeAffordanceLayer.ts"],"sourcesContent":["import type { RenderLayer } from 'core/layers/render';\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport type { ChromeState } from 'core/selection/chromeState';\nimport type { View } from 'core/viewport/view';\nimport { viewToTransform } from 'core/viewport/view';\nimport { worldToScreen } from 'core/viewport/viewTransform';\nimport { isRigid, pxExtentIn, targetCorners } from 'core/geometry/targetFrame';\nimport type { DebugSink } from '../debug/types';\nimport type { CommandFill, CommandStroke } from '@weasel-js/paint';\nimport { boundsOfPath, PATH_M, PATH_L, PATH_Z } from '@weasel-js/geom';\nimport {\n  angleOf,\n  annulusSemiAxes,\n  hitAffordanceRegions,\n  localToWorld,\n  pointRegionAnchor,\n  pointRegionFrame,\n  pointRegionScreenQuad,\n  transformOf,\n  type TargetTransform,\n} from './hitAffordanceRegions';\nimport type {\n  Affordance,\n  AffordanceRegion,\n  CustomPaintContext,\n  LayerHit,\n} from './types';\n\n/**\n * @experimental\n * Bundle a list of Affordances into a single RenderLayer.\n *\n * Paint order matches array order (first → last = bottom → top). Hit-test walks affordances in\n * reverse and stops at the first that claims the point; within it the nearest region wins.\n *\n * `decorate(state, view)` runs *after* a given affordance's regions, for paint only.\n */\nexport function composeAffordanceLayer(\n  id: string,\n  label: string,\n  affordances: readonly Affordance[],\n): RenderLayer<ChromeState> & {\n  hitTest(\n    wx: number,\n    wy: number,\n    state: unknown,\n    view: View,\n    dims: { width: number; height: number },\n    isVisible?: (id: string) => boolean,\n  ): LayerHit | null;\n} {\n  return {\n    id,\n    label,\n    space: 'screen',\n    draw: (data, view, _dims): DrawCommand[] => {\n      const state = asChromeState(data);\n      const debug = asDebugSink(data);\n      const isVisible = asIsVisible(data);\n      const out: DrawCommand[] = [];\n      const t = viewToTransform(view);\n      for (const a of affordances) {\n        if (isVisible && !isVisible(a.id)) continue;\n        for (const region of a.regions(state)) {\n          const xf = transformOf(state, region.targetId);\n          if (region.paint) paintRegion(region, xf, view, state, t, out);\n          if (debug) recordRegionHitbox(debug, a.id, region, xf, view);\n        }\n        if (a.decorate) {\n          for (const cmd of a.decorate(state, view)) out.push(cmd);\n        }\n      }\n      return out;\n    },\n    // The walk lives in `hitAffordanceRegions` so this layer and `buildAffordanceAt` share one\n    // implementation. This wrapper lifts the region's declared cursor and claim onto the binding.\n    hitTest: (wx, wy, data, view, _dims, isVisible): LayerHit | null => {\n      const state = asChromeState(data);\n      if (!state) return null;\n      const hit = hitAffordanceRegions(\n        affordances, wx, wy, state, view, isVisible ?? asIsVisible(data) ?? undefined,\n      );\n      if (!hit) return null;\n      const { cursor } = hit;\n      const { strength, claimedKinds } = hit.region;\n      return {\n        ...hit.binding,\n        ...(cursor !== undefined ? { cursor } : {}),\n        ...(strength !== undefined ? { strength } : {}),\n        ...(claimedKinds !== undefined ? { claimedKinds } : {}),\n      };\n    },\n  };\n}\n\n// `draw` is called by Canvas with `CanvasHelpers` and by tests with a bare `ChromeState`.\nfunction asChromeState(data: unknown): ChromeState {\n  const maybe = data as { getChromeState?: () => ChromeState };\n  if (typeof maybe?.getChromeState === 'function') return maybe.getChromeState();\n  return data as ChromeState;\n}\n\nfunction asDebugSink(data: unknown): DebugSink | null {\n  const maybe = data as { getDebug?: () => DebugSink | null };\n  if (typeof maybe?.getDebug === 'function') return maybe.getDebug();\n  return null;\n}\n\n/** The chrome-caps visibility predicate off the data envelope. When absent (tests passing\n *  bare state), every affordance renders. */\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\nfunction recordRegionHitbox(\n  debug: DebugSink,\n  affordanceId: string,\n  region: AffordanceRegion,\n  xf: TargetTransform,\n  view: View,\n): void {\n  if (region.shape.kind === 'point') {\n    // The hit square is a square on *screen* — turned with the target when the\n    // region asks — so in world it is a parallelogram, recorded as one.\n    const f = pointRegionFrame(region.shape, xf, view);\n    const quad = pointRegionScreenQuad(region.shape, xf, view, (x, y) => [x, y]);\n    debug.recordHitbox(affordanceId, 'handle', {\n      kind: 'polygon',\n      points: quad.map((q) => ({\n        x: f.x + (q.x - f.x) / view.scale.x,\n        y: f.y + (q.y - f.y) / view.scale.y,\n      })),\n    });\n    return;\n  }\n  if (region.shape.kind === 'annulus') {\n    // Approximated as the outer ellipse's AABB: the DebugSink's hitbox primitives don't\n    // model ring shapes.\n    const s = region.shape;\n    const { rx, ry } = annulusSemiAxes(s, view, xf);\n    recordLocalRect(debug, affordanceId, xf, { x: s.cx - rx, y: s.cy - ry, width: 2 * rx, height: 2 * ry });\n    return;\n  }\n  const box = region.shape.kind === 'outline' ? boundsOfPath(region.shape.path) : region.shape;\n  recordLocalRect(debug, affordanceId, xf, box);\n}\n\n/** A rect of the target's own frame as a debug hitbox: the unturned box plus\n *  the rotation while the frame only turns it, and the quad it lands on once\n *  the frame skews or stretches it. */\nfunction recordLocalRect(\n  debug: DebugSink,\n  affordanceId: string,\n  xf: TargetTransform,\n  r: { x: number; y: number; width: number; height: number },\n): void {\n  if (!isRigid(xf)) {\n    debug.recordHitbox(affordanceId, 'handle', { kind: 'polygon', points: targetCorners(r, xf) });\n    return;\n  }\n  const w = localToWorld(xf, r.x + r.width / 2, r.y + r.height / 2);\n  debug.recordHitbox(affordanceId, 'handle', {\n    kind: 'rect',\n    x: w.x - r.width / 2,\n    y: w.y - r.height / 2,\n    width: r.width,\n    height: r.height,\n    ...(xf.identity ? {} : { rotation: angleOf(xf) }),\n  });\n}\n\nfunction paintRegion(\n  region: AffordanceRegion,\n  xf: TargetTransform,\n  view: View,\n  state: ChromeState,\n  viewT: ReturnType<typeof viewToTransform>,\n  out: DrawCommand[],\n): void {\n  const paint = region.paint!;\n  if (paint.kind === 'square') {\n    if (region.shape.kind !== 'point') {\n      // 'square' only makes sense over a point shape.\n      return;\n    }\n    // Same frame the hit-test reads, at the paint's own size.\n    const f = pointRegionFrame(region.shape, xf, view);\n    const [sx, sy] = worldToScreen(f.x, f.y, viewT);\n    const half = paint.sizePx / 2;\n    const fill = paint.fill ? { fill: paint.fill } : {};\n    const stroke = paint.stroke ? { stroke: paint.stroke } : {};\n    if (f.angle === 0) {\n      out.push({\n        kind: 'path',\n        path: { kind: 'rect', x: sx - half, y: sy - half, width: paint.sizePx, height: paint.sizePx },\n        ...fill, ...stroke,\n      });\n      return;\n    }\n    const c = Math.cos(f.angle) * half, sn = Math.sin(f.angle) * half;\n    const coords = new Float32Array(8);\n    [[-1, -1], [1, -1], [1, 1], [-1, 1]].forEach(([u, v], i) => {\n      coords[i * 2] = sx + c * u - sn * v;\n      coords[i * 2 + 1] = sy + sn * u + c * v;\n    });\n    out.push({\n      kind: 'path',\n      path: { kind: 'polygon', commands: new Uint8Array([PATH_M, PATH_L, PATH_L, PATH_L, PATH_Z]), coords, fillRule: 'nonzero' },\n      ...fill, ...stroke,\n    });\n    return;\n  }\n  if (paint.kind === 'annulus') {\n    if (region.shape.kind !== 'annulus') return; // type mismatch — silent skip\n    const s = region.shape;\n    // The screen-px inset in target-local units, so it visually matches at any zoom.\n    const insetLocal = pxExtentIn(paint.insetPx ?? 0, view.scale, xf);\n    // Same `minBandPx` clamp the hit-test applies, so the ring you can see is\n    // the ring you can grab.\n    const cmd = annulusCommand(s, annulusSemiAxes(s, view, xf), insetLocal, xf, viewT, paint.fill, paint.stroke);\n    if (cmd) out.push(cmd);\n    return;\n  }\n  if (paint.kind === 'custom') {\n    const ctx: CustomPaintContext = {\n      world: worldOf(region, xf, view),\n      local: region.shape,\n      view,\n      state,\n    };\n    for (const cmd of paint.draw(ctx)) out.push(cmd);\n    return;\n  }\n}\n\n/** Build a screen-space DrawCommand for an annulus region: the area\n *  inside the (contracted) outer ellipse but outside the (expanded)\n *  inner rect. Renders as four disjoint petal subpaths — one per rect\n *  edge — so the visible fill is true `ellipse \\ rect`. A naive\n *  ellipse + rect even-odd path would also fill the rect's corner\n *  triangles where they poke past the contracted ellipse. Returns null\n *  when the band collapses on both axes. */\nfunction annulusCommand(\n  shape: Extract<AffordanceRegion['shape'], { kind: 'annulus' }>,\n  semiAxes: { rx: number; ry: number },\n  insetLocal: { x: number; y: number },\n  xf: TargetTransform,\n  viewT: ReturnType<typeof viewToTransform>,\n  fill: CommandFill | undefined,\n  stroke: CommandStroke | undefined,\n): DrawCommand | null {\n  const rx = semiAxes.rx - insetLocal.x;\n  const ry = semiAxes.ry - insetLocal.y;\n  if (rx <= 0 || ry <= 0) return null;\n  const cx = shape.cx;\n  const cy = shape.cy;\n  // Expanded inner rect (still in target-local coords).\n  const rectHW = shape.innerWidth / 2 + insetLocal.x;\n  const rectHH = shape.innerHeight / 2 + insetLocal.y;\n  // A petal exists only when its rect edge intersects the ellipse interior — otherwise the\n  // rect already extends past the ellipse on that axis.\n  const haveTopBottom = rectHH < ry;\n  const haveLeftRight = rectHW < rx;\n  if (!haveTopBottom && !haveLeftRight) return null;\n  const xT = haveTopBottom ? rx * Math.sqrt(1 - (rectHH / ry) ** 2) : 0;\n  const yR = haveLeftRight ? ry * Math.sqrt(1 - (rectHW / rx) ** 2) : 0;\n\n  // Line segments per petal arc; 24 is smooth at typical zooms.\n  const SAMPLES = 24;\n  const cmds: number[] = [];\n  const localPts: { x: number; y: number }[] = [];\n\n  function appendPetal(t0: number, t1: number): void {\n    cmds.push(PATH_M);\n    localPts.push({ x: cx + rx * Math.cos(t0), y: cy + ry * Math.sin(t0) });\n    for (let i = 1; i <= SAMPLES; i++) {\n      const t = t0 + (t1 - t0) * (i / SAMPLES);\n      cmds.push(PATH_L);\n      localPts.push({ x: cx + rx * Math.cos(t), y: cy + ry * Math.sin(t) });\n    }\n    // PATH_Z closes along the rect edge: both endpoints share the rect-edge coord by\n    // construction, so the closing segment IS the chord.\n    cmds.push(PATH_Z);\n  }\n\n  if (haveTopBottom) {\n    // Top petal: y < cy. Arc from right endpoint over t = -π/2 to left.\n    appendPetal(\n      Math.atan2(-rectHH / ry, xT / rx),   // in (-π/2, 0)\n      Math.atan2(-rectHH / ry, -xT / rx),  // in (-π, -π/2), decreasing through -π/2\n    );\n    // Bottom petal: y > cy. Arc through t = +π/2.\n    appendPetal(\n      Math.atan2(rectHH / ry, xT / rx),    // in (0, π/2)\n      Math.atan2(rectHH / ry, -xT / rx),   // in (π/2, π), increasing through π/2\n    );\n  }\n  if (haveLeftRight) {\n    // Right petal: x > cx. Arc through t = 0.\n    appendPetal(\n      Math.atan2(-yR / ry, rectHW / rx),   // in (-π/2, 0)\n      Math.atan2(yR / ry, rectHW / rx),    // in (0, π/2)\n    );\n    // Left petal: x < cx. Arc through t = ±π. Shift the end angle by\n    // -2π so the parametric trace passes through the leftmost point\n    // monotonically instead of crossing the right side.\n    appendPetal(\n      Math.atan2(-yR / ry, -rectHW / rx),                  // in (-π, -π/2)\n      Math.atan2(yR / ry, -rectHW / rx) - 2 * Math.PI,     // in (-3π/2, -π), decreasing through -π\n    );\n  }\n\n  const coords = new Float32Array(localPts.length * 2);\n  for (let i = 0; i < localPts.length; i++) {\n    const w = localToWorld(xf, localPts[i].x, localPts[i].y);\n    const [sx, sy] = worldToScreen(w.x, w.y, viewT);\n    coords[i * 2] = sx;\n    coords[i * 2 + 1] = sy;\n  }\n  return {\n    kind: 'path',\n    path: { kind: 'polygon', commands: new Uint8Array(cmds), coords, fillRule: 'nonzero' },\n    ...(fill ? { fill } : {}),\n    ...(stroke ? { stroke } : {}),\n  };\n}\n\nfunction worldOf(region: AffordanceRegion, xf: TargetTransform, view: View): CustomPaintContext['world'] {\n  if (region.shape.kind === 'point') {\n    const w = pointRegionAnchor(region.shape, xf, view);\n    return { x: w.x, y: w.y };\n  }\n  if (region.shape.kind === 'annulus') {\n    // The outer ellipse's bounding box in world coords: each half-extent is\n    // the length of that row of the frame applied to the semi-axes.\n    const s = region.shape;\n    const { rx, ry } = annulusSemiAxes(s, view, xf);\n    const c = localToWorld(xf, s.cx, s.cy);\n    const [ma, mb, mc, md] = xf.toWorld;\n    const hw = Math.hypot(rx * ma, ry * mc);\n    const hh = Math.hypot(rx * mb, ry * md);\n    return { x: c.x - hw, y: c.y - hh, width: 2 * hw, height: 2 * hh };\n  }\n  // Rect: under rotation, width/height describe the AABB of the rotated rect. Affordances\n  // needing exact rotated geometry can read `local` and reapply the rotation themselves.\n  const r = region.shape.kind === 'outline' ? boundsOfPath(region.shape.path) : region.shape;\n  const a = localToWorld(xf, r.x, r.y);\n  const b = localToWorld(xf, r.x + r.width, r.y);\n  const c = localToWorld(xf, r.x, r.y + r.height);\n  const d = localToWorld(xf, r.x + r.width, r.y + r.height);\n  const minX = Math.min(a.x, b.x, c.x, d.x);\n  const minY = Math.min(a.y, b.y, c.y, d.y);\n  const maxX = Math.max(a.x, b.x, c.x, d.x);\n  const maxY = Math.max(a.y, b.y, c.y, d.y);\n  return { x: minX, y: minY, width: maxX - minX, height: maxY - minY };\n}\n\n// Hit-testing lives in `hitAffordanceRegions.ts` — see `hitRegion` there.\n"],"mappings":"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"}
+{"version":3,"file":"composeAffordanceLayer.js","names":[],"sources":["../../src/affordances/composeAffordanceLayer.ts"],"sourcesContent":["import type { RenderLayer } from 'core/layers/render';\nimport type { DrawCommand } from '@weasel-js/renderer';\nimport type { ChromeState } from 'core/selection/chromeState';\nimport type { View } from 'core/viewport/view';\nimport { viewToTransform } from 'core/viewport/view';\nimport { worldToScreen } from 'core/viewport/viewTransform';\nimport { isRigid, pxExtentIn, targetCorners } from 'core/geometry/targetFrame';\nimport type { DebugSink } from '../debug/types';\nimport type { CommandFill, CommandStroke } from '@weasel-js/paint';\nimport { boundsOfPath, PATH_M, PATH_L, PATH_Z } from '@weasel-js/geom';\nimport {\n  angleOf,\n  annulusSemiAxes,\n  hitAffordanceRegions,\n  localToWorld,\n  pointRegionAnchor,\n  pointRegionFrame,\n  pointRegionLive,\n  pointRegionScreenQuad,\n  transformOf,\n  type TargetTransform,\n} from './hitAffordanceRegions';\nimport type {\n  Affordance,\n  AffordanceRegion,\n  CustomPaintContext,\n  LayerHit,\n} from './types';\n\n/**\n * Bundle a list of Affordances into a single RenderLayer.\n *\n * Paint order matches array order (first → last = bottom → top). Hit-test walks affordances in\n * reverse and stops at the first that claims the point; within it the nearest region wins.\n *\n * `decorate(state, view)` runs *after* a given affordance's regions, for paint only.\n */\nexport function composeAffordanceLayer(\n  id: string,\n  label: string,\n  affordances: readonly Affordance[],\n): RenderLayer<ChromeState> & {\n  hitTest(\n    wx: number,\n    wy: number,\n    state: unknown,\n    view: View,\n    dims: { width: number; height: number },\n    isVisible?: (id: string) => boolean,\n  ): LayerHit | null;\n} {\n  return {\n    id,\n    label,\n    space: 'screen',\n    draw: (data, view, _dims): DrawCommand[] => {\n      const state = asChromeState(data);\n      const debug = asDebugSink(data);\n      const isVisible = asIsVisible(data);\n      const out: DrawCommand[] = [];\n      const t = viewToTransform(view);\n      for (const a of affordances) {\n        if (isVisible && !isVisible(a.id)) continue;\n        for (const region of a.regions(state)) {\n          const xf = transformOf(state, region.targetId);\n          if (region.shape.kind === 'point' && !pointRegionLive(region.shape, xf, view)) continue;\n          if (region.paint) paintRegion(region, xf, view, state, t, out);\n          if (debug) recordRegionHitbox(debug, a.id, region, xf, view);\n        }\n        if (a.decorate) {\n          for (const cmd of a.decorate(state, view)) out.push(cmd);\n        }\n      }\n      return out;\n    },\n    // The walk lives in `hitAffordanceRegions` so this layer and `buildAffordanceAt` share one\n    // implementation. This wrapper lifts the region's declared cursor and claim onto the binding.\n    hitTest: (wx, wy, data, view, _dims, isVisible): LayerHit | null => {\n      const state = asChromeState(data);\n      if (!state) return null;\n      const hit = hitAffordanceRegions(\n        affordances, wx, wy, state, view, isVisible ?? asIsVisible(data) ?? undefined,\n      );\n      if (!hit) return null;\n      const { cursor } = hit;\n      const { strength, claimedKinds } = hit.region;\n      return {\n        ...hit.binding,\n        ...(cursor !== undefined ? { cursor } : {}),\n        ...(strength !== undefined ? { strength } : {}),\n        ...(claimedKinds !== undefined ? { claimedKinds } : {}),\n      };\n    },\n  };\n}\n\n// `draw` is called by Canvas with `CanvasHelpers` and by tests with a bare `ChromeState`.\nfunction asChromeState(data: unknown): ChromeState {\n  const maybe = data as { getChromeState?: () => ChromeState };\n  if (typeof maybe?.getChromeState === 'function') return maybe.getChromeState();\n  return data as ChromeState;\n}\n\nfunction asDebugSink(data: unknown): DebugSink | null {\n  const maybe = data as { getDebug?: () => DebugSink | null };\n  if (typeof maybe?.getDebug === 'function') return maybe.getDebug();\n  return null;\n}\n\n/** The chrome-caps visibility predicate off the data envelope. When absent (tests passing\n *  bare state), every affordance renders. */\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\nfunction recordRegionHitbox(\n  debug: DebugSink,\n  affordanceId: string,\n  region: AffordanceRegion,\n  xf: TargetTransform,\n  view: View,\n): void {\n  if (region.shape.kind === 'point') {\n    // The hit square is a square on *screen* — turned with the target when the\n    // region asks — so in world it is a parallelogram, recorded as one.\n    const f = pointRegionFrame(region.shape, xf, view);\n    const quad = pointRegionScreenQuad(region.shape, xf, view, (x, y) => [x, y]);\n    debug.recordHitbox(affordanceId, 'handle', {\n      kind: 'polygon',\n      points: quad.map((q) => ({\n        x: f.x + (q.x - f.x) / view.scale.x,\n        y: f.y + (q.y - f.y) / view.scale.y,\n      })),\n    });\n    return;\n  }\n  if (region.shape.kind === 'annulus') {\n    // Approximated as the outer ellipse's AABB: the DebugSink's hitbox primitives don't\n    // model ring shapes.\n    const s = region.shape;\n    const { rx, ry } = annulusSemiAxes(s, view, xf);\n    recordLocalRect(debug, affordanceId, xf, { x: s.cx - rx, y: s.cy - ry, width: 2 * rx, height: 2 * ry });\n    return;\n  }\n  const box = region.shape.kind === 'outline' ? boundsOfPath(region.shape.path) : region.shape;\n  recordLocalRect(debug, affordanceId, xf, box);\n}\n\n/** A rect of the target's own frame as a debug hitbox: the unturned box plus\n *  the rotation while the frame only turns it, and the quad it lands on once\n *  the frame skews or stretches it. */\nfunction recordLocalRect(\n  debug: DebugSink,\n  affordanceId: string,\n  xf: TargetTransform,\n  r: { x: number; y: number; width: number; height: number },\n): void {\n  if (!isRigid(xf)) {\n    debug.recordHitbox(affordanceId, 'handle', { kind: 'polygon', points: targetCorners(r, xf) });\n    return;\n  }\n  const w = localToWorld(xf, r.x + r.width / 2, r.y + r.height / 2);\n  debug.recordHitbox(affordanceId, 'handle', {\n    kind: 'rect',\n    x: w.x - r.width / 2,\n    y: w.y - r.height / 2,\n    width: r.width,\n    height: r.height,\n    ...(xf.identity ? {} : { rotation: angleOf(xf) }),\n  });\n}\n\nfunction paintRegion(\n  region: AffordanceRegion,\n  xf: TargetTransform,\n  view: View,\n  state: ChromeState,\n  viewT: ReturnType<typeof viewToTransform>,\n  out: DrawCommand[],\n): void {\n  const paint = region.paint!;\n  if (paint.kind === 'square') {\n    if (region.shape.kind !== 'point') {\n      // 'square' only makes sense over a point shape.\n      return;\n    }\n    // Same frame the hit-test reads, at the paint's own size.\n    const f = pointRegionFrame(region.shape, xf, view);\n    const [sx, sy] = worldToScreen(f.x, f.y, viewT);\n    const half = paint.sizePx / 2;\n    const fill = paint.fill ? { fill: paint.fill } : {};\n    const stroke = paint.stroke ? { stroke: paint.stroke } : {};\n    if (f.angle === 0) {\n      out.push({\n        kind: 'path',\n        path: { kind: 'rect', x: sx - half, y: sy - half, width: paint.sizePx, height: paint.sizePx },\n        ...fill, ...stroke,\n      });\n      return;\n    }\n    const c = Math.cos(f.angle) * half, sn = Math.sin(f.angle) * half;\n    const coords = new Float32Array(8);\n    [[-1, -1], [1, -1], [1, 1], [-1, 1]].forEach(([u, v], i) => {\n      coords[i * 2] = sx + c * u - sn * v;\n      coords[i * 2 + 1] = sy + sn * u + c * v;\n    });\n    out.push({\n      kind: 'path',\n      path: { kind: 'polygon', commands: new Uint8Array([PATH_M, PATH_L, PATH_L, PATH_L, PATH_Z]), coords, fillRule: 'nonzero' },\n      ...fill, ...stroke,\n    });\n    return;\n  }\n  if (paint.kind === 'annulus') {\n    if (region.shape.kind !== 'annulus') return; // type mismatch — silent skip\n    const s = region.shape;\n    // The screen-px inset in target-local units, so it visually matches at any zoom.\n    const insetLocal = pxExtentIn(paint.insetPx ?? 0, view.scale, xf);\n    // Same `minBandPx` clamp the hit-test applies, so the ring you can see is\n    // the ring you can grab.\n    const cmd = annulusCommand(s, annulusSemiAxes(s, view, xf), insetLocal, xf, viewT, paint.fill, paint.stroke);\n    if (cmd) out.push(cmd);\n    return;\n  }\n  if (paint.kind === 'custom') {\n    const ctx: CustomPaintContext = {\n      world: worldOf(region, xf, view),\n      local: region.shape,\n      view,\n      state,\n    };\n    for (const cmd of paint.draw(ctx)) out.push(cmd);\n    return;\n  }\n}\n\n/** Build a screen-space DrawCommand for an annulus region: the area\n *  inside the (contracted) outer ellipse but outside the (expanded)\n *  inner rect. Renders as four disjoint petal subpaths — one per rect\n *  edge — so the visible fill is true `ellipse \\ rect`. A naive\n *  ellipse + rect even-odd path would also fill the rect's corner\n *  triangles where they poke past the contracted ellipse. Returns null\n *  when the band collapses on both axes. */\nfunction annulusCommand(\n  shape: Extract<AffordanceRegion['shape'], { kind: 'annulus' }>,\n  semiAxes: { rx: number; ry: number },\n  insetLocal: { x: number; y: number },\n  xf: TargetTransform,\n  viewT: ReturnType<typeof viewToTransform>,\n  fill: CommandFill | undefined,\n  stroke: CommandStroke | undefined,\n): DrawCommand | null {\n  const rx = semiAxes.rx - insetLocal.x;\n  const ry = semiAxes.ry - insetLocal.y;\n  if (rx <= 0 || ry <= 0) return null;\n  const cx = shape.cx;\n  const cy = shape.cy;\n  // Expanded inner rect (still in target-local coords).\n  const rectHW = shape.innerWidth / 2 + insetLocal.x;\n  const rectHH = shape.innerHeight / 2 + insetLocal.y;\n  // A petal exists only when its rect edge intersects the ellipse interior — otherwise the\n  // rect already extends past the ellipse on that axis.\n  const haveTopBottom = rectHH < ry;\n  const haveLeftRight = rectHW < rx;\n  if (!haveTopBottom && !haveLeftRight) return null;\n  const xT = haveTopBottom ? rx * Math.sqrt(1 - (rectHH / ry) ** 2) : 0;\n  const yR = haveLeftRight ? ry * Math.sqrt(1 - (rectHW / rx) ** 2) : 0;\n\n  // Line segments per petal arc; 24 is smooth at typical zooms.\n  const SAMPLES = 24;\n  const cmds: number[] = [];\n  const localPts: { x: number; y: number }[] = [];\n\n  function appendPetal(t0: number, t1: number): void {\n    cmds.push(PATH_M);\n    localPts.push({ x: cx + rx * Math.cos(t0), y: cy + ry * Math.sin(t0) });\n    for (let i = 1; i <= SAMPLES; i++) {\n      const t = t0 + (t1 - t0) * (i / SAMPLES);\n      cmds.push(PATH_L);\n      localPts.push({ x: cx + rx * Math.cos(t), y: cy + ry * Math.sin(t) });\n    }\n    // PATH_Z closes along the rect edge: both endpoints share the rect-edge coord by\n    // construction, so the closing segment IS the chord.\n    cmds.push(PATH_Z);\n  }\n\n  if (haveTopBottom) {\n    // Top petal: y < cy. Arc from right endpoint over t = -π/2 to left.\n    appendPetal(\n      Math.atan2(-rectHH / ry, xT / rx),   // in (-π/2, 0)\n      Math.atan2(-rectHH / ry, -xT / rx),  // in (-π, -π/2), decreasing through -π/2\n    );\n    // Bottom petal: y > cy. Arc through t = +π/2.\n    appendPetal(\n      Math.atan2(rectHH / ry, xT / rx),    // in (0, π/2)\n      Math.atan2(rectHH / ry, -xT / rx),   // in (π/2, π), increasing through π/2\n    );\n  }\n  if (haveLeftRight) {\n    // Right petal: x > cx. Arc through t = 0.\n    appendPetal(\n      Math.atan2(-yR / ry, rectHW / rx),   // in (-π/2, 0)\n      Math.atan2(yR / ry, rectHW / rx),    // in (0, π/2)\n    );\n    // Left petal: x < cx. Arc through t = ±π. Shift the end angle by\n    // -2π so the parametric trace passes through the leftmost point\n    // monotonically instead of crossing the right side.\n    appendPetal(\n      Math.atan2(-yR / ry, -rectHW / rx),                  // in (-π, -π/2)\n      Math.atan2(yR / ry, -rectHW / rx) - 2 * Math.PI,     // in (-3π/2, -π), decreasing through -π\n    );\n  }\n\n  const coords = new Float32Array(localPts.length * 2);\n  for (let i = 0; i < localPts.length; i++) {\n    const w = localToWorld(xf, localPts[i].x, localPts[i].y);\n    const [sx, sy] = worldToScreen(w.x, w.y, viewT);\n    coords[i * 2] = sx;\n    coords[i * 2 + 1] = sy;\n  }\n  return {\n    kind: 'path',\n    path: { kind: 'polygon', commands: new Uint8Array(cmds), coords, fillRule: 'nonzero' },\n    ...(fill ? { fill } : {}),\n    ...(stroke ? { stroke } : {}),\n  };\n}\n\nfunction worldOf(region: AffordanceRegion, xf: TargetTransform, view: View): CustomPaintContext['world'] {\n  if (region.shape.kind === 'point') {\n    const w = pointRegionAnchor(region.shape, xf, view);\n    return { x: w.x, y: w.y };\n  }\n  if (region.shape.kind === 'annulus') {\n    // The outer ellipse's bounding box in world coords: each half-extent is\n    // the length of that row of the frame applied to the semi-axes.\n    const s = region.shape;\n    const { rx, ry } = annulusSemiAxes(s, view, xf);\n    const c = localToWorld(xf, s.cx, s.cy);\n    const [ma, mb, mc, md] = xf.toWorld;\n    const hw = Math.hypot(rx * ma, ry * mc);\n    const hh = Math.hypot(rx * mb, ry * md);\n    return { x: c.x - hw, y: c.y - hh, width: 2 * hw, height: 2 * hh };\n  }\n  // Rect: under rotation, width/height describe the AABB of the rotated rect. Affordances\n  // needing exact rotated geometry can read `local` and reapply the rotation themselves.\n  const r = region.shape.kind === 'outline' ? boundsOfPath(region.shape.path) : region.shape;\n  const a = localToWorld(xf, r.x, r.y);\n  const b = localToWorld(xf, r.x + r.width, r.y);\n  const c = localToWorld(xf, r.x, r.y + r.height);\n  const d = localToWorld(xf, r.x + r.width, r.y + r.height);\n  const minX = Math.min(a.x, b.x, c.x, d.x);\n  const minY = Math.min(a.y, b.y, c.y, d.y);\n  const maxX = Math.max(a.x, b.x, c.x, d.x);\n  const maxY = Math.max(a.y, b.y, c.y, d.y);\n  return { x: minX, y: minY, width: maxX - minX, height: maxY - minY };\n}\n\n// Hit-testing lives in `hitAffordanceRegions.ts` — see `hitRegion` there.\n"],"mappings":"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"}

package/dist/affordances/cornerResize.js

@@ -1,78 +1,120 @@
-import { HANDLE_BASE_PX as e } from "../core/device/targets.js";
-import { angleOf as t, localToWorld as n } from "../core/geometry/targetFrame.js";
-import { transformOf as r } from "./hitAffordanceRegions.js";
-import { CORNER_ANCHORS as i, cornerPoint as a, fixedCornerOf as o } from "../interactions/actions/resize/cornerHandles.js";
-import { MULTI_RESIZE_TARGET_ID as s } from "../core/selection/selectionTarget.js";
+import { HANDLE_BASE_PX } from "../core/device/targets.js";
+import { angleOf, localToWorld } from "../core/geometry/targetFrame.js";
+import { RESIZE_HANDLE_ANCHORS, fixedCornerOf, handlePoint, isCornerHandle } from "../interactions/actions/resize/cornerHandles.js";
+import { transformOf } from "./hitAffordanceRegions.js";
+import { MULTI_RESIZE_TARGET_ID } from "../core/selection/selectionTarget.js";
+
 //#region src/affordances/cornerResize.ts
-var c = "#d4c4a8", l = "#1a130d";
-function u(s = {}) {
-	let { handleHitRadius: u = e, handleSize: f = e, fill: p = c, stroke: m = l } = s, h = {
+var DEFAULT_FILL = "#d4c4a8";
+var DEFAULT_STROKE = "#1a130d";
+/**
+* Resize-handle affordance for the active selection (single member in
+* single-mode; the union AABB in multi-mode): a handle at each corner and,
+* unless `edges` is false, at each edge midpoint.
+*
+* Declares point regions in the target's local frame; the framework
+* applies the target's bounds rotation for both paint and hit-test. A
+* region's `bind()` carries only the scratch a hit hands to the resize
+* action: the anchor, the target, and the world-space fixed point.
+*/
+function createCornerResizeAffordance(opts = {}) {
+	const { handleHitRadius = HANDLE_BASE_PX, handleSize = HANDLE_BASE_PX, fill = DEFAULT_FILL, stroke = DEFAULT_STROKE, edges = true } = opts;
+	const entries = edges ? RESIZE_HANDLE_ANCHORS : RESIZE_HANDLE_ANCHORS.filter(isCornerHandle);
+	const paint = {
 		kind: "square",
-		sizePx: f,
-		fill: { paint: { color: p } },
+		sizePx: handleSize,
+		fill: { paint: { color: fill } },
 		stroke: {
-			paint: { color: m },
+			paint: { color: stroke },
 			width: 1
 		}
 	};
 	return {
 		id: "selection.resize-handles",
-		regions(e) {
-			let s = d(e);
-			if (!s) return [];
-			let c = s.bounds, l = r(e, s.id);
-			return i.map((e) => {
-				let r = a(c, e), i = o(c, e.anchor), d = n(l, i.x, i.y);
+		regions(state) {
+			const target = pickRenderTarget(state);
+			if (!target) return [];
+			const b = target.bounds;
+			const xf = transformOf(state, target.id);
+			return entries.map((c) => {
+				const at = handlePoint(b, c);
+				const fixedLocal = fixedCornerOf(b, c.anchor);
+				const fixedPoint = localToWorld(xf, fixedLocal.x, fixedLocal.y);
+				const corner = isCornerHandle(c);
 				return {
-					id: `corner-${e.tag}`,
-					targetId: s.id,
+					id: `${corner ? "corner" : "edge"}-${c.tag}`,
+					targetId: target.id,
 					shape: {
 						kind: "point",
-						x: r.x,
-						y: r.y,
-						hitRadiusPx: u,
-						turned: !0,
-						cornerOf: {
-							width: c.width,
-							height: c.height,
+						x: at.x,
+						y: at.y,
+						hitRadiusPx: handleHitRadius,
+						turned: true,
+						...corner ? { cornerOf: {
+							width: b.width,
+							height: b.height,
 							outward: {
-								x: e.xEdge === "min" ? -1 : 1,
-								y: e.yEdge === "min" ? -1 : 1
+								x: c.xEdge === "min" ? -1 : 1,
+								y: c.yEdge === "min" ? -1 : 1
 							}
-						}
-					},
-					paint: h,
-					hitKind: e.kind,
-					cursor: {
-						glyph: "resize",
-						angle: (e.anchor.x === e.anchor.y ? Math.PI / 4 : -Math.PI / 4) + t(l),
-						fallback: e.anchor.x === e.anchor.y ? "nwse-resize" : "nesw-resize"
+						} } : { edgeOf: {
+							width: b.width,
+							height: b.height
+						} }
 					},
+					paint,
+					hitKind: c.kind,
+					cursor: resizeCursor(c, angleOf(xf)),
 					bind: () => ({ initialScratch: {
-						anchor: e.anchor,
-						targetId: s.id,
-						fixedPoint: d
+						anchor: c.anchor,
+						targetId: target.id,
+						fixedPoint
 					} })
 				};
 			});
 		}
 	};
 }
-function d(e) {
-	if (e.multiActive && e.unionBounds) return {
-		id: s,
-		bounds: e.unionBounds
+/** The resize cursor along the axis a handle drags, turned with the target.
+*  The glyph is horizontal at angle 0. A corner takes a diagonal by fixed-corner
+*  parity: a matched-axis anchor (min-min / max-max fixed) puts the dragged
+*  corner on the ↘ diagonal, mixed axes on the ↗ one. The keyword is the
+*  fallback rather than the answer: CSS has four of them, which cannot express
+*  a target rotated to anything but a multiple of 45°. */
+function resizeCursor(c, turn) {
+	if (c.anchor.y === "free") return {
+		glyph: "resize",
+		angle: turn,
+		fallback: "ew-resize"
+	};
+	if (c.anchor.x === "free") return {
+		glyph: "resize",
+		angle: Math.PI / 2 + turn,
+		fallback: "ns-resize"
+	};
+	const matched = c.anchor.x === c.anchor.y;
+	return {
+		glyph: "resize",
+		angle: (matched ? Math.PI / 4 : -Math.PI / 4) + turn,
+		fallback: matched ? "nwse-resize" : "nesw-resize"
 	};
-	if (e.selection.length === 1) {
-		let t = e.selection[0], n = e.boundsOf(t);
-		return n ? {
-			id: t,
-			bounds: n
+}
+function pickRenderTarget(state) {
+	if (state.multiActive && state.unionBounds) return {
+		id: MULTI_RESIZE_TARGET_ID,
+		bounds: state.unionBounds
+	};
+	if (state.selection.length === 1) {
+		const id = state.selection[0];
+		const b = state.boundsOf(id);
+		return b ? {
+			id,
+			bounds: b
 		} : null;
 	}
 	return null;
 }
-//#endregion
-export { u as createCornerResizeAffordance };
 
+//#endregion
+export { createCornerResizeAffordance };
 //# sourceMappingURL=cornerResize.js.map

package/dist/affordances/cornerResize.js.map

@@ -1 +1 @@
-{"version":3,"file":"cornerResize.js","names":["DEFAULT_FILL","DEFAULT_STROKE","createCornerResizeAffordance","HANDLE_BASE_PX","opts","paint","handleSize","fill","stroke","target","pickRenderTarget","state","b","xf","transformOf","CORNER_ANCHORS","corner","cornerPoint","c","fixedLocal","fixedCornerOf","fixedPoint","localToWorld","handleHitRadius","angleOf","MULTI_RESIZE_TARGET_ID","id"],"sources":["../../src/affordances/cornerResize.ts"],"sourcesContent":["import type { Affordance, AffordanceBinding, AffordanceRegion, CommonAffordanceScratch } from './types';\nimport type { ChromeState, Bounds } from 'core/selection/chromeState';\nimport type { ResizeAnchor } from 'interactions/gestures/types';\nimport { CORNER_ANCHORS, cornerPoint, fixedCornerOf } from 'interactions/actions/resize/cornerHandles';\nimport { MULTI_RESIZE_TARGET_ID } from 'core/selection/selectionTarget';\nimport { angleOf, localToWorld, transformOf } from './hitAffordanceRegions';\nimport { HANDLE_BASE_PX } from 'core/device/targets';\n\n/** Options for `createCornerResizeAffordance` — the size and appearance of\n *  the corner handles. */\nexport interface CornerResizeAffordanceOptions {\n  /** Hit radius (screen-px) for the corner handles. Default 8. */\n  handleHitRadius?: number;\n  /** Visual handle size (screen-px). Default 8. */\n  handleSize?: number;\n  fill?: string;\n  stroke?: string;\n}\n\n/** What a corner-resize hit hands to the resize action: which corner stays\n *  put, what is being resized, and the world-space pivot to scale from. */\nexport interface CornerResizeScratch extends CommonAffordanceScratch {\n  /** Resize anchor identifying the OPPOSITE corner (the one that stays\n   *  fixed). Matches the kit's existing ResizeAnchor convention. */\n  anchor: ResizeAnchor;\n  /** Id of the resize target. In multi-mode this is `MULTI_RESIZE_TARGET_ID`. */\n  targetId: string;\n  /** The fixed corner in **world** coords, with the target's rotation already\n   *  applied. `resizeAction` scales from this point, and it has no access to\n   *  the target transform, so the affordance resolves it here. */\n  fixedPoint: { x: number; y: number };\n}\n\nconst DEFAULT_FILL = '#d4c4a8';\nconst DEFAULT_STROKE = '#1a130d';\n\n/**\n * @experimental\n * Corner-handle affordance for resizing the active selection (single\n * member in single-mode; the union AABB in multi-mode).\n *\n * Declares four point regions in the target's local frame; the framework\n * applies the target's bounds rotation for both paint and hit-test. A\n * region's `bind()` carries only the scratch a hit hands to the resize\n * action: the anchor, the target, and the world-space fixed point.\n */\nexport function createCornerResizeAffordance(\n  opts: CornerResizeAffordanceOptions = {},\n): Affordance {\n  const {\n    handleHitRadius = HANDLE_BASE_PX,\n    handleSize = HANDLE_BASE_PX,\n    fill = DEFAULT_FILL,\n    stroke = DEFAULT_STROKE,\n  } = opts;\n\n  const paint = {\n    kind: 'square' as const,\n    sizePx: handleSize,\n    fill: { paint: { color: fill } },\n    stroke: { paint: { color: stroke }, width: 1 },\n  };\n\n  return {\n    id: 'selection.resize-handles',\n    regions(state: ChromeState): readonly AffordanceRegion[] {\n      const target = pickRenderTarget(state);\n      if (!target) return [];\n      const b = target.bounds;\n      // The transform the framework applies to these regions. Needed here too,\n      // because `fixedPoint` leaves the local frame — it travels to\n      // `resizeAction`, which works in world coords.\n      const xf = transformOf(state, target.id);\n      return CORNER_ANCHORS.map((c) => {\n        const corner = cornerPoint(b, c);\n        const fixedLocal = fixedCornerOf(b, c.anchor);\n        const fixedPoint = localToWorld(xf, fixedLocal.x, fixedLocal.y);\n        return {\n          id: `corner-${c.tag}`,\n          targetId: target.id,\n          shape: {\n            kind: 'point' as const,\n            x: corner.x,\n            y: corner.y,\n            hitRadiusPx: handleHitRadius,\n            turned: true,\n            cornerOf: {\n              width: b.width,\n              height: b.height,\n              outward: { x: c.xEdge === 'min' ? -1 : 1, y: c.yEdge === 'min' ? -1 : 1 },\n            },\n          },\n          paint,\n          hitKind: c.kind,\n          // Diagonal by fixed-corner parity: a matched-axis anchor (min-min /\n          // max-max fixed) means the dragged corner sits on the ↘ diagonal;\n          // mixed axes sit on the ↗ diagonal. The glyph is horizontal at angle\n          // 0, so the diagonal is a half-quarter-turn either way, plus the\n          // target's own rotation. The keyword is the fallback rather than the\n          // answer: CSS has four of them, which cannot express a target\n          // rotated to anything but a multiple of 45°.\n          cursor: {\n            glyph: 'resize',\n            angle: (c.anchor.x === c.anchor.y ? Math.PI / 4 : -Math.PI / 4) + angleOf(xf),\n            fallback: c.anchor.x === c.anchor.y ? 'nwse-resize' : 'nesw-resize',\n          },\n          bind: (): AffordanceBinding => ({\n            initialScratch: {\n              anchor: c.anchor,\n              targetId: target.id,\n              fixedPoint,\n            } satisfies CornerResizeScratch,\n          }),\n        } satisfies AffordanceRegion;\n      });\n    },\n  };\n}\n\nfunction pickRenderTarget(state: ChromeState): { id: string; bounds: Bounds } | null {\n  if (state.multiActive && state.unionBounds) {\n    return { id: MULTI_RESIZE_TARGET_ID, bounds: state.unionBounds };\n  }\n  if (state.selection.length === 1) {\n    const id = state.selection[0];\n    const b = state.boundsOf(id);\n    return b ? { id, bounds: b } : null;\n  }\n  return null;\n}\n"],"mappings":";;;;;;AAiCA,IAAMA,IAAe,WACfC,IAAiB;AAYvB,SAAgBC,EACd,IAAsC,CAAC,GAC3B;CACZ,IAAM,EACJ,qBAAkBC,GAClB,gBAAaA,GACb,UAAOH,GACP,YAASC,MACPG,GAEEC,IAAQ;EACZ,MAAM;EACN,QAAQC;EACR,MAAM,EAAE,OAAO,EAAE,OAAOC,EAAK,EAAE;EAC/B,QAAQ;GAAE,OAAO,EAAE,OAAOC,EAAO;GAAG,OAAO;EAAE;CAC/C;CAEA,OAAO;EACL,IAAI;EACJ,QAAQ,GAAiD;GACvD,IAAMC,IAASC,EAAiBC,CAAK;GACrC,IAAI,CAACF,GAAQ,OAAO,CAAC;GACrB,IAAMG,IAAIH,EAAO,QAIXI,IAAKC,EAAYH,GAAOF,EAAO,EAAE;GACvC,OAAOM,EAAe,KAAK,MAAM;IAC/B,IAAMC,IAASC,EAAYL,GAAGM,CAAC,GACzBC,IAAaC,EAAcR,GAAGM,EAAE,MAAM,GACtCG,IAAaC,EAAaT,GAAIM,EAAW,GAAGA,EAAW,CAAC;IAC9D,OAAO;KACL,IAAI,UAAUD,EAAE;KAChB,UAAUT,EAAO;KACjB,OAAO;MACL,MAAM;MACN,GAAGO,EAAO;MACV,GAAGA,EAAO;MACV,aAAaO;MACb,QAAQ;MACR,UAAU;OACR,OAAOX,EAAE;OACT,QAAQA,EAAE;OACV,SAAS;QAAE,GAAGM,EAAE,UAAU,QAAQ,KAAK;QAAG,GAAGA,EAAE,UAAU,QAAQ,KAAK;OAAE;MAC1E;KACF;KACA;KACA,SAASA,EAAE;KAQX,QAAQ;MACN,OAAO;MACP,QAAQA,EAAE,OAAO,MAAMA,EAAE,OAAO,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,KAAK,KAAKM,EAAQX,CAAE;MAC5E,UAAUK,EAAE,OAAO,MAAMA,EAAE,OAAO,IAAI,gBAAgB;KACxD;KACA,aAAgC,EAC9B,gBAAgB;MACd,QAAQA,EAAE;MACV,UAAUT,EAAO;MACjB;KACF,EACF;IACF;GACF,CAAC;EACH;CACF;AACF;AAEA,SAASC,EAAiB,GAA2D;CACnF,IAAIC,EAAM,eAAeA,EAAM,aAC7B,OAAO;EAAE,IAAIc;EAAwB,QAAQd,EAAM;CAAY;CAEjE,IAAIA,EAAM,UAAU,WAAW,GAAG;EAChC,IAAMe,IAAKf,EAAM,UAAU,IACrBC,IAAID,EAAM,SAASe,CAAE;EAC3B,OAAOd,IAAI;GAAE;GAAI,QAAQA;EAAE,IAAI;CACjC;CACA,OAAO;AACT"}
+{"version":3,"file":"cornerResize.js","names":[],"sources":["../../src/affordances/cornerResize.ts"],"sourcesContent":["import type { Affordance, AffordanceBinding, AffordanceRegion, CommonAffordanceScratch } from './types';\nimport type { ChromeState, Bounds } from 'core/selection/chromeState';\nimport type { ResizeAnchor } from 'interactions/gestures/types';\nimport {\n  RESIZE_HANDLE_ANCHORS, fixedCornerOf, handlePoint, isCornerHandle, type ResizeHandleAnchor,\n} from 'interactions/actions/resize/cornerHandles';\nimport { MULTI_RESIZE_TARGET_ID } from 'core/selection/selectionTarget';\nimport { angleOf, localToWorld, transformOf } from './hitAffordanceRegions';\nimport { HANDLE_BASE_PX } from 'core/device/targets';\nimport type { CursorSpec } from '@weasel-js/cursor';\n\n/** Options for `createCornerResizeAffordance` — the size and appearance of\n *  the resize handles, and whether the edge midpoints get one. */\nexport interface CornerResizeAffordanceOptions {\n  /** Hit radius (screen-px) for the handles. Default 8. */\n  handleHitRadius?: number;\n  /** Visual handle size (screen-px). Default 8. */\n  handleSize?: number;\n  fill?: string;\n  stroke?: string;\n  /** Add a handle at the middle of each edge, resizing along one axis with\n   *  the opposite edge pinned. A side under `EDGE_HANDLE_MIN_RADII` hit radii\n   *  on screen takes none. Default true. */\n  edges?: boolean;\n}\n\n/** What a corner-resize hit hands to the resize action: which corner stays\n *  put, what is being resized, and the world-space pivot to scale from. */\nexport interface CornerResizeScratch extends CommonAffordanceScratch {\n  /** Resize anchor identifying the OPPOSITE corner or edge (the one that\n   *  stays fixed). Matches the kit's existing ResizeAnchor convention. */\n  anchor: ResizeAnchor;\n  /** Id of the resize target. In multi-mode this is `MULTI_RESIZE_TARGET_ID`. */\n  targetId: string;\n  /** The fixed corner (an edge handle's: the opposite edge's midpoint) in\n   *  **world** coords, with the target's rotation already applied. `resizeAction` scales from this point, and it has no access to\n   *  the target transform, so the affordance resolves it here. */\n  fixedPoint: { x: number; y: number };\n}\n\nconst DEFAULT_FILL = '#d4c4a8';\nconst DEFAULT_STROKE = '#1a130d';\n\n/**\n * Resize-handle affordance for the active selection (single member in\n * single-mode; the union AABB in multi-mode): a handle at each corner and,\n * unless `edges` is false, at each edge midpoint.\n *\n * Declares point regions in the target's local frame; the framework\n * applies the target's bounds rotation for both paint and hit-test. A\n * region's `bind()` carries only the scratch a hit hands to the resize\n * action: the anchor, the target, and the world-space fixed point.\n */\nexport function createCornerResizeAffordance(\n  opts: CornerResizeAffordanceOptions = {},\n): Affordance {\n  const {\n    handleHitRadius = HANDLE_BASE_PX,\n    handleSize = HANDLE_BASE_PX,\n    fill = DEFAULT_FILL,\n    stroke = DEFAULT_STROKE,\n    edges = true,\n  } = opts;\n  const entries = edges ? RESIZE_HANDLE_ANCHORS : RESIZE_HANDLE_ANCHORS.filter(isCornerHandle);\n\n  const paint = {\n    kind: 'square' as const,\n    sizePx: handleSize,\n    fill: { paint: { color: fill } },\n    stroke: { paint: { color: stroke }, width: 1 },\n  };\n\n  return {\n    id: 'selection.resize-handles',\n    regions(state: ChromeState): readonly AffordanceRegion[] {\n      const target = pickRenderTarget(state);\n      if (!target) return [];\n      const b = target.bounds;\n      // The transform the framework applies to these regions. Needed here too,\n      // because `fixedPoint` leaves the local frame — it travels to\n      // `resizeAction`, which works in world coords.\n      const xf = transformOf(state, target.id);\n      return entries.map((c) => {\n        const at = handlePoint(b, c);\n        const fixedLocal = fixedCornerOf(b, c.anchor);\n        const fixedPoint = localToWorld(xf, fixedLocal.x, fixedLocal.y);\n        const corner = isCornerHandle(c);\n        return {\n          id: `${corner ? 'corner' : 'edge'}-${c.tag}`,\n          targetId: target.id,\n          shape: {\n            kind: 'point' as const,\n            x: at.x,\n            y: at.y,\n            hitRadiusPx: handleHitRadius,\n            turned: true,\n            ...(corner\n              ? {\n                  cornerOf: {\n                    width: b.width,\n                    height: b.height,\n                    outward: { x: c.xEdge === 'min' ? -1 : 1, y: c.yEdge === 'min' ? -1 : 1 },\n                  },\n                }\n              : { edgeOf: { width: b.width, height: b.height } }),\n          },\n          paint,\n          hitKind: c.kind,\n          cursor: resizeCursor(c, angleOf(xf)),\n          bind: (): AffordanceBinding => ({\n            initialScratch: {\n              anchor: c.anchor,\n              targetId: target.id,\n              fixedPoint,\n            } satisfies CornerResizeScratch,\n          }),\n        } satisfies AffordanceRegion;\n      });\n    },\n  };\n}\n\n/** The resize cursor along the axis a handle drags, turned with the target.\n *  The glyph is horizontal at angle 0. A corner takes a diagonal by fixed-corner\n *  parity: a matched-axis anchor (min-min / max-max fixed) puts the dragged\n *  corner on the ↘ diagonal, mixed axes on the ↗ one. The keyword is the\n *  fallback rather than the answer: CSS has four of them, which cannot express\n *  a target rotated to anything but a multiple of 45°. */\nfunction resizeCursor(c: ResizeHandleAnchor, turn: number): CursorSpec {\n  if (c.anchor.y === 'free') return { glyph: 'resize', angle: turn, fallback: 'ew-resize' };\n  if (c.anchor.x === 'free') return { glyph: 'resize', angle: Math.PI / 2 + turn, fallback: 'ns-resize' };\n  const matched = c.anchor.x === c.anchor.y;\n  return {\n    glyph: 'resize',\n    angle: (matched ? Math.PI / 4 : -Math.PI / 4) + turn,\n    fallback: matched ? 'nwse-resize' : 'nesw-resize',\n  };\n}\n\nfunction pickRenderTarget(state: ChromeState): { id: string; bounds: Bounds } | null {\n  if (state.multiActive && state.unionBounds) {\n    return { id: MULTI_RESIZE_TARGET_ID, bounds: state.unionBounds };\n  }\n  if (state.selection.length === 1) {\n    const id = state.selection[0];\n    const b = state.boundsOf(id);\n    return b ? { id, bounds: b } : null;\n  }\n  return null;\n}\n"],"mappings":";;;;;;;AAwCA,IAAM,eAAe;AACrB,IAAM,iBAAiB;;;;;;;;;;;AAYvB,SAAgB,6BACd,OAAsC,CAAC,GAC3B;CACZ,MAAM,EACJ,kBAAkB,gBAClB,aAAa,gBACb,OAAO,cACP,SAAS,gBACT,QAAQ,SACN;CACJ,MAAM,UAAU,QAAQ,wBAAwB,sBAAsB,OAAO,cAAc;CAE3F,MAAM,QAAQ;EACZ,MAAM;EACN,QAAQ;EACR,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,EAAE;EAC/B,QAAQ;GAAE,OAAO,EAAE,OAAO,OAAO;GAAG,OAAO;EAAE;CAC/C;CAEA,OAAO;EACL,IAAI;EACJ,QAAQ,OAAiD;GACvD,MAAM,SAAS,iBAAiB,KAAK;GACrC,IAAI,CAAC,QAAQ,OAAO,CAAC;GACrB,MAAM,IAAI,OAAO;GAIjB,MAAM,KAAK,YAAY,OAAO,OAAO,EAAE;GACvC,OAAO,QAAQ,KAAK,MAAM;IACxB,MAAM,KAAK,YAAY,GAAG,CAAC;IAC3B,MAAM,aAAa,cAAc,GAAG,EAAE,MAAM;IAC5C,MAAM,aAAa,aAAa,IAAI,WAAW,GAAG,WAAW,CAAC;IAC9D,MAAM,SAAS,eAAe,CAAC;IAC/B,OAAO;KACL,IAAI,GAAG,SAAS,WAAW,OAAO,GAAG,EAAE;KACvC,UAAU,OAAO;KACjB,OAAO;MACL,MAAM;MACN,GAAG,GAAG;MACN,GAAG,GAAG;MACN,aAAa;MACb,QAAQ;MACR,GAAI,SACA,EACE,UAAU;OACR,OAAO,EAAE;OACT,QAAQ,EAAE;OACV,SAAS;QAAE,GAAG,EAAE,UAAU,QAAQ,KAAK;QAAG,GAAG,EAAE,UAAU,QAAQ,KAAK;OAAE;MAC1E,EACF,IACA,EAAE,QAAQ;OAAE,OAAO,EAAE;OAAO,QAAQ,EAAE;MAAO,EAAE;KACrD;KACA;KACA,SAAS,EAAE;KACX,QAAQ,aAAa,GAAG,QAAQ,EAAE,CAAC;KACnC,aAAgC,EAC9B,gBAAgB;MACd,QAAQ,EAAE;MACV,UAAU,OAAO;MACjB;KACF,EACF;IACF;GACF,CAAC;EACH;CACF;AACF;;;;;;;AAQA,SAAS,aAAa,GAAuB,MAA0B;CACrE,IAAI,EAAE,OAAO,MAAM,QAAQ,OAAO;EAAE,OAAO;EAAU,OAAO;EAAM,UAAU;CAAY;CACxF,IAAI,EAAE,OAAO,MAAM,QAAQ,OAAO;EAAE,OAAO;EAAU,OAAO,KAAK,KAAK,IAAI;EAAM,UAAU;CAAY;CACtG,MAAM,UAAU,EAAE,OAAO,MAAM,EAAE,OAAO;CACxC,OAAO;EACL,OAAO;EACP,QAAQ,UAAU,KAAK,KAAK,IAAI,CAAC,KAAK,KAAK,KAAK;EAChD,UAAU,UAAU,gBAAgB;CACtC;AACF;AAEA,SAAS,iBAAiB,OAA2D;CACnF,IAAI,MAAM,eAAe,MAAM,aAC7B,OAAO;EAAE,IAAI;EAAwB,QAAQ,MAAM;CAAY;CAEjE,IAAI,MAAM,UAAU,WAAW,GAAG;EAChC,MAAM,KAAK,MAAM,UAAU;EAC3B,MAAM,IAAI,MAAM,SAAS,EAAE;EAC3B,OAAO,IAAI;GAAE;GAAI,QAAQ;EAAE,IAAI;CACjC;CACA,OAAO;AACT"}

package/dist/affordances/hitAffordanceRegions.js

@@ -1,115 +1,178 @@
-import { IDENTITY_TARGET as e, angleOf as t, localToWorld as n, normalToWorld as r, pxExtentIn as i, targetTransformOf as a, worldToLocal as o } from "../core/geometry/targetFrame.js";
-import { multiply as s, scale as c, scaleDelta as l, screenAngleOf as u, standoff as d, strokeHitTest as f } from "@weasel-js/geom";
+import { IDENTITY_TARGET, angleOf, localToWorld, normalToWorld, pxExtentIn, targetTransformOf, worldToLocal } from "../core/geometry/targetFrame.js";
+import { edgeHandlesFit } from "../interactions/actions/resize/cornerHandles.js";
+import { multiply, scale, scaleDelta, screenAngleOf, standoff, strokeHitTest } from "@weasel-js/geom";
+
 //#region src/affordances/hitAffordanceRegions.ts
-function p(e, t, n, r, i, a) {
-	for (let o = e.length - 1; o >= 0; o--) {
-		let s = e[o];
-		if (a && !a(s.id)) continue;
-		let c = s.regions(r), l = null;
-		for (let e = 0; e < c.length; e++) {
-			let a = c[e], o = h(r, a.targetId);
-			if (!x(a, t, n, o, i)) continue;
-			let s = m(a, t, n, o, i);
-			(l === null || s <= l.d2) && (l = {
-				region: a,
-				d2: s
-			});
+/**
+* Walk affordances for a world-space hit, topmost first.
+*
+* **Across affordances**: order mirrors paint. Affordances are drawn first →
+* last (bottom → top), so the walk runs last → first and stops at the first
+* one that claims the point. Layering wins outright — a nearer region on a
+* lower affordance does not beat a farther one on top of it.
+*
+* **Within an affordance**: the *nearest* hit region wins, ties going to the
+* later-declared one. Regions overlap: the four corner handles of a selection
+* smaller than the hit radius all contain the same click.
+*
+* `isVisible` (when supplied) gates by the same chrome id used at paint time,
+* so chrome that isn't drawn can't be hit either.
+*/
+function hitAffordanceRegions(affordances, wx, wy, state, view, isVisible) {
+	for (let i = affordances.length - 1; i >= 0; i--) {
+		const a = affordances[i];
+		if (isVisible && !isVisible(a.id)) continue;
+		const regions = a.regions(state);
+		let best = null;
+		for (let j = 0; j < regions.length; j++) {
+			const region = regions[j];
+			if (isVisible && region.chromeId && !isVisible(region.chromeId)) continue;
+			const xf = transformOf(state, region.targetId);
+			if (!hitRegion(region, wx, wy, xf, view)) continue;
+			const d2 = regionDistance2(region, wx, wy, xf, view);
+			if (best === null || d2 <= best.d2) best = {
+				region,
+				d2
+			};
 		}
-		if (l) {
-			let { cursor: e } = l.region, r = typeof e == "function" ? e({
-				x: t,
-				y: n
-			}, i) : e;
+		if (best) {
+			const { cursor } = best.region;
+			const at = typeof cursor === "function" ? cursor({
+				x: wx,
+				y: wy
+			}, view) : cursor;
 			return {
-				affordanceId: s.id,
-				regionId: l.region.id,
-				region: l.region,
-				...r === void 0 ? {} : { cursor: r },
-				binding: l.region.bind()
+				affordanceId: a.id,
+				regionId: best.region.id,
+				region: best.region,
+				...at !== void 0 ? { cursor: at } : {},
+				binding: best.region.bind()
 			};
 		}
 	}
 	return null;
 }
-function m(e, t, r, i, a) {
-	let o = e.shape;
-	if (o.kind === "outline") return 0;
-	let s = o.kind === "point" ? y(o, i, a) : o.kind === "annulus" ? n(i, o.cx, o.cy) : n(i, o.x + o.width / 2, o.y + o.height / 2), c = s.x - t, l = s.y - r;
-	return c * c + l * l;
+/** Squared world distance from the point to a region's representative center,
+*  used only to rank regions that all already contain the point. */
+function regionDistance2(region, wx, wy, xf, view) {
+	const s = region.shape;
+	if (s.kind === "outline") return 0;
+	const w = s.kind === "point" ? pointRegionAnchor(s, xf, view) : s.kind === "annulus" ? localToWorld(xf, s.cx, s.cy) : localToWorld(xf, s.x + s.width / 2, s.y + s.height / 2);
+	const dx = w.x - wx;
+	const dy = w.y - wy;
+	return dx * dx + dy * dy;
 }
-function h(t, n) {
-	return n === null ? e : a(t.boundsOf(n));
+/** The frame `targetId`'s bounds are drawn in; identity for no target. */
+function transformOf(state, targetId) {
+	if (targetId === null) return IDENTITY_TARGET;
+	return targetTransformOf(state.boundsOf(targetId));
 }
-function g(e, n, r) {
-	let a = y(e, n, r), o = e.turned ? u(t(n), r.scale) : 0, s = e.hitRadiusPx, c = [-s, s], l = [-s, s], d = e.cornerOf;
-	if (d) {
-		let e = i(_ * s, r.scale, n), [t, a, o, u] = n.toWorld, f = d.outward.y * Math.sign(r.scale.x * r.scale.y * (t * u - a * o));
-		d.width < e.x && (c[d.outward.x > 0 ? 0 : 1] = 0), d.height < e.y && (l[f > 0 ? 0 : 1] = 0);
+/** Where a point region's hit square sits: its center in world coords, its
+*  turn on screen, its screen half-extent, and the span of the square that
+*  takes a press along each of its own axes (`[-half, half]` unless
+*  `cornerOf` cuts it). */
+function pointRegionFrame(shape, xf, view) {
+	const a = pointRegionAnchor(shape, xf, view);
+	const angle = shape.turned ? screenAngleOf(angleOf(xf), view.scale) : 0;
+	const half = shape.hitRadiusPx;
+	const u = [-half, half];
+	const v = [-half, half];
+	const body = shape.cornerOf;
+	if (body) {
+		const floor = pxExtentIn(SMALL_BODY_RADII * half, view.scale, xf);
+		const [a, b, c, d] = xf.toWorld;
+		const vOut = body.outward.y * Math.sign(view.scale.x * view.scale.y * (a * d - b * c));
+		if (body.width < floor.x) u[body.outward.x > 0 ? 0 : 1] = 0;
+		if (body.height < floor.y) v[vOut > 0 ? 0 : 1] = 0;
 	}
 	return {
 		x: a.x,
 		y: a.y,
-		angle: o,
-		half: s,
-		u: c,
-		v: l
+		angle,
+		half,
+		u,
+		v
 	};
 }
-var _ = 4;
-function v(e, t, n, r) {
-	let i = g(e, t, n), [a, o] = r(i.x, i.y), s = Math.cos(i.angle), c = Math.sin(i.angle);
+/** Whether a point region is live in `view`: false for an edge handle whose
+*  body is too small on screen to have room for one (`edgeOf`). A region that
+*  is not live is neither hit nor painted. */
+function pointRegionLive(shape, xf, view) {
+	return !shape.edgeOf || edgeHandlesFit(shape.edgeOf, xf, view.scale, shape.hitRadiusPx);
+}
+/** A body under this many hit radii across gives up the inward half of each
+*  corner's hit square, so there is somewhere on it that is not a handle. */
+var SMALL_BODY_RADII = 4;
+/** A point region's hit square as four screen-space corners, relative to its
+*  world center carried to the screen by `toScreen`. */
+function pointRegionScreenQuad(shape, xf, view, toScreen) {
+	const f = pointRegionFrame(shape, xf, view);
+	const [cx, cy] = toScreen(f.x, f.y);
+	const c = Math.cos(f.angle), sn = Math.sin(f.angle);
 	return [
-		[i.u[0], i.v[0]],
-		[i.u[1], i.v[0]],
-		[i.u[1], i.v[1]],
-		[i.u[0], i.v[1]]
-	].map(([e, t]) => ({
-		x: a + s * e - c * t,
-		y: o + c * e + s * t
+		[f.u[0], f.v[0]],
+		[f.u[1], f.v[0]],
+		[f.u[1], f.v[1]],
+		[f.u[0], f.v[1]]
+	].map(([u, v]) => ({
+		x: cx + c * u - sn * v,
+		y: cy + sn * u + c * v
 	}));
 }
-function y(e, t, i) {
-	let a = n(t, e.x, e.y);
-	return e.standoff ? d(a, r(t, e.standoff.normal), e.standoff.px, i.scale) : a;
+/** A point region's anchor in world coords, its `standoff` applied. */
+function pointRegionAnchor(shape, xf, view) {
+	const a = localToWorld(xf, shape.x, shape.y);
+	if (!shape.standoff) return a;
+	return standoff(a, normalToWorld(xf, shape.standoff.normal), shape.standoff.px, view.scale);
 }
-function b(t, n, r = e) {
-	let a = t.minBandPx ?? 0;
-	if (a === 0) return {
-		rx: t.rx,
-		ry: t.ry
+/**
+* An annulus region's effective outer semi-axes, in world units, with the
+* screen-space `minBandPx` floor on band thickness applied. Paint calls it
+* too, so the visible ring and the hoverable ring are the same ring.
+*/
+function annulusSemiAxes(shape, view, xf = IDENTITY_TARGET) {
+	const bandPx = shape.minBandPx ?? 0;
+	if (bandPx === 0) return {
+		rx: shape.rx,
+		ry: shape.ry
 	};
-	let o = i(a, n.scale, r);
+	const band = pxExtentIn(bandPx, view.scale, xf);
 	return {
-		rx: Math.max(t.rx, t.innerWidth / 2 + o.x),
-		ry: Math.max(t.ry, t.innerHeight / 2 + o.y)
+		rx: Math.max(shape.rx, shape.innerWidth / 2 + band.x),
+		ry: Math.max(shape.ry, shape.innerHeight / 2 + band.y)
 	};
 }
-function x(e, t, n, r, i) {
-	if (e.shape.kind === "point") {
-		let a = g(e.shape, r, i), o = l(t - a.x, n - a.y, i.scale), s = Math.cos(a.angle), c = Math.sin(a.angle), u = s * o.x + c * o.y, d = -c * o.x + s * o.y;
-		return u >= a.u[0] && u <= a.u[1] && d >= a.v[0] && d <= a.v[1];
+function hitRegion(region, wx, wy, xf, view) {
+	if (region.shape.kind === "point") {
+		if (!pointRegionLive(region.shape, xf, view)) return false;
+		const f = pointRegionFrame(region.shape, xf, view);
+		const d = scaleDelta(wx - f.x, wy - f.y, view.scale);
+		const c = Math.cos(f.angle), sn = Math.sin(f.angle);
+		const u = c * d.x + sn * d.y, v = -sn * d.x + c * d.y;
+		return u >= f.u[0] && u <= f.u[1] && v >= f.v[0] && v <= f.v[1];
 	}
-	let a = o(r, t, n);
-	if (!a) return !1;
-	if (e.shape.kind === "outline") {
-		let t = e.shape;
-		return f(t.path, a.x, a.y, 0, { slop: {
-			px: t.hitRadiusPx,
-			transform: s(c(i.scale.x, i.scale.y), r.toWorld)
+	const local = worldToLocal(xf, wx, wy);
+	if (!local) return false;
+	if (region.shape.kind === "outline") {
+		const s = region.shape;
+		return strokeHitTest(s.path, local.x, local.y, 0, { slop: {
+			px: s.hitRadiusPx,
+			transform: multiply(scale(view.scale.x, view.scale.y), xf.toWorld)
 		} });
 	}
-	if (e.shape.kind === "annulus") {
-		let t = e.shape;
-		if (a.x >= t.innerX && a.x <= t.innerX + t.innerWidth && a.y >= t.innerY && a.y <= t.innerY + t.innerHeight) return !1;
-		let { rx: n, ry: o } = b(t, i, r);
-		if (n <= 0 || o <= 0) return !1;
-		let s = (a.x - t.cx) / n, c = (a.y - t.cy) / o;
-		return s * s + c * c <= 1;
+	if (region.shape.kind === "annulus") {
+		const s = region.shape;
+		if (local.x >= s.innerX && local.x <= s.innerX + s.innerWidth && local.y >= s.innerY && local.y <= s.innerY + s.innerHeight) return false;
+		const { rx, ry } = annulusSemiAxes(s, view, xf);
+		if (rx <= 0 || ry <= 0) return false;
+		const ex = (local.x - s.cx) / rx;
+		const ey = (local.y - s.cy) / ry;
+		return ex * ex + ey * ey <= 1;
 	}
-	let u = e.shape;
-	return a.x >= u.x && a.x <= u.x + u.width && a.y >= u.y && a.y <= u.y + u.height;
+	const r = region.shape;
+	return local.x >= r.x && local.x <= r.x + r.width && local.y >= r.y && local.y <= r.y + r.height;
 }
-//#endregion
-export { t as angleOf, b as annulusSemiAxes, p as hitAffordanceRegions, n as localToWorld, y as pointRegionAnchor, g as pointRegionFrame, v as pointRegionScreenQuad, h as transformOf };
 
+//#endregion
+export { angleOf, annulusSemiAxes, hitAffordanceRegions, localToWorld, pointRegionAnchor, pointRegionFrame, pointRegionLive, pointRegionScreenQuad, transformOf };
 //# sourceMappingURL=hitAffordanceRegions.js.map