@imksh/create 1.0.0

package/templates/next/src/app/page.js

@@ -0,0 +1,218 @@
+"use client";
+
+import React, { useState } from "react";
+
+export default function Home() {
+  const [count, setCount] = useState(0);
+
+  return (
+    <div style={styles.container}>
+      {/* Glow Effects */}
+      <div style={styles.glowTop} />
+      <div style={styles.glowBottom} />
+
+      {/* Main Content */}
+      <div style={styles.content}>
+        <div style={styles.badgeContainer}>
+          <div style={styles.badgeIcon}>⚡</div>
+          <span style={styles.badgeText}>NEXT.JS STARTER KIT</span>
+        </div>
+
+        <h1 style={styles.title}>Welcome to Next.js App</h1>
+        
+        <p style={styles.description}>
+          A minimal, production-ready Next.js layout generated by <strong>@imksh/cli</strong>. Everything is set up and ready to customize.
+        </p>
+
+        {/* Feature List */}
+        <div style={styles.grid}>
+          <div style={styles.card}>
+            <h3 style={styles.cardTitle}>📂 App Router</h3>
+            <p style={styles.cardText}>Built using the Next.js App Router with layouts and nested routes.</p>
+          </div>
+          <div style={styles.card}>
+            <h3 style={styles.cardTitle}>⚡ Fast Refresh</h3>
+            <p style={styles.cardText}>Instant feedback on edits. Optimized bundling and server-side rendering.</p>
+          </div>
+          <div style={styles.card}>
+            <h3 style={styles.cardTitle}>🛠️ Structure</h3>
+            <p style={styles.cardText}>Pre-configured workspace folders for pages, hooks, services, and configs.</p>
+          </div>
+          <div style={styles.card}>
+            <h3 style={styles.cardTitle}>⚙️ Zero Config</h3>
+            <p style={styles.cardText}>Pure ES6 components loaded and ready to boot without configuration.</p>
+          </div>
+        </div>
+
+        {/* Action Row */}
+        <div style={styles.actionRow}>
+          <button 
+            style={styles.primaryButton}
+            onClick={() => setCount((prev) => prev + 1)}
+          >
+            Count: {count}
+          </button>
+          <button 
+            style={styles.secondaryButton}
+            onClick={() => alert("Welcome to @imksh/cli Next.js template!")}
+          >
+            Get Started
+          </button>
+        </div>
+
+        {/* Footer */}
+        <div style={styles.footer}>
+          Generated with @imksh/cli • Version 1.0.0
+        </div>
+      </div>
+    </div>
+  );
+}
+
+const styles = {
+  container: {
+    height: "100vh",
+    width: "100vw",
+    overflow: "hidden",
+    position: "relative",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "#030712",
+    backgroundImage: "radial-gradient(circle at center, #0f172a 0%, #030712 100%)",
+    color: "#f8fafc",
+    fontFamily: "system-ui, -apple-system, sans-serif",
+    padding: "24px",
+    boxSizing: "border-box",
+  },
+  glowTop: {
+    position: "absolute",
+    top: "15%",
+    left: "20%",
+    width: "350px",
+    height: "350px",
+    backgroundColor: "rgba(59, 130, 246, 0.12)",
+    borderRadius: "50%",
+    filter: "blur(80px)",
+    zIndex: 1,
+    pointerEvents: "none",
+  },
+  glowBottom: {
+    position: "absolute",
+    bottom: "15%",
+    right: "20%",
+    width: "350px",
+    height: "350px",
+    backgroundColor: "rgba(99, 102, 241, 0.08)",
+    borderRadius: "50%",
+    filter: "blur(80px)",
+    zIndex: 1,
+    pointerEvents: "none",
+  },
+  content: {
+    maxWidth: "800px",
+    width: "100%",
+    textAlign: "center",
+    zIndex: 2,
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+  },
+  badgeContainer: {
+    display: "flex",
+    alignItems: "center",
+    gap: "10px",
+    backgroundColor: "rgba(59, 130, 246, 0.15)",
+    border: "1px solid rgba(59, 130, 246, 0.25)",
+    padding: "8px 16px",
+    borderRadius: "16px",
+    marginBottom: "16px",
+  },
+  badgeIcon: {
+    fontSize: "18px",
+  },
+  badgeText: {
+    fontSize: "11px",
+    fontWeight: "bold",
+    letterSpacing: "0.15em",
+    color: "#60a5fa",
+  },
+  title: {
+    fontSize: "42px",
+    fontWeight: "900",
+    letterSpacing: "-0.02em",
+    margin: "0 0 16px 0",
+    backgroundImage: "linear-gradient(to right, #ffffff, #cbd5e1)",
+    WebkitBackgroundClip: "text",
+    WebkitTextFillColor: "transparent",
+  },
+  description: {
+    fontSize: "15px",
+    color: "#94a3b8",
+    maxWidth: "540px",
+    lineHeight: "1.6",
+    margin: "0 0 40px 0",
+  },
+  grid: {
+    display: "grid",
+    gridTemplateColumns: "repeat(2, 1fr)",
+    gap: "16px",
+    width: "100%",
+    maxWidth: "680px",
+    marginBottom: "40px",
+  },
+  card: {
+    backgroundColor: "rgba(255, 255, 255, 0.02)",
+    border: "1px solid rgba(255, 255, 255, 0.06)",
+    padding: "20px",
+    borderRadius: "16px",
+    textAlign: "left",
+    transition: "background 0.2s ease",
+  },
+  cardTitle: {
+    fontSize: "14px",
+    fontWeight: "bold",
+    color: "#ffffff",
+    margin: "0 0 6px 0",
+  },
+  cardText: {
+    fontSize: "12px",
+    color: "#64748b",
+    lineHeight: "1.5",
+    margin: 0,
+  },
+  actionRow: {
+    display: "flex",
+    gap: "16px",
+    marginBottom: "32px",
+  },
+  primaryButton: {
+    backgroundColor: "#2563eb",
+    border: "none",
+    color: "#ffffff",
+    padding: "12px 28px",
+    borderRadius: "12px",
+    fontSize: "14px",
+    fontWeight: "bold",
+    cursor: "pointer",
+    boxShadow: "0 10px 15px -3px rgba(37, 99, 235, 0.2)",
+    transition: "transform 0.1s ease",
+  },
+  secondaryButton: {
+    backgroundColor: "transparent",
+    border: "1px solid rgba(255, 255, 255, 0.15)",
+    color: "#f8fafc",
+    padding: "12px 28px",
+    borderRadius: "12px",
+    fontSize: "14px",
+    fontWeight: "bold",
+    cursor: "pointer",
+    transition: "background 0.2s",
+  },
+  footer: {
+    fontSize: "11px",
+    color: "#475569",
+    fontWeight: "500",
+  },
+};

