radix-cms 0.1.0 → 1.0.0

package/views/admin/users.ejs

@@ -0,0 +1,107 @@
+<%- include('partials/header', { title: 'User Management', activeNav: 'users' }) %>
+
+<!-- Create New User Form Card -->
+<div class="card" style="margin-bottom: 25px;">
+    <h2 style="font-size: 1.25rem; margin-bottom: 15px;">Create New User</h2>
+    
+    <form action="/admin/users/create" method="POST" style="display: flex; flex-wrap: wrap; gap: 15px; align-items: flex-end;">
+        <div style="flex: 1; min-width: 180px;">
+            <label for="username" style="display: block; font-weight: 600; font-size: 0.85rem; margin-bottom: 5px;">Username:</label>
+            <input type="text" id="username" name="username" required placeholder="johndoe" style="width: 100%; padding: 8px 10px; border: 1px solid var(--border-color); border-radius: 4px; font-size: 0.9rem;">
+        </div>
+
+        <div style="flex: 1; min-width: 200px;">
+            <label for="full_name" style="display: block; font-weight: 600; font-size: 0.85rem; margin-bottom: 5px;">Full Name (Optional):</label>
+            <input type="text" id="full_name" name="full_name" placeholder="John Doe" style="width: 100%; padding: 8px 10px; border: 1px solid var(--border-color); border-radius: 4px; font-size: 0.9rem;">
+        </div>
+
+        <div style="flex: 1; min-width: 220px;">
+            <label for="email" style="display: block; font-weight: 600; font-size: 0.85rem; margin-bottom: 5px;">Email (Optional):</label>
+            <input type="email" id="email" name="email" placeholder="john@example.com" style="width: 100%; padding: 8px 10px; border: 1px solid var(--border-color); border-radius: 4px; font-size: 0.9rem;">
+        </div>
+
+        <div style="flex: 1; min-width: 180px;">
+            <label for="password" style="display: block; font-weight: 600; font-size: 0.85rem; margin-bottom: 5px;">Password:</label>
+            <input type="password" id="password" name="password" required placeholder="••••••••" style="width: 100%; padding: 8px 10px; border: 1px solid var(--border-color); border-radius: 4px; font-size: 0.9rem;">
+        </div>
+
+        <div style="width: 160px;">
+            <label for="role" style="display: block; font-weight: 600; font-size: 0.85rem; margin-bottom: 5px;">Role:</label>
+            <select id="role" name="role" style="width: 100%; padding: 8px 10px; border: 1px solid var(--border-color); border-radius: 4px; font-size: 0.9rem;">
+                <option value="Editor">Editor</option>
+                <option value="Manager">Manager</option>
+                <option value="Administrator">Administrator</option>
+                <option value="Registered" selected>Registered</option>
+                <option value="Unregistered">Unregistered</option>
+            </select>
+        </div>
+
+        <div>
+            <button type="submit" class="btn btn-primary" style="padding: 9px 18px;">+ Add User</button>
+        </div>
+    </form>
+</div>
+
+<!-- User List Table Card -->
+<div class="card">
+    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;">
+        <div>
+            <h1 style="font-size: 1.5rem; margin-bottom: 4px;">User Accounts & RBAC</h1>
+            <p style="color: #64748b; font-size: 0.9rem;">Manage user privileges and assign access control roles.</p>
+        </div>
+    </div>
+
+    <table class="data-table">
+        <thead>
+            <tr>
+                <th>Full Name</th>
+                <th>Username</th>
+                <th>Email</th>
+                <th>Current Role</th>
+                <th>Registered</th>
+                <th>Actions</th>
+            </tr>
+        </thead>
+        <tbody>
+            <% if (users && users.length > 0) { %>
+                <% users.forEach(u => { %>
+                    <tr>
+                        <td><%= u.full_name || 'N/A' %></td>
+                        <td><strong><%= u.username %></strong></td>
+                        <td><%= u.email || 'N/A' %></td>
+                        <td>
+                            <form action="/admin/users/update-role" method="POST" style="display: inline-flex; align-items: center; gap: 8px;">
+                                <input type="hidden" name="userId" value="<%= u.id %>">
+                                <select name="newRole" style="padding: 5px 8px; border-radius: 4px; border: 1px solid var(--border-color); font-size: 0.85rem;">
+                                    <option value="Administrator" <%= u.role === 'Administrator' ? 'selected' : '' %>>Administrator</option>
+                                    <option value="Manager" <%= u.role === 'Manager' ? 'selected' : '' %>>Manager</option>
+                                    <option value="Editor" <%= u.role === 'Editor' ? 'selected' : '' %>>Editor</option>
+                                    <option value="Registered" <%= u.role === 'Registered' ? 'selected' : '' %>>Registered</option>
+                                    <option value="Unregistered" <%= u.role === 'Unregistered' ? 'selected' : '' %>>Unregistered</option>
+                                </select>
+                                <button type="submit" class="btn btn-primary" style="padding: 4px 8px; font-size: 0.8rem;">Save</button>
+                            </form>
+                        </td>
+                        <td><%= new Date(u.created_at).toLocaleDateString() %></td>
+                        <td>
+                            <a href="/admin/users/edit/<%= u.id %>" class="btn btn-primary" style="padding: 4px 10px; font-size: 0.8rem;">Edit</a>
+                            <% if (user && user.id !== u.id) { %>
+                                <form action="/admin/users/delete/<%= u.id %>" method="POST" style="display: inline;" onsubmit="return confirm('Are you sure you want to delete user <%= u.username %>?');">
+                                    <button type="submit" class="btn btn-danger" style="padding: 4px 10px; font-size: 0.8rem;">Delete</button>
+                                </form>
+                            <% } else { %>
+                                <span style="font-size: 0.8rem; color: #94a3b8; font-style: italic;">Active Self</span>
+                            <% } %>
+                        </td>
+                    </tr>
+                <% }) %>
+            <% } else { %>
+                <tr>
+                    <td colspan="6">No users found in database.</td>
+                </tr>
+            <% } %>
+        </tbody>
+    </table>
+</div>
+
+<%- include('partials/footer') %>

