update editor state with global preview data

Author: softmarshmallow

editor/core/states/editor-state.ts

@@ -1,7 +1,8 @@
 import type { ReflectSceneNode } from "@design-sdk/figma-node";
 import type { FrameworkConfig } from "@designto/config";
-import { ComponentNode } from "@design-sdk/figma-types";
-import { DesignInput } from "@designto/config/input";
+import type { WidgetKey } from "@reflect-ui/core";
+import type { ComponentNode } from "@design-sdk/figma-types";
+import type { DesignInput } from "@designto/config/input";
 
 /**
  * View mode of the canvas.
@@ -23,6 +24,7 @@ export interface EditorState {
   design: FigmaReflectRepository;
   canvasMode: TCanvasMode;
   canvasMode_previous?: TCanvasMode;
+  currentPreview?: ScenePreviewData;
   code?: CodeRepository;
   editingModule?: EditingModule;
 }
@@ -54,6 +56,44 @@ export interface FigmaReflectRepository {
   input: DesignInput;
 }
 
+export type ScenePreviewData =
+  | IScenePreviewDataVanillaPreview
+  | IScenePreviewDataFlutterPreview
+  | IScenePreviewDataEsbuildPreview;
+
+export interface IScenePreviewData<T> {
+  viewtype: "page" | "component" | "layer" | "unknown";
+  widgetKey: WidgetKey;
+  componentName: string;
+  fallbackSource: string;
+  source: T;
+  initialSize: { width: number; height: number };
+  isBuilding: boolean;
+  meta: {
+    bundler: "vanilla" | "esbuild-wasm" | "dart-services";
+    framework: FrameworkConfig["framework"];
+  };
+  updatedAt: number;
+}
+
+interface IScenePreviewDataVanillaPreview extends IScenePreviewData<string> {
+  loader: "vanilla-html";
+  source: string;
+}
+
+interface IScenePreviewDataFlutterPreview extends IScenePreviewData<string> {
+  loader: "vanilla-flutter-template";
+  source: string;
+}
+
+interface IScenePreviewDataEsbuildPreview
+  extends IScenePreviewData<{
+    html: string;
+    javascript: string;
+  }> {
+  loader: "vanilla-esbuild-template";
+}
+
 export interface CodeRepository {
   // TODO:
   // files: { [key: string]: string };