@vived/app 4.2.0 → 4.3.0

package/lib/Entities/Memoized/MemoizedColor.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MemoizedColor = void 0;
+const ValueObjects_1 = require("../../ValueObjects");
+class MemoizedColor {
+    constructor(initialValue, onChangeCallback) {
+        this._val = initialValue;
+        this.onChangeCallback = onChangeCallback;
+    }
+    get val() {
+        return this._val;
+    }
+    set val(v) {
+        if (ValueObjects_1.Color.Equal(v, this._val))
+            return;
+        this._val = v;
+        this.onChangeCallback();
+    }
+    setValQuietly(val) {
+        this._val = val;
+    }
+}
+exports.MemoizedColor = MemoizedColor;

package/lib/Entities/Memoized/MemoizedNumber.d.ts

@@ -0,0 +1,8 @@
+export declare class MemoizedNumber {
+    private _val;
+    get val(): number;
+    set val(b: number);
+    setValQuietly(val: number): void;
+    private onChangeCallback;
+    constructor(initialValue: number, onChangeCallback: () => void);
+}

package/lib/Entities/Memoized/MemoizedNumber.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MemoizedNumber = void 0;
+class MemoizedNumber {
+    constructor(initialValue, onChangeCallback) {
+        this._val = initialValue;
+        this.onChangeCallback = onChangeCallback;
+    }
+    get val() {
+        return this._val;
+    }
+    set val(b) {
+        if (this._val === b)
+            return;
+        this._val = b;
+        this.onChangeCallback();
+    }
+    setValQuietly(val) {
+        this._val = val;
+    }
+}
+exports.MemoizedNumber = MemoizedNumber;

package/lib/Entities/Memoized/MemoizedQuaternion.d.ts

@@ -0,0 +1,9 @@
+import { Quaternion } from "../../ValueObjects";
+export declare class MemoizedQuaternion {
+    private _val;
+    get val(): Quaternion;
+    set val(v: Quaternion);
+    setValQuietly(val: Quaternion): void;
+    private onChangeCallback;
+    constructor(initialValue: Quaternion, onChangeCallback: () => void);
+}

package/lib/Entities/Memoized/MemoizedQuaternion.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MemoizedQuaternion = void 0;
+const ValueObjects_1 = require("../../ValueObjects");
+class MemoizedQuaternion {
+    constructor(initialValue, onChangeCallback) {
+        this._val = initialValue;
+        this.onChangeCallback = onChangeCallback;
+    }
+    get val() {
+        return this._val;
+    }
+    set val(v) {
+        if (ValueObjects_1.Quaternion.Equal(v, this._val))
+            return;
+        this._val = v;
+        this.onChangeCallback();
+    }
+    setValQuietly(val) {
+        this._val = val;
+    }
+}
+exports.MemoizedQuaternion = MemoizedQuaternion;

package/lib/Entities/Memoized/MemoizedString.d.ts

@@ -0,0 +1,8 @@
+export declare class MemoizedString {
+    private _val;
+    get val(): string;
+    set val(b: string);
+    setValQuietly(val: string): void;
+    private onChangeCallback;
+    constructor(initialValue: string, onChangeCallback: () => void);
+}

package/lib/Entities/Memoized/MemoizedString.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MemoizedString = void 0;
+class MemoizedString {
+    constructor(initialValue, onChangeCallback) {
+        this._val = initialValue;
+        this.onChangeCallback = onChangeCallback;
+    }
+    get val() {
+        return this._val;
+    }
+    set val(b) {
+        if (this._val === b)
+            return;
+        this._val = b;
+        this.onChangeCallback();
+    }
+    setValQuietly(val) {
+        this._val = val;
+    }
+}
+exports.MemoizedString = MemoizedString;

package/lib/Entities/Memoized/MemoizedVector2.d.ts

@@ -0,0 +1,9 @@
+import { Vector2 } from "../../ValueObjects";
+export declare class MemoizedVector2 {
+    private _val;
+    get val(): Vector2;
+    set val(v: Vector2);
+    setValQuietly(val: Vector2): void;
+    private onChangeCallback;
+    constructor(initialValue: Vector2, onChangeCallback: () => void);
+}

