myscript/iinkts/iinkts-reference

src/
├── canvas/
│   ├── variants/        # InteractiveInkCanvas, InkCanvas, InkCanvasDeprecated, InteractiveInkSSRCanvas
│   ├── AbstractCanvas.ts, CanvasFactory.ts, CanvasEvent.ts, CanvasLayer.ts
│   └── Canvas.ts        # Public entry point
├── manager/
│   ├── base/            # AbstractWriterManager, ColorPaletteManager, EraseManager
│   ├── simple/          # IWriterManager
│   ├── debug/           # IDebugSVGManager
│   └── interactive/     # Core interactive managers
│       ├── math/        # IIMathComputationSubManager, IIMathFunctionEvaluationSubManager, IIMathVariableSubManager
│       ├── transform/   # AbstractTransformManager, IIResizeManager, IIRotationManager, IITranslateManager
│       ├── gestures/    # GestureHandler, GestureHelpers, IIGestureAnnotationProcessor, handlers/
│       ├── IIConversionManager.ts, IIGestureManager.ts, IIJiixQueryManager.ts
│       ├── IIKeyboardManager.ts, IIMathManager.ts, IIMoveManager.ts
│       ├── IIOverlayManager.ts, IISelectionManager.ts, IISnapManager.ts
│       ├── IISynchronizerManager.ts, IITransformManager.ts (orchestrator)
│       ├── IITypesetManager.ts, IIWriterManager.ts
│       └── IIAbstractManager.ts
├── model/               # Model, IModel, IIModel
├── client/
│   ├── recognition/     # Config files (MathConfiguration, TextConfiguration, etc.)
│   ├── HTTPClientV1.ts (deprecated), HTTPClientV2.ts
│   ├── WebSocketClient.ts, WebSocketSSRClient.ts
│   └── ClientEvent.ts, ClientError.ts
├── renderer/
│   ├── base/            # BaseRenderer
│   ├── canvas/          # CanvasRenderer, CanvasRendererShape/Stroke/Text
│   └── svg/
│       ├── utils/       # SVGRendererConst; SVGBuilder is a re-export shim → @/symbol-utils/SVGBuilder
│       └── SVGRenderer.ts, SVGSSRenderer.ts, SVGStroker.ts
├── symbol-utils/        # Per-type rendering/behavior, plugin registry (see Symbol hierarchy below)
│   ├── SymbolUtil.ts            # Abstract base: create/updateDerivedFields/overlaps/getSVGElement per type
│   ├── SymbolRegistry.ts        # symbolRegistry — register/lookup SymbolUtil by SymbolType
│   ├── registerBuiltinSymbolUtils.ts  # Registers the 6 built-in Util classes at startup
│   ├── SymbolFactory.ts         # Symbol creation entry point
│   ├── SVGBuilder.ts            # Real SVGBuilder implementation
│   ├── stroke/StrokeUtil.ts, text/TextUtil.ts, math/MathUtil.ts
│   ├── shape/ShapeUtil.ts, edge/EdgeUtil.ts, decorator/DecoratorUtil.ts
│   └── edge/EdgeRenderOptions.ts
├── grabber/             # PointerEventGrabber
├── history/             # HistoryManager, IHistoryManager, IIHistoryManager
├── symbol/              # Type + co-located *Ops (pure logic) + type guard, per type
│   ├── primitives/      # TPoint, TBox, OBB, BoxOps
│   ├── stroke/          # TStroke, StrokeOps, isStroke/isRecognizedMath/isRecognizedText
│   ├── text/            # TText, TSymbolChar, TextOps, isText
│   ├── math/            # TMath, TMathElement, MathOps, isMath
│   ├── typeset/         # TTypesetChild, TRotation
│   ├── decorator/       # TDecorator, DecoratorOps, isDecorator
│   ├── eraser/          # TEraser, EraserOps
│   ├── shape/           # TShapeCircle/Ellipse/Polygon, ShapeOps
│   ├── edge/            # TEdgeArc, TEdgeLine, TEdgePolyLine, Anchor (smart connectors), EdgeOps
│   ├── Symbol.ts        # SymbolType enum, TBaseSymbol, TSymbol union
│   ├── SymbolHelpers.ts # cloneSymbol() only — NOT a dispatch class, see symbol-utils/ for that
│   └── legacy/          # Stroke, CanvasSymbol (deprecated v1)
├── menu/
│   ├── actions/         # 12 action handlers (Clear, Convert, Export, Undo, etc.)
│   ├── context/         # 9 context menus
│   ├── items/           # 9 item types (Button, Checkbox, Color, Range, etc.)
│   ├── tools/           # 6 tools (Write, Erase, Select, Move, Shape, Edge)
│   └── styles/
├── components/
│   ├── dom/             # DOMFactory — centralized DOM element creation
│   ├── Chart.ts, Modal.ts, Table.ts, Minimap.ts
│   └── IIMath{CapabilitiesTable,DiagnosticChecker,FunctionEvaluator,VariableEditor,VariableInputList,VariablePerBlockEditor}.ts
├── smartguide/          # InteractiveInkSSRSmartGuide
├── style/               # Style, PenStyle, StyleManager, Theme
├── transform/           # Matrix.ts — matrix transformation utilities
├── constants/           # Shared constants
├── assets/              # SVG assets
├── logger/              # LoggerManager, LoggerConfiguration (singleton)
├── worker/              # ping.worker.ts (WebSocket heartbeat)
└── utils/
    ├── geometry.ts      # Distance, angles, collision detection; TWO_PI, PI_HALF, ANGLE_EPSILON
    ├── math.ts          # isValidNumber, isBetween, computeAverage
    ├── validation.ts    # areValidCoordinates, isPlainObject
    ├── quadratics.ts    # Bezier/quadratic helpers
    ├── units.ts         # mm ↔ px conversion
    ├── object.ts        # mergeDeep, isDeepEqual
    ├── crypto.ts        # HMAC signing for WebSocket auth
    ├── uuid.ts          # ID generation
    ├── font.ts          # Font utilities
    ├── language.ts      # Language helpers
    ├── version.ts       # Version info
    └── DeferredPromise.ts

