@imksh/create 1.0.26 → 1.0.28

package/templates/presets/production-fullstack/overrides/mobile/_gitignore

@@ -0,0 +1,43 @@
+# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
+
+# dependencies
+node_modules/
+
+# Expo
+.expo/
+dist/
+web-build/
+expo-env.d.ts
+
+# Native
+.kotlin/
+*.orig.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+
+# Metro
+.metro-health-check*
+
+# debug
+npm-debug.*
+yarn-debug.*
+yarn-error.*
+
+# macOS
+.DS_Store
+*.pem
+
+# local env files
+.env*.local
+
+# typescript
+*.tsbuildinfo
+
+example
+
+# generated native folders
+/ios
+/android

package/templates/{mern → presets/production-fullstack/overrides}/server/.env.example

@@ -2,7 +2,7 @@
 # Application
 # ==========================
 NODE_ENV=development
-PORT=5001
+PORT=5000
 
 APP_NAME=My App
 APP_URL=http://localhost:5173
@@ -12,7 +12,8 @@ APP_PRIMARY_COLOR=#2563eb
 # ==========================
 # Database
 # ==========================
-MONGO_URI=mongodb://localhost:27017/test
+
+DATABASE_URL="postgresql://johndoe:randompassword@localhost:5432/mydb?schema=public"
 
 # ==========================
 # JWT

package/templates/presets/production-fullstack/preset.json

@@ -0,0 +1,5 @@
+{
+  "description": "Production-ready fullstack: React + Next-gen Node Server + React Native",
+  "layers": [],
+  "overrides": "overrides/"
+}

package/templates/presets/react/preset.json

@@ -0,0 +1,8 @@
+{
+  "description": "React (JavaScript) with Vite",
+  "layers": [
+    "react/base",
+    "react/javascript"
+  ],
+  "overrides": "overrides/"
+}

package/templates/presets/react-native/preset.json

@@ -0,0 +1,6 @@
+{
+  "description": "Expo React Native (TypeScript)",
+  "layers": [
+    "react-native/base"
+  ]
+}

package/templates/presets/react-ts/preset.json

@@ -0,0 +1,7 @@
+{
+  "description": "React (TypeScript) with Vite",
+  "layers": [
+    "react/base",
+    "react/typescript"
+  ]
+}

package/templates/mern/client/src/components/common/Breadcrumbs.jsx

@@ -1,27 +0,0 @@
-import React from "react";
-import { Link } from "react-router-dom";
-import { ChevronRight } from "lucide-react";
-
-export const Breadcrumbs = ({ items }) => {
-  return (
-    <div className="flex items-center gap-1.5 text-sm font-bold text-base-content/50 flex-wrap">
-      {items.map((item, idx) => {
-        const isLast = idx === items.length - 1;
-        return (
-          <React.Fragment key={idx}>
-            {item.path && !isLast ? (
-              <Link to={item.path} className="hover:text-primary transition-colors">
-                {item.label}
-              </Link>
-            ) : (
-              <span className={isLast ? "text-base font-black text-base-content tracking-tight" : ""}>
-                {item.label}
-              </span>
-            )}
-            {!isLast && <ChevronRight size={14} className="text-base-content/30 shrink-0" />}
-          </React.Fragment>
-        );
-      })}
-    </div>
-  );
-};

package/templates/mern/client/src/components/common/SEO.jsx

@@ -1,67 +0,0 @@
-import { useEffect } from "react";
-import { useLocation } from "react-router-dom";
-
-const SEO = ({
-  title,
-  description,
-  keywords,
-  canonical,
-  noIndex = false,
-}) => {
-  const location = useLocation();
-
-  useEffect(() => {
-    // TITLE
-    if (title) {
-      document.title = title;
-    }
-
-    // DESCRIPTION
-    if (description) {
-      let meta = document.querySelector("meta[name='description']");
-      if (!meta) {
-        meta = document.createElement("meta");
-        meta.name = "description";
-        document.head.appendChild(meta);
-      }
-      meta.content = description;
-    }
-
-    // KEYWORDS (optional)
-    if (keywords) {
-      let meta = document.querySelector("meta[name='keywords']");
-      if (!meta) {
-        meta = document.createElement("meta");
-        meta.name = "keywords";
-        document.head.appendChild(meta);
-      }
-      meta.content = keywords;
-    }
-
-    // CANONICAL
-    let link = document.querySelector("link[rel='canonical']");
-    if (!link) {
-      link = document.createElement("link");
-      link.rel = "canonical";
-      document.head.appendChild(link);
-    }
-
-    link.href =
-      canonical ||
-      `https://shreebaglamukhi.com${location.pathname}`;
-
-    // ROBOTS
-    let robots = document.querySelector("meta[name='robots']");
-    if (!robots) {
-      robots = document.createElement("meta");
-      robots.name = "robots";
-      document.head.appendChild(robots);
-    }
-
-    robots.content = noIndex ? "noindex,nofollow" : "index,follow";
-  }, [title, description, keywords, canonical, noIndex, location.pathname]);
-
-  return null;
-};
-
-export default SEO;

