@imksh/create 1.0.32 → 1.0.34

package/templates/presets/production-fullstack/overrides/mobile/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,52 +271,65 @@ 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
     const Notifications = require("expo-notifications");
 
     if (!Device.isDevice) {
-      console.log("Must use physical device for Push Notifications");
       return null;
     }
 
     const hasPermission = await this.requirePermission("notification");
     if (!hasPermission) {
-      console.log("User denied push notification permissions");
       return null;
     }
 
     // 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/presets/production-fullstack/overrides/mobile/src/store/useNotificationStore.ts

@@ -1,6 +1,8 @@
 import { create } from 'zustand';
+import { Platform } from 'react-native';
 import { getSocket } from '../lib/socket';
 import * as Notifications from 'expo-notifications';
+import { isExpoGo } from '../utils/env';
 
 export interface NotificationState {
   notifications: any[];
@@ -24,7 +26,21 @@ export const useNotificationStore = create<NotificationState>((set, get) => ({
   },
 
   registerForPushNotificationsAsync: async () => {
+    // In Expo Go on Android, FCM push notifications are not supported
+    if (isExpoGo() && Platform.OS === 'android') {
+      return;
+    }
+
     try {
+      if (Platform.OS === 'android') {
+        await Notifications.setNotificationChannelAsync('default', {
+          name: 'default',
+          importance: Notifications.AndroidImportance.MAX,
+          vibrationPattern: [0, 250, 250, 250],
+          lightColor: '#FF231F7C',
+        });
+      }
+
       const { status: existingStatus } = await Notifications.getPermissionsAsync();
       let finalStatus = existingStatus;
       if (existingStatus !== 'granted') {

package/templates/presets/production-fullstack/overrides/mobile/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/app/doc-viewer.tsx

@@ -1,193 +0,0 @@
-import React, { useState, useEffect } from "react";
-import {
-  View,
-  StyleSheet,
-  Dimensions,
-} from "react-native";
-import { useLocalSearchParams, useRouter } from "expo-router";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
-import Pdf from "react-native-pdf";
-import { useColorScheme } from "nativewind";
-import { Colors } from "../constants/Colors";
-import ScreenHeader from "../components/common/ScreenHeader";
-import { Txt } from "../components/common/Typography";
-import Input from "../components/ui/inputs/Input";
-import Button from "../components/ui/buttons/Button";
-import Container from "../components/ui/layout/Container";
-import { Ionicons } from "@expo/vector-icons";
-import ProgressBar from "../components/ui/feedback/ProgressBar";
-import * as FileSystem from "expo-file-system/legacy";
-
-export default function DocViewerScreen() {
-  const router = useRouter();
-  const { url, name } = useLocalSearchParams<{
-    url: string;
-    name?: string;
-  }>();
-  
-  const insets = useSafeAreaInsets();
-  const { colorScheme } = useColorScheme();
-  const isDark = colorScheme === "dark";
-  const colors = Colors[isDark ? "dark" : "light"];
-
-  const [totalPages, setTotalPages] = useState(0);
-  const [currentPage, setCurrentPage] = useState(1);
-  
-  const [password, setPassword] = useState("");
-  const [isPasswordRequired, setIsPasswordRequired] = useState(false);
-  const [inputPassword, setInputPassword] = useState("");
-  const [errorMsg, setErrorMsg] = useState("");
-
-  const [localUri, setLocalUri] = useState<string | null>(null);
-  const [downloadProgress, setDownloadProgress] = useState(0);
-  const [downloadError, setDownloadError] = useState<string | null>(null);
-
-  useEffect(() => {
-    if (!url) return;
-    
-    if (url.startsWith('http')) {
-      const downloadFile = async () => {
-        try {
-          const filename = `doc_${Date.now()}.pdf`;
-          const fileUri = FileSystem.documentDirectory + filename;
-          
-          const downloadResumable = FileSystem.createDownloadResumable(
-            url,
-            fileUri,
-            {},
-            (progressEvent) => {
-              const progress = progressEvent.totalBytesWritten / progressEvent.totalBytesExpectedToWrite;
-              setDownloadProgress(progress);
-            }
-          );
-          
-          const result = await downloadResumable.downloadAsync();
-          if (result && result.uri) {
-            setLocalUri(result.uri);
-          } else {
-            setDownloadError('Failed to download document');
-          }
-        } catch (error) {
-          console.error('Download error:', error);
-          setDownloadError('Error downloading document');
-        }
-      };
-      downloadFile();
-    } else {
-      setLocalUri(url);
-    }
-  }, [url]);
-
-  if (!url) {
-    return (
-      <View style={{ flex: 1, backgroundColor: colors.base100 }}>
-        <ScreenHeader title="Document Viewer" onBack={() => router.back()} />
-        <View className="flex-1 items-center justify-center p-4">
-          <Ionicons name="alert-circle-outline" size={48} color={colors.baseContent} style={{ opacity: 0.5 }} />
-          <Txt variant="base" className="mt-4 text-center opacity-70">
-            No document URL provided.
-          </Txt>
-        </View>
-      </View>
-    );
-  }
-
-  const handlePasswordSubmit = () => {
-    setPassword(inputPassword);
-    setIsPasswordRequired(false);
-    setErrorMsg("");
-  };
-
-  return (
-    <View style={{ flex: 1, backgroundColor: colors.base100 }}>
-      <ScreenHeader
-        title={name || 'Document Viewer'}
-        subtitle={totalPages > 0 ? `Page ${currentPage} of ${totalPages}` : 'Loading...'}
-        onBack={() => router.back()}
-      />
-
-      {isPasswordRequired ? (
-        <Container className="flex-1 justify-center items-center px-6">
-          <View className="p-6 rounded-3xl w-full" style={{ backgroundColor: colors.base200 }}>
-            <Txt variant="xl" className="font-bold text-center mb-2">Password Protected</Txt>
-            <Txt variant="base" className="text-center text-base-content/70 mb-6">
-              This document requires a password to open.
-            </Txt>
-            <Input
-              placeholder="Enter password"
-              value={inputPassword}
-              onChangeText={setInputPassword}
-              secureTextEntry
-              className="mb-4"
-            />
-            {errorMsg ? (
-              <Txt variant="caption" className="text-error text-center mb-4">{errorMsg}</Txt>
-            ) : null}
-            <Button
-              label="Unlock Document"
-              variant="primary"
-              isFullWidth
-              onPress={handlePasswordSubmit}
-            />
-          </View>
-        </Container>
-      ) : (
-        <View style={styles.pdfContainer}>
-          {!localUri && !downloadError ? (
-            <View className="flex-1 items-center justify-center w-full relative">
-              <View className="w-3/4 max-w-sm absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-base-100 p-6 rounded-2xl shadow-lg border border-base-300">
-                <ProgressBar progress={downloadProgress * 100} label="Downloading Document" />
-              </View>
-            </View>
-          ) : downloadError ? (
-            <View className="flex-1 items-center justify-center p-4">
-              <Ionicons name="close-circle-outline" size={48} color={colors.error} style={{ opacity: 0.8 }} />
-              <Txt variant="base" className="mt-4 text-center text-error font-semibold">
-                {downloadError}
-              </Txt>
-              <Button 
-                label="Go Back" 
-                variant="outline" 
-                style={{ marginTop: 20 }} 
-                onPress={() => router.back()} 
-              />
-            </View>
-          ) : (
-            <Pdf
-              source={{ uri: localUri!, cache: false }}
-              password={password}
-              onLoadComplete={(numberOfPages) => {
-                setTotalPages(numberOfPages);
-              }}
-              onPageChanged={(page) => {
-                setCurrentPage(page);
-              }}
-              onError={(error: unknown) => {
-                const err = error as { message?: string };
-                if (err?.message?.toLowerCase().includes('password')) {
-                  setIsPasswordRequired(true);
-                  setErrorMsg('Incorrect password. Please try again.');
-                }
-              }}
-              trustAllCerts={false}
-              style={[styles.pdf, { backgroundColor: colors.base200 }]}
-            />
-          )}
-        </View>
-      )}
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  pdfContainer: {
-    flex: 1,
-    justifyContent: "flex-start",
-    alignItems: "center",
-  },
-  pdf: {
-    flex: 1,
-    width: Dimensions.get("window").width,
-    height: Dimensions.get("window").height,
-  },
-});