@salesforcedevs/docs-components 1.3.209-tag-alpha → 1.3.209-tag3-alpha

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.3.209-tag-alpha",
+    "version": "1.3.209-tag3-alpha",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",

package/src/modules/doc/amfReference/amfReference.ts

@@ -1320,14 +1320,49 @@ export default class AmfReference extends LightningElement {
             metaNavTitle.setAttribute("content", navTitle);
         }
 
+        /**
+         * Right now, the title tag only changes when you pick a Ref spec,
+         * not every time you choose a subsection of the Ref spec.
+         * This update aims to refresh the title tag with each selection.
+         * If a Ref spec is chosen, we add the value of the <selected topic> to the title.
+         * If a subsection is selected, we update the first part of the current
+         * title with the new <selected topic>.
+         * Example: Following is a sample project structure.
+         * - Project Name
+         *  - Ref Spec1
+         *      - Summary
+         *      - Endpoints
+         *          - E1
+         *          - E2
+         *  - Ref Spec2
+         *      - Summary
+         *      - Endpoints
+         *          - E1 (Selected)
+         *          - E2
+         * Previous Title: Ref Spec2 | Project Name | Salesforce Developer
+         * New Title: E1 | Ref Spec2 | Project Name | Salesforce Developer
+         *
+         */
         // eslint-disable-next-line @lwc/lwc/no-document-query
         const coveoTitleMetaTag = document.querySelector(
             'meta[name="coveo-search-title"]'
         );
-        if (coveoTitleMetaTag && titleTag && navTitle) {
-            const titleTagValue = titleTag.textContent;
-            const coveoSerachTitle = navTitle + TITLE_SEPARATOR + titleTagValue;
-            coveoTitleMetaTag.setAttribute("content", coveoSerachTitle);
+        if (titleTag) {
+            let titleTagValue = titleTag.textContent;
+            const titleTagSectionValues: string[] =
+                titleTagValue?.split(TITLE_SEPARATOR);
+            if (titleTagSectionValues) {
+                if (titleTagSectionValues.length <= 3) {
+                    titleTagValue = navTitle + TITLE_SEPARATOR + titleTagValue;
+                } else {
+                    titleTagSectionValues[0] = navTitle;
+                    titleTagValue = titleTagSectionValues.join(TITLE_SEPARATOR);
+                }
+            }
+            titleTag.textContent = titleTagValue;
+            if (coveoTitleMetaTag && titleTagValue) {
+                coveoTitleMetaTag.setAttribute("content", titleTagValue);
+            }
         }
     }