@vived/app 3.8.0 → 3.9.1

package/lib/AppObjectComponents/MouseInput/Entities/MouseInput.js

@@ -0,0 +1,196 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeMouseInput = exports.MouseInputEntity = void 0;
+const AppObjectEntity_1 = require("../../../AppObject/AppObjectEntity");
+const ValueObjects_1 = require("../../../ValueObjects");
+class MouseInputEntity extends AppObjectEntity_1.AppObjectEntity {
+    static get(appObjects) {
+        const components = appObjects.getAllComponents(MouseInputEntity.type);
+        if (components.length === 0) {
+            console.warn(`Unable to find component ${MouseInputEntity.type}. Add one on Mount`);
+            return undefined;
+        }
+        else if (components.length > 1) {
+            console.warn(`Multiple ${MouseInputEntity.type} found. There should only be one. Using the first one`);
+        }
+        return components[0];
+    }
+}
+exports.MouseInputEntity = MouseInputEntity;
+MouseInputEntity.type = "MouseInputEntity";
+function makeMouseInput(appObject) {
+    return new MouseInputEntityImp(appObject);
+}
+exports.makeMouseInput = makeMouseInput;
+class MouseInputEntityImp extends MouseInputEntity {
+    constructor(appObject) {
+        super(appObject, MouseInputEntity.type);
+        this.controllers = [];
+        this.maxClickMovement = 5; // pixels
+        this.isPressed = false;
+        this.initialClickTime = 0;
+        this.initialClickPos = ValueObjects_1.Vector2.Zero();
+        this.clickCount = 0;
+        this.maxDoubleClickTimeMS = 300;
+        this.maxDoubleClickDistancePx = 5;
+        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;
+            if (this.clickCount === 0)
+                return;
+            const movement = ValueObjects_1.Vector2.Subtract(this.initialClickPos, inputEvt.position)
+                .magnitued;
+            const passedTime = Date.now() - this.initialClickTime;
+            if (passedTime > this.maxDoubleClickTimeMS ||
+                movement > this.maxDoubleClickDistancePx) {
+                this.clickCount = 0;
+            }
+        };
+        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.clickCount += 1;
+            }
+            else {
+                this.cancelDoubleClick();
+                return;
+            }
+            if (this.clickCount === 1) {
+                this.initialClickTime = Date.now();
+                this.initialClickPos = new ValueObjects_1.Vector2(this.pressEvent.screenX, this.pressEvent.screenY);
+            }
+            else if (this.clickCount === 2) {
+                const currentPos = new ValueObjects_1.Vector2(this.pressEvent.screenX, this.pressEvent.screenY);
+                let movement = ValueObjects_1.Vector2.Subtract(this.initialClickPos, currentPos)
+                    .magnitued;
+                if (movement === NaN)
+                    movement = 0;
+                const passedTime = Date.now() - this.initialClickTime;
+                if (passedTime <= this.maxDoubleClickTimeMS &&
+                    movement <= this.maxDoubleClickDistancePx) {
+                    this.controllers.forEach((c) => {
+                        if (c.onDoubleClick) {
+                            c.onDoubleClick(inputEvt);
+                        }
+                    });
+                    this.cancelDoubleClick();
+                }
+            }
+            this.pressEvent = undefined;
+        };
+        this.cancelDoubleClick = () => {
+            this.initialClickPos = ValueObjects_1.Vector2.Zero();
+            this.initialClickTime = 0;
+            this.clickCount = 0;
+        };
+        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) => {
+            this.cancelDoubleClick();
+            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 px = e.offsetX;
+            const py = e.offsetY;
+            const button = e.button;
+            const inputEvt = {
+                position: new ValueObjects_1.Vector2(px, py),
+                event: 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/AppObjectComponents/MouseInput/Mocks/MockMouseInput.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="jest" />
+import { AppObject } from "../../../AppObject/AppObject";
+import { MouseInputEntity } from "../Entities/MouseInput";
+export declare class MockMouseInput extends MouseInputEntity {
+    get eventElement(): HTMLElement | undefined;
+    setEventElement: jest.Mock<any, any>;
+    clearInputElement: jest.Mock<any, any>;
+    registerController: jest.Mock<any, any>;
+    removeController: jest.Mock<any, any>;
+    isKeyPressed: jest.Mock<any, any>;
+    constructor(appObject: AppObject);
+}

package/lib/AppObjectComponents/MouseInput/Mocks/MockMouseInput.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MockMouseInput = void 0;
+const MouseInput_1 = require("../Entities/MouseInput");
+class MockMouseInput extends MouseInput_1.MouseInputEntity {
+    constructor(appObject) {
+        super(appObject, MouseInput_1.MouseInputEntity.type);
+        this.setEventElement = jest.fn();
+        this.clearInputElement = jest.fn();
+        this.registerController = jest.fn();
+        this.removeController = jest.fn();
+        this.isKeyPressed = jest.fn();
+    }
+    get eventElement() {
+        throw new Error("Method not implemented.");
+    }
+}
+exports.MockMouseInput = MockMouseInput;

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

@@ -0,0 +1 @@
+export * from "./Entities/MouseInput";

package/lib/{UseCases/SceneObjects → AppObjectComponents/MouseInput}/index.js

@@ -10,4 +10,4 @@ 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("./PeelSceneObject"), exports);
+__exportStar(require("./Entities/MouseInput"), exports);

package/lib/AppObjectComponents/Question/Controllers/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./setAnswerFeedback";
+export * from "./setAnswerText";
+export * from "./submitQuestionAnswer";
+export * from "./toggleAnswerIsCorrect";

package/lib/{UseCases/SceneModel → AppObjectComponents/Question/Controllers}/index.js

@@ -10,8 +10,7 @@ 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("./modelDataLoader"), exports);
-__exportStar(require("./loadNewModel"), exports);
-__exportStar(require("./SerializeActiveModel"), exports);
-__exportStar(require("./SetMeshesEnabledHook"), exports);
-__exportStar(require("./SetSceneModelMeshOverlayColor"), exports);
+__exportStar(require("./setAnswerFeedback"), exports);
+__exportStar(require("./setAnswerText"), exports);
+__exportStar(require("./submitQuestionAnswer"), exports);
+__exportStar(require("./toggleAnswerIsCorrect"), exports);

