Update src/containers/sb3-downloader.jsx

src/containers/sb3-downloader.jsx

@@ -69,7 +69,8 @@ class SB3Downloader extends React.Component {
             'downloadProject',
             'saveAsNew',
             'saveToLastFile',
-            'saveToLastFileOrNew'
+            'saveToLastFileOrNew',
+            'saveAsFolder'
         ]);
     }
     startedSaving () {
@@ -108,6 +109,26 @@ class SB3Downloader extends React.Component {
             this.handleSaveError(e);
         }
     }
+    async saveAsFolder() {
+        if (!this.props.canSaveProject) {
+            return;
+        }
+        try {
+            const handle = await FileSystemAPI.showDirectoryPicker("pm-project-folder", "documents");
+
+            this.startedSaving();
+            const jsZip = this.props.saveProjectZip();
+            this.extractJSZipToHandle(jsZip, handle);
+            this.finishedSaving();
+
+            const title = handle.name;
+            if (title) {
+                this.props.onSetProjectTitle(title);
+            }
+        } catch (e) {
+            this.handleSaveError(e);
+        }
+    }
     async saveToLastFile () {
         try {
             await this.saveToHandle(this.props.fileHandle);
@@ -226,6 +247,30 @@ class SB3Downloader extends React.Component {
                 });
         });
     }
+    async extractJSZipToHandle (zip, handle) {
+        // Not sure how memory management works but im hoping this is fine 
+        for (const [relativePath, zipEntry] of Object.entries(zip.files)) {
+            // files will be able to make directories
+            if (zipEntry.dir) continue;
+
+            const pathParts = relativePath.split("/");
+            const fileName = pathParts.pop();
+
+            // NOTE: Right now there's no reason to preserve directories, but the future save file format will use them.
+            // See here for more info: https://docs.penguinmod.com/save-format/
+            // make a directory for each file within one
+            let currentDir = handle;
+            for (const part of pathParts) {
+                currentDir = await currentDir.getDirectoryHandle(part, { create: true });
+            }
+
+            const fileHandle = await currentDir.getFileHandle(fileName, { create: true });
+            const writable = await fileHandle.createWritable();
+            const content = await zipEntry.async("arraybuffer");
+            await writable.write(content);
+            await writable.close();
+        }
+    }
     handleSaveError (e) {
         // AbortError can happen when someone cancels the file selector dialog
         if (e && e.name === 'AbortError') {