Improve iPad mobile navigation and offline caching

app.json

@@ -0,0 +1,5 @@
+{
+  "ios": {
+    "bundleIdentifier": "com.juliusmarminge.-t3toolsmonorepo"
+  }
+}

apps/mobile/.swiftlint.yml

@@ -1,6 +1,7 @@
 included:
   - ios/T3Code
   - modules/t3-composer-editor/ios
+  - modules/t3-native-controls/ios
   - modules/t3-terminal/ios
   - modules/t3-review-diff/ios
 

apps/mobile/app.config.ts

@@ -17,6 +17,7 @@ const VARIANT_CONFIG: Record<
     readonly iosIcon: string;
     readonly iosBundleIdentifier: string;
     readonly androidPackage: string;
+    readonly relyingParty?: string;
   }
 > = {
   development: {
@@ -25,20 +26,23 @@ const VARIANT_CONFIG: Record<
     iosIcon: "./assets/icon-composer-dev.icon",
     iosBundleIdentifier: "com.t3tools.t3code.dev",
     androidPackage: "com.t3tools.t3code.dev",
+    relyingParty: "clerk.t3.codes",
   },
   preview: {
     appName: "T3 Code Preview",
     scheme: "t3code-preview",
     iosIcon: "./assets/icon-composer-prod.icon",
     iosBundleIdentifier: "com.t3tools.t3code.preview",
     androidPackage: "com.t3tools.t3code.preview",
+    relyingParty: "clerk.t3.codes",
   },
   production: {
     appName: "T3 Code",
     scheme: "t3code",
     iosIcon: "./assets/icon-composer-prod.icon",
     iosBundleIdentifier: "com.t3tools.t3code",
     androidPackage: "com.t3tools.t3code",
+    relyingParty: "clerk.t3.codes",
   },
 };
 
