@salesforcedevs/docs-components 1.11.2 → 1.13.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.11.2",
+    "version": "1.13.1",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",
@@ -24,5 +24,5 @@
         "@types/lodash.orderby": "4.6.9",
         "@types/lodash.uniqby": "4.7.9"
     },
-    "gitHead": "cdbcf5a2d4c60e691129c844686c6e7ff63cd49d"
+    "gitHead": "5972a7da41fde5c28244cbf604064eb390291e09"
 }

package/src/modules/doc/specificationContent/specificationContent.ts

@@ -2,19 +2,13 @@ import { LightningElement, track, api } from "lwc";
 import { Method, Specification } from "typings/custom";
 import debounce from "debounce";
 
+const CX_ROUTER_API: string = "/cx-router/components";
 export default class SpecificationContent extends LightningElement {
     @track data: any;
-    // TODO: added these default values for testing, will drop this once the backend is ready.
-    @api component: string = "button";
-    @api model: string = "lwc";
-    @api namespace: string = "lightning";
-
-    /* TODO: The actual URL is as follows:
-     * http://api.salesforce.com/doc-platform/developer/v1/{type}/{sub-type}/{component-name}
-     * Until the API integration is ready, we will go ahead with mocked-router-url.
-     */
-    @api apiBaseUrl: string =
-        "https://cx-mock-router-internal-07a18d7b3f61.herokuapp.com";
+
+    @api component!: string;
+    @api model!: string;
+    @api namespace!: string;
 
     private attributes: Specification[] = [];
     private methods: Method[] = [];
@@ -33,7 +27,16 @@ export default class SpecificationContent extends LightningElement {
     }
 
     async fetchComponentMetadata() {
-        const url = `${this.apiBaseUrl}/${this.model}/${this.namespace}/${this.component}`;
+        const componentQueryParams = {
+            model: this.model,
+            namespace: this.namespace,
+            component: this.component
+        };
+
+        const queryString = new URLSearchParams(
+            componentQueryParams
+        ).toString();
+        const url = `${CX_ROUTER_API}?${queryString}`;
 
         try {
             const response = await fetch(url);
@@ -44,16 +47,20 @@ export default class SpecificationContent extends LightningElement {
             }
 
             const result = await response.json();
-            this.data = result;
-            ({
-                attributes: this.attributes,
-                methods: this.methods,
-                slots: this.slots,
-                events: this.events
-            } = this.data);
+
+            // Due to middleware the data is sent as part of response now.
+            this.data = result?.response;
+            if (this.data) {
+                ({
+                    attributes: this.attributes,
+                    methods: this.methods,
+                    slots: this.slots,
+                    events: this.events
+                } = this.data);
+            }
         } catch (error) {
             this.data = {};
-            console.error("fetchComponentMetadata() failed for:" + url);
+            console.error("fetchComponentMetadata() failed:", error);
         }
     }