clovie 0.1.0

package/lib/core/write.js

@@ -0,0 +1,24 @@
+import path from 'path';
+import fs from 'fs';
+
+export default function write (pages, outputDir, keys = Object.keys(pages), accumulator = {}) {
+  const key = keys.shift();
+  const value = pages[key];
+
+  if (accumulator[key] != value) {
+    const dest = path.join(outputDir, key);
+    const dir = path.dirname(dest);
+
+    if (!fs.existsSync(dir)) {
+      fs.mkdirSync(dir, { recursive: true })
+    }
+  
+    fs.writeFileSync(dest, value, err => {
+      if (err) {
+        console.log(err)
+      }
+    });
+  }
+
+  return keys.length ? write(pages, outputDir, keys) : 'success';
+}

package/lib/main.js

@@ -0,0 +1,270 @@
+import chokidar from 'chokidar';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import { dirname } from 'path';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+import bundler from './core/bundler.js';
+import getAssets from './core/getAssets.js';
+import getData from './core/getData.js';
+import getStyles from './core/getStyles.js';
+import getViews from './core/getViews.js';
+import render from './core/render.js';
+import write from './core/write.js';
+import clean from './utils/clean.js';
+import defaultConfig from '../config/default.config.js';
+import { discoverProjectStructure } from './core/discover.js';
+import { SmartWatcher } from './core/watcher.js';
+import { DevServer } from './core/server.js';
+
+export default class Clovie {
+  constructor (config) {
+    // Merge with defaults and auto-discover project structure
+    this.config = discoverProjectStructure(Object.assign(defaultConfig, config));
+    
+    // Set derived paths
+    if (this.config.styles) {
+      this.config.stylesDir = path.resolve(path.dirname(this.config.styles));
+    }
+    if (this.config.scripts) {
+      this.config.scriptsDir = path.resolve(path.dirname(this.config.scripts));
+    }
+    
+    this.errorCb = null;
+    
+    // Initialize smart watcher
+    this.watcher = new SmartWatcher(this);
+    
+    // Log configuration summary
+    console.log('📁 Clovie Configuration:');
+    console.log(`   Views: ${this.config.views || 'Not found'}`);
+    console.log(`   Scripts: ${this.config.scripts || 'Not found'}`);
+    console.log(`   Styles: ${this.config.styles || 'Not found'}`);
+    console.log(`   Assets: ${this.config.assets || 'Not found'}`);
+    console.log(`   Output: ${this.config.outputDir}`);
+  }
+
+  async startWatch() {
+    try {
+      console.log('🚀 Starting development server with smart watching...');
+      
+      // Do initial build
+      console.log('📦 Building initial site...');
+      await this.build();
+      
+      // Start development server
+      console.log('🌐 Starting development server...');
+      this.devServer = new DevServer(this, this.config.port || 3000);
+      this.devServer.start();
+      
+      // Start smart watcher
+      console.log('👀 Starting smart watcher...');
+      this.watcher.start();
+      
+      // Connect watcher to dev server for live reload
+      this.watcher.onRebuild = () => {
+        if (this.devServer) {
+          this.devServer.notifyReload();
+        }
+      };
+      
+      // Keep process alive
+      process.on('SIGINT', () => {
+        console.log('\n🛑 Shutting down...');
+        this.watcher.stop();
+        if (this.devServer) {
+          this.devServer.stop();
+        }
+        process.exit(0);
+      });
+      
+      console.log('✅ Development server running. Press Ctrl+C to stop.');
+    } catch (err) {
+      console.error('❌ Failed to start watch mode:', err);
+      throw err;
+    }
+  }
+
+  async build () {
+    const startTime = Date.now();
+    
+    try {
+      console.log('🚀 Starting build...');
+      
+      // Clean output directory
+      console.log('🧹 Cleaning output directory...');
+      clean(this.config.outputDir);
+
+      // Load data
+      console.log('📊 Loading data...');
+      this.data = this.config.data ? await getData(this.config.data) : {};
+      console.log(`   Loaded ${Object.keys(this.data).length} data sources`);
+      
+      // Process views
+      console.log('📝 Processing views...');
+      this.views = getViews(this.config.views, this.config.models, this.data);
+      
+      // Convert to the format expected by render
+      this.processedViews = {};
+      for (const [key, value] of Object.entries(this.views)) {
+        if (value && value.template) {
+          // Use filename from model processing, or generate default
+          const fileName = value.filename || key.replace(/\.[^/.]+$/, '.html');
+          this.processedViews[fileName] = value;
+        }
+      }
+      console.log(`   Processed ${Object.keys(this.processedViews).length} views`);
+      
+      // Render templates
+      console.log('🎨 Rendering templates...');
+      this.rendered = await render(this.processedViews, this.config.compiler, Object.keys(this.processedViews));
+      console.log(`   Rendered ${Object.keys(this.rendered).length} templates`);
+      
+      // Process assets in parallel for speed
+      const assetPromises = [];
+      
+      if (this.config.scripts) {
+        console.log('⚡ Bundling scripts...');
+        assetPromises.push(
+          bundler(this.config.scripts).then(scripts => {
+            this.scripts = scripts;
+            console.log(`   Bundled ${Object.keys(scripts).length} script files`);
+          })
+        );
+      }
+      
+      if (this.config.styles) {
+        console.log('🎨 Compiling styles...');
+        assetPromises.push(
+          Promise.resolve().then(() => {
+            this.styles = getStyles(this.config.styles);
+            console.log(`   Compiled ${Object.keys(this.styles).length} style files`);
+          })
+        );
+      }
+      
+      if (this.config.assets) {
+        console.log('📦 Processing assets...');
+        assetPromises.push(
+          Promise.resolve().then(() => {
+            this.assets = getAssets(this.config.assets);
+            console.log(`   Processed ${Object.keys(this.assets).length} asset files`);
+          })
+        );
+      }
+      
+      // Wait for all assets to complete
+      if (assetPromises.length > 0) {
+        await Promise.all(assetPromises);
+      }
+      
+      // Write output
+      console.log('💾 Writing files...');
+      this.cache = write(Object.assign(this.rendered, this.scripts, this.styles, this.assets), this.config.outputDir);
+      
+      const buildTime = Date.now() - startTime;
+      console.log(`✅ Build completed in ${buildTime}ms`);
+      
+      return this.cache;
+    } catch (err) {
+      const buildTime = Date.now() - startTime;
+      console.error(`❌ Build failed after ${buildTime}ms:`, err);
+      
+      // Provide better error context
+      if (err.code === 'ENOENT') {
+        console.error('💡 Tip: Check that all referenced files and directories exist');
+      } else if (err.message?.includes('template')) {
+        console.error('💡 Tip: Verify your template syntax and data structure');
+      }
+      
+      if (this.errorCb) {
+        this.errorCb(err);
+      } else {
+        throw err;
+      }
+    }
+  }
+
+  watch () {
+    try {
+      bs.init({
+        watch: true,
+        server: {
+          baseDir: this.config.outputDir,
+          serveStaticOptions: {
+              extensions: ["html", 'htm']
+          }
+        }
+      });
+
+      let options = {
+        ignored: /(^|[\/\\])\../,
+        persistent: true,
+        ignoreInitial: true
+      };
+
+      chokidar.watch(this.config.views, options).on('all', () => {
+        process.nextTick(async () => {
+          try {
+            console.log('Recompile Templates');
+            this.views = getViews(this.config.views, this.config.models, this.data);
+            this.urls = Object.keys(this.views);
+            this.rendered = await render(this.views, this.config.compiler, this.urls);
+            this.cache = write(this.rendered, this.config.outputDir, Object.keys(this.rendered), this.cache);
+            console.log('Templates Done');
+          } catch (err) {
+            console.error('Template recompilation failed:', err);
+          }
+        })
+      });
+
+      chokidar.watch(this.config.scriptsDir, options).on('all', () => {
+        process.nextTick(async () => {
+          try {
+            console.log('Recompile Scripts');
+            this.scripts = await bundler(this.config.scripts);
+            this.cache = write(this.scripts, this.config.outputDir, Object.keys(this.scripts), this.cache);
+            console.log('Scripts Done');
+          } catch (err) {
+            console.error('Script recompilation failed:', err);
+          }
+        })
+      });
+
+      chokidar.watch(this.config.stylesDir, options).on('all', () => {
+        process.nextTick(() => {
+          try {
+            console.log('Updates styles');
+            this.styles = getStyles(this.config.styles);
+            this.cache = write(this.styles, this.config.outputDir, Object.keys(this.styles), this.cache);
+            console.log('Styles Done');
+          } catch (err) {
+            console.error('Style update failed:', err);
+          }
+        });
+      });
+
+      chokidar.watch(this.config.assets, options).on('all', () => {
+        process.nextTick(() => {
+          try {
+            console.log('Updating assets');
+            this.assets = getAssets(this.config.assets);
+            this.cache = write(this.assets, this.config.outputDir, Object.keys(this.assets), this.cache);
+            console.log('Assets updated');
+          } catch (err) {
+            console.error('Asset update failed:', err);
+          }
+        });
+      });
+    } catch (err) {
+      this.error(err)
+    }
+  }
+
+  error(cb) {
+    this.errorCb = cb
+  }
+}
+

