@imksh/create 1.0.27 → 1.0.30

package/templates/mern/server/src/models/user.model.js

@@ -1,43 +0,0 @@
-import mongoose from "mongoose";
-
-const userSchema = new mongoose.Schema(
-  {
-    name: {
-      type: String,
-      required: [true, "Name is required"],
-      trim: true,
-    },
-
-    email: {
-      type: String,
-      required: [true, "Email is required"],
-      unique: true,
-      lowercase: true,
-      trim: true,
-    },
-    phone: {
-      type: String,
-    },
-    avatar: {
-      publicId: {
-        type: String,
-      },
-      url: {
-        type: String,
-      },
-    },
-    password: {
-      type: String,
-      required: [true, "Password is required"],
-    },
-    role: {
-      type: String,
-      enum: ["user", "admin", "other"],
-      default: "user",
-    },
-  },
-  { timestamps: true },
-);
-
-const User = mongoose.model("User", userSchema);
-export default User;

package/templates/mern/server/src/routes/auth.route.js

@@ -1,24 +0,0 @@
-import express from "express";
-import {
-  signup,
-  login,
-  getMe,
-  logout,
-  updateMe,
-  genSignupOtp,
-} from "../controllers/auth.controller.js";
-import { protect } from "../middleware/auth.middleware.js";
-import { apiLimiter } from "../middleware/rateLimiter.js";
-
-const router = express.Router();
-
-router.use(apiLimiter);
-
-router.post("/send-signup-otp", genSignupOtp);
-router.post("/signup", signup);
-router.post("/login", login);
-router.post("/logout", logout);
-router.get("/me", protect, getMe);
-router.put("/me", protect, updateMe);
-
-export default router;

package/templates/mern-react-native/client/src/components/ui/sidebar.tsx

