@vived/app 3.9.1 → 4.0.0

package/lib/AppObject/AppObjectComponent.d.ts

@@ -1,6 +1,12 @@
 import { AppObject } from "./AppObject";
-export interface AppObjectComponent {
+import { AppObjectRepo } from "./AppObjectRepo";
+export declare class AppObjectComponent {
     readonly type: string;
     readonly appObject: AppObject;
-    dispose: () => void;
+    get appObjects(): AppObjectRepo;
+    dispose(): void;
+    log(message: string): void;
+    warn(message: string): void;
+    error(message: string): void;
+    constructor(appObject: AppObject, type: string);
 }

package/lib/AppObject/AppObjectComponent.js

@@ -1,2 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppObjectComponent = void 0;
+class AppObjectComponent {
+    constructor(appObject, type) {
+        this.appObject = appObject;
+        this.type = type;
+        appObject.addComponent(this);
+    }
+    get appObjects() {
+        return this.appObject.appObjectRepo;
+    }
+    dispose() {
+        if (this.appObject.getComponent(this.type) === this) {
+            this.appObject.removeComponent(this.type);
+        }
+    }
+    log(message) {
+        this.appObjects.submitLog(`${this.appObject.id}/${this.type}`, message);
+    }
+    warn(message) {
+        this.appObjects.submitWarning(`${this.appObject.id}/${this.type}`, message);
+    }
+    error(message) {
+        this.appObjects.submitError(`${this.appObject.id}/${this.type}`, message);
+    }
+}
+exports.AppObjectComponent = AppObjectComponent;

package/lib/AppObject/AppObjectController.d.ts

@@ -1,8 +1,3 @@
-import { AppObject } from "./AppObject";
 import { AppObjectComponent } from "./AppObjectComponent";
-export declare class AppObjectController implements AppObjectComponent {
-    readonly type: string;
-    readonly appObject: AppObject;
-    dispose(): void;
-    constructor(appObject: AppObject, type: string);
+export declare class AppObjectController extends AppObjectComponent {
 }

package/lib/AppObject/AppObjectController.js

@@ -1,17 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AppObjectController = void 0;
-class AppObjectController {
-    constructor(appObject, type) {
-        this.appObject = appObject;
-        this.type = type;
-        appObject.addComponent(this);
-    }
-    dispose() {
-        if (this.appObject.getComponent(this.type) === this) {
-            this.appObject.removeComponent(this.type);
-        }
-    }
-    ;
+const AppObjectComponent_1 = require("./AppObjectComponent");
+class AppObjectController extends AppObjectComponent_1.AppObjectComponent {
 }
 exports.AppObjectController = AppObjectController;

package/lib/AppObject/AppObjectEntity.d.ts

@@ -1,15 +1,13 @@
 import { AppObject } from "./AppObject";
 import { AppObjectComponent } from "./AppObjectComponent";
-export declare type EntityObserver = () => void;
-export declare class AppObjectEntity implements AppObjectComponent {
-    readonly type: string;
-    readonly appObject: AppObject;
+export declare type AppObjectEntityObserver = () => void;
+export declare class AppObjectEntity extends AppObjectComponent {
     private onDisposeObserverList;
-    addOnDisposeObserver: (observer: EntityObserver) => void;
-    removeOnDisposeObserver: (observer: EntityObserver) => void;
+    addOnDisposeObserver: (observer: AppObjectEntityObserver) => void;
+    removeOnDisposeObserver: (observer: AppObjectEntityObserver) => void;
     private onChangeObserverList;
-    addChangeObserver: (observer: EntityObserver) => void;
-    removeChangeObserver: (observer: EntityObserver) => void;
+    addChangeObserver: (observer: AppObjectEntityObserver) => void;
+    removeChangeObserver: (observer: AppObjectEntityObserver) => void;
     notifyOnChange: () => void;
     dispose(): void;
     constructor(appObject: AppObject, type: string);

package/lib/AppObject/AppObjectEntity.js

@@ -2,8 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AppObjectEntity = void 0;
 const Entities_1 = require("../Entities");
-class AppObjectEntity {
+const AppObjectComponent_1 = require("./AppObjectComponent");
+class AppObjectEntity extends AppObjectComponent_1.AppObjectComponent {
     constructor(appObject, type) {
+        super(appObject, type);
         this.onDisposeObserverList = new Entities_1.ObserverList();
         this.addOnDisposeObserver = (observer) => {
             this.onDisposeObserverList.add(observer);
@@ -21,9 +23,6 @@ class AppObjectEntity {
         this.notifyOnChange = () => {
             this.onChangeObserverList.notify();
         };
-        this.appObject = appObject;
-        this.type = type;
-        appObject.addComponent(this);
         this.addChangeObserver(appObject.notify);
     }
     dispose() {
@@ -31,10 +30,7 @@ class AppObjectEntity {
         this.onDisposeObserverList.notify();
         this.onChangeObserverList.clear();
         this.onDisposeObserverList.clear();
-        if (this.appObject.getComponent(this.type) === this) {
-            this.appObject.removeComponent(this.type);
-        }
+        super.dispose();
     }
-    ;
 }
 exports.AppObjectEntity = AppObjectEntity;

package/lib/AppObject/AppObjectPM.d.ts

@@ -1,8 +1,5 @@
-import { AppObject } from "./AppObject";
 import { AppObjectComponent } from "./AppObjectComponent";
-export declare abstract class AppObjectPM<T> implements AppObjectComponent {
-    readonly type: string;
-    readonly appObject: AppObject;
+export declare abstract class AppObjectPM<T> extends AppObjectComponent {
     abstract vmsAreEqual(a: T, b: T): boolean;
     private _lastVM?;
     get lastVM(): T | undefined;
@@ -11,5 +8,4 @@ export declare abstract class AppObjectPM<T> implements AppObjectComponent {
     removeView(updateView: (vm: T) => void): void;
     doUpdateView(vm: T): void;
     dispose(): void;
-    constructor(appObject: AppObject, type: string);
 }

package/lib/AppObject/AppObjectPM.js

@@ -2,12 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AppObjectPM = void 0;
 const Entities_1 = require("../Entities");
-class AppObjectPM {
-    constructor(appObject, type) {
+const AppObjectComponent_1 = require("./AppObjectComponent");
+class AppObjectPM extends AppObjectComponent_1.AppObjectComponent {
+    constructor() {
+        super(...arguments);
         this.observerList = new Entities_1.ObserverList();
-        this.type = type;
-        this.appObject = appObject;
-        appObject.addComponent(this);
     }
     get lastVM() {
         return this._lastVM;
@@ -18,11 +17,9 @@ class AppObjectPM {
             updateView(this._lastVM);
         }
     }
-    ;
     removeView(updateView) {
         this.observerList.remove(updateView);
     }
-    ;
     doUpdateView(vm) {
         if (this._lastVM && this.vmsAreEqual(this._lastVM, vm)) {
             return;
@@ -30,12 +27,12 @@ class AppObjectPM {
         this._lastVM = vm;
         this.observerList.notify(vm);
     }
-    ;
     dispose() {
         this.observerList.clear();
         if (this.appObject.getComponent(this.type) === this) {
             this.appObject.removeComponent(this.type);
         }
+        super.dispose();
     }
 }
 exports.AppObjectPM = AppObjectPM;

package/lib/AppObject/AppObjectRepo.d.ts

@@ -8,12 +8,16 @@ export declare abstract class AppObjectRepo extends ObservableEntity {
     abstract get(appObjectID: string): AppObject | undefined;
     abstract getOrCreate(appObjectID: string): AppObject;
     abstract getAll(): AppObject[];
+    abstract submitLog(sender: string, message: string): void;
+    abstract submitWarning(sender: string, message: string): void;
+    abstract submitError(sender: string, message: string): void;
+    abstract submitFatal(sender: string, message: string): void;
     abstract getAppObjectComponent<T extends AppObjectComponent>(appObjectID: string, type: string): T | undefined;
     abstract getAllAppObjectsWithComponent(componentType: string): AppObject[];
     abstract getAllComponents<T extends AppObjectComponent>(type: string): T[];
     abstract addAppObjectAddedObserver: (observer: (addedEntity: AppObject) => void) => void;
     abstract removeAppObjectAddedObserver: (observer: (addedEntity: AppObject) => void) => void;
     abstract addAppObjectRemovedObserver: (observer: (addedEntity: AppObject) => void) => void;
-    abstract removeaddAppObjectRemovedObserver: (observer: (addedEntity: AppObject) => void) => void;
+    abstract removedAppObjectRemovedObserver: (observer: (addedEntity: AppObject) => void) => void;
 }
 export declare function makeAppObjectRepo(): AppObjectRepo;

package/lib/AppObject/AppObjectRepo.js

@@ -25,7 +25,7 @@ class AppObjectRepoImp extends AppObjectRepo {
         this.addAppObjectRemovedObserver = (observer) => {
             this.onAppObjectRemovedObservers.add(observer);
         };
-        this.removeaddAppObjectRemovedObserver = (observer) => {
+        this.removedAppObjectRemovedObserver = (observer) => {
             this.onAppObjectRemovedObservers.remove(observer);
         };
         this.has = (id) => {
@@ -68,7 +68,7 @@ class AppObjectRepoImp extends AppObjectRepo {
     }
     getAllAppObjectsWithComponent(componentType) {
         const rArray = [];
-        this.appObjectLookup.forEach(appObj => {
+        this.appObjectLookup.forEach((appObj) => {
             if (appObj.hasComponent(componentType)) {
                 rArray.push(appObj);
             }
@@ -77,7 +77,7 @@ class AppObjectRepoImp extends AppObjectRepo {
     }
     getAllComponents(type) {
         const rArray = [];
-        this.appObjectLookup.forEach(appObj => {
+        this.appObjectLookup.forEach((appObj) => {
             const aoEntity = appObj.getComponent(type);
             if (aoEntity) {
                 rArray.push(aoEntity);
@@ -92,4 +92,16 @@ class AppObjectRepoImp extends AppObjectRepo {
         }
         return ao.getComponent(entityType);
     }
+    submitLog(sender, message) {
+        console.log(`[${sender}]: ${message}`);
+    }
+    submitWarning(sender, message) {
+        console.warn(`[${sender}]: ${message}`);
+    }
+    submitError(sender, message) {
+        console.error(`[${sender}]: ${message}`);
+    }
+    submitFatal(sender, message) {
+        console.error(`FATAL ERROR - [${sender}]: ${message}`);
+    }
 }

package/lib/AppObject/AppObjectUC.d.ts

@@ -1,8 +1,3 @@
-import { AppObject } from "./AppObject";
 import { AppObjectComponent } from "./AppObjectComponent";
-export declare class AppObjectUC implements AppObjectComponent {
-    readonly type: string;
-    readonly appObject: AppObject;
-    dispose(): void;
-    constructor(appObject: AppObject, type: string);
+export declare class AppObjectUC extends AppObjectComponent {
 }

package/lib/AppObject/AppObjectUC.js

@@ -1,17 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AppObjectUC = void 0;
-class AppObjectUC {
-    constructor(appObject, type) {
-        this.appObject = appObject;
-        this.type = type;
-        appObject.addComponent(this);
-    }
-    dispose() {
-        if (this.appObject.getComponent(this.type) === this) {
-            this.appObject.removeComponent(this.type);
-        }
-    }
-    ;
+const AppObjectComponent_1 = require("./AppObjectComponent");
+class AppObjectUC extends AppObjectComponent_1.AppObjectComponent {
 }
 exports.AppObjectUC = AppObjectUC;

package/lib/AppObject/AppObjectView.d.ts

@@ -1,8 +1,3 @@
-import { AppObject } from "./AppObject";
 import { AppObjectComponent } from "./AppObjectComponent";
-export declare class AppObjectView implements AppObjectComponent {
-    readonly type: string;
-    readonly appObject: AppObject;
-    dispose(): void;
-    constructor(appObject: AppObject, type: string);
+export declare class AppObjectView extends AppObjectComponent {
 }

package/lib/AppObject/AppObjectView.js

@@ -1,17 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AppObjectView = void 0;
-class AppObjectView {
-    constructor(appObject, type) {
-        this.appObject = appObject;
-        this.type = type;
-        appObject.addComponent(this);
-    }
-    dispose() {
-        if (this.appObject.getComponent(this.type) === this) {
-            this.appObject.removeComponent(this.type);
-        }
-    }
-    ;
+const AppObjectComponent_1 = require("./AppObjectComponent");
+class AppObjectView extends AppObjectComponent_1.AppObjectComponent {
 }
 exports.AppObjectView = AppObjectView;

package/lib/AppObject/getSingletonComponent.d.ts

@@ -0,0 +1,3 @@
+import { AppObjectComponent } from "./AppObjectComponent";
+import { AppObjectRepo } from "./AppObjectRepo";
+export declare function getSingletonComponent<T extends AppObjectComponent>(type: string, appObjects: AppObjectRepo): T | undefined;

package/lib/AppObject/getSingletonComponent.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSingletonComponent = void 0;
+function getSingletonComponent(type, appObjects) {
+    const components = appObjects.getAllComponents(type);
+    if (components.length === 0) {
+        appObjects.submitWarning("HasStoredViewPM", `Unable to find component ${type}. Add one on Mount`);
+        return undefined;
+    }
+    else if (components.length > 1) {
+        appObjects.submitWarning("HasStoredViewPM", `Multiple ${type} found. There should only be one. Using the first one`);
+    }
+    return components[0];
+}
+exports.getSingletonComponent = getSingletonComponent;

package/lib/AppObject/index.d.ts

@@ -6,3 +6,4 @@ export * from "./AppObjectRepo";
 export * from "./AppObjectUC";
 export * from "./AppObjectController";
 export * from "./AppObjectView";
+export * from "./getSingletonComponent";

package/lib/AppObject/index.js

@@ -18,3 +18,4 @@ __exportStar(require("./AppObjectRepo"), exports);
 __exportStar(require("./AppObjectUC"), exports);
 __exportStar(require("./AppObjectController"), exports);
 __exportStar(require("./AppObjectView"), exports);
+__exportStar(require("./getSingletonComponent"), exports);

package/lib/Components/App/Controller/clickContinue.d.ts

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

package/lib/Components/App/Controller/clickContinue.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clickContinue = void 0;
+const Dispatcher_1 = require("../../Dispatcher");
+function clickContinue(appObjects) {
+    const uc = Dispatcher_1.StateIsCompleteUC.get(appObjects);
+    if (!uc) {
+        appObjects.submitWarning("clickContinue", "Unable to find StateIsCompleteUC");
+        return;
+    }
+    uc.doDispatch();
+}
+exports.clickContinue = clickContinue;

package/lib/Components/App/Controller/clickEditSlideText.d.ts

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

package/lib/Components/App/Controller/clickEditSlideText.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clickEditSlideText = void 0;
+const UC_1 = require("../UC");
+function clickEditSlideText(appObjects) {
+    const uc = UC_1.EditSlideTextUC.get(appObjects);
+    if (!uc) {
+        appObjects.submitWarning("clickEditSlideText", "Unable to find EditSlideTextUC");
+        return;
+    }
+    uc.editSlideText();
+}
+exports.clickEditSlideText = clickEditSlideText;

package/lib/Components/App/Controller/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./clickContinue";
+export * from "./clickEditSlideText";
+export * from "./removeRenderCanvas";
+export * from "./submitRenderCanvas";

package/lib/Components/App/Controller/index.js

@@ -0,0 +1,16 @@
+"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("./clickContinue"), exports);
+__exportStar(require("./clickEditSlideText"), exports);
+__exportStar(require("./removeRenderCanvas"), exports);
+__exportStar(require("./submitRenderCanvas"), exports);

package/lib/Components/App/Controller/removeRenderCanvas.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeRenderCanvas = void 0;
+const RenderCanvasUC_1 = require("../UC/RenderCanvasUC");
+function removeRenderCanvas(appObjects) {
+    const uc = RenderCanvasUC_1.RenderCanvasUC.get(appObjects);
+    if (!uc) {
+        appObjects.submitWarning("removeRenderCanvas", "Unable to find Render Canvas UC");
+        return;
+    }
+    uc.clearCanvas();
+}
+exports.removeRenderCanvas = removeRenderCanvas;

package/lib/Components/App/Controller/submitRenderCanvas.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.submitRenderCanvas = void 0;
+const RenderCanvasUC_1 = require("../UC/RenderCanvasUC");
+function submitRenderCanvas(renderCanvas, appObjects) {
+    const uc = RenderCanvasUC_1.RenderCanvasUC.get(appObjects);
+    if (!uc) {
+        appObjects.submitWarning("submitRenderCanvas", "Unable to find Render Canvas UC");
+        return;
+    }
+    uc.submitCanvas(renderCanvas);
+}
+exports.submitRenderCanvas = submitRenderCanvas;

package/lib/Components/App/Entity/BaseAppState.d.ts

@@ -0,0 +1,16 @@
+import { AppObject, AppObjectEntity, AppObjectRepo } from "../../../AppObject";
+export declare abstract class BaseAppState extends AppObjectEntity {
+    static readonly type = "BaseAppState";
+    abstract get isAuthoring(): boolean;
+    abstract set isAuthoring(val: boolean);
+    abstract get isReviewing(): boolean;
+    abstract set isReviewing(val: boolean);
+    abstract get slideText(): string;
+    abstract set slideText(text: string);
+    abstract set hasNextState(state: boolean);
+    abstract get hasNextState(): boolean;
+    abstract set hasPreviousState(state: boolean);
+    abstract get hasPreviousState(): boolean;
+    static get: (appObjects: AppObjectRepo) => BaseAppState | undefined;
+}
+export declare function makeBaseAppState(appObject: AppObject): BaseAppState;

package/lib/Components/App/Entity/BaseAppState.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeBaseAppState = exports.BaseAppState = void 0;
+const AppObject_1 = require("../../../AppObject");
+const Entities_1 = require("../../../Entities");
+class BaseAppState extends AppObject_1.AppObjectEntity {
+}
+exports.BaseAppState = BaseAppState;
+BaseAppState.type = "BaseAppState";
+BaseAppState.get = (appObjects) => AppObject_1.getSingletonComponent(BaseAppState.type, appObjects);
+function makeBaseAppState(appObject) {
+    return new AppStateImp(appObject);
+}
+exports.makeBaseAppState = makeBaseAppState;
+class AppStateImp extends BaseAppState {
+    constructor(appObject) {
+        super(appObject, BaseAppState.type);
+        this.memoizedIsAuthoring = new Entities_1.MemoizedBoolean(false, this.notifyOnChange);
+        this.memoizedIsReviewing = new Entities_1.MemoizedBoolean(false, this.notifyOnChange);
+        this.memoizedSlideText = new Entities_1.MemoizedString("", this.notifyOnChange);
+        this.memoizedHasNextState = new Entities_1.MemoizedBoolean(false, this.notifyOnChange);
+        this.memoizedHasPreviousState = new Entities_1.MemoizedBoolean(false, this.notifyOnChange);
+    }
+    get isAuthoring() {
+        return this.memoizedIsAuthoring.val;
+    }
+    set isAuthoring(val) {
+        this.memoizedIsAuthoring.val = val;
+    }
+    get isReviewing() {
+        return this.memoizedIsReviewing.val;
+    }
+    set isReviewing(val) {
+        this.memoizedIsReviewing.val = val;
+    }
+    get slideText() {
+        return this.memoizedSlideText.val;
+    }
+    set slideText(text) {
+        this.memoizedSlideText.val = text;
+    }
+    set hasNextState(state) {
+        this.memoizedHasNextState.val = state;
+    }
+    get hasNextState() {
+        return this.memoizedHasNextState.val;
+    }
+    set hasPreviousState(state) {
+        this.memoizedHasPreviousState.val = state;
+    }
+    get hasPreviousState() {
+        return this.memoizedHasPreviousState.val;
+    }
+}

package/lib/Components/App/Entity/index.d.ts

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

package/lib/Components/App/Entity/index.js

@@ -0,0 +1,13 @@
+"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("./BaseAppState"), exports);

package/lib/Components/App/Mocks/MockAppRenderingUC.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="jest" />
+import { AppObject } from "../../../AppObject";
+import { AppRenderingUC } from "../UC";
+export declare class MockAppRenderingUC extends AppRenderingUC {
+    startRendering: jest.Mock<any, any>;
+    stopRendering: jest.Mock<any, any>;
+    constructor(appObject: AppObject);
+}

package/lib/Components/App/Mocks/MockAppRenderingUC.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MockAppRenderingUC = void 0;
+const UC_1 = require("../UC");
+class MockAppRenderingUC extends UC_1.AppRenderingUC {
+    constructor(appObject) {
+        super(appObject, UC_1.AppRenderingUC.type);
+        this.startRendering = jest.fn();
+        this.stopRendering = jest.fn();
+    }
+}
+exports.MockAppRenderingUC = MockAppRenderingUC;

package/lib/Components/App/Mocks/MockRenderCanvasUC.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="jest" />
+import { AppObject } from "../../../AppObject";
+import { RenderCanvasUC } from "../UC";
+export declare class MockRenderUC extends RenderCanvasUC {
+    submitCanvas: jest.Mock<any, any>;
+    clearCanvas: jest.Mock<any, any>;
+    constructor(appObject: AppObject);
+}

package/lib/Components/App/Mocks/MockRenderCanvasUC.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MockRenderUC = void 0;
+const UC_1 = require("../UC");
+class MockRenderUC extends UC_1.RenderCanvasUC {
+    constructor(appObject) {
+        super(appObject, UC_1.RenderCanvasUC.type);
+        this.submitCanvas = jest.fn();
+        this.clearCanvas = jest.fn();
+    }
+}
+exports.MockRenderUC = MockRenderUC;

package/lib/Components/App/PM/HasNextPreviousStatePM.d.ts

@@ -0,0 +1,15 @@
+import { AppObject, AppObjectPM, AppObjectRepo } from "../../../AppObject";
+export interface HasNextPreviousStateVM {
+    hasNextState: boolean;
+    hasPreviousState: boolean;
+}
+export declare class HasNextPreviousStatePM extends AppObjectPM<HasNextPreviousStateVM> {
+    static readonly type = "HasNextPreviousStatePM";
+    static get: (appObjects: AppObjectRepo) => HasNextPreviousStatePM | undefined;
+    private baseAppState?;
+    onAppStateChange: () => void;
+    vmsAreEqual(a: HasNextPreviousStateVM, b: HasNextPreviousStateVM): boolean;
+    dispose(): void;
+    constructor(appObject: AppObject);
+}
+export declare const defaultHasNextPreviousStateVM: HasNextPreviousStateVM;

package/lib/Components/App/PM/HasNextPreviousStatePM.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultHasNextPreviousStateVM = exports.HasNextPreviousStatePM = void 0;
+const AppObject_1 = require("../../../AppObject");
+const Entity_1 = require("../Entity");
+class HasNextPreviousStatePM extends AppObject_1.AppObjectPM {
+    constructor(appObject) {
+        super(appObject, HasNextPreviousStatePM.type);
+        this.onAppStateChange = () => {
+            if (!this.baseAppState)
+                return;
+            const hasNextState = this.baseAppState.hasNextState;
+            const hasPreviousState = this.baseAppState.hasPreviousState;
+            const vm = { hasNextState, hasPreviousState };
+            this.doUpdateView(vm);
+        };
+        this.baseAppState = appObject.getComponent(Entity_1.BaseAppState.type);
+        if (!this.baseAppState) {
+            this.warn("HasNextPreviousStatePM added to an app object that does not have a BaseAppState Entity. Add one first");
+            return;
+        }
+        this.baseAppState.addChangeObserver(this.onAppStateChange);
+        this.onAppStateChange();
+    }
+    vmsAreEqual(a, b) {
+        if (a.hasNextState !== b.hasNextState)
+            return false;
+        if (a.hasPreviousState !== b.hasPreviousState)
+            return false;
+        return true;
+    }
+    dispose() {
+        var _a;
+        super.dispose();
+        (_a = this.baseAppState) === null || _a === void 0 ? void 0 : _a.removeChangeObserver(this.onAppStateChange);
+    }
+}
+exports.HasNextPreviousStatePM = HasNextPreviousStatePM;
+HasNextPreviousStatePM.type = "HasNextPreviousStatePM";
+HasNextPreviousStatePM.get = (appObjects) => AppObject_1.getSingletonComponent(HasNextPreviousStatePM.type, appObjects);
+exports.defaultHasNextPreviousStateVM = {
+    hasNextState: true,
+    hasPreviousState: false,
+};