package/views/defaults/404.ejs

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Page Not Found | Radix CMS</title>
+    <link rel="stylesheet" href="/css/fallback.css">
+</head>
+<body>
+    <div class="error-card status-404">
+        <h1>404</h1>
+        <h2>Page Not Found</h2>
+        <p>The page you are looking for doesn't exist or has been moved to a new destination.</p>
+        <nav>
+            <a href="/">Home</a>
+            <a href="/admin">Dashboard</a>
+        </nav>
+    </div>
+</body>
+</html>

package/views/defaults/500.ejs

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>System Error | Radix CMS</title>
+    <link rel="stylesheet" href="/css/fallback.css">
+</head>
+<body>
+    <div class="error-card status-500">
+        <h1>500</h1>
+        <h2>Database Connection Error</h2>
+        <p>We are experiencing a temporary system disruption. The database might be unreachable or undergoing maintenance.</p>
+        <nav>
+            <a href="/">Try Again</a>
+            <a href="/admin">Admin Panel</a>
+        </nav>
+    </div>
+</body>
+</html>

package/views/layouts/admin-layout.ejs

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Radix CMS Admin</title>
+</head>
+<body>
+    <nav>
+        <% if (user && ['Editor', 'Manager', 'Administrator'].includes(user.role)) { %>
+            <span>Logged in as <strong><%= user.username %></strong> (<%= user.role %>)</span>
+            <a href="/admin/logout">Logout</a>
+        <% } %>
+    </nav>
+
+    <!-- Express automatically injects view content here -->
+    <%- body %>
+
+</body>
+</html>

package/views/pages/gallery.ejs

@@ -0,0 +1,5 @@
+<%# theme: landing %>
+<%# minRole: Registered %>
+
+<h2>Static Portfolio Gallery</h2>
+<p>This content is injected into the selected theme layout.</p>

package/views/pages/hello.ejs

@@ -0,0 +1,4 @@
+<%# theme: default %>
+
+<h1>Static Hello</h1>
+<p>This file is rendered directly from the <code>views/pages/</code> directory.</p>

package/views/pages/services.ejs

@@ -0,0 +1,3 @@
+<%# theme: default %>
+
+Static services

package/views/themes/default/assets/css/style.css

