npm - @erwininteractive/mvc - Versions diffs - 0.7.1 → 0.8.2 - Mend

@erwininteractive/mvc 0.7.1 → 0.8.2

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

package/README.md +182 -487
package/dist/generators/initApp.js +19 -29
package/package.json +3 -1
package/templates/appScaffold/src/assets/tailwind.css +1 -3
package/templates/ci/test.yml +1 -1

package/README.md CHANGED Viewed

@@ -4,13 +4,21 @@ A lightweight, full-featured MVC framework for Node.js 20+ built with TypeScript
 ## Features
-- **Express** - Fast, minimal web framework
-- **EJS + Alpine.js** - Server-side templating with reactive client-side components
-- **Optional Database** - Add Prisma + PostgreSQL when you need it
-- **Optional Redis Sessions** - Scalable session management
+- **Express** - Fast, unopinionated web framework for routing and middleware
+- **EJS Templating** - Server-side templating with embedded JavaScript
+- **Prisma ORM** - Type-safe database client (optional, PostgreSQL/MySQL/SQLite support)
+- **Redis Sessions** - Scalable session management with connect-redis
 - **JWT Authentication** - Secure token-based auth with bcrypt password hashing
+- **Session-Based Auth** - Traditional session management with Express-Session
 - **WebAuthn (Passkeys)** - Passwordless authentication with security keys (YubiKey, Touch ID, Face ID)
-- **CLI Tools** - Scaffold apps and generate models/controllers
+- **Tailwind CSS** - Modern, utility-first CSS framework (optional, included with `--with-tailwind`)
+- **Zod Validation** - Type-safe form validation with TypeScript-first schemas
+- **CLI Tools** - Scaffold apps with `--with-tailwind`, generate models/controllers/resources
+- **Flash Messages** - Session-based success/error messages for forms
+- **Cookie Parser** - Built-in cookie parsing for JWT and session support
+- **Helmet Security** - HTTP header security middleware
+- **CORS Support** - Cross-origin resource sharing middleware
+- **GitHub Actions CI** - Automated testing with optional CI setup
 ## Quick Start
@@ -22,581 +30,268 @@ npm run dev
 Visit http://localhost:3000 - your app is running!
----
-## Getting Started
-### Step 1: Create a New Page
-Create `src/views/about.ejs`:
-```html
-<!doctype html>
-<html>
-<head>
-  <title><%= title %></title>
-</head>
-<body>
-  <h1><%= title %></h1>
-  <p>Welcome to my about page!</p>
-</body>
-</html>
-```
-### Step 2: Add a Route
-Edit `src/server.ts`:
-```typescript
-app.get("/about", (req, res) => {
-  res.render("about", { title: "About Us" });
-});
-```
-### Step 3: View Your Page
-Visit http://localhost:3000/about
----
-## Creating Pages
-### EJS Templates
-Create `.ejs` files in `src/views/`. EJS lets you use JavaScript in HTML:
-```html
-<!-- Output a variable (escaped) -->
-<h1><%= title %></h1>
-<!-- Output raw HTML -->
-<%- htmlContent %>
-<!-- JavaScript logic -->
-<% if (user) { %>
-  <p>Welcome, <%= user.name %>!</p>
-<% } %>
-<!-- Loop through items -->
-<ul>
-<% items.forEach(item => { %>
-  <li><%= item.name %></li>
-<% }); %>
-</ul>
-<!-- Include another template -->
-<%- include('partials/header') %>
-```
-### Adding Routes
-```typescript
-// Simple page
-app.get("/contact", (req, res) => {
-  res.render("contact", { title: "Contact Us" });
-});
-// Handle form submission
-app.post("/contact", (req, res) => {
-  const { name, email, message } = req.body;
-  console.log(`Message from ${name}: ${message}`);
-  res.redirect("/contact?sent=true");
-});
-// JSON API endpoint
-app.get("/api/users", (req, res) => {
-  res.json([{ id: 1, name: "John" }]);
-});
-```
----
-## Resources
+## CLI Commands
-Generate a complete resource (model + controller + views) with one command:
+### Initialize a new app
 ```bash
-npx erwinmvc generate resource Post
-```
-This creates:
-- `prisma/schema.prisma` - Adds the Post model
-- `src/controllers/PostController.ts` - Full CRUD controller with form handling
-- `src/views/posts/index.ejs` - List view
-- `src/views/posts/show.ejs` - Detail view
-- `src/views/posts/create.ejs` - Create form
-- `src/views/posts/edit.ejs` - Edit form
+# Basic app
+npx @erwininteractive/mvc init myapp
-### Resource Routes
+# With Tailwind CSS
+npx @erwininteractive/mvc init myapp --with-tailwind
-| Action    | HTTP Method | URL              | Description      |
-|-----------|-------------|------------------|------------------|
-| `index`   | GET         | /posts           | List all         |
-| `create`  | GET         | /posts/create    | Show create form |
-| `store`   | POST        | /posts           | Create new       |
-| `show`    | GET         | /posts/:id       | Show one         |
-| `edit`    | GET         | /posts/:id/edit  | Show edit form   |
-| `update`  | PUT         | /posts/:id       | Update           |
-| `destroy` | DELETE      | /posts/:id       | Delete           |
+# With database support (Prisma)
+npx @erwininteractive/mvc init myapp --with-database
-### Wiring Up Routes
+# With database + Tailwind
+npx @erwininteractive/mvc init myapp --with-database --with-tailwind
-Add to `src/server.ts`:
+# With GitHub Actions CI
+npx @erwininteractive/mvc init myapp --with-ci
-```typescript
-import * as PostController from "./controllers/PostController";
-app.get("/posts", PostController.index);
-app.get("/posts/create", PostController.create);
-app.post("/posts", PostController.store);
-app.get("/posts/:id", PostController.show);
-app.get("/posts/:id/edit", PostController.edit);
-app.put("/posts/:id", PostController.update);
-app.delete("/posts/:id", PostController.destroy);
+# Skip npm install (install manually later)
+npx @erwininteractive/mvc init myapp --skip-install
 ```
