feat!: affine cloud support (#3813)

Co-authored-by: Hongtao Lye <codert.sn@gmail.com>
Co-authored-by: liuyi <forehalo@gmail.com>
Co-authored-by: LongYinan <lynweklm@gmail.com>
Co-authored-by: X1a0t <405028157@qq.com>
Co-authored-by: JimmFly <yangjinfei001@gmail.com>
Co-authored-by: Peng Xiao <pengxiao@outlook.com>
Co-authored-by: xiaodong zuo <53252747+zuoxiaodong0815@users.noreply.github.com>
Co-authored-by: DarkSky <25152247+darkskygit@users.noreply.github.com>
Co-authored-by: Qi <474021214@qq.com>
Co-authored-by: danielchim <kahungchim@gmail.com>

packages/workspace/src/blob/cloud-blob-storage.ts

@@ -0,0 +1,51 @@
+import {
+  deleteBlobMutation,
+  fetchWithReport,
+  listBlobsQuery,
+  setBlobMutation,
+} from '@affine/graphql';
+import type { BlobStorage } from '@blocksuite/store';
+
+import { fetcher } from '../affine/gql';
+
+export const createCloudBlobStorage = (workspaceId: string): BlobStorage => {
+  return {
+    crud: {
+      get: async key => {
+        return fetchWithReport(
+          runtimeConfig.serverUrlPrefix +
+            `/api/workspaces/${workspaceId}/blobs/${key}`
+        ).then(res => res.blob());
+      },
+      set: async (key, value) => {
+        const result = await fetcher({
+          query: setBlobMutation,
+          variables: {
+            workspaceId,
+            blob: new File([value], key),
+          },
+        });
+        console.assert(result.setBlob === key, 'Blob hash mismatch');
+        return key;
+      },
+      list: async () => {
+        const result = await fetcher({
+          query: listBlobsQuery,
+          variables: {
+            workspaceId,
+          },
+        });
+        return result.listBlobs;
+      },
+      delete: async (key: string) => {
+        await fetcher({
+          query: deleteBlobMutation,
+          variables: {
+            workspaceId,
+            hash: key,
+          },
+        });
+      },
+    },
+  };
+};

packages/workspace/src/blob/local-static-storage.ts

@@ -25,10 +25,14 @@ export const createStaticStorage = (): BlobStorage => {
       get: async (key: string) => {
         if (key.startsWith('/static/')) {
           const response = await fetch(key);
-          return response.blob();
+          if (response.ok) {
+            return response.blob();
+          }
         } else if (predefinedStaticFiles.includes(key)) {
           const response = await fetch(`/static/${key}.png`);
-          return response.blob();
+          if (response.ok) {
+            return response.blob();
+          }
         }
         return null;
       },