package/lib/utils/clean.js

@@ -0,0 +1,21 @@
+import fs from 'fs';
+
+export default function rmDir (dirPath) {
+  try {
+    var files = fs.readdirSync(dirPath)
+  }
+  catch(e) {
+    return;
+  }
+
+  if (files.length > 0)
+    for (var i = 0; i < files.length; i++) {
+      var filePath = dirPath + '/' + files[i];
+      if (fs.statSync(filePath).isFile())
+        fs.unlinkSync(filePath);
+      else
+        rmDir(filePath);
+    }
+  fs.rmdirSync(dirPath);
+  console.log(dirPath + ' cleaned')
+};

package/lib/utils/create.js

@@ -0,0 +1,31 @@
+import copydir from 'copy-dir';
+import path from 'path';
+import fs from "fs";
+import { fileURLToPath } from 'url';
+import { dirname } from 'path';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+const boilerplate = path.resolve(__dirname, '../boilerplate');
+
+export default (dest) => new Promise((res, rej) => {
+  try {
+    if (fs.existsSync(dest)) {
+      throw `Directory '${dest}'exists`
+    } else {
+      dest = path.resolve(dest)
+      copydir.sync(boilerplate, dest, {
+        filter: function(stat, _, filename){
+          if (stat === 'directory' && filename === 'dist') {
+            return false;
+          }
+          return true;  // remind to return a true value when file check passed.
+        }
+      });
+      res(`New Attics project created at ${dest}`)
+    }
+  } catch(e) {
+    rej(e)
+  }
+});

