npm - create-velox-app - Versions diffs - 0.4.14 → 0.6.25 - Mend

create-velox-app 0.4.14 → 0.6.25

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 (113) hide show

package/README.md +2 -43
package/dist/cli.js +23 -13
package/dist/cli.js.map +1 -1
package/dist/index.js +26 -8
package/dist/index.js.map +1 -1
package/dist/templates/auth.d.ts.map +1 -1
package/dist/templates/auth.js +24 -0
package/dist/templates/auth.js.map +1 -1
package/dist/templates/fullstack.d.ts +15 -0
package/dist/templates/fullstack.d.ts.map +1 -0
package/dist/templates/fullstack.js +110 -0
package/dist/templates/fullstack.js.map +1 -0
package/dist/templates/index.d.ts +1 -1
package/dist/templates/index.d.ts.map +1 -1
package/dist/templates/index.js +27 -5
package/dist/templates/index.js.map +1 -1
package/dist/templates/placeholders.d.ts +6 -1
package/dist/templates/placeholders.d.ts.map +1 -1
package/dist/templates/placeholders.js +15 -5
package/dist/templates/placeholders.js.map +1 -1
package/dist/templates/rsc.d.ts +15 -0
package/dist/templates/rsc.d.ts.map +1 -0
package/dist/templates/rsc.js +192 -0
package/dist/templates/rsc.js.map +1 -0
package/dist/templates/shared/root.d.ts +1 -0
package/dist/templates/shared/root.d.ts.map +1 -1
package/dist/templates/shared/root.js +4 -0
package/dist/templates/shared/root.js.map +1 -1
package/dist/templates/spa.d.ts +12 -0
package/dist/templates/spa.d.ts.map +1 -0
package/dist/templates/spa.js +101 -0
package/dist/templates/spa.js.map +1 -0
package/dist/templates/trpc.d.ts.map +1 -1
package/dist/templates/trpc.js +16 -0
package/dist/templates/trpc.js.map +1 -1
package/dist/templates/types.d.ts +14 -1
package/dist/templates/types.d.ts.map +1 -1
package/dist/templates/types.js +35 -10
package/dist/templates/types.js.map +1 -1
package/package.json +3 -3
package/src/templates/source/api/config/auth.ts +2 -2
package/src/templates/source/api/config/database.ts +44 -10
package/src/templates/source/api/index.auth.ts +10 -16
package/src/templates/source/api/index.default.ts +10 -9
package/src/templates/source/api/index.trpc.ts +9 -28
package/src/templates/source/api/package.auth.json +7 -6
package/src/templates/source/api/package.default.json +5 -4
package/src/templates/source/api/prisma/schema.auth.prisma +3 -2
package/src/templates/source/api/prisma/schema.default.prisma +3 -2
package/src/templates/source/api/prisma.config.ts +7 -1
package/src/templates/source/api/procedures/auth.ts +38 -66
package/src/templates/source/api/procedures/health.ts +4 -9
package/src/templates/source/api/procedures/users.auth.ts +7 -11
package/src/templates/source/api/procedures/users.default.ts +7 -11
package/src/templates/source/api/router.auth.ts +31 -0
package/src/templates/source/api/router.default.ts +29 -0
package/src/templates/source/api/router.trpc.ts +37 -0
package/src/templates/source/api/router.types.auth.ts +88 -0
package/src/templates/source/api/router.types.default.ts +73 -0
package/src/templates/source/api/router.types.trpc.ts +73 -0
package/src/templates/source/api/routes.auth.ts +66 -0
package/src/templates/source/api/routes.default.ts +53 -0
package/src/templates/source/api/schemas/auth.ts +79 -0
package/src/templates/source/api/schemas/health.ts +21 -0
package/src/templates/source/api/schemas/user.ts +62 -12
package/src/templates/source/api/utils/auth.ts +157 -0
package/src/templates/source/root/.cursorrules +187 -0
package/src/templates/source/root/CLAUDE.auth.md +264 -0
package/src/templates/source/root/CLAUDE.default.md +185 -0
package/src/templates/source/root/package.json +7 -1
package/src/templates/source/rsc/CLAUDE.md +104 -0
package/src/templates/source/rsc/app/actions/posts.ts +93 -0
package/src/templates/source/rsc/app/actions/users.ts +83 -0
package/src/templates/source/rsc/app/layouts/dashboard.tsx +127 -0
package/src/templates/source/rsc/app/layouts/marketing.tsx +25 -0
package/src/templates/source/rsc/app/layouts/minimal.tsx +30 -0
package/src/templates/source/rsc/app/layouts/root.tsx +241 -0
package/src/templates/source/rsc/app/pages/(dashboard)/profile.tsx +71 -0
package/src/templates/source/rsc/app/pages/(dashboard)/settings.tsx +104 -0
package/src/templates/source/rsc/app/pages/(marketing)/about.tsx +52 -0
package/src/templates/source/rsc/app/pages/_not-found.tsx +149 -0
package/src/templates/source/rsc/app/pages/docs/[...slug].tsx +211 -0
package/src/templates/source/rsc/app/pages/index.tsx +50 -0
package/src/templates/source/rsc/app/pages/print.tsx +80 -0
package/src/templates/source/rsc/app/pages/users/[id]/posts/[postId].tsx +89 -0
package/src/templates/source/rsc/app/pages/users/[id]/posts/index.tsx +76 -0
package/src/templates/source/rsc/app/pages/users/[id]/posts/new.tsx +79 -0
package/src/templates/source/rsc/app/pages/users/[id].tsx +64 -0
package/src/templates/source/rsc/app/pages/users/_layout.tsx +104 -0
package/src/templates/source/rsc/app/pages/users.tsx +44 -0
package/src/templates/source/rsc/app.config.ts +12 -0
package/src/templates/source/rsc/env.example +6 -0
package/src/templates/source/rsc/gitignore +34 -0
package/src/templates/source/rsc/package.json +41 -0
package/src/templates/source/rsc/prisma/schema.prisma +34 -0
package/src/templates/source/rsc/prisma.config.ts +22 -0
package/src/templates/source/rsc/public/favicon.svg +4 -0
package/src/templates/source/rsc/src/api/database.ts +72 -0
package/src/templates/source/rsc/src/api/handler.ts +53 -0
package/src/templates/source/rsc/src/api/procedures/health.ts +48 -0
package/src/templates/source/rsc/src/api/procedures/posts.ts +151 -0
package/src/templates/source/rsc/src/api/procedures/users.ts +87 -0
package/src/templates/source/rsc/src/api/schemas/post.ts +53 -0
package/src/templates/source/rsc/src/api/schemas/user.ts +38 -0
package/src/templates/source/rsc/src/entry.client.tsx +28 -0
package/src/templates/source/rsc/src/entry.server.tsx +304 -0
package/src/templates/source/rsc/tsconfig.json +24 -0
package/src/templates/source/web/App.module.css +1 -1
package/src/templates/source/web/api.ts +8 -1
package/src/templates/source/web/main.tsx +4 -4
package/src/templates/source/web/package.json +6 -6
package/src/templates/source/web/routes/__root.tsx +2 -2
package/src/templates/source/web/routes/index.auth.tsx +3 -0

