@tomorrowevening/hermes 0.0.9 → 0.0.12

package/types/editor/{sceneHierarchy → sidePanel}/inspector/SceneInspector.d.ts

@@ -1,7 +1,5 @@
 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/sidePanel/inspector/utils/InspectAnimation.d.ts

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

package/types/editor/{sceneHierarchy → sidePanel}/types.d.ts

@@ -8,7 +8,7 @@ export interface ChildObjectProps extends CoreComponentProps {
     child: Object3D;
     three: RemoteThree;
 }
-export interface SceneHierarchyState {
+export interface SidePanelState {
     scene?: Object3D;
     three: RemoteThree;
 }
@@ -58,6 +58,11 @@ export interface RemoteMaterial {
     sheenColor?: Color;
     specularColor?: Color;
 }
+export interface AnimationClipInfo {
+    name: string;
+    duration: number;
+    blendMode: number;
+}
 export interface PerspectiveCameraInfo {
     fov: number;
     zoom: number;
@@ -92,6 +97,7 @@ export interface RemoteObject {
     type: string;
     visible: boolean;
     matrix: number[];
+    animations: AnimationClipInfo[];
     material?: RemoteMaterial | RemoteMaterial[];
     perspectiveCameraInfo?: PerspectiveCameraInfo;
     orthographicCameraInfo?: OrthographicCameraInfo;

package/types/editor/utils.d.ts

@@ -1,7 +1,13 @@
-import { Object3D } from "three";
+import { Material, Object3D, Texture } from "three";
 export declare function clamp(min: number, max: number, value: number): number;
 export declare function distance(x: number, y: number): number;
 export declare function randomID(): string;
 export declare function isColor(obj: any): boolean;
 export declare function colorToHex(obj: any): string;
+export declare function round(value: number, precision?: number): number;
+export declare let totalThreeObjects: number;
+export declare const resetThreeObjects: () => void;
 export declare const hierarchyUUID: (object: Object3D) => void;
+export declare const disposeTexture: (texture?: Texture) => void;
+export declare const disposeMaterial: (material?: Material | Material[]) => void;
+export declare const dispose: (object: Object3D) => void;

package/types/index.d.ts

@@ -12,13 +12,13 @@ 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 InfiniteGridHelper } from './editor/sceneHierarchy/inspector/MultiView/InfiniteGridHelper';
-export { default as UVMaterial } from './editor/sceneHierarchy/inspector/MultiView/UVMaterial';
-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/multiView/InfiniteGridHelper';
+export { default as UVMaterial } from './editor/multiView/UVMaterial';
+export { default as SidePanel } from './editor/sidePanel/SidePanel';
+export { default as Accordion } from './editor/sidePanel/Accordion';
+export { default as ChildObject } from './editor/sidePanel/ChildObject';
+export { default as ContainerObject } from './editor/sidePanel/ContainerObject';
+export { default as Inspector } from './editor/sidePanel/inspector/Inspector';
+export { default as SceneInspector } from './editor/sidePanel/inspector/SceneInspector';
+export { default as MultiView } from './editor/multiView/MultiView';
 export { default as Editor } from './editor/Editor';

package/src/editor/sceneHierarchy/SceneHierarchy.tsx

@@ -1,80 +0,0 @@
-// Libs
-import { Component, ReactNode } from 'react';
-// Models
-import { debugDispatcher, ToolEvents } from '../global';
-// Components
-import '../scss/_sceneHierarchy.scss';
-import Accordion from './Accordion';
-import ContainerObject from './ContainerObject';
-import Inspector from './inspector/Inspector';
-import { SceneHierarchyState } from './types';
-import RemoteThree from '@/core/remote/RemoteThree';
-
-export default class SceneHierarchy extends Component<SceneHierarchyState> {
-  private three: RemoteThree;
-
-  constructor(props: SceneHierarchyState) {
-    super(props);
-    this.state = {
-      scene: props.scene !== undefined ? props.scene : null,
-    };
-    this.three = props.three;
-    debugDispatcher.addEventListener(ToolEvents.SET_SCENE, this.setScene);
-  }
-
-  componentDidMount(): void {
-    this.onRefresh();
-  }
-
-  componentWillUnmount(): void {
-    debugDispatcher.removeEventListener(ToolEvents.SET_SCENE, this.setScene);
-  }
-
-  render(): ReactNode {
-    const hasScene = this.componentState.scene !== null;
-    const HierarchyName = 'Hierarchy' + (hasScene ? `: ${this.componentState.scene?.name}` : '');
-    return (
-      <div id="SceneHierarchy" key="SceneHierarchy">
-        {(
-          <>
-            {hasScene && (
-              <Accordion
-                label={HierarchyName}
-                button={(
-                  <button className='icon refresh hideText' onClick={this.onRefresh}>
-                    Refresh
-                  </button>
-                )}
-                open={true}
-              >
-                <ContainerObject child={this.componentState.scene!} three={this.three} />
-              </Accordion>
-            )}
-
-            <Accordion label='Inspector'>
-              <Inspector key="Inspector" three={this.three} />
-            </Accordion>
-          </>
-        )}
-    </div>
-    );
-  }
-
-  // Private
-
-  private onRefresh = () => {
-    this.three.getScene();
-  };
-
-  private setScene = (evt: any) => {
-    this.setState(() => ({
-      scene: evt.value
-    }));
-  };
-
-  // Getters / Setters
-
-  get componentState(): SceneHierarchyState {
-    return this.state as SceneHierarchyState;
-  }
-}

package/src/editor/sceneHierarchy/inspector/Inspector.tsx

@@ -1,97 +0,0 @@
-import { useEffect, useState } from "react";
-import { CoreComponentProps, RemoteObject } from "../types";
-import { ToolEvents, debugDispatcher } from "../../global";
-import './inspector.scss';
-import InspectorField from './InspectorField';
-// Utils
-import { InspectCamera } from "./utils/InspectCamera";
-import { InspectMaterial } from "./utils/InspectMaterial";
-import { InspectTransform } from "./utils/InspectTransform";
-import { InspectLight } from "./utils/InspectLight";
-import { setItemProps } from "../utils";
-
-export default function Inspector(props: CoreComponentProps) {
-  const [lastRefresh, setLastRefresh] = useState(-1);
-  const [currentObject, setCurrentObject] = useState<RemoteObject>({
-    name: '',
-    uuid: '',
-    type: '',
-    visible: false,
-    matrix: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
-    material: undefined,
-    perspectiveCameraInfo: undefined,
-    orthographicCameraInfo: undefined,
-    lightInfo: undefined,
-  });
-
-  useEffect(() => {
-    function onSelectItem(evt: any) {
-      const obj = evt.value as RemoteObject;
-      setCurrentObject(obj);
-      setLastRefresh(Date.now());
-    }
-
-    debugDispatcher.addEventListener(ToolEvents.SET_OBJECT, onSelectItem);
-    return () => {
-      debugDispatcher.removeEventListener(ToolEvents.SET_OBJECT, onSelectItem);
-    };
-  }, []);
-
-  const objType = currentObject.type.toLowerCase();
-
-  return (
-    <div id="Inspector" className={props.class} key={lastRefresh}>
-      {currentObject.uuid.length > 0 && (
-        <>
-          {/* Core */}
-          <>
-            <InspectorField
-              type="string"
-              title="Name"
-              prop="name"
-              value={currentObject.name}
-              disabled={true}
-            />
-            <InspectorField
-              type="string"
-              title="Type"
-              prop="type"
-              value={currentObject.type}
-              disabled={true}
-            />
-            <InspectorField
-              type="string"
-              title="UUID"
-              prop="uuid"
-              value={currentObject.uuid}
-              disabled={true}
-            />
-            <InspectorField
-              type="boolean"
-              title="Visible"
-              prop="visible"
-              value={currentObject.visible}
-              onChange={(key: string, value: any) => {
-                props.three.updateObject(currentObject.uuid, key, value);
-                const child = props.three.scene?.getObjectByProperty('uuid', currentObject.uuid);
-                if (child !== undefined) setItemProps(child, key, value);
-              }}
-            />
-          </>
-
-          {/* Data */}
-          <>
-            {/* Transform */}
-            {InspectTransform(currentObject, props.three)}
-            {/* Cameras */}
-            {objType.search('camera') > -1 ? InspectCamera(currentObject, props.three) : null}
-            {/* Lights */}
-            {objType.search('light') > -1 ? InspectLight(currentObject, props.three) : null}
-            {/* Material */}
-            {objType.search('mesh') > -1 ? InspectMaterial(currentObject, props.three) : null}
-          </>
-        </>
-      )}
-    </div>
-  );
-}

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

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