separate versions

Author: juliusmarminge

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/TODO.md

@@ -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;

apps/mobile/app.config.ts

@@ -0,0 +1,45 @@
+{
+  "fill": {
+    "solid": "display-p3:0.00000,0.00000,0.00000,1.00000"
+  },
+  "groups": [
+    {
+      "layers": [
+        {
+          "hidden": false,
+          "image-name": "gpt-image-1.5-jd70szmrd03p36z4zv48ycsbax81egvr.png",
+          "name": "gpt-image-1.5-jd70szmrd03p36z4zv48ycsbax81egvr",
+          "position": {
+            "scale": 1.1,
+            "translation-in-points": [0, 0]
+          }
+        },
+        {
+          "image-name": "T3.svg",
+          "name": "T3",
+          "position": {
+            "scale": 10,
+            "translation-in-points": [0, 0]
+          }
+        },
+        {
+          "hidden": true,
+          "image-name": "Texturelabs_Paper_381XL.jpg",
+          "name": "Texturelabs_Paper_381XL"
+        }
+      ],
+      "shadow": {
+        "kind": "neutral",
+        "opacity": 0.5
+      },
+      "translucency": {
+        "enabled": true,
+        "value": 0.5
+      }
+    }
+  ],
+  "supported-platforms": {
+    "circles": ["watchOS"],
+    "squares": "shared"
+  }
+}

apps/mobile/app.json

@@ -0,0 +1,31 @@
+{
+  "fill": {
+    "solid": "display-p3:0.00000,0.00000,0.00000,1.00000"
+  },
+  "groups": [
+    {
+      "layers": [
+        {
+          "image-name": "T3.svg",
+          "name": "T3",
+          "position": {
+            "scale": 10,
+            "translation-in-points": [0, 0]
+          }
+        }
+      ],
+      "shadow": {
+        "kind": "neutral",
+        "opacity": 0.5
+      },
+      "translucency": {
+        "enabled": true,
+        "value": 0.5
+      }
+    }
+  ],
+  "supported-platforms": {
+    "circles": ["watchOS"],
+    "squares": "shared"
+  }
+}