@imksh/create 1.0.31 → 1.0.32

package/README.md

@@ -58,6 +58,8 @@ imksh create my-app --template next --skip-install
 - `next-ts`: Next.js App Router boilerplate with TypeScript.
 - `react-native`: Expo React Native template with NativeWind, Zustand, and React Navigation.
 - `mern-react-native`: Full-stack Expo React Native client + Express/Node server.
+- `electron`: Electron + React boilerplate.
+- `electron-ts`: Electron + React boilerplate with TypeScript.
 
 ## Adding Templates
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imksh/create",
-  "version": "1.0.31",
+  "version": "1.0.32",
   "description": "A production-ready create for scaffolding modern applications.",
   "type": "module",
   "bin": {

package/src/commands/create.js

@@ -39,6 +39,8 @@ export default async function createCommand(projectName, options) {
     'next-ts',
     'react-native',
     'mern-react-native',
+    'electron',
+    'electron-ts',
     'production-fullstack',
     'fullstack-prisma'
   ];

package/src/index.js

@@ -24,7 +24,7 @@ program
   .argument("<project-name>", "Name of the project")
   .option(
     "-t, --template <template>",
-    "Template to use (react, react-ts, node, node-ts, node-prisma, node-prisma-ts, mern, mern-ts, next, next-ts, react-native, mern-react-native, production-fullstack, fullstack-prisma)",
+    "Template to use (react, react-ts, node, node-ts, node-prisma, node-prisma-ts, mern, mern-ts, next, next-ts, react-native, mern-react-native, electron, electron-ts, production-fullstack, fullstack-prisma)",
   )
   .option("--skip-install", "Skip installing dependencies")
   .option("--no-git", "Skip initializing a git repository")

package/templates/layers/next/javascript/package.json

@@ -6,7 +6,11 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "lint:fix": "next lint --fix",
+    "format": "prettier --write \"src/**/*.{js,jsx,css,json}\"",
+    "format:check": "prettier --check \"src/**/*.{js,jsx,css,json}\"",
+    "circular-check": "dpdm --circular --no-warning --no-tree --exit-code circular:1 \"src/**/*.{js,jsx}\""
   },
   "dependencies": {
     "@ducanh2912/next-pwa": "latest",
@@ -27,7 +31,9 @@
     "zustand": "^4.5.2"
   },
   "devDependencies": {
+    "dpdm": "^3.14.0",
     "eslint": "^10.8.1",
-    "eslint-config-next": "^16.3.0"
+    "eslint-config-next": "^16.3.0",
+    "prettier": "^3.4.2"
   }
 }

package/templates/layers/next/typescript/.eslintrc.json

@@ -0,0 +1,12 @@
+{
+  "extends": [
+    "next/core-web-vitals",
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "plugins": ["@typescript-eslint"],
+  "rules": {
+    "@typescript-eslint/no-explicit-any": "error",
+    "no-console": "error"
+  }
+}

package/templates/layers/next/typescript/package.json

@@ -6,7 +6,13 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "lint:fix": "next lint --fix",
+    "format": "prettier --write \"src/**/*.{ts,tsx,css,json}\"",
+    "format:check": "prettier --check \"src/**/*.{ts,tsx,css,json}\"",
+    "circular-check": "dpdm --circular --no-warning --no-tree --exit-code circular:1 \"src/**/*.{ts,tsx}\"",
+    "ts-prune": "ts-prune",
+    "ts-purns": "ts-prune"
   },
   "dependencies": {
     "@ducanh2912/next-pwa": "latest",
@@ -30,8 +36,13 @@
     "@types/node": "^20",
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.4",
-    "eslint": "^10.8.1",
-    "eslint-config-next": "^16.3.0",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "dpdm": "^3.14.0",
+    "eslint": "^9.0.0",
+    "eslint-config-next": "^15.0.0",
+    "prettier": "^3.4.2",
+    "ts-prune": "^0.10.3",
     "typescript": "^5"
   }
 }

package/templates/layers/next/typescript/src/components/common/Loading.tsx

