@imksh/create 1.0.27 → 1.0.28

package/templates/production-fullstack/mobile/src/components/common/Typography.tsx

@@ -1,113 +0,0 @@
-import React from "react";
-import { Text, TextProps } from "react-native";
-export const FontFamily = {
-  regular: "InterRegular",
-  medium: "InterMedium",
-  semibold: "InterSemiBold",
-  bold: "InterBold",
-  extrabold: "InterExtraBold",
-} as const;
-
-export type TxtVariant =
-  | "caption"
-  | "xxs"
-  | "xs"
-  | "sm"
-  | "base"
-  | "md"
-  | "lg"
-  | "xl"
-  | "2xl"
-  | "3xl"
-  | "4xl"
-  | "5xl"
-  | "6xl"
-  | "7xl";
-
-export interface TxtProps extends TextProps {
-  variant?: TxtVariant;
-  color?: string;
-  align?: "auto" | "left" | "right" | "center" | "justify";
-  weight?: "normal" | "medium" | "bold" | "semibold" | "black";
-}
-
-export const Txt = ({
-  variant = "base",
-  color,
-  align,
-  weight,
-  style,
-  className = "",
-  children,
-  ...props
-}: TxtProps) => {
-  const getVariantStyles = () => {
-    switch (variant) {
-      case "caption":
-        return { fontFamily: FontFamily.regular, fontSize: 10 };
-      case "xxs":
-        return { fontFamily: FontFamily.regular, fontSize: 8 };
-      case "xs":
-        return { fontFamily: FontFamily.regular, fontSize: 10 };
-      case "sm":
-        return { fontFamily: FontFamily.regular, fontSize: 12 };
-      case "base":
-        return { fontFamily: FontFamily.regular, fontSize: 14 };
-      case "md":
-        return { fontFamily: FontFamily.medium, fontSize: 16 };
-      case "lg":
-        return { fontFamily: FontFamily.semibold, fontSize: 18 };
-      case "xl":
-        return { fontFamily: FontFamily.bold, fontSize: 20 };
-      case "2xl":
-        return { fontFamily: FontFamily.bold, fontSize: 24 };
-      case "3xl":
-        return { fontFamily: FontFamily.extrabold, fontSize: 30 };
-      case "4xl":
-        return { fontFamily: FontFamily.extrabold, fontSize: 36 };
-      case "5xl":
-        return { fontFamily: FontFamily.extrabold, fontSize: 48 };
-      case "6xl":
-        return { fontFamily: FontFamily.extrabold, fontSize: 60 };
-      case "7xl":
-        return { fontFamily: FontFamily.extrabold, fontSize: 72 };
-      default:
-        return { fontFamily: FontFamily.regular, fontSize: 14 };
-    }
-  };
-
-  const baseStyle = getVariantStyles();
-  const hasColorClass = className.split(" ").some((c) => {
-    if (!c.startsWith("text-")) return false;
-    const val = c.substring(5).split("/")[0]; // handle potential opacity suffix like text-white/80
-    const isSize = ["xxs", "xs", "sm", "base", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "caption"].includes(val);
-    return !isSize;
-  });
-  const defaultColorClass = hasColorClass
-    ? ""
-    : variant === "xs"
-      ? "text-secondary"
-      : "text-base-content";
-
-  // Override specific properties if provided
-  const customStyles: any = {};
-  if (color) customStyles.color = color;
-  if (align) customStyles.textAlign = align;
-  if (weight) {
-    if (weight === "bold" || weight === "black")
-      customStyles.fontFamily = FontFamily.bold;
-    if (weight === "semibold") customStyles.fontFamily = FontFamily.semibold;
-    if (weight === "medium") customStyles.fontFamily = FontFamily.medium;
-    if (weight === "normal") customStyles.fontFamily = FontFamily.regular;
-  }
-
-  return (
-    <Text
-      className={`${defaultColorClass} ${className}`}
-      style={[baseStyle, customStyles, style]}
-      {...props}
-    >
-      {children}
-    </Text>
-  );
-};

