@vived/app 4.27.0 → 4.27.1

package/lib/AppObjectComponents/OverlayColor/Entities/OverlayColor.d.ts

@@ -0,0 +1,25 @@
+import { AppObject, AppObjectEntity } from "../../../AppObject";
+import { Color } from "../../../ValueObjects";
+export declare enum OverlayColorEmums {
+    GREEN = "Green",
+    PINK = "Pink",
+    YELLOW = "Yellow",
+    RED = "Red",
+    BLUE = "Blue",
+    WHITE = "White",
+    PURPLE = "Purple",
+    BLACK = "Black",
+    ORANGE = "Orange",
+    NONE = "None"
+}
+export declare class OverlayColor extends AppObjectEntity {
+    static readonly type = "OVERLAY_COLOR";
+    static enumToColorLookup: Map<OverlayColorEmums, Color>;
+    static overlayColorEnumToColor(colorEnum: OverlayColorEmums): Color | undefined;
+    static addIfMissing(appObj: AppObject): OverlayColor;
+    static get(appObj: AppObject): OverlayColor | undefined;
+    private memoizedColor;
+    get overlayColor(): OverlayColorEmums;
+    set overlayColor(val: OverlayColorEmums);
+    constructor(appObject: AppObject);
+}

package/lib/AppObjectComponents/OverlayColor/Entities/OverlayColor.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OverlayColor = exports.OverlayColorEmums = void 0;
+const AppObject_1 = require("../../../AppObject");
+const Entities_1 = require("../../../Entities");
+const ValueObjects_1 = require("../../../ValueObjects");
+var OverlayColorEmums;
+(function (OverlayColorEmums) {
+    OverlayColorEmums["GREEN"] = "Green";
+    OverlayColorEmums["PINK"] = "Pink";
+    OverlayColorEmums["YELLOW"] = "Yellow";
+    OverlayColorEmums["RED"] = "Red";
+    OverlayColorEmums["BLUE"] = "Blue";
+    OverlayColorEmums["WHITE"] = "White";
+    OverlayColorEmums["PURPLE"] = "Purple";
+    OverlayColorEmums["BLACK"] = "Black";
+    OverlayColorEmums["ORANGE"] = "Orange";
+    OverlayColorEmums["NONE"] = "None";
+})(OverlayColorEmums = exports.OverlayColorEmums || (exports.OverlayColorEmums = {}));
+class OverlayColor extends AppObject_1.AppObjectEntity {
+    constructor(appObject) {
+        super(appObject, OverlayColor.type);
+        this.memoizedColor = new Entities_1.MemoizedString(OverlayColorEmums.NONE, this.notifyOnChange);
+    }
+    static overlayColorEnumToColor(colorEnum) {
+        return this.enumToColorLookup.get(colorEnum);
+    }
+    static addIfMissing(appObj) {
+        const existing = appObj.getComponent(this.type);
+        if (existing) {
+            return existing;
+        }
+        else {
+            return new OverlayColor(appObj);
+        }
+    }
+    static get(appObj) {
+        return appObj.getComponent(this.type);
+    }
+    get overlayColor() {
+        return this.memoizedColor.val;
+    }
+    set overlayColor(val) {
+        this.memoizedColor.val = val;
+    }
+}
+exports.OverlayColor = OverlayColor;
+OverlayColor.type = "OVERLAY_COLOR";
+OverlayColor.enumToColorLookup = new Map([
+    [OverlayColorEmums.GREEN, ValueObjects_1.Color.Hex("#008000")],
+    [OverlayColorEmums.PINK, ValueObjects_1.Color.Hex("#FFC0CB")],
+    [OverlayColorEmums.YELLOW, ValueObjects_1.Color.Hex("#FFFF00")],
+    [OverlayColorEmums.RED, ValueObjects_1.Color.Hex("#FF0000")],
+    [OverlayColorEmums.BLUE, ValueObjects_1.Color.Hex("#0000FF")],
+    [OverlayColorEmums.WHITE, ValueObjects_1.Color.Hex("#FFFFFF")],
+    [OverlayColorEmums.PURPLE, ValueObjects_1.Color.Hex("#800080")],
+    [OverlayColorEmums.BLACK, ValueObjects_1.Color.Hex("#000000")],
+    [OverlayColorEmums.ORANGE, ValueObjects_1.Color.Hex("#FFA500")]
+]);

