Add menu with prototype named child syntax

Author: carson-katri

Sources/LiveViewNative/BuiltinRegistry.swift

@@ -60,6 +60,8 @@ struct BuiltinRegistry {
             EditButton()
         case "toggle":
             Toggle(element: element, context: context)
+        case "menu":
+            Menu(element: element, context: context)
         case "phx-form":
             PhxForm<R>(element: element, context: context)
         case "phx-submit-button":

Sources/LiveViewNative/LiveContext.swift

@@ -6,6 +6,7 @@
 //
 
 import SwiftUI
+import LiveViewNativeCore
 
 /// The context provides information at initialization-time to views in a LiveView.
 public struct LiveContext<R: CustomRegistry> {
@@ -45,4 +46,40 @@ public struct LiveContext<R: CustomRegistry> {
     public func buildChildren(of element: ElementNode) -> some View {
         return coordinator.builder.fromNodes(element.children(), context: self)
     }
+    
+    public func buildChildren(
+        of element: ElementNode,
+        `where` condition: (NodeChildrenSequence.Element) -> Bool
+    ) -> some View {
+        ForEach(element.children().filter(condition).map({ ($0.id, $0.children()) }), id: \.0) { subChildren in
+            coordinator.builder.fromNodes(subChildren.1, context: self)
+        }
+    }
+    
+    public func buildChildren(
+        of element: ElementNode,
+        withTagName tagName: String,
+        namespace: String? = nil
+    ) -> some View {
+        buildChildren(of: element, where: { child in
+            if case let .element(element) = child.data,
+               element.namespace == namespace,
+               element.tag == tagName
+            {
+                return true
+            } else {
+                return false
+            }
+        })
+    }
+    
+    public func buildChildren(of element: ElementNode, defaultSlotFor tagName: String) -> some View {
+        buildChildren(of: element, where: {
+            if case let .element(element) = $0.data {
+                return element.namespace != "menu"
+            } else {
+                return true
+            }
+        })
+    }
 }

Sources/LiveViewNative/Views/Controls and Indicators/Menus/Menu.swift

@@ -0,0 +1,48 @@
+//
+//  Menu.swift
+//  
+//
+//  Created by Carson Katri on 1/19/23.
+//
+
+import SwiftUI
+
+struct Menu<R: CustomRegistry>: View {
+    @ObservedElement private var element: ElementNode
+    let context: LiveContext<R>
+    
+    @FormState(default: false) var value: Bool
+    
+    init(element: ElementNode, context: LiveContext<R>) {
+        self.context = context
+    }
+    
+    public var body: some View {
+        SwiftUI.Menu {
+            context.buildChildren(of: element, withTagName: "content", namespace: "menu")
+        } label: {
+            context.buildChildren(of: element, defaultSlotFor: "menu")
+            context.buildChildren(of: element, withTagName: "label", namespace: "menu")
+        }
+    }
+}
+
+fileprivate enum MenuStyle: String {
+    case automatic
+    case borderlessButton = "borderless-button"
+    case button
+}
+
+fileprivate extension View {
+    @ViewBuilder
+    func applyMenuStyle(_ style: MenuStyle) -> some View {
+        switch style {
+        case .automatic:
+            self.menuStyle(.automatic)
+        case .borderlessButton:
+            self.menuStyle(.borderlessButton)
+        case .button:
+            self.menuStyle(.button)
+        }
+    }
+}