@tomorrowevening/hermes 0.0.1 → 0.0.3

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

@@ -1,8 +1,99 @@
-import { Object3D } from 'three';
-export type ChildObjectProps = {
+import RemoteThree from '@/core/remote/RemoteThree';
+import { Color, Object3D } from 'three';
+export interface CoreComponentProps {
+    class?: string;
+    three: RemoteThree;
+}
+export interface ChildObjectProps extends CoreComponentProps {
     child: Object3D;
-};
-export type SceneHierarchyState = {
-    open: boolean;
-    scene: Object3D | null;
-};
+    three: RemoteThree;
+}
+export interface SceneHierarchyState {
+    scene?: Object3D;
+    three: RemoteThree;
+}
+export interface MinimumObject {
+    name: string;
+    uuid: string;
+    type: string;
+    children: MinimumObject[];
+}
+export interface RemoteMaterial {
+    blending: number;
+    blendSrc: number;
+    blendDst: number;
+    blendEquation: number;
+    blendColor: Color;
+    blendAlpha: number;
+    depthFunc: number;
+    depthTest: boolean;
+    depthWrite: boolean;
+    stencilWriteMask: number;
+    stencilFunc: number;
+    stencilRef: number;
+    stencilFuncMask: number;
+    stencilFail: number;
+    stencilZFail: number;
+    stencilZPass: number;
+    stencilWrite: boolean;
+    clipIntersection: boolean;
+    polygonOffset: boolean;
+    polygonOffsetFactor: number;
+    polygonOffsetUnits: number;
+    dithering: boolean;
+    name: string;
+    opacity: number;
+    premultipliedAlpha: boolean;
+    side: number;
+    toneMapped: boolean;
+    transparent: boolean;
+    type: string;
+    uuid: string;
+    vertexColors: boolean;
+    defines: any;
+    extensions: any;
+    uniforms: any;
+    color?: Color;
+    attenuationColor?: Color;
+    sheenColor?: Color;
+    specularColor?: Color;
+}
+export interface PerspectiveCameraInfo {
+    fov: number;
+    zoom: number;
+    near: number;
+    far: number;
+    focus: number;
+    aspect: number;
+    filmGauge: number;
+    filmOffset: number;
+}
+export interface OrthographicCameraInfo {
+    zoom: number;
+    near: number;
+    far: number;
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+}
+export interface LightInfo {
+    color: Color;
+    intensity: number;
+    decay?: number;
+    distance?: number;
+    angle?: number;
+    penumbra?: number;
+    groundColor?: Color;
+}
+export interface RemoteObject {
+    name: string;
+    uuid: string;
+    type: string;
+    visible: boolean;
+    matrix: number[];
+    material?: RemoteMaterial | RemoteMaterial[];
+    perspectiveCameraInfo?: PerspectiveCameraInfo;
+    orthographicCameraInfo?: OrthographicCameraInfo;
+    lightInfo?: LightInfo;
+}

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

@@ -1,2 +1,8 @@
-import { Object3D } from 'three';
+import { Object3D, Texture } from 'three';
+import { MinimumObject, RemoteObject } from './types';
 export declare function determineIcon(obj: Object3D): string;
+export declare function stripScene(obj: Object3D): MinimumObject;
+export declare function convertImageToBase64(imgElement: HTMLImageElement): string;
+export declare function stripObject(obj: Object3D): RemoteObject;
+export declare function setItemProps(child: any, key: string, value: any): void;
+export declare function textureFromSrc(imgSource: string): Promise<Texture>;

package/types/editor/utils.d.ts

@@ -1,4 +1,7 @@
+import { Object3D } 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 const hierarchyUUID: (object: Object3D) => void;

package/types/example/CustomEditor.d.ts

@@ -0,0 +1 @@
+export default function CustomEditor(): import("react/jsx-runtime").JSX.Element;

package/types/example/constants.d.ts

@@ -1,3 +1,15 @@
-import Application from '../core/Application';
-export declare const IS_DEV: boolean;
-export declare const app: Application;
+import Application from '@/core/Application';
+import RemoteComponents from '@/core/remote/RemoteComponents';
+import RemoteTheatre from '@/core/remote/RemoteTheatre';
+import RemoteThree from '@/core/remote/RemoteThree';
+import RemoteTweakpane from '@/core/remote/RemoteTweakpane';
+export declare const IS_DEV = true;
+declare class CustomApp extends Application {
+    constructor(name: string, debugEnabled: boolean, editorHashtag: string);
+    get debug(): RemoteTweakpane;
+    get debugComponents(): RemoteComponents;
+    get theatre(): RemoteTheatre;
+    get three(): RemoteThree;
+}
+export declare const app: CustomApp;
+export {};

package/types/example/three/CustomMaterial.d.ts

