@vived/host 3.1.0 → 3.2.0

package/lib/Components/AssetPlugin/PM/AssetPluginPM.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeAssetPluginPM = exports.AssetPluginPM = exports.defaultAssetPluginVM = void 0;
+const HostAppObject_1 = require("../../../HostAppObject");
+const Apps_1 = require("../../Apps");
+const AssetPluginEntity_1 = require("../Entities/AssetPluginEntity");
+exports.defaultAssetPluginVM = {
+    show: false,
+    loading: false,
+    styleSheets: []
+};
+class AssetPluginPM extends HostAppObject_1.HostAppObjectPM {
+    static get(appObjects) {
+        return HostAppObject_1.getSingletonComponent(AssetPluginPM.type, appObjects);
+    }
+}
+exports.AssetPluginPM = AssetPluginPM;
+AssetPluginPM.type = "AssetSystemPluginPM";
+function makeAssetPluginPM(appObject) {
+    return new AssetPluginPMImp(appObject);
+}
+exports.makeAssetPluginPM = makeAssetPluginPM;
+class AssetPluginPMImp extends AssetPluginPM {
+    constructor(appObject) {
+        var _a;
+        super(appObject, AssetPluginPM.type);
+        this.onChange = () => {
+            var _a, _b, _c, _d;
+            if (!this.assetPlugin)
+                return;
+            const show = this.assetPlugin.show;
+            let loading = false;
+            if (show && ((_a = this.assetPlugin.app) === null || _a === void 0 ? void 0 : _a.state) === Apps_1.AppState.INIT) {
+                loading = true;
+            }
+            else if (show && ((_b = this.assetPlugin.app) === null || _b === void 0 ? void 0 : _b.state) === Apps_1.AppState.LOADING) {
+                loading = true;
+            }
+            const vm = {
+                show,
+                loading,
+                styleSheets: (_d = (_c = this.assetPlugin.app) === null || _c === void 0 ? void 0 : _c.styles) !== null && _d !== void 0 ? _d : []
+            };
+            this.doUpdateView(vm);
+        };
+        (_a = this.assetPlugin) === null || _a === void 0 ? void 0 : _a.addChangeObserver(this.onChange);
+        this.onChange();
+        this.appObjects.registerSingleton(this);
+    }
+    get assetPlugin() {
+        return this.getCachedSingleton(AssetPluginEntity_1.AssetPluginEntity.type);
+    }
+    vmsAreEqual(a, b) {
+        if (a.loading !== b.loading)
+            return false;
+        if (a.show !== b.show)
+            return false;
+        if (a.styleSheets.length !== b.styleSheets.length)
+            return false;
+        let stylesMatch = true;
+        a.styleSheets.forEach((styleA, i) => {
+            const styleB = b.styleSheets[i];
+            if (styleA !== styleB)
+                stylesMatch = false;
+        });
+        return stylesMatch;
+    }
+}

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

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

package/lib/Components/AssetPlugin/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("./AssetPluginPM"), exports);

package/lib/Components/AssetPlugin/UCs/AssetPluginContainerUC.d.ts

@@ -0,0 +1,7 @@
+import { HostAppObjectRepo, HostAppObjectUC } from "../../../HostAppObject";
+export declare abstract class AssetPluginContainerUC extends HostAppObjectUC {
+    static type: string;
+    static get(appObjects: HostAppObjectRepo): AssetPluginContainerUC | undefined;
+    abstract setContainer(container: HTMLElement): Promise<void>;
+    abstract clearContainer(): void;
+}

package/lib/Components/AssetPlugin/UCs/AssetPluginContainerUC.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AssetPluginContainerUC = void 0;
+const HostAppObject_1 = require("../../../HostAppObject");
+class AssetPluginContainerUC extends HostAppObject_1.HostAppObjectUC {
+    static get(appObjects) {
+        return HostAppObject_1.getSingletonComponent(AssetPluginContainerUC.type, appObjects);
+    }
+}
+exports.AssetPluginContainerUC = AssetPluginContainerUC;
+AssetPluginContainerUC.type = "AssetPluginContainerUC";

package/lib/Components/AssetPlugin/UCs/index.d.ts

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

package/lib/Components/AssetPlugin/UCs/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("./AssetPluginContainerUC"), exports);

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

@@ -0,0 +1,6 @@
+export * from "./Adapters";
+export * from "./Controllers";
+export * from "./Entities";
+export * from "./Mocks";
+export * from "./PM";
+export * from "./UCs";

package/lib/Components/AssetPlugin/index.js

@@ -0,0 +1,18 @@
+"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("./Adapters"), exports);
+__exportStar(require("./Controllers"), exports);
+__exportStar(require("./Entities"), exports);
+__exportStar(require("./Mocks"), exports);
+__exportStar(require("./PM"), exports);
+__exportStar(require("./UCs"), exports);

