@tomorrowevening/hermes 0.0.2 → 0.0.4

package/src/example/three/CustomMaterial.ts

@@ -0,0 +1,58 @@
+import { textureFromSrc } from "@/editor/sceneHierarchy/utils";
+import { ShaderMaterial, Texture } from "three";
+
+const vertex = `varying vec2 vUv;
+
+void main() {
+  vUv = uv;
+  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+}`;
+
+const fragment = `uniform float time;
+uniform float opacity;
+uniform sampler2D map;
+varying vec2 vUv;
+
+#define MIN_ALPHA 2.0 / 255.0
+
+void main() {
+  if (opacity < MIN_ALPHA) discard;
+  vec3 gradient = 0.5 + 0.5 * cos(time + vUv.xyx + vec3(0.0, 2.0, 4.0));
+  vec3 image = texture2D(map, vUv * 10.0).rgb;
+  // vec3 col = mix(image, gradient, 0.15);
+  vec3 col = image + gradient;
+  gl_FragColor = vec4(col, opacity);
+}`;
+
+const smile = `data:image/png;base64,R0lGODlhCAAIAIAAAP///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OTc3NywgMjAyMy8wNi8yNS0yMzo1NzoxNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjIgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjVENjQyODM4QTYzMTFFRUJFQTBFOTJFNjA1OTQ5N0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjVENjQyODQ4QTYzMTFFRUJFQTBFOTJFNjA1OTQ5N0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NUQ2NDI4MThBNjMxMUVFQkVBMEU5MkU2MDU5NDk3RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NUQ2NDI4MjhBNjMxMUVFQkVBMEU5MkU2MDU5NDk3RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAAIAAgAAAIOjH8AprzRkHyspqSoNAUAOw==`;
+
+export default class CustomMaterial extends ShaderMaterial {
+  constructor() {
+    super({
+      vertexShader: vertex,
+      fragmentShader: fragment,
+      name: 'ExampleScene/SimpleShader',
+      transparent: true,
+      uniforms: {
+        opacity: {
+          value: 1,
+        },
+        time: {
+          value: 0,
+        },
+        map: {
+          value: null,
+        }
+      },
+    });
+
+    textureFromSrc(smile).then((texture: Texture) => {
+      this.uniforms.map.value = texture;
+    });
+  }
+
+  update(delta: number) {
+    this.uniforms.opacity.value = this.opacity;
+    this.uniforms.time.value += delta;
+  }
+}

package/src/example/three/ExampleScene.ts