----
-## Controllers
-Generate just a controller (without model/views):
+### Generate models
 ```bash
-npx erwinmvc generate controller Product
-```
-This creates `src/controllers/ProductController.ts` with CRUD actions:
-| Action    | HTTP Method | URL              | Description |
-|-----------|-------------|------------------|-------------|
-| `index`   | GET         | /products        | List all    |
-| `show`    | GET         | /products/:id    | Show one    |
-| `store`   | POST        | /products        | Create      |
-| `update`  | PUT         | /products/:id    | Update      |
-| `destroy` | DELETE      | /products/:id    | Delete      |
-### Using Controllers
-```typescript
-import * as ProductController from "./controllers/ProductController";
+# Generate a Prisma model
+npx erwinmvc generate model User
+npx erwinmvc g model User
-app.get("/products", ProductController.index);
-app.get("/products/:id", ProductController.show);
-app.post("/products", ProductController.store);
-app.put("/products/:id", ProductController.update);
-app.delete("/products/:id", ProductController.destroy);
+# Generate without running migration
+npx erwinmvc generate model User --skip-migrate
 ```
----
-## Database (Optional)
-Your app works without a database. Add one when you need it.
-### Setup
+### Generate controllers
 ```bash
-npm run db:setup
-```
-Edit `.env` with your database URL:
-```
-DATABASE_URL="postgresql://user:password@localhost:5432/mydb"
-```
-Run migrations:
+# Generate a CRUD controller
+npx erwinmvc generate controller User
+npx erwinmvc g controller User
-```bash
-npx prisma migrate dev --name init
+# Generate without views
+npx erwinmvc generate controller User --no-views
 ```
-### Generate Models
+### Generate resources (model + controller + views)
 ```bash
-npx erwinmvc generate model Post
-```
+# Complete resource with all features
+npx erwinmvc generate resource Post
+npx erwinmvc g resource Post
-Edit `prisma/schema.prisma` to add fields:
+# Skip specific parts
+npx erwinmvc generate resource Post --skip-model
+npx erwinmvc generate resource Post --skip-views
+npx erwinmvc generate resource Post --skip-controller
-```prisma
-model Post {
-  id        Int      @id @default(autoincrement())
-  title     String
-  content   String?
-  published Boolean  @default(false)
-  createdAt DateTime @default(now())
-  updatedAt DateTime @updatedAt
+# Skip database migration
+npx erwinmvc generate resource Post --skip-migrate
-  @@map("posts")
-}
+# API-only resource (no views, JSON responses)
+npx erwinmvc generate resource Post --api-only
 ```