package/lib/AppObjectComponents/Question/Controllers/setAnswerFeedback.d.ts

@@ -0,0 +1,2 @@
+import { AppObjectRepo } from "../../../AppObject/AppObjectRepo";
+export declare function setAnswerFeedback(answerID: string, feedback: string, appObjects: AppObjectRepo): void;

package/lib/AppObjectComponents/Question/Controllers/setAnswerFeedback.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setAnswerFeedback = void 0;
+const App_1 = require("../../App");
+const QuestionEntity_1 = require("../Entities/QuestionEntity");
+const SetAnswerFeedbackUC_1 = require("../UseCases/SetAnswerFeedbackUC");
+function setAnswerFeedback(answerID, feedback, appObjects) {
+    const questionEntity = QuestionEntity_1.QuestionEntity.get(appObjects);
+    if (!questionEntity) {
+        App_1.submitWarning("setAnswerFeedback", "Can't find QuestionEntity", appObjects);
+        return;
+    }
+    const answer = questionEntity.getAnswer(answerID);
+    if (!answer) {
+        App_1.submitWarning("setAnswerFeedback", "Can't find Answer by ID", appObjects);
+        return;
+    }
+    const uc = answer.appObject.getComponent(SetAnswerFeedbackUC_1.SetAnswerFeedbackUC.type);
+    if (!uc) {
+        App_1.submitWarning("setAnswerFeedback", "Can't find SetAnswerFeedbackUC on Answer", appObjects);
+        return;
+    }
+    uc.setFeedback(feedback);
+}
+exports.setAnswerFeedback = setAnswerFeedback;

package/lib/AppObjectComponents/Question/Controllers/setAnswerText.d.ts

@@ -0,0 +1,2 @@
+import { AppObjectRepo } from "../../../AppObject/AppObjectRepo";
+export declare function setAnswerText(answerID: string, text: string, appObjects: AppObjectRepo): void;

