Add button command, fix list selection

CHDataManagement/Views/Pages/Commands/Insert+Buttons.swift

@@ -0,0 +1,200 @@
+import SwiftUI
+import SFSafeSymbols
+
+final class InsertableFileButton: ObservableObject {
+
+    @Published
+    var label: ContentLabel = .init(icon: .buttonDownload, value: "Text")
+
+    @Published
+    var file: FileResource?
+
+    @Published
+    var downloadedFileName: String? = nil
+
+    var command: String? {
+        guard let file else {
+            return nil
+        }
+        let result =
+            """
+            icon: \(label.icon.rawValue)
+            text: \(label.value)
+            file: \(file.id)
+            """
+        guard let downloadedFileName else {
+            return result
+        }
+        return result + "\n" + "name: \(downloadedFileName)"
+    }
+}
+
+final class InsertableUrlButton: ObservableObject {
+
+    @Published
+    var label: ContentLabel = .init(icon: .buttonDownload, value: "Text")
+
+    @Published
+    var url: String = "Url"
+
+    var command: String? {
+        """
+        icon: \(label.icon.rawValue)
+        text: \(label.value)
+        url: \(url)
+        """
+    }
+}
+
+final class InsertableEventButton: ObservableObject {
+
+    @Published
+    var label: ContentLabel = .init(icon: .buttonDownload, value: "Text")
+
+    @Published
+    var event: String = "Javascript"
+
+    var command: String? {
+        """
+        icon: \(label.icon.rawValue)
+        text: \(label.value)
+        event: \(event)
+        """
+    }
+}
+
+struct InsertableButtons: View, InsertableCommandView {
+
+    final class Model: ObservableObject, InsertableCommandModel {
+
+        enum AnyButton: Identifiable {
+            case file(InsertableFileButton)
+            case url(InsertableUrlButton)
+            case event(InsertableEventButton)
+
+            var command: String? {
+                switch self {
+                case .file(let file):
+                    return file.command
+                case .url(let url):
+                    return url.command
+                case .event(let event):
+                    return event.command
+                }
+            }
+
+            var id: String {
+                switch self {
+                case .file(let file):
+                    return "file-\(file.file?.id ?? "none")"
+                case .url(let url):
+                    return "url-\(url.url)"
+                case .event(let event):
+                    return "event-\(event.event)"
+                }
+            }
+        }
+
+        @Published
+        var buttons: [AnyButton] = []
+
+        var isReady: Bool {
+            !buttons.isEmpty
+        }
+
+        var command: String? {
+            let result = buttons.compactMap { $0.command }
+            guard result.count == buttons.count else {
+                return nil
+            }
+            return result.map {
+                "```buttons\n\($0)\n```"
+            }.joined(separator: "\n\n")
+        }
+    }
+
+    static let title = "Buttons"
+
+    static let sheetTitle = "Insert buttons"
+
+    static let icon: SFSymbol = .rectangleAndHandPointUpLeft
+
+    @ObservedObject
+    private var model: Model
+
+    init(model: Model) {
+        self.model = model
+    }
+
+    var body: some View {
+        VStack(alignment: .leading) {
+            List(model.buttons) { button in
+                switch button {
+                case .file(let file):
+                    FileButtonView(content: file)
+                case .url(let url):
+                    UrlButtonView(content: url)
+                case .event(let event):
+                    EventButtonView(content: event)
+                }
+            }
+            .frame(minHeight: 300)
+            HStack {
+                Spacer()
+                Button("File", action: { model.buttons.append(.file(.init())) })
+                Button("Url", action: { model.buttons.append(.url(.init())) })
+                Button("Event", action: { model.buttons.append(.event(.init())) })
+                Spacer()
+            }
+        }
+    }
+}
+
+private struct FileButtonView: View {
+
+    @ObservedObject
+    var content: InsertableFileButton
+
+    @State
+    private var showFileSelectionSheet = false
+
+    var body: some View {
+        HStack {
+            LabelEditingView(label: content.label)
+            Button("\(content.file?.id ?? "Select file")", action: { showFileSelectionSheet = true })
+            OptionalTextField("", text: $content.downloadedFileName, prompt: "Downloaded file name")
+                .textFieldStyle(.roundedBorder)
+        }
+        .sheet(isPresented: $showFileSelectionSheet) {
+            FileSelectionView(selectedFile: $content.file)
+        }
+    }
+}
+
+private struct UrlButtonView: View {
+
+    @ObservedObject
+    var content: InsertableUrlButton
+
+    var body: some View {
+        HStack {
+            LabelEditingView(label: content.label)
+            TextField("", text: $content.url, prompt: Text("URL"))
+                .textFieldStyle(.roundedBorder)
+        }
+    }
+}
+
+private struct EventButtonView: View {
+
+    @ObservedObject
+    var content: InsertableEventButton
+
+    var body: some View {
+        HStack {
+            LabelEditingView(label: content.label)
+            TextField("", text: $content.event, prompt: Text("Javascript"))
+                .textFieldStyle(.roundedBorder)
+        }
+    }
+}

CHDataManagement/Views/Pages/Commands/InsertableItemsView.swift

@@ -8,6 +8,7 @@ struct InsertableItemsView: View {
                 .font(.headline)
             InsertableView<InsertableImage>()
             InsertableView<InsertableLabels>()
+            InsertableView<InsertableButtons>()
         }
     }
 }

CHDataManagement/Views/Pages/PageListView.swift

@@ -41,17 +41,15 @@ struct PageListView: View {
     private var language
 
     @EnvironmentObject
-    private var content: Content
+    private var selection: SelectedContent
 
-    @Binding
-    private var selectedPage: Page?
+    @EnvironmentObject
+    private var content: Content
 
     @State
     private var searchString = ""
 
-    init(selectedPage: Binding<Page?>) {
-        self._selectedPage = selectedPage
-    }
+    init() { }
 
     private var filteredPages: [Page] {
         guard !searchString.isEmpty else {
@@ -65,20 +63,30 @@ struct PageListView: View {
             TextField("", text: $searchString, prompt: Text("Search"))
                 .textFieldStyle(.roundedBorder)
                 .padding(.horizontal, 8)
-            List(filteredPages, selection: $selectedPage) { page in
+            List(filteredPages) { page in
                 PageListItem(page: page)
-                    .tag(page)
+                    .listRowBackground(RoundedRectangle(cornerRadius: 5)
+                        .fill(selection.page == page ? Color.blue : Color.clear)
+                        .padding(.horizontal, 10)
+                    )
+                    .contentShape(Rectangle())
+                    .onTapGesture {
+                        selection.page = page
+                    }
             }
         }
         .onAppear {
-            if selectedPage == nil {
-                selectedPage = content.pages.first
+            if selection.page == nil, let first = content.pages.first {
+                selection.page = first
             }
         }
     }
 }
 
 #Preview {
-    PageListView(selectedPage: .constant(nil))
-        .environmentObject(Content.mock)
+    let content = Content.mock
+    let selection = SelectedContent()
+    PageListView()
+        .environmentObject(content)
+        .environmentObject(selection)
 }