@tomorrowevening/hermes 0.0.140 → 0.0.142

package/package.json

@@ -7,7 +7,7 @@
   "module": "./dist/hermes.esm.js",
   "types": "./types/index.d.ts",
   "type": "module",
-  "version": "0.0.140",
+  "version": "0.0.142",
   "homepage": "https://github.com/tomorrowevening/hermes#readme",
   "bugs": {
     "url": "https://github.com/tomorrowevening/hermes/issues"
@@ -21,7 +21,7 @@
   "files": [
     "dist/hermes.es.js",
     "dist/hermes.cjs.js",
-    "dist/style.css",
+    "dist/hermes.css",
     "types/**/*.d.ts"
   ],
   "exports": {
@@ -30,7 +30,7 @@
       "import": "./dist/hermes.es.js",
       "require": "./dist/hermes.cjs.js"
     },
-    "./style.css": "./dist/style.css"
+    "./hermes.css": "./dist/hermes.css"
   },
   "repository": {
     "type": "git",

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

@@ -1,34 +1,34 @@
-import { IProject, ISheet, ISheetObject } from '@theatre/core';
-import BaseRemote from './BaseRemote';
-import { BroadcastData, DataUpdateCallback, VoidCallback } from '../types';
-import { Application } from '../Application';
-type KeyframeVector = {
-    position: number;
-    x: number;
-    y: number;
-    z: number;
-};
-export default class RemoteTheatre extends BaseRemote {
-    project: IProject | undefined;
-    sheets: Map<string, ISheet>;
-    sheetObjects: Map<string, ISheetObject>;
-    sheetObjectCBs: Map<string, DataUpdateCallback>;
-    sheetObjectUnsubscribe: Map<string, VoidCallback>;
-    activeSheet: ISheet | undefined;
-    studio: any;
-    constructor(app: Application);
-    dispose(): void;
-    getSheetInstance(name: string, instanceId?: string): string;
-    sheet(name: string, instanceId?: string): ISheet | undefined;
-    playSheet(name: string, params?: any, instanceId?: string): Promise<boolean>;
-    pauseSheet(name: string, instanceId?: string): void;
-    clearSheetObjects(sheetName: string): void;
-    sheetObject(sheetName: string, key: string, props: any, onUpdate?: DataUpdateCallback, instanceId?: string): ISheetObject | undefined;
-    getSheetObjectKeyframes(sheetName: string, sheetObject: string, prop: string): any[];
-    getSheetObjectVectors(sheetName: string, sheetObject: string): KeyframeVector[];
-    unsubscribe(sheetObject: ISheetObject): undefined;
-    handleApp(msg: BroadcastData): void;
-    handleEditor(msg: BroadcastData): void;
-    handleEditorApp(): void;
-}
-export {};
+import { IProject, ISheet, ISheetObject } from '@theatre/core';
+import BaseRemote from './BaseRemote';
+import { BroadcastData, DataUpdateCallback, VoidCallback } from '../types';
+import { Application } from '../Application';
+type KeyframeVector = {
+    position: number;
+    x: number;
+    y: number;
+    z: number;
+};
+export default class RemoteTheatre extends BaseRemote {
+    project: IProject | undefined;
+    sheets: Map<string, ISheet>;
+    sheetObjects: Map<string, ISheetObject>;
+    sheetObjectCBs: Map<string, DataUpdateCallback>;
+    sheetObjectUnsubscribe: Map<string, VoidCallback>;
+    activeSheet: ISheet | undefined;
+    studio: any;
+    constructor(app: Application);
+    dispose(): void;
+    getSheetInstance(name: string, instanceId?: string): string;
+    sheet(name: string, instanceId?: string): ISheet | undefined;
+    playSheet(name: string, params?: any, instanceId?: string): Promise<boolean>;
+    pauseSheet(name: string, instanceId?: string): void;
+    clearSheetObjects(sheetName: string): void;
+    sheetObject(sheetName: string, key: string, props: any, onUpdate?: DataUpdateCallback, instanceId?: string): ISheetObject | undefined;
+    getSheetObjectKeyframes(sheetName: string, sheetObject: string, prop: string): any[];
+    getSheetObjectVectors(sheetName: string, sheetObject: string): KeyframeVector[];
+    unsubscribe(sheetObject: ISheetObject): undefined;
+    handleApp(msg: BroadcastData): void;
+    handleEditor(msg: BroadcastData): void;
+    handleEditorApp(): void;
+}
+export {};

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

@@ -1,43 +1,43 @@
-import { Camera, Curve, RenderTargetOptions, Scene, RenderTarget } from 'three';
-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?: any;
-    renderTargets: Map<string, RenderTarget>;
-    private groups;
-    constructor(app: Application);
-    dispose(): void;
-    getObject(uuid: string): void;
-    setObject(value: any): void;
-    requestMethod(uuid: string, key: string, value?: any, subitem?: string): void;
-    updateObject(uuid: string, key: string, value: any): void;
-    createTexture(uuid: string, key: string, value: any): void;
-    addGroup(data: GroupData): void;
-    removeGroup(name: string): void;
-    updateGroup(group: string, prop: string, value: any): void;
-    removeAllGroups(): void;
-    addSpline(spline: Curve<any>): void;
-    setRenderer(value: any, inputElement?: any): void;
-    updateRenderer(data: any): void;
-    addScene(value: Scene): void;
-    refreshScene(value: string): void;
-    removeScene(value: Scene): void;
-    removeAllScenes(): void;
-    getScene(uuid: string): Scene | null;
-    setScene(value: Scene): void;
-    addCamera(camera: Camera): void;
-    removeCamera(camera: Camera): void;
-    handleApp(msg: BroadcastData): void;
-    handleEditor(msg: BroadcastData): void;
-    addRT(name: string, params?: RenderTargetOptions): void;
-    resize(width: number, height: number): void;
-    set dpr(value: number);
-    get dpr(): number;
-    get width(): number;
-    get height(): number;
-}
+import { Camera, Curve, RenderTargetOptions, Scene, RenderTarget } from 'three';
+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?: any;
+    renderTargets: Map<string, RenderTarget>;
+    private groups;
+    constructor(app: Application);
+    dispose(): void;
+    getObject(uuid: string): void;
+    setObject(value: any): void;
+    requestMethod(uuid: string, key: string, value?: any, subitem?: string): void;
+    updateObject(uuid: string, key: string, value: any): void;
+    createTexture(uuid: string, key: string, value: any): void;
+    addGroup(data: GroupData): void;
+    removeGroup(name: string): void;
+    updateGroup(group: string, prop: string, value: any): void;
+    removeAllGroups(): void;
+    addSpline(spline: Curve<any>): void;
+    setRenderer(value: any, inputElement?: any): void;
+    updateRenderer(data: any): void;
+    addScene(value: Scene): void;
+    refreshScene(value: string): void;
+    removeScene(value: Scene): void;
+    removeAllScenes(): void;
+    getScene(uuid: string): Scene | null;
+    setScene(value: Scene): void;
+    addCamera(camera: Camera): void;
+    removeCamera(camera: Camera): void;
+    handleApp(msg: BroadcastData): void;
+    handleEditor(msg: BroadcastData): void;
+    addRT(name: string, params?: RenderTargetOptions): void;
+    resize(width: number, height: number): void;
+    set dpr(value: number);
+    get dpr(): number;
+    get width(): number;
+    get height(): number;
+}

