@imksh/create 1.0.27 → 1.0.30

package/templates/mern-react-native/server/src/services/auth.service.ts

@@ -1,167 +0,0 @@
-import User from "../models/user.model.js";
-import Otp from "../models/otp.model.js";
-import bcrypt from "bcrypt";
-import { generateToken } from "../utils/jwt.js";
-import { sendOtpEmail } from "../utils/emailOtp.js";
-import {
-  uploadSingleToCloudinary,
-  deleteFromCloudinary,
-} from "../utils/cloudinaryUpload.js";
-import logger from "../utils/logger.js";
-
-export const signup = async ({ name, email, phone, password, otp }: any) => {
-  const existingUser = await User.findOne({ email });
-  if (existingUser) {
-    const err: any = new Error("User already exists");
-    err.status = 409;
-    throw err;
-  }
-
-  const existingOtp = await Otp.findOne({ email });
-  if (!existingOtp) {
-    const err: any = new Error("OTP match failed");
-    err.status = 400;
-    throw err;
-  }
-  const isMatched = await bcrypt.compare(otp, existingOtp.otp);
-  if (!isMatched) {
-    const err: any = new Error("OTP match failed");
-    err.status = 400;
-    throw err;
-  }
-  const salt = await bcrypt.genSalt(10);
-  const hashedPassword = await bcrypt.hash(password, salt);
-  const photoURL = `https://placehold.co/600x400?text=${name.charAt(0).toUpperCase()}`;
-  const newUser = await User.create({
-    name,
-    email: email.toLowerCase(),
-    phone,
-    role: "user",
-    password: hashedPassword,
-    avatar: { url: photoURL, publicId: "" },
-  });
-
-  await existingOtp.deleteOne(); // delete OTP after successful signup
-  return newUser;
-};
-export const login = async ({ email, password }: any) => {
-  const user = await User.findOne({ email });
-  if (!user) {
-    const err: any = new Error("User not found");
-    err.status = 404;
-    throw err;
-  }
-  const isValid = await bcrypt.compare(password, user.password);
-  if (!isValid) {
-    const err: any = new Error("Invalid Credentials");
-    err.status = 401;
-    throw err;
-  }
-  return user;
-};
-export const generateSignupOtp = async (email: string) => {
-  const user = await User.findOne({ email });
-  if (user) {
-    const err: any = new Error("User already exists");
-    err.status = 409;
-    throw err;
-  }
-  const existingOtp = await Otp.findOne({ email });
-  if (existingOtp) {
-    await existingOtp.deleteOne();
-  }
-  const otp = Math.floor(100000 + Math.random() * 900000).toString();
-  const hashedOtp = await bcrypt.hash(otp, 10);
-  await Otp.create({ email, otp: hashedOtp });
-  await sendOtpEmail(email, otp);
-  return true;
-};
-export const generateOtp = async (email: string) => {
-  const user = await User.findOne({ email });
-  if (!user) {
-    const err: any = new Error("User not found");
-    err.status = 404;
-    throw err;
-  }
-  const existingOtp = await Otp.findOne({ email });
-  if (existingOtp) {
-    await existingOtp.deleteOne();
-  }
-  const otp = Math.floor(100000 + Math.random() * 900000).toString();
-  const hashedOtp = await bcrypt.hash(otp, 10);
-  await Otp.create({ email, otp: hashedOtp });
-  await sendOtpEmail(email, otp);
-  return true;
-};
-export const verifyOtp = async ({ email, otp }: any) => {
-  const user = await User.findOne({ email });
-  if (!user) {
-    const err: any = new Error("User not found");
-    err.status = 404;
-    throw err;
-  }
-  const existingOtp = await Otp.findOne({ email });
-  if (!existingOtp) {
-    const err: any = new Error("OTP match failed");
-    err.status = 400;
-    throw err;
-  }
-  const isMatched = await bcrypt.compare(otp, existingOtp.otp);
-  if (!isMatched) {
-    const err: any = new Error("OTP match failed");
-    err.status = 400;
-    throw err;
-  }
-  return user;
-};
-export const resetPassword = async (user: any, newPassword: any) => {
-  const hashedPassword = await bcrypt.hash(newPassword, 10);
-  user.password = hashedPassword;
-  await user.save();
-  return true;
-};
-export const updateProfile = async (
-  userId: any,
-  { name, phone, file }: any,
-) => {
-  const user = await User.findById(userId);
-  if (!user) {
-    const err: any = new Error("User not found");
-    err.status = 404;
-    throw err;
-  }
-  if (name) user.name = name;
-  if (phone) user.phone = phone;
-  if (file) {
-    const uploadResult = await uploadSingleToCloudinary(file, {
-      folder: "codelab/avatars",
-    });
-    if (user.avatar && user.avatar.publicId) {
-      await deleteFromCloudinary(user.avatar.publicId).catch((err) =>
-        logger.error("Old avatar delete error", err),
-      );
-    }
-    user.avatar = { url: uploadResult.url, publicId: uploadResult.publicId };
-  }
-  await user.save();
-  return user;
-};
-
-
-  /**
-   * Save Expo Push Token
-   */
-export const savePushToken = async (userId : string, token : string) => {
-    const user = await User.findById(userId);
-    if (!user) {
-      const err: any = new Error("User not found");
-      err.status = 404;
-      throw err;
-    }
-
-    if (!user.expoPushTokens.includes(token)) {
-      user.expoPushTokens.push(token);
-      await user.save();
-    }
-    return user;
-  }

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

