@imksh/create 1.0.27 → 1.0.30

package/templates/{node-prisma-ts/src/middleware/auth.middleware.ts → layers/prisma/javascript/src/middleware/auth.middleware.js}

@@ -1,11 +1,9 @@
-import { Request, Response, NextFunction } from "express";
 import { verifyToken } from "../utils/jwt.js";
 import logger from "../utils/logger.js";
 import { prisma } from "../config/db.js";
 
-export const protect = async (req: Request, res: Response, next: NextFunction) => {
-  let token: string | undefined;
-
+export const protect = async (req, res, next) => {
+  let token;
   if (req.cookies?.token) {
     token = req.cookies.token;
   } else if (
@@ -20,7 +18,7 @@ export const protect = async (req: Request, res: Response, next: NextFunction) =
   }
 
   try {
-    const decoded: any = verifyToken(token);
+    const decoded = verifyToken(token);
     if (!decoded) {
       return res.status(401).json({ message: "Not authorized, invalid token" });
     }
@@ -33,12 +31,13 @@ export const protect = async (req: Request, res: Response, next: NextFunction) =
       return res.status(401).json({ message: "Not authorized, user not found" });
     }
 
-    const safeUser: any = { ...user };
+    // Exclude password
+    const safeUser = { ...user };
     delete safeUser.password;
 
     req.user = safeUser;
     return next();
-  } catch (error: any) {
+  } catch (error) {
     logger.error("Auth middleware error", error);
     return res.status(401).json({ message: "Not authorized, token verification failed" });
   }

package/templates/{node-prisma-ts/src/services/auth.service.ts → layers/prisma/javascript/src/services/auth.service.js}

@@ -3,12 +3,12 @@ import { prisma } from "../config/db.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 }: any) => {
+export const signup = async ({ name, email, phone, password }) => {
     const existingUser = await prisma.user.findUnique({
       where: { email },
     });
     if (existingUser) {
-      const err: any = new Error("User already exists");
+      const err = new Error("User already exists");
       err.status = 409;
       throw err;
     }
@@ -30,31 +30,31 @@ export const signup = async ({ name, email, phone, password }: any) => {
 
     return newUser;
   }
-export const login = async ({ email, password }: any) => {
+export const login = async ({ email, password }) => {
     const user = await prisma.user.findUnique({
       where: { email },
     });
     if (!user) {
-      const err: any = new Error("User not found");
+      const err = 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");
+      const err = new Error("Invalid Credentials");
       err.status = 401;
       throw err;
     }
 
     return user;
   }
-export const generateOtp = async (email: string) => {
+export const generateOtp = async (email) => {
     const user = await prisma.user.findUnique({
       where: { email },
     });
     if (!user) {
-      const err: any = new Error("User not found");
+      const err = new Error("User not found");
       err.status = 404;
       throw err;
     }
@@ -81,12 +81,12 @@ export const generateOtp = async (email: string) => {
     await sendOtpEmail(email, otp);
     return true;
   }
-export const verifyOtp = async ({ email, otp }: any) => {
+export const verifyOtp = async ({ email, otp }) => {
     const user = await prisma.user.findUnique({
       where: { email },
     });
     if (!user) {
-      const err: any = new Error("User not found");
+      const err = new Error("User not found");
       err.status = 404;
       throw err;
     }
@@ -95,21 +95,21 @@ export const verifyOtp = async ({ email, otp }: any) => {
       where: { email },
     });
     if (!existingOtp) {
-      const err: any = new Error("OTP match failed");
+      const err = 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");
+      const err = new Error("OTP match failed");
       err.status = 400;
       throw err;
     }
 
     return user;
   }
-export const resetPassword = async (user: any, newPassword: any) => {
+export const resetPassword = async (user, newPassword) => {
     const hashedPassword = await bcrypt.hash(newPassword, 10);
     await prisma.user.update({
       where: { id: user.id },
@@ -117,17 +117,17 @@ export const resetPassword = async (user: any, newPassword: any) => {
     });
     return true;
   }
-export const updateProfile = async (userId: any, { name, phone, file }: any) => {
+export const updateProfile = async (userId, { name, phone, file }) => {
     const user = await prisma.user.findUnique({
       where: { id: userId },
     });
     if (!user) {
-      const err: any = new Error("User not found");
+      const err = new Error("User not found");
       err.status = 404;
       throw err;
     }
 
-    const updateData: any = {};
+    const updateData = {};
     if (name) updateData.name = name;
     if (phone) updateData.phone = phone;
 

package/templates/{react/src/config → layers/react/javascript/src/assets/data}/navigation.js

@@ -6,9 +6,19 @@ export const navigation = [
     path: "/",
     icon: FaHome,
   },
+  {
+    title: "Courses",
+    path: "/courses",
+    icon: FaBook,
+  },
   {
     title: "Profile",
     path: "/profile",
     icon: FaUser,
   },
+  {
+    title: "Settings",
+    path: "/settings",
+    icon: FaCog,
+  },
 ];

package/templates/layers/react/javascript/src/components/common/Breadcrumbs.jsx

@@ -0,0 +1,60 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Link } from "react-router-dom";
+import { ChevronRight } from "lucide-react";
+const Breadcrumbs = ({ items }) => {
+  return /* @__PURE__ */ jsx("div", {
+    className:
+      "flex items-center gap-1.5 text-sm font-bold text-base-content/50 flex-wrap",
+    children: items.map((item, idx) => {
+      const isLast = idx === items.length - 1;
+      return /* @__PURE__ */ jsxs(
+        React.Fragment,
+        {
+          children: [
+            item.path && !isLast
+              ? /* @__PURE__ */ jsx(Link, {
+                  to: item.path,
+                  onClick: item.onClick,
+                  className:
+                    "hover:text-primary transition-colors hidden sm:flex items-center gap-1",
+                  children: item.label,
+                })
+              : item.onClick && !isLast
+                ? /* @__PURE__ */ jsx("button", {
+                    type: "button",
+                    onClick: item.onClick,
+                    className:
+                      "hover:text-primary transition-colors hidden sm:flex items-center gap-1",
+                    children: item.label,
+                  })
+                : /* @__PURE__ */ jsxs("div", {
+                    className: "flex flex-col",
+                    children: [
+                      /* @__PURE__ */ jsx("span", {
+                        className: isLast
+                          ? "text-lg md:text-xl font-bold leading-tight text-base-content tracking-tight truncate max-w-[200px] md:max-w-none"
+                          : "",
+                        children: item.label,
+                      }),
+                      item.subtitle &&
+                        /* @__PURE__ */ jsx("span", {
+                          className:
+                            "text-xs text-base-content/60 font-normal truncate",
+                          children: item.subtitle,
+                        }),
+                    ],
+                  }),
+            !isLast &&
+              /* @__PURE__ */ jsx(ChevronRight, {
+                size: 14,
+                className: "text-base-content/30 shrink-0 hidden sm:block",
+              }),
+          ],
+        },
+        idx,
+      );
+    }),
+  });
+};
+export { Breadcrumbs };

package/templates/layers/react/javascript/src/components/common/CircularProgress.jsx

@@ -0,0 +1,65 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+const CircularProgress = ({
+  value,
+  label,
+  color = "text-primary",
+  size = "lg",
+}) => {
+  const radius = size === "xl" ? 60 : size === "lg" ? 40 : 24;
+  const stroke = size === "xl" ? 10 : size === "lg" ? 6 : 4;
+  const normalizedRadius = radius - stroke * 2;
+  const circumference = normalizedRadius * 2 * Math.PI;
+  const strokeDashoffset = circumference - (value / 100) * circumference;
+  const dims = size === "xl" ? 140 : size === "lg" ? 96 : 56;
+  const textClass =
+    size === "xl" ? "text-2xl" : size === "lg" ? "text-md" : "text-[10px]";
+  return /* @__PURE__ */ jsxs("div", {
+    className: "flex flex-col items-center justify-center",
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        className: "relative flex items-center justify-center",
+        style: { width: dims, height: dims },
+        children: [
+          /* @__PURE__ */ jsxs("svg", {
+            height: dims,
+            width: dims,
+            className: "absolute transform -rotate-90",
+            children: [
+              /* @__PURE__ */ jsx("circle", {
+                stroke: "currentColor",
+                fill: "transparent",
+                strokeWidth: stroke,
+                r: normalizedRadius,
+                cx: dims / 2,
+                cy: dims / 2,
+                className: "text-base-200",
+              }),
+              /* @__PURE__ */ jsx("circle", {
+                stroke: "currentColor",
+                fill: "transparent",
+                strokeWidth: stroke,
+                strokeDasharray: circumference + " " + circumference,
+                style: { strokeDashoffset },
+                strokeLinecap: "round",
+                r: normalizedRadius,
+                cx: dims / 2,
+                cy: dims / 2,
+                className: `${color} transition-all duration-1000 ease-out`,
+              }),
+            ],
+          }),
+          /* @__PURE__ */ jsxs("span", {
+            className: `font-bold ${textClass}`,
+            children: [value, "%"],
+          }),
+        ],
+      }),
+      label &&
+        /* @__PURE__ */ jsx("span", {
+          className: "mt-2 text-sm font-medium text-base-content/70",
+          children: label,
+        }),
+    ],
+  });
+};
+export { CircularProgress };

package/templates/layers/react/javascript/src/components/common/Modal.jsx

@@ -0,0 +1,108 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { createPortal } from "react-dom";
+import { IoClose } from "react-icons/io5";
+import { useUiStore } from "../../store/useUiStore";
+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,
+  hideHeader = false,
+  className = "",
+  footer,
+}) => {
+  const setModalOpen = useUiStore((state) => state.setModalOpen);
+  useEffect(() => {
+    if (open) {
+      setModalOpen(true);
+      return () => {
+        setModalOpen(false);
+      };
+    }
+  }, [open, setModalOpen]);
+  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(
+    /* @__PURE__ */ jsxs("div", {
+      className: "fixed inset-0 z-[9999] flex items-center justify-center p-4",
+      children: [
+        /* @__PURE__ */ jsx("div", {
+          className: "absolute inset-0 bg-black/50 backdrop-blur-sm",
+          onClick: closeOnBackdrop ? onClose : void 0,
+        }),
+        /* @__PURE__ */ jsxs("div", {
+          className: `
+          relative
+          flex flex-col overflow-hidden max-h-[90vh]
+          w-full
+          ${sizes[size]}
+          rounded-2xl
+          bg-base-100
+          shadow-2xl
+          border border-base-300
+          animate-in zoom-in-95 fade-in duration-200
+          ${className}
+        `,
+          children: [
+            !hideHeader &&
+              (title || showCloseButton) &&
+              /* @__PURE__ */ jsxs("div", {
+                className:
+                  "flex items-center justify-between border-b border-base-300 px-6 py-4 shrink-0",
+                children: [
+                  title &&
+                    /* @__PURE__ */ jsx("h2", {
+                      className: "text-lg font-bold",
+                      children: title,
+                    }),
+                  showCloseButton &&
+                    /* @__PURE__ */ jsx("button", {
+                      className: "btn btn-circle btn-sm btn-ghost",
+                      onClick: onClose,
+                      children: /* @__PURE__ */ jsx(IoClose, { size: 20 }),
+                    }),
+                ],
+              }),
+            /* @__PURE__ */ jsx("div", {
+              className: "flex-1 min-h-0 overflow-y-auto p-6",
+              "data-lenis-prevent": "true",
+              children,
+            }),
+            footer &&
+              /* @__PURE__ */ jsx("div", {
+                className: "border-t border-base-300 px-6 py-4 shrink-0",
+                children: footer,
+              }),
+          ],
+        }),
+      ],
+    }),
+    document.body,
+  );
+};
+var Modal_default = Modal;
+export { Modal_default as default };

package/templates/{mern/client → layers/react/javascript}/src/components/common/NotFound.jsx

@@ -75,4 +75,4 @@ const NotFound = () => {
   );
 };
 
-export default NotFound;
+export default NotFound;

package/templates/layers/react/javascript/src/components/common/PageTransition.jsx

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+const pageVariants = {
+  initial: {
+    opacity: 0,
+    y: 8,
+  },
+  in: {
+    opacity: 1,
+    y: 0,
+  },
+  out: {
+    opacity: 0,
+    y: -8,
+  },
+};
+const pageTransition = {
+  type: "tween",
+  ease: "anticipate",
+  duration: 0.3,
+};
+const PageTransition = ({ children, className = "" }) => {
+  return /* @__PURE__ */ jsx(motion.div, {
+    initial: "initial",
+    animate: "in",
+    exit: "out",
+    variants: pageVariants,
+    transition: pageTransition,
+    className: `h-full w-full ${className}`,
+    children,
+  });
+};
+var PageTransition_default = PageTransition;
+export { PageTransition_default as default };

package/templates/layers/react/javascript/src/components/common/Pagination.jsx

@@ -0,0 +1,81 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+const Pagination = ({ currentPage, totalPages, onPageChange }) => {
+  if (totalPages <= 1) return null;
+  const maxVisiblePages = 5;
+  let startPage = Math.max(1, currentPage - Math.floor(maxVisiblePages / 2));
+  const endPage = Math.min(totalPages, startPage + maxVisiblePages - 1);
+  if (endPage - startPage + 1 < maxVisiblePages) {
+    startPage = Math.max(1, endPage - maxVisiblePages + 1);
+  }
+  const pages = [];
+  for (let i = startPage; i <= endPage; i++) {
+    pages.push(i);
+  }
+  return /* @__PURE__ */ jsxs("div", {
+    className:
+      "flex items-center justify-center gap-2 mt-10 p-2 rounded-2xl bg-base-100/50 backdrop-blur-sm border border-base-200/50 w-fit mx-auto shadow-sm",
+    children: [
+      /* @__PURE__ */ jsx("button", {
+        onClick: () => onPageChange(currentPage - 1),
+        disabled: currentPage === 1,
+        className:
+          "flex items-center justify-center w-10 h-10 rounded-xl transition-all duration-200 text-base-content/70 hover:bg-base-content/10 hover:text-base-content disabled:opacity-30 disabled:hover:bg-transparent",
+        "aria-label": "Previous Page",
+        children: /* @__PURE__ */ jsx(ChevronLeft, { className: "w-5 h-5" }),
+      }),
+      startPage > 1 &&
+        /* @__PURE__ */ jsxs(Fragment, {
+          children: [
+            /* @__PURE__ */ jsx("button", {
+              onClick: () => onPageChange(1),
+              className:
+                "flex items-center justify-center w-10 h-10 rounded-xl transition-all duration-200 font-medium text-base-content/70 hover:bg-base-content/10 hover:text-base-content",
+              children: "1",
+            }),
+            startPage > 2 &&
+              /* @__PURE__ */ jsx("span", {
+                className: "px-1 text-base-content/40",
+                children: "...",
+              }),
+          ],
+        }),
+      pages.map((page) =>
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => onPageChange(page),
+            className: `flex items-center justify-center w-10 h-10 rounded-xl transition-all duration-300 font-semibold ${currentPage === page ? "bg-primary text-primary-content shadow-lg shadow-primary/30 scale-105" : "text-base-content/70 hover:bg-base-content/10 hover:text-base-content"}`,
+            children: page,
+          },
+          page,
+        ),
+      ),
+      endPage < totalPages &&
+        /* @__PURE__ */ jsxs(Fragment, {
+          children: [
+            endPage < totalPages - 1 &&
+              /* @__PURE__ */ jsx("span", {
+                className: "px-1 text-base-content/40",
+                children: "...",
+              }),
+            /* @__PURE__ */ jsx("button", {
+              onClick: () => onPageChange(totalPages),
+              className:
+                "flex items-center justify-center w-10 h-10 rounded-xl transition-all duration-200 font-medium text-base-content/70 hover:bg-base-content/10 hover:text-base-content",
+              children: totalPages,
+            }),
+          ],
+        }),
+      /* @__PURE__ */ jsx("button", {
+        onClick: () => onPageChange(currentPage + 1),
+        disabled: currentPage === totalPages,
+        className:
+          "flex items-center justify-center w-10 h-10 rounded-xl transition-all duration-200 text-base-content/70 hover:bg-base-content/10 hover:text-base-content disabled:opacity-30 disabled:hover:bg-transparent",
+        "aria-label": "Next Page",
+        children: /* @__PURE__ */ jsx(ChevronRight, { className: "w-5 h-5" }),
+      }),
+    ],
+  });
+};
+export { Pagination };

package/templates/{react → layers/react/javascript}/src/components/common/SEO.jsx

@@ -1,13 +1,7 @@
 import { useEffect } from "react";
 import { useLocation } from "react-router-dom";
 
-const SEO = ({
-  title,
-  description,
-  keywords,
-  canonical,
-  noIndex = false,
-}) => {
+const SEO = ({ title, description, keywords, canonical, noIndex = false }) => {
   const location = useLocation();
 
   useEffect(() => {
@@ -46,9 +40,7 @@ const SEO = ({
       document.head.appendChild(link);
     }
 
-    link.href =
-      canonical ||
-      `https://shreebaglamukhi.com${location.pathname}`;
+    link.href = canonical || `https://shreebaglamukhi.com${location.pathname}`;
 
     // ROBOTS
     let robots = document.querySelector("meta[name='robots']");
@@ -64,4 +56,4 @@ const SEO = ({
   return null;
 };
 
-export default SEO;
+export default SEO;

package/templates/{react → layers/react/javascript}/src/components/common/Scroll.jsx

@@ -22,4 +22,4 @@ export default function ScrollRestoration() {
   }, [key, pathname, navigationType]);
 
   return null;
-}
+}