-Run migrations again:
+### Authentication commands
 ```bash
-npx prisma migrate dev --name add-post-fields
-```
+# Generate complete authentication system (login/register)
+npx erwinmvc make:auth
+npx erwinmvc ma
-### Use in Code
+# Skip User model (use existing)
+npx erwinmvc make:auth --without-model
-```typescript
-import { getPrismaClient } from "@erwininteractive/mvc";
+# Only JWT (no sessions)
+npx erwinmvc make:auth --jwt-only
-const prisma = getPrismaClient();
-app.get("/posts", async (req, res) => {
-  const posts = await prisma.post.findMany();
-  res.render("posts/index", { posts });
-});
-```
----
-## Authentication
-```typescript
-import {
-  hashPassword,
-  verifyPassword,
-  signToken,
-  verifyToken,
-  authenticate,
-} from "@erwininteractive/mvc";
-// Hash a password
-const hash = await hashPassword("secret123");
-// Verify a password
-const isValid = await verifyPassword("secret123", hash);
-// Sign a JWT
-const token = signToken({ userId: 1, email: "user@example.com" });
-// Protect routes with middleware
-app.get("/protected", authenticate, (req, res) => {
-  res.json({ user: req.user });
-});
-```
-### Auto-Inject User to Views
-When a user is authenticated, their information is automatically available in all EJS templates via `res.locals.user`:
-```typescript
-// In any EJS template
-<% if (user) { %>
-  <p>Welcome, <%= user.email %></p>
-<% } else { %>
-  <a href="/auth/login">Login</a>
-<% } %>
+# Only sessions (no JWT)
+npx erwinmvc make:auth --session-only
 ```
-The middleware automatically:
-- Extracts JWT from `req.cookies.token` or `Authorization` header
-- Verifies the token using `JWT_SECRET`
-- Sets `req.user` and `res.locals.user` for use in views
----
 ### WebAuthn (Passkeys)
-Passwordless authentication with security keys:
 ```bash
+# Generate WebAuthn authentication (security key login)
 npx erwinmvc webauthn
-```
-This generates:
-- `src/controllers/WebAuthnController.ts` - Registration and login handlers
-- `src/views/webauthn/` - EJS views for register/login pages
-- Prisma `WebAuthnCredential` model for storing security key data
-```typescript
-import {
-  startRegistration,
-  completeRegistration,
-  startAuthentication,
-  completeAuthentication,
-  getRPConfig,
-} from "@erwininteractive/mvc";
-const { rpID, rpName } = getRPConfig();
+npx erwinmvc w
-const options = await startRegistration(req, res);
-await completeRegistration(req, res);
-const options = await startAuthentication(req, res);
-await completeAuthentication(req, res);
+# Skip database migration
+npx erwinmvc webauthn --skip-migrate
 ```
-Environment variables:
-- `WEBAUTHN_RP_ID` - Your domain (e.g., "localhost" or "example.com")
-- `WEBAUTHN_RP_NAME` - Your app name (e.g., "ErwinMVC App")
-Note: WebAuthn requires HTTPS or localhost.
----
-## CLI Commands
-| Command | Description |
-|---------|-------------|
-| `npx @erwininteractive/mvc init <dir>` | Create a new app |
-| `npx erwinmvc generate resource <name>` | Generate model + controller + views |
-| `npx erwinmvc generate controller <name>` | Generate a CRUD controller |
-| `npx erwinmvc generate model <name>` | Generate a database model |
-| `npx erwinmvc webauthn` | Generate WebAuthn authentication (security keys) |
-### Init Options
-| Option | Description |
-|--------|-------------|
-| `--skip-install` | Skip running npm install |
-| `--with-database` | Include Prisma database setup |
-| `--with-ci` | Include GitHub Actions CI workflow |
-### Resource Options
-| Option | Description |
-|--------|-------------|
-| `--skip-model` | Skip generating Prisma model |
-| `--skip-controller` | Skip generating controller |
-| `--skip-views` | Skip generating views |
-| `--skip-migrate` | Skip running Prisma migrate |
-| `--api-only` | Generate API-only controller (no views) |
+### List routes
-### Other Generate Options
-| Option | Description |
-|--------|-------------|
-| `--skip-migrate` | Skip running Prisma migrate (model) |
-| `--no-views` | Skip generating EJS views (controller) |
----
+```bash
+# Show all defined routes
+npx erwinmvc list:routes
+npx erwinmvc lr
+```
 ## Project Structure
 ```
 myapp/
 ├── src/
-│   ├── server.ts           # Main app - add routes here
-│   ├── views/              # EJS templates
-│   ├── controllers/        # Route handlers (optional)
-│   └── middleware/         # Express middleware (optional)
-├── public/                 # Static files (CSS, JS, images)
-├── prisma/                 # Database (after db:setup)
-│   └── schema.prisma
-├── .env.example
-├── .gitignore
+│   ├── controllers/   # MVC controllers
+│   ├── views/         # EJS templates
+│   └── server.ts      # App entry point
+├── public/            # Static assets
+│   └── dist/          # Compiled CSS (Tailwind)
+├── prisma/            # Database (optional)
+│   └── schema.prisma  # Prisma schema
+├── .github/           # CI workflows (optional)
 ├── package.json
-└── tsconfig.json
+├── tsconfig.json
+├── tailwind.config.ts  # Tailwind config (optional)
+└── postcss.config.cjs  # PostCSS config (optional)
 ```