@@ -1,41 +0,0 @@
-{
-  "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",
-    "eslint": "^8.53.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.4",
-    "typescript": "^5.2.2",
-    "vite": "^5.0.0",
-    "eslint-plugin-react": "^7.33.2"
-  }
-}

package/templates/mern-ts/client/src/App.tsx

@@ -1,68 +0,0 @@
-import React, { useEffect } from "react";
-import { Routes, Route } from "react-router-dom";
-import { Toaster } from "react-hot-toast";
-import Home from "./pages/Home";
-import Login from "./pages/Login";
-import Profile from "./pages/Profile";
-import Scroll from "./components/common/Scroll";
-import Loading from "./components/common/Loading";
-import useLenis from "./hooks/useLenis";
-import { useAuthStore } from "./store/useAuthStore";
-import NotFound from "./components/common/NotFound";
-import Unauthorized from "./components/common/Unauthorized";
-import ProtectedRoute from "./components/layout/ProtectedRoute";
-import PublicLayout from "./components/layout/PublicLayout";
-import SidebarLayout from "./components/layout/SidebarLayout";
-
-const App = () => {
-  const { getMe, isCheckingAuth } = useAuthStore();
-
-  // Initialize Lenis smooth scroll
-  // useLenis();
-
-  useEffect(() => {
-    getMe();
-  }, []);
-
-  if (isCheckingAuth) {
-    return (
-      <div className="flex h-screen items-center justify-center bg-base-100">
-        <Loading />
-      </div>
-    );
-  }
-
-  return (
-    <div className="min-h-screen bg-base-100 text-base-content">
-      <Toaster position="top-right" />
-      <Scroll />
-      <Routes>
-        <Route path="/" element={<Home />} />
-
-        {/* <Route element={<PublicLayout />}>
-          <Route path="/" element={<Home />} />
-        </Route> */}
-
-        {/* Auth Page Routes */}
-        <Route path="/login" element={<Login />} />
-        <Route path="/unauthorized" element={<Unauthorized />} />
-
-        {/* Protected Routes wrapped in ProtectedRoute and SidebarLayout */}
-        <Route
-          element={
-            <ProtectedRoute>
-              <SidebarLayout />
-            </ProtectedRoute>
-          }
-        >
-          <Route path="/profile" element={<Profile />} />
-        </Route>
-
-        {/* Fallback Route */}
-        <Route path="/*" element={<NotFound />} />
-      </Routes>
-    </div>
-  );
-};
-
-export default App;

package/templates/mern-ts/client/src/components/common/Breadcrumbs.tsx

@@ -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-ts/client/src/components/common/Loading.tsx

