Merge pull request #276 from avinxshKD/fix/ua-sniffing

Refactor: Replace UA sniffing with feature detection

Author: pradeeban

src/component/fileBrowser.jsx

@@ -20,11 +20,10 @@ const LocalFileBrowser = ({ superState, dispatcher }) => {
     const [fileState, setFileState] = useState([]);
 
     useEffect(() => {
-        // if (navigator.userAgent.indexOf('Edg') !== -1 || navigator.userAgent.indexOf('Chrome') !== -1) {
-        //     setDirButton(true);
-        // }
-        // Force fallback to webkitdirectory to allow custom popup flow
-        setDirButton(false);
+        if ('showDirectoryPicker' in window) {
+            setDirButton(true);
+        }
+
         dispatcher({ type: T.SET_FILE_REF, payload: fileRef });
     }, []);
 

src/graph-builder/graph-core/5-load-save.js

@@ -111,7 +111,7 @@ class GraphLoadSave extends GraphUndoRedo {
         const str = graphmlBuilder(this.jsonifyGraph());
         const bytes = new TextEncoder().encode(str);
         const blob = new Blob([bytes], { type: 'application/json;charset=utf-8' });
-        if (navigator.userAgent.indexOf('Edg') !== -1 || navigator.userAgent.indexOf('Chrome') !== -1) {
+        if ('showSaveFilePicker' in window) {
             const options = {
                 types: [
                     {
@@ -152,8 +152,7 @@ class GraphLoadSave extends GraphUndoRedo {
     }
 
     async saveWithoutFileHandle() {
-        const { userAgent } = navigator;
-        if (userAgent.match(/firefox|fxios/i)) {
+        if (!('showSaveFilePicker' in window)) {
             toast.info('Switch to Edge/Chrome!');
             return;
         }