package/templates/production-fullstack/mobile/src/components/ui/BottomModal.tsx

@@ -1,159 +0,0 @@
-import React, { useEffect, useState } from "react";
-import {
-  View,
-  TouchableWithoutFeedback,
-  Dimensions,
-  StyleSheet,
-  KeyboardAvoidingView,
-  Platform,
-} from "react-native";
-import Animated, {
-  useSharedValue,
-  useAnimatedStyle,
-  withTiming,
-  Easing,
-  runOnJS,
-} from "react-native-reanimated";
-import { Gesture, GestureDetector } from "react-native-gesture-handler";
-import { Portal } from "react-native-paper";
-import { useColorScheme } from "nativewind";
-import { Colors } from "../../constants/Colors";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
-
-const { height } = Dimensions.get("window");
-
-interface BottomModalProps {
-  isOpen: boolean;
-  onClose: () => void;
-  children: React.ReactNode;
-  heightPercent?: number; // e.g. 0.5 for 50% of the screen height
-}
-
-export default function BottomModal({
-  isOpen,
-  onClose,
-  children,
-  heightPercent = 0.5,
-}: BottomModalProps) {
-  const { colorScheme } = useColorScheme();
-  const colors = Colors[colorScheme ?? "light"];
-  const insets = useSafeAreaInsets();
-
-  const MODAL_HEIGHT = height * heightPercent;
-  const translateY = useSharedValue(MODAL_HEIGHT);
-  const backdropOpacity = useSharedValue(0);
-  const [isRendered, setIsRendered] = useState(false);
-
-  if (isOpen && !isRendered) {
-    setIsRendered(true);
-  }
-
-  useEffect(() => {
-    if (isOpen) {
-      translateY.value = withTiming(0, {
-        duration: 300,
-        easing: Easing.out(Easing.ease),
-      });
-      backdropOpacity.value = withTiming(0.4, { duration: 300 });
-    } else {
-      translateY.value = withTiming(MODAL_HEIGHT, {
-        duration: 300,
-        easing: Easing.in(Easing.ease),
-      });
-      backdropOpacity.value = withTiming(0, { duration: 300 }, (finished) => {
-        if (finished) {
-          runOnJS(setIsRendered)(false);
-        }
-      });
-    }
-     
-  }, [isOpen]);
-
-  const panGesture = Gesture.Pan()
-    .onUpdate((event) => {
-      if (event.translationY > 0) {
-        // eslint-disable-next-line react-hooks/immutability
-        translateY.value = event.translationY;
-      }
-    })
-    .onEnd((event) => {
-      if (event.translationY > MODAL_HEIGHT * 0.3 || event.velocityY > 500) {
-        runOnJS(onClose)();
-      } else {
-        // eslint-disable-next-line react-hooks/immutability
-        translateY.value = withTiming(0, {
-          duration: 300,
-          easing: Easing.out(Easing.ease),
-        });
-      }
-    });
-
-  const modalAnimatedStyle = useAnimatedStyle(() => ({
-    transform: [{ translateY: translateY.value }],
-  }));
-
-  const backdropAnimatedStyle = useAnimatedStyle(() => ({
-    opacity: backdropOpacity.value,
-  }));
-
-  if (!isRendered && !isOpen) return null;
-
-  return (
-    <Portal>
-      <KeyboardAvoidingView
-        behavior={Platform.OS === "ios" ? "padding" : undefined}
-        style={StyleSheet.absoluteFill}
-        pointerEvents="box-none"
-      >
-        <View style={[StyleSheet.absoluteFill, { zIndex: 999 }]}>
-          {/* Backdrop Overlay */}
-          <TouchableWithoutFeedback onPress={onClose}>
-            <Animated.View
-              style={[
-                StyleSheet.absoluteFill,
-                { backgroundColor: "#000" },
-                backdropAnimatedStyle,
-              ]}
-            />
-          </TouchableWithoutFeedback>
-
-          {/* Sliding Bottom Modal Panel */}
-          <Animated.View
-            style={[
-              {
-                position: "absolute",
-                bottom: 0,
-                left: 0,
-                right: 0,
-                height: MODAL_HEIGHT,
-                backgroundColor: colors.base100,
-                borderTopLeftRadius: 30,
-                borderTopRightRadius: 30,
-                elevation: 24,
-                shadowColor: "#000",
-                shadowOffset: { width: 0, height: -5 },
-                shadowOpacity: 0.15,
-                shadowRadius: 15,
-                paddingBottom: insets.bottom > 0 ? insets.bottom : 20,
-              },
-              modalAnimatedStyle,
-            ]}
-          >
-            {/* Drag Handle Indicator */}
-            <GestureDetector gesture={panGesture}>
-              <View
-                className="items-center pt-4 pb-6 bg-base-100 rounded-t-[30px]"
-                style={{ zIndex: 10 }}
-              >
-                <View className="w-16 h-1.5 rounded-full bg-base-300" />
-              </View>
-            </GestureDetector>
-
-            {/* Modal Content */}
-            <View className="flex-1 px-6">{children}</View>
-          </Animated.View>
-        </View>
-      </KeyboardAvoidingView>
-    </Portal>
-  );
-}

