@salesforcedevs/docs-components 1.3.403-node-20-alpha → 1.11.2-cx-router-alpha1

package/package.json

@@ -1,17 +1,17 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.3.403-node-20-alpha",
+    "version": "1.11.2-cx-router-alpha1",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",
     "engines": {
-        "node": "20.x"
+        "node": "18.x"
     },
     "publishConfig": {
         "access": "public"
     },
     "dependencies": {
-        "@api-components/amf-helper-mixin": "4.5.24",
+        "@api-components/amf-helper-mixin": "4.5.29",
         "classnames": "2.5.1",
         "kagekiri": "1.4.2",
         "lodash.orderby": "4.6.0",

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,7 +47,9 @@ export default class SpecificationContent extends LightningElement {
             }
 
             const result = await response.json();
-            this.data = result;
+
+            // Due to middleware the data is sent as part of response now.
+            this.data = result?.response;
             ({
                 attributes: this.attributes,
                 methods: this.methods,
@@ -53,7 +58,7 @@ export default class SpecificationContent extends LightningElement {
             } = this.data);
         } catch (error) {
             this.data = {};
-            console.error("fetchComponentMetadata() failed for:" + url);
+            console.error("fetchComponentMetadata() failed for:", url);
         }
     }