@@ -0,0 +1,5 @@
+import { ShaderMaterial } from "three";
+export default class CustomMaterial extends ShaderMaterial {
+    constructor();
+    update(delta: number): void;
+}

package/types/example/three/ExampleScene.d.ts

@@ -0,0 +1,18 @@
+import { CubeTexture, PerspectiveCamera, Scene } from 'three';
+import FBXAnimation from './FBXAnimation';
+export default class ExampleScene extends Scene {
+    camera: PerspectiveCamera;
+    envMap: CubeTexture;
+    dance0: FBXAnimation;
+    dance1: FBXAnimation;
+    dance2: FBXAnimation;
+    private customMat;
+    private lastUpdate;
+    constructor();
+    private createCameras;
+    private createLights;
+    private createWorld;
+    private createTestMaterials;
+    resize(width: number, height: number): void;
+    update(): void;
+}

package/types/example/three/FBXAnimation.d.ts

@@ -0,0 +1,6 @@
+import { AnimationMixer, Object3D } from "three";
+export default class FBXAnimation extends Object3D {
+    mixer?: AnimationMixer;
+    constructor(source: string);
+    update(delta: number): void;
+}

package/types/{library.d.ts → index.d.ts}

@@ -3,6 +3,7 @@ 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';
 export { default as NavButton } from './editor/components/NavButton';
 export { default as DraggableItem } from './editor/components/DraggableItem';
@@ -11,4 +12,8 @@ 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 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/src/example/App.tsx

@@ -1,88 +0,0 @@
-// Libs
-import { CSSProperties, useEffect, useRef } from 'react'
-import { types } from '@theatre/core'
-// Models
-import { app } from './constants'
-// Components
-import './App.css'
-import { debugDispatcher, ToolEvents } from '../editor/global'
-
-const elementStyle: CSSProperties = {
-  background: '#FF0000',
-  width: '100px',
-  height: '100px',
-  position: 'absolute',
-}
-
-function App() {
-  const elementRef = useRef<HTMLDivElement>(null!)
-  app.theatre?.sheet('App')
-
-  useEffect(() => {
-    const container = elementRef.current!
-    container.style.visibility = app.editor ? 'hidden' : 'inherit'
-
-    // GUI Example
-    const testFolder = app.debug?.addFolder('Test')
-
-    app.debug?.button('Test Button', () => {
-      console.log('Test button works!')
-    }, testFolder)
-
-    const test = { opacity: 1, rotation: 0 }
-    app.debug?.bind(test, 'opacity', {
-      min: 0,
-      max: 1,
-      onChange: (value: number) => {
-        container.style.opacity = value.toFixed(2)
-      }
-    }, testFolder)
-
-    app.debug?.bind(test, 'rotation', {
-      min: 0,
-      max: 360,
-      onChange: (value: number) => {
-        container.style.transform = `rotate(${value}deg)`
-      }
-    }, testFolder)
-
-    // Theatre Example
-    const sheetObj = app.theatre?.sheetObject(
-      'App',
-      'Box',
-      {
-        x: types.number(100, {range: [0, window.innerWidth]}),
-        y: types.number(100, {range: [0, window.innerHeight]}),
-      },
-      (values: any) => {
-        container.style.left = `${values.x}px`
-        container.style.top = `${values.y}px`
-      },
-    )
-    return () => {
-      if (sheetObj !== undefined) app.theatre?.unsubscribe(sheetObj)
-      app.dispose()
-    }
-  }, [])
-
-  useEffect(() => {
-    const selectDropdown = (evt: any) => {
-      console.log(`Dropdown: ${evt.value.dropdown}, value: ${evt.value.value}`)
-    }
-    const draglistUpdate = (evt: any) => {
-      console.log(`Dragged list updated: ${evt.value.dropdown}, value: ${evt.value.value.join(', ')}`)
-    }
-    debugDispatcher.addEventListener(ToolEvents.SELECT_DROPDOWN, selectDropdown)
-    debugDispatcher.addEventListener(ToolEvents.DRAG_UPDATE, draglistUpdate)
-    return () => {
-      debugDispatcher.removeEventListener(ToolEvents.SELECT_DROPDOWN, selectDropdown)
-      debugDispatcher.removeEventListener(ToolEvents.DRAG_UPDATE, draglistUpdate)
-    }
-  }, [])
-
-  return (
-    <div id='box' ref={elementRef} />
-  )
-}
-
-export default App

package/src/library.ts

@@ -1,16 +0,0 @@
-// 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'
-// 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'

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

@@ -1,23 +0,0 @@
-import { Pane } from 'tweakpane';
-import Application from '../Application';
-import BaseRemote from './BaseRemote';
-import type { DataUpdateCallback, VoidCallback } from '../types';
-export default class RemoteDebug 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;
-    constructor(app: Application);
-    protected createGUI(): void;
-    dispose(): void;
-    addFolder(name: string, params?: any, parent?: any): any;
-    get bindID(): string;
-    bind(obj: any, name: string, params: any, parent?: any): void;
-    triggerBind(id: string, data: any): void;
-    button(name: string, callback: VoidCallback, parent?: any): void;
-    triggerButton(id: string): void;
-}

