@salesforcedevs/dw-components 1.20.16 → 1.24.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dw-components",
-    "version": "1.20.16",
+    "version": "1.24.0",
     "description": "Lightning web components for https://developer.salesforce.com",
     "license": "MIT",
     "engines": {
@@ -30,5 +30,5 @@
         "node": "20.19.0",
         "yarn": "1.22.19"
     },
-    "gitHead": "07815cdf681065e2c2f967ab36c2482ed4819662"
+    "gitHead": "e05270a253164e2f1ce49808e4a4f962037890af"
 }

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";
@@ -57,10 +57,17 @@ export default class DocsGrid extends LightningElement {
     private _couchDbDocTileExclusions?: Set<any>;
     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, fetch from /sitemetadata
+        if (this.ssgEnabled) {
+            this.fetchOtherDocsFromSitemetadata();
+        }
+
         this.matchDesktop = window.matchMedia("(min-width: 1024px)");
         this.matchDesktop.addEventListener("change", this.handleDesktopView);
 
@@ -98,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 || [];
@@ -122,14 +140,18 @@ export default class DocsGrid extends LightningElement {
     }
 
     set otherDocs(value: any) {
+        this._otherDocs = this.transformOtherDocs(value);
+    }
+
+    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,
@@ -140,6 +162,34 @@ export default class DocsGrid extends LightningElement {
                 });
             }
         }
+
+        return transformed;
+    }
+
+    async fetchOtherDocsFromSitemetadata(): Promise<void> {
+        if (this._isFetchingOtherDocs) {
+            return;
+        }
+
+        this._isFetchingOtherDocs = true;
+        try {
+            const response = await fetch("/sitemetadata");
+
+            if (response.ok) {
+                const data = await response.json();
+                this._otherDocs = this.transformOtherDocs(data);
+            } else {
+                console.error(
+                    `Failed to fetch sitemetadata: ${response.status}`
+                );
+                this._otherDocs = [];
+            }
+        } catch (error) {
+            console.error("Error fetching sitemetadata:", error);
+            this._otherDocs = [];
+        } finally {
+            this._isFetchingOtherDocs = false;
+        }
     }
 
     @api