package/src/templates/source/rsc/app/layouts/root.tsx ADDED Viewed

@@ -0,0 +1,241 @@
+/**
+ * Root Layout
+ *
+ * The root layout wraps all pages with common UI elements.
+ * This is a Server Component that provides the HTML structure.
+ */
+import type { ReactNode } from 'react';
+interface RootLayoutProps {
+  children: ReactNode;
+  params?: Record<string, string>;
+}
+export default function RootLayout({ children }: RootLayoutProps) {
+  return (
+    <html lang="en">
+      <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <title>VeloxTS App</title>
+        <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
+        <style>{`
+          * {
+            box-sizing: border-box;
+            margin: 0;
+            padding: 0;
+          }
+          body {
+            font-family: system-ui, -apple-system, sans-serif;
+            line-height: 1.6;
+            color: #1a1a2e;
+            background: #f8f9fa;
+          }
+          .layout {
+            min-height: 100vh;
+            display: flex;
+            flex-direction: column;
+          }
+          .nav {
+            background: #1a1a2e;
+            padding: 1rem 2rem;
+          }
+          .nav-list {
+            display: flex;
+            gap: 2rem;
+            list-style: none;
+            max-width: 1200px;
+            margin: 0 auto;
+          }
+          .nav-link {
+            color: #e8e8e8;
+            text-decoration: none;
+            font-weight: 500;
+            transition: color 0.2s;
+          }
+          .nav-link:hover {
+            color: #6366f1;
+          }
+          .main {
+            flex: 1;
+            padding: 2rem;
+            max-width: 1200px;
+            margin: 0 auto;
+            width: 100%;
+          }
+          .footer {
+            background: #1a1a2e;
+            color: #a8a8b8;
+            text-align: center;
+            padding: 1rem;
+            font-size: 0.875rem;
+          }
+          /* Page styles */
+          .home-page .hero {
+            text-align: center;
+            padding: 3rem 0;
+          }
+          .home-page h1 {
+            font-size: 2.5rem;
+            margin-bottom: 0.5rem;
+          }
+          .home-page .tagline {
+            color: #666;
+            font-size: 1.25rem;
+          }
+          .stats {
+            display: flex;
+            gap: 1rem;
+            justify-content: center;
+            margin: 2rem 0;
+          }
+          .stat-card {
+            background: white;
+            padding: 1.5rem 2rem;
+            border-radius: 8px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+            text-align: center;
+          }
+          .stat-value {
+            display: block;
+            font-size: 2rem;
+            font-weight: 700;
+            color: #6366f1;
+          }
+          .stat-label {
+            color: #666;
+            font-size: 0.875rem;
+          }
+          .features {
+            background: white;
+            padding: 2rem;
+            border-radius: 8px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+          }
+          .features h2 {
+            margin-bottom: 1rem;
+          }
+          .features ul {
+            list-style: none;
+          }
+          .features li {
+            padding: 0.5rem 0;
+            border-bottom: 1px solid #eee;
+          }
+          .features li:last-child {
+            border-bottom: none;
+          }
+          .cta {
+            text-align: center;
+            margin-top: 2rem;
+            color: #666;
+          }
+          code {
+            background: #f0f0f0;
+            padding: 0.2rem 0.4rem;
+            border-radius: 4px;
+            font-family: monospace;
+          }
+          /* Users page */
+          .users-page h1 {
+            margin-bottom: 1rem;
+          }
+          .empty-state {
+            color: #666;
+            padding: 2rem;
+            text-align: center;
+            background: white;
+            border-radius: 8px;
+          }
+          .user-list {
+            list-style: none;
+            display: grid;
+            gap: 1rem;
+          }
+          .user-card {
+            background: white;
+            padding: 1rem;
+            border-radius: 8px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+          }
+          .user-name {
+            font-weight: 600;
+          }
+          .user-email {
+            color: #666;
+          }
+        `}</style>
+      </head>
+      <body>
+        <div className="layout">
+          <nav className="nav">
+            <ul className="nav-list">
+              <li>
+                <a href="/" className="nav-link">
+                  Home
+                </a>
+              </li>
+              <li>
+                <a href="/users" className="nav-link">
+                  Users
+                </a>
+              </li>
+              <li>
+                <a href="/settings" className="nav-link">
+                  Settings
+                </a>
+              </li>
+              <li>
+                <a href="/docs/getting-started" className="nav-link">
+                  Docs
+                </a>
+              </li>
+              <li>
+                <a href="/api/health" className="nav-link">
+                  API
+                </a>
+              </li>
+            </ul>
+          </nav>
+          <main className="main">{children}</main>
+          <footer className="footer">Built with VeloxTS &bull; React Server Components</footer>
+        </div>
+        <script src="/_build/entry.client.js" type="module" />
+      </body>
+    </html>
+  );
+}