package/types/debug/Editor.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import './scss/index.scss';
-type EditorProps = {
-    components?: JSX.Element | JSX.Element[];
-    children?: JSX.Element | JSX.Element[];
-};
-export default function Editor(props: EditorProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/types/debug/components/Draggable.d.ts

@@ -1,2 +0,0 @@
-import { DraggableProps } from './types';
-export default function Draggable(props: DraggableProps): import("react/jsx-runtime").JSX.Element;

package/types/debug/components/DraggableItem.d.ts

@@ -1,2 +0,0 @@
-import { DraggableItemProps } from './types';
-export default function DraggableItem(props: DraggableItemProps): import("react/jsx-runtime").JSX.Element;

package/types/debug/components/Dropdown.d.ts

@@ -1,2 +0,0 @@
-import { DropdownProps } from './types';
-export default function Dropdown(props: DropdownProps): import("react/jsx-runtime").JSX.Element;

package/types/debug/components/DropdownItem.d.ts

@@ -1,2 +0,0 @@
-import type { DropdownItemProps } from './types';
-export default function DropdownItem(props: DropdownItemProps): import("react/jsx-runtime").JSX.Element;

package/types/debug/components/NavButton.d.ts

@@ -1,5 +0,0 @@
-type NavButtonProps = {
-    title: string;
-};
-export default function NavButton(props: NavButtonProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/types/debug/components/icons/CloseIcon.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("react/jsx-runtime").JSX.Element;
-export default _default;

package/types/debug/components/icons/DragIcon.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("react/jsx-runtime").JSX.Element;
-export default _default;

package/types/debug/components/types.d.ts

@@ -1,31 +0,0 @@
-export type DropdownType = 'option' | 'dropdown' | 'draggable';
-export interface DropdownOption {
-    title: string;
-    value: any | Array<DropdownOption>;
-    type: DropdownType;
-    onSelect?: (value: any) => void;
-    selectable?: boolean;
-    onDragComplete?: (options: Array<string>) => void;
-}
-export interface DropdownProps {
-    title: string;
-    options: Array<DropdownOption>;
-    onSelect?: (value: any) => void;
-    subdropdown?: boolean;
-}
-export interface DropdownItemProps {
-    option: DropdownOption;
-    onSelect?: (value: any) => void;
-    onDragComplete?: (options: Array<string>) => void;
-}
-export interface DraggableItemProps {
-    index: number;
-    title: string;
-    onDelete: (index: number) => void;
-}
-export interface DraggableProps {
-    title: string;
-    options: Array<string>;
-    onDragComplete: (options: Array<string>) => void;
-    subdropdown?: boolean;
-}

package/types/debug/global.d.ts

@@ -1,9 +0,0 @@
-import { EventDispatcher } from 'three';
-export declare const debugDispatcher: EventDispatcher<import("three").Event>;
-export declare const ToolEvents: {
-    SELECT_DROPDOWN: string;
-    DRAG_UPDATE: string;
-    INSPECT_ITEM: string;
-    REFRESH_SCENE: string;
-    SET_SCENE: string;
-};

package/types/debug/sceneHierarchy/ChildObject.d.ts

@@ -1,2 +0,0 @@
-import { ChildObjectProps } from './types';
-export default function ChildObject(props: ChildObjectProps): import("react/jsx-runtime").JSX.Element;

package/types/debug/sceneHierarchy/ContainerObject.d.ts

@@ -1,2 +0,0 @@
-import type { ChildObjectProps } from './types';
-export default function ContainerObject(props: ChildObjectProps): import("react/jsx-runtime").JSX.Element;

package/types/debug/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 {
-    constructor(props: object | SceneHierarchyState);
-    componentWillUnmount(): void;
-    render(): ReactNode;
-    private onUpdate;
-    private toggleOpen;
-    private onRefresh;
-    private onSetScene;
-    get componentState(): SceneHierarchyState;
-}

package/types/debug/sceneHierarchy/types.d.ts

@@ -1,8 +0,0 @@
-import { Object3D } from 'three';
-export type ChildObjectProps = {
-    child: Object3D;
-};
-export type SceneHierarchyState = {
-    open: boolean;
-    scene: Object3D | null;
-};

package/types/debug/sceneHierarchy/utils.d.ts

@@ -1,2 +0,0 @@
-import { Object3D } from 'three';
-export declare function determineIcon(obj: Object3D): string;

package/types/debug/utils.d.ts

@@ -1,4 +0,0 @@
-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;