feat(examples): add devbox integration for e2e-compat (#1265)

* feat(examples): add devbox integration for e2e-compat and example app

Add mobile-devtools plugin with Nix-managed Android/iOS SDKs for
reproducible builds. Includes device definitions and env-var-driven
SDK version resolution in gradle files.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* fix(devbox): add nodejs 22 to avoid nix insecure node 20 error

The react-native plugin pulls nodejs 20 which is now marked insecure
by nixpkgs (EOL). Explicitly add nodejs 22 to override.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* fix(e2e-compat): resolve devbox build issues and add version info

- Pin watchman to 2024.11.18.00 (latest has folly build failure on nixpkgs)
- Add uuid to metro blocklist (v14 at root is ESM-only, incompatible with RN 0.72 Metro)
- Write .xcode.env.local in build:ios to inject devbox node path for Xcode
- Add max device definitions and update lock files
- Show RN version and platform in Stats panel

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

* fix(e2e-compat): use pre-bundled JS for iOS release builds

The xcodebuild bundle phase fails in monorepo environments because metro
falls back to internal defaults and resolves entry-file against the repo
root. Fix by building native code with SKIP_BUNDLING=1 then bundling JS
separately via the RN CLI which correctly uses metro.config.js.

Also updates Home.tsx with improved error diagnostics (network vs server
errors with trace display) and adds reports/ to gitignore.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

Author: abueide

.gitignore

@@ -102,3 +102,7 @@ AGENTS.md
 
 # Notes and research (not for commit)
 notes/
+
+# Devbox
+.devbox/
+devbox.lock

examples/AnalyticsReactNativeExample/android/build.gradle

@@ -1,11 +1,18 @@
 buildscript {
     ext {
-        buildToolsVersion = "35.0.0"
+        def compileSdkEnv = System.getenv("ANDROID_COMPILE_SDK") ?: System.getenv("ANDROID_MAX_API") ?: "35"
+        def targetSdkEnv = System.getenv("ANDROID_TARGET_SDK") ?: System.getenv("ANDROID_MAX_API") ?: "35"
+        buildToolsVersion = System.getenv("ANDROID_BUILD_TOOLS_VERSION") ?: "35.0.0"
         minSdkVersion = 24
-        compileSdkVersion = 35
-        targetSdkVersion = 34
-        ndkVersion = "26.1.10909125"
-        kotlinVersion = "1.9.24"
+        compileSdkVersion = compileSdkEnv.toInteger()
+        targetSdkVersion = targetSdkEnv.toInteger()
+        kotlinVersion = "2.1.20"
+        def ndkVersionEnv = System.getenv("ANDROID_NDK_VERSION")
+        if (ndkVersionEnv) {
+            ndkVersion = ndkVersionEnv
+        } else {
+            ndkVersion = "26.1.10909125"
+        }
     }
     repositories {
         google()

examples/AnalyticsReactNativeExample/devbox.d/segment-integrations.mobile-devtools.android/devices/devices.lock

@@ -0,0 +1,11 @@
+{
+  "devices": [
+    {
+      "name": "medium_phone_api36",
+      "api": 36,
+      "device": "medium_phone",
+      "tag": "google_apis"
+    }
+  ],
+  "checksum": "e1a32475f99e1b20d5f0a20076f5ccade1803a8fe88af3bbad56e3e89ba332b7"
+}

examples/AnalyticsReactNativeExample/devbox.d/segment-integrations.mobile-devtools.android/devices/max.json

@@ -0,0 +1,6 @@
+{
+  "name": "medium_phone_api36",
+  "api": 36,
+  "device": "medium_phone",
+  "tag": "google_apis"
+}

examples/AnalyticsReactNativeExample/devbox.d/segment-integrations.mobile-devtools.ios/devices/devices.lock

@@ -0,0 +1,9 @@
+{
+  "devices": [
+    {
+      "name": "iPhone 17",
+      "runtime": "26.2"
+    }
+  ],
+  "checksum": "7d4b3ac2354a9fd80740d7f9ab5313b3e39fc87d59174e154e04c4996c332186"
+}

examples/AnalyticsReactNativeExample/devbox.d/segment-integrations.mobile-devtools.ios/devices/max.json

@@ -0,0 +1,4 @@
+{
+  "name": "iPhone 17",
+  "runtime": "26.2"
+}

examples/AnalyticsReactNativeExample/devbox.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://raw.githubusercontent.com/jetify-com/devbox/0.14.2/.schema/devbox.schema.json",
+  "include": [
+    "github:segment-integrations/mobile-devtools?dir=plugins/react-native&ref=main"
+  ],
+  "packages": {
+    "yarn-berry": "latest"
+  },
+  "env": {
+    "ANDROID_APP_APK": "android/app/build/outputs/apk/debug/app-debug.apk",
+    "IOS_APP_ARTIFACT": "ios/build/Build/Products/Debug-iphonesimulator/*.app"
+  },
+  "shell": {
+    "scripts": {
+      "install": ["yarn install --no-immutable"],
+      "install:pods": ["cd ios && pod install && cd .."],
+      "build:android": ["cd android && ./gradlew assembleDebug && cd .."],
+      "build:ios": [
+        "xcodebuild -workspace ios/AnalyticsReactNativeExample.xcworkspace -scheme AnalyticsReactNativeExample -configuration Debug -sdk iphonesimulator -derivedDataPath ios/build build"
+      ]
+    }
+  }
+}

examples/e2e-compat/.gitignore

@@ -64,3 +64,6 @@ yarn-error.log
 
 # testing
 /coverage
+
+# devbox/segkit reports
+/reports/

examples/e2e-compat/.yarnrc.yml

@@ -0,0 +1,4 @@
+approvedGitRepositories:
+  - '**'
+
+enableScripts: true

examples/e2e-compat/android/app/build.gradle

@@ -73,6 +73,10 @@ android {
 
     compileSdkVersion rootProject.ext.compileSdkVersion
 
+    lint {
+        checkReleaseBuilds false
+    }
+
     namespace "com.AnalyticsReactNativeE2E"
     defaultConfig {
         applicationId "com.AnalyticsReactNativeE2E"