package/src/templates/source/rsc/app/pages/(dashboard)/profile.tsx ADDED Viewed

@@ -0,0 +1,71 @@
+/**
+ * Profile Page
+ *
+ * A React Server Component for user profile management.
+ * Demonstrates route groups: (dashboard)/profile.tsx -> /profile
+ * Uses DashboardLayout via the (dashboard) route group.
+ */
+interface PageProps {
+  params: Record<string, string>;
+  searchParams: Record<string, string | string[]>;
+}
+export default async function ProfilePage(_props: PageProps) {
+  // In a real app, this would come from auth context
+  const mockUser = {
+    name: 'Demo User',
+    email: 'demo@veloxts.dev',
+    role: 'Administrator',
+    joinedAt: new Date('2024-01-01'),
+  };
+  return (
+    <div className="profile-page">
+      <h1>Profile</h1>
+      <p className="page-description">
+        Manage your profile information. This page shares the DashboardLayout with Settings.
+      </p>
+      <section className="profile-card">
+        <div className="profile-avatar">
+          <span className="avatar-placeholder">{mockUser.name.charAt(0).toUpperCase()}</span>
+        </div>
+        <div className="profile-info">
+          <h2>{mockUser.name}</h2>
+          <p className="role">{mockUser.role}</p>
+        </div>
+      </section>
+      <section className="profile-details">
+        <h3>Account Details</h3>
+        <dl>
+          <dt>Email</dt>
+          <dd>{mockUser.email}</dd>
+          <dt>Role</dt>
+          <dd>{mockUser.role}</dd>
+          <dt>Member Since</dt>
+          <dd>{mockUser.joinedAt.toLocaleDateString()}</dd>
+        </dl>
+      </section>
+      <section className="profile-actions">
+        <h3>Quick Actions</h3>
+        <nav className="action-links">
+          <a href="/settings">Edit Settings</a>
+          <a href="/settings?tab=security">Change Password</a>
+          <a href="/users">View All Users</a>
+        </nav>
+      </section>
+      <footer className="page-footer">
+        <p>
+          <small>Route group: (dashboard) | Layout: DashboardLayout</small>
+        </p>
+      </footer>
+    </div>
+  );
+}