package/lib/AppObjectComponents/OverlayColor/PresentationManagers/OverlayColorPM.d.ts

@@ -0,0 +1,13 @@
+import { AppObject } from "../../../AppObject/AppObject";
+import { AppObjectPM } from "../../../AppObject/AppObjectPM";
+import { AppObjectRepo } from "../../../AppObject/AppObjectRepo";
+import { OverlayColorEmums } from "../Entities/OverlayColor";
+export declare class OverlayColorPM extends AppObjectPM<OverlayColorEmums> {
+    static readonly type = "OverlayColorPM";
+    private overlayColor?;
+    onColorChange: () => void;
+    vmsAreEqual(a: OverlayColorEmums, b: OverlayColorEmums): boolean;
+    dispose: () => void;
+    constructor(appObject: AppObject);
+    static getForID(appObjID: string, appObjects: AppObjectRepo): OverlayColorPM | undefined;
+}

package/lib/AppObjectComponents/OverlayColor/PresentationManagers/OverlayColorPM.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OverlayColorPM = void 0;
+const AppObjectPM_1 = require("../../../AppObject/AppObjectPM");
+const OverlayColor_1 = require("../Entities/OverlayColor");
+class OverlayColorPM extends AppObjectPM_1.AppObjectPM {
+    constructor(appObject) {
+        super(appObject, OverlayColorPM.type);
+        this.onColorChange = () => {
+            if (!this.overlayColor)
+                return;
+            this.doUpdateView(this.overlayColor.overlayColor);
+        };
+        this.dispose = () => {
+            var _a, _b;
+            super.dispose();
+            (_a = this.overlayColor) === null || _a === void 0 ? void 0 : _a.removeChangeObserver(this.onColorChange);
+            (_b = this.overlayColor) === null || _b === void 0 ? void 0 : _b.removeOnDisposeObserver(this.dispose);
+        };
+        this.overlayColor = OverlayColor_1.OverlayColor.get(appObject);
+        if (!this.overlayColor) {
+            console.warn("[OverlayColorPM] Unable to find OverlayColor Entity");
+            return;
+        }
+        else {
+            this.overlayColor.addChangeObserver(this.onColorChange);
+            this.overlayColor.addOnDisposeObserver(this.dispose);
+            this.onColorChange();
+        }
+    }
+    vmsAreEqual(a, b) {
+        return a === b;
+    }
+    static getForID(appObjID, appObjects) {
+        const appObj = appObjects.get(appObjID);
+        if (appObj === undefined) {
+            return undefined;
+        }
+        return appObj.getComponent(OverlayColorPM.type);
+    }
+}
+exports.OverlayColorPM = OverlayColorPM;
+OverlayColorPM.type = "OverlayColorPM";

package/lib/AppObjectComponents/OverlayColor/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Entities/OverlayColor";
+export * from "./PresentationManagers/OverlayColorPM";

package/lib/AppObjectComponents/OverlayColor/index.js

@@ -0,0 +1,14 @@
+"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("./Entities/OverlayColor"), exports);
+__exportStar(require("./PresentationManagers/OverlayColorPM"), exports);

package/lib/AppObjectComponents/SceneRoot/Entities/SceneRoot.d.ts