package/templates/next-ts/_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/next-ts/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "next-ts-template",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "react": "^18",
+    "react-dom": "^18",
+    "next": "14.0.3"
+  },
+  "devDependencies": {
+    "typescript": "^5",
+    "@types/node": "^20",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "eslint": "^8",
+    "eslint-config-next": "14.0.3"
+  }
+}

package/templates/next-ts/src/app/layout.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}

package/templates/next-ts/src/app/page.tsx

@@ -0,0 +1,218 @@
+"use client";
+
+import React, { useState } from "react";
+
+export default function Home() {
+  const [count, setCount] = useState<number>(0);
+
+  return (
+    <div style={styles.container}>
+      {/* Glow Effects */}
+      <div style={styles.glowTop} />
+      <div style={styles.glowBottom} />
+
+      {/* Main Content */}
+      <div style={styles.content}>
+        <div style={styles.badgeContainer}>
+          <div style={styles.badgeIcon}>⚡</div>
+          <span style={styles.badgeText}>NEXT.JS STARTER KIT (TS)</span>
+        </div>
+
+        <h1 style={styles.title}>Welcome to Next.js App</h1>
+        
+        <p style={styles.description}>
+          A minimal, production-ready Next.js layout generated by <strong>@imksh/cli</strong>. Everything is set up and ready to customize.
+        </p>
+
+        {/* Feature List */}
+        <div style={styles.grid}>
+          <div style={styles.card}>
+            <h3 style={styles.cardTitle}>📂 App Router</h3>
+            <p style={styles.cardText}>Built using the Next.js App Router with layouts and nested routes.</p>
+          </div>
+          <div style={styles.card}>
+            <h3 style={styles.cardTitle}>⚡ Fast Refresh</h3>
+            <p style={styles.cardText}>Instant feedback on edits. Optimized bundling and server-side rendering.</p>
+          </div>
+          <div style={styles.card}>
+            <h3 style={styles.cardTitle}>🛠️ Structure</h3>
+            <p style={styles.cardText}>Pre-configured workspace folders for pages, hooks, services, and configs.</p>
+          </div>
+          <div style={styles.card}>
+            <h3 style={styles.cardTitle}>⚙️ Zero Config</h3>
+            <p style={styles.cardText}>Pure ES6 components loaded and ready to boot without configuration.</p>
+          </div>
+        </div>
+
+        {/* Action Row */}
+        <div style={styles.actionRow}>
+          <button 
+            style={styles.primaryButton}
+            onClick={() => setCount((prev) => prev + 1)}
+          >
+            Count: {count}
+          </button>
+          <button 
+            style={styles.secondaryButton}
+            onClick={() => alert("Welcome to @imksh/cli Next.js TypeScript template!")}
+          >
+            Get Started
+          </button>
+        </div>
+
+        {/* Footer */}
+        <div style={styles.footer}>
+          Generated with @imksh/cli • Version 1.0.0
+        </div>
+      </div>
+    </div>
+  );
+}
+
+const styles: { [key: string]: React.CSSProperties } = {
+  container: {
+    height: "100vh",
+    width: "100vw",
+    overflow: "hidden",
+    position: "relative",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "#030712",
+    backgroundImage: "radial-gradient(circle at center, #0f172a 0%, #030712 100%)",
+    color: "#f8fafc",
+    fontFamily: "system-ui, -apple-system, sans-serif",
+    padding: "24px",
+    boxSizing: "border-box",
+  },
+  glowTop: {
+    position: "absolute",
+    top: "15%",
+    left: "20%",
+    width: "350px",
+    height: "350px",
+    backgroundColor: "rgba(59, 130, 246, 0.12)",
+    borderRadius: "50%",
+    filter: "blur(80px)",
+    zIndex: 1,
+    pointerEvents: "none",
+  },
+  glowBottom: {
+    position: "absolute",
+    bottom: "15%",
+    right: "20%",
+    width: "350px",
+    height: "350px",
+    backgroundColor: "rgba(99, 102, 241, 0.08)",
+    borderRadius: "50%",
+    filter: "blur(80px)",
+    zIndex: 1,
+    pointerEvents: "none",
+  },
+  content: {
+    maxWidth: "800px",
+    width: "100%",
+    textAlign: "center",
+    zIndex: 2,
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+  },
+  badgeContainer: {
+    display: "flex",
+    alignItems: "center",
+    gap: "10px",
+    backgroundColor: "rgba(59, 130, 246, 0.15)",
+    border: "1px solid rgba(59, 130, 246, 0.25)",
+    padding: "8px 16px",
+    borderRadius: "16px",
+    marginBottom: "16px",
+  },
+  badgeIcon: {
+    fontSize: "18px",
+  },
+  badgeText: {
+    fontSize: "11px",
+    fontWeight: "bold",
+    letterSpacing: "0.15em",
+    color: "#60a5fa",
+  },
+  title: {
+    fontSize: "42px",
+    fontWeight: "900",
+    letterSpacing: "-0.02em",
+    margin: "0 0 16px 0",
+    backgroundImage: "linear-gradient(to right, #ffffff, #cbd5e1)",
+    WebkitBackgroundClip: "text",
+    WebkitTextFillColor: "transparent",
+  },
+  description: {
+    fontSize: "15px",
+    color: "#94a3b8",
+    maxWidth: "540px",
+    lineHeight: "1.6",
+    margin: "0 0 40px 0",
+  },
+  grid: {
+    display: "grid",
+    gridTemplateColumns: "repeat(2, 1fr)",
+    gap: "16px",
+    width: "100%",
+    maxWidth: "680px",
+    marginBottom: "40px",
+  },
+  card: {
+    backgroundColor: "rgba(255, 255, 255, 0.02)",
+    border: "1px solid rgba(255, 255, 255, 0.06)",
+    padding: "20px",
+    borderRadius: "16px",
+    textAlign: "left",
+    transition: "background 0.2s ease",
+  },
+  cardTitle: {
+    fontSize: "14px",
+    fontWeight: "bold",
+    color: "#ffffff",
+    margin: "0 0 6px 0",
+  },
+  cardText: {
+    fontSize: "12px",
+    color: "#64748b",
+    lineHeight: "1.5",
+    margin: 0,
+  },
+  actionRow: {
+    display: "flex",
+    gap: "16px",
+    marginBottom: "32px",
+  },
+  primaryButton: {
+    backgroundColor: "#2563eb",
+    border: "none",
+    color: "#ffffff",
+    padding: "12px 28px",
+    borderRadius: "12px",
+    fontSize: "14px",
+    fontWeight: "bold",
+    cursor: "pointer",
+    boxShadow: "0 10px 15px -3px rgba(37, 99, 235, 0.2)",
+    transition: "transform 0.1s ease",
+  },
+  secondaryButton: {
+    backgroundColor: "transparent",
+    border: "1px solid rgba(255, 255, 255, 0.15)",
+    color: "#f8fafc",
+    padding: "12px 28px",
+    borderRadius: "12px",
+    fontSize: "14px",
+    fontWeight: "bold",
+    cursor: "pointer",
+    transition: "background 0.2s",
+  },
+  footer: {
+    fontSize: "11px",
+    color: "#475569",
+    fontWeight: "500",
+  },
+};

