@imksh/create 1.0.26 → 1.0.28

package/templates/production-fullstack/client/public/manifest.json

@@ -1,24 +0,0 @@
-{
-  "name": "React App",
-  "short_name": "React",
-  "description": "A React application built with @imksh/create",
-  "start_url": "/",
-  "display": "standalone",
-  "background_color": "#1d232a",
-  "theme_color": "#2563eb",
-  "orientation": "any",
-  "icons": [
-    {
-      "src": "/favicon.ico",
-      "sizes": "192x192",
-      "type": "image/x-icon",
-      "purpose": "any maskable"
-    },
-    {
-      "src": "/favicon.svg",
-      "sizes": "512x512",
-      "type": "image/svg+xml",
-      "purpose": "any maskable"
-    }
-  ]
-}

package/templates/production-fullstack/client/public/sw.js

@@ -1,56 +0,0 @@
-const CACHE_NAME = "React App";
-const ASSETS = ["/", "/index.html", "/logo.png", "/manifest.json"];
-
-// Install Event
-self.addEventListener("install", (e) => {
-  e.waitUntil(
-    caches
-      .open(CACHE_NAME)
-      .then((cache) => {
-        return cache.addAll(ASSETS);
-      })
-      .then(() => self.skipWaiting()),
-  );
-});
-
-// Activate Event
-self.addEventListener("activate", (e) => {
-  e.waitUntil(
-    caches
-      .keys()
-      .then((keys) => {
-        return Promise.all(
-          keys.map((key) => {
-            if (key !== CACHE_NAME) {
-              return caches.delete(key);
-            }
-          }),
-        );
-      })
-      .then(() => self.clients.claim()),
-  );
-});
-
-// Fetch Event (Network First, fallback to cache)
-self.addEventListener("fetch", (e) => {
-  // Only handle GET requests and skip chrome-extension/dev-tools queries
-  if (
-    e.request.method !== "GET" ||
-    !e.request.url.startsWith(self.location.origin)
-  ) {
-    return;
-  }
-
-  e.respondWith(
-    fetch(e.request)
-      .then((res) => {
-        // Cache clone of successful network response
-        const resClone = res.clone();
-        caches.open(CACHE_NAME).then((cache) => {
-          cache.put(e.request, resClone);
-        });
-        return res;
-      })
-      .catch(() => caches.match(e.request)),
-  );
-});

package/templates/production-fullstack/client/src/assets/data/navigation.ts

@@ -1,29 +0,0 @@
-import {
-    FaHome,
-    FaUser,
-    FaCog,
-    FaBook
-} from "react-icons/fa";
-
-export const navigation = [
-    {
-        title: "Home",
-        path: "/",
-        icon: FaHome,
-    },
-    {
-        title: "Courses",
-        path: "/courses",
-        icon: FaBook,
-    },
-    {
-        title: "Profile",
-        path: "/profile",
-        icon: FaUser,
-    },
-    {
-        title: "Settings",
-        path: "/settings",
-        icon: FaCog,
-    },
-];

package/templates/production-fullstack/client/src/components/layout/PublicLayout.tsx

@@ -1,13 +0,0 @@
-import { Outlet } from "react-router-dom";
-import Header from "../ui/Header";
-
-const PublicLayout = () => {
-  return (
-    <>
-      <Header />
-      <Outlet />
-    </>
-  );
-};
-
-export default PublicLayout;

package/templates/production-fullstack/client/src/components/shared/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/production-fullstack/client/src/components/shared/LottieIcon.tsx

@@ -1,36 +0,0 @@
-import { memo, useEffect, useRef } from "react";
-import { useInView } from "framer-motion";
-import lottie from "lottie-web";
-
-const LottieIcon = memo(
-  ({ animation, className = "", loop = true, autoplay = true }) => {
-    const containerRef = useRef(null);
-
-    const isInView = useInView(containerRef, {
-      once: true,
-      margin: "100px",
-    });
-
-    useEffect(() => {
-      if (!isInView || !containerRef.current) return;
-
-      const instance = lottie.loadAnimation({
-        container: containerRef.current,
-        renderer: "svg",
-        loop,
-        autoplay,
-        animationData: animation,
-      });
-
-      return () => {
-        instance.destroy();
-      };
-    }, [animation, autoplay, loop, isInView]);
-
-    return <div ref={containerRef} className={className} />;
-  },
-);
-
-LottieIcon.displayName = "LottieIcon";
-
-export default LottieIcon;

package/templates/production-fullstack/client/src/components/shared/NotFound.tsx

