@configura/web-api 1.6.0-iotest.2 → 1.6.0-iotest.3

package/dist/CfgProduct.d.ts

@@ -122,8 +122,6 @@ export declare class _CfgProductInternal {
     _configurationHasChanged: (freshRef: CfgProductConfiguration, bubbleMode: ProductConfigurationBubbleMode, committed: boolean) => Promise<void>;
     getApiSelection: () => AdditionalProductConfiguration;
     setApiSelection: (s: AdditionalProductConfiguration, doValidate: boolean, productLoaderForGroupedLoad?: ProductLoader | undefined) => Promise<boolean>;
-    getApiSelectionAsString: () => string;
-    setFromApiSelectionString: (str: string, doValidate: boolean, productLoaderForGroupedLoad?: ProductLoader | undefined) => Promise<boolean>;
     structureCompare: (other: _CfgProductInternal, strictOrder?: boolean, descriptionMatch?: boolean) => boolean;
     tryMatchSelection: (other: _CfgProductInternal, descriptionMatch?: boolean, productLoaderForGroupedLoad?: ProductLoader | undefined) => Promise<boolean>;
     /** Only features in selected options and selected additional products. */
@@ -233,8 +231,6 @@ export declare class CfgProduct {
      */
     getApiSelection: () => AdditionalProductConfiguration;
     setApiSelection: (s: AdditionalProductConfiguration, doValidate?: boolean) => Promise<boolean>;
-    getApiSelectionAsString: () => string;
-    setFromApiSelectionString: (str: string, doValidate?: boolean) => Promise<boolean>;
     listenForChange: (l: SingleArgCallback<CfgProductChangeNotification>) => void;
     stopListenForChange: (l: SingleArgCallback<CfgProductChangeNotification>) => void;
     stopAllListenForChange: () => void;

package/dist/CfgProduct.js

@@ -190,10 +190,6 @@ export class _CfgProductInternal {
             }
             return change;
         });
