Add more mime types to showOpenFilePicker

This may fix various issues on Android. If not, we'll just disable
using this API on Android because otherwise we just have a file
picker that doesn't work half the time.
Related to TurboWarp/unpackager#14 (comment)

Author: GarboMuffin

src/lib/sb-file-uploader-hoc.jsx

@@ -76,15 +76,43 @@ const SBFileUploaderHOC = function (WrappedComponent) {
             if (this.props.showOpenFilePicker) {
                 (async () => {
                     try {
+                        const extensions = ['.sb', '.sb2', '.sb3'];
                         const [handle] = await this.props.showOpenFilePicker({
                             multiple: false,
                             types: [
                                 {
                                     description: 'Scratch Project',
                                     accept: {
-                                        // Using application/x.scratch.sb3 as done in scratch-vm causes file pickers
-                                        // to disallow picking any items in Chrome 133 on Android.
-                                        'application/octet-stream': ['.sb', '.sb2', '.sb3']
+                                        // Chrome on Android seems to track the MIME type that a file has when it is
+                                        // downloaded and then the file picker enforces that it must match one of
+                                        // the types given here. Unfortunately, Scratch projects are not a very popular
+                                        // file type so there is no actual standard and everyone uses a different
+                                        // string. We are thus forced to enumerate them all here so that the file picker
+                                        // actually works as Android does not allow the user to manually disable the
+                                        // type filters.
+
+                                        // Most file hosting serivces won't recognize Scratch projects, so they'll
+                                        // serve it as an opaque byte stream.
+                                        'application/octet-stream': extensions,
+
+                                        // https://github.com/scratchfoundation/scratch-editor/blob/22f44c64a5287d6d511f4819f065270a6981f2c8/packages/scratch-vm/src/virtual-machine.js#L451C24-L451C53
+                                        'application/x.scratch.sb3': extensions,
+
+                                        // The dots are unusual, so sometimes hyphens are used instead.
+                                        'application/x-scratch-sb3': extensions,
+
+                                        // https://aur.archlinux.org/cgit/aur.git/tree/scratch3.xml?h=scratch3#n3
+                                        'application/x-scratch3-project': extensions,
+
+                                        // Used in various places but no clear origin
+                                        // https://github.com/search?q=%22application%2Fx-scratch2%22&type=code
+                                        'application/x-scratch2': extensions,
+
+                                        // https://aur.archlinux.org/cgit/aur.git/tree/scratch2.xml?h=scratch2#n3
+                                        'application/x-scratch2-project': extensions,
+
+                                        // https://github.com/scratchfoundation/Scratch_1.4/blob/d26f099e3d8358760d0129de4a57e792d97d146f/src/scratch.xml
+                                        'application/x-scratch-project': extensions
                                     }
                                 }
                             ]
@@ -101,8 +129,7 @@ const SBFileUploaderHOC = function (WrappedComponent) {
                         if (err && err.name === 'AbortError') {
                             return;
                         }
-                        // eslint-disable-next-line no-console
-                        console.error(err);
+                        log.error(err);
                     }
                 })();
             } else {