@@ -0,0 +1,31 @@
+import { AppObject } from "../../../AppObject/AppObject";
+import { AppObjectEntity } from "../../../AppObject/AppObjectEntity";
+import { AppObjectRepo } from "../../../AppObject/AppObjectRepo";
+import { EaseFn } from "../../../Types";
+import { Quaternion, Vector3 } from "../../../ValueObjects";
+import { Transform3D } from "../../Transform3D";
+export interface DefaultSceneRootData {
+    position: [number, number, number];
+    rotation: [number, number, number, number];
+    scale: number;
+    minScale: number;
+    maxScale: number;
+}
+export declare abstract class SceneRoot extends AppObjectEntity {
+    static readonly type = "SCENE_ROOT";
+    abstract defaultPosition: Vector3;
+    abstract defaultRoation: Quaternion;
+    abstract defaultScale: number;
+    abstract minScale: number;
+    abstract maxScale: number;
+    abstract position: Vector3;
+    abstract rotation: Quaternion;
+    abstract scale: number;
+    abstract readonly transform: Transform3D;
+    abstract applyDefaultData: (data: DefaultSceneRootData) => void;
+    abstract centerOnPoint: (point: Vector3, durationMS: number, easeFn: EaseFn, onCompleted?: () => void) => void;
+    abstract lerpToDefault: (durationMS: number, easeFn: EaseFn, onCompleted?: () => void) => void;
+    abstract bumpScaleAboutPoint: (amount: number, worldPoint: Vector3) => void;
+    static get(appObjects: AppObjectRepo): SceneRoot | undefined;
+}
+export declare function makeSceneRoot(appObj: AppObject): SceneRoot;

package/lib/AppObjectComponents/SceneRoot/Entities/SceneRoot.js

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeSceneRoot = exports.SceneRoot = void 0;
+const AppObjectEntity_1 = require("../../../AppObject/AppObjectEntity");
+const ValueObjects_1 = require("../../../ValueObjects");
+const Transform3D_1 = require("../../Transform3D");
+class SceneRoot extends AppObjectEntity_1.AppObjectEntity {
+    static get(appObjects) {
+        const repo = appObjects.getAllComponents(SceneRoot.type);
+        if (repo.length === 0) {
+            console.warn("[SceneRoot] Unable to find Scene Root Entity. Add one on Mount");
+            return undefined;
+        }
+        else if (repo.length > 1) {
+            console.warn("[SceneRoot] Multiple Scene Root Entity have been found. There should only be one. Using the first one");
+        }
+        return repo[0];
+    }
+}
+exports.SceneRoot = SceneRoot;
+SceneRoot.type = "SCENE_ROOT";
+function makeSceneRoot(appObj) {
+    Transform3D_1.Transform3D.addIfMissing(appObj);
+    return new SceneRootImp(appObj);
+}
+exports.makeSceneRoot = makeSceneRoot;
+class SceneRootImp extends SceneRoot {
+    constructor(appObject) {
+        super(appObject, SceneRoot.type);
+        this._defaultPosition = ValueObjects_1.Vector3.Zero();
+        this._defaultRoation = ValueObjects_1.Quaternion.Identity();
+        this._defaultScale = 1;
+        this._minScale = 0.01;
+        this._maxScale = 10;
+        this.applyDefaultData = (data) => {
+            this._defaultPosition = ValueObjects_1.Vector3.FromArray(data.position);
+            this._defaultRoation = ValueObjects_1.Quaternion.FromArray(data.rotation);
+            this._defaultScale = data.scale;
+            this._maxScale = data.maxScale;
+            this._minScale = data.minScale;
+        };
+        this.centerOnPoint = (point, durationMS, easeFn, onCompleted) => {
+            const finalPosition = ValueObjects_1.Vector3.Subtract(this.transform.worldPosition, point);
+            this.transform.lerp(durationMS, easeFn, finalPosition, undefined, undefined, onCompleted);
+        };
+        this.bumpScaleAboutPoint = (amount, worldPoint) => {
+            const localPickOffset = this.transform.worldPointToLocal(worldPoint);
+            const currentScale = this.transform.worldScale.x;
+            let newScale = currentScale + amount;
+            if (newScale < this.minScale) {
+                newScale = this.minScale;
+            }
+            else if (newScale > this.maxScale) {
+                newScale = this.maxScale;
+            }
+            this.transform.worldScale = new ValueObjects_1.Vector3(newScale, newScale, newScale);
+            const worldPickOffset = this.transform.localPointToWorld(localPickOffset);
+            const bump = ValueObjects_1.Vector3.Subtract(worldPoint, worldPickOffset);
+            this.transform.worldPosition = ValueObjects_1.Vector3.Add(bump, this.transform.worldPosition);
+        };
+        this.lerpToDefault = (durationMS, easeFn, onCompleted) => {
+            this.transform.lerp(durationMS, easeFn, this.defaultPosition, this.defaultRoation, new ValueObjects_1.Vector3(this.defaultScale, this.defaultScale, this.defaultScale), onCompleted);
+        };
+        const transform = Transform3D_1.Transform3D.get(appObject);
+        if (transform) {
+            this.transform = transform;
+            transform.addChangeObserver(this.notifyOnChange);
+        }
+        else {
+            throw Error("Scene Root does not have a Transform3D Component. Use the factory to make this");
+        }
+    }
+    get position() {
+        return this.transform.localPosition;
+    }
+    set position(p) {
+        this.transform.localPosition = p;
+    }
+    get rotation() {
+        return this.transform.localRotation;
+    }
+    set rotation(r) {
+        this.transform.localRotation = r;
+    }
+    get scale() {
+        return this.transform.localScale.x;
+    }
+    set scale(s) {
+        this.transform.localScale = new ValueObjects_1.Vector3(s, s, s);
+    }
+    get defaultPosition() {
+        return this._defaultPosition;
+    }
+    get defaultRoation() {
+        return this._defaultRoation;
+    }
+    get defaultScale() {
+        return this._defaultScale;
+    }
+    get minScale() {
+        return this._minScale;
+    }
+    get maxScale() {
+        return this._maxScale;
+    }
+}

