@salesforcedevs/docs-components 1.3.304-amf-fix-alpha1 → 1.3.304-async-fix-alpha1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.3.304-amf-fix-alpha1",
+    "version": "1.3.304-async-fix-alpha1",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",
@@ -17,7 +17,8 @@
         "lodash.orderby": "^4.6.0",
         "lodash.uniqby": "^4.7.0",
         "query-string": "^7.1.3",
-        "sentence-case": "^3.0.4"
+        "sentence-case": "^3.0.4",
+        "yieldable-json": "^2.0.1"
     },
     "devDependencies": {
         "@types/classnames": "^2.2.10",

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

@@ -9,7 +9,7 @@ import {
 } from "./utils";
 import type { TopicModel } from "./types";
 import { Json } from "typings/custom";
-
+import { parse, stringify } from "yieldable-json";
 
 const TABLE_SIZE_MATCH = "769px";
 
@@ -24,24 +24,17 @@ export default class AmfTopic extends LightningElement {
     }
 
     set model(value: TopicModel) {
-        const amfJsonObj = clone(value);
         if (
             !this.amf ||
-            (value &&
-                this._model &&
-                value.amf !== this._model?.amf &&
-                amfJsonObj?.amf)
+            (value && this._model && value.amf !== this._model?.amf)
         ) {
-            this.amf = value && amfJsonObj.amf;
+            this.amf = value && clone(value.amf);
         }
         if (
             !this.type ||
-            (value &&
-                this._model &&
-                value.type !== this._model?.type &&
-                amfJsonObj?.type)
+            (value && this._model && value.type !== this._model?.type)
         ) {
-            this.type = value && amfJsonObj.type;
+            this.type = value && clone(value.type);
         }
 
         this._model = value;
@@ -120,6 +113,7 @@ export default class AmfTopic extends LightningElement {
  * @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));
+async function clone(value: any): any {
+    const parsedValue = await parse(stringify(value));
+    return parsedValue;
 }

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

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