@imksh/create 1.0.27 → 1.0.30

package/templates/react-native/src/store/useAuthStore.ts

@@ -1,273 +0,0 @@
-import { create } from "zustand";
-import { authService } from "../services/auth.service";
-import { save, remove, get } from "../utils/storage";
-import { User } from "../types/auth.type";
-import { initializeSocket, disconnectSocket } from "../services/socket.service";
-import { useNotificationStore } from "./useNotificationStore";
-
-// ── Module-level prefetch ──────────────────────────────────────────────────
-// Kick off the AsyncStorage read the instant this module is imported
-// (before any React component mounts). By the time loadCachedUser() is
-// called from a useEffect, the promise is already resolved or very close.
-const _prefetchedUser: Promise<User | null> = get("user");
-
-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>;
-  demoLogin: () => Promise<void>;
-  getMe: () => Promise<void>;
-  updateProfile: (updates: Partial<User> | FormData) => Promise<boolean>;
-  logout: () => Promise<void>;
-  genOtp: (email: string) => Promise<boolean>;
-  verifyOtp: (email: string, otp: string) => Promise<boolean>;
-  resetPassword: (newPassword: string) => Promise<boolean>;
-  changePassword: (oldPassword: string, newPassword: string) => Promise<boolean>;
-  setUser: (user: User) => void;
-  clearError: () => void;
-  loadCachedUser: () => Promise<void>;
-}
-
-export const useAuthStore = create<AuthState>((set) => ({
-  user: null,
-  loading: false,
-  isCheckingAuth: true,
-  error: null,
-
-  setUser: (user: User) => set({ user }),
-
-  clearError: () => set({ error: null }),
-
-  loadCachedUser: async () => {
-    // Await the already-in-flight prefetch — typically resolves in <1ms here
-    const cached = await _prefetchedUser;
-    if (cached) {
-      set({ user: cached, isCheckingAuth: false });
-      // Re-establish socket + push on app resume with a cached session
-      initializeSocket();
-      const notifStore = useNotificationStore.getState();
-      notifStore.listenForSocketEvents();
-      notifStore.registerForPushNotificationsAsync();
-      notifStore.fetchNotifications();
-    } else {
-      // No cache — mark auth check done so routing doesn't hang
-      set({ isCheckingAuth: false });
-    }
-  },
-
-  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.data?.token) {
-        save("token", data.data.token);
-      }
-      const user = data.data?.user;
-      if (user) save("user", user);
-      set({
-        user,
-        loading: false,
-      });
-      // Initialise socket + push after signup
-      initializeSocket();
-      const notifStore = useNotificationStore.getState();
-      notifStore.listenForSocketEvents();
-      notifStore.registerForPushNotificationsAsync();
-      notifStore.fetchNotifications();
-      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.data?.token) {
-        save("token", data.data.token);
-      }
-      const user = data.data?.user;
-      if (user) save("user", user);
-      set({
-        user,
-        loading: false,
-      });
-      // Initialise socket + push after login
-      initializeSocket();
-      const notifStore = useNotificationStore.getState();
-      notifStore.listenForSocketEvents();
-      notifStore.registerForPushNotificationsAsync();
-      notifStore.fetchNotifications();
-      return true;
-    } catch (err: any) {
-      set({
-        error: err.response?.data?.message || err.message,
-        loading: false,
-      });
-      return false;
-    } finally {
-      set({ loading: false });
-    }
-  },
-
-  demoLogin: async () => {
-    set({ loading: true, error: null });
-    // Simulate network delay
-    await new Promise(resolve => setTimeout(resolve, 800));
-    save("token", "demo-token-123");
-    set({
-      user: {
-        id: "demo_user_123",
-        name: "Demo User",
-        email: "demo@imksh.com",
-        role: "admin",
-      },
-      loading: false,
-    });
-  },
-
-  getMe: async () => {
-    try {
-      const { data } = await authService.getMe();
-      const user = data.data;
-      // Always update cache with fresh server data
-      if (user) save("user", user);
-      set({ user, isCheckingAuth: false });
-      // Network failed — cached user (already loaded) stays in place
-    } 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 {
-      await remove("token");
-      await remove("user");   // clear cached user on logout
-      disconnectSocket();
-      set({ loading: false });
-    }
-    set({
-      user: null,
-      error: null,
-    });
-  },
-
-  genOtp: async (email: string) => {
-    set({ loading: true, error: null });
-    try {
-      await authService.genOtp(email);
-      return true;
-    } catch (err: any) {
-      set({ error: err.response?.data?.message || err.message, loading: false });
-      return false;
-    } finally {
-      set({ loading: false });
-    }
-  },
-
-  verifyOtp: async (email: string, otp: string) => {
-    set({ loading: true, error: null });
-    try {
-      const { data } = await authService.verifyOtp(email, otp);
-      if (data.token) save("token", data.token);
-      return true;
-    } catch (err: any) {
-      set({ error: err.response?.data?.message || err.message, loading: false });
-      return false;
-    } finally {
-      set({ loading: false });
-    }
-  },
-
-  resetPassword: async (newPassword: string) => {
-    set({ loading: true, error: null });
-    try {
-      await authService.resetPassword(newPassword);
-      return true;
-    } catch (err: any) {
-      set({ error: err.response?.data?.message || err.message, loading: false });
-      return false;
-    } finally {
-      set({ loading: false });
-    }
-  },
-
-  changePassword: async (oldPassword: string, newPassword: string) => {
-    set({ loading: true, error: null });
-    try {
-      await authService.changePassword(oldPassword, newPassword);
-      return true;
-    } catch (err: any) {
-      set({ error: err.response?.data?.message || err.message, loading: false });
-      return false;
-    } finally {
-      set({ loading: false });
-    }
-  },
-}));