@@ -1,152 +0,0 @@
-import { NavLink } from "react-router-dom";
-import { IoClose } from "react-icons/io5";
-import { useUiStore } from "../../store/useUiStore";
-import { navigation } from "../../config/navigation";
-import { ChevronLeft, ChevronRight, Moon, Sun } from "lucide-react";
-import appConfig from "../../config/appConfig";
-import { motion, AnimatePresence } from "framer-motion";
-import useWindowSize from "../../hooks/useWindowSize";
-
-const Sidebar = () => {
-  const { open, close, collapsed, toggleCollapsed } = useUiStore();
-  const { theme, toggleTheme } = useUiStore();
-  const { width } = useWindowSize();
-  const isMobile = width < 1024; // lg breakpoint
-
-  const showSidebar = !isMobile || open;
-
-  return (
-    <>
-      {/* Overlay with AnimatePresence */}
-      <AnimatePresence>
-        {isMobile && open && (
-          <motion.div
-            initial={{ opacity: 0 }}
-            animate={{ opacity: 1 }}
-            exit={{ opacity: 0 }}
-            transition={{ duration: 0.2 }}
-            className="fixed inset-0 bg-base-100/40 z-40 lg:hidden"
-            onClick={close}
-          />
-        )}
-      </AnimatePresence>
-
-      {/* Sidebar with AnimatePresence */}
-      <AnimatePresence>
-        {showSidebar && (
-          <motion.aside
-            initial={isMobile ? { x: "-100%" } : false}
-            animate={{ x: 0 }}
-            exit={isMobile ? { x: "-100%" } : undefined}
-            transition={{ type: "tween", duration: 0.25, ease: "easeInOut" }}
-            className={`
-              fixed lg:static top-0 left-0 z-50
-              h-screen bg-base-200 border-r border-base-300
-              flex flex-col overflow-hidden
-              transition-[width] duration-300
-              ${collapsed ? "w-20" : "w-[75%] md:w-[16%] md:max-w-60"}
-            `}
-          >
-            {/* Header */}
-            <div className="h-16 border-b border-base-300 flex items-center justify-between px-5">
-              <div className="flex items-center gap-3">
-                {appConfig.app.img ? (
-                  <img
-                    src={appConfig.app.img}
-                    alt=""
-                    className="w-8 h-8 rounded-lg"
-                  />
-                ) : (
-                  <div className="flex items-center">
-                    <div className="bg-primary w-8 h-8 rounded-lg flex items-center justify-center text-primary-content font-bold">
-                      {appConfig.app.name.charAt(0)}
-                    </div>
-                  </div>
-                )}
-                <h1
-                  className={`text-xl font-black text-primary whitespace-nowrap overflow-hidden ${collapsed ? "hidden" : ""}`}
-                >
-                  {appConfig.app.name}
-                </h1>
-              </div>
-
-              <button
-                className={`btn btn-sm btn-circle btn-ghost md:hidden ${collapsed ? "hidden" : ""}`}
-                onClick={close}
-              >
-                <IoClose size={20} />
-              </button>
-            </div>
-
-            {/* Navigation */}
-            <nav className="flex-1 overflow-y-auto p-2.5 space-y-1" data-lenis-prevent>
-              {navigation.map((item) => {
-                const Icon = item.icon;
-
-                return (
-                  <NavLink
-                    key={item.path}
-                    to={item.path}
-                    onClick={isMobile ? close : undefined}
-                    className={({ isActive }) =>
-                      `flex items-center gap-3 rounded-box px-4 py-3 transition-all h-12 
-                      ${
-                        isActive
-                          ? "bg-primary text-primary-content"
-                          : "hover:bg-base-300"
-                      } ${collapsed ? "justify-center px-0" : ""}`
-                    }
-                    title={collapsed ? item.title : ""}
-                  >
-                    <Icon
-                      size={18}
-                      className={`shrink-0 ${collapsed && "mr-auto"}`}
-                    />
-
-                    {!collapsed && (
-                      <span className="font-medium transition-all duration-300">
-                        {item.title}
-                      </span>
-                    )}
-                  </NavLink>
-                );
-              })}
-            </nav>
-
-            {/* Footer with Collapse Button */}
-            <button
-              onClick={toggleTheme}
-              className={`w-full flex items-center gap-3 px-3 py-2.5 md:px-4 text-sm font-semibold transition-all duration-150 text-base-content/60 hover:text-base-content hover:bg-base-300/60 justify-between rounded-none ${collapsed ? "justify-center" : ""}`}
-              title="Toggle Theme"
-            >
-              {!collapsed && <span>{theme === "dark" ? "Dark" : "Light"}</span>}
-              <span className="btn btn-xs btn-ghost btn-circle ">
-                {theme === "dark" ? (
-                  <Sun size={16} className="shrink-0 " />
-                ) : (
-                  <Moon size={16} className="shrink-0" />
-                )}
-              </span>
-            </button>
-            <div className="p-3 border-t border-base-300/50 shrink-0 flex flex-col gap-2">
-              <button
-                onClick={toggleCollapsed}
-                className={`w-full flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-semibold transition-all duration-150 text-base-content/60 hover:text-base-content hover:bg-base-300/60 ${collapsed ? "justify-center" : ""}`}
-                title={collapsed ? "Expand Sidebar" : "Collapse Sidebar"}
-              >
-                {collapsed ? (
-                  <ChevronRight size={18} className="shrink-0 mr-auto" />
-                ) : (
-                  <ChevronLeft size={18} className="shrink-0" />
-                )}
-                {!collapsed && <span className="truncate">Collapse</span>}
-              </button>
-            </div>
-          </motion.aside>
-        )}
-      </AnimatePresence>
-    </>
-  );
-};
-
-export default Sidebar;

package/templates/mern-react-native/mobile/src/app/(tabs)/profile.tsx

