feat: Demo editor toggles code editor mode

Author: dcalhoun

android/app/src/main/java/com/example/gutenbergkit/EditorActivity.kt

@@ -74,6 +74,7 @@ fun EditorScreen(
     var isModalDialogOpen by remember { mutableStateOf(false) }
     var hasUndoState by remember { mutableStateOf(false) }
     var hasRedoState by remember { mutableStateOf(false) }
+    var isCodeEditorEnabled by remember { mutableStateOf(false) }
     var gutenbergViewRef by remember { mutableStateOf<GutenbergView?>(null) }
 
     BackHandler(enabled = isModalDialogOpen) {
@@ -145,9 +146,12 @@ fun EditorScreen(
                                 enabled = false
                             )
                             DropdownMenuItem(
-                                text = { Text("Code editor") },
-                                onClick = { },
-                                enabled = false
+                                text = { Text(if (isCodeEditorEnabled) "Visual editor" else "Code editor") },
+                                onClick = {
+                                    isCodeEditorEnabled = !isCodeEditorEnabled
+                                    gutenbergViewRef?.textEditorEnabled = isCodeEditorEnabled
+                                    showMenu = false
+                                }
                             )
                             DropdownMenuItem(
                                 text = { Text("Post settings") },

ios/Demo-iOS/Sources/EditorView.swift

@@ -6,6 +6,7 @@ struct EditorView: View {
     @State private var isModalDialogOpen = false
     @State private var hasUndo = false
     @State private var hasRedo = false
+    @State private var isCodeEditorEnabled = false
     @State private var editorViewController: EditorViewController?
     @Environment(\.dismiss) private var dismiss
 
@@ -19,6 +20,7 @@ struct EditorView: View {
             isModalDialogOpen: $isModalDialogOpen,
             hasUndo: $hasUndo,
             hasRedo: $hasRedo,
+            isCodeEditorEnabled: $isCodeEditorEnabled,
             editorViewController: $editorViewController
         )
             .navigationBarBackButtonHidden(true)
@@ -58,9 +60,14 @@ struct EditorView: View {
     private var moreMenu: some View {
         Menu {
             Section {
-                Button(action: {}, label: {
-                    Label("Code Editor", systemImage: "curlybraces")
-                }).disabled(true)
+                Button(action: {
+                    isCodeEditorEnabled.toggle()
+                }, label: {
+                    Label(
+                        isCodeEditorEnabled ? "Visual Editor" : "Code Editor",
+                        systemImage: isCodeEditorEnabled ? "doc.richtext" : "curlybraces"
+                    )
+                })
                 Button(action: /*@START_MENU_TOKEN@*/{}/*@END_MENU_TOKEN@*/, label: {
                     Label("Preview", systemImage: "safari")
                 }).disabled(true)
@@ -90,19 +97,22 @@ private struct _EditorView: UIViewControllerRepresentable {
     @Binding var isModalDialogOpen: Bool
     @Binding var hasUndo: Bool
     @Binding var hasRedo: Bool
+    @Binding var isCodeEditorEnabled: Bool
     @Binding var editorViewController: EditorViewController?
 
     init(
         configuration: EditorConfiguration,
         isModalDialogOpen: Binding<Bool>,
         hasUndo: Binding<Bool>,
         hasRedo: Binding<Bool>,
+        isCodeEditorEnabled: Binding<Bool>,
         editorViewController: Binding<EditorViewController?>
     ) {
         self.configuration = configuration
         self._isModalDialogOpen = isModalDialogOpen
         self._hasUndo = hasUndo
         self._hasRedo = hasRedo
+        self._isCodeEditorEnabled = isCodeEditorEnabled
         self._editorViewController = editorViewController
     }
 
@@ -132,7 +142,7 @@ private struct _EditorView: UIViewControllerRepresentable {
     }
 
     func updateUIViewController(_ uiViewController: EditorViewController, context: Context) {
-        // Do nothing
+        uiViewController.isCodeEditorEnabled = isCodeEditorEnabled
     }
 
     @MainActor