@@ -0,0 +1,176 @@
+import { BackSide, CircleGeometry, CubeTexture, CubeTextureLoader, DirectionalLight, HemisphereLight, Mesh, MeshBasicMaterial, MeshMatcapMaterial, MeshNormalMaterial, MeshPhongMaterial, MeshPhysicalMaterial, Object3D, PerspectiveCamera, PlaneGeometry, RepeatWrapping, Scene, SphereGeometry, Texture, TextureLoader } from 'three';
+import CustomMaterial from './CustomMaterial';
+import { hierarchyUUID } from '@/editor/utils';
+import { IS_DEV, app } from '../constants';
+import FBXAnimation from './FBXAnimation';
+
+export default class ExampleScene extends Scene {
+  camera!: PerspectiveCamera;
+  envMap: CubeTexture;
+  dance0!: FBXAnimation;
+  dance1!: FBXAnimation;
+  dance2!: FBXAnimation;
+
+  private customMat!: CustomMaterial;
+  private lastUpdate = -1;
+
+  constructor() {
+    super();
+    this.name = 'TestScene';
+    this.envMap = new CubeTextureLoader()
+      .setPath('images/milkyWay/')
+      .load([
+        'dark-s_px.jpg',
+        'dark-s_nx.jpg',
+        'dark-s_py.jpg',
+        'dark-s_ny.jpg',
+        'dark-s_pz.jpg',
+        'dark-s_nz.jpg'
+      ], (value: CubeTexture) => {
+        this.background = value;
+
+        if (app.editor) {
+          const bg = new Mesh(new SphereGeometry(), new MeshBasicMaterial({ envMap: value, side: BackSide }));
+          bg.name = 'bg';
+          bg.scale.setScalar(1000);
+          this.add(bg);
+        }
+      });
+
+    this.createCameras();
+    this.createLights();
+    this.createWorld();
+
+    this.lastUpdate = Date.now();
+    if (IS_DEV) hierarchyUUID(this);
+  }
+
+  private createCameras() {
+    const cameras = new Object3D();
+    cameras.name = 'cameras';
+    this.add(cameras);
+
+    this.camera = new PerspectiveCamera(60, 1, 1, 2000);
+    this.camera.name = 'Main';
+    this.camera.position.set(0, 200, 300);
+    this.camera.lookAt(0, 0, 0);
+    cameras.add(this.camera);
+  }
+
+  private createLights() {
+    const lights = new Object3D();
+    lights.name = 'lights';
+    this.add(lights);
+
+    const sun = new DirectionalLight();
+    sun.name = 'sun';
+    sun.castShadow = true;
+    sun.position.set(0, 50, 50);
+    const shadow = 256;
+    sun.shadow.camera.top = shadow;
+    sun.shadow.camera.bottom = -shadow;
+    sun.shadow.camera.left = - shadow;
+    sun.shadow.camera.right = shadow;
+    sun.shadow.mapSize.width = 1024;
+    sun.shadow.mapSize.height = 1024;
+    sun.shadow.camera.near = 10;
+    sun.shadow.camera.far = 1000;
+    sun.shadow.bias = 0.0001;
+    lights.add(sun);
+
+    const hemi = new HemisphereLight(0x6fb4e2, 0xc46d27, 0.5);
+    hemi.name = 'hemi';
+    lights.add(hemi);
+  }
+
+  private createWorld() {
+    const world = new Object3D();
+    world.name = 'world';
+    this.add(world);
+
+    const floorMaterial = new MeshPhongMaterial();
+    const floor = new Mesh(new CircleGeometry(500, 36), floorMaterial);
+    floor.name = 'floor';
+    floor.receiveShadow = true;
+    floor.rotateX(-Math.PI / 2);
+    world.add(floor);
+    new TextureLoader().load('images/uv_grid_opengl.jpg', (texture: Texture) => {
+      texture.wrapS = RepeatWrapping;
+      texture.wrapT = RepeatWrapping;
+      texture.repeat.setScalar(10);
+      texture.needsUpdate = true;
+      floorMaterial.map = texture;
+      floorMaterial.needsUpdate = true;
+    });
+
+    this.dance0 = new FBXAnimation('Thriller2.fbx');
+    this.dance0.position.set(-150, 0, -175);
+    world.add(this.dance0);
+
+    this.dance1 = new FBXAnimation('Flair.fbx');
+    this.dance1.position.set(0, 0, 0);
+    world.add(this.dance1);
+
+    this.dance2 = new FBXAnimation('Thriller4.fbx');
+    this.dance2.position.set(150, 0, -185);
+    world.add(this.dance2);
+
+    this.createTestMaterials(world);
+  }
+
+  private createTestMaterials(world: Object3D) {
+    const geom = new SphereGeometry(20);
+
+    const items: Mesh[] = [];
+    const mesh = new Mesh(geom, new MeshBasicMaterial({ name: 'BasicMaterial', transparent: true }));
+    mesh.name = 'Basic';
+    world.add(mesh);
+    items.push(mesh);
+
+    const mesh2 = new Mesh(geom, new MeshMatcapMaterial({ transparent: true }));
+    mesh2.name = 'Matcap';
+    world.add(mesh2);
+    items.push(mesh2);
+
+    const mesh5 = new Mesh(geom, new MeshPhongMaterial({ name: 'PhongMaterial', transparent: true }));
+    mesh5.name = 'Phong';
+    world.add(mesh5);
+    items.push(mesh5);
+
+    const mesh3 = new Mesh(geom, new MeshPhysicalMaterial({ name: 'PhysicalMaterial', transparent: true }));
+    mesh3.name = 'Physical';
+    world.add(mesh3);
+    items.push(mesh3);
+
+    // CustomMaterial
+    this.customMat = new CustomMaterial();
+    const mesh4 = new Mesh(geom, this.customMat);
+    mesh4.name = 'Shader';
+    world.add(mesh4);
+    items.push(mesh4);
+
+    const spacing = 50;
+    const total = items.length;
+    const offset = ((total - 1) / 2) * spacing;
+    for (let i = 0; i < total; i++) {
+      const x = i * spacing - offset;
+      items[i].position.set(x, 100, -150);
+      items[i].castShadow = true;
+    }
+  }
+
+  resize(width: number, height: number) {
+    this.camera.aspect = width / height;
+    this.camera.updateProjectionMatrix();
+  }
+
+  update() {
+    const now = Date.now();
+    const delta = (now - this.lastUpdate) / 1000;
+    this.lastUpdate = now;
+    this.customMat.update(delta);
+    this.dance0.update(delta);
+    this.dance1.update(delta);
+    this.dance2.update(delta);
+  }
+}

