campsitejs 0.0.4 → 0.0.6

package/index.js

@@ -23,6 +23,35 @@ async function getCliVersion() {
   }
 }
 
+function showHelp(version) {
+  console.log(kleur.bold().cyan(`\n🏕️  CampsiteJS v${version}`));
+  console.log(kleur.dim("Create a new static site with CampsiteJS.\n"));
+  
+  console.log(kleur.bold("Usage:"));
+  console.log("  npm create campsitejs@latest [project-name]");
+  console.log("  npx campsitejs [project-name]\n");
+  
+  console.log(kleur.bold("Options:"));
+  console.log("  -h, --help     Show this help message");
+  console.log("  -v, --version  Show version number\n");
+  
+  console.log(kleur.bold("Examples:"));
+  console.log("  " + kleur.dim("# Create a new project interactively"));
+  console.log("  npm create campsitejs@latest");
+  console.log("  " + kleur.dim("# Create with a specific name"));
+  console.log("  npm create campsitejs@latest my-site\n");
+  
+  console.log(kleur.bold("After Setup:"));
+  console.log("  cd your-project-name");
+  console.log("  campsite dev          " + kleur.dim("# Start development server"));
+  console.log("  campsite build        " + kleur.dim("# Build for production"));
+  console.log("  campsite make:page    " + kleur.dim("# Create new content"));
+  console.log("  campsite --help       " + kleur.dim("# See all available commands\n"));
+  
+  console.log(kleur.dim("For more information, visit: https://campsitejs.dev"));
+  console.log();
+}
+
 async function ensureDir(dir) {
   await mkdir(dir, { recursive: true });
 }