package/lib/AppObjectComponents/Question/Controllers/setAnswerText.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setAnswerText = void 0;
+const App_1 = require("../../App");
+const QuestionEntity_1 = require("../Entities/QuestionEntity");
+const SetAnswerTextUC_1 = require("../UseCases/SetAnswerTextUC");
+function setAnswerText(answerID, text, appObjects) {
+    const questionEntity = QuestionEntity_1.QuestionEntity.get(appObjects);
+    if (!questionEntity) {
+        App_1.submitWarning("setAnswerText", "Can't find QuestionEntity", appObjects);
+        return;
+    }
+    const answer = questionEntity.getAnswer(answerID);
+    if (!answer) {
+        App_1.submitWarning("setAnswerText", "Can't find Answer by ID", appObjects);
+        return;
+    }
+    const uc = answer.appObject.getComponent(SetAnswerTextUC_1.SetAnswerTextUC.type);
+    if (!uc) {
+        App_1.submitWarning("setAnswerText", "Can't find SetAnswerTextUC on Answer", appObjects);
+        return;
+    }
+    uc.setText(text);
+}
+exports.setAnswerText = setAnswerText;

package/lib/AppObjectComponents/Question/Controllers/submitQuestionAnswer.d.ts

@@ -0,0 +1,2 @@
+import { AppObjectRepo } from "../../../AppObject/AppObjectRepo";
+export declare function submitQuestionAnswer(answerID: string, appObjects: AppObjectRepo): void;

package/lib/AppObjectComponents/Question/Controllers/submitQuestionAnswer.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.submitQuestionAnswer = void 0;
+const App_1 = require("../../App");
+const UseCases_1 = require("../UseCases");
+function submitQuestionAnswer(answerID, appObjects) {
+    const submitUC = UseCases_1.SubmitQuestionAnswerUC.get(appObjects);
+    if (!submitUC) {
+        App_1.submitWarning("submitQuestionAnswer", "Can't find SubmitQuestionAnswerUC", appObjects);
+        return;
+    }
+    submitUC.submitAnswer(answerID);
+}
+exports.submitQuestionAnswer = submitQuestionAnswer;

package/lib/AppObjectComponents/Question/Controllers/toggleAnswerIsCorrect.d.ts

@@ -0,0 +1,2 @@
+import { AppObjectRepo } from "../../../AppObject/AppObjectRepo";
+export declare function toggleAnswerIsCorrect(answerID: string, appObjects: AppObjectRepo): void;

package/lib/AppObjectComponents/Question/Controllers/toggleAnswerIsCorrect.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toggleAnswerIsCorrect = void 0;
+const App_1 = require("../../App");
+const QuestionEntity_1 = require("../Entities/QuestionEntity");
+const ToggleQuestionAnswerIsCorrect_1 = require("../UseCases/ToggleQuestionAnswerIsCorrect");
+function toggleAnswerIsCorrect(answerID, appObjects) {
+    const questionEntity = QuestionEntity_1.QuestionEntity.get(appObjects);
+    if (!questionEntity) {
+        App_1.submitWarning("toggleAnswerIsCorrect", "Can't find QuestionEntity", appObjects);
+        return;
+    }
+    const answer = questionEntity.getAnswer(answerID);
+    if (!answer) {
+        App_1.submitWarning("toggleAnswerIsCorrect", "Can't find Answer by ID", appObjects);
+        return;
+    }
+    const uc = answer.appObject.getComponent(ToggleQuestionAnswerIsCorrect_1.ToggleQuesionChallengeAnswerIsCorrectUC.type);
+    if (!uc) {
+        App_1.submitWarning("toggleAnswerIsCorrect", "Can't find ToggleQuesionChallengeAnswerIsCorrectUC on Answer", appObjects);
+        return;
+    }
+    uc.toggleIsCorrect();
+}
+exports.toggleAnswerIsCorrect = toggleAnswerIsCorrect;

package/lib/AppObjectComponents/Question/Entities/QuestionAnswerEntity.d.ts

