fix: temp workaround for missing blobs in export (#3347)

apps/core/src/components/affine/new-workspace-setting-detail/export.tsx

@@ -1,21 +1,39 @@
 import { Button, toast } from '@affine/component';
 import { SettingRow } from '@affine/component/setting-components';
+import { isDesktop } from '@affine/env/constant';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import type { FC } from 'react';
+import { type FC, useCallback } from 'react';
 
 import type { AffineOfficialWorkspace } from '../../../shared';
 
+async function syncBlobsToSqliteDb(workspace: AffineOfficialWorkspace) {
+  if (window.apis && isDesktop) {
+    const bs = workspace.blockSuiteWorkspace.blobs;
+    const blobsInDb = await window.apis.db.getBlobKeys(workspace.id);
+    const blobsInStorage = await bs.list();
+    const blobsToSync = blobsInStorage.filter(
+      blob => !blobsInDb.includes(blob)
+    );
+
+    await Promise.all(
+      blobsToSync.map(async blobKey => {
+        const blob = await bs.get(blobKey);
+        if (blob) {
+          const bin = new Uint8Array(await blob.arrayBuffer());
+          await window.apis.db.addBlob(workspace.id, blobKey, bin);
+        }
+      })
+    );
+  }
+}
+
 export const ExportPanel: FC<{
   workspace: AffineOfficialWorkspace;
 }> = ({ workspace }) => {
   const workspaceId = workspace.id;
   const t = useAFFiNEI18N();
-  return (
+  const onExport = useCallback(async () => {
-    <>
+    await syncBlobsToSqliteDb(workspace);
-      <SettingRow name={t['Export']()} desc={t['Export Description']()}>
-        <Button
-          data-testid="export-affine-backup"
-          onClick={async () => {
     const result = await window.apis?.dialog.saveDBFileAs(workspaceId);
     if (result?.error) {
       // @ts-expect-error: result.error is dynamic
@@ -23,8 +41,11 @@ export const ExportPanel: FC<{
     } else if (!result?.canceled) {
       toast(t['Export success']());
     }
-          }}
+  }, [t, workspace, workspaceId]);
-        >
+  return (
+    <>
+      <SettingRow name={t['Export']()} desc={t['Export Description']()}>
+        <Button data-testid="export-affine-backup" onClick={onExport}>
           {t['Export']()}
         </Button>
       </SettingRow>