@jamesyong42/infinite-canvas 1.2.0 → 1.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@jamesyong42/infinite-canvas",
-	"version": "1.2.0",
+	"version": "1.3.0",
 	"description": "Infinite canvas library with ECS layout engine, React components, and WebGL rendering",
 	"license": "MIT",
 	"author": "James Yong",

package/dist/SelectionRenderer-CR2PBQwx.d.cts

@@ -1,105 +0,0 @@
-import { F as DomWidgetProps, L as R3FWidgetProps, b as EqualSpacingIndicator, n as LayoutEngine, x as SnapGuide } from "./engine-CCjuFMC-.cjs";
-import { EntityId } from "@jamesyong42/reactive-ecs";
-import * as _$react from "react";
-import * as THREE from "three";
-
-//#region src/react/context.d.ts
-declare const EngineProvider: _$react.Provider<LayoutEngine | null>;
-declare const ContainerRefProvider: _$react.Provider<_$react.RefObject<HTMLDivElement | null> | null>;
-declare function useContainerRef(): React.RefObject<HTMLDivElement | null> | null;
-/**
- * Returns the LayoutEngine instance from the nearest InfiniteCanvas context.
- * Throws if used outside an InfiniteCanvas provider.
- */
-declare function useLayoutEngine(): LayoutEngine;
-/**
- * Discriminated resolution of a widget by type. The surface determines which
- * layer renders the component and with what prop shape.
- */
-type ResolvedWidget = {
-  surface: 'dom';
-  component: React.ComponentType<DomWidgetProps>;
-} | {
-  surface: 'webgl';
-  component: React.ComponentType<R3FWidgetProps>;
-};
-type WidgetResolver = (entityId: EntityId, widgetType: string) => ResolvedWidget | null;
-declare const WidgetResolverProvider: _$react.Provider<WidgetResolver | null>;
-declare function useWidgetResolver(): WidgetResolver | null;
-//#endregion
-//#region src/react/webgl/GridRenderer.d.ts
-interface GridConfig {
-  /** World-unit spacings for up to 3 grid levels [fine, medium, coarse]. */
-  spacings: [number, number, number];
-  /** Dot RGB color as [r, g, b] in 0–1 range. */
-  dotColor: [number, number, number];
-  /** Base dot opacity multiplier (0–1). */
-  dotAlpha: number;
-  /** CSS-pixel range where a grid level fades in: [start, end]. */
-  fadeIn: [number, number];
-  /** CSS-pixel range where a grid level fades out: [start, end]. */
-  fadeOut: [number, number];
-  /** Dot radius range in CSS pixels [min, max]. Scaled by DPR internally. */
-  dotRadius: [number, number];
-  /** Per-level opacity weight: level i gets (base + i * step). */
-  levelWeight: [number, number];
-}
-declare const DEFAULT_GRID_CONFIG: GridConfig;
-declare class GridRenderer {
-  private renderer;
-  private scene;
-  private camera;
-  private material;
-  private mesh;
-  constructor(canvas: HTMLCanvasElement);
-  /** Apply a (partial) grid config. Only provided fields are updated. */
-  setConfig(config: Partial<GridConfig>): void;
-  setSize(width: number, height: number, dpr?: number): void;
-  render(cameraX: number, cameraY: number, zoom: number): void;
-  dispose(): void;
-  /** Expose for future WebGL widget rendering */
-  getWebGLRenderer(): THREE.WebGLRenderer;
-}
-//#endregion
-//#region src/react/webgl/SelectionRenderer.d.ts
-interface SelectionConfig {
-  /** Selection outline color [r,g,b] 0-1. Default: Figma blue. */
-  outlineColor: [number, number, number];
-  /** Selection outline width in screen px. */
-  outlineWidth: number;
-  /** Hover outline color [r,g,b] 0-1. */
-  hoverColor: [number, number, number];
-  /** Hover outline width in screen px. */
-  hoverWidth: number;
-  /** Handle size in screen px. */
-  handleSize: number;
-  /** Handle fill color [r,g,b] 0-1 (white). */
-  handleFill: [number, number, number];
-  /** Handle border color [r,g,b] 0-1 (same as outline). */
-  handleBorder: [number, number, number];
-  /** Handle border width in screen px. */
-  handleBorderWidth: number;
-  /** Group bbox dash length in screen px (0 = solid). */
-  groupDash: number;
-}
-declare const DEFAULT_SELECTION_CONFIG: SelectionConfig;
-interface SelectionBounds {
-  x: number;
-  y: number;
-  width: number;
-  height: number;
-}
-declare class SelectionRenderer {
-  private material;
-  private mesh;
-  private scene;
-  private camera;
-  constructor();
-  setConfig(config: Partial<SelectionConfig>): void;
-  setSize(resolution: THREE.Vector2, dpr: number): void;
-  render(renderer: THREE.WebGLRenderer, cameraX: number, cameraY: number, zoom: number, selected: SelectionBounds[], hovered: SelectionBounds | null, guides?: SnapGuide[], spacings?: EqualSpacingIndicator[]): void;
-  dispose(): void;
-}
-//#endregion
-export { DEFAULT_GRID_CONFIG as a, ContainerRefProvider as c, WidgetResolverProvider as d, useContainerRef as f, SelectionRenderer as i, EngineProvider as l, useWidgetResolver as m, SelectionBounds as n, GridConfig as o, useLayoutEngine as p, SelectionConfig as r, GridRenderer as s, DEFAULT_SELECTION_CONFIG as t, ResolvedWidget as u };
-//# sourceMappingURL=SelectionRenderer-CR2PBQwx.d.cts.map