package/lib/Entities/Memoized/MemoizedVector2.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MemoizedVector2 = void 0;
+const ValueObjects_1 = require("../../ValueObjects");
+class MemoizedVector2 {
+    constructor(initialValue, onChangeCallback) {
+        this._val = initialValue;
+        this.onChangeCallback = onChangeCallback;
+    }
+    get val() {
+        return this._val;
+    }
+    set val(v) {
+        if (ValueObjects_1.Vector2.Equal(v, this._val))
+            return;
+        this._val = v;
+        this.onChangeCallback();
+    }
+    setValQuietly(val) {
+        this._val = val;
+    }
+}
+exports.MemoizedVector2 = MemoizedVector2;

package/lib/Entities/Memoized/MemoizedVector3.d.ts

@@ -0,0 +1,9 @@
+import { Vector3 } from "../../ValueObjects";
+export declare class MemoizedVector3 {
+    private _val;
+    get val(): Vector3;
+    set val(v: Vector3);
+    setValQuietly(val: Vector3): void;
+    private onChangeCallback;
+    constructor(initialValue: Vector3, onChangeCallback: () => void);
+}

package/lib/Entities/Memoized/MemoizedVector3.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MemoizedVector3 = void 0;
+const ValueObjects_1 = require("../../ValueObjects");
+class MemoizedVector3 {
+    constructor(initialValue, onChangeCallback) {
+        this._val = initialValue;
+        this.onChangeCallback = onChangeCallback;
+    }
+    get val() {
+        return this._val;
+    }
+    set val(v) {
+        if (ValueObjects_1.Vector3.Equal(v, this._val))
+            return;
+        this._val = v;
+        this.onChangeCallback();
+    }
+    setValQuietly(val) {
+        this._val = val;
+    }
+}
+exports.MemoizedVector3 = MemoizedVector3;

package/lib/Entities/MeshModel.d.ts

@@ -0,0 +1,68 @@
+import { Quaternion, Vector3 } from "../ValueObjects";
+import { ModelObject } from "./ModelObject";
+import { ObservableEntity } from "./ObservableEntity";
+export interface MeshModelData {
+    version: number;
+    objects: ObjectData[];
+    name: string;
+    description: string;
+    bounds_min: {
+        x: number;
+        y: number;
+        z: number;
+    };
+    bounds_max: {
+        x: number;
+        y: number;
+        z: number;
+    };
+    defaultPosition: {
+        x: number;
+        y: number;
+        z: number;
+    };
+    defaultRotation: {
+        x: number;
+        y: number;
+        z: number;
+        w: number;
+    };
+    defaultScale: number;
+}
+export interface ObjectData {
+    id: string;
+    meshPaths: string[];
+    label: string;
+}
+export declare abstract class MeshModel extends ObservableEntity {
+    abstract readonly objects: ModelObject[];
+    abstract hasObject(id: string): boolean;
+    abstract getObjectById(id: string): ModelObject | undefined;
+    abstract getObjectByPath(path: string): ModelObject | undefined;
+    abstract addObject(object: ModelObject): void;
+    abstract deleteObject(id: string): void;
+    abstract get modelFile(): File | undefined;
+    abstract set modelFile(file: File | undefined);
+    abstract get version(): number;
+    abstract set version(scale: number);
+    abstract get name(): string;
+    abstract set name(name: string);
+    abstract get description(): string;
+    abstract set description(name: string);
+    abstract get image(): Blob | undefined;
+    abstract set image(image: Blob | undefined);
+    abstract get imageURL(): string | undefined;
+    abstract get bounds_min(): Vector3;
+    abstract set bounds_min(position: Vector3);
+    abstract get bounds_max(): Vector3;
+    abstract set bounds_max(position: Vector3);
+    abstract get defaultPosition(): Vector3;
+    abstract set defaultPosition(position: Vector3);
+    abstract get defaultRotation(): Quaternion;
+    abstract set defaultRotation(rotation: Quaternion);
+    abstract get defaultScale(): number;
+    abstract set defaultScale(scale: number);
+    abstract getData(): MeshModelData;
+    abstract setData(data: MeshModelData): void;
+}
+export declare function makeMeshModel(): MeshModel;

package/lib/Entities/MeshModel.js