@@ -77,6 +81,10 @@ const config: ExpoConfig = {
     icon: variant.iosIcon,
     supportsTablet: true,
     bundleIdentifier: variant.iosBundleIdentifier,
+    associatedDomains: [
+      `applinks:${variant.relyingParty}`,
+      `webcredentials:${variant.relyingParty}`,
+    ],
     infoPlist: {
       NSAppTransportSecurity: {
         NSAllowsArbitraryLoads: true,
@@ -101,7 +109,6 @@ const config: ExpoConfig = {
     favicon: "./assets/favicon.png",
   },
   plugins: [
-    "expo-router",
     "expo-font",
     "expo-secure-store",
     ["@clerk/expo", { theme: "./clerk-theme.json" }],
@@ -139,6 +146,7 @@ const config: ExpoConfig = {
         },
       },
     ],
+    "./plugins/withIosCocoaPodsUuidCache.cjs",
     [
       "expo-widgets",
       {
@@ -155,6 +163,7 @@ const config: ExpoConfig = {
         ],
       },
     ],
+    "./plugins/withIosSceneLifecycle.cjs",
     "./plugins/withAndroidCleartextTraffic.cjs",
   ],
   extra: {

apps/mobile/index.ts

@@ -1,2 +1,6 @@
 import "react-native-gesture-handler";
-import "expo-router/entry";
+import { registerRootComponent } from "expo";
+
+import App from "./src/App";
+
+registerRootComponent(App);

apps/mobile/modules/t3-composer-editor/ios/T3ComposerEditorModule.swift

@@ -47,6 +47,7 @@ public class T3ComposerEditorModule: Module {
         "onComposerSelectionChange",
         "onComposerFocus",
         "onComposerBlur",
+        "onComposerSubmit",
         "onComposerPasteImages",
         "onComposerContentSizeChange"
       )

apps/mobile/modules/t3-composer-editor/ios/T3ComposerEditorView.swift

@@ -63,6 +63,24 @@ private final class ComposerTextView: UITextView {
 
   var onPasteImages: (([String]) -> Void)?
   var onAttributedMutation: (() -> Void)?
+  var onSubmit: (() -> Void)?
+
+  override var keyCommands: [UIKeyCommand]? {
+    var commands = super.keyCommands ?? []
+    let submit = UIKeyCommand(
+      input: "\r",
+      modifierFlags: .command,
+      action: #selector(submitMessage(_:))
+    )
+    submit.discoverabilityTitle = "Send Message"
+    submit.wantsPriorityOverSystemBehavior = true
+    commands.append(submit)
+    return commands
+  }
+
+  @objc private func submitMessage(_ sender: UIKeyCommand) {
+    onSubmit?()
+  }
 
   override func canPerformAction(_ action: Selector, withSender sender: Any?) -> Bool {
     if action == #selector(paste(_:)) {
@@ -299,6 +317,7 @@ public final class T3ComposerEditorView: ExpoView, UITextViewDelegate {
   let onComposerSelectionChange = EventDispatcher()
   let onComposerFocus = EventDispatcher()
   let onComposerBlur = EventDispatcher()
+  let onComposerSubmit = EventDispatcher()
   let onComposerPasteImages = EventDispatcher()
   let onComposerContentSizeChange = EventDispatcher()
 
@@ -320,6 +339,9 @@ public final class T3ComposerEditorView: ExpoView, UITextViewDelegate {
     textView.onAttributedMutation = { [weak self] in
       self?.emitTextChange()
     }
+    textView.onSubmit = { [weak self] in
+      self?.onComposerSubmit([:])
+    }
     addSubview(textView)
 
     placeholderLabel.numberOfLines = 0

apps/mobile/modules/t3-native-controls/expo-module.config.json

@@ -0,0 +1,6 @@
+{
+  "platforms": ["apple"],
+  "apple": {
+    "modules": ["T3NativeControlsModule", "T3KeyboardCommandsModule"]
+  }
+}

apps/mobile/modules/t3-native-controls/ios/T3HeaderButtonView.swift

@@ -0,0 +1,62 @@
+import ExpoModulesCore
+import UIKit
+
+public final class T3HeaderButtonView: ExpoView {
+  private static let size: CGFloat = 44
+  private static let symbolSize: CGFloat = 18
+
+  private let button = UIButton(type: .system)
+  private var systemImage = "circle"
+
+  let onTriggered = EventDispatcher()
+
+  public required init(appContext: AppContext? = nil) {
+    super.init(appContext: appContext)
+
+    isAccessibilityElement = false
+    button.frame = bounds
+    button.autoresizingMask = [.flexibleWidth, .flexibleHeight]
+    button.addTarget(self, action: #selector(handlePress), for: .primaryActionTriggered)
+    addSubview(button)
+    applyConfiguration()
+  }
+
+  public override var intrinsicContentSize: CGSize {
+    CGSize(width: Self.size, height: Self.size)
+  }
+
+  public func setLabel(_ label: String) {
+    button.accessibilityLabel = label
+  }
+
+  public func setSystemImage(_ systemImage: String) {
+    guard self.systemImage != systemImage else {
+      return
+    }
+    self.systemImage = systemImage
+    applyConfiguration()
+  }
+
+  private func applyConfiguration() {
+    var configuration: UIButton.Configuration
+    if #available(iOS 26.0, *) {
+      configuration = .glass()
+      configuration.cornerStyle = .capsule
+    } else {
+      configuration = .plain()
+    }
+
+    configuration.baseForegroundColor = .label
+    configuration.contentInsets = .zero
+    configuration.image = UIImage(systemName: systemImage)
+    configuration.preferredSymbolConfigurationForImage = UIImage.SymbolConfiguration(
+      pointSize: Self.symbolSize,
+      weight: .regular
+    )
+    button.configuration = configuration
+  }
+
+  @objc private func handlePress() {
+    onTriggered()
+  }
+}

apps/mobile/modules/t3-native-controls/ios/T3KeyboardCommandsModule.swift

@@ -0,0 +1,131 @@
+import ExpoModulesCore
+import UIKit
+
+public final class T3KeyboardCommandsModule: Module {
+  public func definition() -> ModuleDefinition {
+    Name("T3KeyboardCommands")
+
+    View(T3KeyboardCommandsView.self) {
+      Prop("enabledCommands") { (view: T3KeyboardCommandsView, commands: [String]) in
+        view.setEnabledCommands(commands)
+      }
+      Events("onCommand")
+    }
+  }
+}
+
+public final class T3KeyboardCommandsView: ExpoView {
+  let onCommand = EventDispatcher()
+  private var enabledCommands = Set<String>()
+
+  public override var canBecomeFirstResponder: Bool { true }
+
+  public override var keyCommands: [UIKeyCommand]? {
+    [
+      enabledCommand("newTask", input: "n", modifiers: .command, action: #selector(newTask), title: "New Task"),
+      enabledCommand("focusSearch", input: "f", modifiers: .command, action: #selector(focusSearch), title: "Find"),
+      enabledCommand("focusSearch", input: "k", modifiers: .command, action: #selector(focusSearch), title: "Focus Search"),
+      enabledCommand("back", input: "[", modifiers: .command, action: #selector(goBack), title: "Back"),
+      enabledCommand("files", input: "f", modifiers: [.command, .shift], action: #selector(openFiles), title: "Open Files"),
+      enabledCommand("terminal", input: "t", modifiers: [.command, .shift], action: #selector(openTerminal), title: "Open Terminal"),
+      enabledCommand("review", input: "r", modifiers: [.command, .shift], action: #selector(openReview), title: "Open Review"),
+      enabledCommand("toggleSidebar", input: "\\", modifiers: .command, action: #selector(handleToggleSidebar), title: "Toggle Sidebar"),
+    ].compactMap { $0 }
+  }
+
+  func setEnabledCommands(_ commands: [String]) {
+    enabledCommands = Set(commands)
+    if isFirstResponder {
+      resignFirstResponder()
+    }
+    reclaimFirstResponderIfAvailable()
+  }
+
+  private func enabledCommand(
+    _ identifier: String,
+    input: String,
+    modifiers: UIKeyModifierFlags,
+    action: Selector,
+    title: String
+  ) -> UIKeyCommand? {
+    guard enabledCommands.contains(identifier) else { return nil }
+    return command(input, modifiers: modifiers, action: action, title: title)
+  }
+
+  public required init(appContext: AppContext? = nil) {
+    super.init(appContext: appContext)
+    NotificationCenter.default.addObserver(
+      self,
+      selector: #selector(reclaimFirstResponderIfAvailable),
+      name: UITextView.textDidEndEditingNotification,
+      object: nil
+    )
+    NotificationCenter.default.addObserver(
+      self,
+      selector: #selector(reclaimFirstResponderIfAvailable),
+      name: UITextField.textDidEndEditingNotification,
+      object: nil
+    )
+    NotificationCenter.default.addObserver(
+      self,
+      selector: #selector(reclaimFirstResponderIfAvailable),
+      name: UIApplication.didBecomeActiveNotification,
+      object: nil
+    )
+  }
+
+  deinit {
+    NotificationCenter.default.removeObserver(self)
+  }
+
+  public override func didMoveToWindow() {
+    super.didMoveToWindow()
+    reclaimFirstResponderIfAvailable()
+  }
+
+  public override func layoutSubviews() {
+    super.layoutSubviews()
+    reclaimFirstResponderIfAvailable()
+  }
+
+  private func command(
+    _ input: String,
+    modifiers: UIKeyModifierFlags,
+    action: Selector,
+    title: String
+  ) -> UIKeyCommand {
+    let command = UIKeyCommand(input: input, modifierFlags: modifiers, action: action)
+    command.discoverabilityTitle = title
+    command.wantsPriorityOverSystemBehavior = true
+    return command
+  }
+
+  @objc private func newTask() { emit("newTask") }
+  @objc private func focusSearch() { emit("focusSearch") }
+  @objc private func goBack() { emit("back") }
+  @objc private func openFiles() { emit("files") }
+  @objc private func openTerminal() { emit("terminal") }
+  @objc private func openReview() { emit("review") }
+  @objc private func handleToggleSidebar() { emit("toggleSidebar") }
+
+  private func emit(_ command: String) {
+    onCommand(["command": command])
+  }
+
+  @objc private func reclaimFirstResponderIfAvailable() {
+    DispatchQueue.main.async { [weak self] in
+      guard let self, self.window?.t3FirstResponder == nil else { return }
+      self.becomeFirstResponder()
+    }
+  }
+}
+
+private extension UIView {
+  var t3FirstResponder: UIResponder? {
+    if isFirstResponder { return self }
+    for subview in subviews {
+      if let responder = subview.t3FirstResponder { return responder }
+    }
+    return nil
+  }
+}

apps/mobile/modules/t3-native-controls/ios/T3NativeControls.podspec

@@ -0,0 +1,19 @@
+Pod::Spec.new do |s|
+  s.name           = 'T3NativeControls'
+  s.version        = '1.0.0'
+  s.summary        = 'Native UIKit controls for T3 Code mobile.'
+  s.description    = 'UIKit-backed controls that match native iOS navigation chrome.'
+  s.author         = 'T3 Tools'
+  s.homepage       = 'https://t3tools.com'
+  s.platforms      = {
+    :ios => '18.0',
+  }
+  s.source         = { :path => '.' }
+  s.static_framework = true
+
+  s.dependency 'ExpoModulesCore'
+  s.pod_target_xcconfig = {
+    'DEFINES_MODULE' => 'YES',
+  }
+  s.source_files = '**/*.{h,m,mm,swift,hpp,cpp}'
+end

apps/mobile/modules/t3-native-controls/ios/T3NativeControlsModule.swift

@@ -0,0 +1,18 @@
+import ExpoModulesCore
+
+public final class T3NativeControlsModule: Module {
+  public func definition() -> ModuleDefinition {
+    Name("T3NativeControls")
+
+    View(T3HeaderButtonView.self) {
+      Prop("label") { (view: T3HeaderButtonView, label: String) in
+        view.setLabel(label)
+      }
+      Prop("systemImage") { (view: T3HeaderButtonView, systemImage: String) in
+        view.setSystemImage(systemImage)
+      }
+
+      Events("onTriggered")
+    }
+  }
+}