add @types/wicg-file-system-access to fix build errors

- https://stackoverflow.com/a/71343465/9439899
- /~https://github.com/WICG/file-system-access

package.json

@@ -125,6 +125,7 @@
     "@types/react-icon-base": "^2.1.6",
     "@types/string-hash": "^1.1.3",
     "@types/uuid": "^9.0.8",
+    "@types/wicg-file-system-access": "^2023.10.5",
     "@vitejs/plugin-react": "^4.2.1",
     "cors": "^2.8.5",
     "cypress": "^13.13.0",

src/components/ModalExport.tsx

@@ -113,16 +113,14 @@ class ModalExportInternal extends React.Component<ModalExportInternalProps> {
   }
 
   async createFileHandle() : Promise<FileSystemFileHandle | null> {
-    const pickerOpts = {
+    const pickerOpts: SaveFilePickerOptions = {
       types: [
         {
-          description: "Style JSON",
-          accept: {"application/json": [".json"]},
-          suggestedName: this.exportName(),
+          description: "json",
+          accept: { "application/json": [".json"] },
         },
       ],
-      excludeAcceptAllOption: true,
-      multiple: false,
+      suggestedName: this.exportName(),
     };
 
     const fileHandle = await window.showSaveFilePicker(pickerOpts) as FileSystemFileHandle;

src/components/ModalOpen.tsx

@@ -138,14 +138,13 @@ class ModalOpenInternal extends React.Component<ModalOpenInternalProps, ModalOpe
   onOpenFile = async () => {
     this.clearError();
 
-    const pickerOpts = {
+    const pickerOpts: OpenFilePickerOptions = {
       types: [
         {
-          description: "Style JSON",
-          accept: {"application/json": [".json"]},
+          description: "json",
+          accept: { "application/json": [".json"] },
         },
       ],
-      excludeAcceptAllOption: true,
       multiple: false,
     };
 

tsconfig.json

@@ -3,7 +3,7 @@
       "target": "ES2020",
       "useDefineForClassFields": true,
       "lib": ["ES2020", "DOM", "DOM.Iterable"],
-      "types": ["geojson"],
+      "types": ["geojson", "@types/wicg-file-system-access"],
       "module": "ESNext",
       "skipLibCheck": true,
 
@@ -27,7 +27,7 @@
     "ts-node": {
       "compilerOptions": {
         "module": "ESNext",
-        "moduleResolution": "Node"
+        "moduleResolution": "Node",
       }
     }
-}
+}