-### Static Files
+## Database Setup
-Files in `public/` are served at the root URL:
+```bash
+# Setup Prisma database
+npx erwinmvc init myapp --with-database
+cd myapp
-```
-public/css/style.css  →  /css/style.css
-public/images/logo.png  →  /images/logo.png
+# Edit .env with your DATABASE_URL
+# DATABASE_URL="postgresql://user:password@localhost:5432/mydb"
+# Run migrations
+npx prisma migrate dev --name init
+# Generate Prisma client (auto-run by CLI)
+npx prisma generate
 ```
----
+## Tailwind CSS Setup
-## App Commands
+```bash
+npx erwinmvc init myapp --with-tailwind
+cd myapp
-| Command | Description |
-|---------|-------------|
-| `npm run dev` | Start development server (auto-reload) |
-| `npm run build` | Build for production |
-| `npm start` | Run production build |
-| `npm run db:setup` | Install database dependencies |
-| `npm run db:migrate` | Run database migrations |
+# Configure content paths in tailwind.config.ts
+# Edit src/assets/tailwind.css for custom styles
----
+# Build CSS
+npx tailwindcss -i ./src/assets/tailwind.css -o ./public/dist/tailwind.css --watch
+```
-## CI/CD (Optional)
+## Authentication
-Add GitHub Actions CI to your project for automated testing:
+### Session + JWT Auth
-```bash
-npx @erwininteractive/mvc init myapp --with-ci
-```
+The `make:auth` command generates:
-Or add CI to an existing project by creating `.github/workflows/test.yml`:
+- User model with password hashing
+- Register/login forms with Zod validation
+- Session-based authentication
+- JWT token generation for API access
+- Password verification with bcrypt
+- Flash messages for errors/success
-```yaml
-name: Test
+### WebAuthn (Passkeys)
-on:
-  push:
-    branches: [main]
-  pull_request:
-    branches: [main]
+The `webauthn` command generates:
-jobs:
-  test:
-    runs-on: ubuntu-latest
+- Passkey registration flow
+- Passkey authentication flow
+- User credential storage in database
+- Security key support (YubiKey, Touch ID, Face ID)
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
+## Validation
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: "20"
-          cache: "npm"
+Use Zod schemas for type-safe form validation:
-      - name: Install dependencies
-        run: npm ci
+```typescript
+import { z } from "zod";
+import { validate } from "@erwininteractive/mvc";
-      - name: Run tests
-        run: npm test
+const userSchema = z.object({
+  username: z.string().min(3),
+  email: z.string().email(),
+  password: z.string().min(8)
+});
-      - name: Build
-        run: npm run build
+app.post("/users", validate(userSchema), async (req, res) => {
+  const user = req.validatedBody; // Type-safe validated data
+  // ...
+});
 ```
