Add POC for swiftUI version of emoji-search

redwood-treehouse/src/iosMain/kotlin/app/cash/redwood/treehouse/TreehouseSwiftUIView.kt

@@ -0,0 +1,54 @@
+/*
+ * Copyright (C) 2022 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.
+ */
+package app.cash.redwood.treehouse
+
+import app.cash.redwood.treehouse.TreehouseView.CodeListener
+import app.cash.redwood.widget.SwiftUIChildren
+import app.cash.redwood.widget.SwiftUIView
+import app.cash.redwood.widget.Widget
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+
+public class TreehouseSwiftUIView<A : AppService>(
+  private val treehouseApp: TreehouseApp<A>,
+  override val widgetSystem: TreehouseView.WidgetSystem<A>,
+) : TreehouseView<A>, SwiftUIView {
+
+  public override var codeListener: CodeListener = CodeListener()
+  private var content: TreehouseView.Content<A>? = null
+
+  private val _children = SwiftUIChildren()
+  override val children: Widget.Children<*> = _children
+  public override var stateChangeListener: TreehouseView.OnStateChangeListener<A>? = null
+
+  override fun reset() {
+    _children.remove(0, _children.widgets.size)
+  }
+
+  override val boundContent: TreehouseView.Content<A>?
+    get() = content
+
+  private val mutableHostConfiguration = MutableStateFlow(HostConfiguration())
+
+  override val hostConfiguration: StateFlow<HostConfiguration>
+    get() = mutableHostConfiguration
+
+  public fun setContent(content: TreehouseView.Content<A>) {
+    treehouseApp.dispatchers.checkUi()
+    this.content = content
+    stateChangeListener?.onStateChanged(this)
+  }
+}

redwood-widget/src/iosMain/kotlin/app/cash/redwood/widget/SwiftUIChildren.kt

@@ -0,0 +1,44 @@
+/*
+ * Copyright (C) 2022 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.
+ */
+package app.cash.redwood.widget
+
+public interface SwiftUIView
+
+public class SwiftUIChildren() : Widget.Children<SwiftUIView> {
+
+  private val _widgets = MutableListChildren<SwiftUIView>()
+  public val widgets: List<Widget<SwiftUIView>> = _widgets
+  public var observer: (() -> Unit)? = null
+
+  override fun insert(index: Int, widget: Widget<SwiftUIView>) {
+    _widgets.add(index, widget)
+    observer?.invoke()
+  }
+
+  override fun move(fromIndex: Int, toIndex: Int, count: Int) {
+    _widgets.move(fromIndex, toIndex, count)
+    observer?.invoke()
+  }
+
+  override fun remove(index: Int, count: Int) {
+    _widgets.remove(index, count)
+    observer?.invoke()
+  }
+
+  override fun onLayoutModifierUpdated(index: Int) {
+    // TODO
+  }
+}

samples/emoji-search/ios/README.md

@@ -1,3 +1,9 @@
 # iOS Emoji Search
 
 In `app/`, run `pod install` and then `open EmojiSearchApp.xcworkspace/`.
+
+# SwiftUI
+
+The same app has also been built in SwiftUI.
+
+In `swiftUI/`, run `pod install` and then `open EmojiSearchApp.xcworkspace/`.

samples/emoji-search/ios/shared/build.gradle

@@ -13,6 +13,7 @@ kotlin {
   sourceSets {
     commonMain {
       dependencies {
+        api projects.redwoodLayoutSchema.widget
         implementation projects.samples.emojiSearch.launcher
         implementation projects.samples.emojiSearch.presenters
         implementation projects.samples.emojiSearch.schema.widget.protocol

samples/emoji-search/ios/shared/src/commonMain/kotlin/app/cash/zipline/samples/emojisearch/exposed.kt

@@ -19,9 +19,13 @@ package app.cash.zipline.samples.emojisearch
 
 import app.cash.redwood.LayoutModifier
 import app.cash.redwood.layout.uiview.UIViewRedwoodLayoutWidgetFactory
+import app.cash.redwood.layout.widget.RedwoodLayoutWidgetFactory
+import app.cash.redwood.treehouse.TreehouseSwiftUIView
 import app.cash.redwood.treehouse.TreehouseUIKitView
 import app.cash.redwood.treehouse.TreehouseView
 import app.cash.redwood.treehouse.lazylayout.uiview.UIViewRedwoodTreehouseLazyLayoutWidgetFactory
+import app.cash.redwood.widget.SwiftUIChildren
+import app.cash.redwood.widget.SwiftUIView
 import example.schema.widget.EmojiSearchDiffConsumingNodeFactory
 import example.schema.widget.EmojiSearchWidgetFactory
 import okio.ByteString
@@ -38,6 +42,10 @@ fun exposedTypes(
   uiViewRedwoodTreehouseLazyLayoutWidgetFactory: UIViewRedwoodTreehouseLazyLayoutWidgetFactory<*>,
   widgetSystem: TreehouseView.WidgetSystem<*>,
   diffConsumingNodeFactory: EmojiSearchDiffConsumingNodeFactory<*>,
+  treehouseSwiftUIView: TreehouseSwiftUIView<*>,
+  layoutWidgetFactory: RedwoodLayoutWidgetFactory<*>,
+  swiftUIView: SwiftUIView,
+  swiftUIChildren: SwiftUIChildren,
 ) {
   throw AssertionError()
 }