package/types/core/types.d.ts

@@ -1,39 +1,40 @@
-import { InspectorFieldType } from '@/editor/sidePanel/inspector/InspectorField';
-export interface BroadcastData {
-    target: ApplicationMode;
-    event: EditorEvent;
-    data?: any;
-}
-export type OptionInfo = {
-    title: string;
-    value: any;
-};
-export interface GroupItemData {
-    type: InspectorFieldType;
-    prop: string;
-    title?: string;
-    value?: any;
-    min?: number;
-    max?: number;
-    step?: number;
-    disabled?: boolean;
-    options?: OptionInfo[];
-}
-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 type OptionInfo = {
+    title: string;
+    value: any;
+};
+export interface GroupItemData {
+    type: InspectorFieldType;
+    prop: string;
+    title?: string;
+    value?: any;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    options?: OptionInfo[];
+}
+export interface GroupData {
+    title: string;
+    expanded?: boolean;
+    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/multiView/MultiView.d.ts

@@ -1,5 +1,5 @@
 import { Component, ReactNode } from 'react';
-import { Camera, Object3D, OrthographicCamera, PerspectiveCamera, Scene, WebGLRenderer } from 'three';
+import { Camera, Group, Object3D, OrthographicCamera, PerspectiveCamera, Scene, WebGLRenderer } from 'three';
 import WebGPURenderer from 'three/src/renderers/webgpu/WebGPURenderer';
 import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';
 import RemoteThree from '@/core/remote/RemoteThree';
@@ -32,9 +32,9 @@ export default class MultiView extends Component<MultiViewProps, MultiViewState>
     controls: Map<string, OrbitControls>;
     currentCamera: PerspectiveCamera | OrthographicCamera;
     currentWindow: any;
+    helpersContainer: Group<import("three").Object3DEventMap>;
     private cameraHelpers;
     private lightHelpers;
-    private helpersContainer;
     private grid;
     private interactionHelper;
     private currentTransform?;

package/types/editor/sidePanel/SidePanel.d.ts

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

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

@@ -1,17 +1,17 @@
-import { KeyboardEvent } from 'react';
-import { OptionInfo } from '@/core/types';
-export type InspectorFieldType = 'string' | 'number' | 'boolean' | 'range' | 'color' | 'button' | 'image' | 'option' | 'vector2' | 'grid3' | 'grid4' | 'euler';
-export interface InspectorFieldProps {
-    title: string;
-    type: InspectorFieldType;
-    prop?: string;
-    value?: any;
-    min?: number;
-    max?: number;
-    step?: number;
-    disabled?: boolean;
-    options?: OptionInfo[];
-    onChange?: (prop: string, value: any) => void;
-    onKeyDown?: (evt: KeyboardEvent) => void;
-}
-export default function InspectorField(props: InspectorFieldProps): import("react/jsx-runtime").JSX.Element;
+import { KeyboardEvent } from 'react';
+import { OptionInfo } from '@/core/types';
+export type InspectorFieldType = 'string' | 'field' | 'number' | 'boolean' | 'range' | 'color' | 'button' | 'image' | 'option' | 'vector2' | 'grid3' | 'grid4' | 'euler';
+export interface InspectorFieldProps {
+    title: string;
+    type: InspectorFieldType;
+    prop?: string;
+    value?: any;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    options?: OptionInfo[];
+    onChange?: (prop: string, value: any) => void;
+    onKeyDown?: (evt: KeyboardEvent) => void;
+}
+export default function InspectorField(props: InspectorFieldProps): import("react/jsx-runtime").JSX.Element;

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

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

package/types/editor/theatreUtils.d.ts

@@ -1,4 +1,4 @@
-import { Application } from '../core/Application';
-import RemoteTheatre from '../core/remote/RemoteTheatre';
-export declare function theatreEditorApp(app: Application, theatre: RemoteTheatre, studio: any): void;
-export declare function customizeTheatreElements(): void;
+import { Application } from '../core/Application';
+import RemoteTheatre from '../core/remote/RemoteTheatre';
+export declare function theatreEditorApp(app: Application, theatre: RemoteTheatre, studio: any): void;
+export declare function customizeTheatreElements(): Promise<void>;

package/types/editor/tools/splineEditor/Spline.d.ts

@@ -1,52 +1,53 @@
-import { Camera, CatmullRomCurve3, Line, Mesh, Object3D, Vector3 } from 'three';
-import InspectorGroup from '@/editor/sidePanel/inspector/InspectorGroup';
-export type CurveType = 'catmullrom' | 'centripetal' | 'chordal';
-export default class Spline extends Object3D {
-    curve: CatmullRomCurve3;
-    line: Line;
-    draggable: Object3D;
-    curvePos: Mesh;
-    tension: number;
-    closed: boolean;
-    subdivide: number;
-    curveType: CurveType;
-    offset: number;
-    private lineMaterial;
-    private _camera;
-    private _curvePercentage;
-    private _draggableScale;
-    private _transform?;
-    private raycaster;
-    private draggedMat;
-    private parentGroup;
-    private group;
-    constructor(name: string, camera: Camera);
-    enable(): void;
-    disable(): void;
-    dispose: () => void;
-    hideTransform: () => void;
-    exportSpline: () => void;
-    showPoints: (visible?: boolean) => void;
-    addPoints: (pts?: Array<Vector3>) => void;
-    addPoint: (position: Vector3, update?: boolean) => Mesh;
-    addNextPt: () => void;
-    removePoint: (child: Object3D) => void;
-    removePointAt: (index: number) => void;
-    removeSelectedPt: () => void;
-    updateSpline: () => void;
-    private onMouseClick;
-    getPointAt(percentage: number): Vector3;
-    getPoints(): Vector3[];
-    getTangentAt(percentage: number): Vector3;
-    get points(): Array<Vector3>;
-    get total(): number;
-    get draggableScale(): number;
-    set draggableScale(value: number);
-    get camera(): Camera;
-    set camera(value: Camera);
-    get curvePercentage(): number;
-    set curvePercentage(value: number);
-    private onUpdateTransform;
-    initDebug(parentGroup: InspectorGroup): void;
-    private debugPoint;
-}
+import { Camera, CatmullRomCurve3, Line, Mesh, Object3D, Vector3 } from 'three';
+import InspectorGroup from '@/editor/sidePanel/inspector/InspectorGroup';
+export type CurveType = 'catmullrom' | 'centripetal' | 'chordal';
+export default class Spline extends Object3D {
+    curve: CatmullRomCurve3;
+    line: Line;
+    draggable: Object3D;
+    curvePos: Mesh;
+    tension: number;
+    closed: boolean;
+    subdivide: number;
+    curveType: CurveType;
+    offset: number;
+    private lineMaterial;
+    private _camera;
+    private _curvePercentage;
+    private _draggableScale;
+    private _transform?;
+    private raycaster;
+    private draggedMat;
+    private parentGroup;
+    private group;
+    constructor(name: string, camera: Camera);
+    enable(): void;
+    disable(): void;
+    dispose: () => void;
+    hideTransform: () => void;
+    exportSpline: () => void;
+    showPoints: (visible?: boolean) => void;
+    addPoints: (pts?: Array<Vector3>) => void;
+    addPoint: (position: Vector3, update?: boolean) => Mesh;
+    addNextPt: () => void;
+    removePoint: (child: Object3D) => void;
+    removePointAt: (index: number) => void;
+    removeSelectedPt: () => void;
+    updateSpline: () => void;
+    private onMouseClick;
+    getPointAt(percentage: number): Vector3;
+    getPoints(): Vector3[];
+    getTangentAt(percentage: number): Vector3;
+    get points(): Array<Vector3>;
+    get total(): number;
+    get draggableScale(): number;
+    set draggableScale(value: number);
+    get camera(): Camera;
+    set camera(value: Camera);
+    get curvePercentage(): number;
+    set curvePercentage(value: number);
+    private updateCurrentPoint;
+    private onUpdateTransform;
+    initDebug(parentGroup: InspectorGroup): void;
+    private debugPoint;
+}

package/types/editor/tools/splineEditor/index.d.ts

@@ -1,29 +1,34 @@
-import { Camera, CatmullRomCurve3, Object3D, Vector3 } from 'three';
-import Spline from './Spline';
-import { Application } from '@/core/Application';
-export type SplineJSON = {
-    name: string;
-    points: Array<number[]>;
-    tension: number;
-    closed: boolean;
-    subdivide: number;
-    type: string;
-};
-export default class SplineEditor extends Object3D {
-    defaultScale: number;
-    private _camera;
-    private group;
-    private app;
-    constructor(camera: Camera, app: Application);
-    initDebug(): void;
-    dispose(): void;
-    addSpline(spline: Spline): void;
-    createSpline: (defaultPoints?: Array<Vector3>) => Spline;
-    createSplineFromArray: (points: Array<number[]>) => Spline;
-    createSplineFromCatmullRom: (curve: CatmullRomCurve3) => Spline;
-    createSplineFromJSON: (data: SplineJSON) => Spline;
-    showPoints: (visible?: boolean) => void;
-    private onAddSpline;
-    get camera(): Camera;
-    set camera(value: Camera);
-}
+import { Camera, CatmullRomCurve3, Object3D, Vector3 } from 'three';
+import Spline from './Spline';
+import { Application } from '@/core/Application';
+export type SplineJSON = {
+    name: string;
+    points: Array<number[]>;
+    tension: number;
+    closed: boolean;
+    subdivide: number;
+    type: string;
+};
+export default class SplineEditor extends Object3D {
+    defaultScale: number;
+    currentSpline: Spline | null;
+    private _camera;
+    private group;
+    private app;
+    private splineDataText;
+    constructor(camera: Camera, app: Application);
+    initDebug(): void;
+    dispose(): void;
+    addSpline(spline: Spline): void;
+    createSpline: (defaultPoints?: Array<Vector3>) => Spline;
+    createSplineFromArray: (points: Array<number[]>) => Spline;
+    createSplineFromCatmullRom: (curve: CatmullRomCurve3) => Spline;
+    createSplineFromJSON: (data: SplineJSON) => Spline;
+    showPoints: (visible?: boolean) => void;
+    private onAddSpline;
+    private enableClickToDraw;
+    private disableClickToDraw;
+    private onClickCanvas;
+    get camera(): Camera;
+    set camera(value: Camera);
+}