@@ -1,78 +0,0 @@
-import { motion } from "framer-motion";
-import { Link } from "react-router-dom";
-import { FaArrowLeft, FaHouse } from "react-icons/fa6";
-
-const NotFound = () => {
-  return (
-    <div className="min-h-screen flex items-center justify-center bg-base-100 px-6">
-      <div className="max-w-lg text-center">
-        <motion.h1
-          initial={{ opacity: 0, scale: 0.6 }}
-          animate={{ opacity: 1, scale: 1 }}
-          transition={{
-            duration: 0.5,
-            type: "spring",
-            stiffness: 120,
-          }}
-          className="text-8xl md:text-9xl font-black text-primary"
-        >
-          404
-        </motion.h1>
-
-        <motion.h2
-          initial={{ opacity: 0, y: 20 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ delay: 0.15 }}
-          className="mt-6 text-3xl font-bold"
-        >
-          Page Not Found
-        </motion.h2>
-
-        <motion.p
-          initial={{ opacity: 0 }}
-          animate={{ opacity: 0.7 }}
-          transition={{ delay: 0.3 }}
-          className="mt-3 text-base-content/70"
-        >
-          Sorry, the page you're looking for doesn't exist or has been moved.
-        </motion.p>
-
-        <motion.div
-          initial={{ opacity: 0, y: 25 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ delay: 0.45 }}
-          className="mt-8 flex flex-wrap justify-center gap-3"
-        >
-          <Link to="/" className="btn btn-primary gap-2">
-            <FaHouse />
-            Home
-          </Link>
-
-          <button
-            onClick={() => window.history.back()}
-            className="btn btn-ghost gap-2"
-          >
-            <FaArrowLeft />
-            Go Back
-          </button>
-        </motion.div>
-
-        <motion.div
-          initial={{ opacity: 0 }}
-          animate={{
-            opacity: [0.2, 0.6, 0.2],
-          }}
-          transition={{
-            repeat: Infinity,
-            duration: 2,
-          }}
-          className="mt-16 text-8xl font-black text-base-300 select-none"
-        >
-          ?
-        </motion.div>
-      </div>
-    </div>
-  );
-};
-
-export default NotFound;

package/templates/production-fullstack/client/src/components/shared/SEO.tsx

@@ -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/production-fullstack/client/src/components/shared/Scroll.tsx

@@ -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/production-fullstack/client/src/components/shared/Unauthorized.tsx

@@ -1,76 +0,0 @@
-import { motion } from "framer-motion";
-import { Link } from "react-router-dom";
-import { FaArrowLeft, FaLock } from "react-icons/fa6";
-
-const Unauthorized = () => {
-  return (
-    <div className="min-h-screen flex items-center justify-center bg-base-100 px-6">
-      <div className="max-w-lg text-center">
-        <motion.div
-          initial={{ scale: 0 }}
-          animate={{ scale: 1 }}
-          transition={{
-            type: "spring",
-            stiffness: 180,
-            damping: 12,
-          }}
-          className="mx-auto mb-6 w-24 h-24 rounded-full bg-warning/15 flex items-center justify-center"
-        >
-          <FaLock className="text-5xl text-warning" />
-        </motion.div>
-
-        <motion.h1
-          initial={{ opacity: 0, y: -15 }}
-          animate={{ opacity: 1, y: 0 }}
-          className="text-7xl font-black text-warning"
-        >
-          401
-        </motion.h1>
-
-        <motion.h2
-          initial={{ opacity: 0 }}
-          animate={{ opacity: 1 }}
-          transition={{ delay: 0.15 }}
-          className="mt-4 text-3xl font-bold"
-        >
-          Unauthorized
-        </motion.h2>
-
-        <motion.p
-          initial={{ opacity: 0 }}
-          animate={{ opacity: 0.7 }}
-          transition={{ delay: 0.3 }}
-          className="mt-3 text-base-content/70"
-        >
-          You don't have permission to access this page. Please sign in with an
-          authorized account.
-        </motion.p>
-
-        <motion.div
-          initial={{ opacity: 0, y: 25 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ delay: 0.45 }}
-          className="mt-8 flex flex-wrap justify-center gap-3"
-        >
-          <Link to="/login" className="btn btn-warning">
-            Sign In
-          </Link>
-
-          <Link to="/" className="btn btn-outline">
-            Home
-          </Link>
-
-          <button
-            onClick={() => window.history.back()}
-            className="btn btn-ghost gap-2"
-          >
-            <FaArrowLeft />
-            Go Back
-          </button>
-        </motion.div>
-      </div>
-    </div>
-  );
-};
-
-export default Unauthorized;

package/templates/production-fullstack/client/src/components/shared/skeletons/common/CardSkeleton.tsx

