refactor: migrate navbar property to visibility

Author: LeadcodeDev

.astro/collections/docDefaults.schema.json

@@ -22,9 +22,15 @@
         "collection": {
           "type": "array"
         },
-        "navbar": {
-          "type": "boolean",
-          "default": false
+        "visibility": {
+          "type": "array",
+          "items": {
+            "type": "string",
+            "enum": [
+              "navbar"
+            ]
+          },
+          "default": []
         },
         "$schema": {
           "type": "string"

.astro/content-modules.mjs

@@ -1,11 +1,8 @@
 
 export default new Map([
 ["content/blog/index.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fblog%2Findex.mdx&astroContentModuleFlag=true")],
-["content/blog/welcome.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fblog%2Fwelcome.mdx&astroContentModuleFlag=true")],
 ["content/blog/lorem_ipsum.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fblog%2Florem_ipsum.mdx&astroContentModuleFlag=true")],
-["content/index.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Findex.mdx&astroContentModuleFlag=true")],
-["content/docs/framework/_default.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fframework%2F_default.mdx&astroContentModuleFlag=true")],
-["content/docs/syntax/_default.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fsyntax%2F_default.mdx&astroContentModuleFlag=true")],
+["content/blog/welcome.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fblog%2Fwelcome.mdx&astroContentModuleFlag=true")],
 ["content/docs/framework/blog.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fframework%2Fblog.mdx&astroContentModuleFlag=true")],
 ["content/docs/framework/configuration.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fframework%2Fconfiguration.mdx&astroContentModuleFlag=true")],
 ["content/docs/framework/deploy.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fframework%2Fdeploy.mdx&astroContentModuleFlag=true")],
@@ -15,7 +12,10 @@ export default new Map([
 ["content/docs/framework/project-structure.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fframework%2Fproject-structure.mdx&astroContentModuleFlag=true")],
 ["content/docs/framework/routing.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fframework%2Frouting.mdx&astroContentModuleFlag=true")],
 ["content/docs/syntax/alert.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fsyntax%2Falert.mdx&astroContentModuleFlag=true")],
+["content/docs/syntax/markdown.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fsyntax%2Fmarkdown.mdx&astroContentModuleFlag=true")],
 ["content/docs/syntax/code-block.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fsyntax%2Fcode-block.mdx&astroContentModuleFlag=true")],
 ["content/docs/syntax/text.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fsyntax%2Ftext.mdx&astroContentModuleFlag=true")],
-["content/docs/syntax/markdown.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fsyntax%2Fmarkdown.mdx&astroContentModuleFlag=true")]]);
+["content/docs/framework/_default.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fframework%2F_default.mdx&astroContentModuleFlag=true")],
+["content/docs/syntax/_default.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Fdocs%2Fsyntax%2F_default.mdx&astroContentModuleFlag=true")],
+["content/index.mdx", () => import("astro:content-layer-deferred-module?astro%3Acontent-layer-deferred-module=&fileName=content%2Findex.mdx&astroContentModuleFlag=true")]]);
 

.astro/data-store.json

@@ -4,7 +4,8 @@ directory: framework
 description: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 permalink: framework
 icon: lucide:cuboid
-navbar: true
+visibility:
+  - navbar
 collection:
   - getting-started: false
   - installation: true

content/docs/framework/_default.mdx

@@ -90,6 +90,8 @@ title: First file
 description: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 permalink: first-file
 icon: lucide:file
+visibility:
+  - navbar
 ---
 ```
 
@@ -99,7 +101,7 @@ export const docSchema = z.object({
   description: z.string(),
   permalink: z.string().optional(),
   icon: z.string().optional(),
-  navbar: z.boolean().default(false),
+  visibility: z.array(z.enum(["navbar"])).default([]),
 });
 ```
 

content/docs/framework/docs.mdx

@@ -4,7 +4,8 @@ directory: syntax
 description: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 permalink: syntax
 icon: lucide:pencil-line
-navbar: false
+visibility:
+  - navbar
 collection:
   - text: true
   - markdown: true

content/docs/syntax/_default.mdx

@@ -17,7 +17,7 @@ export const docDefaultSchema = z.object({
   icon: z.string().optional(),
   directory: z.string(),
   collection: z.array(z.any()),
-  navbar: z.boolean().default(false),
+  visibility: z.array(z.enum(["navbar"])).default([]),
 });
 
 export const docDefaults = defineCollection({

src/content.config.ts

@@ -55,7 +55,12 @@ const derivedDocs = await load();
   </head>
   <body class="relative min-h-screen">
     <div class="min-h-screen flex flex-col">
-      <Navbar docs={derivedDocs} client:only />
+      <Navbar
+        docs={derivedDocs.filter((entry) =>
+          entry.visibility.includes("navbar"),
+        )}
+        client:only
+      />
       <slot />
       <Footer client:only />
     </div>

src/lib/layouts/BaseLayout.astro

@@ -69,32 +69,30 @@ export function useDocumentation(astro: {
     const defaults = await getCollection("docDefaults");
 
     return Promise.all(
-      defaults
-        .filter((entry) => entry.data.navbar)
-        .map(async (entry) => {
-          let children = await Promise.all(
-            entry.data.collection.map(async (child) => {
-              const [filename, visible] = Object.entries(child)[0];
-              const element = await getEntry(
-                entry.data.directory as any,
-                filename as any,
-              );
-
-              if (!element) {
-                console.error(`Element not found: ${filename}`);
-                return null;
-              }
-
-              return {
-                ...element,
-                visible,
-                href: `/docs/${entry.data.permalink}/${(element as any).data.permalink}`,
-              };
-            }),
-          );
-
-          return { ...entry.data, collection: children };
-        }),
+      defaults.map(async (entry) => {
+        let children = await Promise.all(
+          entry.data.collection.map(async (child) => {
+            const [filename, visible] = Object.entries(child)[0];
+            const element = await getEntry(
+              entry.data.directory as any,
+              filename as any,
+            );
+
+            if (!element) {
+              console.error(`Element not found: ${filename}`);
+              return null;
+            }
+
+            return {
+              ...element,
+              visible,
+              href: `/docs/${entry.data.permalink}/${(element as any).data.permalink}`,
+            };
+          }),
+        );
+
+        return { ...entry.data, collection: children };
+      }),
     );
   }