package/templates/production-fullstack/server/_gitignore

@@ -1,24 +0,0 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-dist
-dist-ssr
-*.local
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?

package/templates/production-fullstack/server/src/common/middlewares/errorHandler.ts

@@ -1,16 +0,0 @@
-import { Request, Response, NextFunction } from "express";
-
-export const notFound = (req: Request, res: Response, next: NextFunction) => {
-  const error = new Error(`Not Found - ${req.originalUrl}`);
-  res.status(404);
-  next(error);
-};
-
-export const errorHandler = (err: any, req: Request, res: Response, next: NextFunction) => {
-  const statusCode = err.status || err.statusCode || (res.statusCode === 200 ? 500 : res.statusCode);
-  res.status(statusCode).json({
-    success: false,
-    message: err.message || "An unexpected error occurred",
-    stack: process.env.NODE_ENV === "production" ? undefined : err.stack,
-  });
-};

package/templates/production-fullstack/server/src/common/middlewares/multer.ts

@@ -1,20 +0,0 @@
-import multer, { FileFilterCallback } from "multer";
-import { Request } from "express";
-
-const storage = multer.memoryStorage();
-
-const fileFilter = (req: Request, file: Express.Multer.File, cb: FileFilterCallback) => {
-  if (file.mimetype.startsWith("image/")) {
-    cb(null, true);
-  } else {
-    cb(new Error("Only image files are allowed!"));
-  }
-};
-
-export const upload = multer({
-  storage,
-  fileFilter,
-  limits: {
-    fileSize: 5 * 1024 * 1024, // 5MB limit
-  },
-});

package/templates/production-fullstack/server/src/common/middlewares/rateLimiter.ts

