createSheetRenderer

import { createSheetRenderer } from '@opengeometry/floorkit';

import {
  createSheetRenderer,
  type PaperDocument,
  type PaperRenderDeps,
  type PaperEditEvent,
} from '@opengeometry/floorkit';

export async function mountSheets(
  container: HTMLElement,
  document: PaperDocument,
  deps: PaperRenderDeps,
  onEdit: (event: PaperEditEvent) => void,
): Promise<() => void> {
  const renderer = await createSheetRenderer();
  renderer.mount(container, document, deps);
  renderer.on('move', onEdit);
  renderer.on('create', onEdit);
  renderer.setTool('select');
  renderer.fitToPage();
  return () => {
    renderer.off('move', onEdit);
    renderer.off('create', onEdit);
    renderer.dispose();
  };
}

function createSheetRenderer(): Promise<PaperScreenRenderer>;

Promise<PaperScreenRenderer>;

interface PaperScreenRenderer {
  mount(container: HTMLElement, doc: PaperDocument, deps: PaperRenderDeps): void;
  update(doc: PaperDocument): void;
  on(event: PaperEditKind, callback: (event: PaperEditEvent) => void): void;
  off(event: PaperEditKind, callback: (event: PaperEditEvent) => void): void;
  resize(width: number, height: number): void;
  fitToPage(): void;
  setSheet(sheetId: string): void;
  activeSheetId(): string | undefined;
  setTool(toolId: PaperToolId): void;
  readonly navigation: NavigationSettings;
  setNavigation(settings: Partial<NavigationSettings>): void;
  setToolData?(data: { imageSrc?: string }): void;
  setPaperStyle?(style?: PaperStyleInput): void;
  dispose(): void;
}

type PaperEditKind = 'select' | 'move' | 'resize' | 'create';

interface PaperEditEvent {
  kind: PaperEditKind;
  targetId?: string;
  frame?: {
    x: number;
    y: number;
    width: number;
    height: number;
  };
  annotation?: Annotation;
}

type PaperToolId =
  | 'select'
  | 'pan'
  | 'text'
  | 'dimension'
  | 'measure'
  | 'angular'
  | 'radial'
  | 'diameter'
  | 'leader'
  | 'line'
  | 'polyline'
  | 'rect'
  | 'circle'
  | 'image';