@vived/app 2.4.0 → 2.6.2

package/lib/Entities/UndoRedo.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeUndoRedo = void 0;
+const _1 = require(".");
+function makeUndoRedo() {
+    return new UndoRedoImp();
+}
+exports.makeUndoRedo = makeUndoRedo;
+class UndoRedoImp {
+    constructor() {
+        this.observers = new _1.ObserverList();
+        this.undoRedoers = [];
+        this.undoStack = [];
+        this.redoStack = [];
+        this.doUndo = () => {
+            const action = this.undoStack.pop();
+            if (!action) {
+                console.warn("[UndoRedo] nothing to undo");
+                return;
+            }
+            this.redoStack.push(action);
+            this.undoRedoers.forEach(undoers => undoers.undoAction(action));
+            this.observers.notify();
+        };
+        this.doRedo = () => {
+            const action = this.redoStack.pop();
+            if (!action) {
+                console.warn("[UndoRedo] nothing to redo");
+                return;
+            }
+            this.undoStack.push(action);
+            this.undoRedoers.forEach(redoers => redoers.redoAction(action));
+            this.observers.notify();
+        };
+        this.submitAction = (action) => {
+            this.undoStack.push(action);
+            this.redoStack = [];
+            this.observers.notify();
+        };
+        this.clearStack = () => {
+            this.redoStack = [];
+            this.undoStack = [];
+            this.observers.notify();
+        };
+        this.registerUndoRedoer = (undoredoer) => {
+            this.undoRedoers.push(undoredoer);
+        };
+        this.addObserver = (observer) => {
+            this.observers.add(observer);
+        };
+        this.removeObserver = (observer) => {
+            this.observers.remove(observer);
+        };
+    }
+    get hasUndo() {
+        return this.undoStack.length > 0;
+    }
+    get hasRedo() {
+        return this.redoStack.length > 0;
+    }
+}

package/lib/Entities/Vector2.d.ts

@@ -0,0 +1,21 @@
+export declare class Vector2 {
+    static Zero(): Vector2;
+    static One(): Vector2;
+    x: number;
+    y: number;
+    get magnitued(): number;
+    get unit(): Vector2;
+    get theta(): number;
+    setLength: (length: number) => void;
+    add: (vector2: Vector2) => Vector2;
+    subtract: (vector2: Vector2) => Vector2;
+    equal: (a: Vector2) => boolean;
+    close: (vec: Vector2) => boolean;
+    copy: () => Vector2;
+    asArray: () => [number, number];
+    rotate: (theta: number) => Vector2;
+    dot: (vec: Vector2) => number;
+    angleTo: (vec: Vector2) => number;
+    cross: (vec: Vector2) => number;
+    constructor(x: number, y: number);
+}

package/lib/Entities/Vector2.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Vector2 = void 0;
+class Vector2 {
+    constructor(x, y) {
+        this.setLength = (length) => {
+            const unit = this.unit;
+            this.x = length * unit.x;
+            this.y = length * unit.y;
+        };
+        this.add = (vector2) => {
+            return new Vector2(this.x + vector2.x, this.y + vector2.y);
+        };
+        this.subtract = (vector2) => {
+            return new Vector2(this.x - vector2.x, this.y - vector2.y);
+        };
+        this.equal = (a) => {
+            if (a.x === this.x && a.y === this.y)
+                return true;
+            else
+                return false;
+        };
+        this.close = (vec) => {
+            const diff = this.subtract(vec);
+            const diffMag = diff.magnitued;
+            if (diffMag < 0.01)
+                return true;
+            else
+                return false;
+        };
+        this.copy = () => {
+            return new Vector2(this.x, this.y);
+        };
+        this.asArray = () => {
+            return [this.x, this.y];
+        };
+        this.rotate = (theta) => {
+            const thetaRadians = theta * Math.PI / 180;
+            const x = this.x * Math.cos(thetaRadians) - this.y * Math.sin(thetaRadians);
+            const y = this.x * Math.sin(thetaRadians) + this.y * Math.cos(thetaRadians);
+            return new Vector2(x, y);
+        };
+        this.dot = (vec) => {
+            return this.x * vec.x + this.y * vec.y;
+        };
+        this.angleTo = (vec) => {
+            const dot = this.dot(vec);
+            const magnitues = vec.magnitued * this.magnitued;
+            const angRadians = Math.acos(dot / magnitues);
+            return angRadians * 180 / Math.PI;
+        };
+        this.cross = (vec) => {
+            return (this.x * vec.y) - (this.y * vec.x);
+        };
+        this.x = x;
+        this.y = y;
+    }
+    static Zero() {
+        return new Vector2(0, 0);
+    }
+    static One() {
+        return new Vector2(1, 1);
+    }
+    get magnitued() {
+        const xSqr = this.x * this.x;
+        const ySqr = this.y * this.y;
+        const magnitude = Math.sqrt(xSqr + ySqr);
+        return magnitude;
+    }
+    get unit() {
+        const mag = this.magnitued;
+        if (mag === 0) {
+            return Vector2.Zero();
+        }
+        const unitX = this.x / mag;
+        const unitY = this.y / mag;
+        return new Vector2(unitX, unitY);
+    }
+    get theta() {
+        return (Math.atan2(this.y, this.x) * 180) / Math.PI;
+    }
+}
+exports.Vector2 = Vector2;

