webspresso 0.0.37 → 0.0.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webspresso",
-  "version": "0.0.37",
+  "version": "0.0.38",
   "description": "Minimal, production-ready SSR framework for Node.js with file-based routing, Nunjucks templating, built-in i18n, and CLI tooling",
   "main": "index.js",
   "bin": {

package/plugins/admin-panel/components.js

@@ -68,6 +68,9 @@ const state = {
   filters: {}, // Active filters { column: { op, value, from, to } }
   filterPanelOpen: false, // Filter panel visibility (deprecated)
   filterDrawerOpen: false, // Filter drawer visibility
+  bulkFields: [], // Bulk-updatable fields (enum/boolean)
+  bulkFieldDropdownOpen: false, // Bulk field dropdown visibility
+  selectedBulkField: null, // Currently selected bulk field for update
 };
 
 // Breadcrumb Component
@@ -1303,6 +1306,152 @@ function formatCellValue(value, col) {
   }
 }
 
+// Load bulk-updatable fields for a model
+async function loadBulkFields(modelName) {
+  try {
+    const response = await api.get('/extensions/bulk-fields/' + modelName);
+    state.bulkFields = response.fields || [];
+    m.redraw();
+  } catch (err) {
+    console.error('Failed to load bulk fields:', err);
+    state.bulkFields = [];
+  }
+}
+
+// Execute bulk field update
+async function executeBulkFieldUpdate(modelName, field, value, ids) {
+  try {
+    const response = await api.post('/extensions/bulk-update/' + modelName, {
+      ids: ids,
+      field: field,
+      value: value,
+    });
+    return response;
+  } catch (err) {
+    throw err;
+  }
+}
+
+// Bulk Field Update Dropdown Component
+const BulkFieldUpdateDropdown = {
+  view: (vnode) => {
+    const { modelName, selectedIds, onComplete } = vnode.attrs;
+    
+    if (!state.bulkFields || state.bulkFields.length === 0) {
+      return null;
+    }
+    
+    return m('.relative.inline-block', [
+      // Dropdown trigger
+      m('button.inline-flex.items-center.gap-1.px-3.py-1.5.text-sm.font-medium.text-purple-600.bg-white.border.border-purple-200.rounded.hover:bg-purple-50.transition-colors', {
+        disabled: state.bulkActionInProgress,
+        onclick: (e) => {
+          e.stopPropagation();
+          state.bulkFieldDropdownOpen = !state.bulkFieldDropdownOpen;
+          state.selectedBulkField = null;
+          m.redraw();
+        },
+      }, [
+        m('svg.w-4.h-4', { fill: 'none', viewBox: '0 0 24 24', stroke: 'currentColor' },
+          m('path', { 'stroke-linecap': 'round', 'stroke-linejoin': 'round', 'stroke-width': '2', d: 'M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z' })
+        ),
+        'Set Field',
+        m('svg.w-4.h-4.ml-1', { fill: 'none', viewBox: '0 0 24 24', stroke: 'currentColor' },
+          m('path', { 'stroke-linecap': 'round', 'stroke-linejoin': 'round', 'stroke-width': '2', d: 'M19 9l-7 7-7-7' })
+        ),
+      ]),
+      
+      // Dropdown menu
+      state.bulkFieldDropdownOpen && m('.absolute.z-50.mt-1.w-64.bg-white.rounded-lg.shadow-lg.border.border-gray-200.overflow-hidden', {
+        style: 'left: 0; top: 100%;',
+        onclick: (e) => e.stopPropagation(),
+      }, [
+        // Close button area click handler
+        m('.fixed.inset-0.z-40', {
+          onclick: () => {
+            state.bulkFieldDropdownOpen = false;
+            state.selectedBulkField = null;
+            m.redraw();
+          },
+        }),
+        
+        // Dropdown content
+        m('.relative.z-50.bg-white', [
+          // Header
+          m('.px-3.py-2.bg-gray-50.border-b.border-gray-200', [
+            m('span.text-xs.font-medium.text-gray-500.uppercase.tracking-wider', 
+              state.selectedBulkField ? 'Select Value' : 'Select Field'
+            ),
+          ]),
+          
+          // Field list or value list
+          m('.max-h-64.overflow-y-auto', [
+            state.selectedBulkField 
+              // Show values for selected field
+              ? state.selectedBulkField.options.map(option => 
+                  m('button.w-full.px-3.py-2.text-left.text-sm.hover:bg-purple-50.flex.items-center.justify-between.transition-colors', {
+                    onclick: async () => {
+                      state.bulkActionInProgress = true;
+                      state.bulkFieldDropdownOpen = false;
+                      m.redraw();
+                      
+                      try {
+                        await executeBulkFieldUpdate(modelName, state.selectedBulkField.name, option.value, selectedIds);
+                        state.selectedBulkField = null;
+                        if (onComplete) onComplete();
+                      } catch (err) {
+                        alert('Error: ' + err.message);
+                      } finally {
+                        state.bulkActionInProgress = false;
+                        m.redraw();
+                      }
+                    },
+                  }, [
+                    m('span.text-gray-700', String(option.label)),
+                    state.selectedBulkField.type === 'boolean' && m('span.ml-2', 
+                      option.value === true 
+                        ? m('span.inline-flex.items-center.px-2.py-0.5.rounded-full.text-xs.font-medium.bg-green-100.text-green-800', '✓')
+                        : m('span.inline-flex.items-center.px-2.py-0.5.rounded-full.text-xs.font-medium.bg-gray-100.text-gray-600', '✗')
+                    ),
+                  ])
+                )
+              // Show field list
+              : state.bulkFields.map(field =>
+                  m('button.w-full.px-3.py-2.text-left.text-sm.hover:bg-purple-50.flex.items-center.justify-between.transition-colors', {
+                    onclick: () => {
+                      state.selectedBulkField = field;
+                      m.redraw();
+                    },
+                  }, [
+                    m('.flex.items-center.gap-2', [
+                      m('span.text-gray-700', formatColumnLabel(field.label || field.name)),
+                      m('span.text-xs.text-gray-400.uppercase', field.type),
+                    ]),
+                    m('svg.w-4.h-4.text-gray-400', { fill: 'none', viewBox: '0 0 24 24', stroke: 'currentColor' },
+                      m('path', { 'stroke-linecap': 'round', 'stroke-linejoin': 'round', 'stroke-width': '2', d: 'M9 5l7 7-7 7' })
+                    ),
+                  ])
+                ),
+            
+            // Back button when viewing values
+            state.selectedBulkField && m('button.w-full.px-3.py-2.text-left.text-sm.text-gray-500.hover:bg-gray-50.border-t.border-gray-100.flex.items-center.gap-1', {
+              onclick: () => {
+                state.selectedBulkField = null;
+                m.redraw();
+              },
+            }, [
+              m('svg.w-4.h-4', { fill: 'none', viewBox: '0 0 24 24', stroke: 'currentColor' },
+                m('path', { 'stroke-linecap': 'round', 'stroke-linejoin': 'round', 'stroke-width': '2', d: 'M15 19l-7-7 7-7' })
+              ),
+              'Back to fields',
+            ]),
+          ]),
+        ]),
+      ]),
+    ]);
+  },
+};
+
 // Get columns to display in table (limit to reasonable number)
 function getDisplayColumns(columns) {
   if (!columns || columns.length === 0) return [];
@@ -1463,6 +1612,9 @@ function initializeModelView(modelName) {
   state.filterDrawerOpen = false;
   state.selectedRecords = new Set(); // Bulk selection
   state.bulkActionInProgress = false;
+  state.bulkFields = []; // Reset bulk fields
+  state.bulkFieldDropdownOpen = false;
+  state.selectedBulkField = null;
   state._currentModelName = modelName;
   
   // Parse filters from URL query string
@@ -1476,6 +1628,8 @@ function initializeModelView(modelName) {
     .then(modelMeta => {
       state.currentModelMeta = modelMeta;
       state.currentModel = modelMeta;
+      // Load bulk-updatable fields for this model
+      loadBulkFields(modelName);
       return loadRecords(modelName, page, state.filters);
     })
     .catch(err => {
@@ -1631,7 +1785,7 @@ const RecordList = {
                     m.redraw();
                     try {
                       const ids = Array.from(state.selectedRecords);
-                      await api.post('/extensions/bulk-actions/bulk-delete/execute?model=' + modelName, { ids });
+                      await api.post('/extensions/bulk-actions/bulk-delete/' + modelName, { ids });
                       state.selectedRecords = new Set();
                       loadRecords(modelName, state.pagination.page);
                     } catch (err) {
@@ -1705,9 +1859,20 @@ const RecordList = {
                   ),
                   'Export CSV',
                 ]),
+                // Bulk Field Update Dropdown
+                m(BulkFieldUpdateDropdown, {
+                  modelName: modelName,
+                  selectedIds: Array.from(state.selectedRecords),
+                  onComplete: () => {
+                    state.selectedRecords = new Set();
+                    loadRecords(modelName, state.pagination.page);
+                  },
+                }),
                 m('button.px-3.py-1.5.text-sm.text-gray-500.hover:text-gray-700', {
                   onclick: () => {
                     state.selectedRecords = new Set();
+                    state.bulkFieldDropdownOpen = false;
+                    state.selectedBulkField = null;
                     m.redraw();
                   },
                 }, 'Clear'),

package/plugins/admin-panel/core/api-extensions.js

@@ -151,6 +151,131 @@ function createExtensionApiHandlers(options) {
     }
   }
 
+  /**
+   * Bulk update field values (for enum/boolean fields)
+   */
+  async function bulkUpdateFieldHandler(req, res) {
+    try {
+      const { model: modelName } = req.params;
+      const { ids, field, value } = req.body;
+
+      if (!ids || !Array.isArray(ids) || ids.length === 0) {
+        return res.status(400).json({ error: 'No records selected' });
+      }
+
+      if (!field) {
+        return res.status(400).json({ error: 'Field name is required' });
+      }
+
+      const { getModel } = require('../../../core/orm/model');
+      const model = db.getModel ? db.getModel(modelName) : getModel(modelName);
+
+      if (!model || !model.admin?.enabled) {
+        return res.status(404).json({ error: 'Model not found or not enabled' });
+      }
+
+      // Get field metadata
+      const column = model.columns.get(field);
+      if (!column) {
+        return res.status(400).json({ error: `Field "${field}" not found in model` });
+      }
+
+      // Validate field type - only allow enum and boolean
+      const columnMeta = column._meta || {};
+      const isEnum = columnMeta.enum && Array.isArray(columnMeta.enum);
+      const isBoolean = columnMeta.type === 'boolean' || column._def?.typeName === 'ZodBoolean';
+
+      if (!isEnum && !isBoolean) {
+        return res.status(400).json({ error: `Field "${field}" is not an enum or boolean type` });
+      }
+
+      // Validate value for enum fields
+      if (isEnum && !columnMeta.enum.includes(value)) {
+        return res.status(400).json({ error: `Invalid value "${value}" for enum field "${field}"` });
+      }
+
+      // Coerce boolean value
+      let updateValue = value;
+      if (isBoolean) {
+        updateValue = value === true || value === 'true' || value === 1 || value === '1';
+      }
+
+      // Perform bulk update
+      const repo = db.getRepository(modelName);
+      let updated = 0;
+
+      for (const id of ids) {
+        try {
+          await repo.update(id, { [field]: updateValue });
+          updated++;
+        } catch (e) {
+          console.error(`Failed to update record ${id}:`, e.message);
+        }
+      }
+
+      res.json({
+        success: true,
+        result: {
+          message: `${updated} of ${ids.length} records updated`,
+          updated,
+          field,
+          value: updateValue,
+        },
+        affected: updated,
+      });
+    } catch (error) {
+      console.error('Bulk update field error:', error);
+      res.status(500).json({ error: error.message });
+    }
+  }
+
+  /**
+   * Get bulk-updatable fields for a model (enum and boolean fields)
+   */
+  function bulkFieldsHandler(req, res) {
+    try {
+      const { model: modelName } = req.params;
+
+      const { getModel } = require('../../../core/orm/model');
+      const model = db.getModel ? db.getModel(modelName) : getModel(modelName);
+
+      if (!model || !model.admin?.enabled) {
+        return res.status(404).json({ error: 'Model not found or not enabled' });
+      }
+
+      const bulkFields = [];
+
+      for (const [fieldName, column] of model.columns.entries()) {
+        const columnMeta = column._meta || {};
+        const isEnum = columnMeta.enum && Array.isArray(columnMeta.enum);
+        const isBoolean = columnMeta.type === 'boolean' || column._def?.typeName === 'ZodBoolean';
+
+        if (isEnum) {
+          bulkFields.push({
+            name: fieldName,
+            type: 'enum',
+            label: columnMeta.label || fieldName,
+            options: columnMeta.enum.map(v => ({ value: v, label: v })),
+          });
+        } else if (isBoolean) {
+          bulkFields.push({
+            name: fieldName,
+            type: 'boolean',
+            label: columnMeta.label || fieldName,
+            options: [
+              { value: true, label: 'True' },
+              { value: false, label: 'False' },
+            ],
+          });
+        }
+      }
+
+      res.json({ fields: bulkFields });
+    } catch (error) {
+      res.status(500).json({ error: error.message });
+    }
+  }
+
   /**
    * Dashboard stats
    */
@@ -188,11 +313,25 @@ function createExtensionApiHandlers(options) {
 
   /**
    * Export records (CSV/JSON)
+   * Supports both GET (with ids in query) and POST (with ids in body)
    */
   async function exportHandler(req, res) {
     try {
-      const { model: modelName } = req.params;
-      const { format = 'json', ids } = req.query;
+      // Support both path param and query param for model name
+      const modelName = req.params.model || req.query.model;
+      const format = req.query.format || 'json';
+      
+      // Support IDs from query string (GET) or body (POST)
+      let idList = null;
+      if (req.body?.ids && Array.isArray(req.body.ids)) {
+        idList = req.body.ids;
+      } else if (req.query.ids) {
+        idList = req.query.ids.split(',');
+      }
+      
+      if (!modelName) {
+        return res.status(400).json({ error: 'Model name is required' });
+      }
       
       const { getModel } = require('../../../core/orm/model');
       const model = db.getModel ? db.getModel(modelName) : getModel(modelName);
@@ -205,8 +344,7 @@ function createExtensionApiHandlers(options) {
       let records;
 
       // If specific IDs provided, fetch those
-      if (ids) {
-        const idList = ids.split(',');
+      if (idList && idList.length > 0) {
         records = [];
         for (const id of idList) {
           const record = await repo.findById(id);
@@ -224,23 +362,26 @@ function createExtensionApiHandlers(options) {
           return columns.map(col => {
             const val = record[col];
             if (val === null || val === undefined) return '';
-            if (typeof val === 'string' && (val.includes(',') || val.includes('"'))) {
+            if (typeof val === 'string' && (val.includes(',') || val.includes('"') || val.includes('\n'))) {
               return `"${val.replace(/"/g, '""')}"`;
             }
+            if (typeof val === 'object') {
+              return `"${JSON.stringify(val).replace(/"/g, '""')}"`;
+            }
             return String(val);
           }).join(',');
         });
 
+        const csvContent = [header, ...rows].join('\n');
         res.setHeader('Content-Type', 'text/csv');
         res.setHeader('Content-Disposition', `attachment; filename="${modelName}_export.csv"`);
-        res.send([header, ...rows].join('\n'));
+        res.json({ data: csvContent, format: 'csv' });
       } else {
         // JSON export
-        res.setHeader('Content-Type', 'application/json');
-        res.setHeader('Content-Disposition', `attachment; filename="${modelName}_export.json"`);
         res.json({ data: records, model: modelName, exportedAt: new Date().toISOString() });
       }
     } catch (error) {
+      console.error('Export error:', error);
       res.status(500).json({ error: error.message });
     }
   }
@@ -284,6 +425,8 @@ function createExtensionApiHandlers(options) {
     widgetDataHandler,
     actionHandler,
     bulkActionHandler,
+    bulkUpdateFieldHandler,
+    bulkFieldsHandler,
     dashboardStatsHandler,
     exportHandler,
     activityLogHandler,

package/plugins/admin-panel/index.js

@@ -177,7 +177,12 @@ function adminPanelPlugin(options = {}) {
       ctx.addRoute('get', `${adminPath}/api/extensions/dashboard/stats`, requireAuth, extensionHandlers.dashboardStatsHandler);
       ctx.addRoute('post', `${adminPath}/api/extensions/actions/:actionId/:model/:id`, requireAuth, extensionHandlers.actionHandler);
       ctx.addRoute('post', `${adminPath}/api/extensions/bulk-actions/:actionId/:model`, requireAuth, extensionHandlers.bulkActionHandler);
+      ctx.addRoute('get', `${adminPath}/api/extensions/bulk-fields/:model`, requireAuth, extensionHandlers.bulkFieldsHandler);
+      ctx.addRoute('post', `${adminPath}/api/extensions/bulk-update/:model`, requireAuth, extensionHandlers.bulkUpdateFieldHandler);
       ctx.addRoute('get', `${adminPath}/api/extensions/export/:model`, requireAuth, extensionHandlers.exportHandler);
+      ctx.addRoute('get', `${adminPath}/api/extensions/export`, requireAuth, extensionHandlers.exportHandler);
+      ctx.addRoute('post', `${adminPath}/api/extensions/export/:model`, requireAuth, extensionHandlers.exportHandler);
+      ctx.addRoute('post', `${adminPath}/api/extensions/export`, requireAuth, extensionHandlers.exportHandler);
       ctx.addRoute('get', `${adminPath}/api/extensions/activity`, requireAuth, extensionHandlers.activityLogHandler);
 
       // Custom pages API routes