[codex] Add Android mobile support

app.json

@@ -0,0 +1,3 @@
+{
+  "expo": {}
+}

apps/mobile/README.md

@@ -34,6 +34,30 @@ Build and run the local iOS dev client:
 vp run ios:dev
 ```
 
+If your Xcode account only has a Personal Team, use a bundle identifier you control and opt into the
+reduced-capability local build. Personal Team builds omit the widget extension, push entitlement, and
+native Sign in with Apple entitlement; builds without this opt-in are unchanged.
+
+```bash
+T3CODE_IOS_PERSONAL_TEAM=1 \
+T3CODE_IOS_PERSONAL_TEAM_BUNDLE_ID=com.example.t3code.dev \
+vp run ios:dev
+```
+
+Build and install a self-contained Release app that does not need Metro:
+
+```bash
+vp run ios:release
+```
+
+The Personal Team equivalent also needs a unique bundle identifier:
+
+```bash
+T3CODE_IOS_PERSONAL_TEAM=1 \
+T3CODE_IOS_PERSONAL_TEAM_BUNDLE_ID=com.example.t3code \
+vp run ios:release
+```
+
 Build and run the local iOS preview app:
 
 ```bash

apps/mobile/app.config.ts

@@ -8,6 +8,15 @@ const repoEnv = loadRepoEnv();
 Object.assign(process.env, repoEnv);
 
 const APP_VARIANT = resolveAppVariant(repoEnv.APP_VARIANT);
+const isIosPersonalTeamBuild = repoEnv.T3CODE_IOS_PERSONAL_TEAM === "1";
+
+const personalTeamBundleIdentifier = repoEnv.T3CODE_IOS_PERSONAL_TEAM_BUNDLE_ID?.trim();
+
+if (isIosPersonalTeamBuild && !personalTeamBundleIdentifier) {
+  throw new Error(
+    "T3CODE_IOS_PERSONAL_TEAM_BUNDLE_ID is required when T3CODE_IOS_PERSONAL_TEAM=1.",
+  );
+}
 
 const VARIANT_CONFIG: Record<
   AppVariant,
@@ -58,6 +67,27 @@ function resolveAppVariant(value: string | undefined): AppVariant {
 }
 
 const variant = VARIANT_CONFIG[APP_VARIANT];