@@ -1,78 +0,0 @@
-import { View, ScrollView, TouchableOpacity } from "react-native";
-import { useAuthStore } from "../../store/useAuthStore";
-import { useColorScheme } from "nativewind";
-import { Ionicons } from "@expo/vector-icons";
-import { Txt } from "../../components/common/Typography";
-import AsyncStorage from "@react-native-async-storage/async-storage";
-import Avatar from "@/components/ui/data-display/Avatar";
-import Button from "@/components/ui/buttons/Button";
-import Switch from "@/components/ui/inputs/Switch";
-
-const Profile = () => {
-  const { user, logout } = useAuthStore();
-  const { colorScheme, setColorScheme } = useColorScheme();
-
-  const handleToggleTheme = () => {
-    const newTheme = colorScheme === "dark" ? "light" : "dark";
-    setColorScheme(newTheme);
-    AsyncStorage.setItem("theme", newTheme);
-  };
-
-  const handleLogout = async () => {
-    await logout();
-  };
-
-  return (
-    <View className="flex-1 bg-base-100">
-      <View className="pt-16 pb-8 px-6 bg-primary/10 rounded-b-[40px] items-center border-b border-primary/20">
-        <View className="relative">
-          <View className="w-28 h-28 rounded-full bg-primary items-center justify-center border-4 border-base-100 shadow-lg shadow-primary/40">
-            <Avatar
-              url="https://res.cloudinary.com/ddwijawuc/image/upload/v1784397422/Screenshot_2026-07-18_at_11.26.53_PM_mubmqa.png"
-              size={100}
-            />
-          </View>
-          <TouchableOpacity className="absolute bottom-0 right-0 bg-secondary p-2 rounded-full border-2 border-base-100">
-            <Ionicons name="camera" size={18} color="#fff" />
-          </TouchableOpacity>
-        </View>
-
-        <View className="items-center mt-4">
-          <Txt variant="h2" className="text-2xl mb-1">
-            {user?.name || "User Name"}
-          </Txt>
-          <Txt variant="regular" className="text-base-content/60">
-            {user?.email || "user@example.com"}
-          </Txt>
-        </View>
-      </View>
-
-      <ScrollView className="flex-1 px-6 pt-6">
-        <View className="bg-base-200 rounded-2xl p-4 mb-6">
-          <View className="flex-row items-center justify-between py-2">
-            <View className="flex-row items-center">
-              <Ionicons 
-                name={colorScheme === "dark" ? "moon" : "sunny"} 
-                size={22} 
-                color={colorScheme === "dark" ? "#fff" : "#000"} 
-              />
-              <Txt variant="base" className="ml-3 font-semibold">Dark Mode</Txt>
-            </View>
-            <Switch checked={colorScheme === "dark"} onChange={handleToggleTheme} />
-          </View>
-        </View>
-
-        <Button
-          label="Logout"
-          variant="error"
-          isFullWidth
-          leftIcon="log-out-outline"
-          onPress={handleLogout}
-          style={{ marginTop: 20, marginBottom: 40 }}
-        />
-      </ScrollView>
-    </View>
-  );
-};
-
-export default Profile;

package/templates/mern-react-native/mobile/src/app/_layout.tsx

