From a02582cc9033734bbdc03905348e0095e861920b Mon Sep 17 00:00:00 2001
From: tzhangchi <terry.zhangchi@outlook.com>
Date: Thu, 1 Sep 2022 15:51:55 +0800
Subject: [PATCH 1/6] feat(venus): use AFFiNE header stanard header

---
 apps/venus/src/app/AboutUs.tsx | 62 ++--------------------
 apps/venus/src/app/App.tsx     | 71 +------------------------
 apps/venus/src/app/Common.tsx  | 94 ++++++++++++++++++++++++++++++++--
 3 files changed, 95 insertions(+), 132 deletions(-)

diff --git a/apps/venus/src/app/AboutUs.tsx b/apps/venus/src/app/AboutUs.tsx
index 19dfbd4a8a..b20420a556 100644
--- a/apps/venus/src/app/AboutUs.tsx
+++ b/apps/venus/src/app/AboutUs.tsx
@@ -1,18 +1,13 @@
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 
-import { Box, Button, Grid, Typography } from '@mui/joy';
-import Option from '@mui/joy/Option';
-import Select from '@mui/joy/Select';
+import { Box, Grid, Typography } from '@mui/joy';
 // eslint-disable-next-line no-restricted-imports
 import { useMediaQuery } from '@mui/material';
-
 import 'github-markdown-css';
 import AboutText from './about.mdx';
-import { AFFiNEFooter, AFFiNEImage } from './Common';
-import { options } from './i18n';
+import { AFFiNEFooter, AFFiNEHeader, AFFiNEImage } from './Common';
 import KeepUpdate from './keeupdate.png';