package/templates/next-ts/tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}

package/templates/node/.env.example

@@ -0,0 +1,62 @@
+# ==========================
+# Application
+# ==========================
+NODE_ENV=development
+PORT=5001
+
+APP_NAME=My App
+APP_URL=http://localhost:5173
+APP_EMAIL=noreply@example.com
+APP_PRIMARY_COLOR=#2563eb
+
+# ==========================
+# Database
+# ==========================
+MONGO_URI=
+
+# ==========================
+# JWT
+# ==========================
+JWT_SECRET=
+JWT_EXPIRES_IN=7d
+
+# ==========================
+# Cloudinary
+# ==========================
+CLOUDINARY_CLOUD_NAME=
+CLOUDINARY_API_KEY=
+CLOUDINARY_API_SECRET=
+
+# ==========================
+# Email (SMTP)
+# ==========================
+SMTP_HOST=smtp.gmail.com
+SMTP_PORT=587
+SMTP_SECURE=false
+SMTP_USER=
+SMTP_PASS=
+SMTP_FROM="My App <noreply@example.com>"
+
+# ==========================
+# CORS
+# ==========================
+CLIENT_URL=http://localhost:5173
+
+# ==========================
+# Cookie
+# ==========================
+COOKIE_NAME=token
+COOKIE_EXPIRES_IN=7d
+
+# ==========================
+# Rate Limiting
+# ==========================
+RATE_LIMIT_WINDOW=15
+RATE_LIMIT_MAX=100
+
+# ==========================
+# Rate Limiting
+# ==========================
+VAPID_PRIVATE_KEY=
+VAPID_PUBLIC_KEY=
+VAPID_SUBJECT=mailto:noreply@example.com

