Class CodeShape

bottom

• get bottom(): Writable<Vec>

  Returns Writable<Vec>

center

• get center(): Writable<Vec>

  Lens-backed parent-frame anchors; writes shift translate.

  Returns Writable<Vec>

left

• get left(): Writable<Vec>

  Returns Writable<Vec>

right

• get right(): Writable<Vec>

  Returns Writable<Vec>

svgRoot

• get svgRoot(): SVGSVGElement | null

  Nearest enclosing <svg> root, or null if this shape isn't mounted under one. Used by drag helpers that need world-space cursor coords.

  Returns SVGSVGElement | null

top

• get top(): Writable<Vec>

  Returns Writable<Vec>

add

• add<T extends AnyShape>(child: T): T

  Type Parameters

  • T extends AnyShape

  Parameters

  • child: T

  Returns T

• add<T extends AnyShape[]>(...children: T): T

  Type Parameters

  • T extends AnyShape[]

  Parameters

  • ...children: T

  Returns T

at

• at(u: number, v: number): Writable<Vec>

  Parameters

  • u: number
  • v: number

  Returns Writable<Vec>

attr

• attr(
      name: string,
      val: Val<string | number>,
      target?: "intrinsic" | "wrapper",
  ): void

  Bind one SVG attribute; static sets once, reactive runs as effect.

  Parameters

  • name: string
  • val: Val<string | number>
  • target: "intrinsic" | "wrapper" = "intrinsic"

  Returns void

attrs

• attrs(
      map: Record<string, Val<string | number>>,
      target?: "intrinsic" | "wrapper",
  ): void

  Bind several attributes at once — this.attrs({ cx, cy, r }).

  Parameters

  • map: Record<string, Val<string | number>>
  • target: "intrinsic" | "wrapper" = "intrinsic"

  Returns void

boundary

• boundary(toward: Vec): Vec

  Parent-frame perimeter point toward target; tighter shapes override.

  Parameters

  • toward: Vec

  Returns Vec

clear

• clear(): void

  Returns void

dispose

• dispose(): void

  Returns void

effect

• effect(fn: () => void): void

  Reactive effect torn down with the shape.

  Parameters

  • fn: () => void

  Returns void

on

• on(
      name: string,
      handler: (e: Event) => void,
      opts?: AddEventListenerOptions,
  ): () => void

  Parameters

  • name: string
  • handler: (e: Event) => void
  • Optionalopts: AddEventListenerOptions

  Returns () => void

remove

• remove(...toRemove: AnyShape[]): void

  Parameters

  • ...toRemove: AnyShape[]

  Returns void

segments

• segments(): Segment[]

  Stroke segments for the dashed renderer; default = bounding rect.

  Returns Segment[]

stroke

• stroke(
      opts: CommonOpts,
      closed: boolean,
      nativeAttrs?: Record<string, Val<string | number>>,
  ): void

  Wire stroke / fill / dashed for a stroked shape. nativeAttrs binds the shape's native geometry (e.g. {cx, cy, r} for circle); it's skipped when opts.dashed since the intrinsic is then a <path> whose d is driven by segments().

  Parameters

  • opts: CommonOpts
  • closed: boolean
  • OptionalnativeAttrs: Record<string, Val<string | number>>

  Returns void

toLocal

• toLocal(evt: { clientX: number; clientY: number }): V

  Map client coords into this shape's local frame.

  Parameters

  • evt: { clientX: number; clientY: number }

  Returns V

toWorld

• toWorld(evt: { clientX: number; clientY: number }): V

  Map client coords into the SVG root's frame; stable under rotation (unlike toLocal). Returns (0, 0) when detached.

  Parameters

  • evt: { clientX: number; clientY: number }

  Returns V

track

• track(dispose: () => void): void

  Register a disposer to run on dispose().

  Parameters

  • dispose: () => void

  Returns void

until

• until(name: string): Animator<Event>

  Wake on the next name event; resume with the event.

  Parameters

  • name: string

  Returns Animator<Event>

Readonlyaside

Readonlybox

Readonlyel

Optional Readonlyintrinsic

ReadonlylocalFrame

Readonlyopacity

Readonlyorigin

parent

Readonlyrotate

Readonlyscale

Readonlytranslate