-        this.getApiSelectionAsString = () => JSON.stringify(this.getApiSelection(), undefined, "");
-        this.setFromApiSelectionString = (str, doValidate, productLoaderForGroupedLoad) => __awaiter(this, void 0, void 0, function* () {
-            return this.setApiSelection(JSON.parse(decodeURIComponent(str)), doValidate, productLoaderForGroupedLoad);
-        });
         this.structureCompare = (other, strictOrder = true, descriptionMatch = false) => {
             if (!this.configuration.structureCompare(other.configuration, strictOrder, descriptionMatch)) {
                 return false;
@@ -558,8 +554,6 @@ export class CfgProduct {
          */
         this.getApiSelection = () => this._internal.getApiSelection();
         this.setApiSelection = (s, doValidate = false) => __awaiter(this, void 0, void 0, function* () { return yield this._internal.setApiSelection(s, doValidate); });
-        this.getApiSelectionAsString = () => this._internal.getApiSelectionAsString();
-        this.setFromApiSelectionString = (str, doValidate = false) => __awaiter(this, void 0, void 0, function* () { return yield this._internal.setFromApiSelectionString(str, doValidate); });
         this.listenForChange = (l) => this._internal.changeObservable.listen(l);
         this.stopListenForChange = (l) => this._internal.changeObservable.stopListen(l);
         this.stopAllListenForChange = () => this._internal.changeObservable.stopAllListen();

package/dist/index.d.ts

@@ -1,8 +1,10 @@
 export * from "./CatalogueAPI.js";
 export * from "./CfgProduct.js";
 export * from "./io/CfgHistoryManager.js";
+export * from "./io/CfgHistoryToCameraConfConnector.js";
 export * from "./io/CfgHistoryToProdConfConnector.js";
 export * from "./io/CfgWindowMessageManager.js";
+export * from "./io/CfgWindowMessageToCameraConfConnector.js";
 export * from "./io/CfgWindowMessageToProdConfConnector.js";
 export * from "./material/CfgMaterialMapping.js";
 export * from "./material/CfgMtrlApplication.js";

package/dist/index.js

@@ -1,8 +1,10 @@
 export * from "./CatalogueAPI.js";
 export * from "./CfgProduct.js";
 export * from "./io/CfgHistoryManager.js";
+export * from "./io/CfgHistoryToCameraConfConnector.js";
 export * from "./io/CfgHistoryToProdConfConnector.js";
 export * from "./io/CfgWindowMessageManager.js";
+export * from "./io/CfgWindowMessageToCameraConfConnector.js";
 export * from "./io/CfgWindowMessageToProdConfConnector.js";
 export * from "./material/CfgMaterialMapping.js";
 export * from "./material/CfgMtrlApplication.js";

package/dist/io/CfgHistoryManager.d.ts

@@ -1,6 +1,7 @@
 import { CfgIOManager } from "./CfgIOManager.js";
 export declare type CfgHistoryManagerSendData<D> = {
     message: D;
+    useHistoryPush: boolean;
     qsKeyValues: Map<string, string | undefined> | undefined;
 };
 /**
@@ -11,18 +12,13 @@ export declare type CfgHistoryManagerSendData<D> = {
 export declare class CfgHistoryManager<D extends {
     initial: boolean;
 }> extends CfgIOManager<"popstate", CfgHistoryManagerSendData<D>> {
-    private readonly _useHistoryPush;
-    /**
-     * @param _useHistoryPush As opposed to replace. Push makes the web browser navigation buttons navigate configuration changes. Replace just updates the URL.
-     */
-    constructor(_useHistoryPush: boolean);
     protected doSend(messageKey: string, data: CfgHistoryManagerSendData<D>): void;
     private static _makeUpdatedUrl;
     private static _makeUpdatedQueryString;
     /**
      * @returns The current query string as a Map
      */
-    static _currentQsKeyValues(): Map<string, string>;
+    static currentQsKeyValues(): Map<string, string>;
     private static _makeUpdatedState;
     protected readonly eventType = "popstate";
     protected getDataFromEvent(event: PopStateEvent): unknown;

package/dist/io/CfgHistoryManager.js

@@ -6,19 +6,15 @@ import { CfgIOManager } from "./CfgIOManager.js";
  * Only handles configuration, not product
  */
 export class CfgHistoryManager extends CfgIOManager {
-    /**
-     * @param _useHistoryPush As opposed to replace. Push makes the web browser navigation buttons navigate configuration changes. Replace just updates the URL.
-     */
-    constructor(_useHistoryPush) {
-        super();
-        this._useHistoryPush = _useHistoryPush;
+    constructor() {
+        super(...arguments);
         this.eventType = "popstate";
     }
     doSend(messageKey, data) {
-        const { qsKeyValues, message } = data;
+        const { qsKeyValues, message, useHistoryPush } = data;
         const newUrl = qsKeyValues === undefined ? null : CfgHistoryManager._makeUpdatedUrl(qsKeyValues);
         const newState = CfgHistoryManager._makeUpdatedState(message, messageKey);
-        if (!message.initial && this._useHistoryPush) {
+        if (!message.initial && useHistoryPush) {
             window.history.pushState(newState, "", newUrl);
         }
         else {
@@ -30,7 +26,7 @@ export class CfgHistoryManager extends CfgIOManager {
         return `${window.location.origin}${window.location.pathname}${qs ? "?" : ""}${qs}${window.location.hash}`;
     }
     static _makeUpdatedQueryString(qsKeyValues) {
-        const currentKeyValues = this._currentQsKeyValues();
+        const currentKeyValues = this.currentQsKeyValues();
         for (const [key, value] of qsKeyValues) {
             if (value === undefined) {
                 currentKeyValues.delete(key);
@@ -44,7 +40,7 @@ export class CfgHistoryManager extends CfgIOManager {
     /**
      * @returns The current query string as a Map
      */
-    static _currentQsKeyValues() {
+    static currentQsKeyValues() {
         return mapQueryString(window.location.search);
     }
     static _makeUpdatedState(message, messageKey) {

package/dist/io/CfgHistoryToCameraConfConnector.d.ts

@@ -0,0 +1,15 @@
+import { Observable } from "@configura/web-utilities";
+import { CfgHistoryManager, CfgHistoryManagerSendData } from "./CfgHistoryManager.js";
+import { CfgCameraConf, CfgCameraConfMessage, CfgIOCameraConfConnector } from "./CfgIOCameraConfConnector.js";
+export declare class CfgHistoryToCameraConfConnector extends CfgIOCameraConfConnector<"popstate", CfgHistoryManagerSendData<CfgCameraConfMessage>, CfgHistoryManager<CfgCameraConfMessage>> {
+    private readonly defaults;
+    private readonly _qsKeyYaw;
+    private readonly _qsKeyPitch;
+    static make(manager: CfgHistoryManager<CfgCameraConfMessage>, defaults: CfgCameraConf, cameraControl: Observable<CfgCameraConf>, qsKeyYaw?: string, qsKeyPitch?: string): {
+        instance: CfgHistoryToCameraConfConnector;
+        initial: CfgCameraConf;
+    };
+    private constructor();
+    protected makeSendData(cameraConf: CfgCameraConf, initial: boolean): CfgHistoryManagerSendData<CfgCameraConfMessage>;
+}
+//# sourceMappingURL=CfgHistoryToCameraConfConnector.d.ts.map

package/dist/io/CfgHistoryToCameraConfConnector.js

@@ -0,0 +1,58 @@
+import { degToRad, radToDeg } from "@configura/web-utilities";
+import { CfgHistoryManager } from "./CfgHistoryManager.js";
+import { CfgIOCameraConfConnector, } from "./CfgIOCameraConfConnector.js";
+const YAW_QS_KEY = "stageyaw";
+const PITCH_QS_KEY = "stagepitch";
+function qsAsNumber(qsMap, key) {
+    const asString = qsMap.get(key);
+    if (asString === undefined) {
+        return undefined;
+    }
+    const asNumber = parseFloat(asString);
+    if (!isFinite(asNumber)) {
+        return undefined;
+    }
+    return degToRad(asNumber);
+}
+function addToMap(map, key, value) {
+    if (value === undefined) {
+        map.delete(key);
+    }
+    else {
+        const timesHundredString = `${Math.round(100 * radToDeg(value))}`;
+        const decimalPlace = timesHundredString.length - 2;
+        map.set(key, `${timesHundredString.substring(0, decimalPlace)}.${timesHundredString.substring(decimalPlace)}`);
+    }
+}
+export class CfgHistoryToCameraConfConnector extends CfgIOCameraConfConnector {
+    constructor(manager, defaults, initial, cameraControl, _qsKeyYaw, _qsKeyPitch) {
+        super(manager, initial, cameraControl);
+        this.defaults = defaults;
+        this._qsKeyYaw = _qsKeyYaw;
+        this._qsKeyPitch = _qsKeyPitch;
+    }
+    static make(manager, defaults, cameraControl, qsKeyYaw = YAW_QS_KEY, qsKeyPitch = PITCH_QS_KEY) {
+        var _a, _b;
+        const qsKeyValues = CfgHistoryManager.currentQsKeyValues();
+        const initial = {
+            yaw: (_a = qsAsNumber(qsKeyValues, qsKeyYaw)) !== null && _a !== void 0 ? _a : defaults.yaw,
+            pitch: (_b = qsAsNumber(qsKeyValues, qsKeyPitch)) !== null && _b !== void 0 ? _b : defaults.pitch,
+        };
+        const instance = new CfgHistoryToCameraConfConnector(manager, defaults, initial, cameraControl, qsKeyYaw, qsKeyPitch);
+        return { instance, initial };
+    }
+    makeSendData(cameraConf, initial) {
+        let qsKeyValues = undefined;
+        if (!initial &&
+            !(this.defaults.pitch === cameraConf.pitch && this.defaults.yaw === cameraConf.yaw)) {
+            qsKeyValues = new Map();
+            addToMap(qsKeyValues, this._qsKeyYaw, cameraConf.yaw);
+            addToMap(qsKeyValues, this._qsKeyPitch, cameraConf.pitch);
+        }
+        return {
+            message: this.makeMessage(cameraConf, initial),
+            qsKeyValues,
+            useHistoryPush: false,
+        };
+    }
+}

package/dist/io/CfgHistoryToProdConfConnector.d.ts

@@ -1,10 +1,14 @@
+import { AdditionalProductConfiguration } from "../CatalogueAPI.js";
 import { CfgHistoryManager, CfgHistoryManagerSendData } from "./CfgHistoryManager.js";
 import { CfgIOProdConfConnector, CfgProdConfMessage } from "./CfgIOProdConfConnector.js";
-export declare const STAGE_PROD_CONF_MESSAGE_KEY = "stageprodconf";
 export declare class CfgHistoryToProdConfConnector extends CfgIOProdConfConnector<"popstate", CfgHistoryManagerSendData<CfgProdConfMessage>, CfgHistoryManager<CfgProdConfMessage>> {
+    private readonly _useHistoryPush;
     private readonly _qsKey;
-    constructor(manager: CfgHistoryManager<CfgProdConfMessage>, _qsKey?: string, doValidate?: boolean);
+    /**
+     * @param _useHistoryPush As opposed to replace. Push makes the web browser navigation buttons navigate configuration changes. Replace just updates the URL.
+     */
+    constructor(manager: CfgHistoryManager<CfgProdConfMessage>, _useHistoryPush: boolean, _qsKey?: string, doValidate?: boolean);
     protected getInitialProdConf(): string | undefined;
-    protected makeSendData(prodConfAsString: string, initial: boolean): CfgHistoryManagerSendData<CfgProdConfMessage>;
+    protected makeSendData(prodConf: AdditionalProductConfiguration, initial: boolean): CfgHistoryManagerSendData<CfgProdConfMessage>;
 }
 //# sourceMappingURL=CfgHistoryToProdConfConnector.d.ts.map

package/dist/io/CfgHistoryToProdConfConnector.js

@@ -1,20 +1,24 @@
 import { CfgHistoryManager } from "./CfgHistoryManager.js";
-import { CfgIOProdConfConnector } from "./CfgIOProdConfConnector.js";
-export const STAGE_PROD_CONF_MESSAGE_KEY = "stageprodconf";
+import { CfgIOProdConfConnector, prodConfToString, STAGE_PROD_CONF_MESSAGE_KEY, } from "./CfgIOProdConfConnector.js";
 export class CfgHistoryToProdConfConnector extends CfgIOProdConfConnector {
-    constructor(manager, _qsKey = STAGE_PROD_CONF_MESSAGE_KEY, doValidate = true) {
+    /**
+     * @param _useHistoryPush As opposed to replace. Push makes the web browser navigation buttons navigate configuration changes. Replace just updates the URL.
+     */
+    constructor(manager, _useHistoryPush, _qsKey = STAGE_PROD_CONF_MESSAGE_KEY, doValidate = true) {
         super(manager, doValidate);
+        this._useHistoryPush = _useHistoryPush;
         this._qsKey = _qsKey;
     }
     getInitialProdConf() {
-        return CfgHistoryManager._currentQsKeyValues().get(this._qsKey);
+        return CfgHistoryManager.currentQsKeyValues().get(this._qsKey);
     }
-    makeSendData(prodConfAsString, initial) {
+    makeSendData(prodConf, initial) {
         return {
-            message: this.makeMessage(prodConfAsString, initial),
+            message: this.makeMessage(prodConf, initial),
             qsKeyValues: initial
                 ? undefined
-                : new Map([[STAGE_PROD_CONF_MESSAGE_KEY, prodConfAsString]]),
+                : new Map([[STAGE_PROD_CONF_MESSAGE_KEY, prodConfToString(prodConf)]]),
+            useHistoryPush: this._useHistoryPush,
         };
     }
 }

package/dist/io/CfgIOCameraConfConnector.d.ts

@@ -0,0 +1,32 @@
+import { Observable } from "@configura/web-utilities";
+import { CfgIOManager } from "./CfgIOManager.js";
+export declare type CfgCameraConf = {
+    yaw?: number;
+    pitch?: number;
+    distance?: number;
+};
+export declare type CfgCameraConfMessage = {
+    version: string;
+    initial: boolean;
+} & CfgCameraConf;
+export declare const STAGE_CAMERA_CONF_MESSAGE_KEY = "stagecameraconf";
+export declare const STAGE_CAMERA_MESSAGE_VERSION = "1.0";
+declare type CameraConfMessageCallback = (message: CfgCameraConfMessage) => Promise<void>;
+declare type CameraConfCallback = (conf: CfgCameraConf) => Promise<void>;
+export declare abstract class CfgIOCameraConfConnector<K extends keyof WindowEventMap, S, M extends CfgIOManager<K, S>> {
+    private readonly _ioManager;
+    private readonly _cameraControl;
+    constructor(_ioManager: M, initial: CfgCameraConf, _cameraControl: Observable<CfgCameraConf>);
+    private _delayId;
+    protected abstract makeSendData(cameraConf: CfgCameraConf, initial: boolean): S;
+    makeMessage(cameraConf: CfgCameraConf, initial: boolean): CfgCameraConfMessage;
+    makeMessageListener(callback: CameraConfMessageCallback): (message: unknown) => Promise<void>;
+    /**
+     * Register the callback to listen for Product Configuration messages
+     * @returns A function which when called will cancel listening
+     */
+    listenForMessage(callback: CameraConfMessageCallback): () => void;
+    listenForCamera(callback: CameraConfCallback): () => void;
+}
+export {};
+//# sourceMappingURL=CfgIOCameraConfConnector.d.ts.map

package/dist/io/CfgIOCameraConfConnector.js

@@ -0,0 +1,67 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+// Chrome is not happy if history updates are sent to rapidly.
+// And message receivers probably don't want to get flooded either.
+const THROTTLING_DELAY = 100;
+export const STAGE_CAMERA_CONF_MESSAGE_KEY = "stagecameraconf";
+export const STAGE_CAMERA_MESSAGE_VERSION = "1.0";
+export class CfgIOCameraConfConnector {
+    constructor(_ioManager, initial, _cameraControl) {
+        this._ioManager = _ioManager;
+        this._cameraControl = _cameraControl;
+        _ioManager.send(STAGE_CAMERA_CONF_MESSAGE_KEY, this.makeSendData(initial, true));
+        this.listenForMessage((message) => __awaiter(this, void 0, void 0, function* () {
+            if (this._delayId !== undefined) {
+                return;
+            }
+            _cameraControl.notifyAll(message, this);
+        }));
+        this.listenForCamera((cameraConf) => __awaiter(this, void 0, void 0, function* () {
+            window.clearTimeout(this._delayId);
+            this._delayId = window.setTimeout(() => {
+                _ioManager.send(STAGE_CAMERA_CONF_MESSAGE_KEY, this.makeSendData(cameraConf, false));
+                this._delayId = undefined;
+            }, THROTTLING_DELAY);
+        }));
+    }
+    makeMessage(cameraConf, initial) {
+        return Object.assign({ version: STAGE_CAMERA_MESSAGE_VERSION, initial }, cameraConf);
+    }
+    makeMessageListener(callback) {
+        return (message) => __awaiter(this, void 0, void 0, function* () {
+            const cameraConfMessage = message;
+            const version = cameraConfMessage.version;
+            if (version !== "1.0") {
+                console.error(`The a message was passed with an unsupported version "${version}". Currently only ${STAGE_CAMERA_MESSAGE_VERSION} is supported.`);
+                return;
+            }
+            yield callback(cameraConfMessage);
+        });
+    }
+    /**
+     * Register the callback to listen for Product Configuration messages
+     * @returns A function which when called will cancel listening
+     */
+    listenForMessage(callback) {
+        const ioManager = this._ioManager;
+        const listener = this.makeMessageListener(callback);
+        ioManager.listen(listener, STAGE_CAMERA_CONF_MESSAGE_KEY);
+        return () => {
+            ioManager.stopListen(listener);
+        };
+    }
+    listenForCamera(callback) {
+        const cameraControl = this._cameraControl;
+        cameraControl.listen(callback, this);
+        return () => {
+            cameraControl.stopListen(callback);
+        };
+    }
+}

package/dist/io/CfgIOProdConfConnector.d.ts

@@ -1,33 +1,36 @@
+import { AdditionalProductConfiguration } from "../CatalogueAPI.js";
 import { CfgProduct, CfgProductChangeNotification } from "../CfgProduct.js";
 import { CfgIOManager } from "./CfgIOManager.js";
 export declare type CfgProdConfMessage = {
     version: string;
     initial: boolean;
-    prodConfAsString: string;
+    prodConf: AdditionalProductConfiguration;
 };
-export declare const STAGE_PROD_CONF_MESSAGE_KEY = "stageProdConf";
+export declare const STAGE_PROD_CONF_MESSAGE_KEY = "stageprodconf";
 export declare const STAGE_PROD_CONF_MESSAGE_VERSION = "1.0";
 declare type ProdConfMessageCallback = (message: CfgProdConfMessage) => Promise<void>;
-declare type ProdConfStringCallback = (prodConfAsString: string) => Promise<void>;
+declare type ProdConfCallback = (prodConf: AdditionalProductConfiguration) => Promise<void>;
+export declare function prodConfToString(conf: AdditionalProductConfiguration): string;
+export declare function stringToProdConf(conf: string): AdditionalProductConfiguration;
 export declare abstract class CfgIOProdConfConnector<K extends keyof WindowEventMap, S, M extends CfgIOManager<K, S>> {
-    protected readonly _ioManager: M;
-    protected readonly _doValidate: boolean;
+    private readonly _ioManager;
+    private readonly _doValidate;
     protected _product: CfgProduct | undefined;
     private _stopListenToMessage;
     private _stopListenToProdConf;
     constructor(_ioManager: M, _doValidate: boolean);
     setProduct: (product: CfgProduct | undefined) => Promise<void>;
     protected abstract getInitialProdConf(): string | undefined;
-    protected abstract makeSendData(prodConfAsString: string, initial: boolean): S;
-    makeMessage(prodConfAsString: string, initial: boolean): CfgProdConfMessage;
+    protected abstract makeSendData(prodConf: AdditionalProductConfiguration, initial: boolean): S;
+    makeMessage(prodConf: AdditionalProductConfiguration, initial: boolean): CfgProdConfMessage;
     makeMessageListener(callback: ProdConfMessageCallback): (message: unknown) => Promise<void>;
     /**
      * Register the callback to listen for Product Configuration messages
      * @returns A function which when called will cancel listening
      */
     listenForMessage(callback: ProdConfMessageCallback): () => void;
-    makeProdConfListener(callback: ProdConfStringCallback): (n: CfgProductChangeNotification) => void;
-    listenForProdConf(product: CfgProduct, callback: ProdConfStringCallback): () => void;
+    makeProdConfListener(callback: ProdConfCallback): (n: CfgProductChangeNotification) => void;
+    listenForProdConf(product: CfgProduct, callback: ProdConfCallback): () => void;
 }
 export {};
 //# sourceMappingURL=CfgIOProdConfConnector.d.ts.map

package/dist/io/CfgIOProdConfConnector.js

@@ -7,8 +7,14 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-export const STAGE_PROD_CONF_MESSAGE_KEY = "stageProdConf";
+export const STAGE_PROD_CONF_MESSAGE_KEY = "stageprodconf";
 export const STAGE_PROD_CONF_MESSAGE_VERSION = "1.0";
+export function prodConfToString(conf) {
+    return JSON.stringify(conf, undefined, "");
+}
+export function stringToProdConf(conf) {
+    return JSON.parse(conf);
+}
 export class CfgIOProdConfConnector {
     constructor(_ioManager, _doValidate) {
         this._ioManager = _ioManager;
@@ -36,27 +42,23 @@ export class CfgIOProdConfConnector {
             if (currentProduct === undefined) {
                 const initialProdConf = this.getInitialProdConf();
                 if (initialProdConf !== undefined) {
-                    yield newProduct.setFromApiSelectionString(initialProdConf, this._doValidate);
+                    yield newProduct.setApiSelection(stringToProdConf(initialProdConf), this._doValidate);
                 }
             }
-            this._ioManager.send(STAGE_PROD_CONF_MESSAGE_KEY, this.makeSendData(newProduct.getApiSelectionAsString(), true));
+            this._ioManager.send(STAGE_PROD_CONF_MESSAGE_KEY, this.makeSendData(newProduct.getApiSelection(), true));
             this._stopListenToMessage = this.listenForMessage((message) => __awaiter(this, void 0, void 0, function* () {
-                const prodConfAsString = message.prodConfAsString;
-                if (prodConfAsString === newProduct.getApiSelectionAsString()) {
-                    return;
-                }
-                yield newProduct.setFromApiSelectionString(prodConfAsString, this._doValidate);
+                yield newProduct.setApiSelection(message.prodConf, this._doValidate);
             }));
-            this._stopListenToProdConf = this.listenForProdConf(newProduct, (prodConfAsString) => __awaiter(this, void 0, void 0, function* () {
-                this._ioManager.send(STAGE_PROD_CONF_MESSAGE_KEY, this.makeSendData(prodConfAsString, false));
+            this._stopListenToProdConf = this.listenForProdConf(newProduct, (prodConf) => __awaiter(this, void 0, void 0, function* () {
+                this._ioManager.send(STAGE_PROD_CONF_MESSAGE_KEY, this.makeSendData(prodConf, false));
             }));
         });
     }
-    makeMessage(prodConfAsString, initial) {
+    makeMessage(prodConf, initial) {
         return {
             version: STAGE_PROD_CONF_MESSAGE_VERSION,
             initial,
-            prodConfAsString,
+            prodConf,
         };
     }
     makeMessageListener(callback) {
@@ -87,7 +89,7 @@ export class CfgIOProdConfConnector {
             if (!n.committed) {
                 return;
             }
-            callback(n.freshRef.getApiSelectionAsString());
+            callback(n.freshRef.getApiSelection());
         };
     }
     listenForProdConf(product, callback) {

package/dist/io/CfgWindowMessageToCameraConfConnector.d.ts

@@ -0,0 +1,6 @@
+import { CfgCameraConf, CfgIOCameraConfConnector } from "./CfgIOCameraConfConnector.js";
+import { CfgWindowMessageManager, CfgWindowMessageManagerSendData } from "./CfgWindowMessageManager.js";
+export declare class CfgWindowMessageToCameraConfConnector extends CfgIOCameraConfConnector<"message", CfgWindowMessageManagerSendData, CfgWindowMessageManager> {
+    protected makeSendData(cameraConf: CfgCameraConf, initial: boolean): CfgWindowMessageManagerSendData;
+}
+//# sourceMappingURL=CfgWindowMessageToCameraConfConnector.d.ts.map

package/dist/io/CfgWindowMessageToCameraConfConnector.js

@@ -0,0 +1,6 @@
+import { CfgIOCameraConfConnector } from "./CfgIOCameraConfConnector.js";
+export class CfgWindowMessageToCameraConfConnector extends CfgIOCameraConfConnector {
+    makeSendData(cameraConf, initial) {
+        return this.makeMessage(cameraConf, initial);
+    }
+}

package/dist/io/CfgWindowMessageToProdConfConnector.d.ts

@@ -1,3 +1,4 @@
+import { AdditionalProductConfiguration } from "../CatalogueAPI.js";
 import { CfgIOProdConfConnector } from "./CfgIOProdConfConnector.js";
 import { CfgWindowMessageManager, CfgWindowMessageManagerSendData } from "./CfgWindowMessageManager.js";
 /**
@@ -8,6 +9,6 @@ import { CfgWindowMessageManager, CfgWindowMessageManagerSendData } from "./CfgW
 export declare class CfgWindowMessageToProdConfConnector extends CfgIOProdConfConnector<"message", CfgWindowMessageManagerSendData, CfgWindowMessageManager> {
     constructor(manager: CfgWindowMessageManager, doValidate?: boolean);
     protected getInitialProdConf(): string | undefined;
-    protected makeSendData(prodConfAsString: string, initial: boolean): CfgWindowMessageManagerSendData;
+    protected makeSendData(prodConf: AdditionalProductConfiguration, initial: boolean): CfgWindowMessageManagerSendData;
 }
 //# sourceMappingURL=CfgWindowMessageToProdConfConnector.d.ts.map

package/dist/io/CfgWindowMessageToProdConfConnector.js

@@ -11,7 +11,7 @@ export class CfgWindowMessageToProdConfConnector extends CfgIOProdConfConnector
     getInitialProdConf() {
         return undefined;
     }
-    makeSendData(prodConfAsString, initial) {
-        return this.makeMessage(prodConfAsString, initial);
+    makeSendData(prodConf, initial) {
+        return this.makeMessage(prodConf, initial);
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@configura/web-api",
-	"version": "1.6.0-iotest.2",
+	"version": "1.6.0-iotest.3",
 	"license": "Apache-2.0",
 	"type": "module",
 	"main": "dist/index.js",
@@ -23,7 +23,7 @@
 		"access": "public"
 	},
 	"dependencies": {
-		"@configura/web-utilities": "1.6.0-iotest.2"
+		"@configura/web-utilities": "1.6.0-iotest.3"
 	},
-	"gitHead": "c03efb8cfe9fb28a83aaa19bbac09a30a7032e01"
+	"gitHead": "7f913509770f510cef840f5821fc0068887900ca"
 }