@@ -0,0 +1,199 @@
+:root {
+    --bg: #eef3f8;
+    --panel: #ffffff;
+    --panel-alt: #f7fafc;
+    --primary: #2b6cb0;
+    --primary-dark: #1d4f7a;
+    --text: #1f2937;
+    --muted: #5f6f82;
+    --border: #dfe7f0;
+    --footer: #1d2a36;
+    --shadow: rgba(34, 56, 84, 0.12);
+}
+
+* { box-sizing: border-box; }
+
+html, body {
+    margin: 0;
+    padding: 0;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    background: linear-gradient(180deg, #f5f7fa 0%, #edf3f8 100%);
+    color: var(--text);
+}
+
+body {
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+}
+
+.container {
+    width: min(1120px, calc(100% - 40px));
+    margin: 0 auto;
+}
+
+.site-header {
+    background: #ffffff;
+    border-bottom: 1px solid var(--border);
+    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
+}
+
+.topbar {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    min-height: 88px;
+    gap: 20px;
+}
+
+.brand {
+    display: inline-flex;
+    align-items: center;
+    gap: 14px;
+    font-weight: 700;
+    color: var(--text);
+}
+
+.brand-logo {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 38px;
+    height: 38px;
+    border-radius: 10px;
+    background: linear-gradient(135deg, var(--primary), #4a90d9);
+    color: #fff;
+    font-size: 1.15rem;
+    font-weight: 700;
+    box-shadow: 0 10px 25px rgba(43, 108, 176, 0.2);
+}
+
+.brand-text {
+    font-size: 1.5rem;
+    letter-spacing: -0.03em;
+}
+
+.main-nav {
+    display: flex;
+    align-items: center;
+    gap: 24px;
+    flex-wrap: wrap;
+}
+
+.main-nav a {
+    color: var(--muted);
+    text-decoration: none;
+    font-size: 1rem;
+    font-weight: 600;
+    transition: color 0.2s ease;
+}
+
+.main-nav a:hover {
+    color: var(--primary-dark);
+}
+
+.page-shell {
+    flex: 1;
+    padding: 42px 0 64px;
+}
+
+.hero {
+    background: linear-gradient(145deg, #ffffff 0%, #f4f8fc 100%);
+    border: 1px solid var(--border);
+    border-radius: 18px;
+    box-shadow: 0 16px 38px var(--shadow);
+    padding: 52px 44px;
+    margin-bottom: 28px;
+}
+
+.eyebrow {
+    margin: 0 0 12px;
+    color: var(--primary);
+    text-transform: uppercase;
+    letter-spacing: 0.1em;
+    font-size: 0.75rem;
+    font-weight: 700;
+}
+
+.hero-copy h1 {
+    margin: 0 0 14px;
+    font-size: clamp(2.2rem, 4vw, 3.6rem);
+    line-height: 1.08;
+    letter-spacing: -0.04em;
+    color: #1d2a36;
+}
+
+.lead {
+    margin: 0;
+    max-width: 700px;
+    color: var(--muted);
+    font-size: 1.1rem;
+    line-height: 1.7;
+}
+
+.content-panel {
+    background: var(--panel);
+    border: 1px solid var(--border);
+    border-radius: 16px;
+    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.04);
+    padding: 28px 30px;
+    line-height: 1.7;
+    color: var(--text);
+}
+
+.content-panel h1,
+.content-panel h2,
+.content-panel h3 {
+    color: #1d2a36;
+    margin-top: 0;
+}
+
+.content-panel p,
+.content-panel li {
+    color: var(--text);
+}
+
+.site-footer {
+    background: var(--footer);
+    color: rgba(255, 255, 255, 0.75);
+    border-top: 1px solid rgba(255, 255, 255, 0.08);
+    padding: 24px 0;
+}
+
+.footer-inner {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 20px;
+    flex-wrap: wrap;
+    font-size: 0.92rem;
+}
+
+.footer-inner p {
+    margin: 0;
+}
+
+@media (max-width: 760px) {
+    .topbar {
+        flex-direction: column;
+        align-items: flex-start;
+        padding: 18px 0;
+    }
+
+    .main-nav {
+        gap: 16px;
+    }
+
+    .hero {
+        padding: 32px 24px;
+    }
+
+    .content-panel {
+        padding: 20px 18px;
+    }
+
+    .footer-inner {
+        flex-direction: column;
+        align-items: flex-start;
+    }
+}

package/views/themes/default/assets/js/main.js

@@ -0,0 +1,8 @@
+/**************************************************************************************************
+* RadixCMS
+*
+* DESCRIPTION: client-side behavior for the default theme.
+*
+* Copyright (C) 2026 Ultra Spark Software <salve@ultraspark.net>
+* SPDX-License-Identifier: GPL-3.0-or-later
+**************************************************************************************************/

package/views/themes/default/index.ejs

@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title><%= title %> - <%= siteName || 'Radix' %></title>
+    <link rel="stylesheet" href="/themes/default/assets/css/style.css">
+</head>
+<body>
+    <header class="site-header">
+        <div class="container topbar">
+            <div class="brand" aria-label="Brand logo">
+                <div class="brand-logo">R</div>
+                <div class="brand-text"><%= siteName || 'Radix' %></div>
+            </div>
+
+            <nav class="main-nav" aria-label="Main navigation">
+                <a href="/">Home</a>
+                <a href="/about">About</a>
+                <% if (user && ['Editor', 'Manager', 'Administrator'].includes(user.role)) { %>
+                    <a href="/admin">Admin</a>
+                    <a href="/admin/logout">Logout</a>
+                <% } else if (user && user.role === 'Registered') { %>
+                    <a href="/admin/logout">Logout</a>
+                <% } else { %>
+                    <a href="/admin/login">Login</a>
+                <% } %>
+            </nav>
+        </div>
+    </header>
+
+    <main class="page-shell">
+        <div class="container">
+            <section class="hero">
+                <div class="hero-copy">
+                    <p class="eyebrow">Welcome</p>
+                    <h1><%= title %></h1>
+                    <p class="lead">A modern, lightweight CMS built for straightforward content publishing and administration.</p>
+                </div>
+            </section>
+
+            <article class="content-panel">
+                <%- content %>
+            </article>
+        </div>
+    </main>
+
+    <footer class="site-footer">
+        <div class="container footer-inner">
+            <p>Built by <a href="https://www.ultraspark.net" style="font-weight: bold;color: #FFF;text-decoration: none" target="_blank">ULTRASPARK</a></p>
+            <p>Version <%= appVersion || '0.11.0' %></p>
+        </div>
+    </footer>
+</body>
+</html>

package/views/themes/landing/assets/css/style.css

@@ -0,0 +1,6 @@
+body {
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    margin: 40px;
+    background: #f4f6f9;
+    color: #2d3748;
+}

package/views/themes/landing/assets/js/main.js

@@ -0,0 +1,8 @@
+/**************************************************************************************************
+* RadixCMS
+*
+* DESCRIPTION: client-side behavior for the landing theme.
+*
+* Copyright (C) 2026 Ultra Spark Software <salve@ultraspark.net>
+* SPDX-License-Identifier: GPL-3.0-or-later
+**************************************************************************************************/

package/views/themes/landing/index.ejs

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title><%= title %></title>
+    <!-- Resolve the theme stylesheet cleanly -->
+    <link rel="stylesheet" href="/themes/<%= currentTheme %>/assets/css/style.css">
+</head>
+<body>
+    <nav>
+        <a href="/">Home</a> | <a href="/about">About</a> |
+        <% if (user && ['Editor', 'Manager', 'Administrator'].includes(user.role)) { %>
+            <a href="/admin">Admin</a> | <a href="/admin/logout">Logout</a>
+        <% } else if (user && user.role === 'Registered') { %>
+            <a href="/admin/logout">Logout</a>
+        <% } else { %>
+            <a href="/admin/login">Login</a>
+        <% } %>
+    </nav>
+    Landing Theme
+    <hr>
+    <main>
+        <%- content %>
+    </main>
+</body>
+</html>

package/index.js

@@ -1,15 +0,0 @@
-#!/usr/bin/env node
-const http = require('http');
-
-const hostname = '127.0.0.1';
-const port = 3000;
-
-const server = http.createServer((req, res) => {
-  res.statusCode = 200;
-  res.setHeader('Content-Type', 'text/html');
-  res.end('<h1>Hello, World!</h1>');
-});
-
-server.listen(port, hostname, () => {
-  console.log(`Server running at http://${hostname}:${port}/`);
-});