package/src/templates/source/rsc/app/pages/(dashboard)/settings.tsx ADDED Viewed

@@ -0,0 +1,104 @@
+/**
+ * Settings Page
+ *
+ * A React Server Component for application settings.
+ * Demonstrates route groups: (dashboard)/settings.tsx -> /settings
+ * The (dashboard) folder groups related pages without affecting the URL.
+ */
+interface PageProps {
+  params: Record<string, string>;
+  searchParams: Record<string, string | string[]>;
+}
+export default async function SettingsPage({ searchParams }: PageProps) {
+  const tab = (searchParams.tab as string) || 'general';
+  return (
+    <div className="settings-page">
+      <h1>Settings</h1>
+      <p className="page-description">
+        Manage your application settings. This page is in the (dashboard) route group.
+      </p>
+      <nav className="settings-tabs">
+        <a href="/settings?tab=general" className={tab === 'general' ? 'active' : ''}>
+          General
+        </a>
+        <a href="/settings?tab=notifications" className={tab === 'notifications' ? 'active' : ''}>
+          Notifications
+        </a>
+        <a href="/settings?tab=security" className={tab === 'security' ? 'active' : ''}>
+          Security
+        </a>
+      </nav>
+      <section className="settings-content">
+        {tab === 'general' && (
+          <div className="settings-section">
+            <h2>General Settings</h2>
+            <form className="settings-form">
+              <div className="form-group">
+                <label htmlFor="siteName">Site Name</label>
+                <input type="text" id="siteName" defaultValue="My VeloxTS App" />
+              </div>
+              <div className="form-group">
+                <label htmlFor="timezone">Timezone</label>
+                <select id="timezone" defaultValue="UTC">
+                  <option value="UTC">UTC</option>
+                  <option value="America/New_York">Eastern Time</option>
+                  <option value="America/Los_Angeles">Pacific Time</option>
+                </select>
+              </div>
+              <button type="submit">Save Changes</button>
+            </form>
+          </div>
+        )}
+        {tab === 'notifications' && (
+          <div className="settings-section">
+            <h2>Notification Settings</h2>
+            <form className="settings-form">
+              <div className="form-group">
+                <label>
+                  <input type="checkbox" defaultChecked /> Email notifications
+                </label>
+              </div>
+              <div className="form-group">
+                <label>
+                  <input type="checkbox" /> Push notifications
+                </label>
+              </div>
+              <button type="submit">Save Changes</button>
+            </form>
+          </div>
+        )}
+        {tab === 'security' && (
+          <div className="settings-section">
+            <h2>Security Settings</h2>
+            <form className="settings-form">
+              <div className="form-group">
+                <label>
+                  <input type="checkbox" defaultChecked /> Two-factor authentication
+                </label>
+              </div>
+              <div className="form-group">
+                <label>
+                  <input type="checkbox" defaultChecked /> Session timeout after 30 minutes
+                </label>
+              </div>
+              <button type="submit">Save Changes</button>
+            </form>
+          </div>
+        )}
+      </section>
+      <footer className="page-footer">
+        <p>
+          <small>Route group: (dashboard) | Layout: DashboardLayout</small>
+        </p>
+      </footer>
+    </div>
+  );
+}

package/src/templates/source/rsc/app/pages/(marketing)/about.tsx ADDED Viewed

