webspresso 0.0.77 → 0.0.79

package/plugins/admin-panel/client/parts/04-field-renderers.js

@@ -1,4 +1,160 @@
 // Field Renderers - render appropriate input based on column type
+
+// BelongsTo relation dropdown select component
+const BelongsToField = {
+  oninit: (vnode) => {
+    const { col } = vnode.attrs;
+    const customField = col.customField || {};
+    const relationName = customField.relation || col.name.replace(/_id$/, '');
+    const modelName = m.route.param('model');
+    vnode.state.loading = true;
+    vnode.state.options = [];
+    
+    api.get('/models/' + modelName + '/relations/' + relationName)
+      .then(result => {
+        vnode.state.options = result.data || [];
+      })
+      .catch(err => {
+        console.error('Failed to load relation data:', err);
+      })
+      .finally(() => {
+        vnode.state.loading = false;
+        m.redraw();
+      });
+  },
+  view: (vnode) => {
+    const { col, value, onChange, readonly } = vnode.attrs;
+    const customField = col.customField || {};
+    const label = col.ui?.label || formatColumnLabel(col.name);
+    const hint = col.ui?.hint || '';
+    const valueKey = customField.valueKey || 'id';
+    const displayKey = customField.displayKey || 
+      (vnode.state.options.length > 0 ? ['name', 'title', 'label', 'username', 'email'].find(k => k in vnode.state.options[0]) : null) || 
+      'id';
+    
+    if (vnode.state.loading) {
+      return m('.mb-4', [
+        m('label.block.text-sm.font-medium.text-gray-700.dark:text-slate-300.mb-1', label),
+        m('.text-xs.text-gray-500.dark:text-slate-400', 'Loading options...')
+      ]);
+    }
+    
+    return m('.mb-4', [
+      m('label.block.text-sm.font-medium.text-gray-700.dark:text-slate-300.mb-1', { for: col.name }, [
+        label,
+        !col.nullable && !readonly ? m('span.text-red-500', ' *') : null
+      ]),
+      m('select.w-full.px-3.py-2.border.border-gray-300.dark:border-slate-600.rounded-md.bg-white.dark:bg-slate-900/70.text-gray-900.dark:text-slate-100.focus:outline-none.focus:ring-2.focus:ring-blue-500.dark:focus:ring-blue-400', {
+        id: col.name,
+        name: col.name,
+        value: value !== null && value !== undefined ? String(value) : '',
+        disabled: readonly,
+        class: readonly ? 'bg-gray-100 dark:bg-slate-800 cursor-not-allowed' : '',
+        onchange: (e) => {
+          const selectedValue = e.target.value === '' ? null : e.target.value;
+          const typedValue = (col.type === 'integer' || col.type === 'bigint' || col.type === 'float' || col.type === 'decimal') && selectedValue !== null
+            ? Number(selectedValue)
+            : selectedValue;
+          onChange(typedValue);
+        },
+      }, [
+        col.nullable ? m('option', { value: '' }, '-- Select --') : m('option', { value: '' }, '-- Select --'),
+        vnode.state.options.map(item => {
+          const itemValue = item[valueKey];
+          const itemDisplay = item[displayKey] || String(itemValue);
+          return m('option', {
+            value: String(itemValue),
+            selected: value !== null && value !== undefined && String(value) === String(itemValue)
+          }, itemDisplay);
+        }),
+      ]),
+      hint ? m('p.text-xs.text-gray-500.dark:text-slate-400.mt-1', hint) : null,
+    ]);
+  }
+};
+
+// HasMany relation multi-select checkbox component
+const HasManyField = {
+  oninit: (vnode) => {
+    const { col } = vnode.attrs;
+    const customField = col.customField || {};
+    const relationName = customField.relation || col.name.replace(/_ids$/, '').replace(/_id$/, '');
+    const modelName = m.route.param('model');
+    vnode.state.loading = true;
+    vnode.state.options = [];
+    
+    api.get('/models/' + modelName + '/relations/' + relationName)
+      .then(result => {
+        vnode.state.options = result.data || [];
+      })
+      .catch(err => {
+        console.error('Failed to load relation data:', err);
+      })
+      .finally(() => {
+        vnode.state.loading = false;
+        m.redraw();
+      });
+  },
+  view: (vnode) => {
+    const { col, value = [], onChange, readonly } = vnode.attrs;
+    const customField = col.customField || {};
+    const label = col.ui?.label || formatColumnLabel(col.name);
+    const hint = col.ui?.hint || '';
+    const valueKey = customField.valueKey || 'id';
+    const displayKey = customField.displayKey || 
+      (vnode.state.options.length > 0 ? ['name', 'title', 'label', 'username', 'email'].find(k => k in vnode.state.options[0]) : null) || 
+      'id';
+    const selectedIds = Array.isArray(value) ? value.map(v => String(v)) : [];
+    
+    if (vnode.state.loading) {
+      return m('.mb-4', [
+        m('label.block.text-sm.font-medium.text-gray-700.dark:text-slate-300.mb-1', label),
+        m('.text-xs.text-gray-500.dark:text-slate-400', 'Loading options...')
+      ]);
+    }
+    
+    return m('.mb-4', [
+      m('label.block.text-sm.font-medium.text-gray-700.dark:text-slate-300.mb-1', [
+        label,
+        !col.nullable && !readonly ? m('span.text-red-500', ' *') : null
+      ]),
+      m('.border.border-gray-300.dark:border-slate-600.rounded-md.p-3.max-h-48.overflow-y-auto.bg-white.dark:bg-slate-900/70', [
+        vnode.state.options.map(item => {
+          const itemValue = String(item[valueKey]);
+          const itemDisplay = item[displayKey] || itemValue;
+          const isSelected = selectedIds.includes(itemValue);
+          
+          return m('label.flex.items-center.mb-2.cursor-pointer.text-sm.text-gray-700.dark:text-slate-300', [
+            m('input.mr-2.rounded.border-gray-300.dark:border-slate-600.text-indigo-600.focus:ring-indigo-500', {
+              type: 'checkbox',
+              checked: isSelected,
+              disabled: readonly,
+              onchange: (e) => {
+                let newSelected = [...selectedIds];
+                if (e.target.checked) {
+                  if (!newSelected.includes(itemValue)) {
+                    newSelected.push(itemValue);
+                  }
+                } else {
+                  newSelected = newSelected.filter(id => id !== itemValue);
+                }
+                
+                // Convert type if needed
+                const typedSelected = col.type === 'array' || typeof value[0] === 'string'
+                  ? newSelected
+                  : newSelected.map(Number);
+                onChange(typedSelected);
+              }
+            }),
+            m('span', itemDisplay),
+          ]);
+        }),
+      ]),
+      hint ? m('p.text-xs.text-gray-500.dark:text-slate-400.mt-1', hint) : null,
+    ]);
+  }
+};
+
 const FieldRenderers = {
   // Text input (string)
   string: (col, value, onChange, readonly) => {
@@ -284,4 +440,14 @@ const FieldRenderers = {
       hint ? m('p.text-xs.text-gray-500 dark:text-slate-400.mt-1', hint) : null,
     ]);
   },
