[DNM WIP] SwiftUI testbed app

.gen_config.yml

@@ -9,3 +9,8 @@ platforms:
   - ios
 podspec_paths:
   - Development.podspec
+
+external_source_pods:
+  - MarketWorkflowUI:
+    - :git: 'https://github.com/squareup/market.git'
+      :tag: 'ios/MarketWorkflowUI/80.0.0'

Development.podspec

@@ -77,6 +77,19 @@ Pod::Spec.new do |s|
     test_spec.source_files = 'Samples/TicTacToe/Tests/**/*.swift'
   end
 
+  s.app_spec 'SwiftUITestbed' do |app_spec|
+    app_spec.source_files = 'Samples/SwiftUITestbed/Sources/**/*.swift'
+    app_spec.dependency 'MarketWorkflowUI', '80.0.0'
+  end
+
+  s.test_spec 'SwiftUITestbedTests' do |test_spec|
+    test_spec.dependency 'Development/SwiftUITestbed'
+    test_spec.dependency 'WorkflowTesting'
+    test_spec.requires_app_host = true
+    test_spec.app_host_name = 'Development/SwiftUITestbed'
+    test_spec.source_files = 'Samples/SwiftUITestbed/Tests/**/*.swift'
+  end
+
   s.app_spec 'SampleSplitScreen' do |app_spec|
     app_spec.dependency 'SplitScreenContainer'
     app_spec.source_files = 'Samples/SplitScreenContainer/DemoApp/**/*.swift'

Samples/SwiftUITestbed/Sources/AppDelegate.swift

