@tomorrowevening/hermes 0.0.114 → 0.0.116

package/package.json

@@ -7,7 +7,7 @@
   "module": "./dist/hermes.esm.js",
   "types": "./types/index.d.ts",
   "type": "module",
-  "version": "0.0.114",
+  "version": "0.0.116",
   "homepage": "https://github.com/tomorrowevening/hermes#readme",
   "bugs": {
     "url": "https://github.com/tomorrowevening/hermes/issues"
@@ -60,6 +60,7 @@
     "@typescript-eslint/parser": "^6.4.0",
     "@vitejs/plugin-react": "^4.0.3",
     "camera-controls": "^2.9.0",
+    "detect-gpu": "^5.0.57",
     "eslint": "^8.45.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",

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

@@ -3,6 +3,8 @@ import Application from '../Application';
 import BaseRemote from './BaseRemote';
 import { BroadcastData, GroupData } from '../types';
 export default class RemoteThree extends BaseRemote {
+    canvas: HTMLCanvasElement | null;
+    inputElement: any;
     scene?: Scene;
     scenes: Map<string, Scene>;
     renderer?: WebGLRenderer;
@@ -19,7 +21,7 @@ export default class RemoteThree extends BaseRemote {
     updateGroup(group: string, prop: string, value: any): void;
     removeAllGroups(): void;
     addSpline(spline: Curve<any>): void;
-    addRenderer(value: WebGLRenderer): void;
+    setRenderer(value: WebGLRenderer, inputElement?: any): void;
     updateRenderer(data: any): void;
     addScene(value: Scene): void;
     refreshScene(value: string): void;
@@ -37,5 +39,4 @@ export default class RemoteThree extends BaseRemote {
     get dpr(): number;
     get width(): number;
     get height(): number;
-    get canvas(): HTMLCanvasElement | null;
 }

package/types/core/types.d.ts

@@ -1,35 +1,35 @@
-import { InspectorFieldType } from '@/editor/sidePanel/inspector/InspectorField';
-export interface BroadcastData {
-    target: ApplicationMode;
-    event: EditorEvent;
-    data?: any;
-}
-export interface GroupItemData {
-    type: InspectorFieldType;
-    prop: string;
-    title?: string;
-    value?: any;
-    min?: number;
-    max?: number;
-    step?: number;
-    disabled?: boolean;
-    options?: any[];
-}
-export interface GroupData {
-    title: string;
-    items: GroupItemData[];
-    onUpdate: (prop: string, value: any) => void;
-}
-export interface GroupCallback {
-    title: string;
-    onUpdate: (prop: string, value: any) => void;
-}
-export type ApplicationMode = 'app' | 'editor';
-export type VoidCallback = () => void;
-export type DataUpdateCallback = (data: any) => void;
-export type EditorEvent = 'custom' | 'setSheet' | 'setSheetObject' | 'updateSheetObject' | 'updateTimeline' | 'playSheet' | 'pauseSheet' | 'getObject' | 'setObject' | 'updateObject' | 'addScene' | 'refreshScene' | 'removeScene' | 'setScene' | 'createTexture' | 'requestMethod' | 'addCamera' | 'removeCamera' | 'addSpline' | 'addRenderer' | 'updateRenderer' | 'addFolder' | 'bindObject' | 'updateBind' | 'addButton' | 'clickButton' | 'selectComponent' | 'draggableListUpdate' | 'addGroup' | 'removeGroup' | 'updateGroup';
-export type VoidFunc = () => void;
-export type BroadcastCallback = (data: BroadcastData) => void;
-export type TheatreUpdateCallback = (data: any) => void;
-export declare const noop: () => void;
-export declare const defaultTheatreCallback: TheatreUpdateCallback;
+import { InspectorFieldType } from '@/editor/sidePanel/inspector/InspectorField';
+export interface BroadcastData {
+    target: ApplicationMode;
+    event: EditorEvent;
+    data?: any;
+}
+export interface GroupItemData {
+    type: InspectorFieldType;
+    prop: string;
+    title?: string;
+    value?: any;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    options?: any[];
+}
+export interface GroupData {
+    title: string;
+    items: GroupItemData[];
+    onUpdate: (prop: string, value: any) => void;
+}
+export interface GroupCallback {
+    title: string;
+    onUpdate: (prop: string, value: any) => void;
+}
+export type ApplicationMode = 'app' | 'editor';
+export type VoidCallback = () => void;
+export type DataUpdateCallback = (data: any) => void;
+export type EditorEvent = 'custom' | 'setSheet' | 'setSheetObject' | 'updateSheetObject' | 'updateTimeline' | 'playSheet' | 'pauseSheet' | 'getObject' | 'setObject' | 'updateObject' | 'addScene' | 'refreshScene' | 'removeScene' | 'setScene' | 'createTexture' | 'requestMethod' | 'addCamera' | 'removeCamera' | 'addSpline' | 'addRenderer' | 'updateRenderer' | 'addFolder' | 'bindObject' | 'updateBind' | 'addButton' | 'clickButton' | 'selectComponent' | 'draggableListUpdate' | 'addGroup' | 'removeGroup' | 'updateGroup';
+export type VoidFunc = () => void;
+export type BroadcastCallback = (data: BroadcastData) => void;
+export type TheatreUpdateCallback = (data: any) => void;
+export declare const noop: () => void;
+export declare const defaultTheatreCallback: TheatreUpdateCallback;

package/types/editor/global.d.ts

@@ -1,28 +1,28 @@
-import { EventDispatcher } from 'three';
-export declare enum ToolEvents {
-    CUSTOM = "ToolEvents::custom",
-    SELECT_DROPDOWN = "ToolEvents::selectDropdown",
-    DRAG_UPDATE = "ToolEvents::dragUpdate",
-    ADD_SCENE = "ToolEvents::addScene",
-    REFRESH_SCENE = "ToolEvents::refreshScene",
-    REMOVE_SCENE = "ToolEvents::removeScene",
-    SET_SCENE = "ToolEvents::setScene",
-    GET_OBJECT = "ToolEvents::getObject",
-    SET_OBJECT = "ToolEvents::setObject",
-    UPDATE_OBJECT = "ToolEvents::updateObject",
-    CREATE_TEXTURE = "ToolEvents::createTexture",
-    REQUEST_METHOD = "ToolEvents::requestMethod",
-    ADD_CAMERA = "ToolEvents::addCamera",
-    REMOVE_CAMERA = "ToolEvents::removeCamera",
-    ADD_GROUP = "ToolEvents::addGroup",
-    REMOVE_GROUP = "ToolEvents::removeGroup",
-    ADD_SPLINE = "ToolEvents::addSpline",
-    ADD_RENDERER = "ToolEvents::addRenderer",
-    UPDATE_RENDERER = "ToolEvents::updateRenderer"
-}
-export type ToolEvent = {
-    [key in ToolEvents]: {
-        value?: unknown;
-    };
-};
-export declare const debugDispatcher: EventDispatcher<ToolEvent>;
+import { EventDispatcher } from 'three';
+export declare enum ToolEvents {
+    CUSTOM = "ToolEvents::custom",
+    SELECT_DROPDOWN = "ToolEvents::selectDropdown",
+    DRAG_UPDATE = "ToolEvents::dragUpdate",
+    ADD_SCENE = "ToolEvents::addScene",
+    REFRESH_SCENE = "ToolEvents::refreshScene",
+    REMOVE_SCENE = "ToolEvents::removeScene",
+    SET_SCENE = "ToolEvents::setScene",
+    GET_OBJECT = "ToolEvents::getObject",
+    SET_OBJECT = "ToolEvents::setObject",
+    UPDATE_OBJECT = "ToolEvents::updateObject",
+    CREATE_TEXTURE = "ToolEvents::createTexture",
+    REQUEST_METHOD = "ToolEvents::requestMethod",
+    ADD_CAMERA = "ToolEvents::addCamera",
+    REMOVE_CAMERA = "ToolEvents::removeCamera",
+    ADD_GROUP = "ToolEvents::addGroup",
+    REMOVE_GROUP = "ToolEvents::removeGroup",
+    ADD_SPLINE = "ToolEvents::addSpline",
+    ADD_RENDERER = "ToolEvents::addRenderer",
+    UPDATE_RENDERER = "ToolEvents::updateRenderer"
+}
+export type ToolEvent = {
+    [key in ToolEvents]: {
+        value?: unknown;
+    };
+};
+export declare const debugDispatcher: EventDispatcher<ToolEvent>;

package/types/editor/sidePanel/inspector/utils/InspectRenderer.d.ts

@@ -1,28 +1,28 @@
-import { Component, ReactNode } from 'react';
-import RemoteThree from '@/core/remote/RemoteThree';
-type InspectRendererProps = {
-    three: RemoteThree;
-};
-type InspectRendererState = {
-    expanded: boolean;
-    lastUpdated: number;
-};
-export default class InspectRenderer extends Component<InspectRendererProps, InspectRendererState> {
-    private autoClear;
-    private autoClearColor;
-    private autoClearDepth;
-    private autoClearStencil;
-    private outputColorSpace;
-    private localClippingEnabled;
-    private clearColor;
-    private clearAlpha;
-    private toneMapping;
-    private toneMappingExposure;
-    constructor(props: InspectRendererProps);
-    componentwillunmount(): void;
-    private onAddRenderer;
-    render(): ReactNode;
-    private saveExpanded;
-    get expandedName(): string;
-}
-export {};
+import { Component, ReactNode } from 'react';
+import RemoteThree from '@/core/remote/RemoteThree';
+type InspectRendererProps = {
+    three: RemoteThree;
+};
+type InspectRendererState = {
+    expanded: boolean;
+    lastUpdated: number;
+};
+export default class InspectRenderer extends Component<InspectRendererProps, InspectRendererState> {
+    private autoClear;
+    private autoClearColor;
+    private autoClearDepth;
+    private autoClearStencil;
+    private outputColorSpace;
+    private localClippingEnabled;
+    private clearColor;
+    private clearAlpha;
+    private toneMapping;
+    private toneMappingExposure;
+    constructor(props: InspectRendererProps);
+    componentwillunmount(): void;
+    private onAddRenderer;
+    render(): ReactNode;
+    private saveExpanded;
+    get expandedName(): string;
+}
+export {};

package/types/editor/utils.d.ts

@@ -1,31 +1,5 @@
-import { Material, Object3D, Texture, WebGLRenderer } from 'three';
-export declare function capitalize(value: string): string;
-export declare function copyToClipboard(data: any): string;
-export declare function clamp(min: number, max: number, value: number): number;
-export declare function normalize(min: number, max: number, value: number): number;
-export declare function mix(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;
-export declare class ExportTexture {
-    static renderer: WebGLRenderer;
-    private static canvas;
-    private static context;
-    private static scene;
-    private static camera;
-    private static material;
-    private static inited;
-    private static width;
-    private static height;
-    private static init;
-    static renderToBlob(texture: Texture): string;
-    private static renderToCanvas;
-}
+export declare function capitalize(value: string): string;
+export declare function copyToClipboard(data: any): string;
+export declare function randomID(): string;
+export declare function isColor(obj: any): boolean;
+export declare function colorToHex(obj: any): string;

package/types/index.d.ts

@@ -1,27 +1,29 @@
-export * from './core/types';
-export * from './editor/utils';
-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 * from './editor/theatreUtils';
-export { default as RemoteTheatre } from './core/remote/RemoteTheatre';
-export { default as RemoteThree } from './core/remote/RemoteThree';
-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 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';
-export { default as ThreeEditor } from './editor/ThreeEditor';
-export { default as Transform } from './editor/tools/Transform';
-export { default as Spline } from './editor/tools/splineEditor/Spline';
-export { default as SplineEditor } from './editor/tools/splineEditor/index';
+export * from './core/types';
+export * from './editor/utils';
+export * from './utils/three';
+export * from './utils/detectSettings';
+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 * from './editor/theatreUtils';
+export { default as RemoteTheatre } from './core/remote/RemoteTheatre';
+export { default as RemoteThree } from './core/remote/RemoteThree';
+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 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';
+export { default as ThreeEditor } from './editor/ThreeEditor';
+export { default as Transform } from './editor/tools/Transform';
+export { default as Spline } from './editor/tools/splineEditor/Spline';
+export { default as SplineEditor } from './editor/tools/splineEditor/index';

package/types/utils/detectSettings.d.ts

@@ -0,0 +1,15 @@
+export declare enum QualityType {
+    'High' = 0,
+    'Medium' = 1,
+    'Low' = 2
+}
+export type AppSettings = {
+    dpr: number;
+    fps: number;
+    width: number;
+    height: number;
+    mobile: boolean;
+    supportOffScreenCanvas: boolean;
+    quality: QualityType;
+};
+export declare function detectSettings(canvas: HTMLCanvasElement): Promise<AppSettings>;

package/types/utils/math.d.ts

@@ -0,0 +1,5 @@
+export declare function clamp(min: number, max: number, value: number): number;
+export declare function normalize(min: number, max: number, value: number): number;
+export declare function mix(min: number, max: number, value: number): number;
+export declare function distance(x: number, y: number): number;
+export declare function round(value: number, precision?: number): number;

package/types/utils/three.d.ts

@@ -0,0 +1,21 @@
+import { Material, Object3D, Texture, WebGLRenderer } from 'three';
+export declare const disposeTexture: (texture?: Texture) => void;
+export declare const disposeMaterial: (material?: Material | Material[]) => void;
+export declare const dispose: (object: Object3D) => void;
+export declare let totalThreeObjects: number;
+export declare const resetThreeObjects: () => void;
+export declare const hierarchyUUID: (object: Object3D) => void;
+export declare class ExportTexture {
+    static renderer: WebGLRenderer;
+    private static canvas;
+    private static context;
+    private static scene;
+    private static camera;
+    private static material;
+    private static inited;
+    private static width;
+    private static height;
+    private static init;
+    static renderToBlob(texture: Texture): string;
+    private static renderToCanvas;
+}