Replace memfs with lightning-fs because of Safari issue

streamich/memfs#963

package.json

@@ -10,9 +10,9 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@isomorphic-git/lightning-fs": "^4.6.0",
     "@xstate/react": "^4.0.0-beta.10",
     "isomorphic-git": "^1.25.0",
-    "memfs": "^4.6.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-lag-radar": "^1.0.0",

src/fs.ts

@@ -1,8 +1,11 @@
-import { FsaNodeFs } from "memfs/lib/fsa-to-node";
-import { IFileSystemDirectoryHandle } from "memfs/lib/fsa/types";
+import LightningFS from "@isomorphic-git/lightning-fs";
 
-// Reference: https://github.com/streamich/memfs/blob/c8bfa38aa15f1d3c9f326e9c25c8972326193a26/demo/git-opfs/main.ts
-const rootDir =
-  navigator.storage.getDirectory() as unknown as Promise<IFileSystemDirectoryHandle>;
+const DB_NAME = "fs";
 
-export const fs = new FsaNodeFs(rootDir);
+// TODO: Investigate replacing lightning-fs with memfs + OPFS for better performance
+export const fs = new LightningFS(DB_NAME);
+
+/** Delete file system database */
+export function fsWipe() {
+  window.indexedDB.deleteDatabase(DB_NAME);
+}