package/src/example/three/FBXAnimation.ts

@@ -0,0 +1,39 @@
+import { AnimationMixer, Group, Object3D } from "three";
+import { FBXLoader } from 'three/examples/jsm/loaders/FBXLoader';
+
+export default class FBXAnimation extends Object3D {
+  mixer?: AnimationMixer;
+
+  constructor(source: string) {
+    super();
+    this.name = source.replaceAll(' ', '').split('.')[0];
+    this.scale.setScalar(0.5);
+
+    new FBXLoader()
+      .setPath('./models/')
+      .loadAsync(source)
+      .then((model: Group) => {
+        this.add(model);
+
+        // Shadows
+        model.traverse((obj: Object3D) => {
+          if (obj['isMesh']) {
+            obj.castShadow = true;
+            obj.receiveShadow = true;
+          }
+        });
+
+        this.mixer = new AnimationMixer(model);
+        const action = this.mixer.clipAction(model.animations[0]);
+        action.play();
+      })
+      .catch((reason: any) => {
+        console.log(`Couldn't load:`, source);
+        console.log(reason);
+      })
+  }
+
+  update(delta: number) {
+    this.mixer?.update(delta);
+  }
+}

package/src/index.ts

@@ -1,16 +1,25 @@
 // Core
-export { default as Application } from './core/Application'
-export { debugDispatcher, ToolEvents } from './editor/global'
-export { default as BaseRemote } from './core/remote/BaseRemote'
-export { default as RemoteComponents } from './core/remote/RemoteComponents'
-export { default as RemoteTheatre } from './core/remote/RemoteTheatre'
-export { default as RemoteTweakpane } from './core/remote/RemoteTweakpane'
+export { default as Application } from './core/Application';
+export { debugDispatcher, ToolEvents } from './editor/global';
+export { default as BaseRemote } from './core/remote/BaseRemote';
+export { default as RemoteComponents } from './core/remote/RemoteComponents';
+export { default as RemoteTheatre } from './core/remote/RemoteTheatre';
+export { default as RemoteThree } from './core/remote/RemoteThree';
+export { default as RemoteTweakpane } from './core/remote/RemoteTweakpane';
 // Components
-export { default as NavButton } from './editor/components/NavButton'
-export { default as DraggableItem } from './editor/components/DraggableItem'
-export { default as Draggable } from './editor/components/Draggable'
-export { default as DropdownItem } from './editor/components/DropdownItem'
-export { default as Dropdown } from './editor/components/Dropdown'
-export { default as RemoteController } from './core/RemoteController'
-export { default as SceneHierarchy } from './editor/sceneHierarchy/SceneHierarchy'
-export { default as Editor } from './editor/Editor'
+export { default as NavButton } from './editor/components/NavButton';
+export { default as DraggableItem } from './editor/components/DraggableItem';
+export { default as Draggable } from './editor/components/Draggable';
+export { default as DropdownItem } from './editor/components/DropdownItem';
+export { default as Dropdown } from './editor/components/Dropdown';
+export { default as RemoteController } from './core/RemoteController';
+// RemoteThree
+export { default as SceneHierarchy } from './editor/sceneHierarchy/SceneHierarchy';
+export { default as Accordion } from './editor/sceneHierarchy/Accordion';
+export { default as ChildObject } from './editor/sceneHierarchy/ChildObject';
+export { default as ContainerObject } from './editor/sceneHierarchy/ContainerObject';
+export { default as Inspector } from './editor/sceneHierarchy/inspector/Inspector';
+export { default as SceneInspector } from './editor/sceneHierarchy/inspector/SceneInspector';
+export { default as MultiView } from './editor/sceneHierarchy/inspector/MultiView/MultiView';
+export { default as InfiniteGridHelper } from './editor/sceneHierarchy/inspector/MultiView/InfiniteGridHelper';
+export { default as Editor } from './editor/Editor';

package/types/core/Application.d.ts