// Type definition
export type TClientConfig = { ... }
// Class with defaults
export class ClientConfiguration implements TClientConfig {
  static readonly DEFAULT = { /* sensible defaults */ }
}
// Usage: merge user config with defaults
import { mergeDeep } from "@/utils"
this.config = mergeDeep({}, DefaultConfig, userConfig)

Primitives: TPoint { x, y }, TBox { x, y, height, width }, OBB (oriented box)
Stroke:     TStroke
Text:       TText
Math:       TMath
Typeset:    TTypesetChild, TRotation
Decorator:  TDecorator
Eraser:     TEraser
Shape:      TShapeCircle, TShapeEllipse, TShapePolygon
Edge:       TEdgeArc, TEdgeLine, TEdgePolyLine, Anchor (smart connectors)
Legacy:     Stroke, CanvasSymbol (deprecated v1)

type TBaseSymbol = { id: string; creationTime: number; modificationDate: number; type: string; style: TPartialDeep<TStyle> }
type TSymbol = TEdge | TShape | TStroke | TText | TMath | TDecorator

// Geometry
import { computeDistance, computeDistanceSquared, computeAngleAxeRadian,
         isPointInsideBox, TWO_PI, PI_HALF, ANGLE_EPSILON } from "@/utils"
if (computeDistanceSquared(p1, p2) < threshold * threshold) { ... } // no sqrt, ~2x faster for comparisons
// Validation
import { areValidCoordinates, isPlainObject } from "@/utils/validation"
import { isValidNumber } from "@/utils/math"
// SVG building — SVGBuilder's real implementation lives in @/symbol-utils; @/renderer/svg/utils re-exports it
import { SVGBuilder } from "@/symbol-utils"
import { SVGRendererConst } from "@/renderer/svg/utils"
SVGBuilder.createPath({ ...SVGRendererConst.guidePathAttrs, d: pathData })
// Other
import { mergeDeep, isDeepEqual } from "@/utils/object"
import { uuid } from "@/utils/uuid"
import { computeHmac } from "@/utils/crypto"
import { convertMillimeterToPixel } from "@/utils/units"
import { DeferredPromise } from "@/utils/DeferredPromise"