@@ -0,0 +1,174 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeMeshModel = exports.MeshModel = void 0;
+const ValueObjects_1 = require("../ValueObjects");
+const MemoizedNumber_1 = require("./MemoizedNumber");
+const MemoizedString_1 = require("./MemoizedString");
+const MemoizedVector3_1 = require("./MemoizedVector3");
+const ModelObject_1 = require("./ModelObject");
+const ObservableEntity_1 = require("./ObservableEntity");
+class MeshModel extends ObservableEntity_1.ObservableEntity {
+}
+exports.MeshModel = MeshModel;
+function makeMeshModel() {
+    return new MeshModelImp();
+}
+exports.makeMeshModel = makeMeshModel;
+class MeshModelImp extends MeshModel {
+    constructor() {
+        super(...arguments);
+        this.objects = [];
+        this._modelFile = undefined;
+        this._memoizedVersion = new MemoizedNumber_1.MemoizedNumber(0, this.notify);
+        this._memoizedName = new MemoizedString_1.MemoizedString("", this.notify);
+        this._memoizedDescription = new MemoizedString_1.MemoizedString("", this.notify);
+        this._image = undefined;
+        this._memoizedBoundsMin = new MemoizedVector3_1.MemoizedVector3(ValueObjects_1.Vector3.Zero(), this.notify);
+        this._memoizedBoundsMax = new MemoizedVector3_1.MemoizedVector3(ValueObjects_1.Vector3.Zero(), this.notify);
+        this._memoizedDefaultPosition = new MemoizedVector3_1.MemoizedVector3(ValueObjects_1.Vector3.Zero(), this.notify);
+        this._defaultRotation = ValueObjects_1.Quaternion.Identity();
+        this._memoizedDefaultScale = new MemoizedNumber_1.MemoizedNumber(1, this.notify);
+        this._imageURL = undefined;
+    }
+    hasObject(id) {
+        return !!this.objects.find((obj) => obj.id === id);
+    }
+    getObjectById(id) {
+        return this.objects.find((obj) => obj.id === id);
+    }
+    getObjectByPath(path) {
+        let rVal;
+        this.objects.forEach((obj) => {
+            if (obj.meshPaths.includes(path)) {
+                rVal = obj;
+            }
+        });
+        return rVal;
+    }
+    addObject(object) {
+        object.addObserver(this.notify);
+        this.objects.push(object);
+        this.notify();
+    }
+    deleteObject(id) {
+        this.objects = this.objects.filter((obj) => {
+            if (obj.id === id) {
+                obj.removeObserver(this.notify);
+                return false;
+            }
+            return true;
+        });
+        this.notify();
+    }
+    get modelFile() {
+        return this._modelFile;
+    }
+    set modelFile(file) {
+        this._modelFile = file;
+        this.notify();
+    }
+    get version() {
+        return this._memoizedVersion.val;
+    }
+    set version(version) {
+        this._memoizedVersion.val = version;
+    }
+    get name() {
+        return this._memoizedName.val;
+    }
+    set name(name) {
+        this._memoizedName.val = name;
+    }
+    get description() {
+        return this._memoizedDescription.val;
+    }
+    set description(description) {
+        this._memoizedDescription.val = description;
+    }
+    get image() {
+        return this._image;
+    }
+    set image(image) {
+        if (!this._image && !image)
+            return;
+        if (this._image && image && this._image.size === image.size)
+            return;
+        this._image = image;
+        if (image === undefined) {
+            this._imageURL = undefined;
+        }
+        else {
+            this._imageURL = URL.createObjectURL(image);
+        }
+        this.notify();
+    }
+    get imageURL() {
+        return this._imageURL;
+    }
+    get bounds_min() {
+        return this._memoizedBoundsMin.val;
+    }
+    set bounds_min(bounds_min) {
+        this._memoizedBoundsMin.val = bounds_min;
+    }
+    get bounds_max() {
+        return this._memoizedBoundsMax.val;
+    }
+    set bounds_max(bounds_max) {
+        this._memoizedBoundsMax.val = bounds_max;
+    }
+    get defaultPosition() {
+        return this._memoizedDefaultPosition.val;
+    }
+    set defaultPosition(position) {
+        this._memoizedDefaultPosition.val = position;
+    }
+    get defaultRotation() {
+        return this._defaultRotation;
+    }
+    set defaultRotation(rotation) {
+        if (ValueObjects_1.Quaternion.Equal(this._defaultRotation, rotation))
+            return;
+        this._defaultRotation = rotation;
+        this.notify();
+    }
+    get defaultScale() {
+        return this._memoizedDefaultScale.val;
+    }
+    set defaultScale(scale) {
+        this._memoizedDefaultScale.val = scale;
+    }
+    getData() {
+        return {
+            version: this.version,
+            objects: this.objects.map((obj) => ({
+                id: obj.id,
+                label: obj.label,
+                meshPaths: [...obj.meshPaths],
+            })),
+            name: this.name,
+            description: this.description,
+            bounds_min: this.bounds_min,
+            bounds_max: this.bounds_max,
+            defaultPosition: this.defaultPosition,
+            defaultRotation: this.defaultRotation,
+            defaultScale: this.defaultScale,
+        };
+    }
+    setData(data) {
+        this.version = data.version;
+        data.objects.forEach((obj) => {
+            const modelObject = ModelObject_1.makeModelObject(obj.id);
+            modelObject.label = obj.label;
+            obj.meshPaths.forEach((path) => modelObject.addMeshPath(path));
+            this.addObject(modelObject);
+        });
+        this.name = data.name;
+        this.description = data.description;
+        this.bounds_min = data.bounds_min;
+        this.bounds_max = data.bounds_max;
+        this.defaultPosition = data.defaultPosition;
+        this.defaultRotation = data.defaultRotation;
+        this.defaultScale = data.defaultScale;
+    }
+}