@@ -86,11 +115,13 @@ async function writeConfig(targetDir, answers) {
   outDir: "dist",
   templateEngine: "${primaryEngine}",
   markdown: ${answers.markdown},
-  minifyCSS: false,
-  minifyHTML: false,
+  minifyCSS: ${answers.minifyAssets},
+  minifyHTML: ${answers.minifyAssets},
+  cacheBustAssets: ${answers.cacheBustAssets}, // Add content hashes to JS/CSS filenames
   integrations: {
     nunjucks: ${answers.templateEngines.includes("nunjucks")},
     liquid: ${answers.templateEngines.includes("liquid")},
+    mustache: ${answers.templateEngines.includes("mustache")},
     vue: ${answers.jsFrameworks.includes("vue")},
     alpine: ${answers.jsFrameworks.includes("alpine")}
   }
@@ -118,6 +149,7 @@ async function updatePackageJson(targetDir, answers) {
   if (answers.markdown) devDeps["markdown-it"] = "^14.1.0";
   if (answers.templateEngines.includes("nunjucks")) devDeps["nunjucks"] = "^3.2.4";
   if (answers.templateEngines.includes("liquid")) devDeps["liquidjs"] = "^10.12.0";
+  if (answers.templateEngines.includes("mustache")) devDeps["mustache"] = "^4.2.0";
   if (answers.jsFrameworks.includes("vue")) deps["vue"] = "^3.4.0";
   if (answers.jsFrameworks.includes("alpine")) deps["alpinejs"] = "^3.13.0";
 
@@ -178,6 +210,7 @@ async function copyVariantFiles(srcDir, destDir, ext) {
 async function applyTemplateVariants(targetDir, answers) {
   const wantsNunjucks = answers.templateEngines.includes("nunjucks");
   const wantsLiquid = answers.templateEngines.includes("liquid");
+  const wantsMustache = answers.templateEngines.includes("mustache");
   const srcRoot = join(targetDir, "src");
   const layoutsDir = join(srcRoot, "layouts");
   const pagesDir = join(srcRoot, "pages");
@@ -193,10 +226,13 @@ async function applyTemplateVariants(targetDir, answers) {
 
   const njkLayouts = join(variantDir, "layouts");
   const liquidLayouts = join(variantDir, "layouts");
+  const mustacheLayouts = join(variantDir, "layouts");
   const njkPages = join(variantDir, "pages");
   const liquidPages = join(variantDir, "pages");
+  const mustachePages = join(variantDir, "pages");
   const njkPartials = join(variantDir, "partials");
   const liquidPartials = join(variantDir, "partials");
+  const mustachePartials = join(variantDir, "partials");
 
   if (wantsNunjucks) {
     await copyVariantFiles(njkLayouts, layoutsDir, ".njk");
@@ -210,9 +246,16 @@ async function applyTemplateVariants(targetDir, answers) {
     await copyVariantFiles(liquidPartials, partialsDir, ".liquid");
   }
 
+  if (wantsMustache) {
+    await copyVariantFiles(mustacheLayouts, layoutsDir, ".mustache");
+    await copyVariantFiles(mustachePages, pagesDir, ".mustache");
+    await copyVariantFiles(mustachePartials, partialsDir, ".mustache");
+  }
+
   // Provide a Markdown starter when requested, pointing at the primary engine layout
   const primaryEngine = answers.templateEngines[0] || "nunjucks";
-  const mdLayout = primaryEngine === "liquid" ? "base.liquid" : "base.njk";
+  const layoutExtMap = { liquid: "base.liquid", mustache: "base.mustache", nunjucks: "base.njk" };
+  const mdLayout = layoutExtMap[primaryEngine] || "base.njk";
 
   if (answers.markdown) {
     const mdContent = `---
@@ -227,7 +270,7 @@ CampsiteJS sets up a warm starter for Markdown, Nunjucks, Liquid, Vue, and Alpin
 
 - Edit src/pages/index.md to make it yours.
 - Tweak the layout in src/layouts/${mdLayout}.
-- Add data under src/data/, components in src/components/, and partials in src/partials/.
+- Add data under src/collections/, components in src/components/, and partials in src/partials/.
 
 Happy camping! 🌲🏕️🔥
 `;
@@ -275,10 +318,23 @@ async function installDependencies(targetDir, packageManager) {
 
 async function main() {
   const version = await getCliVersion();
-  console.log(kleur.bold().cyan(`\n🏕️  Welcome to CampSiteJS v${version}`));
+  const firstArg = process.argv[2];
+
+  // Handle flags
+  if (firstArg === "-h" || firstArg === "--help") {
+    showHelp(version);
+    process.exit(0);
+  }
+
+  if (firstArg === "-v" || firstArg === "--version") {
+    console.log(`v${version}`);
+    process.exit(0);
+  }
+
+  console.log(kleur.bold().cyan(`\n🏕️  Welcome to CampsiteJS v${version}`));
   console.log(kleur.dim("Build a cozy static campsite in seconds.\n"));
 
-  const argProjectName = process.argv[2];
+  const argProjectName = firstArg;
   const defaultProjectName = argProjectName || nextCampsiteName(process.cwd());
   const answers = await prompts([
     {
@@ -298,13 +354,14 @@ async function main() {
     {
       type: "multiselect",
       name: "templateEngines",
-      message: "Choose templating engines",
+      message: "Choose templating languages",
       hint: "Use space to toggle, enter to confirm",
       instructions: false,
       min: 1,
       choices: [
         { title: "Nunjucks", value: "nunjucks", selected: true },
-        { title: "Liquid", value: "liquid" }
+        { title: "Liquid", value: "liquid" },
+        { title: "Mustache", value: "mustache" }
       ]
     },
     {
@@ -331,6 +388,22 @@ async function main() {
         { title: "Bulma", value: "bulma" }
       ]
     },
+    {
+      type: "toggle",
+      name: "cacheBustAssets",
+      message: "Enable cache busting for CSS/JS assets?",
+      initial: true,
+      active: "yes",
+      inactive: "no"
+    },
+    {
+      type: "toggle",
+      name: "minifyAssets",
+      message: "Minify CSS and HTML assets?",
+      initial: true,
+      active: "yes",
+      inactive: "no"
+    },
     {
       type: "select",
       name: "packageManager",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "campsitejs",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "type": "module",
   "description": "Create a new Campsite static site (campsitejs).",
   "bin": {

package/template/campsite.config.js

@@ -6,6 +6,7 @@ export default {
   markdown: true,
   minifyCSS: false,
   minifyHTML: false,
+  cacheBustAssets: false, // Set to true to add content hashes to JS/CSS filenames
   integrations: {
     nunjucks: true,
     liquid: false,

package/template/package.json

@@ -14,7 +14,7 @@
     "postinstall": "npm run build:css"
   },
   "dependencies": {
-    "basecampjs": "^0.0.6"
+    "basecampjs": "^0.0.9"
   },
   "devDependencies": {
     "npm-run-all": "^4.1.5",

package/template/src/{data → collections}/navbar.json

@@ -8,7 +8,7 @@
     },
     {
         "label": "Docs",
-        "url": "https://campsitejs.foxgrovemedia.com/docs/overview",
+        "url": "https://campsitejs.dev/docs/overview",
         "target": "_blank"
     },
     {

package/template/variants/layouts/base.mustache

@@ -0,0 +1,60 @@
+<!doctype html>
+<html lang="en" class="min-h-screen bg-radial bg-gradient-to-br from-campfire-900 from-10% to-black to-90%">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{{#page.title}}{{page.title}}{{/page.title}}{{^page.title}}{{#site.name}}{{site.name}}{{/site.name}}{{/page.title}}</title>
+  <meta name="description" content="{{#page.description}}{{page.description}}{{/page.description}}{{^page.description}}A cozy CampsiteJS starter.{{/page.description}}">
+  {{#frontmatter.robots}}
+  <meta name="robots" content="{{frontmatter.robots}}">
+  {{/frontmatter.robots}}
+  {{#frontmatter.canonical}}
+  <link rel="canonical" href="{{frontmatter.canonical}}">
+  {{/frontmatter.canonical}}
+  <meta property="og:title" content="{{#page.title}}{{page.title}}{{/page.title}}{{^page.title}}{{#site.name}}{{site.name}}{{/site.name}}{{/page.title}}">
+  <meta property="og:description" content="{{#page.description}}{{page.description}}{{/page.description}}{{^page.description}}A cozy CampsiteJS starter.{{/page.description}}">
+  {{#frontmatter.canonical}}
+  <meta property="og:url" content="{{frontmatter.canonical}}">
+  {{/frontmatter.canonical}}
+  <meta property="og:type" content="{{#frontmatter.og_type}}{{frontmatter.og_type}}{{/frontmatter.og_type}}{{^frontmatter.og_type}}website{{/frontmatter.og_type}}">
+  <meta property="og:site_name" content="{{site.name}}">
+  <meta name="twitter:card" content="{{#frontmatter.twitter_card}}{{frontmatter.twitter_card}}{{/frontmatter.twitter_card}}{{^frontmatter.twitter_card}}summary_large_image{{/frontmatter.twitter_card}}">
+  <meta name="twitter:title" content="{{#page.title}}{{page.title}}{{/page.title}}{{^page.title}}{{#site.name}}{{site.name}}{{/site.name}}{{/page.title}}">
+  <meta name="twitter:description" content="{{#page.description}}{{page.description}}{{/page.description}}{{^page.description}}A cozy CampsiteJS starter.{{/page.description}}">
+  {{#frontmatter.canonical}}
+  <meta name="twitter:url" content="{{frontmatter.canonical}}">
+  {{/frontmatter.canonical}}
+  <link rel="stylesheet" href="/style.css">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Caprasimo&display=swap" rel="stylesheet">
+</head>
+<body class="space-y-12 font-serif">
+  <header class="bg-stone-950 flex items-stretch justify-between py-2 px-6">
+    <a href="/" class="inline-flex items-center text-amber-50 font-bold text-lg tracking-wide py-3">
+      <svg class="h-6" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 550 139"><path d="M546.049 88.96q1.664 0 2.56 1.024 1.024 1.024 1.024 2.56 0 1.408-1.024 2.816-3.712 4.48-11.136 7.168-7.296 2.56-15.872 2.56-9.216 0-16.64-4.096-7.424-4.224-11.648-11.648-4.224-7.425-4.224-16.768 0-9.855 4.352-17.792 4.48-8.064 12.032-12.672 7.68-4.608 17.024-4.608 7.296 0 12.928 2.56 5.76 2.432 8.96 6.912 3.2 4.352 3.2 9.728 0 7.552-6.912 12.288-6.784 4.608-18.048 4.608-7.424 0-14.336-1.92-6.784-2.048-10.88-5.248-.64 3.584-.64 6.656 0 7.04 3.2 12.672 3.2 5.505 8.832 8.576t12.8 3.072q7.553 0 13.056-1.792 5.504-1.92 8.32-5.504 1.152-1.152 3.072-1.152m-23.552-43.776q-7.552 0-13.568 3.712-6.017 3.712-9.216 10.368 3.583 2.944 9.6 4.992 6.144 2.048 13.312 2.048 7.936 0 12.544-2.56 4.736-2.56 4.736-6.784 0-4.992-4.864-8.32-4.864-3.456-12.544-3.456M483.336 39.04q1.663 0 2.688 1.152 1.152 1.024 1.152 2.688 0 1.536-1.152 2.688-1.024 1.152-2.688 1.152h-13.824q0 34.688.128 39.168.128 4.864 2.304 6.912 2.304 2.048 5.888 2.944 1.663.383 2.688 1.664 1.024 1.152 1.024 2.816t-1.28 2.688q-1.152 1.024-2.816 1.024-3.968 0-7.552-1.92-3.584-2.047-5.76-5.76t-2.176-8.576q0-23.935-.128-40.96h-7.04q-1.536 0-2.688-1.152t-1.152-2.688q0-1.664 1.152-2.688 1.152-1.152 2.688-1.152h7.04V16.384q0-1.536 1.024-2.688 1.152-1.152 2.816-1.152 1.536 0 2.688 1.152t1.152 2.688V39.04zM435.029 18.048q-2.56 0-4.224-1.664-1.664-1.665-1.664-4.096 0-2.304 1.664-3.968 1.793-1.665 4.224-1.664 2.304 0 3.84 1.664 1.664 1.536 1.664 3.968t-1.664 4.096q-1.536 1.665-3.84 1.664m0 86.656q-1.536 0-2.688-1.152-1.152-1.024-1.152-2.56l.384-26.368.384-21.632q.128-2.431-1.024-4.992-1.152-2.688-2.56-3.456-1.536-1.024-2.432-1.792-.768-.768-.768-1.92 0-1.665 1.28-2.56a4.58 4.58 0 0 1 2.944-1.024q4.48 0 7.296 4.096 2.944 3.968 2.944 10.752 0 6.912-.256 18.816-.128 11.904-.256 18.176l-.256 11.904q0 1.663-1.152 2.688a3.92 3.92 0 0 1-2.688 1.024M386.088 104.576q-7.168 0-14.848-3.84-7.552-3.967-11.264-9.856a3.8 3.8 0 0 1-.512-1.92q0-1.664 1.024-2.688 1.152-1.152 2.816-1.152 2.176 0 3.2 1.792 2.432 4.48 8.064 7.424 5.76 2.816 11.52 2.816 7.936 0 12.544-2.432 4.736-2.56 4.736-7.04 0-4.224-3.968-7.296t-13.824-6.656q-9.857-3.585-16.128-7.808-6.144-4.352-6.144-11.776 0-4.864 3.072-8.704 3.2-3.968 8.448-6.144 5.376-2.304 11.776-2.304 8.448 0 14.976 3.84 6.656 3.712 9.216 9.856.256.512.256 1.664 0 1.792-1.024 2.816t-2.688 1.024q-1.024 0-2.048-.512a5.8 5.8 0 0 1-1.536-1.664q-1.92-4.224-6.656-6.912t-10.752-2.688q-6.656 0-11.008 2.816-4.352 2.688-4.352 6.912t4.736 7.296q4.865 2.944 13.056 5.504 11.904 3.84 17.024 8.448 5.248 4.608 5.248 12.288 0 7.936-6.656 12.416t-18.304 4.48M321.778 36.224q9.089 0 16.512 4.48 7.424 4.352 11.648 12.032t4.224 17.152q0 9.855-4.224 17.92-4.224 7.936-11.648 12.544-7.424 4.48-16.64 4.48-7.424 0-13.696-3.712-6.144-3.84-10.24-10.368-.512 40.576-.64 44.416 0 1.536-1.152 2.688-1.024 1.152-2.816 1.152-1.536 0-2.688-1.152a3.92 3.92 0 0 1-1.024-2.688l1.024-82.176q0-2.431-1.28-4.992-1.152-2.688-2.56-3.456-1.536-1.024-2.432-1.792a3.06 3.06 0 0 1-.768-2.048q0-1.665 1.28-2.56 1.28-.896 2.944-.896 3.968 0 6.784 3.328 2.944 3.2 3.584 8.96 4.096-6.144 10.24-9.728 6.272-3.584 13.568-3.584m-.128 60.928q7.04 0 12.672-3.584t8.832-9.728q3.328-6.272 3.328-13.952 0-7.425-3.328-13.312-3.2-5.887-8.832-9.216-5.632-3.456-12.672-3.456-6.784 0-12.16 3.456-5.376 3.328-8.448 9.216t-3.072 13.312q0 7.808 3.072 14.08 3.072 6.144 8.448 9.728 5.376 3.456 12.16 3.456M275.15 98.176q1.536.896 2.432 1.792.896.768.896 1.92 0 1.664-1.28 2.56t-3.072.896q-4.608 0-7.552-4.224t-2.816-11.392l.256-25.856q0-9.089-4.096-13.952-3.968-4.864-11.904-4.864-8.064 0-12.928 5.12t-5.632 13.056q0 6.784-.128 20.608-.128 13.696-.256 16.128a3.72 3.72 0 0 1-1.28 2.56q-1.152.896-2.688.896-1.663 0-2.688-1.024-1.024-1.024-1.024-2.432.128-3.967.256-17.664.128-13.696.128-19.968 0-7.808-4.224-12.544-4.096-4.864-10.88-4.864-7.807 0-13.056 4.864-5.248 4.865-6.272 12.288l-.768 37.888q0 1.663-1.152 2.688-1.152 1.024-2.816 1.024a3.92 3.92 0 0 1-2.688-1.024 3.92 3.92 0 0 1-1.024-2.688l.896-46.976q0-2.431-1.152-4.992-1.152-2.688-2.56-3.456-1.536-1.024-2.432-1.792a3.06 3.06 0 0 1-.768-2.048q0-1.665 1.28-2.56 1.28-.896 2.944-.896 3.712 0 6.4 2.944 2.688 2.816 3.584 7.936 3.584-5.12 8.832-7.808 5.376-2.688 11.136-2.688 6.784 0 12.16 3.712t7.936 10.112q3.328-6.655 8.96-10.24t12.288-3.584q11.136 0 17.152 6.912 6.144 6.784 6.144 19.072l-.256 25.984q0 2.432 1.152 5.12t2.56 3.456M143.486 37.957c1.42 1.196 1.617 3.333.407 4.754l-7.171 8.535 30.009 35.677a6.75 6.75 0 0 1 1.589 4.345v6.652a5.623 5.623 0 0 1-5.625 5.625h-60.75a5.623 5.623 0 0 1-5.625-5.625v-6.652c0-1.589.563-3.121 1.59-4.345l30.008-35.677-7.171-8.535a3.38 3.38 0 0 1 .407-4.754 3.383 3.383 0 0 1 4.754.408l6.412 7.636 6.413-7.622c1.195-1.42 3.332-1.617 4.753-.407zM103.07 91.268v5.527h8.888l2.151-2.306 15.75-16.875a3.34 3.34 0 0 1 2.461-1.07c.928 0 1.828.395 2.461 1.07l15.75 16.875 2.151 2.306h8.888v-5.527l-29.25-34.79zm18.113 5.527h22.26L132.306 84.87l-11.138 11.925zM80.512 85.76q1.025-1.152 2.688-1.152 1.536 0 2.688 1.152 1.152 1.025 1.152 2.688 0 1.536-1.28 2.816-6.144 6.272-16 9.856-9.728 3.456-19.712 3.456-14.208 0-25.6-6.528-11.392-6.655-17.92-18.432T0 52.864t6.528-27.008q6.528-12.16 17.92-18.944Q35.84 0 50.048 0q22.144 0 34.56 14.08 1.28 1.408 1.28 2.944t-1.152 2.688-2.816 1.152-2.688-1.152q-5.376-6.272-12.672-8.96-7.296-2.816-16.512-2.816-11.904 0-21.632 5.76-9.6 5.76-15.104 16-5.376 10.24-5.376 23.168 0 12.8 5.376 22.784 5.505 9.984 15.104 15.488 9.6 5.505 21.632 5.504 10.112 0 18.176-2.688t12.288-8.192"/></svg>
+    </a>
+    {{>navbar}}
+  </header>
+  <main class="mx-auto max-w-5xl px-4 sm:px-6 lg:px-8">
+    <div
+      class="rounded-lg bg-white/5 shadow dark:bg-gray-800/50 dark:shadow-none dark:outline dark:outline-1 dark:-outline-offset-1 dark:outline-white/10 text-white">
+      <article class="px-4 py-5 sm:p-6">
+        {{#content}}
+        {{{content}}}
+        {{/content}}
+        {{^content}}
+        <section>
+          <p>Campfire ready</p>
+          <h1>Welcome to CampsiteJS</h1>
+          <p>Edit <code>src/pages/index.md</code> to get started.</p>
+        </section>
+        {{/content}}
+      </article>
+    </div>
+  </main>
+  <footer class="text-xs text-amber-50/40 text-center">
+    <p><span class="font-semibold text-amber-50/60">CampsiteJS</span> built with ❤️ by: <a href="https://foxgrovemedia.com" class="text-amber-500 hover:text-white">Fox Grove Media</a>.</p>
+  </footer>
+</body>
+</html>

package/template/variants/pages/404.mustache

@@ -0,0 +1,9 @@
+---
+title: 404 - Page Not Found
+layout: base.mustache
+description: This page could not be found.
+---
+
+<h1>404 - Page Not Found</h1>
+<p>The page you're looking for doesn't exist.</p>
+<p><a href="/" class="text-amber-500 hover:text-white">Head back to camp →</a></p>

package/template/variants/pages/index.liquid

@@ -10,7 +10,7 @@ description: Cozy, fast static sites with CampsiteJS.
 <ul>
   <li>Edit <code>src/pages/index.liquid</code> to make it yours.</li>
   <li>Tweak the layout in <code>src/layouts/base.liquid</code>.</li>
-  <li>Add data under <code>src/data/</code>, components in <code>src/components/</code>, and partials in <code>src/partials/</code>.</li>
+  <li>Add data under <code>src/collections/</code>, components in <code>src/components/</code>, and partials in <code>src/partials/</code>.</li>
 </ul>
 
 <p>Happy camping! 🌲🏕️🔥</p>

package/template/variants/pages/index.mustache

@@ -0,0 +1,16 @@
+---
+title: Welcome to CampsiteJS
+layout: base.mustache
+description: Cozy, fast static sites with CampsiteJS.
+---
+
+<h1>Welcome, camper!</h1>
+
+<p>CampsiteJS sets up a warm starter for Markdown, Nunjucks, Liquid, Mustache, Vue, and Alpine.</p>
+<ul>
+  <li>Edit <code>src/pages/index.mustache</code> to make it yours.</li>
+  <li>Tweak the layout in <code>src/layouts/base.mustache</code>.</li>
+  <li>Add data under <code>src/collections/</code>, components in <code>src/components/</code>, and partials in <code>src/partials/</code>.</li>
+</ul>
+
+<p>Happy camping! 🌲🏕️🔥</p>

package/template/variants/pages/index.njk

@@ -10,7 +10,7 @@ description: Cozy, fast static sites with CampsiteJS.
 <ul>
   <li>Edit <code>src/pages/index.njk</code> to make it yours.</li>
   <li>Tweak the layout in <code>src/layouts/base.njk</code>.</li>
-  <li>Add data under <code>src/data/</code>, components in <code>src/components/</code>, and partials in <code>src/partials/</code>.</li>
+  <li>Add data under <code>src/collections/</code>, components in <code>src/components/</code>, and partials in <code>src/partials/</code>.</li>
 </ul>
 
 <p>Happy camping! 🌲🏕️🔥</p>

package/template/variants/partials/navbar.mustache

@@ -0,0 +1,8 @@
+<nav class="flex items-center gap-2">
+  {{#navbar}}
+  <a href="{{url}}" {{#target}}target="{{target}}"{{/target}} {{#rel}}rel="{{rel}}"{{/rel}} class="px-2 {{#active}}active{{/active}}{{^active}}not-active{{/active}} {{class}}">
+    {{#label}}{{label}}{{/label}}
+    {{#svg}}{{{svg}}}{{/svg}}
+  </a>
+  {{/navbar}}
+</nav>

package/template/variants/partials/navbar.njk

@@ -1,5 +1,5 @@
 <nav class="flex items-center gap-2">
-  {% set nav_items = navbar or data.navbar or [] %}
+  {% set nav_items = navbar or collections.navbar or [] %}
   {% for item in nav_items %}
   <a href="{{ item.url or '#' }}" {% if item.target %}target="{{ item.target }}" {% endif %} {% if item.rel
     %}rel="{{ item.rel }}" {% endif %}