npm - sprygen - Versions diffs - 1.0.0 - Mend

sprygen 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (56) hide show

package/templates/project/thymeleaf/admin/users.html.ejs ADDED Viewed

@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org"
+                xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
+<head>
+  <meta charset="UTF-8"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+  <title>Admin Panel — <%= projectName %></title>
+  <link rel="stylesheet" th:href="@{/css/style.css}"/>
+</head>
+<body>
+<div id="app">
+<div class="layout">
+  <aside class="sidebar">
+    <div class="sidebar-brand">
+      <div class="logo-icon">⚡</div>
+      <span class="logo-text"><%= projectName %></span>
+    </div>
+    <nav class="sidebar-nav">
+      <span class="nav-section-label">Navigation</span>
+      <a class="nav-link" th:href="@{/dashboard}"><span class="icon">⊞</span> Dashboard</a>
+      <a class="nav-link" th:href="@{/profile}"><span class="icon">◉</span> Profile</a>
+      <span class="nav-section-label">Administration</span>
+      <a class="nav-link active" th:href="@{/admin/users}"><span class="icon">⚙</span> Admin Panel</a>
+    </nav>
+    <div class="sidebar-footer">
+      <div class="user-widget">
+        <div class="user-avatar" th:text="${#strings.substring(user.firstName,0,1) + #strings.substring(user.lastName,0,1)}">??</div>
+        <div class="user-info">
+          <div class="user-name" th:text="${user.firstName + ' ' + user.lastName}">User</div>
+          <div class="user-role">👑 Admin</div>
+        </div>
+      </div>
+      <form th:action="@{/logout}" method="post" style="margin-top:10px;">
+        <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
+        <button type="submit" class="btn btn-outline btn-full" style="font-size:0.8rem;">Sign Out</button>
+      </form>
+    </div>
+  </aside>
+  <div class="main">
+    <div class="topbar">
+      <span class="topbar-title">Admin Panel</span>
+      <span style="font-size:0.85rem;color:var(--text-muted);" th:text="${users.size()} + ' users'"></span>
+    </div>
+    <div class="page">
+      <div class="page-header">
+        <h1>User Management</h1>
+        <p>View, manage roles, and remove users from your application.</p>
+      </div>
+      <div th:if="${success}" class="alert alert-success visible" th:text="${success}"></div>
+      <div th:if="${error}"   class="alert alert-error visible"   th:text="${error}"></div>
+      <div class="card">
+        <div class="card-body">
+          <div class="table-wrap">
+            <table>
+              <thead>
+                <tr>
+                  <th>ID</th>
+                  <th>Name</th>
+                  <th>Email</th>
+                  <th>Role</th>
+                  <th>Joined</th>
+                  <th>Actions</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr th:each="u : ${users}">
+                  <td style="color:var(--text-muted);font-size:0.8rem;" th:text="'#' + ${u.id}"></td>
+                  <td><strong th:text="${u.firstName + ' ' + u.lastName}"></strong></td>
+                  <td style="font-size:0.85rem;" th:text="${u.email}"></td>
+                  <td>
+                    <span th:if="${u.admin}" class="badge badge-admin">👑 Admin</span>
+                    <span th:unless="${u.admin}" class="badge badge-user">User</span>
+                  </td>
+                  <td style="color:var(--text-muted);font-size:0.82rem;"
+                      th:text="${u.createdAt != null} ? ${#temporals.format(u.createdAt,'MMM d, yyyy')} : '—'"></td>
+                  <td>
+                    <div class="flex gap-2">
+                      <!-- Toggle role -->
+                      <form th:action="@{/admin/users/{id}/role(id=${u.id})}" method="post" style="display:inline;">
+                        <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
+                        <input type="hidden" name="role" th:value="${u.admin} ? 'ROLE_USER' : 'ROLE_ADMIN'"/>
+                        <button type="submit" class="btn btn-outline btn-sm"
+                                th:text="${u.admin} ? 'Make User' : 'Make Admin'"></button>
+                      </form>
+                      <!-- Delete -->
+                      <form th:action="@{/admin/users/{id}/delete(id=${u.id})}" method="post"
+                            onsubmit="return confirm('Delete this user? This cannot be undone.')">
+                        <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
+                        <button type="submit" class="btn btn-danger btn-sm">Delete</button>
+                      </form>
+                    </div>
+                  </td>
+                </tr>
+                <tr th:if="${users.empty}">
+                  <td colspan="6" style="text-align:center;padding:32px;color:var(--text-muted);">No users found.</td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+</div>
+</body>
+</html>