package/lib/AppObjectComponents/SceneRoot/UC/SerializeSceneRoot.d.ts

@@ -0,0 +1,31 @@
+import { AppObject } from "../../../AppObject/AppObject";
+import { AppObjectUC } from "../../../AppObject/AppObjectUC";
+import { SerializedSystem, StateMachine } from "../../../Entities";
+export declare abstract class SerializeSceneRoot extends AppObjectUC implements SerializedSystem {
+    static readonly type = "SerializeSceneRoot";
+    name: string;
+    abstract seriliziationVersion: number;
+    abstract getSystemState(): object;
+    abstract applySystemState(state: object, version: number, transitionDuration: number): void;
+    abstract applyDefaultState(transitionDuration: number): void;
+}
+export declare function makeSerializeSceneRoot(appObject: AppObject, stateMachine: StateMachine): SerializeSceneRoot;
+export interface SceneRootDataV1 {
+    position: [number, number, number];
+    rotation: [number, number, number, number];
+    scale: [number, number, number];
+}
+export interface SceneRootDataV2 {
+    position: {
+        x: number;
+        y: number;
+        z: number;
+    };
+    rotation: {
+        x: number;
+        y: number;
+        z: number;
+        w: number;
+    };
+    scale: number;
+}

package/lib/AppObjectComponents/SceneRoot/UC/SerializeSceneRoot.js

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeSerializeSceneRoot = exports.SerializeSceneRoot = void 0;
+const AppObjectUC_1 = require("../../../AppObject/AppObjectUC");
+const ValueObjects_1 = require("../../../ValueObjects");
+const StoredView_1 = require("../../StoredView");
+const SceneRoot_1 = require("../Entities/SceneRoot");
+class SerializeSceneRoot extends AppObjectUC_1.AppObjectUC {
+    constructor() {
+        super(...arguments);
+        this.name = "sceneRoot";
+    }
+}
+exports.SerializeSceneRoot = SerializeSceneRoot;
+SerializeSceneRoot.type = "SerializeSceneRoot";
+function makeSerializeSceneRoot(appObject, stateMachine) {
+    return new SerializeSceneRootImp(appObject, stateMachine);
+}
+exports.makeSerializeSceneRoot = makeSerializeSceneRoot;
+class SerializeSceneRootImp extends SerializeSceneRoot {
+    constructor(appObject, stateMachine) {
+        super(appObject, SerializeSceneRoot.type);
+        this.seriliziationVersion = 2;
+        this.stateMachine = stateMachine;
+        this.sceneRoot = appObject.getComponent(SceneRoot_1.SceneRoot.type);
+        if (!this.sceneRoot) {
+            console.warn("SerializeSceneRoot UC has been added to an App Object that does not have a SceneRoot Entity. Add one before adding the UC");
+            this.dispose();
+            return;
+        }
+        this.storedView = appObject.getComponent(StoredView_1.StoredView.type);
+        if (!this.storedView) {
+            console.warn("SerializeSceneRoot UC has been added to an App Object that does not have a StoredView Entity. Stored view won't work until one is added to the UC");
+            return;
+        }
+        stateMachine.registerSerializedSystem(this);
+    }
+    getSystemState() {
+        if (!this.sceneRoot) {
+            console.warn("[SerializeSceneRoot] No scene root entity");
+            return {};
+        }
+        if (this.storedView && this.storedView.hasStoredView) {
+            const data = {
+                position: this.storedView.position.dto,
+                rotation: this.storedView.rotation.dto,
+                scale: this.storedView.scale,
+            };
+            return data;
+        }
+        else {
+            const data = {
+                position: this.sceneRoot.position.dto,
+                rotation: this.sceneRoot.rotation.dto,
+                scale: this.sceneRoot.scale,
+            };
+            return data;
+        }
+    }
+    applySystemState(serializedState, version, transitionTime) {
+        try {
+            if (version === 1) {
+                const castState = serializedState;
+                this.applyV1Data(castState, transitionTime);
+            }
+            else if (version === 2) {
+                const castState = serializedState;
+                this.applyV2Data(castState, transitionTime);
+            }
+            else {
+                console.warn(`[SerializeSceneRoot] Unsupported version number ${version}. Defaulting`);
+                this.applyDefaultState(transitionTime);
+            }
+        }
+        catch (e) {
+            console.warn(`[SerializeSceneRoot] Caught when deserializing ${e}. Defaulting`);
+            this.applyDefaultState(transitionTime);
+        }
+    }
+    applyDefaultState(transitionDuration) {
+        if (!this.sceneRoot) {
+            console.warn("[SerializeSceneRoot] No scene root entity");
+            return;
+        }
+        this.sceneRoot.lerpToDefault(transitionDuration * 1000, this.stateMachine.transitionEaseFunction);
+    }
+    applyV2Data(data, transitionTime) {
+        if (!this.sceneRoot) {
+            console.warn("[SerializeSceneRoot] No scene root entity");
+            return;
+        }
+        const pos = ValueObjects_1.Vector3.FromDTO(data.position);
+        const rot = ValueObjects_1.Quaternion.FromDTO(data.rotation);
+        const scale = new ValueObjects_1.Vector3(data.scale, data.scale, data.scale);
+        const rootTransform = this.sceneRoot.transform;
+        rootTransform.lerp(transitionTime * 1000, this.stateMachine.transitionEaseFunction, pos, rot, scale);
+    }
+    applyV1Data(data, transitionTime) {
+        if (!this.sceneRoot) {
+            console.warn("[SerializeSceneRoot] No scene root entity");
+            return;
+        }
+        const pos = ValueObjects_1.Vector3.FromArray(data.position);
+        const rot = ValueObjects_1.Quaternion.FromArray(data.rotation);
+        const scale = ValueObjects_1.Vector3.FromArray(data.scale);
+        const rootTransform = this.sceneRoot.transform;
+        rootTransform.lerp(transitionTime * 1000, this.stateMachine.transitionEaseFunction, pos, rot, scale);
+    }
+}