package/templates/mern/client/src/components/common/Scroll.jsx

@@ -1,25 +0,0 @@
-import { useEffect, useRef } from "react";
-import { useLocation, useNavigationType } from "react-router-dom";
-
-export default function ScrollRestoration() {
-  const { pathname, key } = useLocation();
-  const navigationType = useNavigationType();
-  const positions = useRef(new Map());
-
-  useEffect(() => {
-    const main = document.querySelector("main");
-    if (!main) return;
-
-    if (navigationType === "POP") {
-      main.scrollTop = positions.current.get(key) ?? 0;
-    } else {
-      main.scrollTop = 0;
-    }
-
-    return () => {
-      positions.current.set(key, main.scrollTop);
-    };
-  }, [key, pathname, navigationType]);
-
-  return null;
-}

package/templates/mern/client/src/config/appConfig.js

@@ -1,44 +0,0 @@
-const appConfig = {
-  app: {
-    name: "React App",
-    logo: "./logo.png",
-    shortName: "React",
-    description: "A React application built with @imksh/create",
-    version: "1.0.0",
-    author: "Karan Sharma",
-  },
-
-  api: {
-    baseURL: import.meta.env.VITE_API_URL,
-    timeout: 30000,
-  },
-
-  routes: {
-    home: "/",
-    login: "/login",
-    profile: "/profile",
-  },
-
-  pagination: {
-    pageSize: 10,
-  },
-
-  github: {
-    repository: "",
-  },
-
-  social: {
-    website: "",
-    linkedin: "",
-    github: "",
-    twitter: "",
-  },
-
-  features: {
-    darkMode: true,
-    notifications: true,
-    sidebar: true,
-  },
-};
-
-export default appConfig;

package/templates/mern/client/src/hooks/useLenis.js

@@ -1,28 +0,0 @@
-import { useEffect } from "react";
-import Lenis from "lenis";
-
-const useLenis = () => {
-  useEffect(() => {
-    const lenis = new Lenis({
-      duration: 1.1, // reduce
-      easing: (t) => 1 - Math.pow(1 - t, 3),
-      smooth: true,
-      smoothTouch: false,
-    });
-
-    let rafId;
-    const raf = (time) => {
-      lenis.raf(time);
-      rafId = requestAnimationFrame(raf);
-    };
-
-    rafId = requestAnimationFrame(raf);
-
-    return () => {
-      cancelAnimationFrame(rafId);
-      lenis.destroy();
-    };
-  }, []);
-};
-
-export default useLenis;

package/templates/mern/client/src/pages/Home.jsx