package/lib/Entities/ModelObject.d.ts

@@ -0,0 +1,10 @@
+import { ObservableEntity } from "./ObservableEntity";
+export declare abstract class ModelObject extends ObservableEntity {
+    abstract readonly id: string;
+    abstract get label(): string;
+    abstract set label(label: string);
+    abstract get meshPaths(): string[];
+    abstract addMeshPath(path: string): void;
+    abstract removeMeshPath(path: string): void;
+}
+export declare function makeModelObject(id: string): ModelObject;

package/lib/Entities/ModelObject.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeModelObject = exports.ModelObject = void 0;
+const MemoizedString_1 = require("./MemoizedString");
+const ObservableEntity_1 = require("./ObservableEntity");
+class ModelObject extends ObservableEntity_1.ObservableEntity {
+}
+exports.ModelObject = ModelObject;
+function makeModelObject(id) {
+    return new ModelObjectImp(id);
+}
+exports.makeModelObject = makeModelObject;
+class ModelObjectImp extends ModelObject {
+    constructor(id) {
+        super();
+        this.memoizedLabel = new MemoizedString_1.MemoizedString("", this.notify);
+        this._meshPaths = new Set([]);
+        this.id = id;
+    }
+    get label() {
+        return this.memoizedLabel.val;
+    }
+    set label(label) {
+        this.memoizedLabel.val = label;
+    }
+    get meshPaths() {
+        return Array.from(this._meshPaths);
+    }
+    addMeshPath(path) {
+        if (this._meshPaths.has(path)) {
+            return;
+        }
+        this._meshPaths.add(path);
+        this.notify();
+    }
+    removeMeshPath(path) {
+        if (this._meshPaths.has(path)) {
+            this._meshPaths.delete(path);
+            this.notify();
+        }
+    }
+}

package/lib/Entities/MouseInput.d.ts

@@ -0,0 +1,21 @@
+import { Vector2 } from "../ValueObjects";
+export interface MouseInputEvent {
+    position: Vector2;
+    button: number;
+    event: MouseEvent;
+}
+export interface MouseController {
+    onClick?: (e: MouseInputEvent) => void;
+    onDown?: (e: MouseInputEvent) => void;
+    onUp?: (e: MouseInputEvent) => void;
+    onMove?: (e: MouseInputEvent) => void;
+    onWheel?: (e: MouseInputEvent) => void;
+}
+export interface MouseInput {
+    eventElement: HTMLElement | undefined;
+    setEventElement: (eventElement: HTMLElement) => void;
+    clearInputElement: () => void;
+    registerController: (controller: MouseController) => void;
+    removeController: (controller: MouseController) => void;
+}
+export declare function makeMouseInput(): MouseInput;

package/lib/Entities/MouseInput.js

