Add a way to configure the remote editor

Author: kean

ios/Demo-iOS/Sources/ContentView.swift

@@ -1,32 +1,32 @@
 import SwiftUI
 import GutenbergKit
 
-let editorURL: URL? = ProcessInfo.processInfo.environment["GUTENBERG_EDITOR_URL"].flatMap(URL.init)
-
 struct ContentView: View {
+    private let remoteEditors: [RemoteEditorRow] = [
+        .init(id: "template", configuration: .template)
+    ]
+
+    @State private var isDefaultEditorShown = false
+    @State private var selectedRemoteEditor: RemoteEditorRow?
 
-    let remoteEditorConfigurations: [EditorConfiguration] = [.template]
+    @AppStorage("isNativeInserterEnabled") private var isNativeInserterEnabled = false
 
     var body: some View {
         List {
             Section {
-                NavigationLink {
-                    EditorView(configuration: .default)
-                } label: {
-                    Text("Bundled Editor")
+                Button("Show Editor") {
+                    isDefaultEditorShown = true
                 }
             }
 
             Section {
-                ForEach(remoteEditorConfigurations, id: \.siteURL) { configuration in
-                    NavigationLink {
-                        EditorView(configuration: configuration)
-                    } label: {
-                        Text(URL(string: configuration.siteURL)?.host ?? configuration.siteURL)
+                ForEach(remoteEditors) { editor in
+                    Button(editor.title) {
+                        selectedRemoteEditor = editor
                     }
                 }
 
-                if remoteEditorConfigurations.isEmpty {
+                if remoteEditors.isEmpty {
                     Text("Add `EditorConfiguration` instances to the `remoteEditorConfigurations` array to launch remote editors here.")
                 }
             } header: {
@@ -38,18 +38,32 @@ struct ContentView: View {
                     Text("Note: The editor is backed by the compiled web app created by `make build`.")
                 }
             }
+
+            Section("Configuration") {
+                Toggle("Native Inserter", isOn: $isNativeInserterEnabled)
+            }
+        }
+        .fullScreenCover(isPresented: $isDefaultEditorShown) {
+            NavigationView {
+                EditorView(configuration: preconfigure(.default))
+            }
+        }
+        .fullScreenCover(item: $selectedRemoteEditor) { editor in
+            NavigationView {
+                EditorView(configuration: preconfigure(editor.configuration))
+            }
         }
         .toolbar {
             ToolbarItem(placement: .primaryAction) {
                 Button {
                     Task {
                         NSLog("Start to fetch assets")
-                        for configuration in remoteEditorConfigurations {
-                            let library = EditorAssetsLibrary(configuration: configuration)
+                        for editor in remoteEditors {
+                            let library = EditorAssetsLibrary(configuration: editor.configuration)
                             do {
                                 try await library.fetchAssets()
                             } catch {
-                                NSLog("Failed to fetch assets for \(configuration.siteURL): \(error)")
+                                NSLog("Failed to fetch assets for \(editor.configuration.siteURL): \(error)")
                             }
                         }
                         NSLog("Done fetching assets")
@@ -61,6 +75,22 @@ struct ContentView: View {
             }
         }
     }
+
+    private func preconfigure(_ configuration: EditorConfiguration) -> EditorConfiguration {
+        configuration
+            .toBuilder()
+            .setNativeInserterEnabled(isNativeInserterEnabled)
+            .build()
+    }
+}
+
+private struct RemoteEditorRow: Identifiable {
+    let id: String
+    let configuration: EditorConfiguration
+
+    var title: String {
+        URL(string: configuration.siteURL)?.host ?? configuration.siteURL
+    }
 }
 
 private extension EditorConfiguration {

ios/Demo-iOS/Sources/EditorView.swift

@@ -14,7 +14,6 @@ struct EditorView: View {
 
     var body: some View {
         _EditorView(configuration: configuration, viewModel: viewModel)
-            .navigationBarBackButtonHidden(true)
             .toolbar { toolbar }
     }