@salesforcedevs/docs-components 1.3.300-async-fix-alpha4 → 1.3.300-fix-alpha

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.3.300-async-fix-alpha4",
+    "version": "1.3.300-fix-alpha",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",

package/src/modules/doc/amfReference/amfReference.ts

@@ -1478,7 +1478,7 @@ export default class AmfReference extends LightningElement {
         // This updates the component in the content section.
         this.topicModel = {
             type,
-            amf: this.amfMap[referenceId].model,
+            amf: JSON.stringify(this.amfMap[referenceId].model),
             parser: this.amfMap[referenceId].parser,
             id: amfId
         };

package/src/modules/doc/amfTopic/amfTopic.ts

@@ -23,45 +23,24 @@ export default class AmfTopic extends LightningElement {
     }
 
     set model(value: TopicModel) {
-        const amfNeedsClone =
+        if (
             !this.amf ||
-            (value && this._model && value.amf !== this._model?.amf);
-        const typeNeedsClone =
+            (value && this._model && value.amf !== this._model?.amf)
+        ) {
+            this.amf = value && JSON.parse(value.amf);
+        }
+        if (
             !this.type ||
-            (value && this._model && value.type !== this._model?.type);
-
-        this.cloneData(
-            amfNeedsClone ? value.amf : this.amf,
-            typeNeedsClone ? value.type : this.type
-        )
-            .then(([clonedAmf, clonedType]) => {
-                this.amf = clonedAmf;
-                this.type = clonedType;
-                this._model = value;
-                this.update();
-            })
-            .catch((error) => {
-                console.error("Error cloning model:", error);
-            });
-    }
-
-    async cloneData(
-        amf: Json | undefined,
-        type: string | undefined
-    ): Promise<[Json, string]> {
-        const clonedAmf = amf ? await this.clone(amf) : amf;
-        const clonedType = type ? await this.clone(type) : type;
-        return [clonedAmf, clonedType];
-    }
+            (value && this._model && value.type !== this._model?.type)
+        ) {
+            this.type = value && value.type;
+        }
 
-    async clone(value: any): Promise<any> {
-        return new Promise((resolve, reject) => {
-            try {
-                resolve(JSON.parse(JSON.stringify(value)));
-            } catch (error) {
-                reject(error);
-            }
-        });
+        this._model = value;
+        if (this._model) {
+            this.update();
+        }
+        // else { Remove child? No model, seems like no component should be shown. }
     }
 
     update(): void {
@@ -112,18 +91,27 @@ export default class AmfTopic extends LightningElement {
         const isTabletOrDesktop = window.matchMedia(
             `(min-width: ${TABLE_SIZE_MATCH})`
         ).matches;
+
         if (isTabletOrDesktop) {
             window.scrollTo(0, 0);
         }
     }
 
     renderedCallback(): void {
-        if (this._model) {
-            try {
-                this.update();
-            } catch (error) {
-                console.error(error);
-            }
+        try {
+            this.update();
+        } catch (error) {
+            console.error(error);
         }
     }
 }
+
+/**
+ * The underlying web components we use from api-console mutate their models we pass in.
+ * Since LWC makes them Read Only, we need to copy them before passing to the Web Component.
+ * @param value JSON Serializable object to clone.
+ * @returns A copy of Value. One that has been serialized and parsed via JSON. (Functions, Regex, etc are not preserved.)
+ */
+// function clone(value: any): any {
+//     return JSON.parse(JSON.stringify(value));
+// }

package/src/modules/doc/amfTopic/worker.ts

@@ -1,3 +0,0 @@
-onmessage = function (event) {
-    postMessage(JSON.parse(JSON.stringify(event.data)));
-};