Add T3 Code mobile app and shared remote runtime

Rebuild PR #2013 on top of current origin/main without the duplicated commit lineage.

Co-authored-by: codex <codex@users.noreply.github.com>

Author: juliusmarminge

.oxfmtrc.json

@@ -11,6 +11,7 @@
     "**/routeTree.gen.ts",
     "apps/web/public/mockServiceWorker.js",
     "apps/web/src/lib/vendor/qrcodegen.ts",
+    "apps/mobile/uniwind-types.d.ts"
     "*.icon/**"
   ],
   "sortPackageJson": {}

.oxlintrc.json

@@ -6,7 +6,8 @@
     "node_modules",
     "bun.lock",
     "*.tsbuildinfo",
-    "**/routeTree.gen.ts"
+    "**/routeTree.gen.ts",
+    "apps/mobile/uniwind-types.d.ts"
   ],
   "plugins": ["eslint", "oxc", "react", "unicorn", "typescript"],
   "categories": {
@@ -15,6 +16,7 @@
     "perf": "warn"
   },
   "rules": {
+    "unicorn/no-array-sort": "off",
     "react-in-jsx-scope": "off",
     "eslint/no-shadow": "off",
     "eslint/no-await-in-loop": "off"

apps/mobile/.gitignore

@@ -0,0 +1,41 @@
+# 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
+
+# generated native folders
+/ios
+/android

apps/mobile/README.md

@@ -0,0 +1,65 @@
+# T3 Code Mobile
+
+> [!WARNING]
+> T3 Code Mobile is currently in development and is not distributed yet. If you want to try it out, you can build it from source.
+
+## Quickstart
+
+> [!NOTE]
+> Uses native modules so using Expo Go is not supported. You need to use the Expo Dev Client.
+
+This app has three variants:
+
+- `development`: Expo dev client, installable side-by-side as `T3 Code Dev`
+- `preview`: persistent internal preview build, installable side-by-side as `T3 Code Preview`
+- `production`: store/release build as `T3 Code`
+
+Run commands from `apps/mobile`.
+
+## Development
+
+Start Metro for the dev client:
+
+```bash
+bun run dev:client
+```
+
+Build and run the local iOS dev client:
+
+```bash
+bun run ios:dev
+```
+
+Build and run the local iOS preview app:
+
+```bash
+bun run ios:preview
+```
+
+Inspect the resolved Expo config for a variant:
+
+```bash
+bun run config:dev
+bun run config:preview
+```
+
+## EAS Builds
+
+Create a cloud dev-client build:
+
+```bash
+bun run eas:ios:dev
+```
+
+Create a persistent preview build:
+
+```bash
+bun run eas:ios:preview
+```
+
+Android equivalents:
+
+```bash
+bun run eas:android:dev
+bun run eas:android:preview
+```

apps/mobile/app.config.ts

@@ -0,0 +1,130 @@
+import type { ExpoConfig } from "expo/config";
+
+type AppVariant = "development" | "preview" | "production";
+
+const APP_VARIANT = resolveAppVariant(process.env.APP_VARIANT);
+
+const VARIANT_CONFIG: Record<
+  AppVariant,
+  {
+    readonly appName: string;
+    readonly iosIcon: string;
+    readonly iosBundleIdentifier: string;
+    readonly androidPackage: string;
+  }
+> = {
+  development: {
+    appName: "T3 Code Dev",
+    iosIcon: "./assets/icon-composer-dev.icon",
+    iosBundleIdentifier: "com.t3tools.t3code.dev",
+    androidPackage: "com.t3tools.t3code.dev",
+  },
+  preview: {
+    appName: "T3 Code Preview",
+    iosIcon: "./assets/icon-composer-prod.icon",
+    iosBundleIdentifier: "com.t3tools.t3code.preview",
+    androidPackage: "com.t3tools.t3code.preview",
+  },
+  production: {
+    appName: "T3 Code",
+    iosIcon: "./assets/icon-composer-prod.icon",
+    iosBundleIdentifier: "com.t3tools.t3code",
+    androidPackage: "com.t3tools.t3code",
+  },
+};
+
+function resolveAppVariant(value: string | undefined): AppVariant {
+  switch (value) {
+    case "development":
+    case "preview":
+    case "production":
+      return value;
+    default:
+      return "production";
+  }
+}
+
+const variant = VARIANT_CONFIG[APP_VARIANT];
+
+const config: ExpoConfig = {
+  name: variant.appName,
+  slug: "t3-code",
+  scheme: "t3code",
+  version: "0.1.0",
+  runtimeVersion: {
+    policy: "appVersion",
+  },
+  orientation: "portrait",
+  icon: "./assets/icon.png",
+  userInterfaceStyle: "automatic",
+  updates: {
+    enabled: true,
+    url: "https://u.expo.dev/d763fcb8-d37c-41ea-a773-b54a0ab4a454",
+    checkAutomatically: "ON_LOAD",
+    fallbackToCacheTimeout: 0,
+  },
+  splash: {
+    image: "./assets/splash-icon.png",
+    resizeMode: "contain",
+    backgroundColor: "#ffffff",
+  },
+  ios: {
+    icon: variant.iosIcon,
+    supportsTablet: true,
+    bundleIdentifier: variant.iosBundleIdentifier,
+    infoPlist: {
+      NSAppTransportSecurity: {
+        NSAllowsArbitraryLoads: true,
+      },
+      ITSAppUsesNonExemptEncryption: false,
+    },
+  },
+  android: {
+    icon: "./assets/icon.png",
+    package: variant.androidPackage,
+    adaptiveIcon: {
+      backgroundColor: "#E6F4FE",
+      foregroundImage: "./assets/android-icon-foreground.png",
+      backgroundImage: "./assets/android-icon-background.png",
+      monochromeImage: "./assets/android-icon-monochrome.png",
+    },
+    predictiveBackGestureEnabled: false,
+  },
+  web: {
+    favicon: "./assets/favicon.png",
+  },
+  plugins: [
+    [
+      "expo-camera",
+      {
+        cameraPermission: "Allow T3 Code to access your camera so you can scan pairing QR codes.",
+        barcodeScannerEnabled: true,
+      },
+    ],
+    [
+      "expo-splash-screen",
+      {
+        image: "./assets/splash-icon.png",
+        resizeMode: "contain",
+        backgroundColor: "#ffffff",
+        imageWidth: 220,
+        dark: {
+          image: "./assets/splash-icon.png",
+          backgroundColor: "#0a0a0a",
+        },
+      },
+    ],
+    "expo-secure-store",
+    "expo-router",
+    "./plugins/withAndroidCleartextTraffic.cjs",
+  ],
+  extra: {
+    appVariant: APP_VARIANT,
+    eas: {
+      projectId: "d763fcb8-d37c-41ea-a773-b54a0ab4a454",
+    },
+  },
+  owner: "pingdotgg",
+};
+
+export default config;