@@ -1,23 +0,0 @@
-import Skeleton from "./Skeleton";
-
-const CardSkeleton = () => {
-  return (
-    <div className="card bg-base-100 shadow border border-base-300">
-      <div className="card-body space-y-4">
-
-        <Skeleton className="h-40 w-full rounded-xl" />
-
-        <Skeleton className="h-6 w-2/3" />
-
-        <Skeleton className="h-4 w-full" />
-
-        <Skeleton className="h-4 w-5/6" />
-
-        <Skeleton className="h-10 w-28" />
-
-      </div>
-    </div>
-  );
-};
-
-export default CardSkeleton;

package/templates/production-fullstack/client/src/components/shared/skeletons/common/DashboardSkeleton.tsx

@@ -1,19 +0,0 @@
-import CardSkeleton from "./CardSkeleton";
-
-const DashboardSkeleton = () => {
-  return (
-    <div className="space-y-8">
-
-      <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-6">
-        {[...Array(4)].map((_, i) => (
-          <CardSkeleton key={i} />
-        ))}
-      </div>
-
-      <CardSkeleton />
-
-    </div>
-  );
-};
-
-export default DashboardSkeleton;

package/templates/production-fullstack/client/src/components/shared/skeletons/common/ListSkeleton.tsx

@@ -1,24 +0,0 @@
-import Skeleton from "./Skeleton";
-
-const ListSkeleton = ({ items = 6 }) => {
-  return (
-    <div className="space-y-4">
-      {Array.from({ length: items }).map((_, i) => (
-        <div
-          key={i}
-          className="flex items-center gap-4"
-        >
-          <Skeleton className="w-12 h-12 rounded-full" />
-
-          <div className="flex-1 space-y-2">
-            <Skeleton className="h-5 w-1/3" />
-
-            <Skeleton className="h-4 w-2/3" />
-          </div>
-        </div>
-      ))}
-    </div>
-  );
-};
-
-export default ListSkeleton;

package/templates/production-fullstack/client/src/components/shared/skeletons/common/PageSkeleton.tsx

@@ -1,26 +0,0 @@
-import Skeleton from "./Skeleton";
-
-const PageSkeleton = () => {
-  return (
-    <div className="space-y-8">
-
-      <Skeleton className="h-10 w-56" />
-
-      <Skeleton className="h-64 w-full rounded-2xl" />
-
-      <div className="grid md:grid-cols-3 gap-6">
-
-        {[1, 2, 3].map((i) => (
-          <Skeleton
-            key={i}
-            className="h-40 rounded-xl"
-          />
-        ))}
-
-      </div>
-
-    </div>
-  );
-};
-
-export default PageSkeleton;

package/templates/production-fullstack/client/src/components/shared/skeletons/common/ProfileSkeleton.tsx

@@ -1,23 +0,0 @@
-import Skeleton from "./Skeleton";
-
-const ProfileSkeleton = () => {
-  return (
-    <div className="flex gap-6 items-center">
-
-      <Skeleton className="w-24 h-24 rounded-full" />
-
-      <div className="flex-1 space-y-3">
-
-        <Skeleton className="h-6 w-48" />
-
-        <Skeleton className="h-4 w-64" />
-
-        <Skeleton className="h-10 w-32" />
-
-      </div>
-
-    </div>
-  );
-};
-
-export default ProfileSkeleton;

package/templates/production-fullstack/client/src/components/shared/skeletons/common/Skeleton.tsx

@@ -1,18 +0,0 @@
-const Skeleton = ({
-  className = "",
-  rounded = "rounded-lg",
-  animate = true,
-}) => {
-  return (
-    <div
-      className={`
-        bg-base-300
-        ${rounded}
-        ${animate ? "animate-pulse" : ""}
-        ${className}
-      `}
-    />
-  );
-};
-
-export default Skeleton;

package/templates/production-fullstack/client/src/components/shared/skeletons/common/TableSkeleton.tsx

@@ -1,33 +0,0 @@
-import Skeleton from "./Skeleton";
-
-const TableSkeleton = ({ rows = 6, columns = 5 }) => {
-  return (
-    <div className="overflow-x-auto border border-base-300 rounded-xl">
-      <table className="table">
-        <thead>
-          <tr>
-            {Array.from({ length: columns }).map((_, i) => (
-              <th key={i}>
-                <Skeleton className="h-4 w-20" />
-              </th>
-            ))}
-          </tr>
-        </thead>
-
-        <tbody>
-          {Array.from({ length: rows }).map((_, row) => (
-            <tr key={row}>
-              {Array.from({ length: columns }).map((_, col) => (
-                <td key={col}>
-                  <Skeleton className="h-4 w-full" />
-                </td>
-              ))}
-            </tr>
-          ))}
-        </tbody>
-      </table>
-    </div>
-  );
-};
-
-export default TableSkeleton;