[FileManager] Create file and folder

Author: Programistich

Flipper/Shared/Assets.xcassets/FileManager/CreateFile.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "CreateFile.svg",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

Flipper/Shared/Assets.xcassets/FileManager/CreateFile.imageset/CreateFile.svg

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "CreateFolder.svg",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

Flipper/Shared/Assets.xcassets/FileManager/CreateFolder.imageset/Contents.json

@@ -5,13 +5,25 @@ extension FileManagerView.FileManagerListing {
         @Binding var isPresented: Bool
         @Binding var settings: FileManagerSettings
 
+        let createFolder: () -> Void
+        let createFile: () -> Void
         let upload: () -> Void
 
         var body: some View {
             HStack {
                 Spacer()
                 Card {
                     VStack(alignment: .leading, spacing: 0) {
+                        Option(title: "Create Folder", image: "CreateFolder") {
+                            isPresented = false
+                            createFolder()
+                        }
+
+                        Option(title: "Create File", image: "CreateFile") {
+                            isPresented = false
+                            createFile()
+                        }
+
                         Option(title: "Upload", image: "Share") {
                             isPresented = false
                             upload()

Flipper/Shared/Assets.xcassets/FileManager/CreateFolder.imageset/CreateFolder.svg

@@ -23,6 +23,10 @@ extension FileManagerView {
         @State private var selectedElement: ExtendedElement?
         @State private var deletedElement: ExtendedElement?
 
+        // MARK: Create File/Directory
+        @FocusState var isNameFocused: Bool
+        @State private var newElement: FileManagerNewElement?
+
         @AppStorage(.fileManagerSettings)
         private var settings: FileManagerSettings = .init()
 
@@ -59,6 +63,20 @@ extension FileManagerView {
                         }
                         .padding([.horizontal, .top], 14)
 
+                        if let newElement {
+                            TextField(
+                                newElement.namePlaceholder,
+                                text: Binding(
+                                    get: { self.newElement?.name ?? "" },
+                                    set: { self.newElement?.name = $0 }
+                                )
+                            )
+                            .textFieldStyle(.roundedBorder)
+                            .onSubmit { submitNewElement() }
+                            .focused($isNameFocused)
+                            .padding([.horizontal, .top], 14)
+                        }
+
                         Group {
                             if elements.isEmpty {
                                 EmptyFolder(onUpload: showUpload)
@@ -103,6 +121,8 @@ extension FileManagerView {
                 FileListingOptions(
                     isPresented: $showOptions,
                     settings: $settings,
+                    createFolder: { newElement(isDirectory: true) },
+                    createFile: { newElement(isDirectory: false) },
                     upload: showUpload
                 )
             }
@@ -229,6 +249,34 @@ extension FileManagerView {
         private func showUpload() {
             isFileImporterPresented = true
         }
+
+        // MARK: Create File/Directory
+        func newElement(isDirectory: Bool) {
+            newElement = .init(name: "", isNewDirectory: isDirectory)
+            isNameFocused = true
+        }
+
+        func submitNewElement() {
+            guard let newElement = newElement else { return }
+            let name = newElement.name
+            let isNewDirectory = newElement.isNewDirectory
+
+            if !name.isEmpty {
+                let path = path.appending(name)
+                let isDirectory = isNewDirectory
+                Task {
+                    do {
+                        try await fileManager.create(
+                            path: path,
+                            isDirectory: isDirectory)
+                        await load()
+                    } catch {
+                        self.error = String(describing: error)
+                    }
+                }
+            }
+            self.newElement = nil
+        }
     }
 }
 

Flipper/iOS/UI/FileManager/Components/FileListingOptions.swift

@@ -49,3 +49,17 @@ struct FileManagerSettings: Codable, RawRepresentable {
         try container.encode(displayType, forKey: .displayType)
     }
 }
+
+struct FileManagerNewElement {
+    var name: String
+    let isNewDirectory: Bool
+
+    init(name: String, isNewDirectory: Bool) {
+        self.name = name
+        self.isNewDirectory = isNewDirectory
+    }
+
+    var namePlaceholder: String {
+        "\(isNewDirectory ? "directory" : "file") name"
+    }
+}