feat: hide_navbar

deno.jsonc

@@ -1,12 +1,13 @@
 {
   "tasks": {
-    "install": "deno run -Ar install.ts ."
+    "install": "deno run -Ar install.ts .",
+    "dev": "cd www && pyro dev"
   },
   "imports": {
     "preact": "https://esm.sh/[email protected]",
     "preact/": "https://esm.sh/[email protected]/",
     "preact-render-to-string": "https://esm.sh/*[email protected]",
-    "std/": "https://deno.land/std@0.197.0/",
+    "std/": "https://deno.land/std@0.198.0/",
     "gfm": "https://deno.land/x/[email protected]/mod.ts",
     "icons/": "https://deno.land/x/[email protected]/tsx/",
     "pngs": "https://deno.land/x/[email protected]/mod.ts",
@@ -17,8 +18,8 @@
     "cliffy": "https://deno.land/x/[email protected]/command/mod.ts",
     "esbuild": "https://deno.land/x/[email protected]/mod.js",
     "esbuild_deno_loader": "https://deno.land/x/[email protected]/mod.ts",
-    "@unocss/core": "https://esm.sh/@unocss/[email protected].1",
-    "@unocss/preset-uno": "https://esm.sh/@unocss/[email protected].1"
+    "@unocss/core": "https://esm.sh/@unocss/[email protected].2",
+    "@unocss/preset-uno": "https://esm.sh/@unocss/[email protected].2"
   },
   "compilerOptions": {
     "jsx": "react-jsx",

src/lib/page.tsx

@@ -149,12 +149,18 @@ export async function page(props: {
               header={props.options.header}
               github={props.options.config.github}
             />
-            <div class="flex gap-12 flex-grow bg-white dark:bg-black">
-              <Sidebar
-                class="w-64 p-2 border-r border-gray-200 dark:border-gray-700 pt-4 flex flex-col gap-2"
-                route_map={props.options.route_map}
-                route={props.options.route}
-              />
+            <div
+              class={`flex gap-12 flex-grow bg-white dark:bg-black ${
+                props.options.config.hide_navbar ? "justify-center" : ""
+              }`}
+            >
+              {!props.options.config.hide_navbar && (
+                <Sidebar
+                  class="w-64 p-2 border-r border-gray-200 dark:border-gray-700 pt-4 flex flex-col gap-2"
+                  route_map={props.options.route_map}
+                  route={props.options.route}
+                />
+              )}
               <div class="flex-grow max-w-screen-lg flex flex-col gap-8 py-4 overflow-hidden">
                 <h1 class="text-5xl font-bold text-gray-800 dark:text-gray-100">
                   {props.page.title}

src/lib/types.ts

@@ -9,6 +9,7 @@ export interface Config {
   copyright?: string;
   header?: { left?: string[]; right?: string[] };
   footer?: Record<string, string[]>;
+  hide_navbar?: boolean;
   plugins?: string[];
 }
 

www/pages/getting-started/configuration.md

@@ -44,6 +44,9 @@ footer:
    - Discord https://discord.gg/XJMMSSC4Fj
    - Support https://github.com/lino-levan/pyro/issues/new
 
+# Hide the navigation bar on the left from rendering (optional)
+hide_navbar: true
+
 # Any plugins you want to be used (optional)
 plugin:
   - https://deno.land/x/pyro/plugins/demo.tsx

www/pyro.yml

@@ -12,4 +12,4 @@ footer:
     - Installation /getting-started/installation
   Community:
    - Discord https://discord.gg/XJMMSSC4Fj
-   - Support https://github.com/lino-levan/pyro/issues/new
+   - Support https://github.com/lino-levan/pyro/issues/new