+const iosBundleIdentifier =
+  isIosPersonalTeamBuild && personalTeamBundleIdentifier
+    ? personalTeamBundleIdentifier
+    : variant.iosBundleIdentifier;
+
+const widgetsPlugin = [
+  "expo-widgets",
+  {
+    bundleIdentifier: `${iosBundleIdentifier}.widgets`,
+    groupIdentifier: `group.${iosBundleIdentifier}`,
+    enablePushNotifications: true,
+    widgets: [
+      {
+        name: "AgentActivity",
+        displayName: "Agent Activity",
+        description: "Shows the current state of active T3 Code agents.",
+        supportedFamilies: ["systemSmall", "systemMedium", "accessoryRectangular"],
+      },
+    ],
+  },
+] satisfies NonNullable<ExpoConfig["plugins"]>[number];
 
 const config: ExpoConfig = {
   name: variant.appName,
@@ -80,15 +110,20 @@ const config: ExpoConfig = {
   ios: {
     icon: variant.iosIcon,
     supportsTablet: true,
-    bundleIdentifier: variant.iosBundleIdentifier,
-    // Pin code signing to the T3 Tools team so non-interactive `expo run:ios`
-    // does not fall back to a personal team (which cannot sign app groups,
-    // Sign in with Apple, or push notification entitlements).
-    appleTeamId: "ARK85ZXQ4Z",
-    associatedDomains: [
-      `applinks:${variant.relyingParty}`,
-      `webcredentials:${variant.relyingParty}`,
-    ],
+    bundleIdentifier: iosBundleIdentifier,
+    ...(isIosPersonalTeamBuild
+      ? {}
+      : {
+          // Pin code signing to the T3 Tools team so non-interactive `expo run:ios`
+          // does not fall back to a personal team (which cannot sign app groups,
+          // Sign in with Apple, or push notification entitlements). Personal-team
+          // builds opt out explicitly via T3CODE_IOS_PERSONAL_TEAM=1.
+          appleTeamId: "ARK85ZXQ4Z",
+          associatedDomains: [
+            `applinks:${variant.relyingParty}`,
+            `webcredentials:${variant.relyingParty}`,
+          ],
+        }),
     infoPlist: {
       NSAppTransportSecurity: {
         NSAllowsArbitraryLoads: true,
@@ -113,9 +148,39 @@ const config: ExpoConfig = {
     favicon: "./assets/favicon.png",
   },
   plugins: [
-    "expo-font",
+    "expo-asset",
+    [
+      "expo-font",
+      {
+        // Embeds DM Sans as native Android font resources (res/font) so
+        // native chrome themed by the config plugins (alert dialogs) can use
+        // the app typeface; JS font loading via @expo-google-fonts is
+        // unaffected.
+        android: {
+          fonts: [
+            {
+              fontFamily: "DM Sans",
+              fontDefinitions: [
+                {
+                  path: "node_modules/@expo-google-fonts/dm-sans/400Regular/DMSans_400Regular.ttf",
+                  weight: 400,
+                },
+                {
+                  path: "node_modules/@expo-google-fonts/dm-sans/500Medium/DMSans_500Medium.ttf",
+                  weight: 500,
+                },
+                {
+                  path: "node_modules/@expo-google-fonts/dm-sans/700Bold/DMSans_700Bold.ttf",
+                  weight: 700,
+                },
+              ],
+            },
+          ],
+        },
+      },
+    ],
     "expo-secure-store",
-    ["@clerk/expo", { theme: "./clerk-theme.json" }],
+    ["@clerk/expo", { theme: "./clerk-theme.json", appleSignIn: !isIosPersonalTeamBuild }],
     "expo-web-browser",
     [
       "expo-camera",
@@ -151,24 +216,13 @@ const config: ExpoConfig = {
       },
     ],
     "./plugins/withIosCocoaPodsUuidCache.cjs",
-    [
-      "expo-widgets",
-      {
-        bundleIdentifier: `${variant.iosBundleIdentifier}.widgets`,
-        groupIdentifier: `group.${variant.iosBundleIdentifier}`,
-        enablePushNotifications: true,
-        widgets: [
-          {
-            name: "AgentActivity",
-            displayName: "Agent Activity",
-            description: "Shows the current state of active T3 Code agents.",
-            supportedFamilies: ["systemSmall", "systemMedium", "accessoryRectangular"],
-          },
-        ],
-      },
-    ],
+    ...(!isIosPersonalTeamBuild ? [widgetsPlugin] : []),
     "./plugins/withIosSceneLifecycle.cjs",
     "./plugins/withAndroidCleartextTraffic.cjs",
+    "./plugins/withAndroidGradleHeap.cjs",
+    "./plugins/withAndroidModernPopupMenu.cjs",
+    "./plugins/withAndroidModernAlertDialog.cjs",
+    ...(isIosPersonalTeamBuild ? ["./plugins/withoutIosPersonalTeamCapabilities.cjs"] : []),
   ],
   extra: {
     appVariant: APP_VARIANT,

apps/mobile/metro.config.js

@@ -6,6 +6,7 @@ const { withUniwindConfig } = require("uniwind/metro");
 /** @type {import("expo/metro-config").MetroConfig} */
 const config = getDefaultConfig(__dirname);
 const workspaceRoot = path.resolve(__dirname, "../..");
+const escapedWorkspaceRoot = workspaceRoot.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 const mobileShikiRoot = path.dirname(require.resolve("shiki/package.json", { paths: [__dirname] }));
 const resolveShikiDependencyRoot = (packageName) => {
   const entryPath = require.resolve(packageName, { paths: [mobileShikiRoot] });
@@ -25,6 +26,14 @@ const resolveShikiDependencyRoot = (packageName) => {
 config.watchFolders = [...new Set([...(config.watchFolders ?? []), workspaceRoot])];
 config.resolver = {
   ...config.resolver,
+  blockList: [
+    ...(Array.isArray(config.resolver?.blockList)
+      ? config.resolver.blockList
+      : config.resolver?.blockList
+        ? [config.resolver.blockList]
+        : []),
+    new RegExp(`${escapedWorkspaceRoot}[/\\\\]\\.t3[/\\\\].*`),
+  ],
   extraNodeModules: {
     // oxlint-disable-next-line unicorn/no-useless-fallback-in-spread
     ...(config.resolver?.extraNodeModules ?? {}),

apps/mobile/modules/t3-composer-editor/android/build.gradle

@@ -0,0 +1,19 @@
+apply plugin: 'com.android.library'
+apply plugin: 'org.jetbrains.kotlin.android'
+
+group = 'com.t3tools.composereditor'
+version = '0.0.0'
+
+android {
+  namespace 'expo.modules.t3composereditor'
+  compileSdk rootProject.ext.compileSdkVersion
+
+  defaultConfig {
+    minSdkVersion rootProject.ext.minSdkVersion
+    targetSdkVersion rootProject.ext.targetSdkVersion
+  }
+}
+
+dependencies {
+  implementation project(':expo-modules-core')
+}

apps/mobile/modules/t3-composer-editor/android/src/main/AndroidManifest.xml

@@ -0,0 +1 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android" />

apps/mobile/modules/t3-composer-editor/android/src/main/java/expo/modules/t3composereditor/T3ComposerEditorModule.kt

@@ -0,0 +1,72 @@
+package expo.modules.t3composereditor
+
+import expo.modules.kotlin.modules.Module
+import expo.modules.kotlin.modules.ModuleDefinition
+
+class T3ComposerEditorModule : Module() {
+  override fun definition() = ModuleDefinition {
+    Name("T3ComposerEditor")
+
+    View(T3ComposerEditorView::class) {
+      Prop("controlledDocumentJson") { view: T3ComposerEditorView, documentJson: String ->
+        view.setControlledDocumentJson(documentJson)
+      }
+      Prop("themeJson") { view: T3ComposerEditorView, themeJson: String ->
+        view.setThemeJson(themeJson)
+      }
+      Prop("placeholder") { view: T3ComposerEditorView, placeholder: String ->
+        view.setPlaceholder(placeholder)
+      }
+      Prop("fontFamily") { view: T3ComposerEditorView, fontFamily: String ->
+        view.setFontFamily(fontFamily)
+      }
+      Prop("fontSize") { view: T3ComposerEditorView, fontSize: Double ->
+        view.setFontSize(fontSize.toFloat())
+      }
+      Prop("lineHeight") { view: T3ComposerEditorView, lineHeight: Double ->
+        view.setLineHeight(lineHeight.toFloat())
+      }
+      Prop("contentInsetVertical") { view: T3ComposerEditorView, contentInsetVertical: Double ->
+        view.setContentInsetVertical(contentInsetVertical.toInt())
+      }
+
+      Prop("singleLineCentered") { view: T3ComposerEditorView, singleLineCentered: Boolean ->
+        view.setSingleLineCentered(singleLineCentered)
+      }
+      Prop("editable") { view: T3ComposerEditorView, editable: Boolean ->
+        view.setEditable(editable)
+      }
+      Prop("scrollEnabled") { view: T3ComposerEditorView, scrollEnabled: Boolean ->
+        view.setScrollEnabled(scrollEnabled)
+      }
+      Prop("autoFocus") { view: T3ComposerEditorView, autoFocus: Boolean ->
+        view.setAutoFocus(autoFocus)
+      }
+      Prop("autoCorrect") { view: T3ComposerEditorView, autoCorrect: Boolean ->
+        view.setAutoCorrect(autoCorrect)
+      }
+      Prop("spellCheck") { view: T3ComposerEditorView, spellCheck: Boolean ->
+        view.setSpellCheck(spellCheck)
+      }
+
+      Events(
+        "onComposerChange",
+        "onComposerSelectionChange",
+        "onComposerFocus",
+        "onComposerBlur",
+        "onComposerPasteImages",
+        "onComposerContentSizeChange",
+      )
+
+      AsyncFunction("focus") { view: T3ComposerEditorView ->
+        view.focusEditor()
+      }
+      AsyncFunction("blur") { view: T3ComposerEditorView ->
+        view.blurEditor()
+      }
+      AsyncFunction("setSelection") { view: T3ComposerEditorView, start: Int, end: Int ->
+        view.setSelection(start, end)
+      }
+    }
+  }
+}