feat: few improvments (#46)

app.config.ts

@@ -52,6 +52,9 @@ export default ({ config }: ConfigContext): MyExpoConfig => ({
   icon: ICON,
   ios: {
     bundleIdentifier: PACKAGE,
+    entitlements: {
+      'aps-environment': 'production',
+    },
     infoPlist: {
       CFBundleAllowMixedLocalizations: true,
       CFBundleLocalizations: [ 'en', 'fr' ],

eas.json

@@ -46,14 +46,12 @@
   "submit": {
     "staging": {
       "ios": {
-        "appleId": "${EXPO_APPLE_ID}",
         "appleTeamId": "${EXPO_APPLE_TEAM_ID}",
         "ascAppId": "${EXPO_ASC_APP_ID}"
       }
     },
     "production": {
       "ios": {
-        "appleId": "${EXPO_APPLE_ID}",
         "appleTeamId": "${EXPO_APPLE_TEAM_ID}",
         "ascAppId": "${EXPO_ASC_APP_ID}"
       }

package.json

@@ -8,6 +8,7 @@
     "build:dev:ios": "cross-env NODE_ENV=development APP_ENV=development npx eas-cli build --profile development --platform ios",
     "build:dev:ios:simulator": "cross-env NODE_ENV=development APP_ENV=development npx eas-cli build --profile development-simulator --platform ios",
     "build:staging:android": "cross-env NODE_ENV=production APP_ENV=staging npx eas-cli build --profile staging --platform android",
+    "build:production": "cross-env NODE_ENV=production APP_ENV=production npx eas-cli build --profile production --platform all --auto-submit-with-profile=production",
     "update:staging": "cross-env NODE_ENV=production APP_ENV=staging npx eas-cli update --channel staging --auto",
     "update:production": "cross-env NODE_ENV=production APP_ENV=production npx eas-cli update --channel production --auto",
     "prebuild:staging": "cross-env NODE_ENV=production APP_ENV=staging npx expo prebuild",

src/app/(root)/domain.tsx

@@ -32,12 +32,17 @@ const options = {
   year: 'numeric',
 } ;
 
+type Params = {
+  domain: string
+  extension: string
+} ;
+
 export default function Domain() {
   const { i18n, t } = useTranslation() ;
   const theme = useTheme() ;
   const router = useRouter() ;
 
-  const { domain, extension } = useLocalSearchParams() ;
+  const { domain, extension } = useLocalSearchParams<Params>() ;
 
   const { bottom, top } = useSafeAreaInsets() ;
   const { height } = useWindowDimensions() ;
@@ -189,18 +194,18 @@ export default function Domain() {
   } else if( error ) {
 
     // default
-    let errorTitle = t('domain.error.title') ;
-    let errorDescription = t('domain.error.title') ;
-
-    if( error.response ) {
-      if( error.response.status === 404 ) {
-        errorTitle = t('domain.notFound.title') ;
-        errorDescription = t('domain.notFound.description', { val: (domain + extension) }) ;
-      } else {
-        errorTitle = t('domain.badRequest.title') ;
-        errorDescription = t('domain.badRequest.description', { val: (domain + extension) }) ;
-      }
-    }
+    const errorTitle = t('domain.error.title') ;
+    const errorDescription = t('domain.error.title') ;
+
+    // if( error.response ) {
+    //   if( error.response.status === 404 ) {
+    //     errorTitle = t('domain.notFound.title') ;
+    //     errorDescription = t('domain.notFound.description', { val: (domain + extension) }) ;
+    //   } else {
+    //     errorTitle = t('domain.badRequest.title') ;
+    //     errorDescription = t('domain.badRequest.description', { val: (domain + extension) }) ;
+    //   }
+    // }
 
     return (
       <ErrorView
@@ -220,8 +225,8 @@ export default function Domain() {
               style={{
                 backgroundColor: 'black',
                 height: top,
-                position: 'absolute',
                 opacity: 0.2,
+                position: 'absolute',
                 width: '100%',
                 zIndex: 10,
               }}

src/components/AppRoot.tsx

@@ -3,6 +3,7 @@ import { PersistQueryClientProvider } from '@tanstack/react-query-persist-client
 
 import { persister, queryClient } from '@helpers/query' ;
 import useAppUpdate from '@hooks/useAppUpdate' ;
+import useCheckVersion from '@hooks/useCheckVersion' ;
 
 type Props = {
   children: React.ReactNode
@@ -11,6 +12,8 @@ type Props = {
 const AppRoot: FC<Props> = ({ children }) => {
   useAppUpdate() ;
 
+  useCheckVersion() ;
+
   return (
     <PersistQueryClientProvider
       client={queryClient}

src/hooks/useCheckVersion.ts

@@ -0,0 +1,26 @@
+import * as Application from 'expo-application' ;
+import { Image } from 'expo-image' ;
+import { useEffect } from 'react' ;
+
+import useSettingsStore from '@hooks/useSettingsStore' ;
+
+const useCheckVersion = () => {
+  const version = useSettingsStore((state) => state.version) ;
+  const setVersion = useSettingsStore((state) => state.setVersion) ;
+
+  useEffect(() => {
+    void (async () => {
+      // check new version
+      const appVersion = Application.nativeApplicationVersion ;
+
+      if ( appVersion && (appVersion !== version) ) {
+        setVersion(appVersion) ;
+
+        // clear cache
+        await Image.clearDiskCache() ;
+      }
+    })() ;
+  }, []) ;
+} ;
+
+export default useCheckVersion ;

src/hooks/useColorScheme.ts

@@ -6,7 +6,7 @@ export default function useColorScheme() {
     (state) => state.theme
   ) ;
 
-  const systemTheme = _useColorScheme() ;
+  const systemTheme = _useColorScheme() ?? 'light' ;
 
   // Return the appropriate theme without causing side effects
   return themeStore === 'default' ? systemTheme : themeStore ;

src/hooks/useSettingsStore.ts

@@ -8,21 +8,25 @@ export type Theme = 'default' | 'dark' | 'light' ;
 
 export interface SettingsState {
   theme: Theme
+  version: string
 }
 
 interface Actions {
-  setTheme: (theme: Theme) => void,
+  setTheme: (theme: Theme) => void
+  setVersion: (version: string) => void
 }
 
 const initialState: SettingsState = {
   theme: 'default',
+  version: '',
 } ;
 
 const useSettingsStore = create<SettingsState & Actions>()(
   persist(
     (set) => ({
       ...initialState,
       setTheme: (theme) => set({ theme }),
+      setVersion: (version) => set({ version }),
     }),
     {
       name: SETTINGS_KEY,