@@ -1,154 +0,0 @@
-import React from "react";
-import { Link } from "react-router-dom";
-import { motion } from "framer-motion";
-import { FiZap, FiLayers, FiCpu, FiShield, FiArrowRight } from "react-icons/fi";
-import appConfig from "../config/appConfig";
-import toast from "react-hot-toast";
-import { useState } from "react";
-
-const Home = () => {
-  const [count, setCount] = useState(0);
-
-  return (
-    <div className="min-h-screen w-full relative overflow-hidden flex flex-col items-center justify-center bg-gradient-to-br from-slate-950 via-slate-900 to-indigo-950 text-white font-sans p-6">
-      {/* Animated Glowing Ambient Orbs */}
-      <div className="absolute top-1/4 left-1/4 w-96 h-96 bg-primary/20 rounded-full blur-3xl -z-10 animate-pulse-glow" />
-      <div className="absolute bottom-1/4 right-1/4 w-96 h-96 bg-indigo-500/10 rounded-full blur-3xl -z-10 animate-pulse-glow" />
-
-      {/* Hero Welcome Section */}
-      <div className="max-w-3xl w-full text-center space-y-6">
-        <motion.div
-          initial={{ opacity: 0, scale: 0.95 }}
-          animate={{ opacity: 1, scale: 1 }}
-          transition={{ duration: 0.5 }}
-          className="flex items-center justify-center gap-3 mb-2"
-        >
-          <div className="bg-primary/20 text-primary border border-primary/30 p-2.5 rounded-2xl">
-            <img
-              src={appConfig.app.logo}
-              alt={appConfig.app.name}
-              className="w-8 h-8 rounded-full"
-            />
-          </div>
-          <span className="text-sm font-semibold tracking-widest uppercase text-primary-content/65">
-            React Starter Kit
-          </span>
-        </motion.div>
-
-        <motion.h1
-          initial={{ opacity: 0, y: 15 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ duration: 0.5, delay: 0.1 }}
-          className="text-4xl sm:text-5xl font-black tracking-tight bg-clip-text text-transparent bg-gradient-to-r from-white via-indigo-200 to-primary-content"
-        >
-          Welcome to {appConfig.app.name}
-        </motion.h1>
-
-        <motion.p
-          initial={{ opacity: 0, y: 15 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ duration: 0.5, delay: 0.2 }}
-          className="text-sm sm:text-base text-slate-300 max-w-xl mx-auto leading-relaxed"
-        >
-          A production-ready React setup built using <strong>@imksh/cli</strong>
-          . Everything is pre-configured and ready to publish.
-        </motion.p>
-      </div>
-
-      {/* Features Grid */}
-      <motion.div
-        initial={{ opacity: 0, y: 20 }}
-        animate={{ opacity: 1, y: 0 }}
-        transition={{ duration: 0.6, delay: 0.3 }}
-        className="grid grid-cols-2 md:grid-cols-4 gap-4 max-w-4xl w-full my-10 shrink-0"
-      >
-        {/* Card 1 */}
-        <div className="bg-white/[0.03] backdrop-blur border border-white/[0.08] p-5 rounded-2xl flex flex-col gap-3">
-          <div className="text-primary text-xl">
-            <FiLayers />
-          </div>
-          <div>
-            <h3 className="text-sm font-bold text-white">Zustand & UI</h3>
-            <p className="text-xs text-slate-400 mt-1">
-              Light/Dark theme, sidebar collapse & responsive menu states.
-            </p>
-          </div>
-        </div>
-
-        {/* Card 2 */}
-        <div className="bg-white/[0.03] backdrop-blur border border-white/[0.08] p-5 rounded-2xl flex flex-col gap-3">
-          <div className="text-success text-xl">
-            <FiZap />
-          </div>
-          <div>
-            <h3 className="text-sm font-bold text-white">Tailwind & UI</h3>
-            <p className="text-xs text-slate-400 mt-1">
-              Tailwind CSS v4 + FlyonUI components pre-configured.
-            </p>
-          </div>
-        </div>
-
-        {/* Card 3 */}
-        <div className="bg-white/[0.03] backdrop-blur border border-white/[0.08] p-5 rounded-2xl flex flex-col gap-3">
-          <div className="text-warning text-xl">
-            <FiCpu />
-          </div>
-          <div>
-            <h3 className="text-sm font-bold text-white">Layouts & Router</h3>
-            <p className="text-xs text-slate-400 mt-1">
-              Public & Dashboard layouts with dynamic headers.
-            </p>
-          </div>
-        </div>
-
-        {/* Card 4 */}
-        <div className="bg-white/[0.03] backdrop-blur border border-white/[0.08] p-5 rounded-2xl flex flex-col gap-3">
-          <div className="text-error text-xl">
-            <FiShield />
-          </div>
-          <div>
-            <h3 className="text-sm font-bold text-white">Helpers</h3>
-            <p className="text-xs text-slate-400 mt-1">
-              Modal system, Tables, Loading Skeletons, and Auth Services.
-            </p>
-          </div>
-        </div>
-      </motion.div>
-
-      {/* Call to Actions */}
-      <motion.div
-        initial={{ opacity: 0, y: 15 }}
-        animate={{ opacity: 1, y: 0 }}
-        transition={{ duration: 0.5, delay: 0.4 }}
-        className="flex gap-4"
-      >
-        <motion.button
-          whileTap={{ scale: 0.95 }}
-          onClick={() => setCount((prev) => prev + 1)}
-          className="btn btn-primary rounded-xl px-6 py-2.5 font-semibold text-sm gap-2 shadow-lg shadow-primary/20 flex items-center transition-all"
-        >
-          count {count}
-        </motion.button>
-        <motion.button
-          whileTap={{ scale: 0.95 }}
-          onClick={()=>toast.success("Hello World")}
-          className="btn btn-outline rounded-xl px-6 py-2.5 font-semibold text-sm gap-2  flex items-center transition-all text-white border-white"
-        >
-          Show Toast
-        </motion.button>
-      </motion.div>
-
-      {/* Footer Branding */}
-      <motion.div
-        initial={{ opacity: 0 }}
-        animate={{ opacity: 0.5 }}
-        transition={{ duration: 0.5, delay: 0.5 }}
-        className="absolute bottom-6 text-xs text-slate-500 font-medium"
-      >
-        Generated with @imksh/cli • Version {appConfig.app.version}
-      </motion.div>
-    </div>
-  );
-};
-
-export default Home;