package/templates/project/thymeleaf/dashboard.html.ejs ADDED Viewed

@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org"
+                xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
+<head>
+  <meta charset="UTF-8"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+  <title>Dashboard — <%= projectName %></title>
+  <link rel="stylesheet" th:href="@{/css/style.css}"/>
+</head>
+<body>
+<div id="app">
+<div class="layout">
+  <!-- Sidebar -->
+  <aside class="sidebar">
+    <div class="sidebar-brand">
+      <div class="logo-icon">⚡</div>
+      <span class="logo-text"><%= projectName %></span>
+    </div>
+    <nav class="sidebar-nav">
+      <span class="nav-section-label">Navigation</span>
+      <a class="nav-link active" th:href="@{/dashboard}"><span class="icon">⊞</span> Dashboard</a>
+      <a class="nav-link" th:href="@{/profile}"><span class="icon">◉</span> Profile</a>
+      <sec:authorize access="hasAuthority('ROLE_ADMIN')">
+        <span class="nav-section-label">Administration</span>
+        <a class="nav-link" th:href="@{/admin/users}"><span class="icon">⚙</span> Admin Panel</a>
+      </sec:authorize>
+    </nav>
+    <div class="sidebar-footer">
+      <div class="user-widget">
+        <div class="user-avatar"
+             th:text="${#strings.substring(user.firstName,0,1) + #strings.substring(user.lastName,0,1)}">??</div>
+        <div class="user-info">
+          <div class="user-name" th:text="${user.firstName + ' ' + user.lastName}">User</div>
+          <div class="user-role">
+            <sec:authorize access="hasAuthority('ROLE_ADMIN')">👑 Admin</sec:authorize>
+            <sec:authorize access="!hasAuthority('ROLE_ADMIN')">🙂 User</sec:authorize>
+          </div>
+        </div>
+      </div>
+      <form th:action="@{/logout}" method="post" style="margin-top:10px;">
+        <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
+        <button type="submit" class="btn btn-outline btn-full" style="font-size:0.8rem;">Sign Out</button>
+      </form>
+    </div>
+  </aside>
+  <!-- Main content -->
+  <div class="main">
+    <div class="topbar">
+      <span class="topbar-title">Dashboard</span>
+      <span style="font-size:0.85rem;color:var(--text-muted);"
+            th:text="${#temporals.format(#temporals.createNow(), 'EEEE, MMMM d')}"></span>
+    </div>
+    <div class="page">
+      <div class="page-header">
+        <h1>Welcome back, <span th:text="${user.firstName}">User</span> 👋</h1>
+        <p>Here's an overview of your account and the application.</p>
+      </div>
+      <div class="stats-grid">
+        <div class="stat-card">
+          <div class="stat-icon">👤</div>
+          <div class="stat-value">
+            <sec:authorize access="hasAuthority('ROLE_ADMIN')">Admin</sec:authorize>
+            <sec:authorize access="!hasAuthority('ROLE_ADMIN')">User</sec:authorize>
+          </div>
+          <div class="stat-label">Your Role</div>
+        </div>
+        <sec:authorize access="hasAuthority('ROLE_ADMIN')">
+          <div class="stat-card">
+            <div class="stat-icon">👥</div>
+            <div class="stat-value" th:text="${totalUsers}">—</div>
+            <div class="stat-label">Total Users</div>
+          </div>
+          <div class="stat-card">
+            <div class="stat-icon">🛡️</div>
+            <div class="stat-value" th:text="${adminCount}">—</div>
+            <div class="stat-label">Admins</div>
+          </div>
+        </sec:authorize>
+      </div>
+      <div class="card">
+        <div class="card-body">
+          <div class="section-header">
+            <span class="section-title">API Quick Reference</span>
+          </div>
+          <div class="table-wrap">
+            <table>
+              <thead><tr><th>Method</th><th>Route</th><th>Access</th></tr></thead>
+              <tbody>
+                <tr><td><span style="color:#10b981;font-weight:700;font-size:0.8rem;">POST</span></td><td style="font-family:monospace;font-size:0.82rem;">/api/v1/auth/register</td><td><span class="badge badge-success">Public</span></td></tr>
+                <tr><td><span style="color:#10b981;font-weight:700;font-size:0.8rem;">POST</span></td><td style="font-family:monospace;font-size:0.82rem;">/api/v1/auth/login</td><td><span class="badge badge-success">Public</span></td></tr>
+                <tr><td><span style="color:#60a5fa;font-weight:700;font-size:0.8rem;">GET</span></td><td style="font-family:monospace;font-size:0.82rem;">/api/v1/profile</td><td><span class="badge badge-user">Auth</span></td></tr>
+                <tr><td><span style="color:#f59e0b;font-weight:700;font-size:0.8rem;">PUT</span></td><td style="font-family:monospace;font-size:0.82rem;">/api/v1/profile</td><td><span class="badge badge-user">Auth</span></td></tr>
+                <tr><td><span style="color:#60a5fa;font-weight:700;font-size:0.8rem;">GET</span></td><td style="font-family:monospace;font-size:0.82rem;">/api/v1/admin/users</td><td><span class="badge badge-admin">Admin</span></td></tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+</div>
+</body>
+</html>

