devbonzai 2.2.209 → 2.2.211

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devbonzai",
-  "version": "2.2.209",
+  "version": "2.2.211",
   "description": "Quickly set up a local file server in any repository for browser-based file access",
   "main": "cli.js",
   "bin": {

package/templates/handlers/bonzai-capture-client.js

@@ -0,0 +1,42 @@
+// Serves the bonzai capture client script for screenshot functionality
+function bonzaiCaptureClientHandler(req, res) {
+  res.set('Content-Type', 'application/javascript');
+  res.send(`(function() {
+  if (window.__bonzaiCaptureLoaded) return;
+  window.__bonzaiCaptureLoaded = true;
+  var script = document.createElement('script');
+  script.src = 'https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js';
+  script.onload = function() {
+    window.addEventListener('message', function(e) {
+      if (!e.data || e.data.type !== 'BONZAI_CAPTURE_REQUEST') return;
+      
+      var selection = e.data.selection;
+      
+      html2canvas(document.body, {
+        x: selection.left + window.scrollX,
+        y: selection.top + window.scrollY,
+        width: selection.width,
+        height: selection.height
+      }).then(function(canvas) {
+        window.parent.postMessage({
+          type: 'BONZAI_SCREENSHOT',
+          data: {
+            id: String(Date.now()),
+            data: canvas.toDataURL('image/png'),
+            timestamp: new Date().toISOString()
+          }
+        }, '*');
+      }).catch(function(err) {
+        window.parent.postMessage({
+          type: 'BONZAI_SCREENSHOT_ERROR',
+          error: err.message
+        }, '*');
+      });
+    });
+  };
+  document.head.appendChild(script);
+})();`);
+}
+
+module.exports = bonzaiCaptureClientHandler;
+

package/templates/handlers/proxy.js

@@ -0,0 +1,34 @@
+const http = require('http');
+const { URL } = require('url');
+
+function proxyHandler(req, res) {
+  // Target dev server (default localhost:3000, or pass ?target=...)
+  const target = req.query.target || 'http://localhost:3000';
+  // Path to fetch (default /)
+  const path = req.query.path || '/';
+  
+  const fullUrl = new URL(path, target);
+  
+  http.get(fullUrl.toString(), (proxyRes) => {
+    let body = '';
+    
+    proxyRes.on('data', chunk => body += chunk);
+    proxyRes.on('end', () => {
+      const contentType = proxyRes.headers['content-type'] || '';
+      
+      // Inject capture script into HTML
+      if (contentType.includes('text/html')) {
+        body = body.replace('</body>', '<script src="/bonzai-capture-client.js"></script></body>');
+      }
+      
+      // Forward content-type
+      res.set('Content-Type', contentType);
+      res.send(body);
+    });
+  }).on('error', (err) => {
+    res.status(502).send('Proxy error: ' + err.message);
+  });
+}
+
+module.exports = proxyHandler;
+

package/templates/handlers/serve.js

@@ -0,0 +1,55 @@
+const fs = require('fs');
+const path = require('path');
+const { ROOT } = require('../config');
+
+// Serves static files with HTML injection for bonzai capture
+function serveHandler(req, res) {
+  try {
+    const requestedPath = req.query.path || 'index.html';
+    const filePath = path.join(ROOT, requestedPath);
+    
+    // Security check: ensure path is within ROOT
+    if (!filePath.startsWith(ROOT)) {
+      return res.status(400).send('Invalid path');
+    }
+    
+    // Check if file exists
+    if (!fs.existsSync(filePath)) {
+      return res.status(404).send('File not found');
+    }
+    
+    // Read file content
+    let content = fs.readFileSync(filePath, 'utf8');
+    
+    // Determine content type based on extension
+    const ext = path.extname(filePath).toLowerCase();
+    const contentTypes = {
+      '.html': 'text/html',
+      '.htm': 'text/html',
+      '.css': 'text/css',
+      '.js': 'application/javascript',
+      '.json': 'application/json',
+      '.png': 'image/png',
+      '.jpg': 'image/jpeg',
+      '.jpeg': 'image/jpeg',
+      '.gif': 'image/gif',
+      '.svg': 'image/svg+xml',
+      '.ico': 'image/x-icon'
+    };
+    
+    const contentType = contentTypes[ext] || 'text/plain';
+    
+    // Inject bonzai capture script for HTML files
+    if (ext === '.html' || ext === '.htm') {
+      content = content.replace('</body>', '<script src="/bonzai-capture-client.js"></script></body>');
+    }
+    
+    res.set('Content-Type', contentType);
+    res.send(content);
+  } catch (e) {
+    res.status(500).send(e.message);
+  }
+}
+
+module.exports = serveHandler;
+

package/templates/receiver.js

@@ -20,6 +20,9 @@ const revertJobHandler = require('./handlers/revert_job');
 const shutdownHandler = require('./handlers/shutdown');
 const scanCodeQualityHandler = require('./handlers/scan_code_quality');
 const scanStandardsHandler = require('./handlers/scan_standards');
+const bonzaiCaptureClientHandler = require('./handlers/bonzai-capture-client');
+const serveHandler = require('./handlers/serve');
+const proxyHandler = require('./handlers/proxy');
 
 const app = express();
 
@@ -43,6 +46,9 @@ app.post('/revert_job', revertJobHandler);
 app.post('/shutdown', shutdownHandler);
 app.post('/scan_code_quality', scanCodeQualityHandler);
 app.post('/scan_standards', scanStandardsHandler);
+app.get('/bonzai-capture-client.js', bonzaiCaptureClientHandler);
+app.get('/serve', serveHandler);
+app.get('/proxy', proxyHandler);
 
 const port = 3001;
 app.listen(port, () => {