@@ -1,98 +0,0 @@
-import { useEffect } from "react";
-import { Stack, useRouter, useSegments } from "expo-router";
-import Toast from "react-native-toast-message";
-import { useAuthStore } from "../store/useAuthStore";
-import { useColorScheme } from "nativewind";
-import { Colors } from "../constants/Colors";
-import "./global.css";
-import Loading from "@/components/common/Loading";
-
-import { PaperProvider } from "react-native-paper";
-import AsyncStorage from "@react-native-async-storage/async-storage";
-import { useFonts } from "expo-font";
-import { GestureHandlerRootView } from "react-native-gesture-handler";
-import * as SplashScreen from "expo-splash-screen";
-import { StatusBar } from "expo-status-bar";
-
-SplashScreen.preventAutoHideAsync();
-
-export default function RootLayout() {
-  const [fontsLoaded, fontError] = useFonts({
-    InterRegular: require("../../assets/fonts/Inter_Regular.ttf"),
-    InterMedium: require("../../assets/fonts/Inter_Medium.ttf"),
-    InterSemiBold: require("../../assets/fonts/Inter_SemiBold.ttf"),
-    InterBold: require("../../assets/fonts/Inter_Bold.ttf"),
-    InterExtraBold: require("../../assets/fonts/Inter_ExtraBold.ttf"),
-  });
-
-  const { getMe, isCheckingAuth, loadCachedUser, user } = useAuthStore();
-  const { colorScheme, setColorScheme } = useColorScheme();
-  const colors = Colors[colorScheme ?? "light"];
-  
-  const segments = useSegments();
-  const router = useRouter();
-
-  useEffect(() => {
-    if (fontsLoaded || fontError) {
-      SplashScreen.hideAsync();
-    }
-  }, [fontsLoaded, fontError]);
-
-  useEffect(() => {
-    // Load cached user quickly, then fetch fresh in background
-    loadCachedUser().then(() => {
-      getMe();
-    });
-
-    // Load saved theme
-    AsyncStorage.getItem("theme").then((savedTheme) => {
-      if (savedTheme === "light" || savedTheme === "dark") {
-        setColorScheme(savedTheme);
-      }
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  useEffect(() => {
-    if (isCheckingAuth) return;
-
-    const inAuthGroup = segments[0] === "(auth)";
-
-    if (!user && !inAuthGroup) {
-      // Redirect to the auth group
-      router.replace("/(auth)/login");
-    } else if (user && inAuthGroup) {
-      // Redirect away from auth
-      router.replace("/(tabs)");
-    }
-  }, [user, isCheckingAuth, segments]);
-
-  if (!fontsLoaded && !fontError) {
-    return null;
-  }
-
-  if (isCheckingAuth) {
-    return <Loading />;
-  }
-
-  return (
-    <GestureHandlerRootView style={{ flex: 1 }}>
-      <PaperProvider>
-        <StatusBar style={colorScheme === "dark" ? "light" : "dark"} />
-        <Stack
-          screenOptions={{
-            headerShown: false,
-            contentStyle: { backgroundColor: colors.base100 },
-          }}
-        >
-          <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
-          <Stack.Screen
-            name="(auth)"
-            options={{ headerShown: false, animation: "fade" }}
-          />
-        </Stack>
-        <Toast />
-      </PaperProvider>
-    </GestureHandlerRootView>
-  );
-}

package/templates/mern-react-native/server/src/controllers/auth.controller.ts

@@ -1,207 +0,0 @@
-import { Request, Response, NextFunction } from "express";
-import * as authService from "../services/auth.service.js";
-import { generateToken } from "../utils/jwt.js";
-import genOtpToken from "../utils/genOtpToken.js";
-import logger from "../utils/logger.js";
-
-export const signup = async (
-  req: Request,
-  res: Response,
-  next: NextFunction,
-) => {
-  try {
-    const { name, email, phone, password, otp } = req.body;
-    if (!email || !password || !name || !otp) {
-      return next({ status: 400, message: "All fields are required." });
-    }
-    const newUser = await authService.signup({
-      name,
-      email,
-      phone,
-      password,
-      otp,
-    });
-    const token = await generateToken(newUser, res);
-    const safeUser: any = newUser.toObject();
-    delete safeUser.password;
-    res
-      .status(201)
-      .json({ message: "Registration Successful", data: safeUser, token });
-  } catch (error) {
-    logger.error("Error in signup controller", error);
-    next(error);
-  }
-};
-
-export const login = async (
-  req: Request,
-  res: Response,
-  next: NextFunction,
-) => {
-  try {
-    const { email, password } = req.body;
-    if (!email || !password) {
-      return next({ status: 400, message: "All fields are required." });
-    }
-    const user = await authService.login({ email, password });
-    const token = await generateToken(user, res);
-    const safeUser: any = user.toObject();
-    delete safeUser.password;
-    res
-      .status(200)
-      .json({ message: "Login successfully", data: safeUser, token });
-  } catch (error) {
-    logger.error("Error in login controller", error);
-    next(error);
-  }
-};
-
-export const logout = async (
-  req: Request,
-  res: Response,
-  next: NextFunction,
-) => {
-  try {
-    res.clearCookie("token", {
-      httpOnly: true,
-      secure: process.env.NODE_ENV === "production",
-      sameSite: "strict",
-      path: "/",
-    });
-    res.status(200).json({ message: "Logout Successfully" });
-  } catch (error) {
-    logger.error("Error in logout controller", error);
-    next(error);
-  }
-};
-
-export const getMe = async (
-  req: Request,
-  res: Response,
-  next: NextFunction,
-) => {
-  try {
-    const safeUser: any = req.user.toObject();
-    delete safeUser.password;
-    res.status(200).json({ message: "User Authenticated", data: safeUser });
-  } catch (error) {
-    logger.error("Error in getMe controller", error);
-    next(error);
-  }
-};
-
-export const genSignupOtp = async (
-  req: Request,
-  res: Response,
-  next: NextFunction,
-) => {
-  try {
-    const { email } = req.body;
-    if (!email) {
-      return next({ status: 400, message: "Email is required." });
-    }
-    await authService.generateSignupOtp(email);
-    res.status(200).json({ message: "Signup Otp sent successfully" });
-  } catch (error) {
-    logger.error("Error in genSignupOtp", error);
-    next(error);
-  }
-};
-
-export const genOtp = async (
-  req: Request,
-  res: Response,
-  next: NextFunction,
-) => {
-  try {
-    const { email } = req.body;
-    if (!email) {
-      return next({ status: 400, message: "Email is required." });
-    }
-    await authService.generateOtp(email);
-    res.status(200).json({ message: "Otp sent successfully" });
-  } catch (error) {
-    logger.error("Error in genOtp", error);
-    next(error);
-  }
-};
-
-export const verifyOtp = async (
-  req: Request,
-  res: Response,
-  next: NextFunction,
-) => {
-  try {
-    const { email, otp } = req.body;
-    if (!email || !otp) {
-      return next({ status: 400, message: "All fields are required." });
-    }
-    const user = await authService.verifyOtp({ email, otp });
-    await genOtpToken(user, res);
-    res.status(200).json({ message: "Otp verified successfully" });
-  } catch (error) {
-    logger.error("Error in verifyOtp", error);
-    next(error);
-  }
-};
-
-export const resetPassword = async (
-  req: Request,
-  res: Response,
-  next: NextFunction,
-) => {
-  try {
-    const { newPassword } = req.body;
-    const currentUser = req.user;
-    if (!newPassword) {
-      return next({ status: 400, message: "All fields are required." });
-    }
-    await authService.resetPassword(currentUser, newPassword);
-    res.status(200).json({ message: "Password updated successfully" });
-  } catch (error) {
-    logger.error("Error in resetPassword", error);
-    next(error);
-  }
-};
-
-export const updateMe = async (
-  req: Request,
-  res: Response,
-  next: NextFunction,
-) => {
-  try {
-    const { name, phone } = req.body;
-    const user = await authService.updateProfile(req.user._id, {
-      name,
-      phone,
-      file: req.file,
-    });
-    const safeUser: any = user.toObject();
-    delete safeUser.password;
-    res.status(200).json({ success: true, data: safeUser });
-  } catch (error) {
-    logger.error("Error updating profile", error);
-    next(error);
-  }
-};
-
-export const savePushToken = async (
-  req: Request,
-  res: Response,
-  next: NextFunction,
-) => {
-  try {
-    const { token } = req.body;
-    if (!token) {
-      return next({ status: 400, message: "Token is required." });
-    }
-
-    await authService.savePushToken(req.user._id, token);
-    res
-      .status(200)
-      .json({ success: true, message: "Push token saved successfully" });
-  } catch (error) {
-    logger.error("Error saving push token", error);
-    next(error);
-  }
-};

package/templates/mern-react-native/server/src/models/pushSubscription.model.ts

@@ -1,45 +0,0 @@
-import mongoose, { Document } from "mongoose";
-
-export interface IPushSubscription extends Document {
-  endpoint: string;
-  keys: {
-    p256dh: string;
-    auth: string;
-  };
-  user?: mongoose.Types.ObjectId;
-  role: "admin" | "user";
-  expiresAt: Date;
-  createdAt: Date;
-  updatedAt: Date;
-}
-
-const pushSubscriptionSchema = new mongoose.Schema<IPushSubscription>(
-  {
-    endpoint: {
-      type: String,
-      required: true,
-      unique: true,
-    },
-    keys: {
-      p256dh: { type: String, required: true },
-      auth: { type: String, required: true },
-    },
-    user: {
-      type: mongoose.Schema.Types.ObjectId,
-      ref: "User",
-    },
-    role: {
-      type: String,
-      enum: ["admin", "user"],
-      default: "user",
-    },
-    expiresAt: {
-      type: Date,
-      default: () => new Date(Date.now() + 7 * 24 * 60 * 60 * 1000),
-      index: { expires: 0 },
-    },
-  },
-  { timestamps: true },
-);
-
-export default mongoose.model<IPushSubscription>("PushSubscription", pushSubscriptionSchema);