package/dist/SelectionRenderer-CR2PBQwx.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectionRenderer-CR2PBQwx.d.cts","names":[],"sources":["../src/react/context.ts","../src/react/webgl/GridRenderer.ts","../src/react/webgl/SelectionRenderer.ts"],"mappings":";;;;;;cASa,cAAA,EAAc,OAAA,CAAA,QAAA,CAAA,YAAA;AAAA,cAOd,oBAAA,EAAoB,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,SAAA,CAAA,cAAA;AAAA,iBAEjB,eAAA,CAAA,GAAmB,KAAA,CAAM,SAAA,CAAU,cAAA;AATnD;;;;AAAA,iBAiBgB,eAAA,CAAA,GAAmB,YAAA;;;;;KAgBvB,cAAA;EACP,OAAA;EAAgB,SAAA,EAAW,KAAA,CAAM,aAAA,CAAc,cAAA;AAAA;EAC/C,OAAA;EAAkB,SAAA,EAAW,KAAA,CAAM,aAAA,CAAc,cAAA;AAAA;AAAA,KAE1C,cAAA,IAAkB,QAAA,EAAU,QAAA,EAAU,UAAA,aAAuB,cAAA;AAAA,cAI5D,sBAAA,EAAsB,OAAA,CAAA,QAAA,CAAA,cAAA;AAAA,iBAEnB,iBAAA,CAAA,GAAqB,cAAA;;;UChDpB,UAAA;;EAEhB,QAAA;;EAEA,QAAA;EDCY;ECCZ,QAAA;;EAEA,MAAA;EDH0B;ECK1B,OAAA;EDE+D;ECA/D,SAAA;EDAgC;ECEhC,WAAA;AAAA;AAAA,cAGY,mBAAA,EAAqB,UAAA;AAAA,cAoFrB,YAAA;EAAA,QACJ,QAAA;EAAA,QACA,KAAA;EAAA,QACA,MAAA;EAAA,QACA,QAAA;EAAA,QACA,IAAA;cAEI,MAAA,EAAQ,iBAAA;ED9FU;EC8I9B,SAAA,CAAU,MAAA,EAAQ,OAAA,CAAQ,UAAA;EAW1B,OAAA,CAAQ,KAAA,UAAe,MAAA,UAAgB,GAAA;EAQvC,MAAA,CAAO,OAAA,UAAiB,OAAA,UAAiB,IAAA;EAOzC,OAAA,CAAA;EDxKkD;EC+KlD,gBAAA,CAAA,GAAoB,KAAA,CAAM,aAAA;AAAA;;;UC3LV,eAAA;;EAEhB,YAAA;;EAEA,YAAA;EFDmD;EEGnD,UAAA;EFH0B;EEK1B,UAAA;EFEY;EEAZ,UAAA;;EAEA,UAAA;EFFgC;EEIhC,YAAA;EFJgC;EEMhC,iBAAA;EFNgC;EEQhC,SAAA;AAAA;AAAA,cAGY,wBAAA,EAA0B,eAAA;AAAA,UActB,eAAA;EAChB,CAAA;EACA,CAAA;EACA,KAAA;EACA,MAAA;AAAA;AAAA,cAoOY,iBAAA;EAAA,QACJ,QAAA;EAAA,QACA,IAAA;EAAA,QACA,KAAA;EAAA,QACA,MAAA;;EAsDR,SAAA,CAAU,MAAA,EAAQ,OAAA,CAAQ,eAAA;EAc1B,OAAA,CAAQ,UAAA,EAAY,KAAA,CAAM,OAAA,EAAS,GAAA;EAKnC,MAAA,CACC,QAAA,EAAU,KAAA,CAAM,aAAA,EAChB,OAAA,UACA,OAAA,UACA,IAAA,UACA,QAAA,EAAU,eAAA,IACV,OAAA,EAAS,eAAA,SACT,MAAA,GAAQ,SAAA,IACR,QAAA,GAAU,qBAAA;EAiFX,OAAA,CAAA;AAAA"}

