@imksh/create 1.0.30 → 1.0.32

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

@@ -11,6 +11,20 @@ import { useNotificationStore } from "./useNotificationStore";
 // called from a useEffect, the promise is already resolved or very close.
 const _prefetchedUser: Promise<User | null> = get("user");
 
+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;
@@ -31,6 +45,7 @@ export interface AuthState {
     role?: string,
   ) => Promise<boolean>;
   login: (email: string, password: string) => Promise<boolean>;
+  googleLogin: (idToken: string) => Promise<boolean>;
   demoLogin: () => Promise<void>;
   getMe: () => Promise<void>;
   updateProfile: (updates: Partial<User> | FormData) => Promise<boolean>;
@@ -111,9 +126,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;
@@ -154,9 +169,9 @@ export const useAuthStore = create<AuthState>((set) => ({
       notifStore.registerForPushNotificationsAsync();
       notifStore.fetchNotifications();
       return true;
-    } catch (err: any) {
+    } catch (err: unknown) {
       set({
-        error: err.response?.data?.message || err.message,
+        error: getErrorMessage(err),
         loading: false,
       });
       return false;
@@ -185,9 +200,39 @@ export const useAuthStore = create<AuthState>((set) => ({
       notifStore.registerForPushNotificationsAsync();
       notifStore.fetchNotifications();
       return true;
-    } catch (err: any) {
+    } catch (err: unknown) {
+      set({
+        error: getErrorMessage(err),
+        loading: false,
+      });
+      return false;
+    } finally {
+      set({ loading: false });
+    }
+  },
+
+  googleLogin: async (idToken: string) => {
+    set({ loading: true, error: null });
+    try {
+      const { data } = await authService.googleLogin(idToken);
+      if (data.data?.token) {
+        save("token", data.data.token);
+      }
+      const user = data.data?.user || data.data;
+      if (user) save("user", user);
+      set({
+        user,
+        loading: false,
+      });
+      initializeSocket();
+      const notifStore = useNotificationStore.getState();
+      notifStore.listenForSocketEvents();
+      notifStore.registerForPushNotificationsAsync();
+      notifStore.fetchNotifications();
+      return true;
+    } catch (err: unknown) {
       set({
-        error: err.response?.data?.message || err.message,
+        error: getErrorMessage(err),
         loading: false,
       });
       return false;
@@ -231,9 +276,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;
@@ -264,8 +309,8 @@ export const useAuthStore = create<AuthState>((set) => ({
     try {
       await authService.genOtp(email);
       return true;
-    } catch (err: any) {
-      set({ error: err.response?.data?.message || err.message, loading: false });
+    } catch (err: unknown) {
+      set({ error: getErrorMessage(err), loading: false });
       return false;
     } finally {
       set({ loading: false });
@@ -278,8 +323,8 @@ export const useAuthStore = create<AuthState>((set) => ({
       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 });
+    } catch (err: unknown) {
+      set({ error: getErrorMessage(err), loading: false });
       return false;
     } finally {
       set({ loading: false });
@@ -291,8 +336,8 @@ export const useAuthStore = create<AuthState>((set) => ({
     try {
       await authService.resetPassword(newPassword);
       return true;
-    } catch (err: any) {
-      set({ error: err.response?.data?.message || err.message, loading: false });
+    } catch (err: unknown) {
+      set({ error: getErrorMessage(err), loading: false });
       return false;
     } finally {
       set({ loading: false });
@@ -304,8 +349,8 @@ export const useAuthStore = create<AuthState>((set) => ({
     try {
       await authService.changePassword(oldPassword, newPassword);
       return true;
-    } catch (err: any) {
-      set({ error: err.response?.data?.message || err.message, loading: false });
+    } catch (err: unknown) {
+      set({ error: getErrorMessage(err), loading: false });
       return false;
     } finally {
       set({ loading: false });

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

@@ -12,7 +12,7 @@ export interface AppNotification {
   type: string;
   url: string | null;
   isRead: boolean;
-  metadata: any | null;
+  metadata: Record<string, unknown> | null;
   createdAt: string;
 }
 
@@ -47,9 +47,12 @@ export const useNotificationStore = create<NotificationState>((set, get) => ({
         unreadCount,
         loading: false,
       });
-    } catch (error: any) {
+    } catch (error: unknown) {
+      const message =
+        (error as { response?: { data?: { message?: string } } })?.response
+          ?.data?.message || "Failed to fetch notifications";
       set({
-        error: error.response?.data?.message || "Failed to fetch notifications",
+        error: message,
         loading: false,
       });
     }
@@ -58,45 +61,38 @@ export const useNotificationStore = create<NotificationState>((set, get) => ({
   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) 
-      });
+      set((state) => ({
+        notifications: state.notifications.map((n) =>
+          n.id === id ? { ...n, isRead: true } : n
+        ),
+        unreadCount: Math.max(0, state.unreadCount - 1),
+      }));
 
       await notificationService.markAsRead(id);
-    } catch{
-      // Revert if failed
+    } catch {
+      // Revert if API fails
       get().fetchNotifications();
     }
   },
 
   markAllAsRead: async () => {
     try {
-      const { notifications } = get();
-      const updated = notifications.map(n => ({ ...n, isRead: true }));
-      
-      set({ 
-        notifications: updated, 
-        unreadCount: 0 
-      });
+      set((state) => ({
+        notifications: state.notifications.map((n) => ({ ...n, isRead: true })),
+        unreadCount: 0,
+      }));
 
       await notificationService.markAllAsRead();
-    } catch{
+    } catch {
       get().fetchNotifications();
     }
   },
 
   registerForPushNotificationsAsync: async () => {
-    let token;
+    let token: string | undefined;
 
-    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+).');
+    const isExpoGo = Constants.appOwnership === "expo";
+    if (isExpoGo && Platform.OS === "android") {
       return;
     }
 
@@ -106,12 +102,12 @@ export const useNotificationStore = create<NotificationState>((set, get) => ({
       // eslint-disable-next-line @typescript-eslint/no-require-imports
       const Device = require("expo-device");
 
-      if (Platform.OS === 'android') {
-        await Notifications.setNotificationChannelAsync('default', {
-          name: 'default',
+      if (Platform.OS === "android") {
+        await Notifications.setNotificationChannelAsync("default", {
+          name: "default",
           importance: Notifications.AndroidImportance.MAX,
           vibrationPattern: [0, 250, 250, 250],
-          lightColor: '#FF231F7C',
+          lightColor: "#FF231F7C",
         });
       }
 
@@ -119,13 +115,12 @@ export const useNotificationStore = create<NotificationState>((set, get) => ({
         const { status: existingStatus } = await Notifications.getPermissionsAsync();
         let finalStatus = existingStatus;
         
-        if (existingStatus !== 'granted') {
+        if (existingStatus !== "granted") {
           const { status } = await Notifications.requestPermissionsAsync();
           finalStatus = status;
         }
         
-        if (finalStatus !== 'granted') {
-          console.log('Failed to get push token for push notification!');
+        if (finalStatus !== "granted") {
           return;
         }
         
@@ -136,17 +131,16 @@ export const useNotificationStore = create<NotificationState>((set, get) => ({
 
         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);
+        if (token) {
+          try {
+            await notificationService.registerPushToken(token);
+          } catch {
+            // Token registration failed silently
+          }
         }
-      } else {
-        console.log('Must use physical device for Push Notifications');
       }
-    } catch (e) {
-      console.warn("Failed to setup push notifications dynamically:", e);
+    } catch {
+      // Notification setup failed silently
     }
 
     return token;

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

@@ -1,24 +1,26 @@
+import type { ImageSourcePropType } from "react-native";
+
 declare module "*.png" {
-  const value: any;
+  const value: ImageSourcePropType;
   export default value;
 }
 
 declare module "*.jpg" {
-  const value: any;
+  const value: ImageSourcePropType;
   export default value;
 }
 
 declare module "*.jpeg" {
-  const value: any;
+  const value: ImageSourcePropType;
   export default value;
 }
 
 declare module "*.gif" {
-  const value: any;
+  const value: ImageSourcePropType;
   export default value;
 }
 
 declare module "*.svg" {
-  const value: any;
+  const value: ImageSourcePropType;
   export default value;
 }

package/templates/layers/react-native/base/src/utils/fileDownload.ts

@@ -0,0 +1,206 @@
+import { Platform } from "react-native";
+import { toast } from "./toast";
+import * as FileSystem from "expo-file-system/legacy";
+import * as Sharing from "expo-sharing";
+
+/**
+ * Downloads a string or base64 data to a file.
+ * - On Web: triggers browser download via an anchor element and Blob.
+ * - On Android: saves to user-selected folder via StorageAccessFramework.
+ * - On iOS: writes to app document directory and opens native iOS Share/Save sheet.
+ */
+export const downloadFileString = async (
+  content: string,
+  filename: string,
+  mimeType: string,
+  isBase64: boolean = false
+): Promise<boolean> => {
+  if (Platform.OS === "web") {
+    try {
+      let blob: Blob;
+      if (isBase64) {
+        const byteCharacters = atob(content);
+        const byteArrays: Uint8Array[] = [];
+        for (let offset = 0; offset < byteCharacters.length; offset += 512) {
+          const slice = byteCharacters.slice(offset, offset + 512);
+          const byteNumbers = new Array(slice.length);
+          for (let i = 0; i < slice.length; i++) {
+            byteNumbers[i] = slice.charCodeAt(i);
+          }
+          const byteArray = new Uint8Array(byteNumbers);
+          byteArrays.push(byteArray);
+        }
+        blob = new Blob(byteArrays, { type: mimeType });
+      } else {
+        blob = new Blob([content], { type: mimeType });
+      }
+      const link = document.createElement("a");
+      const url = URL.createObjectURL(blob);
+      link.setAttribute("href", url);
+      link.setAttribute("download", filename);
+      link.style.visibility = "hidden";
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      URL.revokeObjectURL(url);
+      return true;
+    } catch (error: unknown) {
+      const err = error as Error;
+      toast.error("Error", err.message || `Failed to download ${filename}`);
+      return false;
+    }
+  }
+
+  try {
+    const encoding = isBase64
+      ? FileSystem.EncodingType.Base64
+      : FileSystem.EncodingType.UTF8;
+
+    if (Platform.OS === "android") {
+      const permissions =
+        await FileSystem.StorageAccessFramework.requestDirectoryPermissionsAsync();
+      if (!permissions.granted) {
+        toast.info("Cancelled", "Directory permission was not granted.");
+        return false;
+      }
+
+      const createdFileUri =
+        await FileSystem.StorageAccessFramework.createFileAsync(
+          permissions.directoryUri,
+          filename,
+          mimeType
+        );
+      await FileSystem.writeAsStringAsync(createdFileUri, content, {
+        encoding,
+      });
+      toast.success("Success", `${filename} saved successfully!`);
+      return true;
+    }
+
+    // iOS and other native platforms
+    const baseDir =
+      FileSystem.documentDirectory ?? FileSystem.cacheDirectory ?? "";
+    const fileUri = `${baseDir}${filename}`;
+    await FileSystem.writeAsStringAsync(fileUri, content, { encoding });
+
+    const isSharingAvailable = await Sharing.isAvailableAsync();
+    if (isSharingAvailable) {
+      await Sharing.shareAsync(fileUri, {
+        mimeType,
+        dialogTitle: `Save ${filename}`,
+        UTI: mimeType,
+      });
+      toast.success("Success", "File ready to save or share.");
+      return true;
+    } else {
+      toast.error("Error", "Sharing is not available on this device.");
+      return false;
+    }
+  } catch (error: unknown) {
+    const err = error as Error;
+    toast.error("Error", err.message || `Failed to download ${filename}`);
+    return false;
+  }
+};
+
+/**
+ * Downloads a CSV string as a .csv file.
+ */
+export const downloadCsvString = async (
+  csvString: string,
+  filename: string = "export.csv"
+): Promise<boolean> => {
+  return downloadFileString(csvString, filename, "text/csv;charset=utf-8;");
+};
+
+/**
+ * Downloads JSON data as a formatted .json file.
+ */
+export const downloadJson = async (
+  data: unknown,
+  filename: string = "export.json"
+): Promise<boolean> => {
+  const jsonString = JSON.stringify(data, null, 2);
+  return downloadFileString(jsonString, filename, "application/json");
+};
+
+/**
+ * Downloads a file from a remote URL.
+ * - On Web: triggers browser download.
+ * - On Mobile: downloads to local filesystem, then prompts to save on Android
+ *   via StorageAccessFramework or opens iOS Share sheet.
+ */
+export const downloadFileFromUrl = async (
+  url: string,
+  filename: string,
+  mimeType: string = "application/octet-stream"
+): Promise<boolean> => {
+  if (Platform.OS === "web") {
+    try {
+      const link = document.createElement("a");
+      link.href = url;
+      link.download = filename;
+      link.target = "_blank";
+      link.style.visibility = "hidden";
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      return true;
+    } catch (error: unknown) {
+      const err = error as Error;
+      toast.error("Error", err.message || `Failed to download ${filename}`);
+      return false;
+    }
+  }
+
+  try {
+    const baseDir =
+      FileSystem.cacheDirectory ?? FileSystem.documentDirectory ?? "";
+    const localUri = `${baseDir}${filename}`;
+    const result = await FileSystem.downloadAsync(url, localUri);
+
+    if (Platform.OS === "android") {
+      const permissions =
+        await FileSystem.StorageAccessFramework.requestDirectoryPermissionsAsync();
+      if (!permissions.granted) {
+        toast.info("Cancelled", "Directory permission was not granted.");
+        return false;
+      }
+
+      const fileBase64 = await FileSystem.readAsStringAsync(result.uri, {
+        encoding: FileSystem.EncodingType.Base64,
+      });
+
+      const createdFileUri =
+        await FileSystem.StorageAccessFramework.createFileAsync(
+          permissions.directoryUri,
+          filename,
+          mimeType
+        );
+
+      await FileSystem.writeAsStringAsync(createdFileUri, fileBase64, {
+        encoding: FileSystem.EncodingType.Base64,
+      });
+
+      toast.success("Success", `${filename} saved successfully!`);
+      return true;
+    }
+
+    const isSharingAvailable = await Sharing.isAvailableAsync();
+    if (isSharingAvailable) {
+      await Sharing.shareAsync(result.uri, {
+        mimeType,
+        dialogTitle: `Save ${filename}`,
+      });
+      toast.success("Success", "File ready to save or share.");
+      return true;
+    } else {
+      toast.error("Error", "Sharing is not available on this device.");
+      return false;
+    }
+  } catch (error: unknown) {
+    const err = error as Error;
+    toast.error("Error", err.message || `Failed to download ${filename}`);
+    return false;
+  }
+};

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

@@ -1,7 +1,7 @@
 import AsyncStorage from '@react-native-async-storage/async-storage';
 
 // Save data
-export const save = async (key: string, value: any) => {
+export const save = async (key: string, value: unknown) => {
   if (!key || !value) return; 
   try {
     const jsonValue = JSON.stringify(value);

package/templates/presets/electron/preset.json

@@ -0,0 +1,9 @@
+{
+  "description": "Electron + React (JavaScript) with Vite",
+  "layers": [
+    "react/base",
+    "react/javascript",
+    "electron/base",
+    "electron/javascript"
+  ]
+}

package/templates/presets/electron-ts/preset.json

@@ -0,0 +1,9 @@
+{
+  "description": "Electron + React (TypeScript) with Vite",
+  "layers": [
+    "react/base",
+    "react/typescript",
+    "electron/base",
+    "electron/typescript"
+  ]
+}

package/templates/presets/production-fullstack/overrides/client/package.json

@@ -7,6 +7,12 @@
     "dev": "vite",
     "build": "tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint:fix": "eslint . --ext ts,tsx --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",
     "preview": "vite preview"
   },
   "dependencies": {
@@ -37,10 +43,13 @@
     "@typescript-eslint/eslint-plugin": "^6.10.0",
     "@typescript-eslint/parser": "^6.10.0",
     "@vitejs/plugin-react": "^4.2.0",
+    "dpdm": "^3.14.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",
+    "prettier": "^3.4.2",
+    "ts-prune": "^0.10.3",
     "typescript": "^5.2.2",
     "vite": "^5.0.0"
   }

package/templates/presets/production-fullstack/overrides/mobile/app.json

@@ -22,16 +22,8 @@
       "package": "com.anonymous.mobile",
       "permissions": [
         "android.permission.CAMERA",
-        "android.permission.RECORD_AUDIO",
         "android.permission.ACCESS_FINE_LOCATION",
-        "android.permission.ACCESS_COARSE_LOCATION",
-        "android.permission.READ_CONTACTS",
-        "android.permission.READ_CALENDAR",
-        "android.permission.READ_EXTERNAL_STORAGE",
-        "android.permission.WRITE_EXTERNAL_STORAGE",
-        "android.permission.BLUETOOTH_CONNECT",
-        "android.permission.BLUETOOTH_SCAN",
-        "android.permission.CALL_PHONE"
+        "android.permission.ACCESS_COARSE_LOCATION"
       ]
     },
     "web": {
@@ -58,14 +50,9 @@
         {
           "iosPermissions": [
             "Camera",
-            "Microphone",
-            "LocationAlways",
             "LocationWhenInUse",
             "Notifications",
-            "PhotoLibrary",
-            "Contacts",
-            "Calendars",
-            "BluetoothPeripheral"
+            "PhotoLibrary"
           ]
         }
       ]

package/templates/presets/production-fullstack/overrides/mobile/package.json

@@ -18,6 +18,8 @@
     "expo-blur": "~57.0.2",
     "expo-constants": "~57.0.6",
     "expo-device": "~57.0.1",
+    "expo-file-system": "~18.0.7",
+    "expo-sharing": "~13.0.1",
     "expo-font": "~57.0.1",
     "expo-glass-effect": "~57.0.1",
     "expo-image": "~57.0.1",
@@ -61,9 +63,12 @@
   "devDependencies": {
     "@types/react": "~19.2.2",
     "babel-plugin-inline-import": "^3.0.0",
+    "dpdm": "^3.14.0",
     "drizzle-kit": "^0.31.10",
     "eslint": "^9.0.0",
     "eslint-config-expo": "~57.0.0",
+    "prettier": "^3.4.2",
+    "ts-prune": "^0.10.3",
     "typescript": "~6.0.3"
   },
   "scripts": {
@@ -74,7 +79,12 @@
     "ios": "expo run:ios",
     "web": "expo start --web",
     "lint": "expo lint",
-    "format": "expo lint --fix",
+    "lint:fix": "expo lint --fix",
+    "format": "prettier --write \"src/**/*.{ts,tsx,json}\"",
+    "format:check": "prettier --check \"src/**/*.{ts,tsx,json}\"",
+    "circular-check": "dpdm --circular --no-warning --no-tree --exit-code circular:1 \"src/**/*.{ts,tsx}\"",
+    "ts-prune": "ts-prune",
+    "ts-purns": "ts-prune",
     "ts:check": "tsc --noEmit",
     "build": "eas build",
     "build:android": "eas build -p android",

package/templates/presets/production-fullstack/overrides/mobile/src/app/_layout.tsx

@@ -63,8 +63,8 @@ export default function RootLayout() {
     if (!user && !inAuthGroup) {
       // Redirect to the auth group
       router.replace("/(auth)/login");
-    } else if (user && inAuthGroup) {
-      // Redirect away from auth
+    } else if (user && (inAuthGroup || !segments[0])) {
+      // Redirect away from auth or root to main app tabs
       router.replace("/(tabs)");
     }
   }, [user, isCheckingAuth, segments]);
@@ -94,8 +94,8 @@ export default function RootLayout() {
               options={{ headerShown: false, animation: "fade" }}
             />
           </Stack>
-          <Toast />
         </PaperProvider>
+        <Toast />
       </GestureHandlerRootView>
     </QueryClientProvider>
   );