package/templates/node/README.md

@@ -0,0 +1,65 @@
+# Node.js Backend Boilerplate
+
+A production-ready, feature-rich Node.js & Express boilerplate project with best-practice architectures, modular routing, and robust configuration.
+
+## Features
+
+- ⚙️ **Modular Architecture:** Express application setup decoupled into `app.js` (middleware + router wiring) and `index.js` (server initialization & db connection).
+- 📝 **Colorized Logging:** Zero-dependency custom logger with timestamped success, warning, info, and error layouts.
+- 🛡️ **Security Out-of-the-Box:** Pre-configured with Helmet headers, CORS policies, and global rate limiters (`apiLimiter`, `authLimiter`, `uploadLimiter`).
+- 🔑 **Authentication & JWT:** Custom middlewares for route protection, sign-ups, and log-ins with HTTP-only cookie-based tokens.
+- 📧 **SMTP Mailer & OTP:** Standard mailer transport using Gmail NodeMailer wrapper, integrated with an OTP generator and email template.
+- 🖼️ **File Uploads:** Cloudinary integration utilizing Multer memory buffers for secure, single or multi-file uploads.
+- 🔌 **Socket.io Setup:** Pre-installed Socket.io hooks mapping connected user sessions to active sockets.
+- ✉️ **Web Push:** Push notifications integration powered by VAPID key generators and web-push subscriptions.
+
+## Getting Started
+
+### 1. Configure Environment Variables
+
+Create a `.env` file in the root directory (based on `.env.example`):
+
+```env
+PORT=5001
+JWT_SECRET=your_super_secret_jwt_key
+MONGO_URI=your_mongodb_connection_uri
+
+# Cloudinary
+CLOUDINARY_CLOUD_NAME=your_cloud_name
+CLOUDINARY_API_KEY=your_api_key
+CLOUDINARY_API_SECRET=your_api_secret
+
+# SMTP Settings
+GMAIL_USER=your_email@gmail.com
+GMAIL_PASSCODE=your_app_password
+
+# Web Push
+VAPID_SUBJECT=mailto:your_email@example.com
+VAPID_PUBLIC_KEY=your_vapid_public_key
+VAPID_PRIVATE_KEY=your_vapid_private_key
+```
+
+### 2. Install & Start Development
+
+```bash
+# Install dependencies
+npm install
+
+# Start development server with reload
+npm run dev
+
+# Start production server
+npm start
+```
+
+## API Endpoints
+
+### Auth Routes (`/api/auth`)
+- `POST /signup` - Registers a new user session
+- `POST /login` - Log in user and write token cookie
+- `POST /logout` - Clear token session cookies
+- `GET /me` - Returns logged-in user profile (requires auth)
+- `PUT /me` - Edit profile info and upload avatars (requires auth)
+
+### Upload Routes (`/api/upload`)
+- `POST /` - Securely uploads image/file to Cloudinary (requires auth)

package/templates/node/_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?