@imksh/create 1.0.0

package/templates/mern/server/src/utils/emailOtp.js

@@ -0,0 +1,190 @@
+import sendEmail from "../config/email.js";
+
+const APP_NAME = process.env.APP_NAME || "My App";
+const APP_URL = process.env.APP_URL || "";
+const APP_PRIMARY_COLOR =
+  process.env.APP_PRIMARY_COLOR || "#2563eb";
+
+export const emailOtp = (otp, expiry = 10) => ({
+  subject: `${APP_NAME} - Verification Code`,
+  html: `
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>${APP_NAME}</title>
+</head>
+
+<body style="margin:0;padding:40px;background:#f3f4f6;font-family:Arial,Helvetica,sans-serif;">
+
+  <table width="100%" cellpadding="0" cellspacing="0">
+    <tr>
+      <td align="center">
+
+        <table
+          width="600"
+          cellpadding="0"
+          cellspacing="0"
+          style="
+            background:#ffffff;
+            border-radius:16px;
+            overflow:hidden;
+            box-shadow:0 10px 30px rgba(0,0,0,.08);
+          "
+        >
+
+          <!-- Header -->
+          <tr>
+            <td
+              align="center"
+              style="
+                background:${APP_PRIMARY_COLOR};
+                padding:30px;
+              "
+            >
+              <h1
+                style="
+                  margin:0;
+                  color:#ffffff;
+                  font-size:26px;
+                  font-weight:700;
+                "
+              >
+                ${APP_NAME}
+              </h1>
+
+              <p
+                style="
+                  margin:8px 0 0;
+                  color:#ffffff;
+                  opacity:.9;
+                  font-size:14px;
+                "
+              >
+                Verification Code
+              </p>
+            </td>
+          </tr>
+
+          <!-- Body -->
+          <tr>
+            <td style="padding:40px;">
+
+              <h2
+                style="
+                  margin-top:0;
+                  color:#111827;
+                "
+              >
+                Hello 👋
+              </h2>
+
+              <p
+                style="
+                  font-size:15px;
+                  color:#4b5563;
+                  line-height:1.7;
+                "
+              >
+                Use the verification code below to continue with your request.
+                This code is valid for
+                <strong>${expiry} minutes</strong>.
+              </p>
+
+              <div
+                style="
+                  text-align:center;
+                  margin:40px 0;
+                "
+              >
+                <span
+                  style="
+                    display:inline-block;
+                    padding:18px 40px;
+                    border-radius:12px;
+                    background:#eff6ff;
+                    color:${APP_PRIMARY_COLOR};
+                    font-size:34px;
+                    font-weight:bold;
+                    letter-spacing:8px;
+                  "
+                >
+                  ${otp}
+                </span>
+              </div>
+
+              <p
+                style="
+                  font-size:14px;
+                  color:#6b7280;
+                  line-height:1.7;
+                "
+              >
+                If you didn't request this code, you can safely ignore this
+                email. No further action is required.
+              </p>
+
+            </td>
+          </tr>
+
+          <!-- Footer -->
+          <tr>
+            <td
+              align="center"
+              style="
+                background:#f9fafb;
+                padding:24px;
+                border-top:1px solid #e5e7eb;
+              "
+            >
+
+              ${
+                APP_URL
+                  ? `
+                <a
+                  href="${APP_URL}"
+                  style="
+                    color:${APP_PRIMARY_COLOR};
+                    text-decoration:none;
+                    font-size:14px;
+                    font-weight:600;
+                  "
+                >
+                  ${APP_URL}
+                </a>
+
+                <br><br>
+              `
+                  : ""
+              }
+
+              <span
+                style="
+                  color:#9ca3af;
+                  font-size:13px;
+                "
+              >
+                © ${new Date().getFullYear()} ${APP_NAME}. All rights reserved.
+              </span>
+
+            </td>
+          </tr>
+
+        </table>
+
+      </td>
+    </tr>
+  </table>
+
+</body>
+
+</html>
+`,
+});
+
+export const sendOtpEmail = async (to, otp, expiry = 10) => {
+  const template = emailOtp(otp, expiry);
+  await sendEmail(to, template.subject, template.html);
+};

package/templates/mern/server/src/utils/genOtpToken.js

