hopefully finally fix safari file selectors

Author: JeremyGamer13

src/lib/is-safari.js

@@ -0,0 +1,7 @@
+// taken from the packager so this should be accurate?
+const isSafari = () =>
+    !navigator.userAgentData &&
+    /Safari\//.test(navigator.userAgent) &&
+    !/Chrom(e|ium)\//.test(navigator.userAgent);
+
+export default isSafari;

src/lib/pm-mature-fs-available.js

@@ -0,0 +1,20 @@
+/**
+ * @fileoverview Module to help determine how much of the file-system APIs can be used.
+ * NOTE: This module is meant to help with a few things,
+ * 1. Recognize that Chrome on Desktop should support everything
+ * 2. Tell if a browser (like Firefox & Safari) is missing File System Access API
+ * 3. State if the browser is known to be extremely bad at supporting the file type filters (mobile browsers + Safari on all platforms)
+ */
+import { isMobile } from './pm-mobile';
+import isSafari from './is-safari';
+
+// NOTE: handles point 1 & 2
+const isApiAvailable = () => !!window.showSaveFilePicker;
+
+// NOTE: handles point 3
+const isTypeFilterAvailable = () => !(isMobile() || isSafari());
+
+export {
+    isApiAvailable,
+    isTypeFilterAvailable,
+};

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

@@ -6,7 +6,7 @@ import {connect} from 'react-redux';
 import log from '../lib/log';
 import sharedMessages from './shared-messages';
 import FileSystemAPI from './tw-filesystem-api';
-import {isMobile} from './pm-mobile';
+import {isTypeFilterAvailable} from './pm-mature-fs-available';
 import {setFileHandle} from '../reducers/tw';
 import JSZip from 'jszip';
 
@@ -109,8 +109,8 @@ const SBFileUploaderHOC = function (WrappedComponent) {
                 // create <input> element and add it to DOM
                 this.inputElement = document.createElement('input');
 
-                // pm: Some bad mobile devices block any file type (iOS)
-                if (!isMobile()) {
+                // pm: Some bad browsers block any file type (Safari) so we need to only add .accept for those which can handle it properly
+                if (isTypeFilterAvailable()) {
                     this.inputElement.accept = '.sb,.sb2,.sb3,.pm,.pmp';
                 }
 

src/lib/tw-filesystem-api.js

@@ -1,11 +1,11 @@
-import { isMobile } from './pm-mobile';
+import { isApiAvailable, isTypeFilterAvailable } from './pm-mature-fs-available';
 
-const available = () => !!window.showSaveFilePicker;
+const available = isApiAvailable;
 
 // pm: Some bad mobile devices block any file type (iOS), so these funcs should allow all files on mobile
 const showSaveFilePicker = fileName => window.showSaveFilePicker({
     suggestedName: fileName,
-    ...(isMobile() ? {} : {
+    ...(!isTypeFilterAvailable() ? {} : {
         types: [
             {
                 description: 'PenguinMod Project',
@@ -21,7 +21,7 @@ const showSaveFilePicker = fileName => window.showSaveFilePicker({
 const showOpenFilePicker = async () => {
     const [handle] = await window.showOpenFilePicker({
         multiple: false,
-        ...(isMobile() ? {} : {
+        ...(!isTypeFilterAvailable() ? {} : {
             types: [
                 {
                     description: 'Supported Files',