package/lib/Components/Dispatcher/Entities/HostDispatchEntity.js

@@ -55,7 +55,12 @@ class HostDispatchEntityImp extends HostDispatchEntity {
                 this.error("No app handler has been registered");
                 return;
             }
-            this.appHandler(request);
+            try {
+                this.appHandler(request);
+            }
+            catch (e) {
+                this.warn(e.message);
+            }
         };
         this.formRequestAndDispatch = (type, version, payload) => {
             if (!this.appHandler) {
@@ -67,7 +72,7 @@ class HostDispatchEntityImp extends HostDispatchEntity {
                 version,
                 payload
             };
-            this.appHandler(request);
+            this.dispatch(request);
         };
     }
     get appHandlerVersion() {

package/lib/Components/Dispatcher/UCs/DispatchStartBrowseChannelsUC.d.ts

@@ -7,7 +7,7 @@ export interface BrowseChannelDTO {
 }
 export declare abstract class DispatchStartBrowseChannelsUC extends HostAppObjectUC {
     static readonly type = "DispatchStartBrowseChannelsUC";
-    readonly requestType = "START_BROWSE_CHANNEL_MODELS";
+    readonly requestType = "START_SELECT_CHANNEL_MODEL";
     abstract doDispatch(dto: BrowseChannelDTO): void;
     static get(appObject: HostAppObject): DispatchStartBrowseChannelsUC | undefined;
     static getByID(id: string, appObjects: HostAppObjectRepo): DispatchStartBrowseChannelsUC | undefined;

package/lib/Components/Dispatcher/UCs/DispatchStartBrowseChannelsUC.js

@@ -6,7 +6,7 @@ const Entities_1 = require("../Entities");
 class DispatchStartBrowseChannelsUC extends HostAppObject_1.HostAppObjectUC {
     constructor() {
         super(...arguments);
-        this.requestType = "START_BROWSE_CHANNEL_MODELS";
+        this.requestType = "START_SELECT_CHANNEL_MODEL";
     }
     static get(appObject) {
         const asset = appObject.getComponent(DispatchStartBrowseChannelsUC.type);

package/lib/Components/Handler/UCs/GetAssetFolderURLHandler.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeGetAssetFolderURLHandler = exports.GetAssetFolderURLHandler = void 0;
 const HostAppObject_1 = require("../../../HostAppObject");
+const Apps_1 = require("../../Apps");
 const Entities_1 = require("../Entities");
 class GetAssetFolderURLHandler extends HostAppObject_1.HostAppObjectUC {
     constructor() {
@@ -18,8 +19,14 @@ exports.makeGetAssetFolderURLHandler = makeGetAssetFolderURLHandler;
 class GetAssetFolderURLHandlerImp extends GetAssetFolderURLHandler {
     constructor(appObject) {
         super(appObject, GetAssetFolderURLHandler.type);
-        this.action = () => {
-            this.warn("Action has not been setup");
+        this.action = (callback) => {
+            var _a;
+            if (!this.app) {
+                this.error("No AppEntity");
+                callback("");
+                return;
+            }
+            callback((_a = this.app.appAssetFolderURL) !== null && _a !== void 0 ? _a : "");
         };
         this.handleRequest = (version, payload) => {
             if (version === 1) {
@@ -37,6 +44,9 @@ class GetAssetFolderURLHandlerImp extends GetAssetFolderURLHandler {
         }
         hostHandler.registerRequestHandler(this);
     }
+    get app() {
+        return this.getCachedLocalComponent(Apps_1.AppEntity.type);
+    }
     castPayloadV1(payload) {
         const castPayload = payload;
         if (!castPayload.callback) {

package/lib/Components/Handler/UCs/OnAppIsReadyHandler.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeOnAppIsReadyHandler = exports.OnAppIsReadyHandler = void 0;
 const HostAppObject_1 = require("../../../HostAppObject");
+const Apps_1 = require("../../Apps");
 const Entities_1 = require("../Entities");
 class OnAppIsReadyHandler extends HostAppObject_1.HostAppObjectUC {
     constructor() {
@@ -19,7 +20,11 @@ class OnAppIsReadyHandlerImp extends OnAppIsReadyHandler {
     constructor(appObject) {
         super(appObject, OnAppIsReadyHandler.type);
         this.action = () => {
-            throw new Entities_1.ActionNotImplemented(this.requestType);
+            if (!this.app) {
+                this.error("No App");
+                return;
+            }
+            this.app.state = Apps_1.AppState.READY;
         };
         this.handleRequest = (version) => {
             if (version === 1) {
@@ -36,4 +41,7 @@ class OnAppIsReadyHandlerImp extends OnAppIsReadyHandler {
         }
         hostHandler.registerRequestHandler(this);
     }
+    get app() {
+        return this.getCachedLocalComponent(Apps_1.AppEntity.type);
+    }
 }

package/lib/Components/Handler/UCs/RegisterExternalStyleSheetsHandler.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeRegisterExternalStyleSheetsHandler = exports.RegisterExternalStyleSheetsHandler = void 0;
 const HostAppObject_1 = require("../../../HostAppObject");
+const Apps_1 = require("../../Apps");
 const Entities_1 = require("../Entities");
 class RegisterExternalStyleSheetsHandler extends HostAppObject_1.HostAppObjectUC {
     constructor() {
@@ -20,7 +21,13 @@ class RegisterExternalStyleSheetsHandlerImp extends RegisterExternalStyleSheetsH
         super(appObject, RegisterExternalStyleSheetsHandler.type);
         this.requestType = "REGISTER_EXTERNAL_STYLESHEETS";
         this.action = (stylesheets) => {
-            this.log(`Style sheets: ${stylesheets}`);
+            if (!this.app)
+                return;
+            stylesheets.forEach((sheet) => {
+                var _a;
+                (_a = this.app) === null || _a === void 0 ? void 0 : _a.styles.push(sheet);
+            });
+            this.app.notifyOnChange();
         };
         this.handleRequest = (version, payload) => {
             if (version === 1) {
@@ -38,6 +45,9 @@ class RegisterExternalStyleSheetsHandlerImp extends RegisterExternalStyleSheetsH
         }
         hostHandler.registerRequestHandler(this);
     }
+    get app() {
+        return this.getCachedLocalComponent(Apps_1.AppEntity.type);
+    }
     castPayloadV1(payload) {
         const castPayload = payload;
         if (castPayload.stylesheets === undefined) {

package/lib/Components/StateMachine/Adapters/hostStateMachinePMAdapter.d.ts

@@ -1,3 +1,3 @@
-import { ReactHookPmAdapter } from "../../../Types/ReactHookPmAdapter";
+import { SingletonPmAdapter } from "../../../Types/SingletonPmAdapter";
 import { HostStateMachineVM } from "../PMs";
-export declare const hostStateMachinePMAdapter: ReactHookPmAdapter<HostStateMachineVM>;
+export declare const hostStateMachinePMAdapter: SingletonPmAdapter<HostStateMachineVM>;

package/lib/Components/StateMachine/Adapters/index.d.ts

@@ -1,2 +1 @@
 export * from "./hostStateMachinePMAdapter";
-export * from "./isEditingPMAdapter";

package/lib/Components/StateMachine/Adapters/index.js

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

package/lib/Components/index.d.ts

@@ -1,3 +1,5 @@
+export * from "./Apps";
+export * from "./AssetPlugin";
 export * from "./Assets";
 export * from "./Dialog";
 export * from "./Dispatcher";

package/lib/Components/index.js

@@ -10,6 +10,8 @@ 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("./Apps"), exports);
+__exportStar(require("./AssetPlugin"), exports);
 __exportStar(require("./Assets"), exports);
 __exportStar(require("./Dialog"), exports);
 __exportStar(require("./Dispatcher"), exports);

package/lib/Types/PmAdapter.d.ts

@@ -0,0 +1,6 @@
+import { HostAppObjectRepo } from "../HostAppObject";
+export interface PmAdapter<VM> {
+    defaultVM: VM;
+    subscribe(id: string, appObjects: HostAppObjectRepo, setVM: (vm: VM) => void): void;
+    unsubscribe(id: string, appObjects: HostAppObjectRepo, setVM: (vm: VM) => void): void;
+}

package/lib/Types/PmAdapter.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/Types/SingletonPmAdapter.d.ts

@@ -0,0 +1,6 @@
+import { HostAppObjectRepo } from "../HostAppObject";
+export interface SingletonPmAdapter<VM> {
+    defaultVM: VM;
+    subscribe(appObjects: HostAppObjectRepo, setVM: (vm: VM) => void): void;
+    unsubscribe(appObjects: HostAppObjectRepo, setVM: (vm: VM) => void): void;
+}

package/lib/Types/SingletonPmAdapter.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/Types/index.d.ts

@@ -1,2 +1,3 @@
-export * from './PluginBoundary';
-export * from "./ReactHookPmAdapter";
+export * from "./PluginBoundary";
+export * from "./SingletonPmAdapter";
+export * from "./PmAdapter";

package/lib/Types/index.js

@@ -11,4 +11,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./PluginBoundary"), exports);
-__exportStar(require("./ReactHookPmAdapter"), exports);
+__exportStar(require("./SingletonPmAdapter"), exports);
+__exportStar(require("./PmAdapter"), exports);

package/package.json

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