package/templates/react-native/src/store/useNotificationStore.ts

@@ -1,178 +0,0 @@
-import { create } from "zustand";
-import { notificationService } from "../services/notification.service";
-import Constants from "expo-constants";
-import { Platform } from "react-native";
-import { getSocket } from "../services/socket.service";
-import { toast } from "../utils/toast";
-
-export interface AppNotification {
-  id: string;
-  title: string;
-  message: string;
-  type: string;
-  url: string | null;
-  isRead: boolean;
-  metadata: any | null;
-  createdAt: string;
-}
-
-interface NotificationState {
-  notifications: AppNotification[];
-  unreadCount: number;
-  loading: boolean;
-  error: string | null;
-  
-  fetchNotifications: () => Promise<void>;
-  markAsRead: (id: string) => Promise<void>;
-  markAllAsRead: () => Promise<void>;
-  registerForPushNotificationsAsync: () => Promise<string | undefined>;
-  listenForSocketEvents: () => void;
-}
-
-export const useNotificationStore = create<NotificationState>((set, get) => ({
-  notifications: [],
-  unreadCount: 0,
-  loading: false,
-  error: null,
-
-  fetchNotifications: async () => {
-    set({ loading: true, error: null });
-    try {
-      const response = await notificationService.getNotifications();
-      const notifications = response.data.data;
-      const unreadCount = notifications.filter((n: AppNotification) => !n.isRead).length;
-      
-      set({
-        notifications,
-        unreadCount,
-        loading: false,
-      });
-    } catch (error: any) {
-      set({
-        error: error.response?.data?.message || "Failed to fetch notifications",
-        loading: false,
-      });
-    }
-  },
-
-  markAsRead: async (id: string) => {
-    try {
-      // Optimistic update
-      const { notifications, unreadCount } = get();
-      const updated = notifications.map(n => 
-        n.id === id ? { ...n, isRead: true } : n
-      );
-      
-      set({ 
-        notifications: updated, 
-        unreadCount: Math.max(0, unreadCount - 1) 
-      });
-
-      await notificationService.markAsRead(id);
-    } catch{
-      // Revert if failed
-      get().fetchNotifications();
-    }
-  },
-
-  markAllAsRead: async () => {
-    try {
-      const { notifications } = get();
-      const updated = notifications.map(n => ({ ...n, isRead: true }));
-      
-      set({ 
-        notifications: updated, 
-        unreadCount: 0 
-      });
-
-      await notificationService.markAllAsRead();
-    } catch{
-      get().fetchNotifications();
-    }
-  },
-
-  registerForPushNotificationsAsync: async () => {
-    let token;
-
-    const isExpoGo = Constants.appOwnership === 'expo';
-    if (isExpoGo && Platform.OS === 'android') {
-      console.log('Skipping push notification registration: not supported in Expo Go on Android (SDK 53+).');
-      return;
-    }
-
-    try {
-      // eslint-disable-next-line @typescript-eslint/no-require-imports
-      const Notifications = require("expo-notifications");
-      // eslint-disable-next-line @typescript-eslint/no-require-imports
-      const Device = require("expo-device");
-
-      if (Platform.OS === 'android') {
-        await Notifications.setNotificationChannelAsync('default', {
-          name: 'default',
-          importance: Notifications.AndroidImportance.MAX,
-          vibrationPattern: [0, 250, 250, 250],
-          lightColor: '#FF231F7C',
-        });
-      }
-
-      if (Device.isDevice) {
-        const { status: existingStatus } = await Notifications.getPermissionsAsync();
-        let finalStatus = existingStatus;
-        
-        if (existingStatus !== 'granted') {
-          const { status } = await Notifications.requestPermissionsAsync();
-          finalStatus = status;
-        }
-        
-        if (finalStatus !== 'granted') {
-          console.log('Failed to get push token for push notification!');
-          return;
-        }
-        
-        const projectId =
-          Constants.expoConfig?.extra?.eas?.projectId ??
-          Constants.easConfig?.projectId ??
-          "f9a7053c-bc16-4717-805b-560c5a35e974";
-
-        token = (await Notifications.getExpoPushTokenAsync({ projectId })).data;
-        
-        // Send token to backend
-        try {
-          await notificationService.registerPushToken(token);
-        } catch (e) {
-          console.error("Failed to save push token to server", e);
-        }
-      } else {
-        console.log('Must use physical device for Push Notifications');
-      }
-    } catch (e) {
-      console.warn("Failed to setup push notifications dynamically:", e);
-    }
-
-    return token;
-  },
-
-  listenForSocketEvents: () => {
-    const socket = getSocket();
-    if (!socket) return;
-
-    // Remove any existing listener to prevent duplicates
-    socket.off("new_notification");
-
-    socket.on("new_notification", (notification: AppNotification) => {
-      const { notifications, unreadCount } = get();
-      
-      // Ensure we don't duplicate notifications if they were fetched via API around the same time
-      const exists = notifications.find((n) => n.id === notification.id);
-      if (!exists) {
-        set({
-          notifications: [notification, ...notifications],
-          unreadCount: unreadCount + 1,
-        });
-        
-        // Alert the user visually!
-        toast.info(notification.title, notification.message);
-      }
-    });
-  }
-}));