@@ -1,21 +1,15 @@
-import type { IProjectConfig } from '@theatre/core';
-import RemoteComponents from './remote/RemoteComponents';
-import RemoteTheatre from './remote/RemoteTheatre';
-import RemoteTweakpane from './remote/RemoteTweakpane';
+import BaseRemote from './remote/BaseRemote';
 import type { ApplicationMode, BroadcastCallback, BroadcastData } from './types';
 export default class Application {
-    components?: RemoteComponents;
-    debug?: RemoteTweakpane;
-    theatre?: RemoteTheatre;
-    protected mode: ApplicationMode;
-    protected channel?: BroadcastChannel | undefined;
-    constructor(debugEnabled: boolean, editorHashtag: string);
-    setupComponents(): void;
-    setupGUI(): void;
-    setupTheatre(projectName: string, projectConfig?: IProjectConfig | undefined): void;
+    channel?: BroadcastChannel | undefined;
+    components: Map<string, any>;
+    protected _mode: ApplicationMode;
+    constructor(name: string, debugEnabled: boolean, editorHashtag: string);
+    addComponent(name: string, component: BaseRemote): void;
     dispose(): void;
     send(data: BroadcastData): void;
     listen(callback: BroadcastCallback): void;
+    get mode(): ApplicationMode;
     get editor(): boolean;
     set editor(value: boolean);
 }

package/types/core/remote/RemoteComponents.d.ts

@@ -1,7 +1,5 @@
-import Application from '../Application';
 import BaseRemote from './BaseRemote';
 export default class RemoteComponents extends BaseRemote {
-    constructor(app: Application);
     selectDropdown(dropdown: string, value: any): void;
     updateDropdown(dropdown: string, list: string[]): void;
 }

package/types/core/remote/RemoteThree.d.ts

@@ -0,0 +1,12 @@
+import { Scene } from 'three';
+import BaseRemote from './BaseRemote';
+export default class RemoteThree extends BaseRemote {
+    scene?: Scene;
+    getObject(uuid: string): void;
+    setObject(value: any): void;
+    requestMethod(uuid: string, key: string, value?: any): void;
+    updateObject(uuid: string, key: string, value: any): void;
+    createTexture(uuid: string, key: string, value: any): void;
+    getScene(): void;
+    setScene(value: Scene): void;
+}

package/types/core/remote/RemoteTweakpane.d.ts