@@ -0,0 +1,36 @@
+import { AppObject } from "../../../AppObject/AppObject";
+import { AppObjectEntity } from "../../../AppObject/AppObjectEntity";
+export declare const EMPTY_TEXT_VALIDATION_MESSAGE = "Question answer text cannot be empty";
+export declare const MAX_QUESTION_LENGTH = 40;
+export declare const LONG_TEXT_VALIDATION_MESSAGE: string;
+export declare const MAX_FEEDBACK_LENGTH = 200;
+export declare const LONG_FEEDBACK_VALIDATION_MESSAGE: string;
+export declare abstract class QuestionAnswerEntity extends AppObjectEntity {
+    static readonly type = "QuestionAnswerEntity";
+    abstract readonly id: string;
+    abstract text: string;
+    abstract get textValidationMessage(): string | undefined;
+    abstract isCorrect: boolean;
+    abstract feedbackText: string;
+    abstract get feedbackValidationMessage(): string | undefined;
+}
+export declare function makeQuestionAnswerEntity(appObject: AppObject): QuestionAnswerEntityImp;
+declare class QuestionAnswerEntityImp extends QuestionAnswerEntity {
+    get id(): string;
+    private memoizedText;
+    get text(): string;
+    set text(val: string);
+    get textValidationMessage(): string | undefined;
+    private memoizedFeedback;
+    get feedbackText(): string;
+    set feedbackText(val: string);
+    get feedbackValidationMessage(): string | undefined;
+    private memoizedIsCorrect;
+    get isCorrect(): boolean;
+    set isCorrect(val: boolean);
+    private memoizedShowFeedback;
+    get showFeedback(): boolean;
+    set showFeedback(val: boolean);
+    constructor(appObject: AppObject);
+}
+export {};

package/lib/AppObjectComponents/Question/Entities/QuestionAnswerEntity.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeQuestionAnswerEntity = exports.QuestionAnswerEntity = exports.LONG_FEEDBACK_VALIDATION_MESSAGE = exports.MAX_FEEDBACK_LENGTH = exports.LONG_TEXT_VALIDATION_MESSAGE = exports.MAX_QUESTION_LENGTH = exports.EMPTY_TEXT_VALIDATION_MESSAGE = void 0;
+const AppObjectEntity_1 = require("../../../AppObject/AppObjectEntity");
+const Entities_1 = require("../../../Entities");
+exports.EMPTY_TEXT_VALIDATION_MESSAGE = "Question answer text cannot be empty";
+exports.MAX_QUESTION_LENGTH = 40;
+exports.LONG_TEXT_VALIDATION_MESSAGE = `Question answer text is limited to ${exports.MAX_QUESTION_LENGTH} characters`;
+exports.MAX_FEEDBACK_LENGTH = 200;
+exports.LONG_FEEDBACK_VALIDATION_MESSAGE = `Feedback text is limited to ${exports.MAX_FEEDBACK_LENGTH} characters`;
+class QuestionAnswerEntity extends AppObjectEntity_1.AppObjectEntity {
+}
+exports.QuestionAnswerEntity = QuestionAnswerEntity;
+QuestionAnswerEntity.type = "QuestionAnswerEntity";
+function makeQuestionAnswerEntity(appObject) {
+    return new QuestionAnswerEntityImp(appObject);
+}
+exports.makeQuestionAnswerEntity = makeQuestionAnswerEntity;
+class QuestionAnswerEntityImp extends QuestionAnswerEntity {
+    constructor(appObject) {
+        super(appObject, QuestionAnswerEntity.type);
+        this.memoizedText = new Entities_1.MemoizedString("", this.notifyOnChange);
+        this.memoizedFeedback = new Entities_1.MemoizedString("", this.notifyOnChange);
+        this.memoizedIsCorrect = new Entities_1.MemoizedBoolean(false, this.notifyOnChange);
+        this.memoizedShowFeedback = new Entities_1.MemoizedBoolean(false, this.notifyOnChange);
+    }
+    get id() {
+        return this.appObject.id;
+    }
+    get text() {
+        return this.memoizedText.val;
+    }
+    set text(val) {
+        this.memoizedText.val = val;
+    }
+    get textValidationMessage() {
+        if (this.text.length === 0) {
+            return exports.EMPTY_TEXT_VALIDATION_MESSAGE;
+        }
+        else if (this.text.length > exports.MAX_QUESTION_LENGTH) {
+            return exports.LONG_TEXT_VALIDATION_MESSAGE;
+        }
+        else {
+            return;
+        }
+    }
+    get feedbackText() {
+        return this.memoizedFeedback.val;
+    }
+    set feedbackText(val) {
+        this.memoizedFeedback.val = val;
+    }
+    get feedbackValidationMessage() {
+        if (this.feedbackText.length > exports.MAX_FEEDBACK_LENGTH) {
+            return exports.LONG_FEEDBACK_VALIDATION_MESSAGE;
+        }
+        else {
+            return undefined;
+        }
+    }
+    get isCorrect() {
+        return this.memoizedIsCorrect.val;
+    }
+    set isCorrect(val) {
+        this.memoizedIsCorrect.val = val;
+    }
+    get showFeedback() {
+        return this.memoizedShowFeedback.val;
+    }
+    set showFeedback(val) {
+        this.memoizedShowFeedback.val = val;
+    }
+}