package/lib/AppObjectComponents/SceneRoot/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Entities/SceneRoot";
+export * from "./UC/SerializeSceneRoot";

package/lib/AppObjectComponents/SceneRoot/index.js

@@ -0,0 +1,14 @@
+"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("./Entities/SceneRoot"), exports);
+__exportStar(require("./UC/SerializeSceneRoot"), exports);

package/lib/AppObjectComponents/StoredView/Entities/StoredView.d.ts

@@ -0,0 +1,13 @@
+import { AppObject } from "../../../AppObject/AppObject";
+import { AppObjectEntity } from "../../../AppObject/AppObjectEntity";
+import { AppObjectRepo } from "../../../AppObject/AppObjectRepo";
+import { Quaternion, Vector3 } from "../../../ValueObjects";
+export declare abstract class StoredView extends AppObjectEntity {
+    static readonly type = "STORED_VIEW";
+    abstract position: Vector3;
+    abstract rotation: Quaternion;
+    abstract scale: number;
+    abstract hasStoredView: boolean;
+    static get(appObjects: AppObjectRepo): StoredView | undefined;
+}
+export declare function makeStoredView(appObj: AppObject): StoredView;

package/lib/AppObjectComponents/StoredView/Entities/StoredView.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeStoredView = exports.StoredView = void 0;
+const AppObjectEntity_1 = require("../../../AppObject/AppObjectEntity");
+const Entities_1 = require("../../../Entities");
+const ValueObjects_1 = require("../../../ValueObjects");
+class StoredView extends AppObjectEntity_1.AppObjectEntity {
+    static get(appObjects) {
+        const repo = appObjects.getAllComponents(StoredView.type);
+        if (repo.length === 0) {
+            console.warn("[StoredView] Unable to find Scene Root Entity. Add one on Mount");
+            return undefined;
+        }
+        else if (repo.length > 1) {
+            console.warn("[StoredView] Multiple Scene Root Entity have been found. There should only be one. Using the first one");
+        }
+        return repo[0];
+    }
+}
+exports.StoredView = StoredView;
+StoredView.type = "STORED_VIEW";
+function makeStoredView(appObj) {
+    return new StoredViewImp(appObj);
+}
+exports.makeStoredView = makeStoredView;
+class StoredViewImp extends StoredView {
+    constructor(appObject) {
+        super(appObject, StoredView.type);
+        this._position = ValueObjects_1.Vector3.Zero();
+        this._rotation = ValueObjects_1.Quaternion.Identity();
+        this._memoizedScale = new Entities_1.MemoizedNumber(1, this.notifyOnChange);
+        this._memoizedHasStoredView = new Entities_1.MemoizedBoolean(false, this.notifyOnChange);
+    }
+    get position() {
+        return this._position;
+    }
+    set position(p) {
+        if (ValueObjects_1.Vector3.Equal(this._position, p))
+            return;
+        this._position = p;
+        this.notifyOnChange();
+    }
+    get rotation() {
+        return this._rotation;
+    }
+    set rotation(r) {
+        if (ValueObjects_1.Quaternion.Equal(this._rotation, r))
+            return;
+        this._rotation = r;
+        this.notifyOnChange();
+    }
+    get scale() {
+        return this._memoizedScale.val;
+    }
+    set scale(s) {
+        this._memoizedScale.val = s;
+    }
+    get hasStoredView() {
+        return this._memoizedHasStoredView.val;
+    }
+    set hasStoredView(hasStoredValue) {
+        this._memoizedHasStoredView.val = hasStoredValue;
+    }
+}

