chore: upgrade to Expo SDK 56, fix typecheck, add CI (#14)

Bump expo to ^56 and align react-native, react, react-dom, and the Expo
managed deps to the SDK 56 compatible versions.

Config migration: remove newArchEnabled (new architecture is now the
default) and android.edgeToEdgeEnabled (dropped in SDK 56) from app.json
and app.config.ts, and move the top-level splash config into the
expo-splash-screen plugin.

Typecheck: add a tsconfig exclude for test files and declare the css
module so the global.css import resolves.

Add ci.yml gate running tsc and the test suite on push and pull request.

Author: ph33nx

.github/workflows/ci.yml

@@ -0,0 +1,19 @@
+name: CI
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+
+jobs:
+  verify:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: npm
+      - run: npm ci
+      - run: npx tsc --noEmit
+      - run: npm test

app.config.ts

@@ -8,13 +8,7 @@ export default ({ config }: ConfigContext): ExpoConfig => ({
   orientation: "portrait",
   icon: "./assets/icon.png",
   userInterfaceStyle: "automatic",
-  newArchEnabled: true,
   scheme: "roxyapi-numerology",
-  splash: {
-    image: "./assets/splash-icon.png",
-    resizeMode: "contain",
-    backgroundColor: "#ffffff",
-  },
   ios: {
     supportsTablet: true,
     bundleIdentifier: "com.roxyapi.numerology",
@@ -25,13 +19,22 @@ export default ({ config }: ConfigContext): ExpoConfig => ({
       backgroundColor: "#ffffff",
     },
     package: "com.roxyapi.numerology",
-    edgeToEdgeEnabled: true,
     predictiveBackGestureEnabled: false,
   },
   web: {
     favicon: "./assets/favicon.png",
   },
-  plugins: ["expo-router"],
+  plugins: [
+    "expo-router",
+    [
+      "expo-splash-screen",
+      {
+        image: "./assets/splash-icon.png",
+        resizeMode: "contain",
+        backgroundColor: "#ffffff",
+      },
+    ],
+  ],
   experiments: {
     typedRoutes: true,
   },

app.json

@@ -6,12 +6,6 @@
     "orientation": "portrait",
     "icon": "./assets/icon.png",
     "userInterfaceStyle": "light",
-    "newArchEnabled": true,
-    "splash": {
-      "image": "./assets/splash-icon.png",
-      "resizeMode": "contain",
-      "backgroundColor": "#ffffff"
-    },
     "ios": {
       "supportsTablet": true
     },
@@ -20,7 +14,6 @@
         "foregroundImage": "./assets/adaptive-icon.png",
         "backgroundColor": "#ffffff"
       },
-      "edgeToEdgeEnabled": true,
       "predictiveBackGestureEnabled": false
     },
     "web": {

nativewind-env.d.ts

@@ -1 +1,3 @@
 /// <reference types="nativewind/types" />
+
+declare module "*.css";