package/templates/mern/client/src/pages/Login.jsx

@@ -1,233 +0,0 @@
-import React, { useState } from "react";
-import { Link, useNavigate } from "react-router-dom";
-import {
-  Mail,
-  Lock,
-  User,
-  Eye,
-  EyeOff,
-  ArrowLeft,
-  GraduationCap,
-} from "lucide-react";
-import { useAuthStore } from "../store/useAuthStore";
-import Loading from "../components/common/Loading";
-
-const Login = () => {
-  const navigate = useNavigate();
-  const { login, signup, sendOtp, loading, isCheckingAuth, error, user } = useAuthStore();
-
-  const [mode, setMode] = useState("login"); // "login" | "signup"
-  const [showPassword, setShowPassword] = useState(false);
-  const [form, setForm] = useState({ name: "", email: "", password: "", otp: "" });
-  const [otpSent, setOtpSent] = useState(false);
-
-  const handleChange = (e) =>
-    setForm((prev) => ({ ...prev, [e.target.name]: e.target.value }));
-
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    let ok;
-    if (mode === "login") {
-      ok = await login(form.email, form.password);
-      if (ok) navigate("/");
-    } else {
-      if (!otpSent) {
-        ok = await sendOtp(form.email);
-        if (ok) setOtpSent(true);
-      } else {
-        ok = await signup(form.name, form.email, form.password, form.otp);
-        if (ok) navigate("/");
-      }
-    }
-  };
-
-  if (isCheckingAuth || user) {
-    return <Loading />;
-  }
-
-  return (
-    <div className="min-h-dvh w-screen bg-base-100 text-base-content flex items-center justify-center p-4 font-sans">
-      <div className="relative w-full max-w-md">
-        {/* Card */}
-        <div className="bg-base-200/80 backdrop-blur-md border border-base-300 rounded-3xl p-8 shadow-2xl">
-          {/* Logo & title */}
-          <div className="flex flex-col items-center gap-2 mb-8">
-            <div className="w-12 h-12 rounded-2xl bg-primary/15 border border-primary/20 flex items-center justify-center text-2xl shadow-inner text-primary font-bold">
-              <GraduationCap size={24} />
-            </div>
-            <h1 className="text-2xl font-black tracking-tight">
-              {mode === "login" ? "Welcome back" : "Create account"}
-            </h1>
-            <p className="text-xs text-base-content/50 text-center">
-              {mode === "login"
-                ? "Sign in to continue your learning journey"
-                : "Join LMS and start learning the MERN stack"}
-            </p>
-          </div>
-
-          {/* Tab switcher */}
-          <div className="tabs tabs-box bg-base-300/50 p-1 rounded-2xl w-full flex mb-6 border border-base-300">
-            <button
-              type="button"
-              onClick={() => {
-                setMode("login");
-                setOtpSent(false);
-              }}
-              className={`tab flex-1 rounded-xl text-sm font-bold transition-all ${
-                mode === "login"
-                  ? "tab-active bg-primary text-primary-content!"
-                  : ""
-              }`}
-            >
-              Sign In
-            </button>
-            <button
-              type="button"
-              onClick={() => {
-                setMode("signup");
-                setOtpSent(false);
-              }}
-              className={`tab flex-1 rounded-xl text-sm font-bold transition-all ${
-                mode === "signup"
-                  ? "tab-active bg-primary text-primary-content!"
-                  : ""
-              }`}
-            >
-              Sign Up
-            </button>
-          </div>
-
-          {/* Error */}
-          {error && (
-            <div className="alert alert-error alert-soft rounded-2xl text-xs mb-4 p-3 border border-error/20">
-              ⚠️ {error}
-            </div>
-          )}
-
-          {/* Form */}
-          <form onSubmit={handleSubmit} className="flex flex-col gap-4">
-            {/* Name — signup only */}
-            {mode === "signup" && (
-              <label className="input input-bordered rounded-2xl flex items-center gap-2 bg-base-100 border-base-300 focus-within:border-primary transition-colors">
-                <User size={16} className="text-base-content/40 shrink-0" />
-                <input
-                  name="name"
-                  type="text"
-                  placeholder="Full name"
-                  value={form.name}
-                  onChange={handleChange}
-                  required
-                  className="grow text-sm bg-transparent outline-none placeholder:text-base-content/30"
-                />
-              </label>
-            )}
-
-            {/* Email */}
-            <label className="input input-bordered rounded-2xl flex items-center gap-2 bg-base-100 border-base-300 focus-within:border-primary transition-colors">
-              <Mail size={16} className="text-base-content/40 shrink-0" />
-              <input
-                name="email"
-                type="email"
-                placeholder="Email address"
-                value={form.email}
-                onChange={handleChange}
-                required
-                className="grow text-sm bg-transparent outline-none placeholder:text-base-content/30"
-              />
-            </label>
-
-            {/* Password */}
-            <label className="input input-bordered rounded-2xl flex items-center gap-2 bg-base-100 border-base-300 focus-within:border-primary transition-colors">
-              <Lock size={16} className="text-base-content/40 shrink-0" />
-              <input
-                name="password"
-                type={showPassword ? "text" : "password"}
-                placeholder="Password"
-                value={form.password}
-                onChange={handleChange}
-                required
-                minLength={6}
-                className="grow text-sm bg-transparent outline-none placeholder:text-base-content/30"
-              />
-              <button
-                type="button"
-                onClick={() => setShowPassword((p) => !p)}
-                className="text-base-content/40 hover:text-base-content transition-colors"
-              >
-                {showPassword ? <EyeOff size={16} /> : <Eye size={16} />}
-              </button>
-            </label>
-
-            {/* OTP Input - only visible when OTP is sent during signup */}
-            {mode === "signup" && otpSent && (
-              <label className="input input-bordered rounded-2xl flex items-center gap-2 bg-base-100 border-base-300 focus-within:border-primary transition-colors">
-                <Lock size={16} className="text-base-content/40 shrink-0" />
-                <input
-                  name="otp"
-                  type="text"
-                  placeholder="Enter OTP"
-                  value={form.otp}
-                  onChange={handleChange}
-                  required
-                  className="grow text-sm bg-transparent outline-none placeholder:text-base-content/30"
-                />
-              </label>
-            )}
-
-            {/* Submit */}
-            <button
-              type="submit"
-              disabled={loading}
-              className="btn btn-primary rounded-2xl font-bold mt-2 w-full shadow-lg hover:scale-[1.01] active:scale-[0.99] transition-transform"
-            >
-              {loading ? (
-                <span className="loading loading-spinner loading-sm" />
-              ) : mode === "login" ? (
-                "Sign In →"
-              ) : otpSent ? (
-                "Verify & Create Account →"
-              ) : (
-                "Send OTP →"
-              )}
-            </button>
-          </form>
-
-          {/* Footer note */}
-          <p className="text-center text-xs text-base-content/40 mt-6">
-            {mode === "login" ? (
-              <>
-                New here?{" "}
-                <button
-                  type="button"
-                  onClick={() => {
-                    setMode("signup");
-                    setOtpSent(false);
-                  }}
-                  className="text-primary font-bold hover:underline"
-                >
-                  Create an account
-                </button>
-              </>
-            ) : (
-              <>
-                Already have an account?{" "}
-                <button
-                  type="button"
-                  onClick={() => {
-                    setMode("login");
-                    setOtpSent(false);
-                  }}
-                  className="text-primary font-bold hover:underline"
-                >
-                  Sign in
-                </button>
-              </>
-            )}
-          </p>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default Login;

package/templates/mern/client/src/pages/Profile.jsx

@@ -1,9 +0,0 @@
-import React from 'react'
-
-const Profile = () => {
-  return (
-    <div>Profile</div>
-  )
-}
-
-export default Profile