package/lib/utils/readFilesToMap.js

@@ -0,0 +1,24 @@
+import fs from 'fs';
+import path from 'path';
+
+/**
+ * Reads multiple files and returns a map of file paths to file contents
+ * @param {string[]} files - Array of file paths
+ * @param {string} src - Source directory path
+ * @param {Object} accumulator - Accumulator object for results
+ * @returns {Object} Map of file paths to file contents
+ */
+export function readFilesToMap(files, src, accumulator = {}) {
+  if (files.length === 0) return accumulator;
+  
+  let file = files.shift();
+  if (!file) return accumulator;
+  
+  let key = file.substring(path.join(src).length);
+  accumulator[key] = fs.readFileSync(file).toString('utf8');
+  
+  return files.length ? readFilesToMap(files, src, accumulator) : accumulator;
+}
+
+// Keep the old name as an alias for backward compatibility
+export const getTemplates = readFilesToMap;

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "clovie",
+  "version": "0.1.0",
+  "description": "Vintage web dev tooling with modern quality of life",
+  "keywords": [
+    "static-site-generator",
+    "ssg",
+    "templating",
+    "handlebars",
+    "nunjucks",
+    "pug",
+    "mustache",
+    "scss",
+    "esbuild",
+    "live-reload",
+    "development-server",
+    "web-development",
+    "nodejs"
+  ],
+  "license": "MIT",
+  "author": {
+    "name": "Adrian Miller",
+    "email": "code.mill@fastmail.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/adrianjonmiller/clovie.git"
+  },
+  "homepage": "https://github.com/adrianjonmiller/clovie#readme",
+  "bugs": {
+    "url": "https://github.com/adrianjonmiller/clovie/issues"
+  },
+  "main": "lib/main.js",
+  "type": "module",
+  "bin": {
+    "clovie": "bin/cli.js"
+  },
+  "files": [
+    "lib/**/*",
+    "bin/**/*",
+    "config/**/*",
+    "templates/**/*",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:run": "vitest run",
+    "docs:build": "cd docs && node ../bin/cli.js build",
+    "docs:dev": "cd docs && node ../bin/cli.js watch",
+    "prepublishOnly": "npm test"
+  },
+  "dependencies": {
+    "@babel/core": "^7.23.7",
+    "@babel/preset-env": "^7.23.7",
+    "esbuild": "^0.19.11",
+    "chokidar": "^3.5.3",
+    "command-line-args": "^5.2.1",
+    "express": "^4.18.2",
+    "handlebars": "^4.7.8",
+    "sass": "^1.69.5",
+    "socket.io": "^4.7.4",
+    "type-detect": "^4.0.8",
+    "babelify": "^10.0.0"
+  },
+  "devDependencies": {
+    "vitest": "^1.0.4"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  }
+}

