basecampjs 0.0.11 → 0.0.13

package/index.js

@@ -23,10 +23,11 @@ const md = new MarkdownIt({ html: true, linkify: true, typographer: true });
 
 const defaultConfig = {
   siteName: "Campsite",
+  siteUrl: "https://example.com",
   srcDir: "src",
   outDir: "dist",
   templateEngine: "nunjucks",
-  markdown: true,
+  frontmatter: true,
   minifyCSS: false,
   minifyHTML: false,
   cacheBustAssets: false,
@@ -38,6 +39,7 @@ const defaultConfig = {
     inputFormats: [".jpg", ".jpeg", ".png"],
     preserveOriginal: true
   },
+  port: 4173,
   integrations: { nunjucks: true, liquid: false, mustache: false, vue: false, alpine: false }
 };
 
@@ -388,6 +390,26 @@ function createLiquidEnv(layoutsDir, pagesDir, srcDir, partialsDir) {
   });
 }
 
+async function loadMustachePartials(partialsDir) {
+  const partials = {};
+  if (!existsSync(partialsDir)) return partials;
+  
+  try {
+    const files = await walkFiles(partialsDir);
+    await Promise.all(files.map(async (file) => {
+      if (extname(file).toLowerCase() === ".mustache") {
+        const content = await readFile(file, "utf8");
+        const partialName = basename(file, ".mustache");
+        partials[partialName] = content;
+      }
+    }));
+  } catch (err) {
+    console.error(kolor.yellow(`Warning: Failed to load Mustache partials: ${err.message}`));
+  }
+  
+  return partials;
+}
+
 function toUrlPath(outRel) {
   const normalized = outRel.replace(/\\/g, "/");
   let path = `/${normalized}`;
@@ -416,7 +438,7 @@ function shouldRenderMarkdown(frontmatter, config, defaultValue) {
   return defaultValue;
 }
 
-async function renderWithLayout(layoutName, html, ctx, env, liquidEnv, layoutsDir) {
+async function renderWithLayout(layoutName, html, ctx, env, liquidEnv, layoutsDir, partials = {}) {
   if (!layoutName) return html;
   const ext = extname(layoutName).toLowerCase();
   const layoutCtx = {
@@ -438,7 +460,7 @@ async function renderWithLayout(layoutName, html, ctx, env, liquidEnv, layoutsDi
     const layoutPath = join(layoutsDir, layoutName);
     if (existsSync(layoutPath)) {
       const layoutTemplate = await readFile(layoutPath, "utf8");
-      return Mustache.render(layoutTemplate, layoutCtx);
+      return Mustache.render(layoutTemplate, layoutCtx, partials);
     }
   }
 
@@ -446,20 +468,25 @@ async function renderWithLayout(layoutName, html, ctx, env, liquidEnv, layoutsDi
   return html;
 }
 
-async function renderPage(filePath, { pagesDir, layoutsDir, outDir, env, liquidEnv, config, data }) {
+async function renderPage(filePath, { pagesDir, layoutsDir, outDir, env, liquidEnv, config, data, partialsDir }) {
   const rel = relative(pagesDir, filePath);
   const ext = extname(filePath).toLowerCase();
   const outRel = rel.replace(/\.liquid(\.html)?$/i, ".html").replace(ext, ".html");
   const outPath = join(outDir, outRel);
   const path = toUrlPath(outRel);
   await ensureDir(dirname(outPath));
+  
+  // Load Mustache partials if needed
+  const partials = (ext === ".mustache" || (await readFile(filePath, "utf8")).match(/layout:.*\.mustache/)) 
+    ? await loadMustachePartials(partialsDir) 
+    : {};
 
   if (ext === ".md") {
     const raw = await readFile(filePath, "utf8");
     const parsed = matter(raw);
     const html = md.render(parsed.content);
     const ctx = pageContext(parsed.data, html, config, rel, data, path);
-    const rendered = await renderWithLayout(parsed.data.layout, html, ctx, env, liquidEnv, layoutsDir);
+    const rendered = await renderWithLayout(parsed.data.layout, html, ctx, env, liquidEnv, layoutsDir, partials);
     await writeFile(outPath, rendered, "utf8");
     return;
   }
@@ -473,7 +500,7 @@ async function renderPage(filePath, { pagesDir, layoutsDir, outDir, env, liquidE
     if (shouldRenderMarkdown(parsed.data, config, false)) {
       pageHtml = md.render(pageHtml);
     }
-    const rendered = await renderWithLayout(parsed.data.layout, pageHtml, ctx, env, liquidEnv, layoutsDir);
+    const rendered = await renderWithLayout(parsed.data.layout, pageHtml, ctx, env, liquidEnv, layoutsDir, partials);
     await writeFile(outPath, rendered, "utf8");
     return;
   }
@@ -486,7 +513,7 @@ async function renderPage(filePath, { pagesDir, layoutsDir, outDir, env, liquidE
     if (shouldRenderMarkdown(parsed.data, config, false)) {
       pageHtml = md.render(pageHtml);
     }
-    const rendered = await renderWithLayout(parsed.data.layout, pageHtml, ctx, env, liquidEnv, layoutsDir);
+    const rendered = await renderWithLayout(parsed.data.layout, pageHtml, ctx, env, liquidEnv, layoutsDir, partials);
     await writeFile(outPath, rendered, "utf8");
     return;
   }
@@ -495,11 +522,11 @@ async function renderPage(filePath, { pagesDir, layoutsDir, outDir, env, liquidE
     const raw = await readFile(filePath, "utf8");
     const parsed = matter(raw);
     const ctx = pageContext(parsed.data, parsed.content, config, rel, data, path);
-    let pageHtml = Mustache.render(parsed.content, ctx);
+    let pageHtml = Mustache.render(parsed.content, ctx, partials);
     if (shouldRenderMarkdown(parsed.data, config, false)) {
       pageHtml = md.render(pageHtml);
     }
-    const rendered = await renderWithLayout(parsed.data.layout, pageHtml, ctx, env, liquidEnv, layoutsDir);
+    const rendered = await renderWithLayout(parsed.data.layout, pageHtml, ctx, env, liquidEnv, layoutsDir, partials);
     await writeFile(outPath, rendered, "utf8");
     return;
   }
@@ -512,7 +539,7 @@ async function renderPage(filePath, { pagesDir, layoutsDir, outDir, env, liquidE
     if (shouldRenderMarkdown(parsed.data, config, false)) {
       pageHtml = md.render(pageHtml);
     }
-    const rendered = await renderWithLayout(parsed.data.layout, pageHtml, ctx, env, liquidEnv, layoutsDir);
+    const rendered = await renderWithLayout(parsed.data.layout, pageHtml, ctx, env, liquidEnv, layoutsDir, partials);
     await writeFile(outPath, rendered, "utf8");
     return;
   }
@@ -602,7 +629,7 @@ async function cacheBustAssets(outDir) {
   return assetMap;
 }
 
-async function build(cwdArg = cwd) {
+async function build(cwdArg = cwd, options = {}) {
   const config = await loadConfig(cwdArg);
   const srcDir = resolve(cwdArg, config.srcDir || "src");
   const pagesDir = join(srcDir, "pages");
@@ -635,7 +662,9 @@ async function build(cwdArg = cwd) {
   await cleanDir(outDir);
   await copyPublic(publicDir, outDir, config.excludeFiles);
 
-  if (config.compressPhotos) {
+  // Only compress photos during production builds, not during dev mode
+  const shouldCompressPhotos = options.skipImageCompression !== true && config.compressPhotos;
+  if (shouldCompressPhotos) {
     await processImages(outDir, config);
   }
 
@@ -645,19 +674,22 @@ async function build(cwdArg = cwd) {
     return;
   }
 
-  await Promise.all(files.map((file) => renderPage(file, { pagesDir, layoutsDir, outDir, env, liquidEnv, config, data })));
+  await Promise.all(files.map((file) => renderPage(file, { pagesDir, layoutsDir, outDir, env, liquidEnv, config, data, partialsDir })));
 
-  if (config.minifyCSS) {
+  // Skip minification and cache busting in dev mode for faster rebuilds
+  const isDevMode = options.devMode === true;
+
+  if (!isDevMode && config.minifyCSS) {
     await minifyCSSFiles(outDir);
     console.log(kolor.green("CSS minified"));
   }
 
-  if (config.minifyHTML) {
+  if (!isDevMode && config.minifyHTML) {
     await minifyHTMLFiles(outDir, config);
     console.log(kolor.green("HTML minified"));
   }
 
-  if (config.cacheBustAssets) {
+  if (!isDevMode && config.cacheBustAssets) {
     console.log(kolor.cyan("Cache-busting assets..."));
     const assetMap = await cacheBustAssets(outDir);
     const assetCount = Object.keys(assetMap).length;
@@ -668,6 +700,14 @@ async function build(cwdArg = cwd) {
     }
   }
 
+  // Generate robots.txt dynamically if it doesn't exist in public directory
+  const publicRobotsTxt = join(publicDir, "robots.txt");
+  const distRobotsTxt = join(outDir, "robots.txt");
+  if (!existsSync(publicRobotsTxt) && !existsSync(distRobotsTxt)) {
+    const robotsTxt = `User-agent: *\nAllow: /\n\nSitemap: ${config.siteUrl}/sitemap.xml\n`;
+    await writeFile(distRobotsTxt, robotsTxt, "utf8");
+  }
+
   console.log(kolor.green(`Built ${files.length} page(s) → ${relative(cwdArg, outDir)}`));
 }
 
@@ -740,7 +780,8 @@ async function dev(cwdArg = cwd) {
     }
     building = true;
     try {
-      await build(cwdArg);
+      // Skip image compression, minification, and cache busting during dev mode for faster rebuilds
+      await build(cwdArg, { skipImageCompression: true, devMode: true });
     } catch (err) {
       console.error(kolor.red(`Build failed: ${err.message}`));
     } finally {
@@ -767,7 +808,7 @@ async function dev(cwdArg = cwd) {
     runBuild();
   });
 
-  serve(outDir);
+  serve(outDir, config.port || 4173);
 }
 
 function slugify(text) {
@@ -1413,7 +1454,7 @@ async function preview() {
   const config = await loadConfig(cwd);
   const outDir = resolve(cwd, config.outDir || "dist");
   console.log(kolor.cyan(kolor.bold("🔥 Starting preview server...\n")));
-  serve(outDir);
+  serve(outDir, config.port || 4173);
 }
 
 async function main() {
@@ -1459,13 +1500,14 @@ async function main() {
       if (!existsSync(outDir)) {
         await build();
       }
-      serve(outDir);
+      serve(outDir, config.port || 4173);
       break;
     }
     case "preview":
       await preview();
       break;
     case "clean":
+    case "cleanup":
       await clean();
       break;
     case "check":

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "basecampjs",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "type": "module",
   "description": "BasecampJS engine for CampsiteJS static site generator.",
   "bin": {