@@ -10,7 +10,7 @@ const Loading = ({
 }: {
   className?: string;
   bgClass?: string;
-  animationData?: any;
+  animationData?: object;
 }) => {
   return (
     <div

package/templates/layers/next/typescript/src/components/common/LottieIcon.tsx

@@ -10,12 +10,12 @@ const LottieIcon = memo(
     loop = true,
     autoplay = true,
   }: {
-    animation: any;
+    animation: object;
     className?: string;
     loop?: boolean;
     autoplay?: boolean;
   }) => {
-    const containerRef = useRef(null);
+    const containerRef = useRef<HTMLDivElement>(null);
 
     const isInView = useInView(containerRef, {
       once: true,

package/templates/layers/next/typescript/src/components/common/Table.tsx

@@ -2,14 +2,14 @@
 import React, { useEffect, useRef } from "react";
 import { Pagination } from "./Pagination";
 
-export interface TableColumn<T = any> {
+export interface TableColumn<T = Record<string, unknown>> {
   header: React.ReactNode | string;
   accessor?: keyof T | string;
-  render?: (value: any, row: T, index: number) => React.ReactNode;
+  render?: (value: unknown, row: T, index: number) => React.ReactNode;
   headerClass?: string;
 }
 
-interface TableProps<T = any> {
+interface TableProps<T = Record<string, unknown>> {
   columns: TableColumn<T>[];
   data: T[];
   loading?: boolean;
@@ -24,7 +24,7 @@ interface TableProps<T = any> {
   header?: React.ReactNode; // custom header content to render above the table
 }
 
-const Table = <T extends Record<string, any>>({
+const Table = <T extends Record<string, unknown>>({
   columns = [],
   data = [],
   loading = false,

package/templates/layers/next/typescript/src/components/modals/ConfirmModal.tsx

@@ -1,6 +1,7 @@
 "use client";
 import { useEffect } from "react";
 import { createPortal } from "react-dom";
+import { IconType } from "react-icons";
 import {
   FaTriangleExclamation,
   FaCircleInfo,
@@ -10,7 +11,7 @@ import {
 
 const variants: Record<
   "warning" | "error" | "success" | "info",
-  { icon: any; iconBg: string; iconColor: string; button: string }
+  { icon: IconType; iconBg: string; iconColor: string; button: string }
 > = {
   warning: {
     icon: FaTriangleExclamation,

package/templates/layers/next/typescript/src/components/ui/Header.tsx

@@ -21,7 +21,7 @@ const Header = () => {
   const { user } = useAuthStore();
   const router = useRouter();
   const pathname = usePathname();
-  const headerRef = useRef<HTMLHeadingElement>(null);
+  const headerRef = useRef<HTMLElement>(null);
 
   // Close mobile menu on scroll
   useEffect(() => {
@@ -44,7 +44,7 @@ const Header = () => {
   }, [setIsMobilemenuOpen]);
 
   return (
-    <header ref={headerRef as any} className="sticky top-0 z-40 p-4">
+    <header ref={headerRef} className="sticky top-0 z-40 p-4">
       <div className="max-w-7xl mx-auto relative">
         {/* Main Navbar Bar */}
         <div className="bg-primary text-primary-content rounded-full shadow-lg px-5 py-2.5 flex items-center justify-between relative">

package/templates/layers/next/typescript/src/hooks/usePwaInstall.ts

@@ -1,14 +1,20 @@
 import { useState, useEffect } from "react";
 
+interface BeforeInstallPromptEvent extends Event {
+  prompt: () => Promise<void>;
+  userChoice: Promise<{ outcome: "accepted" | "dismissed"; platform: string }>;
+}
+
 const usePwaInstall = () => {
   const [canInstall, setCanInstall] = useState(false);
   const [isInstalled, setIsInstalled] = useState(false);
-  const [deferredPrompt, setDeferredPrompt] = useState<any>(null);
+  const [deferredPrompt, setDeferredPrompt] = useState<BeforeInstallPromptEvent | null>(null);
 
   useEffect(() => {
-    const handleBeforeInstallPrompt = (e: any) => {
-      e.preventDefault();
-      setDeferredPrompt(e);
+    const handleBeforeInstallPrompt = (e: Event) => {
+      const event = e as BeforeInstallPromptEvent;
+      event.preventDefault();
+      setDeferredPrompt(event);
       setCanInstall(true);
     };
 

package/templates/layers/next/typescript/src/services/authService.ts

@@ -12,7 +12,7 @@ export const authService = {
 
   getMe: () => api.get("/auth/me"),
 
-  updateMe: (data: any) => api.put("/auth/me", data),
+  updateMe: (data: FormData | Record<string, unknown>) => api.put("/auth/me", data),
 
   logout: () =>
     api.post("/auth/logout"),

package/templates/layers/next/typescript/src/store/useAuthStore.ts

@@ -7,6 +7,7 @@ export interface User {
   email: string;
   phone?: string;
   role: string;
+  orgRole?: string;
   avatar?: {
     url?: string;
     publicId?: string;
@@ -15,6 +16,20 @@ export interface User {
   updatedAt?: string;
 }
 
+interface ApiErrorResponse {
+  response?: {
+    data?: {
+      message?: string;
+    };
+  };
+  message?: string;
+}
+
+const getErrorMessage = (err: unknown): string => {
+  const apiErr = err as ApiErrorResponse;
+  return apiErr.response?.data?.message || apiErr.message || "An unexpected error occurred";
+};
+
 export interface AuthState {
   user: User | null;
   loading: boolean;
@@ -39,9 +54,9 @@ export const useAuthStore = create<AuthState>((set) => ({
     try {
       await authService.sendOtp(email);
       return true;
-    } catch (err: any) {
+    } catch (err: unknown) {
       set({
-        error: err.response?.data?.message || err.message,
+        error: getErrorMessage(err),
         loading: false,
       });
       return false;
@@ -62,9 +77,9 @@ export const useAuthStore = create<AuthState>((set) => ({
         loading: false,
       });
       return true;
-    } catch (err: any) {
+    } catch (err: unknown) {
       set({
-        error: err.response?.data?.message || err.message,
+        error: getErrorMessage(err),
         loading: false,
       });
       return false;
@@ -85,9 +100,9 @@ export const useAuthStore = create<AuthState>((set) => ({
         loading: false,
       });
       return true;
-    } catch (err: any) {
+    } catch (err: unknown) {
       set({
-        error: err.response?.data?.message || err.message,
+        error: getErrorMessage(err),
         loading: false,
       });
       return false;
@@ -101,7 +116,7 @@ export const useAuthStore = create<AuthState>((set) => ({
     try {
       const { data } = await authService.getMe();
       set({ user: data.data, isCheckingAuth: false });
-    } catch (err: any) {
+    } catch {
       set({ isCheckingAuth: false });
     } finally {
       set({ isCheckingAuth: false });
@@ -114,9 +129,9 @@ export const useAuthStore = create<AuthState>((set) => ({
       const { data } = await authService.updateMe(updates);
       set({ user: data.data, loading: false });
       return true;
-    } catch (err: any) {
+    } catch (err: unknown) {
       set({
-        error: err.response?.data?.message || err.message,
+        error: getErrorMessage(err),
         loading: false,
       });
       return false;

package/templates/layers/node/javascript/.env.example

@@ -59,4 +59,6 @@ RATE_LIMIT_MAX=100
 # ==========================
 VAPID_PRIVATE_KEY=
 VAPID_PUBLIC_KEY=
-VAPID_SUBJECT=mailto:noreply@example.com
+VAPID_SUBJECT=mailto:noreply@example.com
+# Google Auth
+GOOGLE_CLIENT_ID=your-google-client-id

package/templates/layers/node/javascript/package.json

@@ -6,6 +6,11 @@
   "scripts": {
     "start": "node src/index.js",
     "dev": "nodemon src/index.js",
+    "lint": "eslint src/**/*.js",
+    "lint:fix": "eslint src/**/*.js --fix",
+    "format": "prettier --write \"src/**/*.{js,json}\"",
+    "format:check": "prettier --check \"src/**/*.{js,json}\"",
+    "circular-check": "dpdm --circular --no-warning --no-tree --exit-code circular:1 \"src/**/*.js\"",
     "generate:vapid": "node ./src/utils/generateVapidKeys.js"
   },
   "dependencies": {
@@ -25,9 +30,13 @@
     "nodemailer": "^6.9.7",
     "socket.io": "^4.7.2",
     "web-push": "^3.6.6",
-    "expo-server-sdk": "^3.10.0"
+    "expo-server-sdk": "^3.10.0",
+    "google-auth-library": "^9.14.2"
   },
   "devDependencies": {
-    "nodemon": "^3.0.1"
+    "dpdm": "^3.14.0",
+    "eslint": "^8.53.0",
+    "nodemon": "^3.0.1",
+    "prettier": "^3.4.2"
   }
-}
+}

package/templates/layers/node/javascript/src/app.js

@@ -7,6 +7,7 @@ import morgan from "morgan";
 import apiRoutes from "./routes/index.js";
 import { notFound, errorHandler } from "./middleware/errorHandler.js";
 import { apiLimiter } from "./middleware/rateLimiter.js";
+import { SuccessResponse } from "./utils/SuccessResponse.js";
 
 const app = express();
 
@@ -32,7 +33,7 @@ app.use("/api", apiRoutes);
 
 // Example health route
 app.get("/api/health", (req, res) => {
-  res.status(200).json({ success: true, message: "API is running" });
+  SuccessResponse(res, 200, "API is running");
 });
 
 // Error handling middlewares