package/lib/AppObjectComponents/Question/Entities/QuestionEntity.d.ts

@@ -0,0 +1,24 @@
+import { AppObject } from "../../../AppObject/AppObject";
+import { AppObjectEntity } from "../../../AppObject/AppObjectEntity";
+import { AppObjectRepo } from "../../../AppObject/AppObjectRepo";
+import { QuestionAnswerEntity } from "./QuestionAnswerEntity";
+export declare const VALIDATION_NO_CORRECT = "At least one answer must be marked as correct";
+export declare const VALIDATION_NOT_ENOUGH_ANSWERS = "Question must have at least two answers";
+export declare abstract class QuestionEntity extends AppObjectEntity {
+    static readonly type = "QuestionEntity";
+    abstract get gotItRight(): boolean;
+    abstract get reviewFeedback(): string;
+    abstract addAnswer: (answer: QuestionAnswerEntity) => void;
+    abstract removeAnswer: (id: string) => void;
+    abstract getAnswer: (id: string) => QuestionAnswerEntity | undefined;
+    abstract getAllAnswers: () => QuestionAnswerEntity[];
+    abstract hasAnswer: (id: string) => boolean;
+    abstract createNewAnswer: () => QuestionAnswerEntity;
+    abstract removeAllAnswers: () => void;
+    abstract reset: () => void;
+    abstract submitAnswer: (id: string) => void;
+    abstract setDefaultState: () => void;
+    abstract get validationMessage(): string | undefined;
+    static get(appObjects: AppObjectRepo): QuestionEntity | undefined;
+}
+export declare function makeQuestionEntity(appObject: AppObject): QuestionEntity;

package/lib/AppObjectComponents/Question/Entities/QuestionEntity.js

