@weasel-js/core 1.10.0 → 1.11.0

package/dist/debug/createDebugOverlayLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"createDebugOverlayLayer.js","names":["rectPath","DEBUG_OVERLAY_ID","FPS_WINDOW","createDebugOverlayLayer","fpsHistory","config","buildDebugOverlayCommands","sink","view","dims","theme","DEFAULT_DEBUG_THEME","strokes","DEFAULT_DEBUG_STROKES","s","snapshot","t","viewToTransform","out","emitViewport","emitHitboxes","emitBounds","emitHandles","emitOrigins","emitSnap","emitIds","emitLayersPanel","emitFramePanel","frameTimes","approxCircleScreen","approxEllipseScreen","cx","cy","r","segments","cmds","coords","PATH_M","rx","i","PATH_L","theta","ry","PATH_Z","rotatedRectScreen","x","y","w","rotatePoint","sx","sy","worldToScreen","rectPath$1","h","strokeOf","fill","stroke","path","sw","sh","pts","p","commands","b","horiz","vert","o","color","c","cmd","textCommandFromRuns","lines","l","maxW","line","boxW","boxH","MONO","MONO_CHAR_W","LINE_H","emitTextPanel","maxLen","bg","fixed","v","decimals","width","span","history","interval","rows","frame","labelW","label","count","value","unit","rec","fx","fy","from","ax0","ay0","ax1","ay1","segment","signed","to","x0","y0","x1","y1"],"sources":["../../src/debug/createDebugOverlayLayer.ts"],"sourcesContent":["import type { DrawCommand, PathDrawCommand } from '@weasel-js/renderer';\nimport type { Dims, RenderLayer } from 'core/layers/render';\nimport type { View } from 'core/viewport/view';\nimport { viewToTransform } from 'core/viewport/view';\nimport { worldToScreen } from 'core/viewport/viewTransform';\nimport { rotatePoint } from 'interactions/actions/rotate/geometry';\nimport { PATH_L, PATH_M, PATH_Z, type PolygonPath } from '@weasel-js/geom';\nimport { textCommandFromRuns } from '@weasel-js/renderer';\nimport type {\n  DebugConfig,\n  DebugSnapshot,\n  DebugStroke,\n  DebugStrokes,\n  DebugTheme,\n  FrameStats,\n  RecordedViewport,\n} from './types';\nimport { DEFAULT_DEBUG_STROKES, DEFAULT_DEBUG_THEME } from './defaultTheme';\n\n/** What `createDebugOverlayLayer` paints from: a sink to snapshot and the features to draw. */\nexport interface CreateDebugOverlayLayerOpts {\n  sink: { snapshot(): DebugSnapshot };\n  config: DebugConfig;\n}\n\nexport const DEBUG_OVERLAY_ID = 'debug-overlay';\nconst FPS_WINDOW = 60;\n\n/**\n * Screen-space `RenderLayer` that paints the sink's snapshot. Appended at\n * the top of the Canvas's layer stack when `debug` is enabled. World-space\n * coords in the snapshot are projected through `view` here, since the\n * layer itself runs at identity transform.\n */\nexport function createDebugOverlayLayer({\n  sink,\n  config,\n}: CreateDebugOverlayLayerOpts): RenderLayer<unknown> {\n  // Timestamps of the last FPS_WINDOW draws, kept for the life of the layer.\n  const fpsHistory: number[] = [];\n  return {\n    id: DEBUG_OVERLAY_ID,\n    label: 'Debug overlay',\n    space: 'screen',\n    alwaysOn: true,\n    draw: (_data, view, dims) => {\n      if (config.fps) {\n        fpsHistory.push(typeof performance !== 'undefined' ? performance.now() : Date.now());\n        if (fpsHistory.length > FPS_WINDOW) fpsHistory.shift();\n      } else if (fpsHistory.length > 0) {\n        fpsHistory.length = 0;\n      }\n      return buildDebugOverlayCommands(sink.snapshot(), config, view, dims, fpsHistory);\n    },\n  };\n}\n\n/**\n * The debug overlay's draw commands for one snapshot, in screen space (CSS\n * pixels of a `dims`-sized canvas looking through `view`). What the overlay\n * layer paints each frame, and what `renderDebugSnapshot` rasterizes.\n *\n * `frameTimes` are `performance.now()` stamps of recent paints, oldest first;\n * the frame panel derives its rate from them and shows none without two.\n */\nexport function buildDebugOverlayCommands(\n  snapshot: DebugSnapshot,\n  config: DebugConfig,\n  view: View,\n  dims: Dims,\n  frameTimes: readonly number[] = [],\n): DrawCommand[] {\n  const theme: DebugTheme = { ...DEFAULT_DEBUG_THEME, ...(config.theme ?? {}) };\n  const strokes: DebugStrokes = { ...DEFAULT_DEBUG_STROKES, ...(config.strokes ?? {}) };\n  const s = snapshot;\n  const t = viewToTransform(view);\n  const out: DrawCommand[] = [];\n\n  if (config.viewport && s.viewport) emitViewport(out, s.viewport, view, dims, theme, strokes);\n  if (config.hitboxes) emitHitboxes(out, s, view, t, theme, strokes);\n  if (config.bounds) emitBounds(out, s, view, t, theme, strokes);\n  if (config.handles) emitHandles(out, s, t, theme, strokes);\n  if (config.origins) emitOrigins(out, s, t, theme);\n  if (config.snap) emitSnap(out, s, t, theme, strokes);\n  if (config.ids) emitIds(out, s, t, theme);\n  if (config.layers) emitLayersPanel(out, s, dims, theme);\n  if (config.fps) emitFramePanel(out, frameTimes, s.frame, theme);\n  return out;\n}\n\n// --- emitters (screen-space) ---\n\nfunction approxCircleScreen(cx: number, cy: number, r: number, segments = 24): PolygonPath {\n  return approxEllipseScreen(cx, cy, r, r, segments);\n}\n\nfunction approxEllipseScreen(cx: number, cy: number, rx: number, ry: number, segments = 24): PolygonPath {\n  // Commands: M + (segments-1) L + Z. Coords: (segments) × 2 — pairs for\n  // the moveTo and the (segments-1) lineTos. PATH_Z consumes no coords.\n  const cmds = new Uint8Array(segments + 1);\n  const coords = new Float32Array(segments * 2);\n  cmds[0] = PATH_M;\n  coords[0] = cx + rx;\n  coords[1] = cy;\n  for (let i = 1; i < segments; i++) {\n    cmds[i] = PATH_L;\n    const theta = (i / segments) * Math.PI * 2;\n    coords[i * 2] = cx + rx * Math.cos(theta);\n    coords[i * 2 + 1] = cy + ry * Math.sin(theta);\n  }\n  cmds[segments] = PATH_Z;\n  return { kind: 'polygon', commands: cmds, coords, fillRule: 'nonzero' };\n}\n\n/** A world rect turned `rotation` about its center, as the screen quad it\n *  lands on. */\nfunction rotatedRectScreen(\n  r: { x: number; y: number; width: number; height: number; rotation: number },\n  t: ReturnType<typeof viewToTransform>,\n): PolygonPath {\n  const cx = r.x + r.width / 2, cy = r.y + r.height / 2;\n  const coords = new Float32Array(8);\n  const corners = [[r.x, r.y], [r.x + r.width, r.y], [r.x + r.width, r.y + r.height], [r.x, r.y + r.height]];\n  corners.forEach(([x, y], i) => {\n    const w = rotatePoint(x, y, cx, cy, r.rotation);\n    const [sx, sy] = worldToScreen(w.x, w.y, t);\n    coords[i * 2] = sx;\n    coords[i * 2 + 1] = sy;\n  });\n  return {\n    kind: 'polygon',\n    commands: new Uint8Array([PATH_M, PATH_L, PATH_L, PATH_L, PATH_Z]),\n    coords,\n    fillRule: 'nonzero',\n  };\n}\n\nfunction rectPath(x: number, y: number, w: number, h: number): { kind: 'rect'; x: number; y: number; width: number; height: number } {\n  return { kind: 'rect', x, y, width: w, height: h };\n}\n\n/** A `DebugStroke` + color as the renderer's stroke shape. `dash` is dropped\n *  when empty rather than passed through, so a solid line stays solid. */\nfunction strokeOf(s: DebugStroke, color: string) {\n  return {\n    paint: { kind: 'solid' as const, color },\n    width: s.width,\n    ...(s.dash && s.dash.length > 0 ? { dash: [...s.dash] } : {}),\n  };\n}\n\nfunction emitHitboxes(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  view: View,\n  t: ReturnType<typeof viewToTransform>,\n  theme: DebugTheme,\n  strokes: DebugStrokes,\n): void {\n  const fill = { kind: 'solid' as const, color: theme.hitboxFill };\n  const stroke = strokeOf(strokes.hitbox, theme.hitboxStroke);\n  for (const h of s.hitboxes) {\n    if (h.shape.kind === 'rect' && h.shape.rotation) {\n      const path = rotatedRectScreen({ ...h.shape, rotation: h.shape.rotation }, t);\n      out.push({ kind: 'path', path, fill: { paint: fill }, stroke });\n    } else if (h.shape.kind === 'rect') {\n      const [sx, sy] = worldToScreen(h.shape.x, h.shape.y, t);\n      const sw = h.shape.width * view.scale.x;\n      const sh = h.shape.height * view.scale.y;\n      out.push({ kind: 'path', path: rectPath(sx, sy, sw, sh), fill: { paint: fill }, stroke });\n    } else if (h.shape.kind === 'circle') {\n      const [cx, cy] = worldToScreen(h.shape.cx, h.shape.cy, t);\n      const rx = h.shape.r * Math.abs(view.scale.x);\n      const ry = h.shape.r * Math.abs(view.scale.y);\n      out.push({ kind: 'path', path: approxEllipseScreen(cx, cy, rx, ry), fill: { paint: fill }, stroke });\n    } else if (h.shape.kind === 'polygon' && h.shape.points.length > 2) {\n      const pts = h.shape.points;\n      const coords = new Float32Array(pts.length * 2);\n      pts.forEach((p, i) => {\n        const [sx, sy] = worldToScreen(p.x, p.y, t);\n        coords[i * 2] = sx;\n        coords[i * 2 + 1] = sy;\n      });\n      const commands = new Uint8Array(pts.length + 1).fill(PATH_L);\n      commands[0] = PATH_M;\n      commands[pts.length] = PATH_Z;\n      out.push({ kind: 'path', path: { kind: 'polygon', commands, coords, fillRule: 'nonzero' }, fill: { paint: fill }, stroke });\n    }\n    // 'path' kind: v1 punt — matches 2D behavior.\n  }\n}\n\nfunction emitBounds(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  view: View,\n  t: ReturnType<typeof viewToTransform>,\n  theme: DebugTheme,\n  strokes: DebugStrokes,\n): void {\n  const stroke = strokeOf(strokes.bounds, theme.bounds);\n  for (const b of s.bounds) {\n    const [sx, sy] = worldToScreen(b.bounds.x, b.bounds.y, t);\n    const sw = b.bounds.width * view.scale.x;\n    const sh = b.bounds.height * view.scale.y;\n    out.push({ kind: 'path', path: rectPath(sx, sy, sw, sh), stroke });\n  }\n}\n\nfunction emitHandles(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  t: ReturnType<typeof viewToTransform>,\n  theme: DebugTheme,\n  strokes: DebugStrokes,\n): void {\n  const stroke = strokeOf(strokes.handle, theme.handle);\n  for (const h of s.handles) {\n    const [cx, cy] = worldToScreen(h.position.x, h.position.y, t);\n    const horiz: PolygonPath = {\n      kind: 'polygon',\n      commands: new Uint8Array([PATH_M, PATH_L]),\n      coords: new Float32Array([cx - 4, cy, cx + 4, cy]),\n      fillRule: 'nonzero',\n    };\n    const vert: PolygonPath = {\n      kind: 'polygon',\n      commands: new Uint8Array([PATH_M, PATH_L]),\n      coords: new Float32Array([cx, cy - 4, cx, cy + 4]),\n      fillRule: 'nonzero',\n    };\n    out.push({ kind: 'path', path: horiz, stroke });\n    out.push({ kind: 'path', path: vert, stroke });\n  }\n}\n\nfunction emitOrigins(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  t: ReturnType<typeof viewToTransform>,\n  theme: DebugTheme,\n): void {\n  const fill = { kind: 'solid' as const, color: theme.origin };\n  for (const o of s.origins) {\n    const [cx, cy] = worldToScreen(o.point.x, o.point.y, t);\n    out.push({ kind: 'path', path: approxCircleScreen(cx, cy, 3), fill: { paint: fill } });\n  }\n}\n\nfunction emitSnap(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  t: ReturnType<typeof viewToTransform>,\n  theme: DebugTheme,\n  strokes: DebugStrokes,\n): void {\n  const color = theme.snap;\n  for (const c of s.snap) {\n    const [cx, cy] = worldToScreen(c.point.x, c.point.y, t);\n    const cmd: PathDrawCommand = {\n      kind: 'path',\n      path: approxCircleScreen(cx, cy, 4),\n      ...(c.accepted\n        ? { fill: { paint: { kind: 'solid' as const, color } } }\n        : { stroke: strokeOf(strokes.snap, color) }),\n    };\n    out.push(cmd);\n  }\n}\n\nfunction emitIds(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  t: ReturnType<typeof viewToTransform>,\n  theme: DebugTheme,\n): void {\n  // Pulls from the bounds stream — every consumer that records bounds\n  // (selection overlay's handle math, the kit's per-node debug shim) gets\n  // an id label for free.\n  for (const b of s.bounds) {\n    const [sx, sy] = worldToScreen(b.bounds.x, b.bounds.y, t);\n    out.push(textCommandFromRuns(\n      sx + 2,\n      sy + 11,\n      [{ text: b.id, fill: { paint: { kind: 'solid', color: theme.idText } } }],\n      { fontFamily: 'ui-monospace, Menlo, monospace', fontSize: 10 },\n    ));\n  }\n}\n\nfunction emitLayersPanel(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  dims: Dims,\n  theme: DebugTheme,\n): void {\n  if (s.layers.length === 0) return;\n  const lineH = 14;\n  const padX = 6;\n  const padY = 4;\n  const lines = s.layers.map((l) => `[${l.index}] ${l.id} (${l.space})`);\n  // Approximate width: 11px font, monospaced — assume each glyph ≈6.6px.\n  // 2D path uses ctx.measureText; we don't have a ctx here, so fall back\n  // to a character-count estimate. Pixel-level accuracy is not load-bearing\n  // for a debug panel; right-edge anchoring stays correct.\n  const charW = 6.6;\n  let maxW = 0;\n  for (const line of lines) maxW = Math.max(maxW, line.length * charW);\n  const boxW = maxW + padX * 2;\n  const boxH = lines.length * lineH + padY * 2;\n  const x = dims.width - boxW - 8;\n  const y = 8;\n  out.push({\n    kind: 'path',\n    path: rectPath(x, y, boxW, boxH),\n    fill: { paint: { kind: 'solid', color: theme.layerTextBg } },\n  });\n  for (let i = 0; i < lines.length; i++) {\n    out.push(textCommandFromRuns(\n      x + padX,\n      y + padY + i * lineH,\n      [{ text: lines[i], fill: { paint: { kind: 'solid', color: theme.layerText } } }],\n      { fontFamily: 'ui-monospace, Menlo, monospace', fontSize: 11 },\n    ));\n  }\n}\n\nconst MONO = { fontFamily: 'ui-monospace, Menlo, monospace', fontSize: 11 };\nconst MONO_CHAR_W = 6.6;\nconst LINE_H = 14;\n\n/** A dark box holding monospace lines, at `(x, y)`; `y < 0` anchors its bottom\n *  that far above `bottom`. Width is estimated from the character count — there\n *  is no text measurer here, and a debug panel does not need one. */\nfunction emitTextPanel(\n  out: DrawCommand[],\n  lines: readonly string[],\n  x: number,\n  y: number,\n  color: string,\n  bg: string,\n): void {\n  const padX = 6;\n  const padY = 4;\n  let maxLen = 0;\n  for (const l of lines) maxLen = Math.max(maxLen, l.length);\n  out.push({\n    kind: 'path',\n    path: rectPath(x, y, maxLen * MONO_CHAR_W + padX * 2, lines.length * LINE_H + padY * 2),\n    fill: { paint: { kind: 'solid', color: bg } },\n  });\n  for (let i = 0; i < lines.length; i++) {\n    out.push(textCommandFromRuns(\n      x + padX,\n      y + padY + i * LINE_H,\n      [{ text: lines[i], fill: { paint: { kind: 'solid', color } } }],\n      MONO,\n    ));\n  }\n}\n\n/** Fixed-width number, right-aligned, `decimals` places: `%{width}.{decimals}f`. */\nfunction fixed(v: number, width: number, decimals: number): string {\n  return v.toFixed(decimals).padStart(width);\n}\n\nfunction emitFramePanel(\n  out: DrawCommand[],\n  history: readonly number[],\n  frame: FrameStats | null,\n  theme: DebugTheme,\n): void {\n  const span = history.length >= 2 ? history[history.length - 1] - history[0] : 0;\n  const interval = span > 0 ? span / (history.length - 1) : null;\n  // Columns: label, draw-call count, value, unit — every row the same width,\n  // so decimals line up down the panel.\n  const rows: [label: string, count: number | null, value: number | null, unit: string][] = [\n    ['fps', null, interval ? 1000 / interval : null, '  '],\n    ['frame', null, interval, 'ms'],\n  ];\n  if (frame) {\n    rows.push(['paint', frame.drawCalls, frame.paintMs, 'ms']);\n    for (const l of frame.layers) rows.push([l.id, l.drawCalls, l.ms, 'ms']);\n  }\n  let labelW = 0;\n  for (const [label] of rows) labelW = Math.max(labelW, label.length);\n  const line = (label: string, count: string, value: string, unit: string) =>\n    `${label.padEnd(labelW)} ${count.padStart(5)} ${value.padStart(7)} ${unit}`;\n  const lines = rows.map(([label, count, value, unit]) =>\n    line(label, count === null ? '' : String(count), value === null ? '—' : fixed(value, 7, 2), unit));\n  if (frame) lines.splice(2, 0, line('', 'draws', 'cpu', '  '));\n  emitTextPanel(out, lines, 8, 8, theme.fpsText, theme.fpsTextBg);\n}\n\nfunction emitViewport(\n  out: DrawCommand[],\n  rec: RecordedViewport,\n  view: View,\n  dims: Dims,\n  theme: DebugTheme,\n  strokes: DebugStrokes,\n): void {\n  const t = viewToTransform(view);\n  const stroke = strokeOf(strokes.viewport, theme.viewport);\n  // Where the viewport the gesture started from sits in the current camera.\n  const { from, to } = rec;\n  const [fx, fy] = worldToScreen(from.x, from.y, t);\n  out.push({\n    kind: 'path',\n    path: rectPath(fx, fy, (dims.width / from.scale.x) * view.scale.x, (dims.height / from.scale.y) * view.scale.y),\n    stroke,\n  });\n  if (rec.anchor) {\n    const [ax0, ay0] = worldToScreen(rec.anchor.x, rec.anchor.y, viewToTransform(from));\n    const [ax1, ay1] = worldToScreen(rec.anchor.x, rec.anchor.y, t);\n    out.push({ kind: 'path', path: approxCircleScreen(ax0, ay0, 2.5), fill: { paint: { kind: 'solid', color: theme.viewport } } });\n    if (Math.hypot(ax1 - ax0, ay1 - ay0) > 0.5) {\n      out.push({ kind: 'path', path: segment(ax0, ay0, ax1, ay1), stroke });\n    }\n    out.push({ kind: 'path', path: approxCircleScreen(ax1, ay1, 6), stroke: strokeOf({ width: strokes.viewport.width }, theme.viewport) });\n  }\n  const text = rec.kind === 'pan'\n    ? `pan   Δ ${signed((from.x - to.x) * to.scale.x)} ${signed((from.y - to.y) * to.scale.y)} px`\n    : `zoom  ×${(to.scale.x / from.scale.x).toFixed(3)}  ${from.scale.x.toFixed(3)} → ${to.scale.x.toFixed(3)}`;\n  emitTextPanel(out, [text], 8, dims.height - LINE_H - 16, theme.viewport, theme.layerTextBg);\n}\n\nfunction signed(v: number): string {\n  const r = Math.abs(v) < 0.05 ? 0 : v;\n  return `${r >= 0 ? '+' : '-'}${Math.abs(r).toFixed(1)}`.padStart(8);\n}\n\nfunction segment(x0: number, y0: number, x1: number, y1: number): PolygonPath {\n  return {\n    kind: 'polygon',\n    commands: new Uint8Array([PATH_M, PATH_L]),\n    coords: new Float32Array([x0, y0, x1, y1]),\n    fillRule: 'nonzero',\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"createDebugOverlayLayer.js","names":["rectPath"],"sources":["../../src/debug/createDebugOverlayLayer.ts"],"sourcesContent":["import type { DrawCommand, PathDrawCommand } from '@weasel-js/renderer';\nimport type { Dims, RenderLayer } from 'core/layers/render';\nimport type { View } from 'core/viewport/view';\nimport { viewToTransform } from 'core/viewport/view';\nimport { worldToScreen } from 'core/viewport/viewTransform';\nimport { rotatePoint } from 'interactions/actions/rotate/geometry';\nimport { PATH_L, PATH_M, PATH_Z, type PolygonPath } from '@weasel-js/geom';\nimport { textCommandFromRuns } from '@weasel-js/renderer';\nimport type {\n  DebugConfig,\n  DebugSnapshot,\n  DebugStroke,\n  DebugStrokes,\n  DebugTheme,\n  FrameStats,\n  RecordedViewport,\n} from './types';\nimport { DEFAULT_DEBUG_STROKES, DEFAULT_DEBUG_THEME } from './defaultTheme';\n\n/** What `createDebugOverlayLayer` paints from: a sink to snapshot and the features to draw. */\nexport interface CreateDebugOverlayLayerOpts {\n  sink: { snapshot(): DebugSnapshot };\n  config: DebugConfig;\n}\n\nexport const DEBUG_OVERLAY_ID = 'debug-overlay';\nconst FPS_WINDOW = 60;\n\n/**\n * Screen-space `RenderLayer` that paints the sink's snapshot. Appended at\n * the top of the Canvas's layer stack when `debug` is enabled. World-space\n * coords in the snapshot are projected through `view` here, since the\n * layer itself runs at identity transform.\n */\nexport function createDebugOverlayLayer({\n  sink,\n  config,\n}: CreateDebugOverlayLayerOpts): RenderLayer<unknown> {\n  // Timestamps of the last FPS_WINDOW draws, kept for the life of the layer.\n  const fpsHistory: number[] = [];\n  return {\n    id: DEBUG_OVERLAY_ID,\n    label: 'Debug overlay',\n    space: 'screen',\n    alwaysOn: true,\n    draw: (_data, view, dims) => {\n      if (config.fps) {\n        fpsHistory.push(typeof performance !== 'undefined' ? performance.now() : Date.now());\n        if (fpsHistory.length > FPS_WINDOW) fpsHistory.shift();\n      } else if (fpsHistory.length > 0) {\n        fpsHistory.length = 0;\n      }\n      return buildDebugOverlayCommands(sink.snapshot(), config, view, dims, fpsHistory);\n    },\n  };\n}\n\n/**\n * The debug overlay's draw commands for one snapshot, in screen space (CSS\n * pixels of a `dims`-sized canvas looking through `view`). What the overlay\n * layer paints each frame, and what `renderDebugSnapshot` rasterizes.\n *\n * `frameTimes` are `performance.now()` stamps of recent paints, oldest first;\n * the frame panel derives its rate from them and shows none without two.\n */\nexport function buildDebugOverlayCommands(\n  snapshot: DebugSnapshot,\n  config: DebugConfig,\n  view: View,\n  dims: Dims,\n  frameTimes: readonly number[] = [],\n): DrawCommand[] {\n  const theme: DebugTheme = { ...DEFAULT_DEBUG_THEME, ...(config.theme ?? {}) };\n  const strokes: DebugStrokes = { ...DEFAULT_DEBUG_STROKES, ...(config.strokes ?? {}) };\n  const s = snapshot;\n  const t = viewToTransform(view);\n  const out: DrawCommand[] = [];\n\n  if (config.viewport && s.viewport) emitViewport(out, s.viewport, view, dims, theme, strokes);\n  if (config.hitboxes) emitHitboxes(out, s, view, t, theme, strokes);\n  if (config.bounds) emitBounds(out, s, view, t, theme, strokes);\n  if (config.handles) emitHandles(out, s, t, theme, strokes);\n  if (config.origins) emitOrigins(out, s, t, theme);\n  if (config.snap) emitSnap(out, s, t, theme, strokes);\n  if (config.ids) emitIds(out, s, t, theme);\n  if (config.layers) emitLayersPanel(out, s, dims, theme);\n  if (config.fps) emitFramePanel(out, frameTimes, s.frame, theme);\n  return out;\n}\n\n// --- emitters (screen-space) ---\n\nfunction approxCircleScreen(cx: number, cy: number, r: number, segments = 24): PolygonPath {\n  return approxEllipseScreen(cx, cy, r, r, segments);\n}\n\nfunction approxEllipseScreen(cx: number, cy: number, rx: number, ry: number, segments = 24): PolygonPath {\n  // Commands: M + (segments-1) L + Z. Coords: (segments) × 2 — pairs for\n  // the moveTo and the (segments-1) lineTos. PATH_Z consumes no coords.\n  const cmds = new Uint8Array(segments + 1);\n  const coords = new Float32Array(segments * 2);\n  cmds[0] = PATH_M;\n  coords[0] = cx + rx;\n  coords[1] = cy;\n  for (let i = 1; i < segments; i++) {\n    cmds[i] = PATH_L;\n    const theta = (i / segments) * Math.PI * 2;\n    coords[i * 2] = cx + rx * Math.cos(theta);\n    coords[i * 2 + 1] = cy + ry * Math.sin(theta);\n  }\n  cmds[segments] = PATH_Z;\n  return { kind: 'polygon', commands: cmds, coords, fillRule: 'nonzero' };\n}\n\n/** A world rect turned `rotation` about its center, as the screen quad it\n *  lands on. */\nfunction rotatedRectScreen(\n  r: { x: number; y: number; width: number; height: number; rotation: number },\n  t: ReturnType<typeof viewToTransform>,\n): PolygonPath {\n  const cx = r.x + r.width / 2, cy = r.y + r.height / 2;\n  const coords = new Float32Array(8);\n  const corners = [[r.x, r.y], [r.x + r.width, r.y], [r.x + r.width, r.y + r.height], [r.x, r.y + r.height]];\n  corners.forEach(([x, y], i) => {\n    const w = rotatePoint(x, y, cx, cy, r.rotation);\n    const [sx, sy] = worldToScreen(w.x, w.y, t);\n    coords[i * 2] = sx;\n    coords[i * 2 + 1] = sy;\n  });\n  return {\n    kind: 'polygon',\n    commands: new Uint8Array([PATH_M, PATH_L, PATH_L, PATH_L, PATH_Z]),\n    coords,\n    fillRule: 'nonzero',\n  };\n}\n\nfunction rectPath(x: number, y: number, w: number, h: number): { kind: 'rect'; x: number; y: number; width: number; height: number } {\n  return { kind: 'rect', x, y, width: w, height: h };\n}\n\n/** A `DebugStroke` + color as the renderer's stroke shape. `dash` is dropped\n *  when empty rather than passed through, so a solid line stays solid. */\nfunction strokeOf(s: DebugStroke, color: string) {\n  return {\n    paint: { kind: 'solid' as const, color },\n    width: s.width,\n    ...(s.dash && s.dash.length > 0 ? { dash: [...s.dash] } : {}),\n  };\n}\n\nfunction emitHitboxes(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  view: View,\n  t: ReturnType<typeof viewToTransform>,\n  theme: DebugTheme,\n  strokes: DebugStrokes,\n): void {\n  const fill = { kind: 'solid' as const, color: theme.hitboxFill };\n  const stroke = strokeOf(strokes.hitbox, theme.hitboxStroke);\n  for (const h of s.hitboxes) {\n    if (h.shape.kind === 'rect' && h.shape.rotation) {\n      const path = rotatedRectScreen({ ...h.shape, rotation: h.shape.rotation }, t);\n      out.push({ kind: 'path', path, fill: { paint: fill }, stroke });\n    } else if (h.shape.kind === 'rect') {\n      const [sx, sy] = worldToScreen(h.shape.x, h.shape.y, t);\n      const sw = h.shape.width * view.scale.x;\n      const sh = h.shape.height * view.scale.y;\n      out.push({ kind: 'path', path: rectPath(sx, sy, sw, sh), fill: { paint: fill }, stroke });\n    } else if (h.shape.kind === 'circle') {\n      const [cx, cy] = worldToScreen(h.shape.cx, h.shape.cy, t);\n      const rx = h.shape.r * Math.abs(view.scale.x);\n      const ry = h.shape.r * Math.abs(view.scale.y);\n      out.push({ kind: 'path', path: approxEllipseScreen(cx, cy, rx, ry), fill: { paint: fill }, stroke });\n    } else if (h.shape.kind === 'polygon' && h.shape.points.length > 2) {\n      const pts = h.shape.points;\n      const coords = new Float32Array(pts.length * 2);\n      pts.forEach((p, i) => {\n        const [sx, sy] = worldToScreen(p.x, p.y, t);\n        coords[i * 2] = sx;\n        coords[i * 2 + 1] = sy;\n      });\n      const commands = new Uint8Array(pts.length + 1).fill(PATH_L);\n      commands[0] = PATH_M;\n      commands[pts.length] = PATH_Z;\n      out.push({ kind: 'path', path: { kind: 'polygon', commands, coords, fillRule: 'nonzero' }, fill: { paint: fill }, stroke });\n    }\n    // 'path' kind: v1 punt — matches 2D behavior.\n  }\n}\n\nfunction emitBounds(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  view: View,\n  t: ReturnType<typeof viewToTransform>,\n  theme: DebugTheme,\n  strokes: DebugStrokes,\n): void {\n  const stroke = strokeOf(strokes.bounds, theme.bounds);\n  for (const b of s.bounds) {\n    const [sx, sy] = worldToScreen(b.bounds.x, b.bounds.y, t);\n    const sw = b.bounds.width * view.scale.x;\n    const sh = b.bounds.height * view.scale.y;\n    out.push({ kind: 'path', path: rectPath(sx, sy, sw, sh), stroke });\n  }\n}\n\nfunction emitHandles(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  t: ReturnType<typeof viewToTransform>,\n  theme: DebugTheme,\n  strokes: DebugStrokes,\n): void {\n  const stroke = strokeOf(strokes.handle, theme.handle);\n  for (const h of s.handles) {\n    const [cx, cy] = worldToScreen(h.position.x, h.position.y, t);\n    const horiz: PolygonPath = {\n      kind: 'polygon',\n      commands: new Uint8Array([PATH_M, PATH_L]),\n      coords: new Float32Array([cx - 4, cy, cx + 4, cy]),\n      fillRule: 'nonzero',\n    };\n    const vert: PolygonPath = {\n      kind: 'polygon',\n      commands: new Uint8Array([PATH_M, PATH_L]),\n      coords: new Float32Array([cx, cy - 4, cx, cy + 4]),\n      fillRule: 'nonzero',\n    };\n    out.push({ kind: 'path', path: horiz, stroke });\n    out.push({ kind: 'path', path: vert, stroke });\n  }\n}\n\nfunction emitOrigins(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  t: ReturnType<typeof viewToTransform>,\n  theme: DebugTheme,\n): void {\n  const fill = { kind: 'solid' as const, color: theme.origin };\n  for (const o of s.origins) {\n    const [cx, cy] = worldToScreen(o.point.x, o.point.y, t);\n    out.push({ kind: 'path', path: approxCircleScreen(cx, cy, 3), fill: { paint: fill } });\n  }\n}\n\nfunction emitSnap(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  t: ReturnType<typeof viewToTransform>,\n  theme: DebugTheme,\n  strokes: DebugStrokes,\n): void {\n  const color = theme.snap;\n  for (const c of s.snap) {\n    const [cx, cy] = worldToScreen(c.point.x, c.point.y, t);\n    const cmd: PathDrawCommand = {\n      kind: 'path',\n      path: approxCircleScreen(cx, cy, 4),\n      ...(c.accepted\n        ? { fill: { paint: { kind: 'solid' as const, color } } }\n        : { stroke: strokeOf(strokes.snap, color) }),\n    };\n    out.push(cmd);\n  }\n}\n\nfunction emitIds(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  t: ReturnType<typeof viewToTransform>,\n  theme: DebugTheme,\n): void {\n  // Pulls from the bounds stream — every consumer that records bounds\n  // (selection overlay's handle math, the kit's per-node debug shim) gets\n  // an id label for free.\n  for (const b of s.bounds) {\n    const [sx, sy] = worldToScreen(b.bounds.x, b.bounds.y, t);\n    out.push(textCommandFromRuns(\n      sx + 2,\n      sy + 11,\n      [{ text: b.id, fill: { paint: { kind: 'solid', color: theme.idText } } }],\n      { fontFamily: 'ui-monospace, Menlo, monospace', fontSize: 10 },\n    ));\n  }\n}\n\nfunction emitLayersPanel(\n  out: DrawCommand[],\n  s: DebugSnapshot,\n  dims: Dims,\n  theme: DebugTheme,\n): void {\n  if (s.layers.length === 0) return;\n  const lineH = 14;\n  const padX = 6;\n  const padY = 4;\n  const lines = s.layers.map((l) => `[${l.index}] ${l.id} (${l.space})`);\n  // Approximate width: 11px font, monospaced — assume each glyph ≈6.6px.\n  // 2D path uses ctx.measureText; we don't have a ctx here, so fall back\n  // to a character-count estimate. Pixel-level accuracy is not load-bearing\n  // for a debug panel; right-edge anchoring stays correct.\n  const charW = 6.6;\n  let maxW = 0;\n  for (const line of lines) maxW = Math.max(maxW, line.length * charW);\n  const boxW = maxW + padX * 2;\n  const boxH = lines.length * lineH + padY * 2;\n  const x = dims.width - boxW - 8;\n  const y = 8;\n  out.push({\n    kind: 'path',\n    path: rectPath(x, y, boxW, boxH),\n    fill: { paint: { kind: 'solid', color: theme.layerTextBg } },\n  });\n  for (let i = 0; i < lines.length; i++) {\n    out.push(textCommandFromRuns(\n      x + padX,\n      y + padY + i * lineH,\n      [{ text: lines[i], fill: { paint: { kind: 'solid', color: theme.layerText } } }],\n      { fontFamily: 'ui-monospace, Menlo, monospace', fontSize: 11 },\n    ));\n  }\n}\n\nconst MONO = { fontFamily: 'ui-monospace, Menlo, monospace', fontSize: 11 };\nconst MONO_CHAR_W = 6.6;\nconst LINE_H = 14;\n\n/** A dark box holding monospace lines, at `(x, y)`; `y < 0` anchors its bottom\n *  that far above `bottom`. Width is estimated from the character count — there\n *  is no text measurer here, and a debug panel does not need one. */\nfunction emitTextPanel(\n  out: DrawCommand[],\n  lines: readonly string[],\n  x: number,\n  y: number,\n  color: string,\n  bg: string,\n): void {\n  const padX = 6;\n  const padY = 4;\n  let maxLen = 0;\n  for (const l of lines) maxLen = Math.max(maxLen, l.length);\n  out.push({\n    kind: 'path',\n    path: rectPath(x, y, maxLen * MONO_CHAR_W + padX * 2, lines.length * LINE_H + padY * 2),\n    fill: { paint: { kind: 'solid', color: bg } },\n  });\n  for (let i = 0; i < lines.length; i++) {\n    out.push(textCommandFromRuns(\n      x + padX,\n      y + padY + i * LINE_H,\n      [{ text: lines[i], fill: { paint: { kind: 'solid', color } } }],\n      MONO,\n    ));\n  }\n}\n\n/** Fixed-width number, right-aligned, `decimals` places: `%{width}.{decimals}f`. */\nfunction fixed(v: number, width: number, decimals: number): string {\n  return v.toFixed(decimals).padStart(width);\n}\n\nfunction emitFramePanel(\n  out: DrawCommand[],\n  history: readonly number[],\n  frame: FrameStats | null,\n  theme: DebugTheme,\n): void {\n  const span = history.length >= 2 ? history[history.length - 1] - history[0] : 0;\n  const interval = span > 0 ? span / (history.length - 1) : null;\n  // Columns: label, draw-call count, value, unit — every row the same width,\n  // so decimals line up down the panel.\n  const rows: [label: string, count: number | null, value: number | null, unit: string][] = [\n    ['fps', null, interval ? 1000 / interval : null, '  '],\n    ['frame', null, interval, 'ms'],\n  ];\n  if (frame) {\n    rows.push(['paint', frame.drawCalls, frame.paintMs, 'ms']);\n    for (const l of frame.layers) rows.push([l.id, l.drawCalls, l.ms, 'ms']);\n  }\n  let labelW = 0;\n  for (const [label] of rows) labelW = Math.max(labelW, label.length);\n  const line = (label: string, count: string, value: string, unit: string) =>\n    `${label.padEnd(labelW)} ${count.padStart(5)} ${value.padStart(7)} ${unit}`;\n  const lines = rows.map(([label, count, value, unit]) =>\n    line(label, count === null ? '' : String(count), value === null ? '—' : fixed(value, 7, 2), unit));\n  if (frame) lines.splice(2, 0, line('', 'draws', 'cpu', '  '));\n  emitTextPanel(out, lines, 8, 8, theme.fpsText, theme.fpsTextBg);\n}\n\nfunction emitViewport(\n  out: DrawCommand[],\n  rec: RecordedViewport,\n  view: View,\n  dims: Dims,\n  theme: DebugTheme,\n  strokes: DebugStrokes,\n): void {\n  const t = viewToTransform(view);\n  const stroke = strokeOf(strokes.viewport, theme.viewport);\n  // Where the viewport the gesture started from sits in the current camera.\n  const { from, to } = rec;\n  const [fx, fy] = worldToScreen(from.x, from.y, t);\n  out.push({\n    kind: 'path',\n    path: rectPath(fx, fy, (dims.width / from.scale.x) * view.scale.x, (dims.height / from.scale.y) * view.scale.y),\n    stroke,\n  });\n  if (rec.anchor) {\n    const [ax0, ay0] = worldToScreen(rec.anchor.x, rec.anchor.y, viewToTransform(from));\n    const [ax1, ay1] = worldToScreen(rec.anchor.x, rec.anchor.y, t);\n    out.push({ kind: 'path', path: approxCircleScreen(ax0, ay0, 2.5), fill: { paint: { kind: 'solid', color: theme.viewport } } });\n    if (Math.hypot(ax1 - ax0, ay1 - ay0) > 0.5) {\n      out.push({ kind: 'path', path: segment(ax0, ay0, ax1, ay1), stroke });\n    }\n    out.push({ kind: 'path', path: approxCircleScreen(ax1, ay1, 6), stroke: strokeOf({ width: strokes.viewport.width }, theme.viewport) });\n  }\n  const text = rec.kind === 'pan'\n    ? `pan   Δ ${signed((from.x - to.x) * to.scale.x)} ${signed((from.y - to.y) * to.scale.y)} px`\n    : `zoom  ×${(to.scale.x / from.scale.x).toFixed(3)}  ${from.scale.x.toFixed(3)} → ${to.scale.x.toFixed(3)}`;\n  emitTextPanel(out, [text], 8, dims.height - LINE_H - 16, theme.viewport, theme.layerTextBg);\n}\n\nfunction signed(v: number): string {\n  const r = Math.abs(v) < 0.05 ? 0 : v;\n  return `${r >= 0 ? '+' : '-'}${Math.abs(r).toFixed(1)}`.padStart(8);\n}\n\nfunction segment(x0: number, y0: number, x1: number, y1: number): PolygonPath {\n  return {\n    kind: 'polygon',\n    commands: new Uint8Array([PATH_M, PATH_L]),\n    coords: new Float32Array([x0, y0, x1, y1]),\n    fillRule: 'nonzero',\n  };\n}\n"],"mappings":"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"}

package/dist/debug/createDebugSink.js

@@ -1,6 +1,15 @@
 //#region src/debug/createDebugSink.ts
-function e(e) {
-	let t = {
+/**
+* Build a sink that stores recorded primitives in arrays keyed by feature.
+* A `recordX` call no-ops when its flag in `config` is off, so callers can
+* record unconditionally.
+*
+* `beginFrame()` clears every per-frame array. Snap, the latest viewport
+* record, and the last frame's stats survive across frames. `snapshot()`
+* returns live references — no copy.
+*/
+function createDebugSink(config) {
+	const snap = {
 		hitboxes: [],
 		handles: [],
 		bounds: [],
@@ -11,73 +20,85 @@ function e(e) {
 		frame: null
 	};
 	return {
-		recordHitbox(n, r, i) {
-			e.hitboxes && t.hitboxes.push({
-				id: n,
-				kind: r,
-				shape: i
+		recordHitbox(id, kind, shape) {
+			if (!config.hitboxes) return;
+			snap.hitboxes.push({
+				id,
+				kind,
+				shape
 			});
 		},
-		recordHandle(n, r, i) {
-			e.handles && t.handles.push({
-				id: n,
-				position: r,
-				kind: i
+		recordHandle(id, position, kind) {
+			if (!config.handles) return;
+			snap.handles.push({
+				id,
+				position,
+				kind
 			});
 		},
-		recordBounds(n, r) {
-			e.bounds && t.bounds.push({
-				id: n,
-				bounds: r
+		recordBounds(id, bounds) {
+			if (!config.bounds) return;
+			snap.bounds.push({
+				id,
+				bounds
 			});
 		},
-		recordOrigin(n, r) {
-			e.origins && t.origins.push({
-				id: n,
-				point: r
+		recordOrigin(id, point) {
+			if (!config.origins) return;
+			snap.origins.push({
+				id,
+				point
 			});
 		},
-		recordSnapCandidate(n, r) {
-			e.snap && t.snap.push({
-				point: n,
-				accepted: r
+		recordSnapCandidate(point, accepted) {
+			if (!config.snap) return;
+			snap.snap.push({
+				point,
+				accepted
 			});
 		},
-		recordLayer(n, r, i, a) {
-			e.layers && t.layers.push({
-				id: n,
-				label: r,
-				space: i,
-				index: a
+		recordLayer(id, label, space, index) {
+			if (!config.layers) return;
+			snap.layers.push({
+				id,
+				label,
+				space,
+				index
 			});
 		},
-		recordViewport(n, r, i, a) {
-			e.viewport && (t.viewport = a ? {
-				kind: n,
-				from: r,
-				to: i,
-				anchor: a
+		recordViewport(kind, from, to, anchor) {
+			if (!config.viewport) return;
+			snap.viewport = anchor ? {
+				kind,
+				from,
+				to,
+				anchor
 			} : {
-				kind: n,
-				from: r,
-				to: i
-			});
+				kind,
+				from,
+				to
+			};
 		},
-		recordFrame(n) {
-			e.fps && (t.frame = n);
+		recordFrame(stats) {
+			if (!config.fps) return;
+			snap.frame = stats;
 		},
 		beginFrame() {
-			t.hitboxes.length = 0, t.handles.length = 0, t.bounds.length = 0, t.origins.length = 0, t.layers.length = 0;
+			snap.hitboxes.length = 0;
+			snap.handles.length = 0;
+			snap.bounds.length = 0;
+			snap.origins.length = 0;
+			snap.layers.length = 0;
 		},
 		clearSnap() {
-			t.snap.length = 0;
+			snap.snap.length = 0;
 		},
 		snapshot() {
-			return t;
+			return snap;
 		}
 	};
 }
-//#endregion
-export { e as createDebugSink };
 
+//#endregion
+export { createDebugSink };
 //# sourceMappingURL=createDebugSink.js.map

package/dist/debug/createDebugSink.js.map

@@ -1 +1 @@
-{"version":3,"file":"createDebugSink.js","names":["createDebugSink","snap","config","anchor","stats"],"sources":["../../src/debug/createDebugSink.ts"],"sourcesContent":["import type {\n  CanvasDebugSink,\n  DebugConfig,\n  DebugSnapshot,\n  HandleKind,\n  HitShape,\n} from './types';\n\n/**\n * Build a sink that stores recorded primitives in arrays keyed by feature.\n * A `recordX` call no-ops when its flag in `config` is off, so callers can\n * record unconditionally.\n *\n * `beginFrame()` clears every per-frame array. Snap, the latest viewport\n * record, and the last frame's stats survive across frames. `snapshot()`\n * returns live references — no copy.\n */\nexport function createDebugSink(config: DebugConfig): CanvasDebugSink {\n  const snap: DebugSnapshot = {\n    hitboxes: [],\n    handles: [],\n    bounds: [],\n    origins: [],\n    snap: [],\n    layers: [],\n    viewport: null,\n    frame: null,\n  };\n  return {\n    recordHitbox(id, kind, shape: HitShape) {\n      if (!config.hitboxes) return;\n      snap.hitboxes.push({ id, kind, shape });\n    },\n    recordHandle(id, position, kind: HandleKind) {\n      if (!config.handles) return;\n      snap.handles.push({ id, position, kind });\n    },\n    recordBounds(id, bounds) {\n      if (!config.bounds) return;\n      snap.bounds.push({ id, bounds });\n    },\n    recordOrigin(id, point) {\n      if (!config.origins) return;\n      snap.origins.push({ id, point });\n    },\n    recordSnapCandidate(point, accepted) {\n      if (!config.snap) return;\n      snap.snap.push({ point, accepted });\n    },\n    recordLayer(id, label, space, index) {\n      if (!config.layers) return;\n      snap.layers.push({ id, label, space, index });\n    },\n    recordViewport(kind, from, to, anchor) {\n      if (!config.viewport) return;\n      snap.viewport = anchor ? { kind, from, to, anchor } : { kind, from, to };\n    },\n    recordFrame(stats) {\n      if (!config.fps) return;\n      snap.frame = stats;\n    },\n    beginFrame() {\n      snap.hitboxes.length = 0;\n      snap.handles.length = 0;\n      snap.bounds.length = 0;\n      snap.origins.length = 0;\n      snap.layers.length = 0;\n    },\n    clearSnap() {\n      snap.snap.length = 0;\n    },\n    snapshot() {\n      return snap;\n    },\n  };\n}\n"],"mappings":";AAiBA,SAAgBA,EAAgB,GAAsC;CACpE,IAAMC,IAAsB;EAC1B,UAAU,CAAC;EACX,SAAS,CAAC;EACV,QAAQ,CAAC;EACT,SAAS,CAAC;EACV,MAAM,CAAC;EACP,QAAQ,CAAC;EACT,UAAU;EACV,OAAO;CACT;CACA,OAAO;EACL,aAAa,GAAI,GAAM,GAAiB;GACtC,AAAKC,EAAO,YACZD,EAAK,SAAS,KAAK;IAAE;IAAI;IAAM;GAAM,CAAC;EACxC;EACA,aAAa,GAAI,GAAU,GAAkB;GAC3C,AAAKC,EAAO,WACZD,EAAK,QAAQ,KAAK;IAAE;IAAI;IAAU;GAAK,CAAC;EAC1C;EACA,aAAa,GAAI,GAAQ;GACvB,AAAKC,EAAO,UACZD,EAAK,OAAO,KAAK;IAAE;IAAI;GAAO,CAAC;EACjC;EACA,aAAa,GAAI,GAAO;GACtB,AAAKC,EAAO,WACZD,EAAK,QAAQ,KAAK;IAAE;IAAI;GAAM,CAAC;EACjC;EACA,oBAAoB,GAAO,GAAU;GACnC,AAAKC,EAAO,QACZD,EAAK,KAAK,KAAK;IAAE;IAAO;GAAS,CAAC;EACpC;EACA,YAAY,GAAI,GAAO,GAAO,GAAO;GACnC,AAAKC,EAAO,UACZD,EAAK,OAAO,KAAK;IAAE;IAAI;IAAO;IAAO;GAAM,CAAC;EAC9C;EACA,eAAe,GAAM,GAAM,GAAI,GAAQ;GACrC,AAAKC,EAAO,aACZ,EAAK,WAAWC,IAAS;IAAE;IAAM;IAAM;IAAI;GAAO,IAAI;IAAE;IAAM;IAAM;GAAG;EACzE;EACA,YAAY,GAAO;GACjB,AAAKD,EAAO,QACZ,EAAK,QAAQE;EACf;EACA,aAAa;GAKX,AAJA,EAAK,SAAS,SAAS,GACvB,EAAK,QAAQ,SAAS,GACtB,EAAK,OAAO,SAAS,GACrB,EAAK,QAAQ,SAAS,GACtB,EAAK,OAAO,SAAS;EACvB;EACA,YAAY;GACV,EAAK,KAAK,SAAS;EACrB;EACA,WAAW;GACT,OAAOH;EACT;CACF;AACF"}
+{"version":3,"file":"createDebugSink.js","names":[],"sources":["../../src/debug/createDebugSink.ts"],"sourcesContent":["import type {\n  CanvasDebugSink,\n  DebugConfig,\n  DebugSnapshot,\n  HandleKind,\n  HitShape,\n} from './types';\n\n/**\n * Build a sink that stores recorded primitives in arrays keyed by feature.\n * A `recordX` call no-ops when its flag in `config` is off, so callers can\n * record unconditionally.\n *\n * `beginFrame()` clears every per-frame array. Snap, the latest viewport\n * record, and the last frame's stats survive across frames. `snapshot()`\n * returns live references — no copy.\n */\nexport function createDebugSink(config: DebugConfig): CanvasDebugSink {\n  const snap: DebugSnapshot = {\n    hitboxes: [],\n    handles: [],\n    bounds: [],\n    origins: [],\n    snap: [],\n    layers: [],\n    viewport: null,\n    frame: null,\n  };\n  return {\n    recordHitbox(id, kind, shape: HitShape) {\n      if (!config.hitboxes) return;\n      snap.hitboxes.push({ id, kind, shape });\n    },\n    recordHandle(id, position, kind: HandleKind) {\n      if (!config.handles) return;\n      snap.handles.push({ id, position, kind });\n    },\n    recordBounds(id, bounds) {\n      if (!config.bounds) return;\n      snap.bounds.push({ id, bounds });\n    },\n    recordOrigin(id, point) {\n      if (!config.origins) return;\n      snap.origins.push({ id, point });\n    },\n    recordSnapCandidate(point, accepted) {\n      if (!config.snap) return;\n      snap.snap.push({ point, accepted });\n    },\n    recordLayer(id, label, space, index) {\n      if (!config.layers) return;\n      snap.layers.push({ id, label, space, index });\n    },\n    recordViewport(kind, from, to, anchor) {\n      if (!config.viewport) return;\n      snap.viewport = anchor ? { kind, from, to, anchor } : { kind, from, to };\n    },\n    recordFrame(stats) {\n      if (!config.fps) return;\n      snap.frame = stats;\n    },\n    beginFrame() {\n      snap.hitboxes.length = 0;\n      snap.handles.length = 0;\n      snap.bounds.length = 0;\n      snap.origins.length = 0;\n      snap.layers.length = 0;\n    },\n    clearSnap() {\n      snap.snap.length = 0;\n    },\n    snapshot() {\n      return snap;\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;AAiBA,SAAgB,gBAAgB,QAAsC;CACpE,MAAM,OAAsB;EAC1B,UAAU,CAAC;EACX,SAAS,CAAC;EACV,QAAQ,CAAC;EACT,SAAS,CAAC;EACV,MAAM,CAAC;EACP,QAAQ,CAAC;EACT,UAAU;EACV,OAAO;CACT;CACA,OAAO;EACL,aAAa,IAAI,MAAM,OAAiB;GACtC,IAAI,CAAC,OAAO,UAAU;GACtB,KAAK,SAAS,KAAK;IAAE;IAAI;IAAM;GAAM,CAAC;EACxC;EACA,aAAa,IAAI,UAAU,MAAkB;GAC3C,IAAI,CAAC,OAAO,SAAS;GACrB,KAAK,QAAQ,KAAK;IAAE;IAAI;IAAU;GAAK,CAAC;EAC1C;EACA,aAAa,IAAI,QAAQ;GACvB,IAAI,CAAC,OAAO,QAAQ;GACpB,KAAK,OAAO,KAAK;IAAE;IAAI;GAAO,CAAC;EACjC;EACA,aAAa,IAAI,OAAO;GACtB,IAAI,CAAC,OAAO,SAAS;GACrB,KAAK,QAAQ,KAAK;IAAE;IAAI;GAAM,CAAC;EACjC;EACA,oBAAoB,OAAO,UAAU;GACnC,IAAI,CAAC,OAAO,MAAM;GAClB,KAAK,KAAK,KAAK;IAAE;IAAO;GAAS,CAAC;EACpC;EACA,YAAY,IAAI,OAAO,OAAO,OAAO;GACnC,IAAI,CAAC,OAAO,QAAQ;GACpB,KAAK,OAAO,KAAK;IAAE;IAAI;IAAO;IAAO;GAAM,CAAC;EAC9C;EACA,eAAe,MAAM,MAAM,IAAI,QAAQ;GACrC,IAAI,CAAC,OAAO,UAAU;GACtB,KAAK,WAAW,SAAS;IAAE;IAAM;IAAM;IAAI;GAAO,IAAI;IAAE;IAAM;IAAM;GAAG;EACzE;EACA,YAAY,OAAO;GACjB,IAAI,CAAC,OAAO,KAAK;GACjB,KAAK,QAAQ;EACf;EACA,aAAa;GACX,KAAK,SAAS,SAAS;GACvB,KAAK,QAAQ,SAAS;GACtB,KAAK,OAAO,SAAS;GACrB,KAAK,QAAQ,SAAS;GACtB,KAAK,OAAO,SAAS;EACvB;EACA,YAAY;GACV,KAAK,KAAK,SAAS;EACrB;EACA,WAAW;GACT,OAAO;EACT;CACF;AACF"}

package/dist/debug/defaultTheme.js

@@ -1,5 +1,10 @@
 //#region src/debug/defaultTheme.ts
-var e = {
+/**
+* Default colors per the spec's Visual Style section. High contrast against
+* the demo's dark backdrop. Override by passing `theme: { ... }` on
+* `DebugConfig`.
+*/
+var DEFAULT_DEBUG_THEME = {
 	hitboxFill: "rgba(255, 0, 255, 0.25)",
 	hitboxStroke: "#ff00ff",
 	handle: "#00e5ff",
@@ -12,7 +17,14 @@ var e = {
 	fpsText: "#e0e0e0",
 	fpsTextBg: "rgba(0, 0, 0, 0.6)",
 	viewport: "#b388ff"
-}, t = {
+};
+/**
+* Default line widths and dashes. Hairline everywhere so the overlay never
+* hides the geometry it is describing; the dash on hitboxes is what
+* distinguishes them from the solid bounds box at the same rect.
+* Override by passing `strokes: { ... }` on `DebugConfig`.
+*/
+var DEFAULT_DEBUG_STROKES = {
 	hitbox: {
 		width: 1,
 		dash: [2, 2]
@@ -25,7 +37,7 @@ var e = {
 		dash: [6, 4]
 	}
 };
-//#endregion
-export { t as DEFAULT_DEBUG_STROKES, e as DEFAULT_DEBUG_THEME };
 
+//#endregion
+export { DEFAULT_DEBUG_STROKES, DEFAULT_DEBUG_THEME };
 //# sourceMappingURL=defaultTheme.js.map

package/dist/debug/defaultTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultTheme.js","names":["DEFAULT_DEBUG_THEME","DEFAULT_DEBUG_STROKES"],"sources":["../../src/debug/defaultTheme.ts"],"sourcesContent":["import type { DebugStrokes, DebugTheme } from './types';\n\n/**\n * Default colors per the spec's Visual Style section. High contrast against\n * the demo's dark backdrop. Override by passing `theme: { ... }` on\n * `DebugConfig`.\n */\nexport const DEFAULT_DEBUG_THEME: DebugTheme = {\n  hitboxFill: 'rgba(255, 0, 255, 0.25)',\n  hitboxStroke: '#ff00ff',\n  handle: '#00e5ff',\n  bounds: '#ffeb3b',\n  origin: '#69f0ae',\n  snap: '#ffa726',\n  layerText: '#e0e0e0',\n  layerTextBg: 'rgba(0, 0, 0, 0.6)',\n  idText: '#ffeb3b',\n  fpsText: '#e0e0e0',\n  fpsTextBg: 'rgba(0, 0, 0, 0.6)',\n  viewport: '#b388ff',\n};\n\n/**\n * Default line widths and dashes. Hairline everywhere so the overlay never\n * hides the geometry it is describing; the dash on hitboxes is what\n * distinguishes them from the solid bounds box at the same rect.\n * Override by passing `strokes: { ... }` on `DebugConfig`.\n */\nexport const DEFAULT_DEBUG_STROKES: DebugStrokes = {\n  hitbox: { width: 1, dash: [2, 2] },\n  bounds: { width: 1 },\n  handle: { width: 1 },\n  snap: { width: 1 },\n  viewport: { width: 1, dash: [6, 4] },\n};\n"],"mappings":";AAOA,IAAaA,IAAkC;CAC7C,YAAY;CACZ,cAAc;CACd,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,MAAM;CACN,WAAW;CACX,aAAa;CACb,QAAQ;CACR,SAAS;CACT,WAAW;CACX,UAAU;AACZ,GAQaC,IAAsC;CACjD,QAAQ;EAAE,OAAO;EAAG,MAAM,CAAC,GAAG,CAAC;CAAE;CACjC,QAAQ,EAAE,OAAO,EAAE;CACnB,QAAQ,EAAE,OAAO,EAAE;CACnB,MAAM,EAAE,OAAO,EAAE;CACjB,UAAU;EAAE,OAAO;EAAG,MAAM,CAAC,GAAG,CAAC;CAAE;AACrC"}
+{"version":3,"file":"defaultTheme.js","names":[],"sources":["../../src/debug/defaultTheme.ts"],"sourcesContent":["import type { DebugStrokes, DebugTheme } from './types';\n\n/**\n * Default colors per the spec's Visual Style section. High contrast against\n * the demo's dark backdrop. Override by passing `theme: { ... }` on\n * `DebugConfig`.\n */\nexport const DEFAULT_DEBUG_THEME: DebugTheme = {\n  hitboxFill: 'rgba(255, 0, 255, 0.25)',\n  hitboxStroke: '#ff00ff',\n  handle: '#00e5ff',\n  bounds: '#ffeb3b',\n  origin: '#69f0ae',\n  snap: '#ffa726',\n  layerText: '#e0e0e0',\n  layerTextBg: 'rgba(0, 0, 0, 0.6)',\n  idText: '#ffeb3b',\n  fpsText: '#e0e0e0',\n  fpsTextBg: 'rgba(0, 0, 0, 0.6)',\n  viewport: '#b388ff',\n};\n\n/**\n * Default line widths and dashes. Hairline everywhere so the overlay never\n * hides the geometry it is describing; the dash on hitboxes is what\n * distinguishes them from the solid bounds box at the same rect.\n * Override by passing `strokes: { ... }` on `DebugConfig`.\n */\nexport const DEFAULT_DEBUG_STROKES: DebugStrokes = {\n  hitbox: { width: 1, dash: [2, 2] },\n  bounds: { width: 1 },\n  handle: { width: 1 },\n  snap: { width: 1 },\n  viewport: { width: 1, dash: [6, 4] },\n};\n"],"mappings":";;;;;;AAOA,IAAa,sBAAkC;CAC7C,YAAY;CACZ,cAAc;CACd,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,MAAM;CACN,WAAW;CACX,aAAa;CACb,QAAQ;CACR,SAAS;CACT,WAAW;CACX,UAAU;AACZ;;;;;;;AAQA,IAAa,wBAAsC;CACjD,QAAQ;EAAE,OAAO;EAAG,MAAM,CAAC,GAAG,CAAC;CAAE;CACjC,QAAQ,EAAE,OAAO,EAAE;CACnB,QAAQ,EAAE,OAAO,EAAE;CACnB,MAAM,EAAE,OAAO,EAAE;CACjB,UAAU;EAAE,OAAO;EAAG,MAAM,CAAC,GAAG,CAAC;CAAE;AACrC"}

package/dist/debug/flag.js

@@ -1,2 +1,3 @@
-import { dlog as e, dwarn as t, isDebugEnabled as n } from "@weasel-js/routing";
-export { e as dlog, t as dwarn, n as isDebugEnabled };
+import { dlog, dwarn, isDebugEnabled } from "@weasel-js/routing";
+
+export { dlog, dwarn, isDebugEnabled };

package/dist/debug/frameStats.js

@@ -1,16 +1,18 @@
 //#region src/debug/frameStats.ts
-function e(e, t, n) {
+/** One paint's {@link FrameStats}: each layer's build time from `drawLayers`
+*  joined with its dispatch cost from the renderer, span for span. */
+function frameStatsOf(layers, render, paintMs) {
 	return {
-		paintMs: n,
-		drawCalls: t.drawCalls,
-		layers: e.map((e, n) => ({
-			id: e.id,
-			drawCalls: t.spans[n]?.drawCalls ?? 0,
-			ms: e.buildMs + (t.spans[n]?.ms ?? 0)
+		paintMs,
+		drawCalls: render.drawCalls,
+		layers: layers.map((l, i) => ({
+			id: l.id,
+			drawCalls: render.spans[i]?.drawCalls ?? 0,
+			ms: l.buildMs + (render.spans[i]?.ms ?? 0)
 		}))
 	};
 }
-//#endregion
-export { e as frameStatsOf };
 
+//#endregion
+export { frameStatsOf };
 //# sourceMappingURL=frameStats.js.map

package/dist/debug/frameStats.js.map

@@ -1 +1 @@
-{"version":3,"file":"frameStats.js","names":["frameStatsOf","render","layers","l","i"],"sources":["../../src/debug/frameStats.ts"],"sourcesContent":["import type { LayerDrawSpan } from 'core/layers/render';\nimport type { RenderStats } from '@weasel-js/renderer';\nimport type { FrameStats } from './types';\n\n/** One paint's {@link FrameStats}: each layer's build time from `drawLayers`\n *  joined with its dispatch cost from the renderer, span for span. */\nexport function frameStatsOf(layers: readonly LayerDrawSpan[], render: RenderStats, paintMs: number): FrameStats {\n  return {\n    paintMs,\n    drawCalls: render.drawCalls,\n    layers: layers.map((l, i) => ({\n      id: l.id,\n      drawCalls: render.spans[i]?.drawCalls ?? 0,\n      ms: l.buildMs + (render.spans[i]?.ms ?? 0),\n    })),\n  };\n}\n"],"mappings":";AAMA,SAAgBA,EAAa,GAAkC,GAAqB,GAA6B;CAC/G,OAAO;EACL;EACA,WAAWC,EAAO;EAClB,QAAQC,EAAO,KAAK,GAAG,OAAO;GAC5B,IAAIC,EAAE;GACN,WAAWF,EAAO,MAAMG,EAAE,EAAE,aAAa;GACzC,IAAID,EAAE,WAAWF,EAAO,MAAMG,EAAE,EAAE,MAAM;EAC1C,EAAE;CACJ;AACF"}
+{"version":3,"file":"frameStats.js","names":[],"sources":["../../src/debug/frameStats.ts"],"sourcesContent":["import type { LayerDrawSpan } from 'core/layers/render';\nimport type { RenderStats } from '@weasel-js/renderer';\nimport type { FrameStats } from './types';\n\n/** One paint's {@link FrameStats}: each layer's build time from `drawLayers`\n *  joined with its dispatch cost from the renderer, span for span. */\nexport function frameStatsOf(layers: readonly LayerDrawSpan[], render: RenderStats, paintMs: number): FrameStats {\n  return {\n    paintMs,\n    drawCalls: render.drawCalls,\n    layers: layers.map((l, i) => ({\n      id: l.id,\n      drawCalls: render.spans[i]?.drawCalls ?? 0,\n      ms: l.buildMs + (render.spans[i]?.ms ?? 0),\n    })),\n  };\n}\n"],"mappings":";;;AAMA,SAAgB,aAAa,QAAkC,QAAqB,SAA6B;CAC/G,OAAO;EACL;EACA,WAAW,OAAO;EAClB,QAAQ,OAAO,KAAK,GAAG,OAAO;GAC5B,IAAI,EAAE;GACN,WAAW,OAAO,MAAM,EAAE,EAAE,aAAa;GACzC,IAAI,EAAE,WAAW,OAAO,MAAM,EAAE,EAAE,MAAM;EAC1C,EAAE;CACJ;AACF"}

package/dist/debug/parseDebugFlags.js

@@ -1,5 +1,5 @@
 //#region src/debug/parseDebugFlags.ts
-var e = [
+var ALL_FEATURES = [
 	"hitboxes",
 	"handles",
 	"bounds",
@@ -10,23 +10,31 @@ var e = [
 	"fps",
 	"viewport"
 ];
-function t(t) {
-	let n = t.startsWith("?") ? t.slice(1) : t;
-	if (n.length === 0) return null;
-	let r = new URLSearchParams(n).get("debug");
-	if (!r) return null;
-	let i = r.split(",").map((e) => e.trim()).filter(Boolean);
-	if (i.length === 0) return null;
-	if (i.includes("all")) {
-		let t = {};
-		for (let n of e) t[n] = !0;
-		return t;
+/**
+* Parse a URL query string (with or without leading `?`) for a `debug` param.
+*
+* - `?debug=hitboxes` → `{ hitboxes: true }`
+* - `?debug=bounds,origins` → `{ bounds: true, origins: true }`
+* - `?debug=all` → every feature enabled
+* - missing/empty/unknown-only → `null`
+*/
+function parseDebugFlags(search) {
+	const trimmed = search.startsWith("?") ? search.slice(1) : search;
+	if (trimmed.length === 0) return null;
+	const raw = new URLSearchParams(trimmed).get("debug");
+	if (!raw) return null;
+	const tokens = raw.split(",").map((t) => t.trim()).filter(Boolean);
+	if (tokens.length === 0) return null;
+	if (tokens.includes("all")) {
+		const out = {};
+		for (const f of ALL_FEATURES) out[f] = true;
+		return out;
 	}
-	let a = {};
-	for (let t of i) e.includes(t) && (a[t] = !0);
-	return Object.keys(a).length > 0 ? a : null;
+	const out = {};
+	for (const t of tokens) if (ALL_FEATURES.includes(t)) out[t] = true;
+	return Object.keys(out).length > 0 ? out : null;
 }
-//#endregion
-export { t as parseDebugFlags };
 
+//#endregion
+export { parseDebugFlags };
 //# sourceMappingURL=parseDebugFlags.js.map

package/dist/debug/parseDebugFlags.js.map

@@ -1 +1 @@
-{"version":3,"file":"parseDebugFlags.js","names":["ALL_FEATURES","parseDebugFlags","trimmed","search","raw","tokens","t","out","f"],"sources":["../../src/debug/parseDebugFlags.ts"],"sourcesContent":["import type { DebugConfig, DebugFeature } from './types';\n\nconst ALL_FEATURES: DebugFeature[] = [\n  'hitboxes', 'handles', 'bounds', 'origins', 'snap', 'layers', 'ids', 'fps', 'viewport',\n];\n\n/**\n * Parse a URL query string (with or without leading `?`) for a `debug` param.\n *\n * - `?debug=hitboxes` → `{ hitboxes: true }`\n * - `?debug=bounds,origins` → `{ bounds: true, origins: true }`\n * - `?debug=all` → every feature enabled\n * - missing/empty/unknown-only → `null`\n */\nexport function parseDebugFlags(search: string): DebugConfig | null {\n  const trimmed = search.startsWith('?') ? search.slice(1) : search;\n  if (trimmed.length === 0) return null;\n  const params = new URLSearchParams(trimmed);\n  const raw = params.get('debug');\n  if (!raw) return null;\n  const tokens = raw.split(',').map((t) => t.trim()).filter(Boolean);\n  if (tokens.length === 0) return null;\n  if (tokens.includes('all')) {\n    const out: DebugConfig = {};\n    for (const f of ALL_FEATURES) out[f] = true;\n    return out;\n  }\n  const out: DebugConfig = {};\n  for (const t of tokens) {\n    if ((ALL_FEATURES as string[]).includes(t)) out[t as DebugFeature] = true;\n  }\n  return Object.keys(out).length > 0 ? out : null;\n}\n"],"mappings":";AAEA,IAAMA,IAA+B;CACnC;CAAY;CAAW;CAAU;CAAW;CAAQ;CAAU;CAAO;CAAO;AAC9E;AAUA,SAAgBC,EAAgB,GAAoC;CAClE,IAAMC,IAAUC,EAAO,WAAW,GAAG,IAAIA,EAAO,MAAM,CAAC,IAAIA;CAC3D,IAAID,EAAQ,WAAW,GAAG,OAAO;CAEjC,IAAME,IAAM,IADO,gBAAgBF,CACvB,CAAA,CAAO,IAAI,OAAO;CAC9B,IAAI,CAACE,GAAK,OAAO;CACjB,IAAMC,IAASD,EAAI,MAAM,GAAG,CAAC,CAAC,KAAK,MAAME,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,OAAO;CACjE,IAAID,EAAO,WAAW,GAAG,OAAO;CAChC,IAAIA,EAAO,SAAS,KAAK,GAAG;EAC1B,IAAME,IAAmB,CAAC;EAC1B,KAAK,IAAMC,KAAKR,GAAc,EAAIQ,KAAK;EACvC,OAAOD;CACT;CACA,IAAMA,IAAmB,CAAC;CAC1B,KAAK,IAAM,KAAKF,GACd,AAAKL,EAA0B,SAAS,CAAC,MAAG,EAAI,KAAqB;CAEvE,OAAO,OAAO,KAAKO,CAAG,CAAC,CAAC,SAAS,IAAIA,IAAM;AAC7C"}
+{"version":3,"file":"parseDebugFlags.js","names":[],"sources":["../../src/debug/parseDebugFlags.ts"],"sourcesContent":["import type { DebugConfig, DebugFeature } from './types';\n\nconst ALL_FEATURES: DebugFeature[] = [\n  'hitboxes', 'handles', 'bounds', 'origins', 'snap', 'layers', 'ids', 'fps', 'viewport',\n];\n\n/**\n * Parse a URL query string (with or without leading `?`) for a `debug` param.\n *\n * - `?debug=hitboxes` → `{ hitboxes: true }`\n * - `?debug=bounds,origins` → `{ bounds: true, origins: true }`\n * - `?debug=all` → every feature enabled\n * - missing/empty/unknown-only → `null`\n */\nexport function parseDebugFlags(search: string): DebugConfig | null {\n  const trimmed = search.startsWith('?') ? search.slice(1) : search;\n  if (trimmed.length === 0) return null;\n  const params = new URLSearchParams(trimmed);\n  const raw = params.get('debug');\n  if (!raw) return null;\n  const tokens = raw.split(',').map((t) => t.trim()).filter(Boolean);\n  if (tokens.length === 0) return null;\n  if (tokens.includes('all')) {\n    const out: DebugConfig = {};\n    for (const f of ALL_FEATURES) out[f] = true;\n    return out;\n  }\n  const out: DebugConfig = {};\n  for (const t of tokens) {\n    if ((ALL_FEATURES as string[]).includes(t)) out[t as DebugFeature] = true;\n  }\n  return Object.keys(out).length > 0 ? out : null;\n}\n"],"mappings":";AAEA,IAAM,eAA+B;CACnC;CAAY;CAAW;CAAU;CAAW;CAAQ;CAAU;CAAO;CAAO;AAC9E;;;;;;;;;AAUA,SAAgB,gBAAgB,QAAoC;CAClE,MAAM,UAAU,OAAO,WAAW,GAAG,IAAI,OAAO,MAAM,CAAC,IAAI;CAC3D,IAAI,QAAQ,WAAW,GAAG,OAAO;CAEjC,MAAM,MAAM,IADO,gBAAgB,OACvB,CAAA,CAAO,IAAI,OAAO;CAC9B,IAAI,CAAC,KAAK,OAAO;CACjB,MAAM,SAAS,IAAI,MAAM,GAAG,CAAC,CAAC,KAAK,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,OAAO;CACjE,IAAI,OAAO,WAAW,GAAG,OAAO;CAChC,IAAI,OAAO,SAAS,KAAK,GAAG;EAC1B,MAAM,MAAmB,CAAC;EAC1B,KAAK,MAAM,KAAK,cAAc,IAAI,KAAK;EACvC,OAAO;CACT;CACA,MAAM,MAAmB,CAAC;CAC1B,KAAK,MAAM,KAAK,QACd,IAAK,aAA0B,SAAS,CAAC,GAAG,IAAI,KAAqB;CAEvE,OAAO,OAAO,KAAK,GAAG,CAAC,CAAC,SAAS,IAAI,MAAM;AAC7C"}

package/dist/debug/useDebugSink.js

@@ -1,52 +1,71 @@
-import { DEBUG_OVERLAY_ID as e, createDebugOverlayLayer as t } from "./createDebugOverlayLayer.js";
-import { parseDebugFlags as n } from "./parseDebugFlags.js";
-import { createDebugSink as r } from "./createDebugSink.js";
-import { frameStatsOf as i } from "./frameStats.js";
-import { useCallback as a, useMemo as o } from "react";
-import { useLatest as s } from "@weasel-js/react";
+import { DEBUG_OVERLAY_ID, createDebugOverlayLayer } from "./createDebugOverlayLayer.js";
+import { parseDebugFlags } from "./parseDebugFlags.js";
+import { createDebugSink } from "./createDebugSink.js";
+import { frameStatsOf } from "./frameStats.js";
+import { useCallback, useMemo } from "react";
+import { useLatest } from "@weasel-js/react";
+
 //#region src/debug/useDebugSink.ts
-var c = {
+var OFF = {
 	sink: null,
 	overlay: null,
-	frameStats: !1
+	frameStats: false
 };
-function l(e) {
-	let i = e === void 0 ? void 0 : JSON.stringify(e), l = o(() => {
-		let e = i === void 0 ? typeof window > "u" ? null : n(window.location.search) : JSON.parse(i) || null;
-		if (!e) return c;
-		let a = r(e);
+/**
+* Resolve a surface's `debug` prop and hold what it turns on. `undefined`
+* reads `?debug=…` from the URL, `false` forces it off, and a config forces it
+* on. Keyed on the config's content, so one written inline keeps its sink, and
+* what the sink and the overlay have accumulated, from render to render.
+*/
+function useDebugSink(debug) {
+	const key = debug === void 0 ? void 0 : JSON.stringify(debug);
+	const state = useMemo(() => {
+		const config = key !== void 0 ? JSON.parse(key) || null : typeof window === "undefined" ? null : parseDebugFlags(window.location.search);
+		if (!config) return OFF;
+		const sink = createDebugSink(config);
 		return {
-			sink: a,
-			overlay: t({
-				sink: a,
-				config: e
+			sink,
+			overlay: createDebugOverlayLayer({
+				sink,
+				config
 			}),
-			frameStats: e.fps === !0
+			frameStats: config.fps === true
 		};
-	}, [i]), u = s(l.sink), d = a(() => u.current, [u]);
+	}, [key]);
+	const committed = useLatest(state.sink);
+	const getDebug = useCallback(() => committed.current, [committed]);
 	return {
-		...l,
-		getDebug: d
+		...state,
+		getDebug
 	};
 }
-function u(t, n, r) {
-	if (!t) return null;
-	t.beginFrame();
-	for (let n = 0; n < r.length; n++) {
-		let i = r[n];
-		i.id !== e && t.recordLayer(i.id, i.label, i.space ?? "world", n);
+/**
+* Open a paint's recording: clear the sink's per-frame records and note the
+* stack about to be drawn, bottom first. Returns `null` with no sink.
+*/
+function beginDebugFrame(sink, frameStats, layers) {
+	if (!sink) return null;
+	sink.beginFrame();
+	for (let i = 0; i < layers.length; i++) {
+		const layer = layers[i];
+		if (layer.id === DEBUG_OVERLAY_ID) continue;
+		sink.recordLayer(layer.id, layer.label, layer.space ?? "world", i);
 	}
-	let a, o = 0;
+	let spans;
+	let startedAt = 0;
 	return {
 		time: () => {
-			if (n) return a = [], o = performance.now(), a;
+			if (!frameStats) return void 0;
+			spans = [];
+			startedAt = performance.now();
+			return spans;
 		},
-		end: (e) => {
-			a && t.recordFrame(i(a, e, performance.now() - o));
+		end: (render) => {
+			if (spans) sink.recordFrame(frameStatsOf(spans, render, performance.now() - startedAt));
 		}
 	};
 }
-//#endregion
-export { u as beginDebugFrame, l as useDebugSink };
 
+//#endregion
+export { beginDebugFrame, useDebugSink };
 //# sourceMappingURL=useDebugSink.js.map

package/dist/debug/useDebugSink.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDebugSink.js","names":["OFF","useDebugSink","key","debug","state","useMemo","config","parseDebugFlags","sink","createDebugSink","createDebugOverlayLayer","committed","useLatest","getDebug","useCallback","beginDebugFrame","i","layers","layer","DEBUG_OVERLAY_ID","spans","startedAt","frameStats","frameStatsOf","render"],"sources":["../../src/debug/useDebugSink.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport type { RenderStats } from '@weasel-js/renderer';\nimport type { LayerDrawSpan, RenderLayer } from 'core/layers/render';\nimport type { CanvasDebugSink, DebugConfig } from './types';\nimport { parseDebugFlags } from './parseDebugFlags';\nimport { createDebugSink } from './createDebugSink';\nimport { createDebugOverlayLayer, DEBUG_OVERLAY_ID } from './createDebugOverlayLayer';\nimport { frameStatsOf } from './frameStats';\n\n/** A surface's debug state for one resolved config. */\nexport interface SurfaceDebug {\n  /** Null when debugging is off. */\n  sink: CanvasDebugSink | null;\n  /** The layer that paints the sink, for the top of the surface's stack. */\n  overlay: RenderLayer<unknown> | null;\n  /** Whether a paint should time itself for the frame panel. */\n  frameStats: boolean;\n  /** The sink of the last committed render. Stable. */\n  getDebug: () => CanvasDebugSink | null;\n}\n\nconst OFF = { sink: null, overlay: null, frameStats: false };\n\n/**\n * Resolve a surface's `debug` prop and hold what it turns on. `undefined`\n * reads `?debug=…` from the URL, `false` forces it off, and a config forces it\n * on. Keyed on the config's content, so one written inline keeps its sink, and\n * what the sink and the overlay have accumulated, from render to render.\n */\nexport function useDebugSink(debug: DebugConfig | false | undefined): SurfaceDebug {\n  const key = debug === undefined ? undefined : JSON.stringify(debug);\n  const state = useMemo(() => {\n    const config = key !== undefined\n      ? (JSON.parse(key) as DebugConfig | false) || null\n      : typeof window === 'undefined' ? null : parseDebugFlags(window.location.search);\n    if (!config) return OFF;\n    const sink = createDebugSink(config);\n    return { sink, overlay: createDebugOverlayLayer({ sink, config }), frameStats: config.fps === true };\n  }, [key]);\n  const committed = useLatest(state.sink);\n  const getDebug = useCallback(() => committed.current, [committed]);\n  return { ...state, getDebug };\n}\n\n/** One paint's recording, from {@link beginDebugFrame}. */\nexport interface DebugFrame {\n  /** Start the paint clock. Returns the list `drawLayers` fills, or\n   *  `undefined` when the frame panel is off and nothing is timed. */\n  time(): LayerDrawSpan[] | undefined;\n  /** Record what the timed paint cost. A no-op unless `time` was called. */\n  end(render: RenderStats): void;\n}\n\n/**\n * Open a paint's recording: clear the sink's per-frame records and note the\n * stack about to be drawn, bottom first. Returns `null` with no sink.\n */\nexport function beginDebugFrame(\n  sink: CanvasDebugSink | null,\n  frameStats: boolean,\n  layers: readonly RenderLayer<unknown>[],\n): DebugFrame | null {\n  if (!sink) return null;\n  sink.beginFrame();\n  for (let i = 0; i < layers.length; i++) {\n    const layer = layers[i]!;\n    if (layer.id === DEBUG_OVERLAY_ID) continue;\n    sink.recordLayer(layer.id, layer.label, layer.space ?? 'world', i);\n  }\n  let spans: LayerDrawSpan[] | undefined;\n  let startedAt = 0;\n  return {\n    time: () => {\n      if (!frameStats) return undefined;\n      spans = [];\n      startedAt = performance.now();\n      return spans;\n    },\n    end: (render) => {\n      if (spans) sink.recordFrame(frameStatsOf(spans, render, performance.now() - startedAt));\n    },\n  };\n}\n"],"mappings":";;;;;;;AAsBA,IAAMA,IAAM;CAAE,MAAM;CAAM,SAAS;CAAM,YAAY;AAAM;AAQ3D,SAAgBC,EAAa,GAAsD;CACjF,IAAMC,IAAMC,MAAU,KAAA,IAAY,KAAA,IAAY,KAAK,UAAUA,CAAK,GAC5DC,IAAQC,QAAc;EAC1B,IAAMC,IAASJ,MAAQ,KAAA,IAEnB,OAAO,SAAW,MAAc,OAAOK,EAAgB,OAAO,SAAS,MAAM,IAD5E,KAAK,MAAML,CAAG,KAA6B;EAEhD,IAAI,CAACI,GAAQ,OAAON;EACpB,IAAMQ,IAAOC,EAAgBH,CAAM;EACnC,OAAO;GAAE;GAAM,SAASI,EAAwB;IAAE;IAAM;GAAO,CAAC;GAAG,YAAYJ,EAAO,QAAQ;EAAK;CACrG,GAAG,CAACJ,CAAG,CAAC,GACFS,IAAYC,EAAUR,EAAM,IAAI,GAChCS,IAAWC,QAAkBH,EAAU,SAAS,CAACA,CAAS,CAAC;CACjE,OAAO;EAAE,GAAGP;EAAO;CAAS;AAC9B;AAeA,SAAgBW,EACd,GACA,GACA,GACmB;CACnB,IAAI,CAACP,GAAM,OAAO;CAClB,EAAK,WAAW;CAChB,KAAK,IAAIQ,IAAI,GAAGA,IAAIC,EAAO,QAAQ,KAAK;EACtC,IAAMC,IAAQD,EAAOD;EACrB,AAAIE,EAAM,OAAOC,KACjBX,EAAK,YAAYU,EAAM,IAAIA,EAAM,OAAOA,EAAM,SAAS,SAASF,CAAC;CACnE;CACA,IAAII,GACAC,IAAY;CAChB,OAAO;EACL,YAAY;GACV,IAAKC,GAGL,OAFA,IAAQ,CAAC,GACT,IAAY,YAAY,IAAI,GACrBF;EACT;EACA,MAAM,MAAW;GACf,AAAIA,KAAOZ,EAAK,YAAYe,EAAaH,GAAOI,GAAQ,YAAY,IAAI,IAAIH,CAAS,CAAC;EACxF;CACF;AACF"}
+{"version":3,"file":"useDebugSink.js","names":[],"sources":["../../src/debug/useDebugSink.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport { useLatest } from '@weasel-js/react';\nimport type { RenderStats } from '@weasel-js/renderer';\nimport type { LayerDrawSpan, RenderLayer } from 'core/layers/render';\nimport type { CanvasDebugSink, DebugConfig } from './types';\nimport { parseDebugFlags } from './parseDebugFlags';\nimport { createDebugSink } from './createDebugSink';\nimport { createDebugOverlayLayer, DEBUG_OVERLAY_ID } from './createDebugOverlayLayer';\nimport { frameStatsOf } from './frameStats';\n\n/** A surface's debug state for one resolved config. */\nexport interface SurfaceDebug {\n  /** Null when debugging is off. */\n  sink: CanvasDebugSink | null;\n  /** The layer that paints the sink, for the top of the surface's stack. */\n  overlay: RenderLayer<unknown> | null;\n  /** Whether a paint should time itself for the frame panel. */\n  frameStats: boolean;\n  /** The sink of the last committed render. Stable. */\n  getDebug: () => CanvasDebugSink | null;\n}\n\nconst OFF = { sink: null, overlay: null, frameStats: false };\n\n/**\n * Resolve a surface's `debug` prop and hold what it turns on. `undefined`\n * reads `?debug=…` from the URL, `false` forces it off, and a config forces it\n * on. Keyed on the config's content, so one written inline keeps its sink, and\n * what the sink and the overlay have accumulated, from render to render.\n */\nexport function useDebugSink(debug: DebugConfig | false | undefined): SurfaceDebug {\n  const key = debug === undefined ? undefined : JSON.stringify(debug);\n  const state = useMemo(() => {\n    const config = key !== undefined\n      ? (JSON.parse(key) as DebugConfig | false) || null\n      : typeof window === 'undefined' ? null : parseDebugFlags(window.location.search);\n    if (!config) return OFF;\n    const sink = createDebugSink(config);\n    return { sink, overlay: createDebugOverlayLayer({ sink, config }), frameStats: config.fps === true };\n  }, [key]);\n  const committed = useLatest(state.sink);\n  const getDebug = useCallback(() => committed.current, [committed]);\n  return { ...state, getDebug };\n}\n\n/** One paint's recording, from {@link beginDebugFrame}. */\nexport interface DebugFrame {\n  /** Start the paint clock. Returns the list `drawLayers` fills, or\n   *  `undefined` when the frame panel is off and nothing is timed. */\n  time(): LayerDrawSpan[] | undefined;\n  /** Record what the timed paint cost. A no-op unless `time` was called. */\n  end(render: RenderStats): void;\n}\n\n/**\n * Open a paint's recording: clear the sink's per-frame records and note the\n * stack about to be drawn, bottom first. Returns `null` with no sink.\n */\nexport function beginDebugFrame(\n  sink: CanvasDebugSink | null,\n  frameStats: boolean,\n  layers: readonly RenderLayer<unknown>[],\n): DebugFrame | null {\n  if (!sink) return null;\n  sink.beginFrame();\n  for (let i = 0; i < layers.length; i++) {\n    const layer = layers[i]!;\n    if (layer.id === DEBUG_OVERLAY_ID) continue;\n    sink.recordLayer(layer.id, layer.label, layer.space ?? 'world', i);\n  }\n  let spans: LayerDrawSpan[] | undefined;\n  let startedAt = 0;\n  return {\n    time: () => {\n      if (!frameStats) return undefined;\n      spans = [];\n      startedAt = performance.now();\n      return spans;\n    },\n    end: (render) => {\n      if (spans) sink.recordFrame(frameStatsOf(spans, render, performance.now() - startedAt));\n    },\n  };\n}\n"],"mappings":";;;;;;;;AAsBA,IAAM,MAAM;CAAE,MAAM;CAAM,SAAS;CAAM,YAAY;AAAM;;;;;;;AAQ3D,SAAgB,aAAa,OAAsD;CACjF,MAAM,MAAM,UAAU,SAAY,SAAY,KAAK,UAAU,KAAK;CAClE,MAAM,QAAQ,cAAc;EAC1B,MAAM,SAAS,QAAQ,SAClB,KAAK,MAAM,GAAG,KAA6B,OAC5C,OAAO,WAAW,cAAc,OAAO,gBAAgB,OAAO,SAAS,MAAM;EACjF,IAAI,CAAC,QAAQ,OAAO;EACpB,MAAM,OAAO,gBAAgB,MAAM;EACnC,OAAO;GAAE;GAAM,SAAS,wBAAwB;IAAE;IAAM;GAAO,CAAC;GAAG,YAAY,OAAO,QAAQ;EAAK;CACrG,GAAG,CAAC,GAAG,CAAC;CACR,MAAM,YAAY,UAAU,MAAM,IAAI;CACtC,MAAM,WAAW,kBAAkB,UAAU,SAAS,CAAC,SAAS,CAAC;CACjE,OAAO;EAAE,GAAG;EAAO;CAAS;AAC9B;;;;;AAeA,SAAgB,gBACd,MACA,YACA,QACmB;CACnB,IAAI,CAAC,MAAM,OAAO;CAClB,KAAK,WAAW;CAChB,KAAK,IAAI,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK;EACtC,MAAM,QAAQ,OAAO;EACrB,IAAI,MAAM,OAAO,kBAAkB;EACnC,KAAK,YAAY,MAAM,IAAI,MAAM,OAAO,MAAM,SAAS,SAAS,CAAC;CACnE;CACA,IAAI;CACJ,IAAI,YAAY;CAChB,OAAO;EACL,YAAY;GACV,IAAI,CAAC,YAAY,OAAO;GACxB,QAAQ,CAAC;GACT,YAAY,YAAY,IAAI;GAC5B,OAAO;EACT;EACA,MAAM,WAAW;GACf,IAAI,OAAO,KAAK,YAAY,aAAa,OAAO,QAAQ,YAAY,IAAI,IAAI,SAAS,CAAC;EACxF;CACF;AACF"}