@@ -0,0 +1,127 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeMouseInput = void 0;
+const ValueObjects_1 = require("../ValueObjects");
+function makeMouseInput() {
+    return new MouseInputImp();
+}
+exports.makeMouseInput = makeMouseInput;
+class MouseInputImp {
+    constructor() {
+        this.controllers = [];
+        this.maxClickMovement = 5; // pixels
+        this.isPressed = false;
+        this._eventElement = undefined;
+        this.setEventElement = (eventElement) => {
+            if (this._eventElement)
+                this.clearInputElement();
+            eventElement.addEventListener("mousedown", this.onMouseDown, false);
+            eventElement.addEventListener("mouseup", this.onMouseUp, false);
+            eventElement.addEventListener("mousemove", this.onMouseMove, false);
+            eventElement.addEventListener("mouseout", this.onMouseOut, false);
+            eventElement.addEventListener("wheel", this.onWheel, false);
+            this._eventElement = eventElement;
+        };
+        this.clearInputElement = () => {
+            if (!this._eventElement)
+                return;
+            this._eventElement.removeEventListener("mousedown", this.onMouseDown);
+            this._eventElement.removeEventListener("mouseup", this.onMouseUp);
+            this._eventElement.removeEventListener("mousemove", this.onMouseMove);
+            this._eventElement.removeEventListener("mouseout", this.onMouseOut);
+            this._eventElement.removeEventListener("wheel", this.onWheel);
+            this._eventElement = undefined;
+        };
+        this.registerController = (controller) => {
+            this.controllers.push(controller);
+        };
+        this.removeController = (controller) => {
+            const index = this.controllers.indexOf(controller);
+            if (index >= 0) {
+                this.controllers.splice(index, 1);
+            }
+        };
+        this.onMouseDown = (e) => {
+            const inputEvt = this.makeMouseInputEvent(e);
+            this.controllers.forEach((c) => {
+                if (c.onDown) {
+                    c.onDown(inputEvt);
+                }
+            });
+            this.isPressed = true;
+            this.pressEvent = e;
+        };
+        this.onMouseUp = (e) => {
+            const inputEvt = this.makeMouseInputEvent(e);
+            this.controllers.forEach((c) => {
+                if (c.onUp) {
+                    c.onUp(inputEvt);
+                }
+            });
+            this.isPressed = false;
+            if (!this.pressEvent)
+                return;
+            const deltaX = this.pressEvent.screenX - e.screenX;
+            const deltaY = this.pressEvent.screenY - e.screenY;
+            const delta = new ValueObjects_1.Vector2(deltaX, deltaY);
+            if (delta.magnitued < this.maxClickMovement) {
+                this.controllers.forEach((c) => {
+                    if (c.onClick) {
+                        c.onClick(inputEvt);
+                    }
+                });
+            }
+            this.pressEvent = undefined;
+        };
+        this.onMouseMove = (e) => {
+            const inputEvt = this.makeMouseInputEvent(e);
+            this.controllers.forEach((c) => {
+                if (c.onMove) {
+                    c.onMove(inputEvt);
+                }
+            });
+            if (!this.pressEvent)
+                return;
+            const deltaX = this.pressEvent.screenX - e.screenX;
+            const deltaY = this.pressEvent.screenY - e.screenY;
+            const delta = new ValueObjects_1.Vector2(deltaX, deltaY);
+            if (delta.magnitued > this.maxClickMovement) {
+                this.pressEvent = undefined;
+            }
+        };
+        this.onMouseOut = (e) => {
+            if (!this.isPressed)
+                return;
+            const inputEvt = this.makeMouseInputEvent(e);
+            this.controllers.forEach((c) => {
+                if (c.onUp) {
+                    c.onUp(inputEvt);
+                }
+            });
+            this.pressEvent = undefined;
+            this.isPressed = false;
+        };
+        this.onWheel = (e) => {
+            e.preventDefault();
+            const inputEvt = this.makeMouseInputEvent(e);
+            this.controllers.forEach((c) => {
+                if (c.onWheel) {
+                    c.onWheel(inputEvt);
+                }
+            });
+        };
+    }
+    get eventElement() {
+        return this._eventElement;
+    }
+    makeMouseInputEvent(event) {
+        const px = event.offsetX;
+        const py = event.offsetY;
+        const button = event.button;
+        return {
+            position: new ValueObjects_1.Vector2(px, py),
+            button,
+            event,
+        };
+    }
+}

package/lib/Entities/ObservableEntityRepo.d.ts

@@ -0,0 +1,20 @@
+import { ObservableEntity } from "./ObservableEntity";
+export declare class ObservableEntityRepo<T extends ObservableEntity> extends ObservableEntity {
+    private entityLookup;
+    private onEntityAddedObservers;
+    addEntityAddedObserver: (observer: (addedEntity: T) => void) => void;
+    removeEntityAddedObserver: (observer: (addedEntity: T) => void) => void;
+    private onEntityRemovedObservers;
+    addEntityRemovedObserver: (observer: (removedEntity: T) => void) => void;
+    removeEntityRemovedObserver: (observer: (removedEntity: T) => void) => void;
+    has: (id: string) => boolean;
+    add: (id: string, entity: T) => void;
+    remove: (id: string) => void;
+    clear: () => void;
+    get: (id: string) => T | undefined;
+    getAll: () => T[];
+    set: (entities: {
+        id: string;
+        entity: T;
+    }[]) => void;
+}