@@ -0,0 +1,122 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeQuestionEntity = exports.QuestionEntity = exports.VALIDATION_NOT_ENOUGH_ANSWERS = exports.VALIDATION_NO_CORRECT = void 0;
+const AppObjectEntity_1 = require("../../../AppObject/AppObjectEntity");
+const generateUniqueID_1 = require("../../../Utilities/generateUniqueID");
+const App_1 = require("../../App");
+const QuestionAnswerEntity_1 = require("./QuestionAnswerEntity");
+exports.VALIDATION_NO_CORRECT = "At least one answer must be marked as correct";
+exports.VALIDATION_NOT_ENOUGH_ANSWERS = "Question must have at least two answers";
+class QuestionEntity extends AppObjectEntity_1.AppObjectEntity {
+    static get(appObjects) {
+        const components = appObjects.getAllComponents(QuestionEntity.type);
+        if (components.length === 0) {
+            App_1.submitWarning("QuestionEntity", `Unable to find component ${QuestionEntity.type}. Add one on Mount`, appObjects);
+            return undefined;
+        }
+        else if (components.length > 1) {
+            App_1.submitWarning("QuestionEntity", `Multiple ${QuestionEntity.type} found. There should only be one. Using the first one`, appObjects);
+        }
+        return components[0];
+    }
+}
+exports.QuestionEntity = QuestionEntity;
+QuestionEntity.type = "QuestionEntity";
+function makeQuestionEntity(appObject) {
+    return new QuestionChallengeImp(appObject);
+}
+exports.makeQuestionEntity = makeQuestionEntity;
+class QuestionChallengeImp extends QuestionEntity {
+    constructor(appObject) {
+        super(appObject, QuestionEntity.type);
+        this.answerLookup = new Map();
+        this._gotItRight = false;
+        this._reviewFeedback = "";
+        this.addAnswer = (answer) => {
+            if (this.answerLookup.has(answer.id)) {
+                App_1.submitWarning("QuestionChallengeImp", `Answer with ID ${answer.id} already exists. Overwriting`, this.appObject.appObjectRepo);
+            }
+            this.answerLookup.set(answer.id, answer);
+            this.reset();
+        };
+        this.removeAnswer = (id) => {
+            const ans = this.answerLookup.get(id);
+            if (!ans)
+                return;
+            this.answerLookup.delete(id);
+            ans.appObject.dispose();
+            this.reset();
+        };
+        this.getAnswer = (id) => {
+            return this.answerLookup.get(id);
+        };
+        this.getAllAnswers = () => {
+            return Array.from(this.answerLookup.values());
+        };
+        this.hasAnswer = (id) => {
+            return this.answerLookup.has(id);
+        };
+        this.reset = () => {
+            this._gotItRight = false;
+            this._reviewFeedback = "";
+            this.notifyOnChange();
+        };
+        this.submitAnswer = (id) => {
+            const ans = this.getAnswer(id);
+            if (!ans) {
+                App_1.submitWarning("QuestionChallengeImp", `Unable to find answer by ID:  ${id}`, this.appObject.appObjectRepo);
+                return;
+            }
+            this._gotItRight = ans.isCorrect;
+            if (ans.feedbackText) {
+                this._reviewFeedback = ans.feedbackText;
+            }
+            else {
+                this._reviewFeedback = ans.isCorrect ? "Correct" : "Incorrect";
+            }
+            this.notifyOnChange();
+        };
+        this.createNewAnswer = () => {
+            const id = generateUniqueID_1.generateUniqueID();
+            const appObj = this.appObject.appObjectRepo.getOrCreate(id);
+            const answer = QuestionAnswerEntity_1.makeQuestionAnswerEntity(appObj);
+            this.addAnswer(answer);
+            return answer;
+        };
+        this.removeAllAnswers = () => {
+            const allAnswers = Array.from(this.answerLookup.keys());
+            allAnswers.forEach((id) => this.removeAnswer(id));
+            this.reset();
+        };
+        this.setDefaultState = () => {
+            this.removeAllAnswers();
+            const trueAnswer = this.createNewAnswer();
+            trueAnswer.isCorrect = true;
+            trueAnswer.text = "True";
+            const falseAnswer = this.createNewAnswer();
+            falseAnswer.text = "False";
+            this.reset();
+        };
+    }
+    get gotItRight() {
+        return this._gotItRight;
+    }
+    get reviewFeedback() {
+        return this._reviewFeedback;
+    }
+    get validationMessage() {
+        if (this.answerLookup.size < 2) {
+            return exports.VALIDATION_NOT_ENOUGH_ANSWERS;
+        }
+        let hasCorrect = false;
+        this.answerLookup.forEach((ans) => {
+            if (ans.isCorrect) {
+                hasCorrect = true;
+            }
+        });
+        if (!hasCorrect) {
+            return exports.VALIDATION_NO_CORRECT;
+        }
+        return undefined;
+    }
+}

package/lib/AppObjectComponents/Question/Entities/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./QuestionAnswerEntity";
+export * from "./QuestionEntity";

package/lib/{UseCases/FocusCamera → AppObjectComponents/Question/Entities}/index.js

@@ -10,10 +10,5 @@ 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("./PixelPlanePanFocusCamera"), exports);
-__exportStar(require("./LerpFocusCamera"), exports);
-__exportStar(require("./SerializeFocusCamera"), exports);
-__exportStar(require("./PixelDollyFocusCamera"), exports);
-__exportStar(require("./BumpDollyFocusCamera"), exports);
-__exportStar(require("./PinchDollyFocusCamera"), exports);
-__exportStar(require("./PixelOrbitFocusCamera"), exports);
+__exportStar(require("./QuestionAnswerEntity"), exports);
+__exportStar(require("./QuestionEntity"), exports);

package/lib/AppObjectComponents/Question/Factories/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./setupQuestionAnswer";
+export * from "./setupQuestionChallenge";