package/templates/default/README.md

@@ -0,0 +1,29 @@
+# {{projectName}}
+
+A static site built with Clovie.
+
+## Getting Started
+
+```bash
+# Install dependencies
+npm install
+
+# Start development server
+npm run dev
+
+# Build for production
+npm run build
+```
+
+## Project Structure
+
+- `views/` - HTML templates
+- `scripts/` - JavaScript files
+- `styles/` - SCSS files
+- `assets/` - Static assets
+- `dist/` - Build output
+
+## Learn More
+
+- [Clovie Documentation](https://github.com/your-org/clovie)
+- [Examples](https://github.com/your-org/clovie/tree/main/examples)

package/templates/default/app.config.js

@@ -0,0 +1,27 @@
+export default {
+  // Clovie will auto-detect these paths!
+  // Just add your data and models below
+  
+  data: {
+    title: '{{projectName}}'
+  },
+  
+  // Example models (uncomment to use):
+  // models: {
+  //   posts: {
+  //     template: '_post.html',
+  //     output: 'post-{slug}.html',
+  //     transform: (post) => ({
+  //       ...post,
+  //       excerpt: post.content.substring(0, 100) + '...'
+  //     })
+  //   }
+  // }
+  
+  // Custom compiler (optional - Clovie has a good default)
+  // compiler: (template, data) => {
+  //   return template.replace(/\{\{([^}]+)\}\}/g, (match, key) => {
+  //     return data[key] || match;
+  //   });
+  // }
+};

package/templates/default/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "{{projectName}}",
+  "version": "1.0.0",
+  "description": "Clovie static site",
+  "scripts": {
+    "build": "clovie build",
+    "dev": "clovie watch"
+  },
+  "devDependencies": {
+    "clovie": "^0.0.23"
+  }
+}

package/templates/default/scripts/main.js

@@ -0,0 +1 @@
+console.log("Hello from Clovie!");

package/templates/default/styles/main.scss

@@ -0,0 +1,11 @@
+body {
+  font-family: Arial, sans-serif;
+  margin: 0;
+  padding: 20px;
+  background: #f5f5f5;
+}
+
+h1 {
+  color: #333;
+  text-align: center;
+}

package/templates/default/views/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>{{title}}</title>
+  <link rel="stylesheet" href="main.css">
+</head>
+<body>
+  <h1>{{title}}</h1>
+          <p>Welcome to your new Clovie site!</p>
+  <script src="main.js"></script>
+</body>
+</html>