clovie 0.1.1 → 0.1.3

package/README.md

@@ -135,7 +135,7 @@ export default {
 Clovie supports asynchronous data loading for dynamic content:
 
 ```javascript
-// app.config.js
+// clovie.config.js
 export default {
   // ... other config
   data: async () => {
@@ -157,7 +157,7 @@ export default {
 Create multiple pages from data arrays using the models system:
 
 ```javascript
-// app.config.js
+// clovie.config.js
 export default {
   // ... other config
   data: {
@@ -369,7 +369,7 @@ When you create a new project with `clovie create`, you get this structure:
 
 ```
 my-site/
-├── app.config.js          # Configuration
+├── clovie.config.js          # Configuration
 ├── package.json           # Dependencies and scripts
 ├── README.md              # Project documentation
 ├── views/                 # HTML templates
@@ -386,7 +386,7 @@ You can also create your own structure:
 
 ```
 my-site/
-├── app.config.js          # Configuration
+├── clovie.config.js          # Configuration
 ├── views/                 # Templates
 │   ├── _base.html        # Base template (partial)
 │   ├── _header.html      # Header partial

package/bin/cli.js

@@ -77,7 +77,7 @@ const argv = mainOptions._unknown || [];
 
 // Command-specific options
 const optionDefinitions = [
-  { name: 'config', alias: 'c', type: String, defaultValue: 'app.config.js' },
+  { name: 'config', alias: 'c', type: String, defaultValue: 'clovie.config.js' },
   { name: 'watch', alias: 'w', type: Boolean },
   { name: 'template', alias: 't', type: String, defaultValue: 'default' }
 ];

package/lib/core/render.js

@@ -1,14 +1,53 @@
 import type from 'type-detect';
 
-const render = async (views, compiler, fileNames = Object.keys(views), accumulator = {}) => {
+const render = async (views, compiler, fileNames = Object.keys(views), isDevMode = false, accumulator = {}) => {
   if (!fileNames || fileNames.length === 0) return accumulator;
   
+  // Live reload script to inject in development mode
+  const liveReloadScript = `
+  <!-- Live Reload Script (Development Mode Only) -->
+  <script src="https://cdn.socket.io/4.7.4/socket.io.min.js"></script>
+  <script>
+    (function() {
+      const socket = io();
+      
+      socket.on('reload', () => {
+        console.log('🔄 Live reload triggered');
+        window.location.reload();
+      });
+      
+      socket.on('connect', () => {
+        console.log('🔌 Connected to live reload server');
+      });
+      
+      socket.on('disconnect', () => {
+        console.log('🔌 Disconnected from live reload server');
+      });
+      
+      socket.on('connect_error', (error) => {
+        console.error('🔌 Connection error:', error);
+      });
+    })();
+  </script>`;
+  
   for (const fileName of fileNames) {
     const view = views[fileName];
     if (!view || !view.template) continue;
     
     const res = compiler(view.template, {...view.data, fileName, fileNames});
-    accumulator[fileName] = type(res) === 'Promise' ? await res : res;
+    let renderedContent = type(res) === 'Promise' ? await res : res;
+    
+    // Inject live reload script before the last </body> tag if in development mode
+    if (isDevMode && renderedContent.includes('</body>')) {
+      const lastBodyIndex = renderedContent.lastIndexOf('</body>');
+      if (lastBodyIndex !== -1) {
+        renderedContent = renderedContent.substring(0, lastBodyIndex) + 
+                         liveReloadScript + '\n' + 
+                         renderedContent.substring(lastBodyIndex);
+      }
+    }
+    
+    accumulator[fileName] = renderedContent;
   }
   
   return accumulator;

package/lib/core/watcher.js

@@ -131,9 +131,19 @@ export class SmartWatcher {
       const getViews = await import('./getViews.js');
       this.clovie.views = getViews.default(this.clovie.config.views, this.clovie.config.models, this.clovie.data);
       
+      // Convert to the format expected by render (same as main build process)
+      this.clovie.processedViews = {};
+      for (const [key, value] of Object.entries(this.clovie.views)) {
+        if (value && value.template) {
+          // Use filename from model processing, or generate default
+          const fileName = value.filename || key.replace(/\.[^/.]+$/, '.html');
+          this.clovie.processedViews[fileName] = value;
+        }
+      }
+      
       // Re-render all views using the render function
       const render = await import('./render.js');
-      this.clovie.rendered = await render.default(this.clovie.views, this.clovie.config.compiler, Object.keys(this.clovie.views));
+      this.clovie.rendered = await render.default(this.clovie.processedViews, this.clovie.config.compiler, Object.keys(this.clovie.processedViews), this.clovie.isDevMode);
       
       // Write the updated views
       const write = await import('./write.js');

package/lib/main.js

@@ -33,6 +33,7 @@ export default class Clovie {
     }
     
     this.errorCb = null;
+    this.isDevMode = false; // Track development mode
     
     // Initialize smart watcher
     this.watcher = new SmartWatcher(this);
@@ -50,6 +51,9 @@ export default class Clovie {
     try {
       console.log('🚀 Starting development server with smart watching...');
       
+      // Set development mode
+      this.isDevMode = true;
+      
       // Do initial build
       console.log('📦 Building initial site...');
       await this.build();
@@ -119,7 +123,7 @@ export default class Clovie {
       
       // Render templates
       console.log('🎨 Rendering templates...');
-      this.rendered = await render(this.processedViews, this.config.compiler, Object.keys(this.processedViews));
+      this.rendered = await render(this.processedViews, this.config.compiler, Object.keys(this.processedViews), this.isDevMode);
       console.log(`   Rendered ${Object.keys(this.rendered).length} templates`);
       
       // Process assets in parallel for speed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clovie",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Vintage web dev tooling with modern quality of life",
   "keywords": [
     "static-site-generator",
@@ -47,8 +47,9 @@
     "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",
+    "build": "node build.config.js",
+    "docs:build": "cd docs && node ../dist/clovie.js build",
+    "docs:dev": "cd docs && node ../dist/clovie.js watch",
     "prepublishOnly": "npm test"
   },
   "dependencies": {

package/templates/default/package.json

@@ -7,6 +7,6 @@
     "dev": "clovie watch"
   },
   "devDependencies": {
-    "clovie": "^0.1.0"
+    "clovie": "^0.1.3"
   }
 }