package/lib/Entities/Vector3.d.ts

@@ -0,0 +1,19 @@
+export declare class Vector3 {
+    static Zero(): Vector3;
+    static One(): Vector3;
+    x: number;
+    y: number;
+    z: number;
+    get magnitued(): number;
+    get unit(): Vector3;
+    setLength: (length: number) => void;
+    add: (a: Vector3) => Vector3;
+    subtract: (vector2: Vector3) => Vector3;
+    copy: () => Vector3;
+    equals: (vec: Vector3) => boolean;
+    close: (vec: Vector3) => boolean;
+    cross: (vec: Vector3) => Vector3;
+    dot: (vec: Vector3) => number;
+    asArray: () => [number, number, number];
+    constructor(x: number, y: number, z: number);
+}

package/lib/Entities/Vector3.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Vector3 = void 0;
+class Vector3 {
+    constructor(x, y, z) {
+        this.setLength = (length) => {
+            const unit = this.unit;
+            this.x = length * unit.x;
+            this.y = length * unit.y;
+            this.z = length * unit.z;
+        };
+        this.add = (a) => {
+            return new Vector3(this.x + a.x, this.y + a.y, this.z + a.z);
+        };
+        this.subtract = (vector2) => {
+            return new Vector3(this.x - vector2.x, this.y - vector2.y, this.z - vector2.z);
+        };
+        this.copy = () => {
+            return new Vector3(this.x, this.y, this.z);
+        };
+        this.equals = (vec) => {
+            if (vec.x === this.x && vec.y === this.y && vec.z === this.z)
+                return true;
+            else
+                return false;
+        };
+        this.close = (vec) => {
+            const diff = this.subtract(vec);
+            const diffMag = diff.magnitued;
+            if (diffMag < 0.01)
+                return true;
+            else
+                return false;
+        };
+        this.cross = (vec) => {
+            const x = this.y * vec.z - this.z * vec.y;
+            const y = this.z * vec.x - this.x * vec.z;
+            const z = this.x * vec.y - this.y * vec.x;
+            return new Vector3(x, y, z);
+        };
+        this.dot = (vec) => {
+            return this.x * vec.x + this.y * vec.y + this.z * vec.z;
+        };
+        this.asArray = () => {
+            return [this.x, this.y, this.z];
+        };
+        this.x = x;
+        this.y = y;
+        this.z = z;
+    }
+    static Zero() {
+        return new Vector3(0, 0, 0);
+    }
+    static One() {
+        return new Vector3(1, 1, 1);
+    }
+    get magnitued() {
+        const xSqr = this.x * this.x;
+        const ySqr = this.y * this.y;
+        const zSqr = this.z * this.z;
+        const magnitude = Math.sqrt(xSqr + ySqr + zSqr);
+        return magnitude;
+    }
+    get unit() {
+        const mag = this.magnitued;
+        if (mag === 0) {
+            return Vector3.Zero();
+        }
+        const unitX = this.x / mag;
+        const unitY = this.y / mag;
+        const unitZ = this.z / mag;
+        return new Vector3(unitX, unitY, unitZ);
+    }
+}
+exports.Vector3 = Vector3;