package/templates/react-native/src/types/auth.type.ts

@@ -1,14 +0,0 @@
-export interface User {
-  id: string; // Updated from _id for Prisma consistency
-  _id?: string; // Fallback for mongo legacy if any
-  name: string;
-  email: string;
-  phone?: string;
-  role: string;
-  avatar?: {
-    url?: string;
-    publicId?: string;
-  };
-  createdAt?: string;
-  updatedAt?: string;
-}

package/templates/react-native/src/types/images.d.ts

@@ -1,24 +0,0 @@
-declare module "*.png" {
-  const value: any;
-  export default value;
-}
-
-declare module "*.jpg" {
-  const value: any;
-  export default value;
-}
-
-declare module "*.jpeg" {
-  const value: any;
-  export default value;
-}
-
-declare module "*.gif" {
-  const value: any;
-  export default value;
-}
-
-declare module "*.svg" {
-  const value: any;
-  export default value;
-}

package/templates/react-native/src/utils/storage.ts

@@ -1,55 +0,0 @@
-import AsyncStorage from '@react-native-async-storage/async-storage';
-
-// Save data
-export const save = async (key: string, value: any) => {
-  if (!key || !value) return; 
-  try {
-    const jsonValue = JSON.stringify(value);
-    await AsyncStorage.setItem(key, jsonValue);
-  } catch (error) {
-    console.warn("AsyncStorage save error:", error);
-  }
-};
-
-// Get data
-export const get = async (key: string) => {
-  try {
-    if (!AsyncStorage) return null;
-    const value = await AsyncStorage.getItem(key);
-    return value ? JSON.parse(value) : null;
-  } catch (error) {
-    console.warn('AsyncStorage get error:', error);
-    return null;
-  }
-};
-
-export const getData = async (key: string) => {
-  try {
-    if (!AsyncStorage) return null;
-    const value = await AsyncStorage.getItem(key);
-    return value ? JSON.parse(value) : null;
-  } catch (error) {
-    console.warn('AsyncStorage get error:', error);
-    return null;
-  }
-};
-
-// Remove specific key
-export const remove = async (key: string) => {
-  try {
-    if (!AsyncStorage) return;
-    await AsyncStorage.removeItem(key);
-  } catch (error) {
-    console.warn('AsyncStorage remove error:', error);
-  }
-};
-
-// Clear entire storage
-export const clear = async () => {
-  try {
-    if (!AsyncStorage) return;
-    await AsyncStorage.clear();
-  } catch (error) {
-    console.warn('AsyncStorage clear error:', error);
-  }
-};