@@ -1,19 +0,0 @@
-import React from "react";
-import LottieAnimation from "./LottieIcon";
-import loader from "../../assets/animations/loading.json";
-
-const Loading = ({
-  className = "w-60 h-60",
-  bgClass = "bg-base-100",
-  animationData = loader,
-}) => {
-  return (
-    <div
-      className={`absolute inset-0 flex items-center justify-center z-50 ${bgClass} max-h-dvh`}
-    >
-      <LottieAnimation animation={animationData} className={className} />
-    </div>
-  );
-};
-
-export default Loading;

package/templates/mern-ts/client/src/components/common/PwaInstallPrompt.tsx

@@ -1,72 +0,0 @@
-import { useEffect, useState } from "react";
-import usePwaInstall from "../hooks/usePwaInstall";
-
-const DISMISS_KEY = "gradify_pwa_dismissed_at";
-const DISMISS_TTL_MS = 7 * 24 * 60 * 60 * 1000;
-
-const wasDismissedRecently = () => {
-  const raw = localStorage.getItem(DISMISS_KEY);
-  if (!raw) return false;
-  const dismissedAt = Number(raw);
-  if (!Number.isFinite(dismissedAt)) return false;
-  return Date.now() - dismissedAt < DISMISS_TTL_MS;
-};
-
-const PwaInstallPrompt = () => {
-  const { canInstall, isInstalled, promptInstall } = usePwaInstall();
-  const [visible, setVisible] = useState(false);
-
-  useEffect(() => {
-    if (typeof window === "undefined") return undefined;
-    if (!canInstall || wasDismissedRecently() || isInstalled) {
-      setVisible(false);
-      return undefined;
-    }
-
-    setVisible(true);
-    return undefined;
-  }, [canInstall, isInstalled]);
-
-  const handleInstall = async () => {
-    const result = await promptInstall();
-    if (result?.outcome === "accepted") {
-      setVisible(false);
-      return;
-    }
-    localStorage.setItem(DISMISS_KEY, String(Date.now()));
-    setVisible(false);
-  };
-
-  const handleDismiss = () => {
-    localStorage.setItem(DISMISS_KEY, String(Date.now()));
-    setVisible(false);
-  };
-
-  if (!visible) return null;
-
-  return (
-    <div className="fixed bottom-5 right-5 z-50 w-[min(92vw,360px)] rounded-2xl border border-(--border-color) bg-(--card-bg) p-4 shadow-lg">
-      <p className="text-sm text-(--text-secondary)">
-        Install Gradify for faster access and offline-ready learning.
-      </p>
-      <div className="mt-3 flex items-center gap-2">
-        <button
-          type="button"
-          onClick={handleInstall}
-          className="rounded-xl bg-(--color-primary) px-4 py-2 text-sm font-semibold text-white hover:opacity-90"
-        >
-          Install App
-        </button>
-        <button
-          type="button"
-          onClick={handleDismiss}
-          className="rounded-xl border border-(--border-color) px-3 py-2 text-sm text-(--text-secondary) hover:bg-(--bg-muted)"
-        >
-          Not now
-        </button>
-      </div>
-    </div>
-  );
-};
-
-export default PwaInstallPrompt;

package/templates/mern-ts/client/src/components/layout/ProtectedRoute.tsx

@@ -1,23 +0,0 @@
-import React from "react";
-import { Navigate } from "react-router-dom";
-import { useAuthStore } from "../../store/useAuthStore";
-import Loading from "../common/Loading";
-
-interface ProtectedRouteProps {
-  children: React.ReactNode;
-  role?: string;
-}
-
-const ProtectedRoute: React.FC<ProtectedRouteProps> = ({ children, role }) => {
-  const { user, isCheckingAuth } = useAuthStore();
-
-  if (loading) return <Loading />;
-
-  if (!user) return <Navigate to="/login" />;
-
-  if (role && user.role !== role) return <Navigate to="/" />;
-
-  return children;
-};
-
-export default ProtectedRoute;

package/templates/mern-ts/client/src/components/layout/SidebarLayout.tsx