@@ -0,0 +1,45 @@
+/*
+ * Copyright 2023 Square Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import MarketWorkflowUI
+import UIKit
+import WorkflowUI
+
+@UIApplicationMain
+class AppDelegate: UIResponder, UIApplicationDelegate {
+    var window: UIWindow?
+
+    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
+        window = UIWindow(frame: UIScreen.main.bounds)
+        window?.rootViewController = WorkflowHostingController(
+            workflow: RootWorkflow(close: nil)
+                .mapRendering(ModalHostContainer.init)
+                .mapRendering(MarketRootScreen.init)
+        )
+        window?.makeKeyAndVisible()
+        return true
+    }
+
+    func applicationWillResignActive(_ application: UIApplication) {}
+
+    func applicationDidEnterBackground(_ application: UIApplication) {}
+
+    func applicationWillEnterForeground(_ application: UIApplication) {}
+
+    func applicationDidBecomeActive(_ application: UIApplication) {}
+
+    func applicationWillTerminate(_ application: UIApplication) {}
+}

Samples/SwiftUITestbed/Sources/MainScreen.swift

@@ -0,0 +1,140 @@
+/*
+ * Copyright 2023 Square Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import BlueprintUI
+import MarketUI
+import MarketWorkflowUI
+import SwiftUI
+import ViewEnvironment
+
+struct MainScreen: MarketScreen {
+    enum Field: Hashable {
+        case title
+    }
+
+    @BlueprintUI.FocusState var focusedField: Field?
+
+    let title: String
+    let didChangeTitle: (String) -> Void
+
+    let allCapsToggleIsOn: Bool
+    let allCapsToggleIsEnabled: Bool
+    let didChangeAllCapsToggle: (Bool) -> Void
+
+    let didTapPushScreen: () -> Void
+    let didTapPresentScreen: () -> Void
+
+    let didTapClose: (() -> Void)?
+
+    func element(
+        in context: MarketWorkflowUI.MarketScreenContext,
+        with styles: MarketTheming.MarketStylesheet
+    ) -> BlueprintUI.Element {
+        MarketScreenContent {
+            Column(
+                underflow: .justifyToStart,
+                minimumSpacing: styles.spacings.spacing200
+            ) {
+                MarketInlineSectionHeader(
+                    style: styles.headers.inlineSection20,
+                    title: "Title"
+                )
+
+                MarketTextField(
+                    style: styles.fields.textField,
+                    label: "Text",
+                    text: title,
+                    onChange: didChangeTitle,
+                    onReturn: { _ in focusedField = nil }
+                )
+                .focused(when: $focusedField, equals: .title)
+                .onAppear { focusedField = .title }
+
+                Row(
+                    alignment: .center,
+                    minimumSpacing: styles.spacings.spacing200
+                ) {
+                    MarketLabel(
+                        textStyle: styles.typography.semibold20,
+                        color: styles.colors.text10,
+                        text: "All Caps"
+                    )
+
+                    MarketToggle(
+                        style: styles.toggle.normal,
+                        isOn: allCapsToggleIsOn,
+                        isEnabled: allCapsToggleIsEnabled,
+                        accessibilityLabel: "is all caps",
+                        onChange: didChangeAllCapsToggle
+                    )
+                }
+
+                Spacer(styles.spacings.spacing50)
+
+                MarketInlineSectionHeader(
+                    style: styles.headers.inlineSection20,
+                    title: "Navigation"
+                )
+
+                MarketButton(
+                    style: styles.button(rank: .secondary),
+                    text: "Push Screen",
+                    onTap: didTapPushScreen
+                )
+
+                MarketButton(
+                    style: styles.button(rank: .secondary),
+                    text: "Present Screen",
+                    onTap: didTapPresentScreen
+                )
+
+                MarketButton(
+                    style: styles.button(rank: .secondary),
+                    text: "Resign Focus",
+                    onTap: { focusedField = nil }
+                )
+            }
+        }
+    }
+}
+
+extension MainScreen: MarketBackStackContentScreen {
+    func backStackItem(in environment: ViewEnvironment) -> MarketUI.MarketNavigationItem {
+        MarketNavigationItem(
+            title: .text(.init(regular: title)),
+            backButton: didTapClose.map { .close(onTap: $0) } ?? .automatic()
+        )
+    }
+
+    var backStackIdentifier: AnyHashable? { nil }
+}
+
+struct MainScreen_Preview: PreviewProvider {
+    static var previews: some View {
+        MainScreen(
+            title: "New item",
+            didChangeTitle: { _ in },
+            allCapsToggleIsOn: true,
+            allCapsToggleIsEnabled: true,
+            didChangeAllCapsToggle: { _ in },
+            didTapPushScreen: {},
+            didTapPresentScreen: {},
+            didTapClose: {}
+        )
+        .asMarketBackStack()
+        .marketPreview()
+    }
+}

Samples/SwiftUITestbed/Sources/MainWorkflow.swift

@@ -0,0 +1,91 @@
+/*
+ * Copyright 2023 Square Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import MarketWorkflowUI
+import Workflow
+
+struct MainWorkflow: Workflow {
+    let didClose: (() -> Void)?
+
+    enum Output {
+        case pushScreen
+        case presentScreen
+    }
+
+    struct State {
+        var title: String
+        var isAllCaps: Bool
+
+        init(title: String) {
+            self.title = title
+            self.isAllCaps = title.isAllCaps
+        }
+    }
+
+    func makeInitialState() -> State {
+        State(title: "New item")
+    }
+
+    enum Action: WorkflowAction {
+        typealias WorkflowType = MainWorkflow
+
+        case pushScreen
+        case presentScreen
+        case changeTitle(String)
+        case changeAllCaps(Bool)
+
+        func apply(toState state: inout WorkflowType.State) -> WorkflowType.Output? {
+            switch self {
+            case .pushScreen:
+                return .pushScreen
+            case .presentScreen:
+                return .presentScreen
+            case .changeTitle(let newValue):
+                state.title = newValue
+                state.isAllCaps = newValue.isAllCaps
+            case .changeAllCaps(let isAllCaps):
+                state.isAllCaps = isAllCaps
+                state.title = isAllCaps ? state.title.uppercased() : state.title.lowercased()
+            }
+            return nil
+        }
+    }
+
+    typealias Rendering = MainScreen
+
+    func render(state: State, context: RenderContext<Self>) -> Rendering {
+        let sink = context.makeSink(of: Action.self)
+
+        return MainScreen(
+            title: state.title,
+            didChangeTitle: { sink.send(.changeTitle($0)) },
+            allCapsToggleIsOn: state.isAllCaps,
+            allCapsToggleIsEnabled: !state.title.isEmpty,
+            didChangeAllCapsToggle: { sink.send(.changeAllCaps($0)) },
+            didTapPushScreen: { sink.send(.pushScreen) },
+            didTapPresentScreen: { sink.send(.presentScreen) },
+            didTapClose: didClose
+        )
+    }
+}
+
+private extension String {
+    var isAllCaps: Bool {
+        allSatisfy { character in
+            character.isUppercase || !character.isCased
+        }
+    }
+}