export type OjoProjectEvent = {
  event: string;
  projectId: string;
  refreshScope?: string;
  payload?: unknown;
  [key: string]: unknown;
};

export type OjoCanvasProjectPayload = {
  projectId: string;
  startupData?: unknown;
  repository?: unknown;
  prototypeFrames?: Array<Record<string, unknown>>;
  resourceIndex?: Record<string, unknown>;
  revision?: string;
  [key: string]: unknown;
};

export type OjoCanvasDataProvider = {
  getProjectState(projectId: string): Promise<OjoCanvasProjectPayload>;
};

export type OjoCanvasAssetProvider = {
  readResource?(projectId: string, resourceKey: string): Promise<Blob>;
  readWorkspaceFile?(projectId: string, path: string): Promise<string | ArrayBuffer>;
  readPrototypeDistFile?(projectId: string, path: string): Promise<string | ArrayBuffer>;
};

export type OjoCanvasEventProvider = {
  waitProjectEvent?(projectId: string, timeoutMs: number): Promise<OjoProjectEvent | null>;
};

export type OjoCanvasMutationProvider = {
  applyCanvasPatch?(projectId: string, patch: unknown): Promise<unknown>;
};

export type OjoCanvasDisplayModeProvider = {
  requestDisplayMode?(mode: "fullscreen" | string): Promise<void> | void;
};

export type OjoCanvasProviders =
  OjoCanvasDataProvider &
  OjoCanvasAssetProvider &
  OjoCanvasEventProvider &
  OjoCanvasMutationProvider &
  OjoCanvasDisplayModeProvider;

export type OjoCanvasMountOptions = {
  container: HTMLElement;
  projectId: string;
  providers: OjoCanvasProviders;
  startupData?: unknown;
  hostKind?: string;
};

export type OjoCanvasMount = {
  projectId: string;
  root: HTMLElement;
  payload: OjoCanvasProjectPayload;
  update(payload?: Partial<OjoCanvasProjectPayload>): Promise<void>;
  dispose(): void;
};