@@ -1,37 +0,0 @@
-import { useEffect } from "react";
-import { Outlet, useLocation } from "react-router-dom";
-import SidebarHeader from "../ui/SidebarHeader";
-import Sidebar from "../ui/sidebar";
-import { useUiStore } from "../../store/useUiStore";
-import appConfig from "../../config/appConfig";
-
-const SidebarLayout = () => {
-  const { headerTitle, headerActions, setHeaderTitle, setHeaderActions } =
-    useUiStore();
-  const { pathname } = useLocation();
-
-  // Reset header title and actions whenever the route shifts
-  useEffect(() => {
-    setHeaderTitle(appConfig.app.name);
-    setHeaderActions(null);
-  }, [pathname, setHeaderTitle, setHeaderActions]);
-
-  return (
-    <div className="flex h-screen overflow-hidden">
-      <Sidebar />
-
-      <div className="flex flex-1 flex-col overflow-hidden">
-        <SidebarHeader title={headerTitle} actions={headerActions} />
-
-        <main
-          className="flex-1 h-full overflow-y-auto px-2 py-6 md:p-6 max-w-7xl"
-          data-lenis-prevent
-        >
-          <Outlet />
-        </main>
-      </div>
-    </div>
-  );
-};
-
-export default SidebarLayout;

package/templates/mern-ts/client/src/components/modals/Modal.tsx

@@ -1,106 +0,0 @@
-import { useEffect, ReactNode } from "react";
-import { createPortal } from "react-dom";
-import { IoClose } from "react-icons/io5";
-
-export interface ModalProps {
-  open: boolean;
-  onClose: () => void;
-  title: string;
-  children: ReactNode;
-  size?: "sm" | "md" | "lg" | "xl" | "2xl" | "full";
-  closeOnBackdrop?: boolean;
-  closeOnEsc?: boolean;
-  showCloseButton?: boolean;
-  footer?: ReactNode;
-}
-
-const sizes = {
-  sm: "max-w-sm",
-  md: "max-w-md",
-  lg: "max-w-lg",
-  xl: "max-w-2xl",
-  "2xl": "max-w-4xl",
-  full: "max-w-7xl",
-};
-
-const Modal = ({
-  open,
-  onClose,
-  title,
-  children,
-  size = "md",
-  closeOnBackdrop = true,
-  closeOnEsc = true,
-  showCloseButton = true,
-  footer,
-}: ModalProps) => {
-  useEffect(() => {
-    if (!open || !closeOnEsc) return;
-
-    const handleKeyDown = (e) => {
-      if (e.key === "Escape") {
-        onClose?.();
-      }
-    };
-
-    document.addEventListener("keydown", handleKeyDown);
-
-    return () =>
-      document.removeEventListener("keydown", handleKeyDown);
-  }, [open, closeOnEsc, onClose]);
-
-  if (!open) return null;
-
-  return createPortal(
-    <div className="fixed inset-0 z-[9999] flex items-center justify-center p-4">
-      {/* Backdrop */}
-      <div
-        className="absolute inset-0 bg-black/50 backdrop-blur-sm"
-        onClick={closeOnBackdrop ? onClose : undefined}
-      />
-
-      {/* Modal */}
-      <div
-        className={`
-          relative
-          w-full
-          ${sizes[size]}
-          rounded-2xl
-          bg-base-100
-          shadow-2xl
-          border border-base-300
-          animate-in zoom-in-95 fade-in duration-200
-        `}
-      >
-        {/* Header */}
-        <div className="flex items-center justify-between border-b border-base-300 px-6 py-4">
-          <h2 className="text-lg font-bold">{title}</h2>
-
-          {showCloseButton && (
-            <button
-              className="btn btn-circle btn-sm btn-ghost"
-              onClick={onClose}
-            >
-              <IoClose size={20} />
-            </button>
-          )}
-        </div>
-
-        {/* Body */}
-        <div className="max-h-[70vh] overflow-y-auto p-6">
-          {children}
-        </div>
-
-        {/* Footer */}
-        {footer && (
-          <div className="border-t border-base-300 px-6 py-4">
-            {footer}
-          </div>
-        )}
-      </div>
-    </div>,
-    document.body,
-  );
-};
-
-export default Modal;