package/dist/SelectionRenderer-DlsBstAq.d.mts

@@ -1,105 +0,0 @@
-import { F as DomWidgetProps, L as R3FWidgetProps, b as EqualSpacingIndicator, n as LayoutEngine, x as SnapGuide } from "./engine-BfbvWXSk.mjs";
-import { EntityId } from "@jamesyong42/reactive-ecs";
-import * as _$react from "react";
-import * as THREE from "three";
-
-//#region src/react/context.d.ts
-declare const EngineProvider: _$react.Provider<LayoutEngine | null>;
-declare const ContainerRefProvider: _$react.Provider<_$react.RefObject<HTMLDivElement | null> | null>;
-declare function useContainerRef(): React.RefObject<HTMLDivElement | null> | null;
-/**
- * Returns the LayoutEngine instance from the nearest InfiniteCanvas context.
- * Throws if used outside an InfiniteCanvas provider.
- */
-declare function useLayoutEngine(): LayoutEngine;
-/**
- * Discriminated resolution of a widget by type. The surface determines which
- * layer renders the component and with what prop shape.
- */
-type ResolvedWidget = {
-  surface: 'dom';
-  component: React.ComponentType<DomWidgetProps>;
-} | {
-  surface: 'webgl';
-  component: React.ComponentType<R3FWidgetProps>;
-};
-type WidgetResolver = (entityId: EntityId, widgetType: string) => ResolvedWidget | null;
-declare const WidgetResolverProvider: _$react.Provider<WidgetResolver | null>;
-declare function useWidgetResolver(): WidgetResolver | null;
-//#endregion
-//#region src/react/webgl/GridRenderer.d.ts
-interface GridConfig {
-  /** World-unit spacings for up to 3 grid levels [fine, medium, coarse]. */
-  spacings: [number, number, number];
-  /** Dot RGB color as [r, g, b] in 0–1 range. */
-  dotColor: [number, number, number];
-  /** Base dot opacity multiplier (0–1). */
-  dotAlpha: number;
-  /** CSS-pixel range where a grid level fades in: [start, end]. */
-  fadeIn: [number, number];
-  /** CSS-pixel range where a grid level fades out: [start, end]. */
-  fadeOut: [number, number];
-  /** Dot radius range in CSS pixels [min, max]. Scaled by DPR internally. */
-  dotRadius: [number, number];
-  /** Per-level opacity weight: level i gets (base + i * step). */
-  levelWeight: [number, number];
-}
-declare const DEFAULT_GRID_CONFIG: GridConfig;
-declare class GridRenderer {
-  private renderer;
-  private scene;
-  private camera;
-  private material;
-  private mesh;
-  constructor(canvas: HTMLCanvasElement);
-  /** Apply a (partial) grid config. Only provided fields are updated. */
-  setConfig(config: Partial<GridConfig>): void;
-  setSize(width: number, height: number, dpr?: number): void;
-  render(cameraX: number, cameraY: number, zoom: number): void;
-  dispose(): void;
-  /** Expose for future WebGL widget rendering */
-  getWebGLRenderer(): THREE.WebGLRenderer;
-}
-//#endregion
-//#region src/react/webgl/SelectionRenderer.d.ts
-interface SelectionConfig {
-  /** Selection outline color [r,g,b] 0-1. Default: Figma blue. */
-  outlineColor: [number, number, number];
-  /** Selection outline width in screen px. */
-  outlineWidth: number;
-  /** Hover outline color [r,g,b] 0-1. */
-  hoverColor: [number, number, number];
-  /** Hover outline width in screen px. */
-  hoverWidth: number;
-  /** Handle size in screen px. */
-  handleSize: number;
-  /** Handle fill color [r,g,b] 0-1 (white). */
-  handleFill: [number, number, number];
-  /** Handle border color [r,g,b] 0-1 (same as outline). */
-  handleBorder: [number, number, number];
-  /** Handle border width in screen px. */
-  handleBorderWidth: number;
-  /** Group bbox dash length in screen px (0 = solid). */
-  groupDash: number;
-}
-declare const DEFAULT_SELECTION_CONFIG: SelectionConfig;
-interface SelectionBounds {
-  x: number;
-  y: number;
-  width: number;
-  height: number;
-}
-declare class SelectionRenderer {
-  private material;
-  private mesh;
-  private scene;
-  private camera;
-  constructor();
-  setConfig(config: Partial<SelectionConfig>): void;
-  setSize(resolution: THREE.Vector2, dpr: number): void;
-  render(renderer: THREE.WebGLRenderer, cameraX: number, cameraY: number, zoom: number, selected: SelectionBounds[], hovered: SelectionBounds | null, guides?: SnapGuide[], spacings?: EqualSpacingIndicator[]): void;
-  dispose(): void;
-}
-//#endregion
-export { DEFAULT_GRID_CONFIG as a, ContainerRefProvider as c, WidgetResolverProvider as d, useContainerRef as f, SelectionRenderer as i, EngineProvider as l, useWidgetResolver as m, SelectionBounds as n, GridConfig as o, useLayoutEngine as p, SelectionConfig as r, GridRenderer as s, DEFAULT_SELECTION_CONFIG as t, ResolvedWidget as u };
-//# sourceMappingURL=SelectionRenderer-DlsBstAq.d.mts.map

