feat(tde-00): expo 52

Author: haytherecharlie

.eslintrc

@@ -4,7 +4,7 @@
   "bracketSpacing": true,
   "endOfLine": "lf",
   "jsxSingleQuote": false,
-  "printWidth": 150,
+  "printWidth": 200,
   "semi": false,
   "singleQuote": true,
   "tabWidth": 2,

.prettierrc

@@ -26,8 +26,6 @@ Two sample screens have been created, so everything will run out of the box. Als
 
   - `hooks`: Reusable hooks.
 
-  - `types`: Global and local typings.
-
   - `utils`: Helpers and reusable methods.
 
 ---

README.md

@@ -6,13 +6,16 @@
     "version": "1.0.0",
     "orientation": "portrait",
     "icon": "./src/assets/images/app-icon.png",
+    "userInterfaceStyle": "automatic",
+    "newArchEnabled": true,
     "splash": {
       "image": "./src/assets/images/splash.png",
       "backgroundColor": "#222"
     },
-    "assetBundlePatterns": [
-      "**/*"
-    ],
+    "experiments": {
+      "reactServerFunctions": false
+    },
+    "assetBundlePatterns": ["assets/*"],
     "ios": {
       "supportsTablet": false
     },
@@ -25,12 +28,10 @@
     },
     "web": {
       "favicon": "./src/assets/images/app-icon.png",
+      "output": "static",
       "bundler": "metro"
     },
-    "plugins": [
-      "expo-router",
-      "expo-font"
-    ],
+    "plugins": ["expo-router", "expo-font"],
     "extra": {
       "router": {
         "origin": false

app.json

@@ -0,0 +1,22 @@
+import globals from 'globals'
+import pluginJs from '@eslint/js'
+import tseslint from 'typescript-eslint'
+import pluginReact from 'eslint-plugin-react'
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+  { files: ['**/*.{js,mjs,cjs,ts,jsx,tsx}'] },
+  { languageOptions: { globals: { ...globals.browser, ...globals.node } } },
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  pluginReact.configs.flat.recommended,
+  {
+    plugins: { react: pluginReact },
+    settings: { react: { version: '^18.3.1' } },
+    rules: {
+      'react/react-in-jsx-scope': 'off',
+      '@typescript-eslint/no-empty-object-type': 'off',
+      '@typescript-eslint/no-require-imports': 'off'
+    }
+  }
+]

eslint.config.mjs

@@ -0,0 +1,14 @@
+/* Asset Extensions */
+declare module '*.png'
+declare module '*.svg'
+declare module '*.jpeg'
+declare module '*.jpg'
+declare module '*.otf'
+
+/* Styled Components */
+declare module 'styled-components' {
+  import type { CSSProp } from 'styled-components'
+  import { appTheme } from 'src/config/theme'
+  type ThemeType = typeof appTheme
+  export interface DefaultTheme extends ThemeType {}
+}