basecampjs 0.0.9 → 0.0.11

package/index.js

@@ -15,6 +15,7 @@ import nunjucks from "nunjucks";
 import { Liquid } from "liquidjs";
 import { minify as minifyCss } from "csso";
 import { minify as minifyHtml } from "html-minifier-terser";
+import sharp from "sharp";
 
 const cwd = process.cwd();
 const __dirname = dirname(fileURLToPath(import.meta.url));
@@ -29,6 +30,14 @@ const defaultConfig = {
   minifyCSS: false,
   minifyHTML: false,
   cacheBustAssets: false,
+  excludeFiles: [],
+  compressPhotos: false,
+  compressionSettings: {
+    quality: 80,
+    formats: [".webp"],
+    inputFormats: [".jpg", ".jpeg", ".png"],
+    preserveOriginal: true
+  },
   integrations: { nunjucks: true, liquid: false, mustache: false, vue: false, alpine: false }
 };
 
@@ -61,7 +70,7 @@ function showHelp() {
   console.log(kolor.dim("Build and manage your static campsite.\n"));
   
   console.log(kolor.bold("Usage:"));
-  console.log("  campsite <command> [arguments] [options]\n");
+  console.log("  camper <command> [arguments] [options]\n");
   
   console.log(kolor.bold("Project Commands:"));
   console.log("  " + kolor.cyan("init") + "              Initialize a new Campsite project in current directory");
@@ -101,15 +110,15 @@ function showHelp() {
   
   console.log(kolor.bold("Examples:"));
   console.log("  " + kolor.dim("# Initialize a new project"));
-  console.log("  campsite init\n");
+  console.log("  camper init\n");
   console.log("  " + kolor.dim("# Start development"));
-  console.log("  campsite dev\n");
+  console.log("  camper dev\n");
   console.log("  " + kolor.dim("# Create new content"));
-  console.log("  campsite make:page about");
-  console.log("  campsite make:post \"My First Post\"");
-  console.log("  campsite make:collection products\n");
+  console.log("  camper make:page about");
+  console.log("  camper make:post \"My First Post\"");
+  console.log("  camper make:collection products\n");
   console.log("  " + kolor.dim("# Build and preview"));
-  console.log("  campsite preview\n");
+  console.log("  camper preview\n");
   console.log(kolor.dim("For more information, visit: https://campsitejs.dev"));
   console.log();
 }
@@ -145,12 +154,166 @@ async function cleanDir(dir) {
   await mkdir(dir, { recursive: true });
 }
 
-async function copyPublic(publicDir, outDir) {
-  if (existsSync(publicDir)) {
-    await cp(publicDir, outDir, { recursive: true });
+function shouldExcludeFile(filePath, excludePatterns) {
+  if (!excludePatterns || excludePatterns.length === 0) return false;
+  
+  const fileName = basename(filePath).toLowerCase();
+  const ext = extname(filePath).toLowerCase();
+  
+  return excludePatterns.some(pattern => {
+    const normalized = pattern.toLowerCase();
+    // Support extension patterns like '.pdf' or 'pdf'
+    if (normalized.startsWith('.')) {
+      return ext === normalized;
+    }
+    if (normalized.startsWith('*.')) {
+      return ext === normalized.slice(1);
+    }
+    // Support exact filename matches
+    if (fileName === normalized) {
+      return true;
+    }
+    // Support glob-like patterns with wildcards
+    if (normalized.includes('*')) {
+      const regex = new RegExp('^' + normalized.replace(/\*/g, '.*').replace(/\?/g, '.') + '$');
+      return regex.test(fileName);
+    }
+    return false;
+  });
+}
+
+async function copyPublic(publicDir, outDir, excludePatterns = []) {
+  if (!existsSync(publicDir)) return;
+  
+  const files = await walkFiles(publicDir);
+  for (const file of files) {
+    const rel = relative(publicDir, file);
+    
+    // Skip excluded files
+    if (shouldExcludeFile(file, excludePatterns)) {
+      console.log(kolor.dim(`Skipping excluded file: ${rel}`));
+      continue;
+    }
+    
+    const destPath = join(outDir, rel);
+    await ensureDir(dirname(destPath));
+    await cp(file, destPath);
   }
 }
 
+function shouldProcessImage(filePath, config) {
+  if (!config.compressPhotos) return false;
+  const ext = extname(filePath).toLowerCase();
+  const inputFormats = config.compressionSettings?.inputFormats || [".jpg", ".jpeg", ".png"];
+  return inputFormats.includes(ext);
+}
+
+async function processImage(inputPath, outDir, settings) {
+  const ext = extname(inputPath);
+  const baseName = basename(inputPath, ext);
+  const dir = dirname(inputPath);
+  const relDir = relative(outDir, dir);
+  
+  const results = [];
+  const quality = settings.quality || 80;
+  const formats = settings.formats || [".webp"];
+  
+  for (const format of formats) {
+    try {
+      const outputName = `${baseName}${format}`;
+      const outputPath = join(dir, outputName);
+      
+      const sharpInstance = sharp(inputPath);
+      
+      if (format === ".webp") {
+        await sharpInstance.webp({ quality }).toFile(outputPath);
+      } else if (format === ".avif") {
+        await sharpInstance.avif({ quality }).toFile(outputPath);
+      } else if (format === ".jpg" || format === ".jpeg") {
+        await sharpInstance.jpeg({ quality }).toFile(outputPath);
+      } else if (format === ".png") {
+        await sharpInstance.png({ quality }).toFile(outputPath);
+      } else {
+        continue;
+      }
+      
+      const stats = await stat(outputPath);
+      results.push({
+        path: outputPath,
+        format,
+        size: stats.size
+      });
+    } catch (err) {
+      console.error(kolor.red(`Failed to convert ${basename(inputPath)} to ${format}: ${err.message}`));
+    }
+  }
+  
+  return results;
+}
+
+async function processImages(outDir, config) {
+  if (!config.compressPhotos) return;
+  
+  const settings = {
+    quality: config.compressionSettings?.quality || 80,
+    formats: config.compressionSettings?.formats || [".webp"],
+    preserveOriginal: config.compressionSettings?.preserveOriginal !== false
+  };
+  
+  console.log(kolor.cyan("🖼️  Processing images..."));
+  
+  const files = await walkFiles(outDir);
+  const imageFiles = files.filter((file) => shouldProcessImage(file, config));
+  
+  if (imageFiles.length === 0) {
+    console.log(kolor.dim("No images found to process"));
+    return;
+  }
+  
+  let totalGenerated = 0;
+  let totalOriginalSize = 0;
+  let totalConvertedSize = 0;
+  
+  await Promise.all(imageFiles.map(async (file) => {
+    const originalStats = await stat(file);
+    totalOriginalSize += originalStats.size;
+    
+    const results = await processImage(file, outDir, settings);
+    
+    if (results.length > 0) {
+      const formats = results.map(r => r.format.slice(1)).join(", ");
+      const rel = relative(outDir, file);
+      console.log(kolor.dim(`  ${rel} → ${formats}`));
+      
+      results.forEach(r => {
+        totalConvertedSize += r.size;
+        totalGenerated++;
+      });
+    }
+    
+    // Remove original if preserveOriginal is false
+    if (!settings.preserveOriginal && results.length > 0) {
+      await rm(file, { force: true });
+    }
+  }));
+  
+  const savedBytes = totalOriginalSize - totalConvertedSize;
+  const savedPercent = totalOriginalSize > 0 ? ((savedBytes / totalOriginalSize) * 100).toFixed(1) : 0;
+  
+  console.log(kolor.green(`✓ Generated ${totalGenerated} image(s)`));
+  if (!settings.preserveOriginal) {
+    console.log(kolor.green(`  Saved ${formatBytes(savedBytes)} (${savedPercent}% reduction)`));
+  }
+}
+
+function formatBytes(bytes) {
+  if (bytes === 0) return "0 B";
+  const k = 1024;
+  const sizes = ["B", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
+}
+
 async function minifyCSSFiles(outDir) {
   const files = await walkFiles(outDir);
   const cssFiles = files.filter((file) => extname(file).toLowerCase() === ".css");
@@ -470,7 +633,11 @@ async function build(cwdArg = cwd) {
   const data = await loadData([dataDir, collectionsDir]);
 
   await cleanDir(outDir);
-  await copyPublic(publicDir, outDir);
+  await copyPublic(publicDir, outDir, config.excludeFiles);
+
+  if (config.compressPhotos) {
+    await processImages(outDir, config);
+  }
 
   const files = await walkFiles(pagesDir);
   if (files.length === 0) {
@@ -622,17 +789,17 @@ async function makeContent(type) {
   
   if (args.length === 0) {
     console.log(kolor.red("❌ Missing name argument"));
-    console.log(kolor.dim(`Usage: campsite make:${type} <name> [name2, name3, ...]`));
+    console.log(kolor.dim(`Usage: camper make:${type} <name> [name2, name3, ...]`));
     console.log(kolor.dim("\nExamples:"));
-    console.log(kolor.dim("  campsite make:page about"));
-    console.log(kolor.dim("  campsite make:page home, about, contact"));
-    console.log(kolor.dim("  campsite make:collection products, categories\n"));
+    console.log(kolor.dim("  camper make:page about"));
+    console.log(kolor.dim("  camper make:page home, about, contact"));
+    console.log(kolor.dim("  camper make:collection products, categories\n"));
     exit(1);
   }
 
   // Join all args and split by comma to support both formats:
-  // campsite make:page home about contact
-  // campsite make:page home, about, contact
+  // camper make:page home about contact
+  // camper make:page home, about, contact
   const namesString = args.join(" ");
   const names = namesString.split(",").map(n => n.trim()).filter(n => n.length > 0);
 
@@ -857,7 +1024,7 @@ async function init() {
   // Check if already initialized
   if (existsSync(join(targetDir, "campsite.config.js"))) {
     console.log(kolor.yellow("⚠️  This directory already has a campsite.config.js file."));
-    console.log(kolor.dim("Run 'campsite dev' to start developing.\n"));
+    console.log(kolor.dim("Run 'camper dev' to start developing.\n"));
     return;
   }
 
@@ -920,7 +1087,7 @@ Your cozy static site is ready to build.
 
 ## Get Started
 
-- Run \`campsite dev\` to start developing
+- Run \`camper dev\` to start developing
 - Edit pages in \`src/pages/\`
 - Customize layouts in \`src/layouts/\`
 
@@ -961,10 +1128,10 @@ dist/
     version: "0.0.1",
     type: "module",
     scripts: {
-      dev: "campsite dev",
-      build: "campsite build",
-      serve: "campsite serve",
-      preview: "campsite preview"
+      dev: "camper dev",
+      build: "camper build",
+      serve: "camper serve",
+      preview: "camper preview"
     },
     dependencies: {
       basecampjs: "^0.0.8"
@@ -975,7 +1142,7 @@ dist/
   console.log(kolor.green("✅ Campsite initialized successfully!\n"));
   console.log(kolor.bold("Next steps:"));
   console.log(kolor.dim("  1. Install dependencies: npm install"));
-  console.log(kolor.dim("  2. Start developing: campsite dev\n"));
+  console.log(kolor.dim("  2. Start developing: camper dev\n"));
 }
 
 async function clean() {
@@ -1000,7 +1167,7 @@ async function check() {
   const configPath = join(cwd, "campsite.config.js");
   if (!existsSync(configPath)) {
     console.log(kolor.red("❌ campsite.config.js not found"));
-    console.log(kolor.dim("   Run 'campsite init' to initialize a project\n"));
+    console.log(kolor.dim("   Run 'camper init' to initialize a project\n"));
     hasIssues = true;
   } else {
     console.log(kolor.green("✅ campsite.config.js found"));
@@ -1133,7 +1300,7 @@ async function upgrade() {
         } catch {}
         
         console.log();
-        console.log(kolor.dim("🌲 Tip: Run 'campsite dev' to start developing with the latest version\n"));
+        console.log(kolor.dim("🌲 Tip: Run 'camper dev' to start developing with the latest version\n"));
         resolve();
       } else {
         console.log();
@@ -1236,7 +1403,7 @@ async function list() {
     }
   }
 
-  console.log(kolor.dim("🌲 Tip: Use 'campsite make:<type> <name>' to create new content\n"));
+  console.log(kolor.dim("🌲 Tip: Use 'camper make:<type> <name>' to create new content\n"));
 }
 
 async function preview() {
@@ -1269,7 +1436,7 @@ async function main() {
     const type = command.substring(5); // Remove 'make:' prefix
     if (!type) {
       console.log(kolor.red("❌ No type specified"));
-      console.log(kolor.dim("Run 'campsite --help' for available make commands.\n"));
+      console.log(kolor.dim("Run 'camper --help' for available make commands.\n"));
       exit(1);
     }
     await makeContent(type);
@@ -1312,7 +1479,7 @@ async function main() {
       break;
     default:
       console.log(kolor.yellow(`Unknown command: ${command}`));
-      console.log(kolor.dim("Run 'campsite --help' for usage information."));
+      console.log(kolor.dim("Run 'camper --help' for usage information."));
       exit(1);
   }
 }

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "basecampjs",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "type": "module",
   "description": "BasecampJS engine for CampsiteJS static site generator.",
   "bin": {
+    "camper": "./index.js",
     "campsite": "./index.js"
   },
   "license": "MIT",
@@ -19,7 +20,8 @@
     "liquidjs": "^10.12.0",
     "markdown-it": "^14.1.0",
     "mustache": "^4.2.0",
-    "nunjucks": "^3.2.4"
+    "nunjucks": "^3.2.4",
+    "sharp": "^0.33.5"
   },
   "engines": {
     "node": ">=18"