@salesforcedevs/dw-components 1.20.16 → 1.26.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dw-components",
-    "version": "1.20.16",
+    "version": "1.26.1",
     "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": "49ed0007e33bd44997bb9e1cb5a23051434c3df6"
 }

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
@@ -211,17 +261,35 @@ export default class DocsGrid extends LightningElement {
             this.normalizeProductFilter(name)
         ) as Filter[];
 
-        const filters = [
+        this._productFiltersList = this.getSortedFilters([
             ...externalMicrositesFilters,
             ...otherDocsFilters,
             ...apiDocsFilters
-        ].filter((filter) => filter.value);
+        ]);
+    }
 
-        this._productFiltersList = orderBy(
-            uniqBy(filters as any, "value"),
+    private getSortedFilters(filters: Filter[]): Filter[] {
+        const specificFilters = [] as Filter[];
+        let allServicesFilter: Filter | undefined;
+
+        filters.forEach((filter) => {
+            if (filter.value === PRODUCT_FILTER_ALL_SERVICES) {
+                allServicesFilter = filter;
+            } else if (filter.value) {
+                // skip empty filters
+                specificFilters.push(filter);
+            }
+        });
+
+        const orderedSpecificFilters = orderBy(
+            uniqBy(specificFilters, "value"),
             ["value"],
             ["asc"]
         );
+
+        return allServicesFilter
+            ? [allServicesFilter, ...orderedSpecificFilters]
+            : orderedSpecificFilters;
     }
 
     @api
@@ -382,7 +450,7 @@ export default class DocsGrid extends LightningElement {
 
     normalizeProductFilter(val: string): Filter {
         return {
-            label: val,
+            label: val === "ai" ? "AI" : val,
             value: val && val.toLowerCase()
         };
     }