@imksh/create 1.0.32 → 1.0.33

package/templates/layers/react-native/base/src/components/ui/CustomTabBar.tsx

@@ -6,13 +6,14 @@ import { useColorScheme } from "nativewind";
 import { Colors } from "../../constants/Colors";
 import { getTabConfig } from "../../config/tabNavigation";
 import { LinearGradient } from "expo-linear-gradient";
-import type { BottomTabBarProps } from "@react-navigation/bottom-tabs";
+import { Tabs } from "expo-router";
 
 interface TabItemProps {
   isFocused: boolean;
-  onPress: () => void;
-  onLongPress: () => void;
+  onPress?: () => void;
+  onLongPress?: () => void;
   iconName: keyof typeof Ionicons.glyphMap;
+  label?: string;
   colors: (typeof Colors)[keyof typeof Colors];
 }
 
@@ -57,10 +58,12 @@ const TabItem = ({
   );
 };
 
-export interface CustomTabBarProps extends BottomTabBarProps {
+export type CustomTabBarProps = Parameters<
+  NonNullable<React.ComponentProps<typeof Tabs>["tabBar"]>
+>[0] & {
   showCenterButton?: boolean;
   onCenterButtonPress?: () => void;
-}
+};
 
 export default function CustomTabBar({
   state,
@@ -74,8 +77,9 @@ export default function CustomTabBar({
   const colors = Colors[colorScheme ?? "light"];
 
   const currentRoute = state.routes[state.index];
-  const currentOptions = descriptors[currentRoute.key].options;
-  if (currentOptions.tabBarStyle?.display === "none") {
+  const currentOptions = descriptors[currentRoute.key]?.options;
+  const flatTabBarStyle = StyleSheet.flatten(currentOptions?.tabBarStyle) as any;
+  if (flatTabBarStyle?.display === "none") {
     return null;
   }
 
@@ -112,9 +116,10 @@ export default function CustomTabBar({
 
           state.routes.forEach((route, index: number) => {
             const { options } = descriptors[route.key];
+            const flatItemStyle = StyleSheet.flatten(options.tabBarItemStyle) as any;
             if (
-              options.href === null ||
-              options.tabBarItemStyle?.display === "none"
+              (options as any).href === null ||
+              flatItemStyle?.display === "none"
             ) {
               return;
             }

package/templates/layers/react-native/base/src/services/permission.service.ts

@@ -1,13 +1,36 @@
-import { Platform, Alert } from "react-native";
-import {
-  check,
-  request,
-  PERMISSIONS,
-  RESULTS,
-  Permission,
-  PermissionStatus,
-  openSettings,
-} from "react-native-permissions";
+import { Platform, Alert, Linking } from "react-native";
+import { isExpoGo, hasNativeModule } from "@/utils/env";
+
+export const RESULTS = {
+  UNAVAILABLE: "unavailable",
+  DENIED: "denied",
+  BLOCKED: "blocked",
+  GRANTED: "granted",
+  LIMITED: "limited",
+} as const;
+
+export type PermissionStatus = (typeof RESULTS)[keyof typeof RESULTS];
+export type Permission = string;
+
+export const openSettings = async (): Promise<void> => {
+  try {
+    await Linking.openSettings();
+  } catch (e) {
+    console.warn("Failed to open device settings", e);
+  }
+};
+
+const getRNPModule = () => {
+  if (isExpoGo() || !hasNativeModule("RNPermissions")) {
+    return null;
+  }
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    return require("react-native-permissions");
+  } catch {
+    return null;
+  }
+};
 
 export type AppPermissionType =
   | "camera"
@@ -27,6 +50,12 @@ class PermissionService {
    * Helper to determine the correct native Permission object based on platform
    */
   private getNativePermission(type: AppPermissionType): Permission | null {
+    const rnp = getRNPModule();
+    if (!rnp?.PERMISSIONS) {
+      return null;
+    }
+    const { PERMISSIONS } = rnp;
+
     if (Platform.OS === "ios") {
       switch (type) {
         case "camera":
@@ -34,10 +63,7 @@ class PermissionService {
         case "audio":
           return PERMISSIONS.IOS.MICROPHONE;
         case "image":
-          return PERMISSIONS.IOS.PHOTO_LIBRARY;
         case "file":
-          // iOS doesn't have a broad "file system" permission for the app sandbox
-          // Usually handled via DocumentPicker or PhotoLibrary depending on use case.
           return PERMISSIONS.IOS.PHOTO_LIBRARY;
         case "location":
           return PERMISSIONS.IOS.LOCATION_WHEN_IN_USE;
@@ -50,11 +76,7 @@ class PermissionService {
         case "nearbydevice":
           return PERMISSIONS.IOS.BLUETOOTH;
         case "notification":
-          // handled uniquely by react-native-permissions using requestNotifications
-          return null;
         case "phone":
-          // iOS doesn't require explicit permission to use Linking.openURL('tel:...')
-          return null;
         default:
           return null;
       }
@@ -77,13 +99,10 @@ class PermissionService {
         case "calendar":
           return PERMISSIONS.ANDROID.READ_CALENDAR;
         case "nearbydevice":
-          // Required for Android 12+
           return PERMISSIONS.ANDROID.BLUETOOTH_CONNECT;
         case "phone":
           return PERMISSIONS.ANDROID.CALL_PHONE;
         case "notification":
-          // handled uniquely by checkNotifications/requestNotifications
-          return null;
         default:
           return null;
       }
@@ -91,24 +110,101 @@ class PermissionService {
     return null;
   }
 
+  /**
+   * Fallback for checking permissions in Expo Go using Expo APIs
+   */
+  private async checkExpoPermission(type: AppPermissionType): Promise<PermissionStatus> {
+    try {
+      if (type === "notification") {
+        // eslint-disable-next-line @typescript-eslint/no-require-imports
+        const Notifications = require("expo-notifications");
+        const { status } = await Notifications.getPermissionsAsync();
+        return status === "granted" ? RESULTS.GRANTED : RESULTS.DENIED;
+      }
+
+      if (type === "location" || type === "locationAlways") {
+        // eslint-disable-next-line @typescript-eslint/no-require-imports
+        const Location = require("expo-location");
+        const { status } = await Location.getForegroundPermissionsAsync();
+        return status === "granted" ? RESULTS.GRANTED : RESULTS.DENIED;
+      }
+
+      if (type === "camera" || type === "image") {
+        // eslint-disable-next-line @typescript-eslint/no-require-imports
+        const ImagePicker = require("expo-image-picker");
+        const { status } =
+          type === "camera"
+            ? await ImagePicker.getCameraPermissionsAsync()
+            : await ImagePicker.getMediaLibraryPermissionsAsync();
+        return status === "granted" ? RESULTS.GRANTED : RESULTS.DENIED;
+      }
+    } catch {
+      return RESULTS.GRANTED;
+    }
+
+    return RESULTS.GRANTED;
+  }
+
+  /**
+   * Fallback for requesting permissions in Expo Go using Expo APIs
+   */
+  private async requestExpoPermission(type: AppPermissionType): Promise<PermissionStatus> {
+    try {
+      if (type === "notification") {
+        // eslint-disable-next-line @typescript-eslint/no-require-imports
+        const Notifications = require("expo-notifications");
+        const { status } = await Notifications.requestPermissionsAsync();
+        return status === "granted" ? RESULTS.GRANTED : RESULTS.DENIED;
+      }
+
+      if (type === "location" || type === "locationAlways") {
+        // eslint-disable-next-line @typescript-eslint/no-require-imports
+        const Location = require("expo-location");
+        const { status } = await Location.requestForegroundPermissionsAsync();
+        return status === "granted" ? RESULTS.GRANTED : RESULTS.DENIED;
+      }
+
+      if (type === "camera" || type === "image") {
+        // eslint-disable-next-line @typescript-eslint/no-require-imports
+        const ImagePicker = require("expo-image-picker");
+        const { status } =
+          type === "camera"
+            ? await ImagePicker.requestCameraPermissionsAsync()
+            : await ImagePicker.requestMediaLibraryPermissionsAsync();
+        return status === "granted" ? RESULTS.GRANTED : RESULTS.DENIED;
+      }
+    } catch {
+      return RESULTS.GRANTED;
+    }
+
+    return RESULTS.GRANTED;
+  }
+
   /**
    * Check the current status of a permission without asking the user
    */
   async checkPermission(type: AppPermissionType): Promise<PermissionStatus> {
+    const rnp = getRNPModule();
+    if (isExpoGo() || !rnp) {
+      return this.checkExpoPermission(type);
+    }
+
     if (type === "notification") {
-      // eslint-disable-next-line @typescript-eslint/no-require-imports
-      const { checkNotifications } = require("react-native-permissions");
-      const { status } = await checkNotifications();
-      return status;
+      try {
+        const { status } = await rnp.checkNotifications();
+        return status as PermissionStatus;
+      } catch {
+        return this.checkExpoPermission(type);
+      }
     }
-    
+
     const nativePerm = this.getNativePermission(type);
     if (!nativePerm) {
-      // If the permission doesn't exist on this platform (e.g. Phone on iOS), we consider it granted
       return RESULTS.GRANTED;
     }
+
     try {
-      return await check(nativePerm);
+      return (await rnp.check(nativePerm as any)) as PermissionStatus;
     } catch (error) {
       console.error(`Error checking permission ${type}:`, error);
       return RESULTS.UNAVAILABLE;
@@ -119,19 +215,27 @@ class PermissionService {
    * Request a permission from the user
    */
   async requestPermission(type: AppPermissionType): Promise<PermissionStatus> {
+    const rnp = getRNPModule();
+    if (isExpoGo() || !rnp) {
+      return this.requestExpoPermission(type);
+    }
+
     if (type === "notification") {
-      // eslint-disable-next-line @typescript-eslint/no-require-imports
-      const { requestNotifications } = require("react-native-permissions");
-      const { status } = await requestNotifications(["alert", "sound", "badge"]);
-      return status;
+      try {
+        const { status } = await rnp.requestNotifications(["alert", "sound", "badge"]);
+        return status as PermissionStatus;
+      } catch {
+        return this.requestExpoPermission(type);
+      }
     }
 
     const nativePerm = this.getNativePermission(type);
     if (!nativePerm) {
       return RESULTS.GRANTED;
     }
+
     try {
-      return await request(nativePerm);
+      return (await rnp.request(nativePerm as any)) as PermissionStatus;
     } catch (error) {
       console.error(`Error requesting permission ${type}:`, error);
       return RESULTS.UNAVAILABLE;
@@ -152,7 +256,14 @@ class PermissionService {
   }
 
   /**
-   * Helper to open the OS Settings screen for the app if permission is blocked
+   * Opens the OS Settings screen for the app
+   */
+  async openSettings(): Promise<void> {
+    return openSettings();
+  }
+
+  /**
+   * Helper to show an alert and open the OS Settings screen for the app if permission is blocked
    */
   async openSettingsForApp(
     title = "Permission Required",
@@ -160,15 +271,26 @@ class PermissionService {
   ) {
     Alert.alert(title, message, [
       { text: "Cancel", style: "cancel" },
-      { text: "Open Settings", onPress: () => openSettings() },
+      {
+        text: "Open Settings",
+        onPress: () => {
+          openSettings();
+        },
+      },
     ]);
   }
+
   /**
    * Utility to register and fetch the Expo Push Token for this device.
    * This uses the unified PermissionService to request the notification permission.
    * NOTE: This will only return a token on physical devices.
    */
   async registerForPushNotificationsAsync(): Promise<string | null> {
+    // In Expo Go on Android, FCM push notifications are not supported
+    if (isExpoGo() && Platform.OS === "android") {
+      return null;
+    }
+
     // eslint-disable-next-line @typescript-eslint/no-require-imports
     const Device = require("expo-device");
     // eslint-disable-next-line @typescript-eslint/no-require-imports
@@ -185,25 +307,29 @@ class PermissionService {
 
     // Set channel for Android
     if (Platform.OS === "android") {
-      Notifications.setNotificationChannelAsync("default", {
-        name: "default",
-        importance: Notifications.AndroidImportance.MAX,
-        vibrationPattern: [0, 250, 250, 250],
-        lightColor: "#FF231F7C",
-      });
+      try {
+        await Notifications.setNotificationChannelAsync("default", {
+          name: "default",
+          importance: Notifications.AndroidImportance.MAX,
+          vibrationPattern: [0, 250, 250, 250],
+          lightColor: "#FF231F7C",
+        });
+      } catch {
+        // Channel setup may fail in Expo Go
+      }
     }
 
     try {
       const projectId =
         require("../../app.json")?.expo?.extra?.eas?.projectId;
-      
+
       const tokenData = await Notifications.getExpoPushTokenAsync({
         projectId,
       });
 
       return tokenData.data;
     } catch (e) {
-      console.error("Failed to get push token", e);
+      console.warn("Failed to get push token", e);
       return null;
     }
   }

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

@@ -4,6 +4,7 @@ import Constants from "expo-constants";
 import { Platform } from "react-native";
 import { getSocket } from "../services/socket.service";
 import { toast } from "../utils/toast";
+import { isExpoGo } from "@/utils/env";
 
 export interface AppNotification {
   id: string;
@@ -91,8 +92,7 @@ export const useNotificationStore = create<NotificationState>((set, get) => ({
   registerForPushNotificationsAsync: async () => {
     let token: string | undefined;
 
-    const isExpoGo = Constants.appOwnership === "expo";
-    if (isExpoGo && Platform.OS === "android") {
+    if (isExpoGo() && Platform.OS === "android") {
       return;
     }
 

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

@@ -0,0 +1,47 @@
+import Constants, { ExecutionEnvironment } from "expo-constants";
+import { TurboModuleRegistry, NativeModules } from "react-native";
+
+/**
+ * Checks whether a specific native module or TurboModule is linked in the native binary.
+ * Uses non-throwing lookups on both TurboModuleRegistry and NativeModules.
+ */
+export const hasNativeModule = (name: string): boolean => {
+  try {
+    if (TurboModuleRegistry?.get && TurboModuleRegistry.get(name) != null) {
+      return true;
+    }
+    if (NativeModules && NativeModules[name] != null) {
+      return true;
+    }
+  } catch {
+    return false;
+  }
+  return false;
+};
+
+/**
+ * Returns true if the app is currently running inside Expo Go.
+ * Robust against early bundle evaluation where Constants.appOwnership may be null/undefined.
+ */
+export const isExpoGo = (): boolean => {
+  try {
+    // Legacy appOwnership check (SDK < 50 or when populated)
+    if (Constants.appOwnership === "expo") {
+      return true;
+    }
+    // Modern execution environment check (SDK 50+)
+    if (Constants.executionEnvironment === ExecutionEnvironment.StoreClient) {
+      return true;
+    }
+    // Fallback: Check if custom third-party native modules absent in Expo Go are missing
+    const hasRNPermissions = hasNativeModule("RNPermissions");
+    const hasRNGoogleSignin = hasNativeModule("RNGoogleSignin");
+
+    if (!hasRNPermissions && !hasRNGoogleSignin) {
+      return true;
+    }
+  } catch {
+    return true;
+  }
+  return false;
+};

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

@@ -1,6 +1,6 @@
 import { Platform } from "react-native";
 import { toast } from "./toast";
-import * as FileSystem from "expo-file-system/legacy";
+import * as FileSystem from "expo-file-system";
 import * as Sharing from "expo-sharing";
 
 /**
@@ -30,7 +30,7 @@ export const downloadFileString = async (
           const byteArray = new Uint8Array(byteNumbers);
           byteArrays.push(byteArray);
         }
-        blob = new Blob(byteArrays, { type: mimeType });
+        blob = new Blob(byteArrays as any, { type: mimeType });
       } else {
         blob = new Blob([content], { type: mimeType });
       }

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

@@ -1,61 +1,62 @@
 {
-  "name": "mobile",
+  "name": "Mobile",
   "main": "expo-router/entry",
   "version": "1.0.0",
   "dependencies": {
-    "@expo/ui": "~57.0.7",
+    "@expo/ui": "~57.0.22",
     "@expo/vector-icons": "^15.1.1",
     "@react-native-async-storage/async-storage": "2.2.0",
     "@react-native-community/slider": "^5.2.0",
+    "@react-native-google-signin/google-signin": "^13.1.0",
     "@react-native-picker/picker": "^2.11.4",
     "@react-navigation/bottom-tabs": "^7.18.10",
-    "@tanstack/react-query": "^5.101.4",
     "axios": "^1.18.1",
     "babel-preset-expo": "^57.0.3",
-    "dayjs": "^1.11.21",
+    "dayjs": "^1.11.13",
     "drizzle-orm": "^0.45.2",
-    "expo": "~57.0.7",
-    "expo-blur": "~57.0.2",
+    "expo": "~57.0.27",
+    "expo-blur": "~57.0.3",
     "expo-constants": "~57.0.6",
-    "expo-device": "~57.0.1",
-    "expo-file-system": "~18.0.7",
-    "expo-sharing": "~13.0.1",
+    "expo-device": "~57.0.2",
+    "expo-file-system": "~57.0.7",
     "expo-font": "~57.0.1",
-    "expo-glass-effect": "~57.0.1",
-    "expo-image": "~57.0.1",
-    "expo-image-picker": "~57.0.7",
-    "expo-linear-gradient": "^57.0.1",
-    "expo-linking": "~57.0.3",
-    "expo-location": "~57.0.7",
-    "expo-notifications": "~57.0.6",
-    "expo-router": "~57.0.7",
-    "expo-splash-screen": "~57.0.4",
-    "expo-sqlite": "^57.0.1",
+    "expo-glass-effect": "~57.0.4",
+    "expo-image": "~57.0.5",
+    "expo-image-picker": "~57.0.20",
+    "expo-linear-gradient": "~57.0.2",
+    "expo-linking": "~57.0.12",
+    "expo-local-authentication": "~57.0.3",
+    "expo-location": "~57.0.20",
+    "expo-notifications": "~57.0.22",
+    "expo-router": "~57.0.25",
+    "expo-sharing": "~57.0.22",
+    "expo-splash-screen": "~57.0.9",
+    "expo-sqlite": "~57.0.4",
     "expo-status-bar": "~57.0.1",
-    "expo-symbols": "~57.0.1",
-    "expo-system-ui": "~57.0.1",
-    "expo-web-browser": "~57.0.1",
-    "lottie-react": "^2.4.1",
+    "expo-symbols": "~57.0.3",
+    "expo-system-ui": "~57.0.4",
+    "expo-web-browser": "~57.0.3",
     "lottie-react-native": "^7.3.8",
     "nativewind": "^4.2.6",
     "prettier-plugin-tailwindcss": "^0.5.14",
     "react": "19.2.3",
     "react-dom": "19.2.3",
-    "react-native": "0.86.0",
+    "react-native": "0.86.3",
+    "react-native-blob-util": "^0.19.11",
     "react-native-gesture-handler": "~2.32.0",
     "react-native-image-viewing": "^0.2.2",
     "react-native-keyboard-aware-scroll-view": "^0.9.5",
-    "react-native-maps": "1.27.2",
     "react-native-otp-entry": "^1.8.6",
     "react-native-paper": "^5.15.3",
+    "react-native-pdf": "^7.0.5",
     "react-native-permissions": "^5.6.0",
-    "react-native-reanimated": "^4.5.2",
-    "react-native-safe-area-context": "^5.8.0",
-    "react-native-screens": "4.25.2",
+    "react-native-reanimated": "4.5.1",
+    "react-native-safe-area-context": "~5.7.0",
+    "react-native-screens": "~4.26.0",
     "react-native-toast-message": "^2.4.0",
     "react-native-web": "~0.21.0",
     "react-native-webview": "13.16.1",
-    "react-native-worklets": "0.10.0",
+    "react-native-worklets": "0.10.1",
     "socket.io-client": "^4.8.3",
     "tailwindcss": "^3.4.19",
     "zustand": "^5.0.14"
@@ -66,7 +67,7 @@
     "dpdm": "^3.14.0",
     "drizzle-kit": "^0.31.10",
     "eslint": "^9.0.0",
-    "eslint-config-expo": "~57.0.0",
+    "eslint-config-expo": "~57.0.2",
     "prettier": "^3.4.2",
     "ts-prune": "^0.10.3",
     "typescript": "~6.0.3"
@@ -83,8 +84,7 @@
     "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",
+    "prune:unused": "ts-prune",
     "ts:check": "tsc --noEmit",
     "build": "eas build",
     "build:android": "eas build -p android",