package/lib/Entities/index.d.ts

@@ -0,0 +1,21 @@
+export * from "./Babylon";
+export * from "./BaseApp";
+export * from "./Color";
+export * from "./DevicePreview";
+export * from "./KeyboardInput";
+export * from "./LineSegment2D";
+export * from "./MemoizedBoolean";
+export * from "./MemoizedNumber";
+export * from "./MemoizedString";
+export * from "./MemoizedVector2";
+export * from "./MemoizedVector3";
+export * from "./ObserverList";
+export * from "./OrbitCamera";
+export * from "./ParametricLine";
+export * from "./ParametricPlane";
+export * from "./StateMachine";
+export * from "./UndoRedo";
+export * from "./Vector2";
+export * from "./Vector3";
+export * from "./MouseInput";
+export * from "./TouchInput";

package/lib/Entities/index.js

@@ -0,0 +1,33 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Babylon"), exports);
+__exportStar(require("./BaseApp"), exports);
+__exportStar(require("./Color"), exports);
+__exportStar(require("./DevicePreview"), exports);
+__exportStar(require("./KeyboardInput"), exports);
+__exportStar(require("./LineSegment2D"), exports);
+__exportStar(require("./MemoizedBoolean"), exports);
+__exportStar(require("./MemoizedNumber"), exports);
+__exportStar(require("./MemoizedString"), exports);
+__exportStar(require("./MemoizedVector2"), exports);
+__exportStar(require("./MemoizedVector3"), exports);
+__exportStar(require("./ObserverList"), exports);
+__exportStar(require("./OrbitCamera"), exports);
+__exportStar(require("./ParametricLine"), exports);
+__exportStar(require("./ParametricPlane"), exports);
+__exportStar(require("./StateMachine"), exports);
+__exportStar(require("./UndoRedo"), exports);
+__exportStar(require("./Vector2"), exports);
+__exportStar(require("./Vector3"), exports);
+__exportStar(require("./MouseInput"), exports);
+__exportStar(require("./TouchInput"), exports);

package/lib/Interface/Controllers/makeAppHandler.d.ts

@@ -9,4 +9,4 @@ export interface AppHandlerFunctions {
     setState: (finalState: string, duration?: number) => void;
     setDevicePreview: (x: number, y: number) => void;
 }
-export declare function makeAppHandler(functions: AppHandlerFunctions): Handler;
+export declare function makeAppHandler(functions: AppHandlerFunctions, verbose?: boolean): Handler;

package/lib/Interface/Controllers/makeAppHandler.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeAppHandler = exports.appPayloadVersions = void 0;
 const app_host_boundary_1 = require("@vived/app-host-boundary");