package/templates/react-native/src/utils/toast.ts

@@ -1,26 +0,0 @@
-// utils/toast.ts
-
-import Toast from "react-native-toast-message";
-
-export const toast = {
-  success: (title: string, message?: string) =>
-    Toast.show({
-      type: "success",
-      text1: title,
-      text2: message,
-    }),
-
-  error: (title: string, message?: string) =>
-    Toast.show({
-      type: "error",
-      text1: title,
-      text2: message,
-    }),
-
-  info: (title: string, message?: string) =>
-    Toast.show({
-      type: "info",
-      text1: title,
-      text2: message,
-    }),
-};

package/templates/react-native/tailwind.config.js

@@ -1,71 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  darkMode: "class",
-  content: ["./src/app/**/*.{js,jsx,ts,tsx}", "./src/components/**/*.{js,jsx,ts,tsx}"],
-  presets: [require("nativewind/preset")],
-  theme: {
-    extend: {
-      keyframes: {
-        bounce: {
-          "0%, 100%": {
-            transform: "translateY(-25%)",
-            animationTimingFunction: "cubic-bezier(0.8,0,1,1)",
-          },
-          "50%": {
-            transform: "translateY(0)",
-            animationTimingFunction: "cubic-bezier(0,0,0.2,1)",
-          },
-        },
-        floatUp: {
-          "0%": { transform: "translateY(50%)", opacity: "0" },
-          "50%": { transform: "translateY(-50%)", opacity: "1" },
-          "100%": { transform: "translateY(-100%)", opacity: "0" },
-        },
-        dice: {
-          "0%": { transform: "rotate(0deg)"},
-          "100%": { transform: "rotate(360deg)" },
-        },
-        flip: {
-          "0%": { transform: "rotatey(0deg)"},
-          "100%": { transform: "rotatey(360deg)" },
-        },
-      },
-      animation: {
-        bounce: "bounce 1s infinite",
-        "float-up": "floatUp 2s ease-in-out forwards",
-        "dice1": "dice 0.3s ease-in-out forwards infinite",
-        "dice2": "dice 0.3s ease-in-out forwards infinite",
-        "flip": "dice 0.8s ease-in-out forwards infinite",
-      },
-      colors: {
-        base: {
-          100: "rgb(var(--color-base-100) / <alpha-value>)",
-          200: "rgb(var(--color-base-200) / <alpha-value>)",
-          300: "rgb(var(--color-base-300) / <alpha-value>)",
-          content: "rgb(var(--color-base-content) / <alpha-value>)",
-        },
-        primary: {
-          DEFAULT: "rgb(var(--color-primary) / <alpha-value>)",
-          content: "rgb(var(--color-primary-content) / <alpha-value>)",
-        },
-        secondary: {
-          DEFAULT: "rgb(var(--color-secondary) / <alpha-value>)",
-          content: "rgb(var(--color-secondary-content) / <alpha-value>)",
-        },
-        accent: {
-          DEFAULT: "rgb(var(--color-accent) / <alpha-value>)",
-          content: "rgb(var(--color-accent-content) / <alpha-value>)",
-        },
-        neutral: {
-          DEFAULT: "rgb(var(--color-neutral) / <alpha-value>)",
-          content: "rgb(var(--color-neutral-content) / <alpha-value>)",
-        },
-        info: "rgb(var(--color-info) / <alpha-value>)",
-        success: "rgb(var(--color-success) / <alpha-value>)",
-        warning: "rgb(var(--color-warning) / <alpha-value>)",
-        error: "rgb(var(--color-error) / <alpha-value>)",
-      },
-    },
-  },
-  plugins: [],
-};

package/templates/react-native/tsconfig.json

@@ -1,23 +0,0 @@
-{
-  "extends": "expo/tsconfig.base",
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "strict": true,
-    "noImplicitAny": false,
-    "paths": {
-      "@/*": [
-        "./src/*"
-      ],
-      "@/assets/*": [
-        "./assets/*"
-      ]
-    }
-  },
-  "include": [
-    "**/*.ts",
-    "**/*.tsx",
-    ".expo/types/**/*.ts",
-    "expo-env.d.ts",
-    "nativewind-env.d.ts"
-  ]
-}

package/templates/react-ts/_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?