@salesforcedevs/dw-components 1.20.16-ssg-alpha → 1.20.16-ssg-alpha2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dw-components",
-    "version": "1.20.16-ssg-alpha",
+    "version": "1.20.16-ssg-alpha2",
     "description": "Lightning web components for https://developer.salesforce.com",
     "license": "MIT",
     "engines": {

package/src/modules/dw/docsGrid/docsGrid.ts

@@ -1,5 +1,5 @@
 import { api, LightningElement } from "lwc";
-import { toJson } from "dxUtils/normalizers";
+import { normalizeBoolean, toJson } from "dxUtils/normalizers";
 import { DocsTile, DropdownItem, Language } from "typings/custom";
 import qs from "query-string";
 import uniqBy from "lodash.uniqby";
@@ -58,12 +58,13 @@ export default class DocsGrid extends LightningElement {
     private _allLanguages: Array<Language> = [];
     private filteredItemsSelected: boolean = false;
     private _isFetchingOtherDocs: boolean = false;
+    private _ssgEnabled: boolean = false;
 
     connectedCallback(): void {
         this.retrieveDscApis(true);
 
-        // If SSG_ENABLED is true and otherDocs wasn't passed, fetch from /sitemetadata
-        if (!this._otherDocs || this._otherDocs.length === 0) {
+        // If SSG_ENABLED is true, fetch from /sitemetadata
+        if (this.ssgEnabled) {
             this.fetchOtherDocsFromSitemetadata();
         }
 
@@ -104,6 +105,17 @@ export default class DocsGrid extends LightningElement {
 
     @api apiDomain = "https://developer.salesforce.com";
 
+    @api
+    get ssgEnabled(): boolean {
+        return this._ssgEnabled;
+    }
+
+    set ssgEnabled(value) {
+        if (value) {
+            this._ssgEnabled = normalizeBoolean(value);
+        }
+    }
+
     @api
     get externalMicrosites() {
         return this._externalMicrosites || [];
@@ -128,23 +140,18 @@ export default class DocsGrid extends LightningElement {
     }
 
     set otherDocs(value: any) {
-        // When SSG_ENABLED is true otherDocs is set to empty and need to fetch data
-        if (!this._isFetchingOtherDocs) {
-            this.fetchOtherDocsFromSitemetadata();
-        } else {
-            this.processOtherDocs(value);
-        }
+        this._otherDocs = this.transformOtherDocs(value);
     }
 
-    private processOtherDocs(value: any): void {
+    private transformOtherDocs(value: any): any[] {
         const allDocs = toJson(value);
-        this._otherDocs = [];
+        const transformed: any[] = [];
 
         for (const docs of allDocs) {
             for (const project of docs.projects) {
                 const firstLink = project.contentTypes[0].href;
 
-                this._otherDocs.push({
+                transformed.push({
                     id: project.id,
                     title: project.title,
                     description: project.description,
@@ -155,6 +162,8 @@ export default class DocsGrid extends LightningElement {
                 });
             }
         }
+
+        return transformed;
     }
 
     async fetchOtherDocsFromSitemetadata(): Promise<void> {
@@ -168,7 +177,7 @@ export default class DocsGrid extends LightningElement {
 
             if (response.ok) {
                 const data = await response.json();
-                this.processOtherDocs(data);
+                this._otherDocs = this.transformOtherDocs(data);
             } else {
                 console.error(
                     `Failed to fetch sitemetadata: ${response.status}`