@vived/app 4.0.0 → 4.1.0

package/lib/AppObject/AppObjectRepo.d.ts

@@ -12,6 +12,8 @@ export declare abstract class AppObjectRepo extends ObservableEntity {
     abstract submitWarning(sender: string, message: string): void;
     abstract submitError(sender: string, message: string): void;
     abstract submitFatal(sender: string, message: string): void;
+    abstract registerSingleton(component: AppObjectComponent): void;
+    abstract getSingleton<T extends AppObjectComponent>(type: string): T | undefined;
     abstract getAppObjectComponent<T extends AppObjectComponent>(appObjectID: string, type: string): T | undefined;
     abstract getAllAppObjectsWithComponent(componentType: string): AppObject[];
     abstract getAllComponents<T extends AppObjectComponent>(type: string): T[];

package/lib/AppObject/AppObjectRepo.js

@@ -14,6 +14,7 @@ class AppObjectRepoImp extends AppObjectRepo {
     constructor() {
         super(...arguments);
         this.appObjectLookup = new Map();
+        this.singletons = new Map();
         this.onAppObjectAddedObserver = new Entities_1.ObserverList();
         this.addAppObjectAddedObserver = (observer) => {
             this.onAppObjectAddedObserver.add(observer);
@@ -104,4 +105,28 @@ class AppObjectRepoImp extends AppObjectRepo {
     submitFatal(sender, message) {
         console.error(`FATAL ERROR - [${sender}]: ${message}`);
     }
+    registerSingleton(component) {
+        if (this.singletons.has(component.type)) {
+            this.submitWarning("AppObjectRepo", `Singleton for type ${component.type} already exists. Relpacing`);
+        }
+        this.singletons.set(component.type, component);
+    }
+    getSingleton(type) {
+        if (this.singletons.has(type)) {
+            return this.singletons.get(type);
+        }
+        const components = this.getAllComponents(type);
+        if (components.length === 1) {
+            this.singletons.set(components[0].type, components[0]);
+            return components[0];
+        }
+        else if (components.length === 0) {
+            this.submitWarning("AppObjectRepo", `Unable to find a singleton for ${type}`);
+            return undefined;
+        }
+        else if (components.length > 1) {
+            this.submitWarning("AppObjectRepo", `Multiple ${type} found. There should only be one if it truly a singleton. Using the first one`);
+            return components[0];
+        }
+    }
 }

package/lib/Components/App/UC/EditSlideTextUC.d.ts

@@ -4,6 +4,7 @@ import { AppObjectUC } from "../../../AppObject/AppObjectUC";
 export declare abstract class EditSlideTextUC extends AppObjectUC {
     static readonly type = "EditSlideTextUC";
     abstract editSlideText(): void;
+    abstract submitCallback(text: string): void;
     static get: (appObjects: AppObjectRepo) => EditSlideTextUC | undefined;
 }
 export declare function makeEditSlideTextUC(appObject: AppObject): EditSlideTextUC;

package/lib/Components/ThemeColors/Entities/ThemeColors.d.ts

@@ -56,6 +56,7 @@ export declare abstract class ThemeColors extends AppObjectEntity {
     abstract getColorForType(type: ThemeColorType): Color;
     abstract setColorForType(type: ThemeColorType, val: Color): void;
     abstract setColorHexForType(type: ThemeColorType, hex: string): void;
+    abstract setColorHexForSet(colorSet: Map<ThemeColorType, string>): void;
     static get: (appObjects: AppObjectRepo) => ThemeColors | undefined;
 }
 export declare function makeThemeColors(appObject: AppObject): ThemeColorsImp;
@@ -65,5 +66,6 @@ declare class ThemeColorsImp extends ThemeColors {
     getColorForType: (type: ThemeColorType) => Color;
     setColorForType: (type: ThemeColorType, val: Color) => void;
     setColorHexForType: (type: ThemeColorType, hex: string) => void;
+    setColorHexForSet(colorSet: Map<ThemeColorType, string>): void;
 }
 export {};

package/lib/Components/ThemeColors/Entities/ThemeColors.js

@@ -98,5 +98,61 @@ class ThemeColorsImp extends ThemeColors {
             const memoizedColor = new Entities_1.MemoizedColor(ValueObjects_1.Color.RGBA(0, 0, 0, 0), this.notifyOnChange);
             this.memoizedColorLookup.set(themeColor, memoizedColor);
         }
+        const colorsSet = new Map();
+        colorsSet.set(ThemeColorType.primary, "#00668A");
+        colorsSet.set(ThemeColorType.onPrimary, "#FFFFFF");
+        colorsSet.set(ThemeColorType.primaryContainer, "#C4E7FF");
+        colorsSet.set(ThemeColorType.onPrimaryContainer, "#001E2C");
+        colorsSet.set(ThemeColorType.primaryFixed, "#C4E7FF");
+        colorsSet.set(ThemeColorType.onPrimaryFixed, "#001E2C");
+        colorsSet.set(ThemeColorType.primaryFixedDim, "#7BD0FF");
+        colorsSet.set(ThemeColorType.onPrimaryFixedVariant, "#004C69");
+        colorsSet.set(ThemeColorType.secondary, "#4E616D");
+        colorsSet.set(ThemeColorType.onSecondary, "#FFFFFF");
+        colorsSet.set(ThemeColorType.secondaryContainer, "#D1E5F4");
+        colorsSet.set(ThemeColorType.onSecondaryContainer, "#0A1E28");
+        colorsSet.set(ThemeColorType.secondaryFixed, "#D1E5F4");
+        colorsSet.set(ThemeColorType.onSecondaryFixed, "#0A1E28");
+        colorsSet.set(ThemeColorType.secondaryFixedDim, "#B5C9D7");
+        colorsSet.set(ThemeColorType.onSecondaryFixedVariant, "#374955");
+        colorsSet.set(ThemeColorType.tertiary, "#605A7D");
+        colorsSet.set(ThemeColorType.onTertiary, "#FFFFFF");
+        colorsSet.set(ThemeColorType.tertiaryContainer, "#E6DEFF");
+        colorsSet.set(ThemeColorType.onTertiaryContainer, "#1D1736");
+        colorsSet.set(ThemeColorType.tertiaryFixed, "#E6DEFF");
+        colorsSet.set(ThemeColorType.onTertiaryFixed, "#1D1736");
+        colorsSet.set(ThemeColorType.tertiaryFixedDim, "#CAC1E9");
+        colorsSet.set(ThemeColorType.onTertiaryFixedVariant, "#484264");
+        colorsSet.set(ThemeColorType.error, "#BA1A1A");
+        colorsSet.set(ThemeColorType.onError, "#FFFFFF");
+        colorsSet.set(ThemeColorType.errorContainer, "#FFDAD6");
+        colorsSet.set(ThemeColorType.onErrorContainer, "#410002");
+        colorsSet.set(ThemeColorType.outline, "#71787D");
+        colorsSet.set(ThemeColorType.background, "#FBFCFF");
+        colorsSet.set(ThemeColorType.onBackground, "#191C1E");
+        colorsSet.set(ThemeColorType.surface, "#F8F9FC");
+        colorsSet.set(ThemeColorType.onSurface, "#191C1E");
+        colorsSet.set(ThemeColorType.surfaceVariant, "#DCE3E9");
+        colorsSet.set(ThemeColorType.onSurfaceVariant, "#41484D");
+        colorsSet.set(ThemeColorType.inverseSurface, "#2E3133");
+        colorsSet.set(ThemeColorType.inverseOnSurface, "#F0F1F3");
+        colorsSet.set(ThemeColorType.inversePrimary, "#7BD0FF");
+        colorsSet.set(ThemeColorType.shadow, "#000000");
+        colorsSet.set(ThemeColorType.surfaceTint, "#00668A");
+        colorsSet.set(ThemeColorType.outlineVariant, "#C0C7CD");
+        colorsSet.set(ThemeColorType.scrim, "#000000");
+        colorsSet.set(ThemeColorType.surfaceContainerHighest, "#E1E2E5");
+        colorsSet.set(ThemeColorType.surfaceContainerHigh, "#E7E8EA");
+        colorsSet.set(ThemeColorType.surfaceContainer, "#EDEEF0");
+        colorsSet.set(ThemeColorType.surfaceContainerLow, "#F3F3F6");
+        colorsSet.set(ThemeColorType.surfaceContainerLowest, "#FFFFFF");
+        colorsSet.set(ThemeColorType.surfaceBright, "#F8F9FC");
+        colorsSet.set(ThemeColorType.surfaceDim, "#D9DADC");
+        this.setColorHexForSet(colorsSet);
+    }
+    setColorHexForSet(colorSet) {
+        colorSet.forEach((val, key) => {
+            this.setColorHexForType(key, val);
+        });
     }
 }

package/lib/Components/ThemeColors/PM/ThemeColorMapPM.d.ts

@@ -0,0 +1,11 @@
+import { Color } from "../../../ValueObjects";
+import { AppObject, AppObjectPM } from "../../../AppObject";
+import { ThemeColorType } from "../Entities/ThemeColors";
+export declare class ThemeColorMapPM extends AppObjectPM<Map<ThemeColorType, Color>> {
+    static readonly type = "ThemeColorMapPM";
+    private themeColors?;
+    vmsAreEqual(a: Map<ThemeColorType, Color>, b: Map<ThemeColorType, Color>): boolean;
+    onThemeColorMapChange: () => void;
+    dispose: () => void;
+    constructor(appObject: AppObject);
+}

package/lib/Components/ThemeColors/PM/ThemeColorMapPM.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeColorMapPM = void 0;
+const AppObject_1 = require("../../../AppObject");
+const ThemeColors_1 = require("../Entities/ThemeColors");
+class ThemeColorMapPM extends AppObject_1.AppObjectPM {
+    constructor(appObject) {
+        super(appObject, ThemeColorMapPM.type);
+        this.onThemeColorMapChange = () => {
+            const colorMap = new Map();
+            for (const themeColor in ThemeColors_1.ThemeColorType) {
+                if (!this.themeColors)
+                    return;
+                const castType = themeColor;
+                colorMap.set(castType, this.themeColors.getColorForType(castType));
+            }
+            this.doUpdateView(colorMap);
+        };
+        this.dispose = () => {
+            var _a;
+            super.dispose();
+            (_a = this.themeColors) === null || _a === void 0 ? void 0 : _a.removeChangeObserver(this.onThemeColorMapChange);
+        };
+        this.themeColors = ThemeColors_1.ThemeColors.get(appObject.appObjectRepo);
+        if (!this.themeColors) {
+            this.warn("ThemeColorMapPM is being added to an object that does not have a ThemeColors Entity");
+            return;
+        }
+        else {
+            this.themeColors.addChangeObserver(this.onThemeColorMapChange);
+            this.onThemeColorMapChange();
+        }
+    }
+    vmsAreEqual(a, b) {
+        return false;
+    }
+}
+exports.ThemeColorMapPM = ThemeColorMapPM;
+ThemeColorMapPM.type = "ThemeColorMapPM";

package/lib/Components/ThemeColors/PM/index.d.ts

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

package/lib/Components/ThemeColors/PM/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("./ThemeColorMapPM"), exports);

package/lib/Components/ThemeColors/index.d.ts

@@ -1 +1,2 @@
 export * from "./Entities";
+export * from "./PM";

package/lib/Components/ThemeColors/index.js

@@ -11,3 +11,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Entities"), exports);
+__exportStar(require("./PM"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vived/app",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "description": "Public package for the VIVED Learning App system",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",