+
+  // belongsTo relation dropdown
+  belongsTo: (col, value, onChange, readonly) => {
+    return m(BelongsToField, { col, value, onChange, readonly });
+  },
+
+  // hasMany relation checklist
+  hasMany: (col, value, onChange, readonly) => {
+    return m(HasManyField, { col, value, onChange, readonly });
+  },
 };

package/plugins/admin-panel/client/parts/05-rich-text-file-helpers.js

@@ -372,7 +372,36 @@ function getFieldRenderer(col, modelMeta) {
         });
       };
     }
-    // Add other custom field types here if needed
+    if (col.customField.type === 'belongsTo') {
+      return FieldRenderers.belongsTo;
+    }
+    if (col.customField.type === 'hasMany') {
+      return FieldRenderers.hasMany;
+    }
+
+    // Check registered custom field renderers in browser
+    const custom = window.__customFieldRenderers && window.__customFieldRenderers[col.customField.type];
+    if (custom) {
+      return (col, value, onChange, readonly) => {
+        if (custom.edit && typeof custom.edit === 'object' && custom.edit.view) {
+          return m(custom.edit, { col, value, onChange, readonly });
+        } else if (typeof custom.edit === 'function') {
+          return custom.edit(value, onChange, col);
+        }
+      };
+    }
+  }
+
+  // Check schema type custom field renderers
+  if (col.type && window.__customFieldRenderers && window.__customFieldRenderers[col.type]) {
+    const custom = window.__customFieldRenderers[col.type];
+    return (col, value, onChange, readonly) => {
+      if (custom.edit && typeof custom.edit === 'object' && custom.edit.view) {
+        return m(custom.edit, { col, value, onChange, readonly });
+      } else if (typeof custom.edit === 'function') {
+        return custom.edit(value, onChange, col);
+      }
+    };
   }
 
   if (col.type === 'file') {
@@ -403,6 +432,8 @@ function getFieldRenderer(col, modelMeta) {
     array: 'array',
     uuid: 'string',
     nanoid: 'string',
+    belongsTo: 'belongsTo',
+    hasMany: 'hasMany',
   };
   return FieldRenderers[typeMap[col.type] || 'string'];
 }

