@imksh/create 1.0.27 → 1.0.30

package/templates/next/src/components/common/Table.jsx

@@ -1,110 +0,0 @@
-import React from "react";
-import TableSkeleton from "../skeletons/common/TableSkeleton";
-
-const Table = ({
-  columns = [],
-  data = [],
-  loading = false,
-  onRowClick = null,
-  emptyMessage = "No data available",
-  currentPage = 1,
-  totalPages = 1,
-  onPageChange = null,
-}) => {
-  if (loading) {
-    return <TableSkeleton rows={5} columns={columns.length || 4} />;
-  }
-
-  return (
-    <div className="flex flex-col w-full border border-base-300 rounded-xl overflow-hidden bg-base-100 shadow-sm">
-      {/* Table Container */}
-      <div className="overflow-x-auto w-full">
-        <table className="table table-hover w-full min-w-full">
-          {/* Header */}
-          <thead className="bg-base-200/60 border-b border-base-300">
-            <tr>
-              {columns.map((col, index) => (
-                <th
-                  key={col.accessor || index}
-                  className="px-6 py-4 text-left text-xs font-bold text-base-content/80 uppercase tracking-wider"
-                >
-                  {col.header}
-                </th>
-              ))}
-            </tr>
-          </thead>
-
-          {/* Body */}
-          <tbody className="divide-y divide-base-300 bg-base-100">
-            {data.length > 0 ? (
-              data.map((row, rowIndex) => (
-                <tr
-                  key={row.id || rowIndex}
-                  onClick={() => onRowClick && onRowClick(row)}
-                  className={`transition-colors duration-150 ${
-                    onRowClick ? "cursor-pointer hover:bg-base-200" : ""
-                  }`}
-                >
-                  {columns.map((col, colIndex) => {
-                    const value = col.accessor ? row[col.accessor] : undefined;
-                    return (
-                      <td
-                        key={col.accessor || colIndex}
-                        className="px-6 py-4 text-sm text-base-content/90 whitespace-nowrap align-middle"
-                      >
-                        {col.render ? col.render(value, row, rowIndex) : value}
-                      </td>
-                    );
-                  })}
-                </tr>
-              ))
-            ) : (
-              <tr>
-                <td
-                  colSpan={columns.length}
-                  className="px-6 py-12 text-center text-sm text-base-content/60"
-                >
-                  <div className="flex flex-col items-center justify-center gap-2">
-                    <span className="text-2xl">📁</span>
-                    <span>{emptyMessage}</span>
-                  </div>
-                </td>
-              </tr>
-            )}
-          </tbody>
-        </table>
-      </div>
-
-      {/* Pagination Footer */}
-      {totalPages > 1 && onPageChange && (
-        <div className="border-t border-base-300 px-6 py-4 bg-base-200/30 flex items-center justify-between shrink-0">
-          {/* Info text */}
-          <div className="text-xs text-base-content/75 font-medium">
-            Page <span className="font-bold">{currentPage}</span> of{" "}
-            <span className="font-bold">{totalPages}</span>
-          </div>
-
-          {/* Page controls */}
-          <div className="flex gap-2">
-            <button
-              onClick={() => onPageChange(currentPage - 1)}
-              disabled={currentPage <= 1}
-              className="btn btn-sm btn-outline rounded-lg text-xs"
-            >
-              Previous
-            </button>
-            <button
-              onClick={() => onPageChange(currentPage + 1)}
-              disabled={currentPage >= totalPages}
-              className="btn btn-sm btn-outline rounded-lg text-xs"
-            >
-              Next
-            </button>
-          </div>
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default Table;

package/templates/next/src/components/ui/SidebarHeader.jsx

@@ -1,27 +0,0 @@
-import { FiMenu } from "react-icons/fi";
-import { useUiStore } from "../../store/useUiStore";
-
-const SidebarHeader = ({ title = "Dashboard", actions = null }) => {
-  const { toggleSidebar } = useUiStore();
-
-  return (
-    <header className="sticky top-0 z-30 h-16 bg-base-200 backdrop-blur border-b border-base-300 flex items-center justify-between px-4 lg:px-6">
-      <div className="flex items-center gap-3">
-        <button
-          onClick={toggleSidebar}
-          className="btn btn-square border-none bg-base-200 shadow-none text-base-content lg:hidden"
-        >
-          <FiMenu size={22} />
-        </button>
-
-        <h1 className="text-xl font-bold">{title}</h1>
-      </div>
-
-      <div className="flex items-center gap-2">
-        {actions}
-      </div>
-    </header>
-  );
-};
-
-export default SidebarHeader;

package/templates/next/src/hooks/usePwaInstall.js

@@ -1,45 +0,0 @@
-import { useState, useEffect } from "react";
-
-const usePwaInstall = () => {
-  const [canInstall, setCanInstall] = useState(false);
-  const [isInstalled, setIsInstalled] = useState(false);
-  const [deferredPrompt, setDeferredPrompt] = useState(null);
-
-  useEffect(() => {
-    const handleBeforeInstallPrompt = (e) => {
-      e.preventDefault();
-      setDeferredPrompt(e);
-      setCanInstall(true);
-    };
-
-    const handleAppInstalled = () => {
-      setIsInstalled(true);
-      setCanInstall(false);
-    };
-
-    window.addEventListener("beforeinstallprompt", handleBeforeInstallPrompt);
-    window.addEventListener("appinstalled", handleAppInstalled);
-
-    if (window.matchMedia("(display-mode: standalone)").matches) {
-      setIsInstalled(true);
-    }
-
-    return () => {
-      window.removeEventListener("beforeinstallprompt", handleBeforeInstallPrompt);
-      window.removeEventListener("appinstalled", handleAppInstalled);
-    };
-  }, []);
-
-  const promptInstall = async () => {
-    if (!deferredPrompt) return null;
-    deferredPrompt.prompt();
-    const choiceResult = await deferredPrompt.userChoice;
-    setDeferredPrompt(null);
-    setCanInstall(false);
-    return choiceResult;
-  };
-
-  return { canInstall, isInstalled, promptInstall };
-};
-
-export default usePwaInstall;

package/templates/next-ts/AGENTS.md

@@ -1,37 +0,0 @@
-<!-- BEGIN:nextjs-agent-rules -->
-
-# This is NOT the Next.js you know
-
-This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` (resolved from this file's directory; in monorepos the `next` package may not be visible from the repo root) before writing any code. Heed deprecation notices.
-
-This block is written and re-added by `next dev` — verify at `node_modules/next/dist/server/lib/generate-agent-files.js`. Removing it from a diff only re-creates the uncommitted change; committing it with your work keeps the tree clean.
-
-<!-- END:nextjs-agent-rules -->
-
-# React Starter Template Rules
-
-When working on this template, adhere to the following tech stack and architectural conventions:
-
-## 1. Next.js 16 (App Router)
-- Always use the **App Router** (`src/app/`). Do NOT create a `pages/` directory.
-- Differentiate clearly between Server Components (default) and Client Components (add `"use client";` at the top). Use Client Components only when interactivity or browser APIs are required.
-- Do not create custom `_document.tsx` or `_app.tsx`. Use `layout.tsx`.
-
-## 2. Tailwind CSS v4
-- We use **Tailwind CSS v4**. Do not create or look for a `tailwind.config.js` or `tailwind.config.ts`.
-- All styling configuration, theme variables, and custom CSS should be handled in `src/index.css` using the new `@theme` syntax.
-- Do not use `@apply` if it can be solved with utility classes.
-
-## 3. FlyonUI
-- **FlyonUI v2** is pre-configured and available.
-- Prioritize using FlyonUI component classes (e.g., `btn`, `input`, `modal`, `card`) instead of building custom variants from scratch.
-- The plugin is initialized in `src/index.css` via `@plugin "flyonui";`.
-
-## 4. Zustand (State Management)
-- Place all global stores in `src/store/`.
-- **CRITICAL**: Be very careful with Server-Side Rendering (SSR) hydration mismatches when using Zustand. Do not initialize store values directly with browser APIs (e.g., `localStorage`). Always wrap browser API access in `typeof window !== "undefined"` checks or use a standard hydration mechanism.
-
-## 5. Components Architecture
-- Reusable, generic UI components (buttons, inputs) go in `src/components/ui/`.
-- Domain-specific or common page components go in `src/components/common/`.
-- Modals, layouts, and skeletons have their respective folders in `src/components/`.

package/templates/next-ts/CLAUDE.md

@@ -1 +0,0 @@
-@AGENTS.md

package/templates/next-ts/src/components/common/Table.tsx

@@ -1,118 +0,0 @@
-import React from "react";
-import TableSkeleton from "../skeletons/common/TableSkeleton";
-
-export interface TableColumn<T = any> {
-  header: string;
-  accessor?: keyof T | string;
-  render?: (value: any, row: T, index: number) => React.ReactNode;
-}
-
-interface TableProps<T = any> {
-  columns: TableColumn<T>[];
-  data: T[];
-  loading?: boolean;
-  onRowClick?: ((row: T) => void) | null;
-  emptyMessage?: React.ReactNode;
-  currentPage?: number;
-  totalPages?: number;
-  onPageChange?: ((page: number) => void) | null;
-}
-
-const Table = <T extends Record<string, any>>({
-  columns = [],
-  data = [],
-  loading = false,
-  onRowClick = null,
-  emptyMessage = "No data available",
-  currentPage = 1,
-  totalPages = 1,
-  onPageChange = null,
-}: TableProps<T>) => {
-  if (loading) {
-    return <TableSkeleton rows={5} columns={columns.length || 4} />;
-  }
-
-  return (
-    <div className="flex flex-col w-full border border-base-300 rounded-xl overflow-hidden bg-base-100 shadow-sm">
-      <div className="overflow-x-auto w-full">
-        <table className="table table-hover w-full min-w-full">
-          <thead className="bg-base-200/60 border-b border-base-300">
-            <tr>
-              {columns.map((col, index) => (
-                <th
-                  key={(col.accessor as string) || index}
-                  className="px-6 py-4 text-left text-xs font-bold text-base-content/80 uppercase tracking-wider"
-                >
-                  {col.header}
-                </th>
-              ))}
-            </tr>
-          </thead>
-          <tbody className="divide-y divide-base-300 bg-base-100">
-            {data.length > 0 ? (
-              data.map((row, rowIndex) => (
-                <tr
-                  key={row.id || rowIndex}
-                  onClick={() => onRowClick && onRowClick(row)}
-                  className={`transition-colors duration-150 ${
-                    onRowClick ? "cursor-pointer hover:bg-base-200" : ""
-                  }`}
-                >
-                  {columns.map((col, colIndex) => {
-                    const value = col.accessor ? row[col.accessor as string] : undefined;
-                    return (
-                      <td
-                        key={(col.accessor as string) || colIndex}
-                        className="px-6 py-4 text-sm text-base-content/90 whitespace-nowrap align-middle"
-                      >
-                        {col.render ? col.render(value, row, rowIndex) : value}
-                      </td>
-                    );
-                  })}
-                </tr>
-              ))
-            ) : (
-              <tr>
-                <td
-                  colSpan={columns.length}
-                  className="px-6 py-12 text-center text-sm text-base-content/60"
-                >
-                  <div className="flex flex-col items-center justify-center gap-2">
-                    <span className="text-2xl">📁</span>
-                    <span>{emptyMessage}</span>
-                  </div>
-                </td>
-              </tr>
-            )}
-          </tbody>
-        </table>
-      </div>
-      {totalPages > 1 && onPageChange && (
-        <div className="border-t border-base-300 px-6 py-4 bg-base-200/30 flex items-center justify-between shrink-0">
-          <div className="text-xs text-base-content/75 font-medium">
-            Page <span className="font-bold">{currentPage}</span> of{" "}
-            <span className="font-bold">{totalPages}</span>
-          </div>
-          <div className="flex gap-2">
-            <button
-              onClick={() => onPageChange(currentPage - 1)}
-              disabled={currentPage <= 1}
-              className="btn btn-sm btn-outline rounded-lg text-xs"
-            >
-              Previous
-            </button>
-            <button
-              onClick={() => onPageChange(currentPage + 1)}
-              disabled={currentPage >= totalPages}
-              className="btn btn-sm btn-outline rounded-lg text-xs"
-            >
-              Next
-            </button>
-          </div>
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default Table;

package/templates/next-ts/src/components/modals/ConfirmModal.tsx

@@ -1,152 +0,0 @@
-import { useEffect } from "react";
-import { createPortal } from "react-dom";
-import {
-  FaTriangleExclamation,
-  FaCircleInfo,
-  FaCircleCheck,
-  FaCircleXmark,
-} from "react-icons/fa6";
-
-const variants: Record<
-  "warning" | "error" | "success" | "info",
-  { icon: any; iconBg: string; iconColor: string; button: string }
-> = {
-  warning: {
-    icon: FaTriangleExclamation,
-    iconBg: "bg-warning/15",
-    iconColor: "text-warning",
-    button: "btn-warning",
-  },
-  error: {
-    icon: FaCircleXmark,
-    iconBg: "bg-error/15",
-    iconColor: "text-error",
-    button: "btn-error",
-  },
-  success: {
-    icon: FaCircleCheck,
-    iconBg: "bg-success/15",
-    iconColor: "text-success",
-    button: "btn-success",
-  },
-  info: {
-    icon: FaCircleInfo,
-    iconBg: "bg-info/15",
-    iconColor: "text-info",
-    button: "btn-info",
-  },
-};
-
-export interface ConfirmModalProps {
-  open: boolean;
-  variant?: "warning" | "error" | "success" | "info";
-  title?: string;
-  message?: string;
-  confirmText?: string;
-  cancelText?: string;
-  loading?: boolean;
-  closeOnBackdrop?: boolean;
-  closeOnEsc?: boolean;
-  onConfirm: () => void | Promise<void>;
-  onCancel: () => void;
-}
-
-const ConfirmModal = ({
-  open,
-  variant = "warning",
-  title = "Confirm Action",
-  message = "Are you sure you want to continue?",
-  confirmText = "Confirm",
-  cancelText = "Cancel",
-  loading = false,
-  closeOnBackdrop = true,
-  closeOnEsc = true,
-  onConfirm,
-  onCancel,
-}: ConfirmModalProps) => {
-  useEffect(() => {
-    if (!open || !closeOnEsc) return;
-
-    const handleKeyDown = (e: KeyboardEvent) => {
-      if (e.key === "Escape") {
-        onCancel?.();
-      }
-    };
-
-    window.addEventListener("keydown", handleKeyDown);
-
-    return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [open, closeOnEsc, onCancel]);
-
-  if (!open) return null;
-
-  const style = variants[variant || "warning"];
-  const Icon = style.icon;
-
-  return createPortal(
-    <div className="fixed inset-0 z-[9999] flex items-center justify-center">
-      {/* Backdrop */}
-
-      <div
-        className="absolute inset-0 bg-black/60 backdrop-blur-sm"
-        onClick={closeOnBackdrop ? onCancel : undefined}
-      />
-
-      {/* Modal */}
-
-      <div className="relative w-full max-w-md mx-4 rounded-2xl bg-base-100 shadow-2xl animate-in fade-in zoom-in duration-200">
-        <div className="p-6">
-
-          <div className="flex gap-4">
-
-            <div
-              className={`w-14 h-14 rounded-full flex items-center justify-center shrink-0 ${style.iconBg}`}
-            >
-              <Icon className={`text-2xl ${style.iconColor}`} />
-            </div>
-
-            <div className="flex-1">
-
-              <h2 className="text-xl font-bold">
-                {title}
-              </h2>
-
-              <p className="mt-2 text-sm text-base-content/70 leading-relaxed">
-                {message}
-              </p>
-
-            </div>
-
-          </div>
-
-          <div className="mt-8 flex justify-end gap-3">
-
-            <button
-              className="btn btn-ghost"
-              disabled={loading}
-              onClick={onCancel}
-            >
-              {cancelText}
-            </button>
-
-            <button
-              className={`btn ${style.button}`}
-              disabled={loading}
-              onClick={onConfirm}
-            >
-              {loading && (
-                <span className="loading loading-spinner loading-xs" />
-              )}
-
-              {confirmText}
-            </button>
-
-          </div>
-        </div>
-      </div>
-    </div>,
-    document.body,
-  );
-};
-
-export default ConfirmModal;

package/templates/next-ts/src/store/useAuthStore.ts

@@ -1,143 +0,0 @@
-import { create } from "zustand";
-import { authService } from "../services/authService";
-
-export interface User {
-  _id: string;
-  name: string;
-  email: string;
-  phone?: string;
-  role: string;
-  avatar?: {
-    url?: string;
-    publicId?: string;
-  };
-  createdAt?: string;
-  updatedAt?: string;
-}
-
-export interface AuthState {
-  user: User | null;
-  loading: boolean;
-  isCheckingAuth: boolean;
-  error: string | null;
-  sendOtp: (email: string) => Promise<boolean>;
-  signup: (name: string, email: string, password: string, otp: string, role?: string) => Promise<boolean>;
-  login: (email: string, password: string) => Promise<boolean>;
-  getMe: () => Promise<void>;
-  updateProfile: (updates: Partial<User> | FormData) => Promise<boolean>;
-  logout: () => Promise<void>;
-}
-
-export const useAuthStore = create<AuthState>((set) => ({
-  user: null,
-  loading: false,
-  isCheckingAuth: true,
-  error: null,
-
-  sendOtp: async (email: string) => {
-    set({ loading: true, error: null });
-    try {
-      await authService.sendOtp(email);
-      return true;
-    } catch (err: any) {
-      set({
-        error: err.response?.data?.message || err.message,
-        loading: false,
-      });
-      return false;
-    } finally {
-      set({ loading: false });
-    }
-  },
-
-  signup: async (name: string, email: string, password: string, otp: string, role = "user") => {
-    set({ loading: true, error: null });
-    try {
-      const { data } = await authService.signup(name, email, password, otp, role);
-      if (data.token) {
-        localStorage.setItem("token", data.token);
-      }
-      set({
-        user: data.data,
-        loading: false,
-      });
-      return true;
-    } catch (err: any) {
-      set({
-        error: err.response?.data?.message || err.message,
-        loading: false,
-      });
-      return false;
-    } finally {
-      set({ loading: false });
-    }
-  },
-
-  login: async (email: string, password: string) => {
-    set({ loading: true, error: null });
-    try {
-      const { data } = await authService.login(email, password);
-      if (data.token) {
-        localStorage.setItem("token", data.token);
-      }
-      set({
-        user: data.data,
-        loading: false,
-      });
-      return true;
-    } catch (err: any) {
-      set({
-        error: err.response?.data?.message || err.message,
-        loading: false,
-      });
-      return false;
-    } finally {
-      set({ loading: false });
-    }
-  },
-
-  getMe: async () => {
-    set({ isCheckingAuth: true });
-    try {
-      const { data } = await authService.getMe();
-      set({ user: data.data, isCheckingAuth: false });
-    } catch (err: any) {
-      set({ isCheckingAuth: false });
-    } finally {
-      set({ isCheckingAuth: false });
-    }
-  },
-
-  updateProfile: async (updates: Partial<User> | FormData) => {
-    set({ loading: true, error: null });
-    try {
-      const { data } = await authService.updateMe(updates);
-      set({ user: data.data, loading: false });
-      return true;
-    } catch (err: any) {
-      set({
-        error: err.response?.data?.message || err.message,
-        loading: false,
-      });
-      return false;
-    } finally {
-      set({ loading: false });
-    }
-  },
-
-  logout: async () => {
-    try {
-      await authService.logout();
-    } catch (_) {
-      // ignore errors — cookie may already be expired
-    } finally {
-      localStorage.removeItem("token");
-      set({ loading: false });
-    }
-    set({
-      user: null,
-      error: null,
-    });
-  },
-}));
-

package/templates/node/.env.example

@@ -1,62 +0,0 @@
-# ==========================
-# Application
-# ==========================
-NODE_ENV=development
-PORT=5001
-
-APP_NAME=My App
-APP_URL=http://localhost:5173
-APP_EMAIL=noreply@example.com
-APP_PRIMARY_COLOR=#2563eb
-
-# ==========================
-# Database
-# ==========================
-MONGO_URI=mongodb://localhost:27017/test
-
-# ==========================
-# JWT
-# ==========================
-JWT_SECRET=
-JWT_EXPIRES_IN=7d
-
-# ==========================
-# Cloudinary
-# ==========================
-CLOUDINARY_CLOUD_NAME=
-CLOUDINARY_API_KEY=
-CLOUDINARY_API_SECRET=
-
-# ==========================
-# Email (SMTP)
-# ==========================
-SMTP_HOST=smtp.gmail.com
-SMTP_PORT=587
-SMTP_SECURE=false
-SMTP_USER=
-SMTP_PASS=
-SMTP_FROM="My App <noreply@example.com>"
-
-# ==========================
-# CORS
-# ==========================
-CLIENT_URL=http://localhost:5173
-
-# ==========================
-# Cookie
-# ==========================
-COOKIE_NAME=token
-COOKIE_EXPIRES_IN=7d
-
-# ==========================
-# Rate Limiting
-# ==========================
-RATE_LIMIT_WINDOW=15
-RATE_LIMIT_MAX=100
-
-# ==========================
-# Rate Limiting
-# ==========================
-VAPID_PRIVATE_KEY=
-VAPID_PUBLIC_KEY=
-VAPID_SUBJECT=mailto:noreply@example.com