-### Adding Database Tests
-If your app uses a database, add PostgreSQL as a service:
-```yaml
-jobs:
-  test:
-    runs-on: ubuntu-latest
-    services:
-      postgres:
-        image: postgres:16
-        env:
-          POSTGRES_USER: postgres
-          POSTGRES_PASSWORD: postgres
-          POSTGRES_DB: test
-        ports:
-          - 5432:5432
-        options: >-
-          --health-cmd pg_isready
-          --health-interval 10s
-          --health-timeout 5s
-          --health-retries 5
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: "20"
-          cache: "npm"
-      - name: Install dependencies
-        run: npm ci
-      - name: Run migrations
-        run: npx prisma migrate deploy
-        env:
-          DATABASE_URL: postgresql://postgres:postgres@localhost:5432/test
-      - name: Run tests
-        run: npm test
-        env:
-          DATABASE_URL: postgresql://postgres:postgres@localhost:5432/test
-      - name: Build
-        run: npm run build
-```
+## API Reference
-### Secrets
+### Core Functions
-For production deployments, add these secrets in your GitHub repository settings:
+- `createMvcApp(options)` - Create Express app with views, static files
+- `startServer(app)` - Start HTTP server on port 3000
+- `hashPassword(plain)` - Hash password with bcrypt
+- `verifyPassword(plain, hash)` - Verify password
+- `signToken(payload, expiresIn)` - Sign JWT token
+- `verifyToken(token)` - Verify and decode JWT
+- `authenticate` - Express middleware for JWT authentication
+- `validate(schema, strategy)` - Zod validation middleware
-| Secret | Description |
-|--------|-------------|
-| `DATABASE_URL` | Production database connection string |
-| `REDIS_URL` | Production Redis connection string |
-| `JWT_SECRET` | Secret key for JWT signing |
-| `SESSION_SECRET` | Secret key for session encryption |
+### WebAuthn Functions
-Access secrets in your workflow:
+- `startRegistration(req, res)` - Begin WebAuthn registration
+- `completeRegistration(req, res)` - Complete WebAuthn registration
+- `startAuthentication(req, res)` - Begin WebAuthn login
+- `completeAuthentication(req, res)` - Complete WebAuthn login
+- `getRPConfig()` - Get relying party configuration
-```yaml
-env:
-  DATABASE_URL: ${{ secrets.DATABASE_URL }}
-  JWT_SECRET: ${{ secrets.JWT_SECRET }}
-```
+### Validation Helpers
----
+- `getFieldErrors(error)` - Extract field errors from Zod error
+- `getOldInput(req)` - Get previously submitted form data
+- `getErrors(req)` - Get flash error messages
+- `hasFieldError(field, errors)` - Check if field has errors
+- `getFieldError(field, errors)` - Get error message for field
 ## Environment Variables
-All optional. Create `.env` from `.env.example`:
+Required for full functionality:
 ```env
-DATABASE_URL="postgresql://user:pass@localhost:5432/mydb"  # For database
-REDIS_URL="redis://localhost:6379"                         # For sessions
-JWT_SECRET="your-secret-key"                               # For auth
-SESSION_SECRET="your-session-secret"                       # For sessions
-PORT=3000                                                  # Server port
-NODE_ENV=development                                       # Environment
-```
+# Required
+JWT_SECRET=your-secret-key-here
----
-## Escape Hatch Documentation
-### Island Pattern (EJS + React)
-Use EJS for layout while adding React components where needed:
-```html
-<!-- layout.ejs -->
-<!DOCTYPE html>
-<html>
-<head><title><%= title %></title></head>
-<body>
-  <header><%- include('partial/header') %></header>
-  <main id="app"><%- body %></main>
-  <!-- React island -->
-  <div id="comment-section" data-post-id="<%= post.id %>"></div>
-  <footer><%- include('partial/footer') %></footer>
-  <script type="module" src="/src/components/CommentSection.tsx"></script>
-</body>
-</html>
+# Database (optional)
+DATABASE_URL=postgresql://user:password@localhost:5432/mydb
+# WebAuthn (optional, defaults to localhost)
+WEBAUTHN_RP_ID=localhost
+WEBAUTHN_RP_NAME=MyApp
 ```
