@instantdb/components 0.22.111-experimental.client-file-deletes.21303729889.1 → 0.22.111-experimental.drewh-clief.21301179372.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@instantdb/components",
   "private": false,
-  "version": "0.22.111-experimental.client-file-deletes.21303729889.1",
+  "version": "0.22.111-experimental.drewh-clief.21301179372.1",
   "type": "module",
   "description": "Instant's UI components",
   "homepage": "https://github.com/instantdb/instant/tree/main/client/packages/components",
@@ -93,11 +93,11 @@
     "swr": "^2.2.4",
     "tailwind-merge": "^2.2.1",
     "uuid": "^11.1.0",
-    "@instantdb/admin": "0.22.111-experimental.client-file-deletes.21303729889.1",
-    "@instantdb/core": "0.22.111-experimental.client-file-deletes.21303729889.1",
-    "@instantdb/platform": "0.22.111-experimental.client-file-deletes.21303729889.1",
-    "@instantdb/version": "0.22.111-experimental.client-file-deletes.21303729889.1",
-    "@instantdb/react": "0.22.111-experimental.client-file-deletes.21303729889.1"
+    "@instantdb/admin": "0.22.111-experimental.drewh-clief.21301179372.1",
+    "@instantdb/core": "0.22.111-experimental.drewh-clief.21301179372.1",
+    "@instantdb/react": "0.22.111-experimental.drewh-clief.21301179372.1",
+    "@instantdb/platform": "0.22.111-experimental.drewh-clief.21301179372.1",
+    "@instantdb/version": "0.22.111-experimental.drewh-clief.21301179372.1"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",

package/src/components/explorer/inner-explorer.tsx

@@ -867,11 +867,23 @@ export const InnerExplorer: React.FC<{
               }
               onClick={async () => {
                 try {
-                  await db.transact(
-                    Object.keys(checkedIds).map((id) =>
-                      tx[selectedNamespace.name][id].delete(),
-                    ),
-                  );
+                  if (selectedNamespace.name === '$files') {
+                    const filenames = allItems
+                      .filter((i) => i.id in checkedIds)
+                      .map((i) => i.path as string);
+                    await bulkDeleteFiles(
+                      explorerProps.adminToken,
+                      explorerProps.appId,
+                      filenames,
+                      explorerProps.apiURI,
+                    );
+                  } else {
+                    await db.transact(
+                      Object.keys(checkedIds).map((id) =>
+                        tx[selectedNamespace.name][id].delete(),
+                      ),
+                    );
+                  }
                 } catch (error: any) {
                   const errorMessage = error.message;
                   errorToast(
@@ -1471,3 +1483,24 @@ async function upload(
 
   return data;
 }
+
+async function bulkDeleteFiles(
+  token: string,
+  appId: string,
+  filenames: string[],
+  apiUri: string,
+): Promise<any> {
+  const { data } = await jsonFetch(
+    `${apiUri}/dash/apps/${appId}/storage/files/delete`,
+    {
+      method: 'POST',
+      headers: {
+        'content-type': 'application/json',
+        authorization: `Bearer ${token}`,
+      },
+      body: JSON.stringify({ filenames }),
+    },
+  );
+
+  return data;
+}