package/templates/project/thymeleaf/layout.html.ejs ADDED Viewed

@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org"
+                xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title th:text="${pageTitle} + ' — <%= projectName %>'">Page — <%= projectName %></title>
+  <link rel="stylesheet" th:href="@{/css/style.css}" />
+  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>" />
+</head>
+<body>
+<div id="app">
+  <!-- App shell with sidebar -->
+  <div class="layout" sec:authorize="isAuthenticated()">
+    <!-- Sidebar -->
+    <aside class="sidebar">
+      <div class="sidebar-brand">
+        <div class="logo-icon">⚡</div>
+        <span class="logo-text"><%= projectName %></span>
+      </div>
+      <nav class="sidebar-nav">
+        <span class="nav-section-label">Navigation</span>
+        <a class="nav-link" th:classappend="${activePage == 'dashboard'} ? 'active'" th:href="@{/dashboard}">
+          <span class="icon">⊞</span> Dashboard
+        </a>
+        <a class="nav-link" th:classappend="${activePage == 'profile'} ? 'active'" th:href="@{/profile}">
+          <span class="icon">◉</span> Profile
+        </a>
+        <sec:authorize access="hasAuthority('ROLE_ADMIN')">
+          <span class="nav-section-label">Administration</span>
+          <a class="nav-link" th:classappend="${activePage == 'admin'} ? 'active'" th:href="@{/admin/users}">
+            <span class="icon">⚙</span> Admin Panel
+          </a>
+        </sec:authorize>
+      </nav>
+      <div class="sidebar-footer">
+        <div class="user-widget">
+          <div class="user-avatar" sec:authentication="principal.firstName"
+               th:text="${#strings.substring(#authentication.principal.firstName,0,1) + #strings.substring(#authentication.principal.lastName,0,1)}">??</div>
+          <div class="user-info">
+            <div class="user-name" sec:authentication="name"
+                 th:text="${#authentication.principal.firstName + ' ' + #authentication.principal.lastName}">User</div>
+            <div class="user-role">
+              <sec:authorize access="hasAuthority('ROLE_ADMIN')">👑 Admin</sec:authorize>
+              <sec:authorize access="!hasAuthority('ROLE_ADMIN')">🙂 User</sec:authorize>
+            </div>
+          </div>
+        </div>
+        <form th:action="@{/logout}" method="post" style="margin-top:10px;">
+          <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}" />
+          <button type="submit" class="btn btn-outline btn-full" style="font-size:0.8rem;">Sign Out</button>
+        </form>
+      </div>
+    </aside>
+    <!-- Main content -->
+    <div class="main">
+      <div class="topbar">
+        <span class="topbar-title" th:text="${pageTitle}">Page</span>
+      </div>
+      <div class="page" th:replace="${content}">
+        <!-- Page content inserted here -->
+      </div>
+    </div>
+  </div>
+  <!-- Unauthenticated: just render content directly (login/register pages) -->
+  <div sec:authorize="!isAuthenticated()" th:replace="${content}"><!-- auth page content --></div>
+</div>
+</body>
+</html>