package/dist/SelectionRenderer-DlsBstAq.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectionRenderer-DlsBstAq.d.mts","names":[],"sources":["../src/react/context.ts","../src/react/webgl/GridRenderer.ts","../src/react/webgl/SelectionRenderer.ts"],"mappings":";;;;;;cASa,cAAA,EAAc,OAAA,CAAA,QAAA,CAAA,YAAA;AAAA,cAOd,oBAAA,EAAoB,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,SAAA,CAAA,cAAA;AAAA,iBAEjB,eAAA,CAAA,GAAmB,KAAA,CAAM,SAAA,CAAU,cAAA;AATnD;;;;AAAA,iBAiBgB,eAAA,CAAA,GAAmB,YAAA;;;;;KAgBvB,cAAA;EACP,OAAA;EAAgB,SAAA,EAAW,KAAA,CAAM,aAAA,CAAc,cAAA;AAAA;EAC/C,OAAA;EAAkB,SAAA,EAAW,KAAA,CAAM,aAAA,CAAc,cAAA;AAAA;AAAA,KAE1C,cAAA,IAAkB,QAAA,EAAU,QAAA,EAAU,UAAA,aAAuB,cAAA;AAAA,cAI5D,sBAAA,EAAsB,OAAA,CAAA,QAAA,CAAA,cAAA;AAAA,iBAEnB,iBAAA,CAAA,GAAqB,cAAA;;;UChDpB,UAAA;;EAEhB,QAAA;;EAEA,QAAA;EDCY;ECCZ,QAAA;;EAEA,MAAA;EDH0B;ECK1B,OAAA;EDE+D;ECA/D,SAAA;EDAgC;ECEhC,WAAA;AAAA;AAAA,cAGY,mBAAA,EAAqB,UAAA;AAAA,cAoFrB,YAAA;EAAA,QACJ,QAAA;EAAA,QACA,KAAA;EAAA,QACA,MAAA;EAAA,QACA,QAAA;EAAA,QACA,IAAA;cAEI,MAAA,EAAQ,iBAAA;ED9FU;EC8I9B,SAAA,CAAU,MAAA,EAAQ,OAAA,CAAQ,UAAA;EAW1B,OAAA,CAAQ,KAAA,UAAe,MAAA,UAAgB,GAAA;EAQvC,MAAA,CAAO,OAAA,UAAiB,OAAA,UAAiB,IAAA;EAOzC,OAAA,CAAA;EDxKkD;EC+KlD,gBAAA,CAAA,GAAoB,KAAA,CAAM,aAAA;AAAA;;;UC3LV,eAAA;;EAEhB,YAAA;;EAEA,YAAA;EFDmD;EEGnD,UAAA;EFH0B;EEK1B,UAAA;EFEY;EEAZ,UAAA;;EAEA,UAAA;EFFgC;EEIhC,YAAA;EFJgC;EEMhC,iBAAA;EFNgC;EEQhC,SAAA;AAAA;AAAA,cAGY,wBAAA,EAA0B,eAAA;AAAA,UActB,eAAA;EAChB,CAAA;EACA,CAAA;EACA,KAAA;EACA,MAAA;AAAA;AAAA,cAoOY,iBAAA;EAAA,QACJ,QAAA;EAAA,QACA,IAAA;EAAA,QACA,KAAA;EAAA,QACA,MAAA;;EAsDR,SAAA,CAAU,MAAA,EAAQ,OAAA,CAAQ,eAAA;EAc1B,OAAA,CAAQ,UAAA,EAAY,KAAA,CAAM,OAAA,EAAS,GAAA;EAKnC,MAAA,CACC,QAAA,EAAU,KAAA,CAAM,aAAA,EAChB,OAAA,UACA,OAAA,UACA,IAAA,UACA,QAAA,EAAU,eAAA,IACV,OAAA,EAAS,eAAA,SACT,MAAA,GAAQ,SAAA,IACR,QAAA,GAAU,qBAAA;EAiFX,OAAA,CAAA;AAAA"}