chore: upgrade example app

Author: gmsgowtham

example/.gitignore

@@ -0,0 +1,37 @@
+# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
+
+# dependencies
+node_modules/
+
+# Expo
+.expo/
+dist/
+web-build/
+expo-env.d.ts
+
+# Native
+.kotlin/
+*.orig.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+
+# Metro
+.metro-health-check*
+
+# debug
+npm-debug.*
+yarn-debug.*
+yarn-error.*
+
+# macOS
+.DS_Store
+*.pem
+
+# local env files
+.env*.local
+
+# typescript
+*.tsbuildinfo

example/App.js

@@ -6,20 +6,21 @@
 		"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
 		},
 		"android": {
 			"adaptiveIcon": {
 				"foregroundImage": "./assets/adaptive-icon.png",
 				"backgroundColor": "#ffffff"
-			}
+			},
+			"edgeToEdgeEnabled": true
 		},
 		"web": {
 			"favicon": "./assets/favicon.png"

example/src/App.tsx renamed to example/App.tsx

@@ -0,0 +1,8 @@
+import { registerRootComponent } from "expo";
+
+import App from "./App";
+
+// registerRootComponent calls AppRegistry.registerComponent('main', () => App);
+// It also ensures that whether you load the app in Expo Go or in a native build,
+// the environment is set up appropriately
+registerRootComponent(App);

example/app.json

@@ -1,34 +1,28 @@
 {
 	"name": "example",
 	"version": "1.0.0",
-	"main": "node_modules/expo/AppEntry.js",
+	"main": "index.ts",
 	"scripts": {
 		"start": "expo start",
 		"android": "expo start --android",
 		"ios": "expo start --ios",
 		"web": "expo start --web"
 	},
 	"dependencies": {
-		"expo": "~48.0.15",
-		"expo-status-bar": "~1.4.4",
-		"react": "18.2.0",
-		"react-dom": "18.2.0",
-		"react-native": "0.71.8",
-		"react-native-safe-area-context": "4.5.0",
-		"react-native-web": "~0.18.10",
-		"react-syntax-highlighter": "15.5.0",
-		"webpack": "5.94.0"
+		"@expo/metro-runtime": "~5.0.4",
+		"expo": "~53.0.13",
+		"expo-status-bar": "~2.2.3",
+		"react": "19.0.0",
+		"react-dom": "19.0.0",
+		"react-native": "0.79.4",
+		"react-native-safe-area-context": "5.4.0",
+		"react-native-web": "^0.20.0",
+		"react-syntax-highlighter": "^15.6.1"
 	},
 	"devDependencies": {
-		"@babel/core": "7.22.1",
-		"@babel/preset-env": "7.22.4",
-		"@expo/webpack-config": "18.0.1",
-		"@types/react": "18.2.8",
-		"@types/react-native": "0.72.2",
-		"@types/react-syntax-highlighter": "15.5.7",
-		"babel-loader": "9.0.0",
-		"babel-plugin-module-resolver": "5.0.0",
-		"react-test-renderer": "18.2.0"
+		"@babel/core": "^7.25.2",
+		"@types/react": "~19.0.10",
+		"typescript": "~5.8.3"
 	},
 	"private": true
 }