package/templates/project/thymeleaf/login.html.ejs ADDED Viewed

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+<head>
+  <meta charset="UTF-8"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+  <title>Sign In — <%= projectName %></title>
+  <link rel="stylesheet" th:href="@{/css/style.css}"/>
+</head>
+<body>
+<div id="app">
+  <div class="auth-page">
+    <div class="auth-container">
+      <div class="auth-brand">
+        <div class="logo-icon-lg">⚡</div>
+        <h1><%= projectName %></h1>
+        <p>Sign in to your account</p>
+      </div>
+      <div class="auth-card">
+        <!-- Error alert -->
+        <div th:if="${param.error}" class="alert alert-error visible">
+          Invalid email or password. Please try again.
+        </div>
+        <!-- Logout success -->
+        <div th:if="${param.logout}" class="alert alert-success visible">
+          You have been signed out successfully.
+        </div>
+        <form th:action="@{/login}" method="post">
+          <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
+          <div class="form-group">
+            <label for="username">Email address</label>
+            <input id="username" name="username" type="email" placeholder="you@example.com" required autofocus/>
+          </div>
+          <div class="form-group">
+            <label for="password">Password</label>
+            <input id="password" name="password" type="password" placeholder="••••••••" required/>
+          </div>
+          <button type="submit" class="btn btn-primary btn-full">Sign In</button>
+        </form>
+        <div class="divider"></div>
+        <p style="text-align:center;font-size:0.85rem;color:var(--text-muted);">
+          Don't have an account?
+          <a th:href="@{/register}" style="color:var(--primary);text-decoration:none;font-weight:600;">Create one</a>
+        </p>
+        <p style="text-align:center;font-size:0.82rem;color:var(--text-dim);margin-top:8px;">
+          <a th:href="@{/}" style="color:var(--text-dim);">← Back to home</a>
+        </p>
+      </div>
+    </div>
+  </div>
+</div>
+</body>
+</html>

package/templates/project/thymeleaf/profile.html.ejs ADDED Viewed

@@ -0,0 +1,133 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org"
+                xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
+<head>
+  <meta charset="UTF-8"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+  <title>Profile — <%= projectName %></title>
+  <link rel="stylesheet" th:href="@{/css/style.css}"/>
+</head>
+<body>
+<div id="app">
+<div class="layout">
+  <aside class="sidebar">
+    <div class="sidebar-brand">
+      <div class="logo-icon">⚡</div>
+      <span class="logo-text"><%= projectName %></span>
+    </div>
+    <nav class="sidebar-nav">
+      <span class="nav-section-label">Navigation</span>
+      <a class="nav-link" th:href="@{/dashboard}"><span class="icon">⊞</span> Dashboard</a>
+      <a class="nav-link active" th:href="@{/profile}"><span class="icon">◉</span> Profile</a>
+      <sec:authorize access="hasAuthority('ROLE_ADMIN')">
+        <span class="nav-section-label">Administration</span>
+        <a class="nav-link" th:href="@{/admin/users}"><span class="icon">⚙</span> Admin Panel</a>
+      </sec:authorize>
+    </nav>
+    <div class="sidebar-footer">
+      <div class="user-widget">
+        <div class="user-avatar" th:text="${#strings.substring(user.firstName,0,1) + #strings.substring(user.lastName,0,1)}">??</div>
+        <div class="user-info">
+          <div class="user-name" th:text="${user.firstName + ' ' + user.lastName}">User</div>
+          <div class="user-role">
+            <sec:authorize access="hasAuthority('ROLE_ADMIN')">👑 Admin</sec:authorize>
+            <sec:authorize access="!hasAuthority('ROLE_ADMIN')">🙂 User</sec:authorize>
+          </div>
+        </div>
+      </div>
+      <form th:action="@{/logout}" method="post" style="margin-top:10px;">
+        <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
+        <button type="submit" class="btn btn-outline btn-full" style="font-size:0.8rem;">Sign Out</button>
+      </form>
+    </div>
+  </aside>
+  <div class="main">
+    <div class="topbar"><span class="topbar-title">My Profile</span></div>
+    <div class="page">
+      <!-- Success/error flash -->
+      <div th:if="${success}" class="alert alert-success visible" th:text="${success}"></div>
+      <div th:if="${error}"   class="alert alert-error visible"   th:text="${error}"></div>
+      <!-- Profile hero -->
+      <div class="profile-hero">
+        <div class="profile-avatar-lg"
+             th:text="${#strings.substring(user.firstName,0,1) + #strings.substring(user.lastName,0,1)}">??</div>
+        <div class="profile-hero-info">
+          <h2 th:text="${user.firstName + ' ' + user.lastName}">Name</h2>
+          <p th:text="${user.email}">email@example.com</p>
+          <div style="margin-top:8px;">
+            <sec:authorize access="hasAuthority('ROLE_ADMIN')">
+              <span class="badge badge-admin">👑 Admin</span>
+            </sec:authorize>
+            <sec:authorize access="!hasAuthority('ROLE_ADMIN')">
+              <span class="badge badge-user">User</span>
+            </sec:authorize>
+          </div>
+        </div>
+      </div>
+      <div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;">
+        <!-- Update profile -->
+        <div class="card">
+          <div class="card-body">
+            <div class="card-title">Personal Information</div>
+            <div class="card-muted" style="margin-bottom:20px;">Update your name and bio</div>
+            <form th:action="@{/profile}" method="post">
+              <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
+              <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
+                <div class="form-group">
+                  <label>First Name</label>
+                  <input name="firstName" type="text" th:value="${user.firstName}" required/>
+                </div>
+                <div class="form-group">
+                  <label>Last Name</label>
+                  <input name="lastName" type="text" th:value="${user.lastName}" required/>
+                </div>
+              </div>
+              <div class="form-group">
+                <label>Bio</label>
+                <textarea name="bio" rows="3" placeholder="Tell us about yourself…" th:text="${user.bio}"></textarea>
+              </div>
+              <div class="form-group">
+                <label>Avatar URL</label>
+                <input name="avatarUrl" type="url" th:value="${user.avatarUrl}" placeholder="https://…"/>
+              </div>
+              <button type="submit" class="btn btn-primary">Save Changes</button>
+            </form>
+          </div>
+        </div>
+        <!-- Change password -->
+        <div class="card">
+          <div class="card-body">
+            <div class="card-title">Change Password</div>
+            <div class="card-muted" style="margin-bottom:20px;">Update your password</div>
+            <form th:action="@{/profile/password}" method="post">
+              <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
+              <div class="form-group">
+                <label>Current Password</label>
+                <input name="currentPassword" type="password" placeholder="••••••••"/>
+              </div>
+              <div class="form-group">
+                <label>New Password</label>
+                <input name="newPassword" type="password" placeholder="••••••••"/>
+              </div>
+              <div class="form-group">
+                <label>Confirm New Password</label>
+                <input name="confirmPassword" type="password" placeholder="••••••••"/>
+              </div>
+              <button type="submit" class="btn btn-primary">Update Password</button>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+</div>
+</body>
+</html>