-
 export const AboutUs = () => {
     const matches = useMediaQuery('(max-width: 1024px)');
     const navigate = useNavigate();
@@ -23,58 +18,7 @@ export const AboutUs = () => {
     };
     return (
         <>
-            <Grid
-                container
-                spacing={2}
-                sx={{
-                    maxWidth: '1280px',
-                    margin: 'auto',
-                }}
-            >
-                <Grid xs={6}>
-                    <Button
-                        size="lg"
-                        variant="plain"
-                        onClick={() => navigate('/')}
-                        sx={{
-                            padding: matches ? '0' : '0 0.5em',
-                            ':hover': { backgroundColor: 'unset' },
-                            fontSize: '24px',
-                            '@media (max-width: 1024px)': {
-                                fontSize: '16px',
-                            },
-                        }}
-                    >
-                        AFFiNE
-                    </Button>
-                </Grid>
-                <Grid xs={6} sx={{ display: 'flex', justifyContent: 'right' }}>
-                    <Button
-                        onClick={() => {
-                            window.open('https://blog.affine.pro');
-                        }}
-                        variant="plain"
-                        sx={{
-                            padding: matches ? '0' : '0 0.5em',
-                            ':hover': { backgroundColor: 'unset' },
-                            fontSize: '24px',
-                            '@media (max-width: 1024px)': {
-                                fontSize: '16px',
-                            },
-                        }}
-                        size="lg"
-                    >
-                        Blog
-                    </Button>
-                    <Select defaultValue="en" onChange={changeLanguage}>
-                        {options.map(option => (
-                            <Option key={option.value} value={option.value}>
-                                {option.text}
-                            </Option>
-                        ))}
-                    </Select>
-                </Grid>
-            </Grid>
+            <AFFiNEHeader />
             <Grid xs={12} sx={{ display: 'flex', marginTop: '4vh!important' }}>
                 <Box
                     sx={{
diff --git a/apps/venus/src/app/App.tsx b/apps/venus/src/app/App.tsx
index 8f791b7ec3..df1e8be681 100644
--- a/apps/venus/src/app/App.tsx
+++ b/apps/venus/src/app/App.tsx
@@ -6,16 +6,13 @@ import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 
 import { Box, Button, Grid, Typography } from '@mui/joy';
-import Option from '@mui/joy/Option';
-import Select from '@mui/joy/Select';
 import { styled } from '@mui/joy/styles';
 import { LogoIcon } from '@toeverything/components/icons';
 // eslint-disable-next-line no-restricted-imports
 import { useMediaQuery } from '@mui/material';
 
 import CollaborationImage from './collaboration.png';
-import { AFFiNEFooter, AFFiNEImage } from './Common';
-import { options } from './i18n';
+import { AFFiNEFooter, AFFiNEHeader, AFFiNEImage } from './Common';
 import { GitHub } from './Icons';
 import PageImage from './page.png';
 import ShapeImage from './shape.png';
@@ -220,71 +217,7 @@ export function App() {
     };
     return (
         <>
-            <Grid
-                container
-                spacing={2}
-                sx={{
-                    maxWidth: '1280px',
-                    margin: 'auto',
-                }}
-            >
-                <Grid xs={6}>
-                    <Button
-                        size="lg"
-                        variant="plain"
-                        sx={{
-                            padding: matches ? '0' : '0 0.5em',
-                            ':hover': { backgroundColor: 'unset' },
-                            fontSize: '24px',
-                            '@media (max-width: 1024px)': {
-                                fontSize: '16px',
-                            },
-                        }}
-                    >
-                        AFFiNE
-                    </Button>
-                </Grid>
-                <Grid xs={6} sx={{ display: 'flex', justifyContent: 'right' }}>
-                    <GitHub flat />
-                    <Button
-                        onClick={() => window.open('https://blog.affine.pro')}
-                        variant="plain"
-                        sx={{
-                            padding: matches ? '0' : '0 0.5em',
-                            ':hover': { backgroundColor: 'unset' },
-                            fontSize: '24px',
-                            '@media (max-width: 1024px)': {
-                                fontSize: '16px',
-                            },
-                        }}
-                        size="lg"
-                    >
-                        Blog
-                    </Button>
-                    <Button
-                        onClick={() => navigate('/aboutus')}
-                        variant="plain"
-                        sx={{
-                            padding: matches ? '0' : '0 0.5em',
-                            ':hover': { backgroundColor: 'unset' },
-                            fontSize: '24px',
-                            '@media (max-width: 1024px)': {
-                                fontSize: '16px',
-                            },
-                        }}
-                        size="lg"
-                    >
-                        About Us
-                    </Button>
-                    <Select defaultValue="en" onChange={changeLanguage}>
-                        {options.map(option => (
-                            <Option key={option.value} value={option.value}>
-                                {option.text}
-                            </Option>
-                        ))}
-                    </Select>
-                </Grid>
-            </Grid>
+            <AFFiNEHeader />
             <Grid xs={12} sx={{ display: 'flex', marginTop: '12vh!important' }}>
                 <Box
                     sx={{
diff --git a/apps/venus/src/app/Common.tsx b/apps/venus/src/app/Common.tsx
index 8c1102620a..7adb206a56 100644
--- a/apps/venus/src/app/Common.tsx
+++ b/apps/venus/src/app/Common.tsx
@@ -1,12 +1,20 @@
 /* eslint-disable @typescript-eslint/naming-convention */
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
+
+import { Box, Button, Grid, Typography } from '@mui/joy';
+import Option from '@mui/joy/Option';
+import Select from '@mui/joy/Select';
+import { styled } from '@mui/joy/styles';
+// eslint-disable-next-line no-restricted-imports
+import { useMediaQuery } from '@mui/material';
+
 import GitHubIcon from '@mui/icons-material/GitHub';
 import RedditIcon from '@mui/icons-material/Reddit';
 import TelegramIcon from '@mui/icons-material/Telegram';
-import { Box, Button, Grid, Typography } from '@mui/joy';
-import { styled } from '@mui/joy/styles';
-// eslint-disable-next-line no-restricted-imports
-import { useTranslation } from 'react-i18next';
+import { options } from './i18n';
 import { DiscordIcon, GitHub } from './Icons';
+// eslint-disable-next-line no-restricted-imports
 import LogoImage from './logo.png';
 
 export const AFFiNEImage = styled('img')({
@@ -333,3 +341,81 @@ export const AFFiNEFooter = ({
         </>
     );
 };
+
+export const AFFiNEHeader = () => {
+    const matches = useMediaQuery('(max-width: 1024px)');
+    const navigate = useNavigate();
+    const { i18n } = useTranslation();
+
+    const changeLanguage = (event: any) => {
+        i18n.changeLanguage(event);
+    };
+    return (
+        <Grid
+            container
+            spacing={2}
+            sx={{
+                maxWidth: '1280px',
+                margin: 'auto',
+            }}
+        >
+            <Grid xs={6}>
+                <Button
+                    size="lg"
+                    variant="plain"
+                    sx={{
+                        padding: matches ? '0' : '0 0.5em',
+                        ':hover': { backgroundColor: 'unset' },
+                        fontSize: '24px',
+                        '@media (max-width: 1024px)': {
+                            fontSize: '16px',
+                        },
+                    }}
+                    onClick={() => navigate('/')}
+                >
+                    AFFiNE
+                </Button>
+            </Grid>
+            <Grid xs={6} sx={{ display: 'flex', justifyContent: 'right' }}>
+                <GitHub flat />
+                <Button
+                    onClick={() => window.open('https://blog.affine.pro')}
+                    variant="plain"
+                    sx={{
+                        padding: matches ? '0' : '0 0.5em',
+                        ':hover': { backgroundColor: 'unset' },
+                        fontSize: '24px',
+                        '@media (max-width: 1024px)': {
+                            fontSize: '16px',
+                        },
+                    }}
+                    size="lg"
+                >
+                    Blog
+                </Button>
+                <Button
+                    onClick={() => navigate('/aboutus')}
+                    variant="plain"
+                    sx={{
+                        padding: matches ? '0' : '0 0.5em',
+                        ':hover': { backgroundColor: 'unset' },
+                        fontSize: '24px',
+                        '@media (max-width: 1024px)': {
+                            fontSize: '16px',
+                        },
+                    }}
+                    size="lg"
+                >
+                    About Us
+                </Button>
+                <Select defaultValue="en" onChange={changeLanguage}>
+                    {options.map(option => (
+                        <Option key={option.value} value={option.value}>
+                            {option.text}
+                        </Option>
+                    ))}
+                </Select>
+            </Grid>
+        </Grid>
+    );
+};

From f4e2bead89a88a1fd3525523c87e249f88259a95 Mon Sep 17 00:00:00 2001
From: tzhangchi <terry.zhangchi@outlook.com>
Date: Thu, 1 Sep 2022 15:55:15 +0800
Subject: [PATCH 2/6] feat(venus): add responsive

---
 apps/venus/src/app/Common.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/apps/venus/src/app/Common.tsx b/apps/venus/src/app/Common.tsx
index 7adb206a56..87347f4fa1 100644
--- a/apps/venus/src/app/Common.tsx
+++ b/apps/venus/src/app/Common.tsx
@@ -350,6 +350,7 @@ export const AFFiNEHeader = () => {
     const changeLanguage = (event: any) => {
         i18n.changeLanguage(event);
     };
+    const matchesIPAD = useMediaQuery('(max-width: 768px)');
     return (
         <Grid
             container
@@ -408,7 +409,11 @@ export const AFFiNEHeader = () => {
                 >
                     About Us
                 </Button>
-                <Select defaultValue="en" onChange={changeLanguage}>
+                <Select
+                    defaultValue="en"
+                    sx={{ display: matchesIPAD ? 'none' : 'intial' }}
+                    onChange={changeLanguage}
+                >
                     {options.map(option => (
                         <Option key={option.value} value={option.value}>
                             {option.text}

From 14a3cdff41fc1e23474a9d4ec218c92501be71e6 Mon Sep 17 00:00:00 2001
From: mitsuha <mitsuhatu@gmail.com>
Date: Fri, 2 Sep 2022 15:59:24 +0800
Subject: [PATCH 3/6] 1.adjust export/import database;

---
 .../layout/src/header/FileSystem.tsx          | 42 +++------
 .../layout/src/header/LayoutHeader.tsx        |  3 -
 .../Settings/use-setting-flags.ts             |  4 +-
 .../settings-sidebar/Settings/use-settings.ts | 16 ++--
 .../Settings/util/inspector-workspace.ts      |  8 +-
 .../db-service/src/services/database/index.ts |  2 +-
 .../src/services/workspace/user-config.ts     |  2 +-
 libs/datasource/jwt/src/index.ts              |  2 +-
 libs/datasource/jwt/src/yjs/index.ts          | 88 ++++++++++---------
 libs/datasource/state/src/user.ts             | 38 ++------
 10 files changed, 89 insertions(+), 116 deletions(-)

diff --git a/libs/components/layout/src/header/FileSystem.tsx b/libs/components/layout/src/header/FileSystem.tsx
index 30c2b68816..c143e6f3f1 100644
--- a/libs/components/layout/src/header/FileSystem.tsx
+++ b/libs/components/layout/src/header/FileSystem.tsx
@@ -80,34 +80,20 @@ export const FileSystem = () => {
 
     if (apiSupported && !selected) {
         return (
-            <>
-                <MuiSnackbar
-                    anchorOrigin={{ vertical: 'top', horizontal: 'right' }}
-                    open={error}
-                    message="Request File Permission failed, please check if you have permission"
-                    sx={{ marginTop: '3em' }}
-                    action={
-                        <IconButton
-                            aria-label="close"
-                            onClick={() => setError(false)}
-                        >
-                            <CloseIcon />
-                        </IconButton>
-                    }
-                />
-                <StyledFileSystem
-                    onClick={async () => {
-                        try {
-                            await requestPermission('AFFiNE');
-                            onSelected();
-                        } catch (e) {
-                            onError();
-                        }
-                    }}
-                >
-                    {t('Sync to Disk')}
-                </StyledFileSystem>
-            </>
+            <MuiSnackbar
+                anchorOrigin={{ vertical: 'top', horizontal: 'right' }}
+                open={error}
+                message="Request File Permission failed, please check if you have permission"
+                sx={{ marginTop: '3em' }}
+                action={
+                    <IconButton
+                        aria-label="close"
+                        onClick={() => setError(false)}
+                    >
+                        <CloseIcon />
+                    </IconButton>
+                }
+            />
         );
     }
     return null;
diff --git a/libs/components/layout/src/header/LayoutHeader.tsx b/libs/components/layout/src/header/LayoutHeader.tsx
index 9619c97c84..4c17564d9c 100644
--- a/libs/components/layout/src/header/LayoutHeader.tsx
+++ b/libs/components/layout/src/header/LayoutHeader.tsx
@@ -70,9 +70,6 @@ export const LayoutHeader = () => {
                     <EditorBoardSwitcher />
                 </StyledContainerForEditorBoardSwitcher>
             </StyledHeaderRoot>
-            <StyledUnstableTips>
-                <StyledUnstableTipsText>{warningTips}</StyledUnstableTipsText>
-            </StyledUnstableTips>
         </StyledContainerForHeaderRoot>
     );
 };
diff --git a/libs/components/layout/src/settings-sidebar/Settings/use-setting-flags.ts b/libs/components/layout/src/settings-sidebar/Settings/use-setting-flags.ts
index e0a7fb697c..ff3136b230 100644
--- a/libs/components/layout/src/settings-sidebar/Settings/use-setting-flags.ts
+++ b/libs/components/layout/src/settings-sidebar/Settings/use-setting-flags.ts
@@ -2,8 +2,8 @@ import { useFlag } from '@toeverything/datasource/feature-flags';
 
 export const useSettingFlags = () => {
     const booleanFullWidthChecked = useFlag('BooleanFullWidthChecked', false);
-    const booleanExportWorkspace = useFlag('BooleanExportWorkspace', false);
-    const booleanImportWorkspace = useFlag('BooleanImportWorkspace', false);
+    const booleanExportWorkspace = useFlag('BooleanExportAffineDb', true);
+    const booleanImportWorkspace = useFlag('BooleanImportAffineDb', true);
     const booleanExportHtml = useFlag('BooleanExportHtml', false);
     const booleanExportPdf = useFlag('BooleanExportPdf', false);
     const booleanExportMarkdown = useFlag('BooleanExportMarkdown', false);
diff --git a/libs/components/layout/src/settings-sidebar/Settings/use-settings.ts b/libs/components/layout/src/settings-sidebar/Settings/use-settings.ts
index dfd8918c49..2b32794424 100644
--- a/libs/components/layout/src/settings-sidebar/Settings/use-settings.ts
+++ b/libs/components/layout/src/settings-sidebar/Settings/use-settings.ts
@@ -145,12 +145,19 @@ export const useSettings = (): SettingItem[] => {
             type: 'separator',
             key: 'separator2',
         },
+        {
+            type: 'button',
+            name: t('Clear Workspace'),
+            key: 'Clear Workspace',
+            onClick: () => clearWorkspace(workspaceId),
+            flag: 'booleanClearWorkspace',
+        },
         {
             type: 'button',
             name: t('Import Workspace'),
             key: 'Import Workspace',
             onClick: () => importWorkspace(workspaceId),
-            flag: 'booleanImportWorkspace',
+            flag: 'booleanClearWorkspace',
         },
         {
             type: 'button',
@@ -159,13 +166,6 @@ export const useSettings = (): SettingItem[] => {
             onClick: () => exportWorkspace(),
             flag: 'booleanExportWorkspace',
         },
-        {
-            type: 'button',
-            name: t('Clear Workspace'),
-            key: 'Clear Workspace',
-            onClick: () => clearWorkspace(workspaceId),
-            flag: 'booleanClearWorkspace',
-        },
     ];
 
     return filterSettings(settings, settingFlags);
diff --git a/libs/components/layout/src/settings-sidebar/Settings/util/inspector-workspace.ts b/libs/components/layout/src/settings-sidebar/Settings/util/inspector-workspace.ts
index ee851dc90c..25adfdd669 100644
--- a/libs/components/layout/src/settings-sidebar/Settings/util/inspector-workspace.ts
+++ b/libs/components/layout/src/settings-sidebar/Settings/util/inspector-workspace.ts
@@ -6,8 +6,12 @@ export const importWorkspace = (workspaceId: string) => {
     window.client
         .inspector()
         .load()
-        .then(() => {
-            window.location.href = `/${workspaceId}/`;
+        .then(status => {
+            if (status) {
+                if (window.confirm('Your currently open data will be lost.')) {
+                    window.location.href = `/${workspaceId}/`;
+                }
+            }
         });
 };
 
diff --git a/libs/datasource/db-service/src/services/database/index.ts b/libs/datasource/db-service/src/services/database/index.ts
index 3d70345f0f..dbbe23bb9e 100644
--- a/libs/datasource/db-service/src/services/database/index.ts
+++ b/libs/datasource/db-service/src/services/database/index.ts
@@ -39,7 +39,7 @@ async function _getCurrentToken() {
 
 const _enabled = {
     demo: [],
-    AFFiNE: ['sqlite'],
+    AFFiNE: ['idb'],
 } as any;
 
 async function _getBlockDatabase(
diff --git a/libs/datasource/db-service/src/services/workspace/user-config.ts b/libs/datasource/db-service/src/services/workspace/user-config.ts
index 5a52581c21..fbe74ce83d 100644
--- a/libs/datasource/db-service/src/services/workspace/user-config.ts
+++ b/libs/datasource/db-service/src/services/workspace/user-config.ts
@@ -36,7 +36,7 @@ export class UserConfig extends ServiceBaseClass {
         }
 
         const db = await this.database.getDatabase(workspace);
-        const newPage = await db.get('page');
+        const newPage = await db.get_named_block('start-page');
 
         await this.get_dependency(PageTree).addPage(workspace, newPage.id);
         await this.addRecentPage(workspace, userId, newPage.id);
diff --git a/libs/datasource/jwt/src/index.ts b/libs/datasource/jwt/src/index.ts
index e8f3483e23..5c74ae8b99 100644
--- a/libs/datasource/jwt/src/index.ts
+++ b/libs/datasource/jwt/src/index.ts
@@ -357,7 +357,7 @@ export class BlockClient<
      * @param name block name
      * @returns block instance
      */
-    private async get_named_block(
+    public async get_named_block(
         name: string,
         options?: { workspace?: boolean }
     ): Promise<BaseBlock<B, C>> {
diff --git a/libs/datasource/jwt/src/yjs/index.ts b/libs/datasource/jwt/src/yjs/index.ts
index 7d0f30e4e3..b94f7009ea 100644
--- a/libs/datasource/jwt/src/yjs/index.ts
+++ b/libs/datasource/jwt/src/yjs/index.ts
@@ -324,53 +324,59 @@ export class YjsAdapter implements AsyncDatabaseAdapter<YjsContentOperation> {
                 const binary = encodeStateAsUpdate(this._doc);
                 saveAs(
                     new Blob([binary]),
-                    `affine_workspace_${new Date().toDateString()}.apk`
+                    `affine_workspace_${new Date().toDateString()}.affine`
                 );
             },
             load: async () => {
-                const handles = await window.showOpenFilePicker({
-                    types: [
-                        {
-                            description: 'AFFiNE Package',
-                            accept: {
-                                // eslint-disable-next-line @typescript-eslint/naming-convention
-                                'application/affine': ['.apk'],
+                try {
+                    const handles = await window.showOpenFilePicker({
+                        types: [
+                            {
+                                description: 'AFFiNE Package',
+                                accept: {
+                                    // eslint-disable-next-line @typescript-eslint/naming-convention
+                                    'application/affine': ['.affine'],
+                                },
                             },
-                        },
-                    ],
-                });
-                const [file] = (await fromEvent(handles)) as File[];
-                const binary = await file?.arrayBuffer();
-                // await this._provider.idb.clearData();
-                const doc = new Doc({ autoLoad: true, shouldLoad: true });
-                let updated = 0;
-                let isUpdated = false;
-                doc.on('update', () => {
-                    isUpdated = true;
-                    updated += 1;
-                });
-                setInterval(() => {
-                    if (updated > 0) {
-                        updated -= 1;
-                    }
-                }, 500);
-
-                const update_check = new Promise<void>(resolve => {
-                    const check = async () => {
-                        while (!isUpdated || updated > 0) {
-                            await sleep();
+                        ],
+                    });
+                    const [file] = (await fromEvent(handles)) as File[];
+                    const binary = await file?.arrayBuffer();
+                    // await this._provider.idb.clearData();
+                    const doc = new Doc({ autoLoad: true, shouldLoad: true });
+                    let updated = 0;
+                    let isUpdated = false;
+                    doc.on('update', () => {
+                        isUpdated = true;
+                        updated += 1;
+                    });
+                    setInterval(() => {
+                        if (updated > 0) {
+                            updated -= 1;
                         }
-                        resolve();
-                    };
-                    check();
-                });
-                // await new IndexedDBProvider(this._provider.idb.name, doc)
-                //     .whenSynced;
-                if (binary) {
-                    applyUpdate(doc, new Uint8Array(binary));
-                    await update_check;
+                    }, 500);
+
+                    const update_check = new Promise<void>(resolve => {
+                        const check = async () => {
+                            while (!isUpdated || updated > 0) {
+                                await sleep();
+                            }
+                            resolve();
+                        };
+                        check();
+                    });
+                    // await new IndexedDBProvider(this._provider.idb.name, doc)
+                    //     .whenSynced;
+                    if (binary) {
+                        applyUpdate(doc, new Uint8Array(binary));
+                        await update_check;
+                    }
+                    console.log('load success');
+
+                    return true;
+                } catch (err) {
+                    return false;
                 }
-                console.log('load success');
             },
             parse: () => this._doc.toJSON(),
             // eslint-disable-next-line @typescript-eslint/naming-convention
diff --git a/libs/datasource/state/src/user.ts b/libs/datasource/state/src/user.ts
index 61893471de..953603ef2b 100644
--- a/libs/datasource/state/src/user.ts
+++ b/libs/datasource/state/src/user.ts
@@ -74,41 +74,21 @@ const _useUserAndSpacesForFreeLogin = () => {
             if (location.pathname.startsWith('/local')) {
                 navigate('/local');
             } else {
-                navigate('/demo');
+                navigate(`/${BRAND_ID}`);
             }
             setLoading(false);
         }
     }, []);
 
     useEffect(() => {
-        if (localTrigger) {
-            setUser({
-                photo: '',
-                id: BRAND_ID,
-                username: BRAND_ID,
-                nickname: BRAND_ID,
-                email: '',
-            });
-        } else {
-            if (location.pathname.startsWith('/local')) {
-                setUser({
-                    photo: '',
-                    id: 'local',
-                    username: 'local',
-                    nickname: 'local',
-                    email: '',
-                });
-            } else {
-                setUser({
-                    photo: '',
-                    id: 'demo',
-                    username: 'demo',
-                    nickname: 'demo',
-                    email: '',
-                });
-            }
-        }
-    }, [localTrigger, location, setLoading, setUser]);
+        setUser({
+            photo: '',
+            id: BRAND_ID,
+            username: BRAND_ID,
+            nickname: BRAND_ID,
+            email: '',
+        });
+    }, [setUser]);
 
     const currentSpaceId: string | undefined = useMemo(() => user?.id, [user]);
 

From 67698a7e3e41148991e0f163047b7c03669ed237 Mon Sep 17 00:00:00 2001
From: mitsuha <mitsuhatu@gmail.com>
Date: Fri, 2 Sep 2022 17:33:00 +0800
Subject: [PATCH 4/6] 1.hide AddView;

---
 .../editor-blocks/src/blocks/group/group-menu/MainMenu.tsx      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/libs/components/editor-blocks/src/blocks/group/group-menu/MainMenu.tsx b/libs/components/editor-blocks/src/blocks/group/group-menu/MainMenu.tsx
index 92aa53566e..43b819aabe 100644
--- a/libs/components/editor-blocks/src/blocks/group/group-menu/MainMenu.tsx
+++ b/libs/components/editor-blocks/src/blocks/group/group-menu/MainMenu.tsx
@@ -82,7 +82,7 @@ const GroupMenuWrapper = ({
             content={
                 <GroupPanel>
                     <ViewsMenu />
-                    <AddViewMenu />
+                    {/*<AddViewMenu />*/}
                     {
                         // // Closed beta period temporarily
                         // filterSorterFlag && (

From 3b1263447fdbc8d74ab048376c779e7735dffc2e Mon Sep 17 00:00:00 2001
From: mitsuha <mitsuhatu@gmail.com>
Date: Fri, 2 Sep 2022 18:32:26 +0800
Subject: [PATCH 5/6] 1.adjust code style.

---
 .../layout/src/header/FileSystem.tsx          | 46 ++++++++++++-------
 .../layout/src/header/LayoutHeader.tsx        |  3 +-
 .../layout/src/header/PageSettingPortal.tsx   | 22 ++++-----
 .../Settings/use-setting-flags.ts             |  4 --
 .../settings-sidebar/Settings/use-settings.ts |  4 +-
 .../Settings/util/inspector-workspace.ts      | 23 +++++-----
 .../src/services/workspace/user-config.ts     |  2 +-
 libs/datasource/jwt/src/index.ts              |  4 +-
 libs/datasource/jwt/src/yjs/index.ts          |  1 -
 9 files changed, 54 insertions(+), 55 deletions(-)

diff --git a/libs/components/layout/src/header/FileSystem.tsx b/libs/components/layout/src/header/FileSystem.tsx
index c143e6f3f1..016b26d1c4 100644
--- a/libs/components/layout/src/header/FileSystem.tsx
+++ b/libs/components/layout/src/header/FileSystem.tsx
@@ -4,7 +4,7 @@ import { CloseIcon } from '@toeverything/components/common';
 import { IconButton, MuiSnackbar, styled } from '@toeverything/components/ui';
 import { services } from '@toeverything/datasource/db-service';
 import { useLocalTrigger } from '@toeverything/datasource/state';
-import { useTranslation } from 'react-i18next';
+
 const cleanupWorkspace = (workspace: string) =>
     new Promise((resolve, reject) => {
         const req = indexedDB.deleteDatabase(workspace);
@@ -75,25 +75,39 @@ export const FileSystem = () => {
         setError(true);
         setTimeout(() => setError(false), 3000);
     }, []);
-    const { t } = useTranslation();
+
     const apiSupported = useMemo(() => fsApiSupported(), []);
 
     if (apiSupported && !selected) {
         return (
-            <MuiSnackbar
-                anchorOrigin={{ vertical: 'top', horizontal: 'right' }}
-                open={error}
-                message="Request File Permission failed, please check if you have permission"
-                sx={{ marginTop: '3em' }}
-                action={
-                    <IconButton
-                        aria-label="close"
-                        onClick={() => setError(false)}
-                    >
-                        <CloseIcon />
-                    </IconButton>
-                }
-            />
+            <>
+                <MuiSnackbar
+                    anchorOrigin={{ vertical: 'top', horizontal: 'right' }}
+                    open={error}
+                    message="Request File Permission failed, please check if you have permission"
+                    sx={{ marginTop: '3em' }}
+                    action={
+                        <IconButton
+                            aria-label="close"
+                            onClick={() => setError(false)}
+                        >
+                            <CloseIcon />
+                        </IconButton>
+                    }
+                />
+                <StyledFileSystem
+                    onClick={async () => {
+                        try {
+                            await requestPermission('AFFiNE');
+                            onSelected();
+                        } catch (e) {
+                            onError();
+                        }
+                    }}
+                >
+                    Sync to Disk
+                </StyledFileSystem>
+            </>
         );
     }
     return null;
diff --git a/libs/components/layout/src/header/LayoutHeader.tsx b/libs/components/layout/src/header/LayoutHeader.tsx
index 4c17564d9c..c9e7b7b8da 100644
--- a/libs/components/layout/src/header/LayoutHeader.tsx
+++ b/libs/components/layout/src/header/LayoutHeader.tsx
@@ -14,7 +14,7 @@ import {
 
 import { useTranslation } from 'react-i18next';
 import { EditorBoardSwitcher } from './EditorBoardSwitcher';
-import { FileSystem, fsApiSupported } from './FileSystem';
+import { fsApiSupported } from './FileSystem';
 import { CurrentPageTitle } from './Title';
 
 export const LayoutHeader = () => {
@@ -44,7 +44,6 @@ export const LayoutHeader = () => {
                 </FlexContainer>
                 <FlexContainer>
                     <StyledHelper>
-                        <FileSystem />
                         <StyledShare disabled={true}>{t('Share')}</StyledShare>
                         <div style={{ margin: '0px 12px' }}>
                             <IconButton
diff --git a/libs/components/layout/src/header/PageSettingPortal.tsx b/libs/components/layout/src/header/PageSettingPortal.tsx
index 9defcf754d..115b5c95fd 100644
--- a/libs/components/layout/src/header/PageSettingPortal.tsx
+++ b/libs/components/layout/src/header/PageSettingPortal.tsx
@@ -58,8 +58,6 @@ function PageSettingPortal() {
     const navigate = useNavigate();
     const { user } = useUserAndSpaces();
     const BooleanFullWidthChecked = useFlag('BooleanFullWidthChecked', false);
-    const BooleanExportWorkspace = useFlag('BooleanExportWorkspace', false);
-    const BooleanImportWorkspace = useFlag('BooleanImportWorkspace', false);
     const BooleanExportHtml = useFlag('BooleanExportHtml', false);
     const BooleanExportPdf = useFlag('BooleanExportPdf', false);
     const BooleanExportMarkdown = useFlag('BooleanExportMarkdown', false);
@@ -217,18 +215,14 @@ function PageSettingPortal() {
                             />
                         )}
                         <Divider />
-                        {BooleanImportWorkspace && (
-                            <ListButton
-                                content="Import Workspace"
-                                onClick={handleImportWorkspace}
-                            />
-                        )}
-                        {BooleanExportWorkspace && (
-                            <ListButton
-                                content="Export Workspace"
-                                onClick={handleExportWorkspace}
-                            />
-                        )}
+                        <ListButton
+                            content="Import Workspace"
+                            onClick={handleImportWorkspace}
+                        />
+                        <ListButton
+                            content="Export Workspace"
+                            onClick={handleExportWorkspace}
+                        />
 
                         <p className="textDescription">
                             Last edited by {user && user.nickname}
diff --git a/libs/components/layout/src/settings-sidebar/Settings/use-setting-flags.ts b/libs/components/layout/src/settings-sidebar/Settings/use-setting-flags.ts
index ff3136b230..532417de03 100644
--- a/libs/components/layout/src/settings-sidebar/Settings/use-setting-flags.ts
+++ b/libs/components/layout/src/settings-sidebar/Settings/use-setting-flags.ts
@@ -2,8 +2,6 @@ import { useFlag } from '@toeverything/datasource/feature-flags';
 
 export const useSettingFlags = () => {
     const booleanFullWidthChecked = useFlag('BooleanFullWidthChecked', false);
-    const booleanExportWorkspace = useFlag('BooleanExportAffineDb', true);
-    const booleanImportWorkspace = useFlag('BooleanImportAffineDb', true);
     const booleanExportHtml = useFlag('BooleanExportHtml', false);
     const booleanExportPdf = useFlag('BooleanExportPdf', false);
     const booleanExportMarkdown = useFlag('BooleanExportMarkdown', false);
@@ -11,8 +9,6 @@ export const useSettingFlags = () => {
 
     return {
         booleanFullWidthChecked,
-        booleanExportWorkspace,
-        booleanImportWorkspace,
         booleanExportHtml,
         booleanExportPdf,
         booleanExportMarkdown,
diff --git a/libs/components/layout/src/settings-sidebar/Settings/use-settings.ts b/libs/components/layout/src/settings-sidebar/Settings/use-settings.ts
index 2b32794424..53b075db74 100644
--- a/libs/components/layout/src/settings-sidebar/Settings/use-settings.ts
+++ b/libs/components/layout/src/settings-sidebar/Settings/use-settings.ts
@@ -156,15 +156,13 @@ export const useSettings = (): SettingItem[] => {
             type: 'button',
             name: t('Import Workspace'),
             key: 'Import Workspace',
-            onClick: () => importWorkspace(workspaceId),
-            flag: 'booleanClearWorkspace',
+            onClick: () => importWorkspace(),
         },
         {
             type: 'button',
             name: t('Export Workspace'),
             key: 'Export Workspace',
             onClick: () => exportWorkspace(),
-            flag: 'booleanExportWorkspace',
         },
     ];
 
diff --git a/libs/components/layout/src/settings-sidebar/Settings/util/inspector-workspace.ts b/libs/components/layout/src/settings-sidebar/Settings/util/inspector-workspace.ts
index 25adfdd669..6cbd275a01 100644
--- a/libs/components/layout/src/settings-sidebar/Settings/util/inspector-workspace.ts
+++ b/libs/components/layout/src/settings-sidebar/Settings/util/inspector-workspace.ts
@@ -1,18 +1,17 @@
 /**
  * @deprecated debugging method, deprecated
  */
-export const importWorkspace = (workspaceId: string) => {
-    //@ts-ignore
-    window.client
-        .inspector()
-        .load()
-        .then(status => {
-            if (status) {
-                if (window.confirm('Your currently open data will be lost.')) {
-                    window.location.href = `/${workspaceId}/`;
-                }
-            }
-        });
+export const importWorkspace = async () => {
+    if (window.confirm('Your currently open data will be lost.')) {
+        //@ts-ignore
+        const status = await window.client.inspector().load();
+
+        console.log(status);
+
+        if (status) {
+            window.location.reload();
+        }
+    }
 };
 
 /**
diff --git a/libs/datasource/db-service/src/services/workspace/user-config.ts b/libs/datasource/db-service/src/services/workspace/user-config.ts
index fbe74ce83d..7251659314 100644
--- a/libs/datasource/db-service/src/services/workspace/user-config.ts
+++ b/libs/datasource/db-service/src/services/workspace/user-config.ts
@@ -36,7 +36,7 @@ export class UserConfig extends ServiceBaseClass {
         }
 
         const db = await this.database.getDatabase(workspace);
-        const newPage = await db.get_named_block('start-page');
+        const newPage = await db.getNamedBlock('start-page');
 
         await this.get_dependency(PageTree).addPage(workspace, newPage.id);
         await this.addRecentPage(workspace, userId, newPage.id);
diff --git a/libs/datasource/jwt/src/index.ts b/libs/datasource/jwt/src/index.ts
index 5c74ae8b99..626e6a3c89 100644
--- a/libs/datasource/jwt/src/index.ts
+++ b/libs/datasource/jwt/src/index.ts
@@ -357,7 +357,7 @@ export class BlockClient<
      * @param name block name
      * @returns block instance
      */
-    public async get_named_block(
+    public async getNamedBlock(
         name: string,
         options?: { workspace?: boolean }
     ): Promise<BaseBlock<B, C>> {
@@ -376,7 +376,7 @@ export class BlockClient<
      */
     public async getWorkspace() {
         if (!this._root.node) {
-            this._root.node = await this.get_named_block(this._workspace, {
+            this._root.node = await this.getNamedBlock(this._workspace, {
                 workspace: true,
             });
         }
diff --git a/libs/datasource/jwt/src/yjs/index.ts b/libs/datasource/jwt/src/yjs/index.ts
index b94f7009ea..9b6fa3c3d9 100644
--- a/libs/datasource/jwt/src/yjs/index.ts
+++ b/libs/datasource/jwt/src/yjs/index.ts
@@ -371,7 +371,6 @@ export class YjsAdapter implements AsyncDatabaseAdapter<YjsContentOperation> {
                         applyUpdate(doc, new Uint8Array(binary));
                         await update_check;
                     }
-                    console.log('load success');
 
                     return true;
                 } catch (err) {

From ec99dca594cf0e3c69f3c1ce7b80f008e9a00076 Mon Sep 17 00:00:00 2001
From: mitsuha <mitsuhatu@gmail.com>
Date: Fri, 2 Sep 2022 18:39:26 +0800
Subject: [PATCH 6/6] 1.adjust code style.

---
 libs/components/layout/src/header/FileSystem.tsx            | 6 +++---
 .../settings-sidebar/Settings/util/inspector-workspace.ts   | 2 --
 libs/datasource/state/src/user.ts                           | 6 +-----
 3 files changed, 4 insertions(+), 10 deletions(-)

diff --git a/libs/components/layout/src/header/FileSystem.tsx b/libs/components/layout/src/header/FileSystem.tsx
index 016b26d1c4..30c2b68816 100644
--- a/libs/components/layout/src/header/FileSystem.tsx
+++ b/libs/components/layout/src/header/FileSystem.tsx
@@ -4,7 +4,7 @@ import { CloseIcon } from '@toeverything/components/common';
 import { IconButton, MuiSnackbar, styled } from '@toeverything/components/ui';
 import { services } from '@toeverything/datasource/db-service';
 import { useLocalTrigger } from '@toeverything/datasource/state';
-
+import { useTranslation } from 'react-i18next';
 const cleanupWorkspace = (workspace: string) =>
     new Promise((resolve, reject) => {
         const req = indexedDB.deleteDatabase(workspace);
@@ -75,7 +75,7 @@ export const FileSystem = () => {
         setError(true);
         setTimeout(() => setError(false), 3000);
     }, []);
-
+    const { t } = useTranslation();
     const apiSupported = useMemo(() => fsApiSupported(), []);
 
     if (apiSupported && !selected) {
@@ -105,7 +105,7 @@ export const FileSystem = () => {
                         }
                     }}
                 >
-                    Sync to Disk
+                    {t('Sync to Disk')}
                 </StyledFileSystem>
             </>
         );
diff --git a/libs/components/layout/src/settings-sidebar/Settings/util/inspector-workspace.ts b/libs/components/layout/src/settings-sidebar/Settings/util/inspector-workspace.ts
index 6cbd275a01..c1edd95c65 100644
--- a/libs/components/layout/src/settings-sidebar/Settings/util/inspector-workspace.ts
+++ b/libs/components/layout/src/settings-sidebar/Settings/util/inspector-workspace.ts
@@ -6,8 +6,6 @@ export const importWorkspace = async () => {
         //@ts-ignore
         const status = await window.client.inspector().load();
 
-        console.log(status);
-
         if (status) {
             window.location.reload();
         }
diff --git a/libs/datasource/state/src/user.ts b/libs/datasource/state/src/user.ts
index 953603ef2b..063f9f7f04 100644
--- a/libs/datasource/state/src/user.ts
+++ b/libs/datasource/state/src/user.ts
@@ -71,11 +71,7 @@ const _useUserAndSpacesForFreeLogin = () => {
 
     useEffect(() => {
         if (loading) {
-            if (location.pathname.startsWith('/local')) {
-                navigate('/local');
-            } else {
-                navigate(`/${BRAND_ID}`);
-            }
+            navigate(`/${BRAND_ID}`);
             setLoading(false);
         }
     }, []);