-### API-Only Mode
+## Testing
-Disable EJS engine for pure API responses:
+```bash
+# Run all tests
+npm test
-```typescript
-const { app } = await createMvcApp({
-  viewsPath: "src/views",
-  disableViewEngine: true, // Don't setup EJS
-});
+# Run specific test file
+npm test -- auth
+npm test -- cli
+npm test -- generators
-app.get("/api/users", async (req, res) => {
-  const users = await prisma.user.findMany();
-  res.json(users);  // Always JSON, no EJS
-});
+# With coverage
+npm run test -- --coverage
 ```
----
+## Production Build
-## Learn More
+```bash
+# Build TypeScript and CLI
+npm run build
-- [Express.js Documentation](https://expressjs.com/)
-- [EJS Documentation](https://ejs.co/)
-- [Prisma Documentation](https://www.prisma.io/docs/)
-- [Alpine.js Documentation](https://alpinejs.dev/)
+# The app is ready for production deployment
+# Server runs on port 3000
+```
 ## License
-MIT
+MIT &copy; [Erwin Interactive](https://github.com/erwininteractive)

package/dist/generators/initApp.js CHANGED Viewed

@@ -131,48 +131,38 @@ function setupDatabase(targetDir) {
     }
 }
 /**
- * Setup Tailwind CSS with PostCSS.
+ * Setup Tailwind CSS with pre-built CSS.
  */
 function setupTailwind(targetDir) {
     console.log("\nSetting up Tailwind CSS...");
     try {
         (0, child_process_1.execSync)("npm install -D tailwindcss postcss autoprefixer", { cwd: targetDir, stdio: "inherit" });
-        // Removed npx command - using manual config
-        // Create assets directory
+        const templateDir = (0, paths_1.getTemplatesDir)();
+        const templateCss = path_1.default.join(templateDir, "appScaffold", "public", "dist", "tailwind.css");
+        const targetCss = path_1.default.join(targetDir, "public", "dist", "tailwind.css");
+        fs_1.default.mkdirSync(path_1.default.dirname(targetCss), { recursive: true });
+        fs_1.default.copyFileSync(templateCss, targetCss);
         const assetsDir = path_1.default.join(targetDir, "src", "assets");
         fs_1.default.mkdirSync(assetsDir, { recursive: true });
-        // Create tailwind.css
-        const tailwindCss = `@tailwind base;
-@tailwind components;
-@tailwind utilities;
-`;
-        fs_1.default.writeFileSync(path_1.default.join(assetsDir, "tailwind.css"), tailwindCss);
-        // Update postcss.config.cjs
-        const postcssConfig = `/** @type {import('postcss-load-config').Config} */
-const config = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};
+        fs_1.default.writeFileSync(path_1.default.join(assetsDir, "tailwind.css"), `@import "tailwindcss";\n`);
+        const config = `import { type Config } from "tailwindcss";
-export default config;
+export default {
+  content: ["./src/**/*.{js,ts,tsx}"],
+  theme: { extend: {} },
+  plugins: [],
+} satisfies Config;
 `;
-        fs_1.default.writeFileSync(path_1.default.join(targetDir, "postcss.config.cjs"), postcssConfig);
-        // Update package.json with tailwind build script
-        const packageJsonPath = path_1.default.join(targetDir, "package.json");
-        if (fs_1.default.existsSync(packageJsonPath)) {
-            const pkg = JSON.parse(fs_1.default.readFileSync(packageJsonPath, "utf-8"));
-            pkg.scripts.tailwind = "tailwindcss -i ./src/assets/tailwind.css -o ./public/dist/tailwind.css --watch";
-            pkg.scripts.build = "tsc && npm run tailwind";
-            fs_1.default.writeFileSync(packageJsonPath, JSON.stringify(pkg, null, 2));
-            console.log("✓ Added Tailwind CSS support");
-        }
+        fs_1.default.writeFileSync(path_1.default.join(targetDir, "tailwind.config.ts"), config);
+        console.log("✓ Added Tailwind CSS support");
     }
     catch {
-        console.error("Failed to setup Tailwind CSS. Run 'npm install -D tailwindcss postcss autoprefixer' manually.");
+        console.error("Failed to setup Tailwind CSS.");
     }
 }
+/**
+ * Recursively copy a directory.
+ */
 /**
  * Recursively copy a directory.
  */

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@erwininteractive/mvc",
-  "version": "0.7.1",
+  "version": "0.8.2",
   "description": "A lightweight, full-featured MVC framework for Node.js with Express, Prisma, and EJS",
   "main": "dist/framework/index.js",
   "types": "dist/framework/index.d.ts",
@@ -51,8 +51,10 @@
     "express-session": "^1.18.0",
     "helmet": "^8.0.0",
     "jsonwebtoken": "^9.0.2",
+    "postcss": "^8.4.38",
     "prisma": "^6.0.0",
     "redis": "^4.7.0",
+    "tailwindcss": "^4.2.2",
     "zod": "^3.23.8"
   },
   "devDependencies": {

package/templates/appScaffold/src/assets/tailwind.css CHANGED Viewed

@@ -1,3 +1 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";

package/templates/ci/test.yml CHANGED Viewed

@@ -37,7 +37,7 @@ jobs:
           cache: "npm"
       - name: Install dependencies
-        run: npm ci
+        run: npm install
       - name: Run tests
         run: npm test