package/templates/project/thymeleaf/register.html.ejs ADDED Viewed

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+<head>
+  <meta charset="UTF-8"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+  <title>Register — <%= projectName %></title>
+  <link rel="stylesheet" th:href="@{/css/style.css}"/>
+</head>
+<body>
+<div id="app">
+  <div class="auth-page">
+    <div class="auth-container">
+      <div class="auth-brand">
+        <div class="logo-icon-lg">⚡</div>
+        <h1><%= projectName %></h1>
+        <p>Create your account</p>
+      </div>
+      <div class="auth-card">
+        <div th:if="${error}" class="alert alert-error visible" th:text="${error}"></div>
+        <form th:action="@{/register}" method="post">
+          <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
+          <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
+            <div class="form-group">
+              <label for="firstName">First Name</label>
+              <input id="firstName" name="firstName" type="text" placeholder="John" required/>
+            </div>
+            <div class="form-group">
+              <label for="lastName">Last Name</label>
+              <input id="lastName" name="lastName" type="text" placeholder="Doe" required/>
+            </div>
+          </div>
+          <div class="form-group">
+            <label for="email">Email address</label>
+            <input id="email" name="email" type="email" placeholder="you@example.com" required/>
+          </div>
+          <div class="form-group">
+            <label for="password">Password <span style="color:var(--text-dim);font-size:0.75rem;">(min 6 chars)</span></label>
+            <input id="password" name="password" type="password" placeholder="••••••••" required minlength="6"/>
+          </div>
+          <button type="submit" class="btn btn-primary btn-full">Create Account</button>
+        </form>
+        <div class="divider"></div>
+        <p style="text-align:center;font-size:0.85rem;color:var(--text-muted);">
+          Already have an account?
+          <a th:href="@{/login}" style="color:var(--primary);text-decoration:none;font-weight:600;">Sign in</a>
+        </p>
+      </div>
+    </div>
+  </div>
+</div>
+</body>
+</html>