[File Manager] 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,15 @@ extension FileManagerView {
         @State private var selectedElement: ExtendedElement?
         @State private var deletedElement: ExtendedElement?
 
+        // MARK: Create File/Directory
+        @State private var name = ""
+        @State private var isNewFile = false
+        @State private var isNewDirectory = false
+        @FocusState var isNameFocused: Bool
+        var namePlaceholder: String {
+            "\(isNewFile ? "file" : "directory") name"
+        }
+
         @AppStorage(.fileManagerSettings)
         private var settings: FileManagerSettings = .init()
 
@@ -59,6 +68,14 @@ extension FileManagerView {
                         }
                         .padding([.horizontal, .top], 14)
 
+                        if isNewFile || isNewDirectory {
+                            TextField(namePlaceholder, text: $name)
+                                .textFieldStyle(.roundedBorder)
+                                .onSubmit { submitNewElement() }
+                                .focused($isNameFocused)
+                                .padding([.horizontal, .top], 14)
+                        }
+
                         Group {
                             if elements.isEmpty {
                                 EmptyFolder(onUpload: showUpload)
@@ -103,6 +120,8 @@ extension FileManagerView {
                 FileListingOptions(
                     isPresented: $showOptions,
                     settings: $settings,
+                    createFolder: { newElement(isDirectory: true) },
+                    createFile: { newElement(isDirectory: false) },
                     upload: showUpload
                 )
             }
@@ -229,6 +248,34 @@ extension FileManagerView {
         private func showUpload() {
             isFileImporterPresented = true
         }
+
+        // MARK: Create File/Directory
+        func newElement(isDirectory: Bool) {
+            name = ""
+            isNewFile = !isDirectory
+            isNewDirectory = isDirectory
+            isNameFocused = true
+        }
+
+        func submitNewElement() {
+            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)
+                    }
+                }
+            }
+            name = ""
+            isNewFile = false
+            isNewDirectory = false
+        }
     }
 }