@@ -0,0 +1,20 @@
+import jwt from "jsonwebtoken";
+
+const genOtpToken = (user, res) => {
+  const token = jwt.sign({ id: user._id || user.id }, process.env.JWT_SECRET, {
+    expiresIn: "10m",
+  });
+
+  if (res) {
+    res.cookie("token", token, {
+      httpOnly: true,
+      secure: process.env.NODE_ENV === "production",
+      sameSite: "strict",
+      maxAge: 10 * 60 * 1000, // 10 minutes
+    });
+  }
+
+  return token;
+};
+
+export default genOtpToken;

package/templates/mern/server/src/utils/generateVapidKeys.js

@@ -0,0 +1,12 @@
+import webpush from "web-push";
+import logger from "./logger.js";
+
+const generateVapidKeys = () => {
+  const vapidKeys = webpush.generateVAPIDKeys();
+  logger.info("Generated VAPID Keys:");
+  logger.info(`Public Key: ${vapidKeys.publicKey}`);
+  logger.info(`Private Key: ${vapidKeys.privateKey}`);
+  return vapidKeys;
+};
+
+export default generateVapidKeys;

package/templates/mern/server/src/utils/jwt.js

@@ -0,0 +1,25 @@
+import jwt from "jsonwebtoken";
+
+export const generateToken = (user, res) => {
+  const payload = { id: user._id || user.id };
+  const token = jwt.sign(payload, process.env.JWT_SECRET, { expiresIn: "30d" });
+  
+  if (res) {
+    res.cookie("token", token, {
+      httpOnly: true,
+      secure: process.env.NODE_ENV === "production",
+      sameSite: "strict",
+      maxAge: 30 * 24 * 60 * 60 * 1000, // 30 days
+    });
+  }
+  return token;
+};
+
+export const verifyToken = (token) => {
+  try {
+    const JWT_SECRET = process.env.JWT_SECRET;
+    return jwt.verify(token, JWT_SECRET);
+  } catch (error) {
+    return null;
+  }
+};

package/templates/mern/server/src/utils/logger.js

@@ -0,0 +1,25 @@
+const colors = {
+  reset: "\x1b[0m",
+  info: "\x1b[36m", // Cyan
+  success: "\x1b[32m", // Green
+  warn: "\x1b[33m", // Yellow
+  error: "\x1b[31m", // Red
+  timestamp: "\x1b[90m", // Gray
+};
+
+const formatMessage = (level, message) => {
+  const timestamp = new Date().toISOString();
+  return `${colors.timestamp}[${timestamp}]${colors.reset} ${colors[level] || colors.reset}[${level.toUpperCase()}]${colors.reset} ${message}`;
+};
+
+export const logger = {
+  info: (msg) => console.log(formatMessage("info", msg)),
+  success: (msg) => console.log(formatMessage("success", msg)),
+  warn: (msg) => console.warn(formatMessage("warn", msg)),
+  error: (msg, err) => {
+    console.error(formatMessage("error", msg));
+    if (err) console.error(err);
+  },
+};
+
+export default logger;

package/templates/mern-ts/_gitignore

@@ -0,0 +1,2 @@
+node_modules
+.DS_Store

package/templates/mern-ts/client/_gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

package/templates/mern-ts/client/index.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="manifest" href="/manifest.json" />
+    <title>React App</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/templates/mern-ts/client/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "react-ts-template",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@tailwindcss/vite": "^4.3.2",
+    "axios": "^1.6.0",
+    "flyonui": "^2.4.1",
+    "framer-motion": "^11.0.0",
+    "lenis": "^1.1.3",
+    "lottie-react": "^2.4.0",
+    "lucide-react": "^0.292.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-hot-toast": "^2.4.1",
+    "react-icons": "^4.11.0",
+    "react-router-dom": "^6.18.0",
+    "tailwindcss": "^4.3.2",
+    "zustand": "^4.5.2"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.37",
+    "@types/react-dom": "^18.2.15",
+    "@typescript-eslint/eslint-plugin": "^6.10.0",
+    "@typescript-eslint/parser": "^6.10.0",
+    "@vitejs/plugin-react": "^4.2.0",
+    "autoprefixer": "^10.4.19",
+    "eslint": "^8.53.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.4",
+    "flyonui": "^1.0.0",
+    "postcss": "^8.4.38",
+    "tailwindcss": "^3.4.3",
+    "typescript": "^5.2.2",
+    "vite": "^5.0.0",
+    "eslint-plugin-react": "^7.33.2"
+  }
+}

package/templates/mern-ts/client/public/_redirects

@@ -0,0 +1 @@
+/*    /index.html   200