@@ -0,0 +1,52 @@
+/**
+ * About Page
+ *
+ * This page is in the (marketing) route group.
+ * The URL is /about (not /marketing/about).
+ *
+ * Route groups let you organize pages without affecting the URL structure.
+ * They're useful for:
+ * - Applying shared layouts to a subset of pages
+ * - Organizing pages by team or feature
+ * - Grouping related pages without nesting URLs
+ */
+import type { PageProps } from '@veloxts/web';
+export default function AboutPage({ params: _params }: PageProps) {
+  return (
+    <div className="page about-page">
+      <h1>About VeloxTS</h1>
+      <section className="about-section">
+        <h2>What is VeloxTS?</h2>
+        <p>
+          VeloxTS is a Laravel-inspired TypeScript full-stack web framework designed for exceptional
+          developer experience and type safety.
+        </p>
+      </section>
+      <section className="about-section">
+        <h2>Key Features</h2>
+        <ul>
+          <li>Type safety without code generation</li>
+          <li>React Server Components with streaming</li>
+          <li>File-based routing with route groups</li>
+          <li>Built on Fastify, tRPC, and Prisma</li>
+        </ul>
+      </section>
+      <section className="about-section route-group-demo">
+        <h2>Route Groups Demo</h2>
+        <p>
+          This page lives at <code>app/pages/(marketing)/about.tsx</code> but is served at{' '}
+          <code>/about</code>.
+        </p>
+        <p>
+          The <code>(marketing)</code> directory is a route group - it organizes files without
+          affecting the URL structure.
+        </p>
+      </section>
+    </div>
+  );
+}

package/src/templates/source/rsc/app/pages/_not-found.tsx ADDED Viewed

@@ -0,0 +1,149 @@
+/**
+ * 404 Not Found Page
+ *
+ * This page is displayed when no route matches the requested URL.
+ * The _not-found.tsx naming convention is recognized by the file router.
+ */
+interface PageProps {
+  params: Record<string, string>;
+  searchParams: Record<string, string | string[]>;
+}
+export default async function NotFoundPage(_props: PageProps) {
+  return (
+    <div className="not-found-page">
+      <style>{`
+        .not-found-page {
+          text-align: center;
+          padding: 4rem 2rem;
+          min-height: 60vh;
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          align-items: center;
+        }
+        .error-code {
+          font-size: 8rem;
+          font-weight: 700;
+          color: #e0e0e0;
+          line-height: 1;
+          margin-bottom: 1rem;
+        }
+        .not-found-page h1 {
+          font-size: 2rem;
+          color: #1a1a2e;
+          margin-bottom: 0.5rem;
+        }
+        .not-found-page p {
+          color: #666;
+          max-width: 400px;
+          margin-bottom: 2rem;
+        }
+        .action-links {
+          display: flex;
+          gap: 1rem;
+        }
+        .action-links a {
+          padding: 0.75rem 1.5rem;
+          border-radius: 8px;
+          text-decoration: none;
+          font-weight: 500;
+          transition: all 0.2s;
+        }
+        .action-links .primary {
+          background: #6366f1;
+          color: white;
+        }
+        .action-links .primary:hover {
+          background: #4f46e5;
+        }
+        .action-links .secondary {
+          background: #f0f0f0;
+          color: #1a1a2e;
+        }
+        .action-links .secondary:hover {
+          background: #e0e0e0;
+        }
+        .suggestions {
+          margin-top: 3rem;
+          padding-top: 2rem;
+          border-top: 1px solid #eee;
+          color: #888;
+        }
+        .suggestions h3 {
+          font-size: 0.875rem;
+          text-transform: uppercase;
+          margin-bottom: 1rem;
+        }
+        .suggestions ul {
+          list-style: none;
+          display: flex;
+          gap: 1rem;
+          flex-wrap: wrap;
+          justify-content: center;
+        }
+        .suggestions a {
+          color: #6366f1;
+          text-decoration: none;
+        }
+        .suggestions a:hover {
+          text-decoration: underline;
+        }
+      `}</style>
+      <div className="error-code">404</div>
+      <h1>Page Not Found</h1>
+      <p>
+        The page you're looking for doesn't exist or has been moved. Check the URL or navigate using
+        the links below.
+      </p>
+      <div className="action-links">
+        <a href="/" className="primary">
+          Go Home
+        </a>
+        <a href="/users" className="secondary">
+          View Users
+        </a>
+      </div>
+      <div className="suggestions">
+        <h3>Popular Pages</h3>
+        <ul>
+          <li>
+            <a href="/">Home</a>
+          </li>
+          <li>
+            <a href="/users">Users</a>
+          </li>
+          <li>
+            <a href="/settings">Settings</a>
+          </li>
+          <li>
+            <a href="/profile">Profile</a>
+          </li>
+          <li>
+            <a href="/docs/getting-started">Documentation</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  );
+}