chore: update Expo example app

Author: aryaemami59

examples/publish-ci/expo/.eslintrc.json

@@ -8,6 +8,8 @@ node_modules/
 .expo/
 dist/
 web-build/
+expo-env.d.ts
+build/
 
 # Native
 *.orig.*
@@ -36,3 +38,9 @@ yarn-error.*
 
 # typescript
 *.tsbuildinfo
+
+# IDE
+.vscode
+
+.yalc/
+yalc.lock

examples/publish-ci/expo/.gitignore

@@ -1,6 +1,5 @@
 {
   "arrowParens": "avoid",
-  "bracketSameLine": true,
-  "singleQuote": true,
-  "trailingComma": "all"
+  "semi": false,
+  "singleQuote": true
 }

examples/publish-ci/expo/.prettierrc.json

@@ -1,83 +1,10 @@
-import type { FC } from 'react';
-import {
-  SafeAreaView,
-  ScrollView,
-  StatusBar,
-  StyleSheet,
-  Text,
-  View,
-  useColorScheme,
-} from 'react-native';
-import { Provider } from 'react-redux';
-import { store } from './src/app/store';
-import { Counter } from './src/features/counter/Counter';
-
-import {
-  DebugInstructions,
-  HermesBadge,
-  LearnMoreLinks,
-  ReloadInstructions,
-} from 'react-native/Libraries/NewAppScreen';
-import { Header } from './src/components/Header';
-import { LearnReduxLinks } from './src/components/LearnReduxLinks';
-import { Section } from './src/components/Section';
-import { TypedColors } from './src/constants/TypedColors';
-
-export const App: FC = () => {
-  const isDarkMode = useColorScheme() === 'dark';
-
-  const backgroundStyle = {
-    backgroundColor: isDarkMode ? TypedColors.darker : TypedColors.lighter,
-  };
-
-  return (
-    <Provider store={store}>
-      <SafeAreaView style={backgroundStyle}>
-        <StatusBar
-          barStyle={isDarkMode ? 'light-content' : 'dark-content'}
-          backgroundColor={backgroundStyle.backgroundColor}
-        />
-        <ScrollView
-          contentInsetAdjustmentBehavior="automatic"
-          style={backgroundStyle}>
-          <Header />
-          <HermesBadge />
-          <View
-            style={{
-              backgroundColor: isDarkMode
-                ? TypedColors.black
-                : TypedColors.white,
-            }}>
-            <Counter />
-            <Section title="Step One">
-              Edit <Text style={styles.highlight}>App.tsx</Text> to change this
-              screen and then come back to see your edits.
-            </Section>
-            <Section title="See Your Changes">
-              <ReloadInstructions />
-            </Section>
-            <Section title="Debug">
-              <DebugInstructions />
-            </Section>
-            <Section title="Learn More Redux">
-              Discover what to do next with Redux:
-            </Section>
-            <LearnReduxLinks />
-            <Section title="Learn More React Native">
-              Read the docs to discover what to do next:
-            </Section>
-            <LearnMoreLinks />
-          </View>
-        </ScrollView>
-      </SafeAreaView>
-    </Provider>
-  );
-};
-
-const styles = StyleSheet.create({
-  highlight: {
-    fontWeight: '700',
-  },
-});
-
-export default App;
+import type { JSX } from 'react'
+import { Provider } from 'react-redux'
+import { store } from './src/app/store'
+import { Main } from './src/Main'
+
+export const App = (): JSX.Element => (
+  <Provider store={store}>
+    <Main />
+  </Provider>
+)

examples/publish-ci/expo/App.tsx

@@ -6,12 +6,12 @@
     "orientation": "portrait",
     "icon": "./assets/icon.png",
     "userInterfaceStyle": "light",
+    "newArchEnabled": true,
     "splash": {
-      "image": "./assets/splash.png",
+      "image": "./assets/splash-icon.png",
       "resizeMode": "contain",
       "backgroundColor": "#ffffff"
     },
-    "assetBundlePatterns": ["**/*"],
     "ios": {
       "supportsTablet": true
     },

examples/publish-ci/expo/__tests__/App.test.tsx

@@ -1,7 +1,20 @@
-/** @type {import('@babel/core').ConfigFunction} */
-module.exports = api => {
-  api.cache.forever();
+/** @import { ConfigFunction } from "@babel/core" */
+/** @import { BabelPresetExpoOptions } from "babel-preset-expo" */
+
+/**
+ * @satisfies {ConfigFunction}
+ */
+const config = api => {
+  api.cache.forever()
+
   return {
-    presets: ['babel-preset-expo'],
-  };
-};
+    presets: [
+      /**
+       * @satisfies {['babel-preset-expo', BabelPresetExpoOptions?]}
+       */
+      (['babel-preset-expo']),
+    ],
+  }
+}
+
+module.exports = config