@salesforcedevs/docs-components 0.68.2 → 0.69.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "0.68.2",
+    "version": "0.69.0",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",
@@ -24,5 +24,5 @@
         "@types/lodash.orderby": "^4.6.7",
         "@types/lodash.uniqby": "^4.7.7"
     },
-    "gitHead": "15e09ed86a911009655e02d9b69a4b9c7407fa71"
+    "gitHead": "5183cd0ee93cedb7988377ff667f1e4c54ff8ea6"
 }

package/src/modules/doc/xmlContent/xmlContent.html

@@ -26,7 +26,7 @@
             </dx-dropdown>
         </div>
         <doc-breadcrumbs
-            if:true={breadcrumbs}
+            if:true={showBreadcrumbs}
             breadcrumbs={breadcrumbs}
             pixel-per-character={breadcrumbPixelPerCharacter}
         ></doc-breadcrumbs>

package/src/modules/doc/xmlContent/xmlContent.ts

@@ -18,11 +18,6 @@ import { Breadcrumb, Language } from "typings/custom";
 // TODO: Imitating from actual implementation as doc-content use it like this. We should refactor it later.
 const handleContentError = (error): void => console.log(error);
 
-const FIRST_CRUMB = {
-    href: "/docs",
-    label: "Documentation"
-};
-
 const PIXEL_PER_CHARACTER_MAP: { [key: string]: number } = {
     default: 7.7,
     "ja-jp": 12.5
@@ -581,6 +576,10 @@ export default class DocXmlContent extends LightningElementWithState<{
         );
     }
 
+    get showBreadcrumbs(): boolean {
+        return this.breadcrumbs && this.breadcrumbs.length > 0;
+    }
+
     private buildBreadcrumbs(): void {
         const { contentDocumentId } = this.pageReference;
         if (!contentDocumentId) {
@@ -588,23 +587,31 @@ export default class DocXmlContent extends LightningElementWithState<{
         }
 
         const currentNode = this.tocMap[contentDocumentId];
-        this.breadcrumbs = this.nodeToBreadcrumb(currentNode);
+        
+        if(currentNode.parent) {
+            this.breadcrumbs = this.nodeToBreadcrumb(currentNode);
+        } else {
+            this.breadcrumbs = [];
+        }
     }
 
-    private nodeToBreadcrumb(node?: TreeNode): Breadcrumb[] {
-        if (!node) {
-            return [FIRST_CRUMB];
+    private nodeToBreadcrumb(node: TreeNode): Breadcrumb[] {
+        const item = {
+            href: this.pageReferenceToString({
+                ...this.pageReference,
+                contentDocumentId: node.name
+            }),
+            label: node.label
+        };
+
+        if(node.parent) {
+            return [
+                ...this.nodeToBreadcrumb(node.parent),
+                item
+            ];
         }
-        return [
-            ...this.nodeToBreadcrumb(node.parent),
-            {
-                href: this.pageReferenceToString({
-                    ...this.pageReference,
-                    contentDocumentId: node.name
-                }),
-                label: node.label
-            }
-        ];
+
+        return [item];
     }
 
     addMetatags(): void {