Merge pull request #150 from liveviewnative/menu

Add `Menu` and prototype for slot 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,39 @@ 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,
+        withTagName tagName: String,
+        namespace: String? = nil,
+        includeDefaultSlot: Bool = false
+    ) -> some View {
+        let children = element.children()
+        let namedSlotChildren = children.filter({ child in
+            if case let .element(element) = child.data,
+               element.namespace == namespace,
+               element.tag == tagName
+            {
+                return true
+            } else {
+                return false
+            }
+        })
+        if namedSlotChildren.isEmpty && includeDefaultSlot {
+            let defaultSlotChildren = children.filter({
+                if case let .element(element) = $0.data {
+                    return element.namespace != tagName
+                } else {
+                    return true
+                }
+            })
+            return ForEach(defaultSlotChildren.map({ ($0.id, $0.children()) }), id: \.0) { subChildren in
+                coordinator.builder.fromNodes(subChildren.1, context: self)
+            }
+        } else {
+            return ForEach(namedSlotChildren.map({ ($0.id, $0.children()) }), id: \.0) { subChildren in
+                coordinator.builder.fromNodes(subChildren.1, context: self)
+            }
+        }
+    }
 }

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

@@ -0,0 +1,45 @@
+//
+//  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>
+    
+    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, withTagName: "label", namespace: "menu", includeDefaultSlot: true)
+        }
+    }
+}
+
+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)
+        }
+    }
+}