package/plugins/admin-panel/client/parts/06-login-setup-forms.js

@@ -19,7 +19,7 @@ const LoginForm = {
                 password: data.get('password'),
               });
               state.user = result.user;
-              m.route.set('/');
+              m.route.set(consumeIntendedRoute('/'));
             } catch (err) {
               state.error = err.message;
             } finally {
@@ -78,7 +78,7 @@ const SetupForm = {
           });
           state.user = result.user;
           state.needsSetup = false;
-          m.route.set('/');
+          m.route.set(consumeIntendedRoute('/'));
         } catch (err) {
           state.error = err.message;
         } finally {

package/plugins/admin-panel/client/parts/07-model-list.js

@@ -65,10 +65,20 @@ const ModelList = {
 };
 
 // Format cell value based on column type
-function formatCellValue(value, col) {
+function formatCellValue(value, col, record = null) {
   if (value === null || value === undefined) {
     return m('span.text-gray-400 dark:text-slate-500.italic', 'null');
   }
+
+  const customRendererType = (col && col.customField && col.customField.type) || (col && col.type);
+  const custom = window.__customFieldRenderers && window.__customFieldRenderers[customRendererType];
+  if (custom && custom.display) {
+    if (typeof custom.display === 'object' && custom.display.view) {
+      return m(custom.display, { value, col, record });
+    } else if (typeof custom.display === 'function') {
+      return custom.display(value, record);
+    }
+  }
   
   switch (col?.type) {
     case 'boolean':

package/plugins/admin-panel/client/parts/08-record-list.js

@@ -478,7 +478,7 @@ const RecordList = {
                     ...displayColumns.map((col, i) => 
                       m('td.px-4.py-3.text-sm.whitespace-nowrap.text-gray-700 dark:text-slate-300.bg-white dark:bg-slate-800',
                         i === 0 ? { style: 'position: sticky; left: 40px; z-index: 5; box-shadow: 4px 0 8px -4px rgba(0,0,0,0.08);' } : {},
-                        formatCellValue(record[col.name], col)
+                        formatCellValue(record[col.name], col, record)
                       )
                     ),
                     // Sticky actions cell (sticky right, box-shadow on left)

package/plugins/admin-panel/index.js

@@ -119,6 +119,22 @@ function adminPanelPlugin(options = {}) {
       if (typeof configure === 'function') {
         configure(registry);
       }
+
+      // Session must be registered before file routes so SSR pages can read adminUser.
+      if (enabled && ctx.app && !ctx.app._webspressoSessionInitialized) {
+        const secret = sessionSecret || process.env.SESSION_SECRET || 'webspresso-admin-secret-change-in-production';
+        ctx.app.use(session({
+          secret,
+          resave: false,
+          saveUninitialized: false,
+          cookie: {
+            secure: process.env.NODE_ENV === 'production',
+            httpOnly: true,
+            maxAge: 24 * 60 * 60 * 1000, // 24 hours
+          },
+        }));
+        ctx.app._webspressoSessionInitialized = true;
+      }
     },
 
     /**
@@ -164,24 +180,7 @@ function adminPanelPlugin(options = {}) {
         db.registerModel(AdminUser);
       }
 
-      // Setup session middleware (only once)
-      if (!app._webspressoSessionInitialized) {
-        const secret = sessionSecret || process.env.SESSION_SECRET || 'webspresso-admin-secret-change-in-production';
-
-        app.use(session({
-          secret,
-          resave: false,
-          saveUninitialized: false,
-          cookie: {
-            secure: process.env.NODE_ENV === 'production',
-            httpOnly: true,
-            maxAge: 24 * 60 * 60 * 1000, // 24 hours
-          },
-        }));
-
-        app._webspressoSessionInitialized = true;
-      }
-
+      // Session middleware is initialized in register() (before file routes).
       // Register default modules
       registerSystemMenuItems({ registry });
       registerModelMenuItems({ registry, db });
@@ -330,6 +329,25 @@ function adminPanelPlugin(options = {}) {
   };
 }
 
+/**
+ * Helper to serialize arbitrary JS structures, including functions
+ */
+function serializeJs(obj) {
+  if (typeof obj === 'function') {
+    return obj.toString();
+  }
+  if (Array.isArray(obj)) {
+    return '[' + obj.map(serializeJs).join(', ') + ']';
+  }
+  if (obj && typeof obj === 'object') {
+    const entries = Object.entries(obj).map(([key, val]) => {
+      return `${JSON.stringify(key)}: ${serializeJs(val)}`;
+    });
+    return '{' + entries.join(',\n') + '}';
+  }
+  return JSON.stringify(obj);
+}
+
 /**
  * Generate admin panel HTML
  * @param {string} adminPath - Admin panel path
@@ -344,6 +362,12 @@ function generateAdminPanelHtml(adminPath, registry) {
   const customPageComponent = generateCustomPageComponent();
 
   const settings = registry.settings;
+  const fieldRenderersCode = Array.from(registry.fieldRenderers.entries()).map(([type, r]) => {
+    return `window.__customFieldRenderers['${type}'] = {
+      display: ${r.display ? serializeJs(r.display) : 'null'},
+      edit: ${r.edit ? serializeJs(r.edit) : 'null'}
+    };`;
+  }).join('\n');
 
   return `<!DOCTYPE html>
 <html lang="en">
@@ -419,6 +443,10 @@ function generateAdminPanelHtml(adminPath, registry) {
     // Custom page components container
     window.__customPages = window.__customPages || {};
     ${registry.getClientComponents()}
+
+    // Custom field renderers container
+    window.__customFieldRenderers = window.__customFieldRenderers || {};
+    ${fieldRenderersCode}
   </script>
   <script>${appScript}</script>
 </body>

package/plugins/admin-panel/modules/menu.js

@@ -351,6 +351,7 @@ const Sidebar = {
                 await api.post('/auth/logout');
                 state.user = null;
                 sidebarOpen = false;
+                clearIntendedRoute();
                 m.route.set('/login');
               },
             }, m(Icon, { name: 'logout', class: 'w-5 h-5' })),

package/plugins/content/admin/content-entries-component.js

@@ -0,0 +1,291 @@
+/**
+ * Content entries admin pages — Mithril component source.
+ * @module plugins/content/admin/content-entries-component
+ */
+
+/**
+ * @param {Object} [options]
+ * @param {string} [options.apiPrefix='/content']
+ */
+function generateContentEntriesComponent(options = {}) {
+  const apiPrefix = options.apiPrefix || '/content';
+
+  return `
+(function() {
+  var API = '${apiPrefix}';
+
+  function ContentEntriesListPage() {
+  var typeSlug = m.route.param('typeSlug');
+  var entries = [];
+  var typeMeta = null;
+  var loading = true;
+  var error = null;
+
+  function load() {
+    loading = true;
+    return Promise.all([
+      api.get(API + '/types/' + encodeURIComponent(typeSlug) + '/schema').catch(function() { return null; }),
+      api.get(API + '/types/' + encodeURIComponent(typeSlug) + '/entries'),
+    ]).then(function(results) {
+      if (results[0]) typeMeta = results[0].data;
+      entries = (results[1] && results[1].data) || [];
+      loading = false;
+    }).catch(function(e) {
+      error = e.message;
+      loading = false;
+    });
+  }
+
+  return {
+    oninit: load,
+    view: function() {
+      var title = typeMeta ? typeMeta.name : typeSlug;
+      return m(Layout, { breadcrumbs: [
+        { label: 'Content Types', href: '/content/types' },
+        { label: title, href: '/content/types/' + encodeURIComponent(typeSlug) + '/entries' },
+      ]}, [
+        m('.flex.items-center.justify-between.mb-6', [
+          m('h2.text-2xl.font-bold', title + ' — Entries'),
+          m('a.bg-blue-600.text-white.px-4.py-2.rounded.text-sm', {
+            href: '/content/types/' + encodeURIComponent(typeSlug) + '/entries/new',
+          }, 'New Entry'),
+        ]),
+        loading ? m('p.text-gray-500', 'Loading…') : null,
+        error ? m('.bg-red-50.text-red-700.p-4.rounded', error) : null,
+        !loading && !error ? m('.bg-white.dark:bg-slate-800.rounded-lg.shadow.overflow-hidden', [
+          m('table.w-full.text-sm', [
+            m('thead.bg-gray-50', m('tr', [
+              m('th.text-left.p-3', 'Title'),
+              m('th.text-left.p-3', 'Slug'),
+              m('th.text-left.p-3', 'Status'),
+              m('th.text-right.p-3', 'Actions'),
+            ])),
+            m('tbody', entries.map(function(e) {
+              return m('tr.border-t', [
+                m('td.p-3', e.title || '—'),
+                m('td.p-3.text-gray-500', e.slug),
+                m('td.p-3', m('span.px-2.py-0.5.rounded.text-xs', {
+                  class: e.status === 'published' ? 'bg-green-100 text-green-800' : 'bg-yellow-100 text-yellow-800',
+                }, e.status)),
+                m('td.p-3.text-right', m('a.text-blue-600', {
+                  href: '/content/types/' + encodeURIComponent(typeSlug) + '/entries/edit/' + e.id,
+                }, 'Edit')),
+              ]);
+            })),
+          ]),
+          entries.length === 0 ? m('p.p-6.text-gray-500', 'No entries yet.') : null,
+        ]) : null,
+      ]);
+    },
+  };
+  }
+
+  function fieldInput(field, formData, uploadUrl) {
+    var val = formData[field.name];
+    var label = field.label || field.name;
+
+    if (field.type === 'boolean') {
+      return m('label.flex.items-center.gap-2', [
+        m('input', { type: 'checkbox', checked: !!val, onchange: function(e) { formData[field.name] = e.target.checked; } }),
+        label,
+      ]);
+    }
+    if (field.type === 'textarea' || field.type === 'rich-text') {
+      return m('div', [
+        m('label.block.text-sm.font-medium.mb-1', label),
+        m('textarea.w-full.border.rounded.px-3.py-2.min-h-24', {
+          value: val || '',
+          oninput: function(e) { formData[field.name] = e.target.value; },
+        }),
+      ]);
+    }
+    if (field.type === 'select') {
+      return m('div', [
+        m('label.block.text-sm.font-medium.mb-1', label),
+        m('select.w-full.border.rounded.px-3.py-2', {
+          value: val || '',
+          onchange: function(e) { formData[field.name] = e.target.value; },
+        }, (field.options || []).map(function(o) { return m('option', { value: o }, o); })),
+      ]);
+    }
+    if (field.type === 'image' && uploadUrl) {
+      return m('div', [
+        m('label.block.text-sm.font-medium.mb-1', label),
+        m('input.w-full.border.rounded.px-3.py-2.mb-2', {
+          value: val || '',
+          placeholder: 'Image URL',
+          oninput: function(e) { formData[field.name] = e.target.value; },
+        }),
+        m('input', {
+          type: 'file',
+          accept: 'image/*',
+          onchange: function(e) {
+            var file = e.target.files && e.target.files[0];
+            if (!file) return;
+            var fd = new FormData();
+            fd.append('file', file);
+            fetch(uploadUrl, { method: 'POST', body: fd, credentials: 'include' })
+              .then(function(r) { return r.json(); })
+              .then(function(res) {
+                if (res.url) { formData[field.name] = res.url; m.redraw(); }
+              });
+          },
+        }),
+      ]);
+    }
+    if (field.type === 'repeater') {
+      var items = Array.isArray(val) ? val : [];
+      return m('div.space-y-3', [
+        m('label.block.text-sm.font-medium', label),
+        items.map(function(item, idx) {
+          return m('.border.rounded.p-3.space-y-2', [
+            m('.text-xs.text-gray-500', 'Item ' + (idx + 1)),
+            (field.fields || []).map(function(nf) {
+              return fieldInput(nf, item, uploadUrl);
+            }),
+            m('button.text-xs.text-red-600', {
+              type: 'button',
+              onclick: function() { items.splice(idx, 1); formData[field.name] = items; },
+            }, 'Remove'),
+          ]);
+        }),
+        m('button.text-sm.text-blue-600', {
+          type: 'button',
+          onclick: function() {
+            var row = {};
+            (field.fields || []).forEach(function(nf) { row[nf.name] = ''; });
+            items.push(row);
+            formData[field.name] = items;
+          },
+        }, '+ Add item'),
+      ]);
+    }
+    var inputType = field.type === 'number' ? 'number' : (field.type === 'date' ? 'date' : 'text');
+    return m('div', [
+      m('label.block.text-sm.font-medium.mb-1', label),
+      m('input.w-full.border.rounded.px-3.py-2', {
+        type: inputType,
+        value: val != null ? val : '',
+        oninput: function(e) {
+          formData[field.name] = field.type === 'number' ? Number(e.target.value) : e.target.value;
+        },
+      }),
+    ]);
+  }
+
+  function ContentEntryFormPage() {
+  var typeSlug = m.route.param('typeSlug');
+  var id = m.route.param('id');
+  var isNew = !id || id === 'new';
+  var schema = { fields: [] };
+  var form = { slug: '', title: '', status: 'published', data: {} };
+  var loading = true;
+  var saving = false;
+  var error = null;
+  var uploadUrl = (window.__ADMIN_CONFIG__ && window.__ADMIN_CONFIG__.uploadUrl) || null;
+
+  function load() {
+    return api.get(API + '/types/' + encodeURIComponent(typeSlug) + '/schema').then(function(res) {
+      schema = res.data.schema || { fields: [] };
+      if (!isNew) {
+        return api.get(API + '/entries/' + id).then(function(entryRes) {
+          var e = entryRes.data;
+          form.slug = e.slug;
+          form.title = e.title || '';
+          form.status = e.status || 'published';
+          form.data = e.data || {};
+          loading = false;
+        });
+      }
+      loading = false;
+    }).catch(function(e) {
+      error = e.message;
+      loading = false;
+    });
+  }
+
+  return {
+    oninit: load,
+    view: function() {
+      if (loading) return m(Layout, m('p.p-8', 'Loading…'));
+      return m(Layout, { breadcrumbs: [
+        { label: 'Content Types', href: '/content/types' },
+        { label: typeSlug, href: '/content/types/' + encodeURIComponent(typeSlug) + '/entries' },
+        { label: isNew ? 'New' : 'Edit', href: '#' },
+      ]}, [
+        m('h2.text-2xl.font-bold.mb-6', isNew ? 'New Entry' : 'Edit Entry'),
+        error ? m('.bg-red-50.text-red-700.p-4.rounded.mb-4', error) : null,
+        m('form.bg-white.dark:bg-slate-800.rounded-lg.shadow.p-6.space-y-4', {
+          onsubmit: function(e) {
+            e.preventDefault();
+            saving = true;
+            var payload = {
+              slug: form.slug,
+              title: form.title || null,
+              status: form.status,
+              data: form.data,
+            };
+            var req = isNew
+              ? api.post(API + '/types/' + encodeURIComponent(typeSlug) + '/entries', payload)
+              : api.put(API + '/entries/' + id, payload);
+            req.then(function() {
+              m.route.set('/content/types/' + encodeURIComponent(typeSlug) + '/entries');
+            }).catch(function(err) {
+              error = err.message;
+              saving = false;
+              m.redraw();
+            });
+          },
+        }, [
+          m('.grid.grid-cols-2.gap-4', [
+            m('div', [
+              m('label.block.text-sm.font-medium.mb-1', 'Slug'),
+              m('input.w-full.border.rounded.px-3.py-2', {
+                value: form.slug,
+                disabled: !isNew,
+                oninput: function(e) { form.slug = e.target.value; },
+              }),
+            ]),
+            m('div', [
+              m('label.block.text-sm.font-medium.mb-1', 'Title'),
+              m('input.w-full.border.rounded.px-3.py-2', {
+                value: form.title,
+                oninput: function(e) { form.title = e.target.value; },
+              }),
+            ]),
+          ]),
+          m('div', [
+            m('label.block.text-sm.font-medium.mb-1', 'Status'),
+            m('select.w-full.border.rounded.px-3.py-2', {
+              value: form.status,
+              onchange: function(e) { form.status = e.target.value; },
+            }, [
+              m('option', { value: 'published' }, 'Published'),
+              m('option', { value: 'draft' }, 'Draft'),
+            ]),
+          ]),
+          m('hr'),
+          schema.fields.map(function(f) {
+            return fieldInput(f, form.data, uploadUrl);
+          }),
+          m('.flex.justify-end.gap-3', [
+            m('a.px-4.py-2.border.rounded', {
+              href: '/content/types/' + encodeURIComponent(typeSlug) + '/entries',
+            }, 'Cancel'),
+            m('button.px-4.py-2.bg-blue-600.text-white.rounded', { disabled: saving }, saving ? 'Saving…' : 'Save'),
+          ]),
+        ]),
+      ]);
+    },
+  };
+  }
+
+  window.__customPages = window.__customPages || {};
+  window.__customPages['content-entries'] = ContentEntriesListPage;
+  window.__customPages['content-entries-new'] = ContentEntryFormPage;
+  window.__customPages['content-entries-edit'] = ContentEntryFormPage;
+})();
+`;
+}
+
+module.exports = { generateContentEntriesComponent };