package/lib/AppObjectComponents/StoredView/UC/SerializeStoredView.d.ts

@@ -0,0 +1,27 @@
+import { AppObject } from "../../../AppObject/AppObject";
+import { AppObjectUC } from "../../../AppObject/AppObjectUC";
+import { SerializedSystem, StateMachine } from "../../../Entities";
+export declare abstract class SerializeStoredView extends AppObjectUC implements SerializedSystem {
+    static readonly type = "SerializeStoredView";
+    name: string;
+    abstract seriliziationVersion: number;
+    abstract getSystemState(): object;
+    abstract applySystemState(state: object, version: number): void;
+    abstract applyDefaultState(transitionDuration: number): void;
+}
+export declare function makeSerializeStoredView(appObject: AppObject, stateMachine: StateMachine): SerializeStoredView;
+export interface StoredViewDataV1 {
+    position: {
+        x: number;
+        y: number;
+        z: number;
+    };
+    rotation: {
+        x: number;
+        y: number;
+        z: number;
+        w: number;
+    };
+    scale: number;
+    hasStoredView: boolean;
+}

package/lib/AppObjectComponents/StoredView/UC/SerializeStoredView.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeSerializeStoredView = exports.SerializeStoredView = void 0;
+const AppObjectUC_1 = require("../../../AppObject/AppObjectUC");
+const ValueObjects_1 = require("../../../ValueObjects");
+const StoredView_1 = require("../Entities/StoredView");
+class SerializeStoredView extends AppObjectUC_1.AppObjectUC {
+    constructor() {
+        super(...arguments);
+        this.name = "storedView";
+    }
+}
+exports.SerializeStoredView = SerializeStoredView;
+SerializeStoredView.type = "SerializeStoredView";
+function makeSerializeStoredView(appObject, stateMachine) {
+    return new SerializeStoredViewImp(appObject, stateMachine);
+}
+exports.makeSerializeStoredView = makeSerializeStoredView;
+class SerializeStoredViewImp extends SerializeStoredView {
+    constructor(appObject, stateMachine) {
+        super(appObject, SerializeStoredView.type);
+        this.seriliziationVersion = 1;
+        this.storedView = appObject.getComponent(StoredView_1.StoredView.type);
+        if (!this.storedView) {
+            console.warn("SerializeStoredView UC has been added to an App Object that does not have a StoredView Entity. Add one before adding the UC");
+            this.dispose();
+            return;
+        }
+        stateMachine.registerSerializedSystem(this);
+    }
+    getSystemState() {
+        if (!this.storedView) {
+            console.warn("[SerializeStoredView] No stored view entity");
+            return {};
+        }
+        const data = {
+            position: this.storedView.position.dto,
+            rotation: this.storedView.rotation.dto,
+            scale: this.storedView.scale,
+            hasStoredView: this.storedView.hasStoredView,
+        };
+        return data;
+    }
+    applySystemState(serializedState, version) {
+        try {
+            if (version === 1) {
+                const castState = serializedState;
+                this.applyV1Data(castState);
+            }
+            else {
+                console.warn(`[SerializeStoredView] Unsupported version number ${version}. Defaulting`);
+                this.applyDefaultState();
+            }
+        }
+        catch (e) {
+            console.warn(`[SerializeStoredView] Caught when deserializing ${e}. Defaulting`);
+            this.applyDefaultState();
+        }
+    }
+    applyDefaultState() {
+        if (!this.storedView) {
+            console.warn("[SerializeStoredView] No stored view entity");
+            return;
+        }
+        this.storedView.position = ValueObjects_1.Vector3.Zero();
+        this.storedView.rotation = ValueObjects_1.Quaternion.Identity();
+        this.storedView.scale = 1;
+        this.storedView.hasStoredView = false;
+    }
+    applyV1Data(data) {
+        if (!this.storedView) {
+            console.warn("[SerializeStoredView] No stored view entity");
+            return;
+        }
+        const pos = ValueObjects_1.Vector3.FromDTO(data.position);
+        const rot = ValueObjects_1.Quaternion.FromDTO(data.rotation);
+        this.storedView.position = pos;
+        this.storedView.rotation = rot;
+        this.storedView.scale = data.scale;
+        this.storedView.hasStoredView = data.hasStoredView;
+    }
+}

package/lib/AppObjectComponents/StoredView/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Entities/StoredView";
+export * from "./UC/SerializeStoredView";