@erwininteractive/mvc 0.6.5 → 0.7.1

package/dist/cli.js

@@ -16,11 +16,12 @@ program
     .version("0.2.0")
     .addHelpText("after", `
 Examples:
-  $ erwinmvc init myapp                     Create a new app
-  $ erwinmvc generate resource Post         Generate CRUD for Post
-  $ erwinmvc webauthn                       Setup passkey authentication
-  $ erwinmvc make:auth                      Generate authentication system
-  $ erwinmvc list:routes                    Show all routes
+   $ erwinmvc init myapp                     Create a new app
+   $ erwinmvc init myapp --with-tailwind     Create app with Tailwind CSS
+   $ erwinmvc generate resource Post         Generate CRUD for Post
+   $ erwinmvc webauthn                       Setup passkey authentication
+   $ erwinmvc make:auth                      Generate authentication system
+   $ erwinmvc list:routes                    Show all routes
 `);
 // Init command - scaffold a new application
 program
@@ -29,6 +30,7 @@ program
     .option("--skip-install", "Skip npm install")
     .option("--with-database", "Include database/Prisma setup")
     .option("--with-ci", "Include GitHub Actions CI workflow")
+    .option("--with-tailwind", "Include Tailwind CSS setup (with PostCSS)")
     .action(async (dir, options) => {
     try {
         await (0, initApp_1.initApp)(dir, options);

package/dist/generators/initApp.d.ts

@@ -2,6 +2,7 @@ export interface InitOptions {
     skipInstall?: boolean;
     withDatabase?: boolean;
     withCi?: boolean;
+    withTailwind?: boolean;
 }
 /**
  * Scaffold a new MVC application.

package/dist/generators/initApp.js

@@ -72,6 +72,10 @@ async function initApp(dir, options = {}) {
     if (options.withCi) {
         setupCi(targetDir);
     }
+    // Setup Tailwind CSS if requested
+    if (options.withTailwind) {
+        setupTailwind(targetDir);
+    }
     console.log(`
 Next steps:
   cd ${dir}
@@ -83,6 +87,11 @@ To add database support later:
   npm run db:setup
   # Edit .env with DATABASE_URL
   npx prisma migrate dev --name init
+` : ""}
+${options.withTailwind ? `
+To configure Tailwind CSS:
+  npm run tailwind
+  # Edit tailwind.config.cjs and src/assets/tailwind.css
 ` : ""}`);
 }
 /**
@@ -121,6 +130,49 @@ function setupDatabase(targetDir) {
         console.error("Failed to setup Prisma. Run 'npm run db:setup' manually.");
     }
 }
+/**
+ * Setup Tailwind CSS with PostCSS.
+ */
+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 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: {},
+  },
+};
+
+export default 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");
+        }
+    }
+    catch {
+        console.error("Failed to setup Tailwind CSS. Run 'npm install -D tailwindcss postcss autoprefixer' manually.");
+    }
+}
 /**
  * Recursively copy a directory.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@erwininteractive/mvc",
-  "version": "0.6.5",
+  "version": "0.7.1",
   "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",

package/templates/appScaffold/postcss.config.cjs

@@ -0,0 +1,9 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
+
+export default config;

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

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/templates/appScaffold/tailwind.config.cjs

@@ -0,0 +1,23 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./src/**/*.{js,ts,tsx}"],
+  theme: {
+    extend: {
+      colors: {
+        primary: {
+          50: '#f0f9ff',
+          100: '#e0f2fe',
+          200: '#bae6fd',
+          300: '#7dd3fc',
+          400: '#38bdf8',
+          500: '#0ea5e9',
+          600: '#0284c7',
+          700: '#0369a1',
+          800: '#075985',
+          900: '#0c4a6e',
+        },
+      },
+    },
+  },
+  plugins: [],
+};

package/templates/auth/authController.ts.ejs

@@ -0,0 +1,117 @@
+import { Request, Response } from "express";
+import { hashPassword, verifyPassword, signToken, verifyToken } from "@erwininteractive/mvc";
+import { getPrismaClient } from "@erwininteractive/mvc";
+
+const prisma = getPrismaClient();
+
+export async function showLogin(req: Request, res: Response) {
+  res.render("auth/login", { title: "Login" });
+}
+
+export async function showRegister(req: Request, res: Response) {
+  res.render("auth/register", { title: "Register" });
+}
+
+export async function login(req: Request, res: Response) {
+  const { email, password } = req.body;
+
+  try {
+    const user = await prisma.user.findUnique({
+      where: { email }
+    });
+
+    if (!user) {
+      return res.render("auth/login", {
+        title: "Login",
+        error: "Invalid email or password"
+      });
+    }
+
+    const isValid = await verifyPassword(password, user.hashedPassword);
+    if (!isValid) {
+      return res.render("auth/login", {
+        title: "Login",
+        error: "Invalid email or password"
+      });
+    }
+
+    const token = signToken({ userId: user.id, email: user.email });
+    res.cookie("token", token, {
+      httpOnly: true,
+      secure: process.env.NODE_ENV === "production",
+      maxAge: 1000 * 60 * 60 * 24 // 24 hours
+    });
+
+    res.redirect("/");
+  } catch (err) {
+    console.error("Login error:", err);
+    res.render("auth/login", {
+      title: "Login",
+      error: "An error occurred during login"
+    });
+  }
+}
+
+export async function register(req: Request, res: Response) {
+  const { email, password, confirmPassword } = req.body;
+
+  if (password !== confirmPassword) {
+    return res.render("auth/register", {
+      title: "Register",
+      error: "Passwords do not match"
+    });
+  }
+
+  try {
+    const existingUser = await prisma.user.findUnique({
+      where: { email }
+    });
+
+    if (existingUser) {
+      return res.render("auth/register", {
+        title: "Register",
+        error: "Email already in use"
+      });
+    }
+
+    const hashedPassword = await hashPassword(password);
+
+    await prisma.user.create({
+      data: {
+        email,
+        hashedPassword,
+        role: "user"
+      }
+    });
+
+    res.redirect("/login");
+  } catch (err) {
+    console.error("Registration error:", err);
+    res.render("auth/register", {
+      title: "Register",
+      error: "An error occurred during registration"
+    });
+  }
+}
+
+export async function logout(req: Request, res: Response) {
+  res.clearCookie("token");
+  res.redirect("/login");
+}
+
+export async function requireAuth(req: Request, res: Response, next: any) {
+  const token = req.cookies?.token || req.headers.authorization?.split(" ")[1];
+
+  if (!token) {
+    return res.redirect("/login");
+  }
+
+  try {
+    const decoded = verifyToken(token);
+    req.user = decoded;
+    next();
+  } catch {
+    res.clearCookie("token");
+    res.redirect("/login");
+  }
+}