@@ -3,14 +3,12 @@ import Application from '../Application';
 import BaseRemote from './BaseRemote';
 import type { DataUpdateCallback, VoidCallback } from '../types';
 export default class RemoteTweakpane extends BaseRemote {
-    appTab: any;
-    systemTab: any;
-    utilsTab: any;
     bindCBs: Map<string, DataUpdateCallback>;
     buttonCBs: Map<string, VoidCallback>;
     protected pane?: Pane | undefined;
     protected appCallbacks: number;
     protected editorCallbacks: number;
+    protected inspectorFolder: any;
     constructor(app: Application);
     protected createGUI(): void;
     dispose(): void;
@@ -20,4 +18,6 @@ export default class RemoteTweakpane extends BaseRemote {
     triggerBind(id: string, data: any): void;
     button(name: string, callback: VoidCallback, parent?: any): void;
     triggerButton(id: string): void;
+    createInspector(): void;
+    clearInspector(): void;
 }

package/types/core/types.d.ts

@@ -1,11 +1,12 @@
 export interface BroadcastData {
+    target: ApplicationMode;
     event: EditorEvent;
-    data: any;
+    data?: any;
 }
-export type ApplicationMode = 'listener' | 'editor';
+export type ApplicationMode = 'app' | 'editor';
 export type VoidCallback = () => void;
 export type DataUpdateCallback = (data: any) => void;
-export type EditorEvent = 'setSheet' | 'setSheetObject' | 'updateSheetObject' | 'updateTimeline' | 'addFolder' | 'bindObject' | 'updateBind' | 'addButton' | 'clickButton' | 'selectComponent' | 'draggableListUpdate';
+export type EditorEvent = 'custom' | 'setSheet' | 'setSheetObject' | 'updateSheetObject' | 'updateTimeline' | 'getObject' | 'setObject' | 'updateObject' | 'getScene' | 'setScene' | 'createTexture' | 'requestMethod' | 'addFolder' | 'bindObject' | 'updateBind' | 'addButton' | 'clickButton' | 'selectComponent' | 'draggableListUpdate';
 export type VoidFunc = () => void;
 export type BroadcastCallback = (data: BroadcastData) => void;
 export type TheatreUpdateCallback = (data: any) => void;

package/types/editor/Editor.d.ts

@@ -1,8 +1,9 @@
 import { CSSProperties, Ref } from 'react';
 import './scss/index.scss';
 type EditorProps = {
-    components?: JSX.Element | JSX.Element[];
+    header?: JSX.Element | JSX.Element[];
     children?: JSX.Element | JSX.Element[];
+    footer?: JSX.Element | JSX.Element[];
     ref?: Ref<any>;
     style?: CSSProperties;
 };

package/types/editor/components/content.d.ts

@@ -0,0 +1,2 @@
+export declare const gridImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAABkCAYAAAA8AQ3AAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEoklEQVR4nO3aQc4aMRAFYR+AOQv3Px3ZRYoSoh8YxvX61YJdSdPuD++81lqPZ7/b7fa43++P4zieNnbPu+M40PO1dXqwujc9WIeY0nk5WJ0erO4DD84hpnReDlanB6v70INxiCmdl4PV6cHqTvDYf4gpnZeD1enB6k7yyDgsvfNysDo9WN2JHvzD0jsvB6vTg9Wd6kE/LL3zcrA6PVjd2R6LfFh65+VgdXqwum94LOph6Z2Xg9Xpweq+5bGIh6V3Xg5Wpwer+7IH67D0zsvB6vRgdRd4cA5L77wcrE4PVneRB+Ow9M7Lwer0YHUXeuw/LL3zcrA6PVjdxR4ZSynBsNMjqtvgwV9KEYadHjHdFg/6Uqow7PQI6XZ5+NIdhGGnR0K308OX7iAMOz3o3W6PRVxKK4adHuQO4sFaSjmGnR7IDuTBWYoYdnrwOpgHYyli2OnB64Ae+5cihp0evA7qkbG8EozaTg9WB/bgL68Io7LTg9WhPejLq8Io7PRgdXSPqpfudIy2Tg9Wl+BR89J9F0bCn6BpL3qw9vLqdxdxebuXkv5deqcHqwvzYC0PspTY79I7PVhdoAdneaClRH6X3unB6kI9GMuDLSXuu/ROD1YX7LF/ecClRH2X3unB6sI9MpZcgjGu04PVDfDgL7kIY1SnB6sb4UFfchXGoE4PVjfFY8RL9ykYUzo9WN0kj/iX7pMwJnR6sLppHou45N1LoX6X3unB6oZ6sJYMWQruu/ROD1Y32IOzZNBSUN+ld3qwuuEejCXTOy8Hq9OD1V3osf+w9M7Lwer0YHUXe2QspQTDTo+oboMHfylFGHZ6xHRbPOhLqcKw0yOk2+Ux4qX7FAw7PRK6nR7xL90nYdjpQe92eyziUlox7PQgdxAP1lLKMez0QHYgD85SxLDTg9fBPBhLEcNOD14H9Ni/FDHs9OB1UI+M5ZVg1HZ6sDqwB395RRiVnR6sDu1BX14VRmGnB6uje1S9dKdjtHV6sLoEj5qX7gkYTZ0erC7FY5GHa8No6fRgdWEe6OHaMMZ3erC6QA/0cG0Yozs9WF2oB3q4NoyxnR6sLtgDPVwbxshOD1YX7oEerg1jXKcHqxvggR6uDWNUpwerG+GBHq4NY1CnB6ub4jHipfsUjCmdHqxukkf8S/dJGBM6PVjdNI9FHq4NI73Tg9UN9UAP14YR2+nB6gZ7oIdrw4js9GB1wz3Qw7VhxHV6sLoCD/RwbRhRnR6srsQDPVwbRkynB6sr8kAP14YR0enB6qo80MO1YQR0erC6Ng/0S/c2DHqnB6tr9MC+dG/EIHd6sLpWj0UcrhWD2unB6so9WMOVY+A6PVidHqDhxGB1erA6PdZjUYYTg9Xpwer0+P3bP5wYrE4PVqfHHz8x7PSgdnr89RPDTg9ip8c/fmLY6cHr9HjyE8NOD1anx/Pu8pfuYrA6PVidHv/vlhi9nR6sTo8fdWI0dnqwOj1+3InR1unB6vR4qROjqdOD1enxcidGS6cHq9PjrU6Mhk4PVqfH250Y0zs9WJ0eH3RizO70YHV6fNad+tJdDFanB6vT4/PutJfuYrA6PVidHud0vwA7LKl1AiiR5gAAAABJRU5ErkJggg==";
+export declare const noImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA5klEQVRoge2Y0Q6EIAwE6cX//+X6cCFpSMEKVTdk501OpRNKiyelFC0b8Ps6gCwoggZF0KAIGhRBgyJoUAQNiqCxjciR9SLV//eZiAyvK3U8i/QVaQO2YyLSFVvlkdTKDjJCukh2ykR5ZEW+kHmlatl90RaBtDkK/w7CYhuRUEO0ee3l+J3m55Vm+17vtwjTnV1V3QA8qfbeUXCzRWDpiLLS+OyzvRW7IzW9R+okvclsqR09743bo0yUpc1+lSJvNsa002+Euk9GKzV7SmZDRIMiaFAEDYqgQRE0KIIGRdCgCBoUQeMEMERadX7YUz8AAAAASUVORK5CYII=";

package/types/editor/global.d.ts

@@ -1,9 +1,14 @@
 import { EventDispatcher } from 'three';
 export declare const debugDispatcher: EventDispatcher<import("three").Event>;
 export declare const ToolEvents: {
+    CUSTOM: string;
     SELECT_DROPDOWN: string;
     DRAG_UPDATE: string;
-    INSPECT_ITEM: string;
-    REFRESH_SCENE: string;
+    GET_SCENE: string;
     SET_SCENE: string;
+    GET_OBJECT: string;
+    SET_OBJECT: string;
+    UPDATE_OBJECT: string;
+    CREATE_TEXTURE: string;
+    REQUEST_METHOD: string;
 };

package/types/editor/sceneHierarchy/Accordion.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+type AccordionProps = {
+    label: string;
+    button?: JSX.Element;
+    children?: JSX.Element | JSX.Element[];
+    open?: boolean;
+    onToggle?: (value: boolean) => void;
+};
+export default function Accordion(props: AccordionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/editor/sceneHierarchy/SceneHierarchy.d.ts

@@ -1,13 +1,13 @@
 import { Component, ReactNode } from 'react';
 import '../scss/_sceneHierarchy.scss';
 import { SceneHierarchyState } from './types';
-export default class SceneHierarchy extends Component {
-    constructor(props: object | SceneHierarchyState);
+export default class SceneHierarchy extends Component<SceneHierarchyState> {
+    private three;
+    constructor(props: SceneHierarchyState);
+    componentDidMount(): void;
     componentWillUnmount(): void;
     render(): ReactNode;
-    private onUpdate;
-    private toggleOpen;
     private onRefresh;
-    private onSetScene;
+    private setScene;
     get componentState(): SceneHierarchyState;
 }

package/types/editor/sceneHierarchy/ToggleBtn.d.ts

@@ -0,0 +1,7 @@
+type ToggleBtnProps = {
+    expanded: boolean;
+    label: string;
+    onClick: (expanded: boolean) => void;
+};
+export default function ToggleBtn(props: ToggleBtnProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/editor/sceneHierarchy/inspector/Inspector.d.ts

@@ -0,0 +1,3 @@
+import { CoreComponentProps } from "../types";
+import './inspector.scss';
+export default function Inspector(props: CoreComponentProps): import("react/jsx-runtime").JSX.Element;

package/types/editor/sceneHierarchy/inspector/InspectorField.d.ts

@@ -0,0 +1,13 @@
+export type InspectorFieldType = 'string' | 'number' | 'boolean' | 'range' | 'color' | 'button' | 'image';
+export interface InspectorFieldProps {
+    title: string;
+    type: InspectorFieldType;
+    prop?: string;
+    value?: any;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    onChange?: (prop: string, value: any) => void;
+}
+export default function InspectorField(props: InspectorFieldProps): import("react/jsx-runtime").JSX.Element;

package/types/editor/sceneHierarchy/inspector/InspectorGroup.d.ts

@@ -0,0 +1,7 @@
+import { InspectorFieldProps } from './InspectorField';
+export interface InspectorGroupProps {
+    title: string;
+    expanded?: boolean;
+    items: InspectorFieldProps[] | InspectorGroupProps[];
+}
+export default function InspectorGroup(props: InspectorGroupProps): import("react/jsx-runtime").JSX.Element;

package/types/editor/sceneHierarchy/inspector/MultiView/CameraWindow.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { Camera } from 'three';
+interface DropdownProps {
+    index: number;
+    onSelect: (value: string) => void;
+    options: string[];
+    up?: boolean;
+}
+export declare const Dropdown: (props: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+interface CameraWindowProps {
+    camera: Camera;
+    onSelect: (value: string) => void;
+    options: string[];
+}
+declare const CameraWindow: import("react").ForwardRefExoticComponent<CameraWindowProps & import("react").RefAttributes<HTMLDivElement>>;
+export default CameraWindow;

package/types/editor/sceneHierarchy/inspector/MultiView/InfiniteGridHelper.d.ts

@@ -0,0 +1,7 @@
+import { Mesh } from 'three';
+import InfiniteGridMaterial from './InfiniteGridMaterial';
+export default class InfiniteGridHelper extends Mesh {
+    gridMaterial: InfiniteGridMaterial;
+    constructor();
+    update(): void;
+}

package/types/editor/sceneHierarchy/inspector/MultiView/InfiniteGridMaterial.d.ts

@@ -0,0 +1,13 @@
+import { Color, ShaderMaterial } from 'three';
+type InfiniteGridProps = {
+    divisions?: number;
+    scale?: number;
+    color?: Color;
+    distance?: number;
+    subgridOpacity?: number;
+    gridOpacity?: number;
+};
+export default class InfiniteGridMaterial extends ShaderMaterial {
+    constructor(props?: InfiniteGridProps);
+}
+export {};

package/types/editor/sceneHierarchy/inspector/MultiView/MultiView.d.ts

@@ -0,0 +1,11 @@
+import { Camera, Scene, WebGLRenderer } from 'three';
+import './MultiView.scss';
+type MultiViewMode = 'Single' | 'Side by Side' | 'Stacked' | 'Quad';
+interface MultiViewProps {
+    scene: Scene;
+    renderer: WebGLRenderer;
+    cameras: Camera[];
+    mode?: MultiViewMode;
+}
+export default function MultiView(props: MultiViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/types/editor/sceneHierarchy/inspector/SceneInspector.d.ts

@@ -0,0 +1,7 @@
+import RemoteThree from "@/core/remote/RemoteThree";
+import { Scene } from "three";
+export interface SceneInspectorProps {
+    scene: Scene;
+    three: RemoteThree;
+}
+export default function SceneInspector(props: SceneInspectorProps): null;

package/types/editor/sceneHierarchy/inspector/utils/InspectCamera.d.ts

@@ -0,0 +1,3 @@
+import RemoteThree from '@/core/remote/RemoteThree';
+import { RemoteObject } from "../../types";
+export declare function InspectCamera(object: RemoteObject, three: RemoteThree): any;

package/types/editor/sceneHierarchy/inspector/utils/InspectLight.d.ts

@@ -0,0 +1,3 @@
+import { RemoteObject } from "../../types";
+import RemoteThree from '@/core/remote/RemoteThree';
+export declare function InspectLight(obj: RemoteObject, three: RemoteThree): import("react/jsx-runtime").JSX.Element;

package/types/editor/sceneHierarchy/inspector/utils/InspectMaterial.d.ts

@@ -0,0 +1,8 @@
+import { RemoteMaterial, RemoteObject } from "../../types";
+import RemoteThree from '@/core/remote/RemoteThree';
+export declare function acceptedMaterialNames(name: string): boolean;
+export declare function niceMaterialNames(name: string): string;
+export declare function clampedNames(name: string): boolean;
+export declare function uploadLocalImage(): Promise<string>;
+export declare function inspectMaterialItems(material: RemoteMaterial, object: RemoteObject, three: RemoteThree): any[];
+export declare function InspectMaterial(object: RemoteObject, three: RemoteThree): any;

package/types/editor/sceneHierarchy/inspector/utils/InspectTransform.d.ts

@@ -0,0 +1,3 @@
+import { RemoteObject } from "../../types";
+import RemoteThree from '@/core/remote/RemoteThree';
+export declare function InspectTransform(obj: RemoteObject, three: RemoteThree): import("react/jsx-runtime").JSX.Element;