@@ -1,53 +0,0 @@
-import rateLimit from "express-rate-limit";
-import { Request, Response } from "express";
-
-interface LimiterConfig {
-  windowMs: number;
-  max: number;
-  message: string;
-  skipSuccessfulRequests?: boolean;
-}
-
-const createLimiter = ({
-  windowMs,
-  max,
-  message,
-  skipSuccessfulRequests = false,
-}: LimiterConfig) =>
-  rateLimit({
-    windowMs,
-    max,
-    standardHeaders: true,
-    legacyHeaders: false,
-    skipSuccessfulRequests,
-
-    keyGenerator: (req: any) => {
-      return req.user?.id || req.ip || req.headers["x-forwarded-for"] || req.socket.remoteAddress;
-    },
-
-    handler: (req: Request, res: Response) => {
-      res.status(429).json({
-        success: false,
-        message,
-      });
-    },
-  });
-
-export const apiLimiter = createLimiter({
-  windowMs: 15 * 60 * 1000,
-  max: 100,
-  message: "Too many requests. Please try again later.",
-});
-
-export const authLimiter = createLimiter({
-  windowMs: 15 * 60 * 1000,
-  max: 10,
-  skipSuccessfulRequests: true,
-  message: "Too many login attempts. Please try again later.",
-});
-
-export const uploadLimiter = createLimiter({
-  windowMs: 60 * 60 * 1000,
-  max: 20,
-  message: "Upload limit reached. Please try again in an hour.",
-});

package/templates/production-fullstack/server/src/common/types/express.d.ts

@@ -1,10 +0,0 @@
-import { Express } from "express";
-
-declare global {
-  namespace Express {
-    interface Request {
-      user?: any;
-      file?: any;
-    }
-  }
-}

package/templates/production-fullstack/server/src/common/utils/genOtpToken.ts

@@ -1,22 +0,0 @@
-import jwt from "jsonwebtoken";
-import { Response } from "express";
-
-const genOtpToken = (user: any, res?: Response) => {
-  const JWT_SECRET = process.env.JWT_SECRET || "fallbacksecret";
-  const token = jwt.sign({ id: user._id || user.id }, JWT_SECRET, {
-    expiresIn: "10m",
-  });
-
-  if (res) {
-    res.cookie("token", token, {
-      httpOnly: true,
-      secure: process.env.NODE_ENV === "production",
-      sameSite: "strict",
-      maxAge: 10 * 60 * 1000, // 10 minutes
-    });
-  }
-
-  return token;
-};
-
-export default genOtpToken;

package/templates/production-fullstack/server/src/common/utils/jwt.ts

@@ -1,27 +0,0 @@
-import jwt from "jsonwebtoken";
-import { Response } from "express";
-
-export const generateToken = (user: any, res?: Response) => {
-  const payload = { id: user._id || user.id };
-  const JWT_SECRET = process.env.JWT_SECRET || "fallbacksecret";
-  const token = jwt.sign(payload, JWT_SECRET, { expiresIn: "30d" });
-  
-  if (res) {
-    res.cookie("token", token, {
-      httpOnly: true,
-      secure: process.env.NODE_ENV === "production",
-      sameSite: "strict",
-      maxAge: 30 * 24 * 60 * 60 * 1000, // 30 days
-    });
-  }
-  return token;
-};
-
-export const verifyToken = (token: string) => {
-  try {
-    const JWT_SECRET = process.env.JWT_SECRET || "fallbacksecret";
-    return jwt.verify(token, JWT_SECRET);
-  } catch (error) {
-    return null;
-  }
-};

package/templates/production-fullstack/server/tsconfig.json

@@ -1,14 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "module": "NodeNext",
-    "moduleResolution": "NodeNext",
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "strict": true,
-    "skipLibCheck": true,
-    "outDir": "./dist",
-    "rootDir": "./src"
-  },
-  "include": ["src/**/*"]
-}

package/templates/react/_gitignore

@@ -1,24 +0,0 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-dist
-dist-ssr
-*.local
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?

package/templates/react/index.html

@@ -1,14 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="manifest" href="/manifest.json" />
-    <title>React App</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.jsx"></script>
-  </body>
-</html>

package/templates/react/package.json

@@ -1,38 +0,0 @@
-{
-  "name": "react-template",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "lint": "eslint . --ext js,jsx --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",
-    "@vitejs/plugin-react": "^4.2.0",
-    "eslint": "^8.53.0",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.4",
-    "vite": "^5.0.0"
-  }
-}

package/templates/react/public/_redirects

@@ -1 +0,0 @@
-/*    /index.html   200