-const verbose = false;
 exports.appPayloadVersions = {
     disposeApp: 1,
     setDevicePreview: 1,
@@ -12,10 +11,22 @@ exports.appPayloadVersions = {
     stopApp: 1,
     setState: 2,
 };
-function makeAppHandler(functions) {
+// This is because I messed up and am trying to compare a string with a type
+const showBabylonInspectorType = app_host_boundary_1.SHOW_BABYLON_INSPECTOR;
+const setIsAuthoringType = app_host_boundary_1.SET_IS_AUTHORING;
+const disposeAppType = app_host_boundary_1.DISPOSE_APP;
+const stopAppType = app_host_boundary_1.STOP_APP;
+const setDevicePreviewType = app_host_boundary_1.SET_DEVICE_PREVIEW;
+const startAppType = app_host_boundary_1.START_APP;
+const setAppStateType = app_host_boundary_1.SET_APP_STATE;
+const getAppPayloadType = app_host_boundary_1.GET_APP_PAYLOAD_VERSIONS;
+function makeAppHandler(functions, verbose = false) {
     const handler = (request) => {
+        if (verbose) {
+            console.log(request);
+        }
         switch (request.type) {
-            case app_host_boundary_1.SHOW_BABYLON_INSPECTOR:
+            case showBabylonInspectorType:
                 if (request.version === exports.appPayloadVersions.showBabylonInspector) {
                     const payload = request.payload;
                     functions.showBabylonInspector(payload.showBabylonInspector);
@@ -24,7 +35,7 @@ function makeAppHandler(functions) {
                     throw new app_host_boundary_1.UnsupportedRequestVerion(request.type, request.version);
                 }
                 break;
-            case app_host_boundary_1.SET_IS_AUTHORING:
+            case setIsAuthoringType:
                 if (request.version === exports.appPayloadVersions.setIsAuthoring) {
                     const payload = request.payload;
                     functions.setIsAuthoring(payload.isAuthoring);
@@ -33,7 +44,7 @@ function makeAppHandler(functions) {
                     throw new app_host_boundary_1.UnsupportedRequestVerion(request.type, request.version);
                 }
                 break;
-            case app_host_boundary_1.DISPOSE_APP:
+            case disposeAppType:
                 if (request.version === exports.appPayloadVersions.disposeApp) {
                     functions.disposeApp();
                 }
@@ -41,7 +52,7 @@ function makeAppHandler(functions) {
                     throw new app_host_boundary_1.UnsupportedRequestVerion(request.type, request.version);
                 }
                 break;
-            case app_host_boundary_1.STOP_APP:
+            case stopAppType:
                 if (request.version === exports.appPayloadVersions.stopApp) {
                     functions.stopApp();
                 }
@@ -49,7 +60,7 @@ function makeAppHandler(functions) {
                     throw new app_host_boundary_1.UnsupportedRequestVerion(request.type, request.version);
                 }
                 break;
-            case app_host_boundary_1.SET_DEVICE_PREVIEW:
+            case setDevicePreviewType:
                 if (request.version === exports.appPayloadVersions.setDevicePreview) {
                     const payload = request.payload;
                     functions.setDevicePreview(payload.x, payload.y);
@@ -58,7 +69,7 @@ function makeAppHandler(functions) {
                     throw new app_host_boundary_1.UnsupportedRequestVerion(request.type, request.version);
                 }
                 break;
-            case app_host_boundary_1.START_APP:
+            case startAppType:
                 if (request.version === exports.appPayloadVersions.startApp) {
                     const payload = request.payload;
                     functions.startApp(payload.container);
@@ -67,7 +78,7 @@ function makeAppHandler(functions) {
                     throw new app_host_boundary_1.UnsupportedRequestVerion(request.type, request.version);
                 }
                 break;
-            case app_host_boundary_1.SET_APP_STATE:
+            case setAppStateType:
                 if (request.version === exports.appPayloadVersions.setState) {
                     const payload = request.payload;
                     functions.setState(payload.finalState, payload.duration);
@@ -76,7 +87,7 @@ function makeAppHandler(functions) {
                     throw new app_host_boundary_1.UnsupportedRequestVerion(request.type, request.version);
                 }
                 break;
-            case app_host_boundary_1.GET_APP_PAYLOAD_VERSIONS:
+            case getAppPayloadType:
                 if (request.version === 1) {
                     const payload = request.payload;
                     payload.callback(exports.appPayloadVersions);

package/lib/Interface/Controllers/setState.d.ts

@@ -1,2 +1,2 @@
 import { BaseAppUC } from "../../Core";
-export declare function makeSetState(baseApp: BaseAppUC): (state: string, duration?: number | undefined) => void;
+export declare function makeSetState(baseApp: BaseAppUC): (state: string | null, duration?: number) => void;

package/lib/Interface/Controllers/setState.js

@@ -2,9 +2,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeSetState = void 0;
 function makeSetState(baseApp) {
-    return function setState(state, duration) {
-        const stateObj = JSON.parse(state);
-        baseApp.setSerializedState(stateObj);
+    return function setState(state, duration = 0) {
+        if (state) {
+            try {
+                const stateObj = JSON.parse(state);
+                baseApp.setSerializedState(stateObj, duration);
+            }
+            catch (e) {
+                baseApp.setDefaultState(duration);
+                console.warn("[setState] Failed to deserialize state string: " + e);
+            }
+        }
+        else {
+            baseApp.setDefaultState(duration);
+        }
     };
 }
 exports.makeSetState = makeSetState;

package/lib/PresentationManagers/DevicePreviewPM.d.ts

@@ -0,0 +1,13 @@
+import { DevicePreview } from "../Entities";
+export interface DevicePreviewVM {
+    x: number;
+    y: number;
+    useDevicePreview: boolean;
+}
+export declare class DevicePreviewPM {
+    devicePreview: DevicePreview;
+    updateView: (vm: DevicePreviewVM) => void;
+    doUpdateView: () => void;
+    dispose(): void;
+    constructor(devicePreview: DevicePreview, updateView: (vm: DevicePreviewVM) => void);
+}

package/lib/PresentationManagers/DevicePreviewPM.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DevicePreviewPM = void 0;
+class DevicePreviewPM {
+    constructor(devicePreview, updateView) {
+        this.doUpdateView = () => {
+            const useDevicePreview = this.devicePreview.useDevicePreview;
+            const x = this.devicePreview.previewSize.x;
+            const y = this.devicePreview.previewSize.y;
+            this.updateView({
+                x,
+                y,
+                useDevicePreview,
+            });
+        };
+        this.devicePreview = devicePreview;
+        this.updateView = updateView;
+        this.doUpdateView();
+        this.devicePreview.addObserver(this.doUpdateView);
+    }
+    dispose() {
+        this.devicePreview.removeObserver(this.doUpdateView);
+    }
+}
+exports.DevicePreviewPM = DevicePreviewPM;

package/lib/PresentationManagers/HasRedoPM.d.ts

@@ -0,0 +1,9 @@
+import { UndoRedo } from "../Entities";
+export declare class HasRedoPM {
+    updateView: (hasRedo: boolean) => void;
+    private undoRedo;
+    private lastValue?;
+    private onChange;
+    dispose(): void;
+    constructor(undoRedo: UndoRedo, updateView: (hasRedo: boolean) => void);
+}

package/lib/PresentationManagers/HasRedoPM.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HasRedoPM = void 0;
+class HasRedoPM {
+    constructor(undoRedo, updateView) {
+        this.updateView = updateView;
+        this.onChange = () => {
+            const currentVal = this.undoRedo.hasRedo;
+            if (this.lastValue === currentVal)
+                return;
+            this.updateView(currentVal);
+            this.lastValue = currentVal;
+        };
+        this.undoRedo = undoRedo;
+        this.onChange();
+        this.undoRedo.addObserver(this.onChange);
+    }
+    dispose() {
+        this.undoRedo.removeObserver(this.onChange);
+    }
+}
+exports.HasRedoPM = HasRedoPM;

package/lib/PresentationManagers/HasUndoPM.d.ts

@@ -0,0 +1,9 @@
+import { UndoRedo } from "../Entities";
+export declare class HasUndoPM {
+    updateView: (hasUndo: boolean) => void;
+    private undoRedo;
+    private lastValue?;
+    private onChange;
+    dispose(): void;
+    constructor(undoRedo: UndoRedo, updateView: (hasUndo: boolean) => void);
+}

package/lib/PresentationManagers/HasUndoPM.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HasUndoPM = void 0;
+class HasUndoPM {
+    constructor(undoRedo, updateView) {
+        this.updateView = updateView;
+        this.onChange = () => {
+            const currentVal = this.undoRedo.hasUndo;
+            if (this.lastValue === currentVal)
+                return;
+            this.updateView(currentVal);
+            this.lastValue = currentVal;
+        };
+        this.undoRedo = undoRedo;
+        this.onChange();
+        this.undoRedo.addObserver(this.onChange);
+    }
+    dispose() {
+        this.undoRedo.removeObserver(this.onChange);
+    }
+}
+exports.HasUndoPM = HasUndoPM;

package/lib/PresentationManagers/IsAuthoringPM.d.ts

@@ -0,0 +1,9 @@
+import { BaseApp } from "../Entities";
+export declare class IsAuthoringPM {
+    private baseApp;
+    private updateView;
+    private lastSetState?;
+    private doUpdateView;
+    dispose(): void;
+    constructor(baseApp: BaseApp, updateView: (isAuthoring: boolean) => void);
+}

package/lib/PresentationManagers/IsAuthoringPM.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IsAuthoringPM = void 0;
+class IsAuthoringPM {
+    constructor(baseApp, updateView) {
+        this.doUpdateView = () => {
+            const isAuthoring = this.baseApp.isAuthoring;
+            if (isAuthoring === this.lastSetState)
+                return;
+            this.updateView(isAuthoring);
+            this.lastSetState = isAuthoring;
+        };
+        this.baseApp = baseApp;
+        this.updateView = updateView;
+        this.doUpdateView();
+        this.baseApp.addObserver(this.doUpdateView);
+    }
+    dispose() {
+        this.baseApp.removeObserver(this.doUpdateView);
+    }
+}
+exports.IsAuthoringPM = IsAuthoringPM;

package/lib/PresentationManagers/OrbitCameraPM.d.ts

@@ -0,0 +1,14 @@
+import { OrbitCamera, Vector3 } from "../Entities";
+export interface OrbitCameraVM {
+    alphaEuler: Vector3;
+    betaEuler: Vector3;
+    cameraLocalPosition: Vector3;
+    target: Vector3;
+}
+export declare class OrbitCameraPM {
+    private orbitCam;
+    private view;
+    dispose(): void;
+    private doUpdateView;
+    constructor(orbitCamera: OrbitCamera, view: (vm: OrbitCameraVM) => void);
+}

package/lib/PresentationManagers/OrbitCameraPM.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OrbitCameraPM = void 0;
+const Entities_1 = require("../Entities");
+const Utilities_1 = require("../Utilities");
+class OrbitCameraPM {
+    constructor(orbitCamera, view) {
+        this.doUpdateView = () => {
+            const { alpha, beta, radius, target } = this.orbitCam;
+            const alphaRadians = Utilities_1.degreesToRadians(alpha);
+            const alphaEuler = new Entities_1.Vector3(0, alphaRadians, 0);
+            const betaRadians = Utilities_1.degreesToRadians(beta);
+            const betaEuler = new Entities_1.Vector3(betaRadians, 0, 0);
+            const cameraLocalPosition = new Entities_1.Vector3(0, 0, -radius);
+            this.view({
+                alphaEuler,
+                betaEuler,
+                cameraLocalPosition,
+                target,
+            });
+        };
+        this.orbitCam = orbitCamera;
+        this.view = view;
+        this.doUpdateView();
+        this.orbitCam.addObserver(this.doUpdateView);
+    }
+    dispose() {
+        this.orbitCam.removeObserver(this.doUpdateView);
+    }
+}
+exports.OrbitCameraPM = OrbitCameraPM;

package/lib/PresentationManagers/ShowBabylonInspectorPM.d.ts

@@ -0,0 +1,9 @@
+import { Babylon } from "../Entities";
+export declare class ShowBabylonInspectorPM {
+    private babylon;
+    private updateView;
+    private lastSetState?;
+    private doUpdateView;
+    dispose(): void;
+    constructor(babylon: Babylon, updateView: (showInspector: boolean) => void);
+}

package/lib/PresentationManagers/ShowBabylonInspectorPM.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShowBabylonInspectorPM = void 0;
+class ShowBabylonInspectorPM {
+    constructor(babylon, updateView) {
+        this.doUpdateView = () => {
+            const showInspector = this.babylon.showInspector;
+            if (showInspector === this.lastSetState)
+                return;
+            this.updateView(showInspector);
+            this.lastSetState = showInspector;
+        };
+        this.babylon = babylon;
+        this.updateView = updateView;
+        this.doUpdateView();
+        this.babylon.addObserver(this.doUpdateView);
+    }
+    dispose() {
+        this.babylon.removeObserver(this.doUpdateView);
+    }
+}
+exports.ShowBabylonInspectorPM = ShowBabylonInspectorPM;