feat: sqlite subdocument (#2816)

Co-authored-by: Alex Yang <himself65@outlook.com>

apps/web/src/components/pure/workspace-list-modal/index.tsx

@@ -107,120 +107,120 @@ export const WorkspaceListModal = ({
           </StyledOperationWrapper>
         </StyledModalHeader>
         <ScrollableContainer>
-        <StyledModalContent>
-          <WorkspaceList
-            disabled={disabled}
-            items={
-              workspaces.filter(
-                ({ flavour }) => flavour !== WorkspaceFlavour.PUBLIC
-              ) as (AffineLegacyCloudWorkspace | LocalWorkspace)[]
-            }
-            currentWorkspaceId={currentWorkspaceId}
-            onClick={onClickWorkspace}
-            onSettingClick={onClickWorkspaceSetting}
-            onDragEnd={useCallback(
-              (event: DragEndEvent) => {
-                const { active, over } = event;
-                if (active.id !== over?.id) {
-                  onMoveWorkspace(active.id as string, over?.id as string);
-                }
-              },
-              [onMoveWorkspace]
-            )}
-          />
-          {!environment.isDesktop && (
-            <div>
-            <StyledCreateWorkspaceCard
-              onClick={onNewWorkspace}
-              data-testid="new-workspace"
-            >
-              <StyleWorkspaceAdd className="add-icon">
-                <PlusIcon />
-              </StyleWorkspaceAdd>
-
-              <StyleWorkspaceInfo>
-                <StyleWorkspaceTitle>
-                  {t['New Workspace']()}
-                </StyleWorkspaceTitle>
-                <p>{t['Create Or Import']()}</p>
-              </StyleWorkspaceInfo>
-            </StyledCreateWorkspaceCard>
-            </div>
-          )}
-
-          {environment.isDesktop && (
-            <Menu
-              placement="auto"
-              trigger={['click']}
-              zIndex={1000}
-              content={
-                <StyledCreateWorkspaceCardPillContainer>
-                  <StyledCreateWorkspaceCardPill>
-                    <MenuItem
-                      style={{
-                        height: 'auto',
-                        padding: '8px 12px',
-                      }}
-                      onClick={onNewWorkspace}
-                      data-testid="new-workspace"
-                    >
-                      <StyledCreateWorkspaceCardPillContent>
-                        <div>
-                          <p>{t['New Workspace']()}</p>
-                          <StyledCreateWorkspaceCardPillTextSecondary>
-                            <p>{t['Create your own workspace']()}</p>
-                          </StyledCreateWorkspaceCardPillTextSecondary>
-                        </div>
-                        <StyledCreateWorkspaceCardPillIcon>
-                          <PlusIcon />
-                        </StyledCreateWorkspaceCardPillIcon>
-                      </StyledCreateWorkspaceCardPillContent>
-                    </MenuItem>
-                  </StyledCreateWorkspaceCardPill>
-                  <StyledCreateWorkspaceCardPill>
-                    <MenuItem
-                      disabled={!environment.isDesktop}
-                      onClick={onAddWorkspace}
-                      data-testid="add-workspace"
-                      style={{
-                        height: 'auto',
-                        padding: '8px 12px',
-                      }}
-                    >
-                      <StyledCreateWorkspaceCardPillContent>
-                        <div>
-                          <p>{t['Add Workspace']()}</p>
-                          <StyledCreateWorkspaceCardPillTextSecondary>
-                            <p>{t['Add Workspace Hint']()}</p>
-                          </StyledCreateWorkspaceCardPillTextSecondary>
-                        </div>
-                        <StyledCreateWorkspaceCardPillIcon>
-                          <ImportIcon />
-                        </StyledCreateWorkspaceCardPillIcon>
-                      </StyledCreateWorkspaceCardPillContent>
-                    </MenuItem>
-                  </StyledCreateWorkspaceCardPill>
-                </StyledCreateWorkspaceCardPillContainer>
+          <StyledModalContent>
+            <WorkspaceList
+              disabled={disabled}
+              items={
+                workspaces.filter(
+                  ({ flavour }) => flavour !== WorkspaceFlavour.PUBLIC
+                ) as (AffineLegacyCloudWorkspace | LocalWorkspace)[]
               }
-            >
-              <StyledCreateWorkspaceCard
-                ref={anchorEL}
-                data-testid="add-or-new-workspace"
-              >
-                <StyleWorkspaceAdd className="add-icon">
-                  <PlusIcon />
-                </StyleWorkspaceAdd>
+              currentWorkspaceId={currentWorkspaceId}
+              onClick={onClickWorkspace}
+              onSettingClick={onClickWorkspaceSetting}
+              onDragEnd={useCallback(
+                (event: DragEndEvent) => {
+                  const { active, over } = event;
+                  if (active.id !== over?.id) {
+                    onMoveWorkspace(active.id as string, over?.id as string);
+                  }
+                },
+                [onMoveWorkspace]
+              )}
+            />
+            {!environment.isDesktop && (
+              <div>
+                <StyledCreateWorkspaceCard
+                  onClick={onNewWorkspace}
+                  data-testid="new-workspace"
+                >
+                  <StyleWorkspaceAdd className="add-icon">
+                    <PlusIcon />
+                  </StyleWorkspaceAdd>
 
-                <StyleWorkspaceInfo>
-                  <StyleWorkspaceTitle>
-                    {t['New Workspace']()}
-                  </StyleWorkspaceTitle>
-                  <p>{t['Create Or Import']()}</p>
-                </StyleWorkspaceInfo>
-              </StyledCreateWorkspaceCard>
-            </Menu>
-          )}
-        </StyledModalContent>
+                  <StyleWorkspaceInfo>
+                    <StyleWorkspaceTitle>
+                      {t['New Workspace']()}
+                    </StyleWorkspaceTitle>
+                    <p>{t['Create Or Import']()}</p>
+                  </StyleWorkspaceInfo>
+                </StyledCreateWorkspaceCard>
+              </div>
+            )}
+
+            {environment.isDesktop && (
+              <Menu
+                placement="auto"
+                trigger={['click']}
+                zIndex={1000}
+                content={
+                  <StyledCreateWorkspaceCardPillContainer>
+                    <StyledCreateWorkspaceCardPill>
+                      <MenuItem
+                        style={{
+                          height: 'auto',
+                          padding: '8px 12px',
+                        }}
+                        onClick={onNewWorkspace}
+                        data-testid="new-workspace"
+                      >
+                        <StyledCreateWorkspaceCardPillContent>
+                          <div>
+                            <p>{t['New Workspace']()}</p>
+                            <StyledCreateWorkspaceCardPillTextSecondary>
+                              <p>{t['Create your own workspace']()}</p>
+                            </StyledCreateWorkspaceCardPillTextSecondary>
+                          </div>
+                          <StyledCreateWorkspaceCardPillIcon>
+                            <PlusIcon />
+                          </StyledCreateWorkspaceCardPillIcon>
+                        </StyledCreateWorkspaceCardPillContent>
+                      </MenuItem>
+                    </StyledCreateWorkspaceCardPill>
+                    <StyledCreateWorkspaceCardPill>
+                      <MenuItem
+                        disabled={!environment.isDesktop}
+                        onClick={onAddWorkspace}
+                        data-testid="add-workspace"
+                        style={{
+                          height: 'auto',
+                          padding: '8px 12px',
+                        }}
+                      >
+                        <StyledCreateWorkspaceCardPillContent>
+                          <div>
+                            <p>{t['Add Workspace']()}</p>
+                            <StyledCreateWorkspaceCardPillTextSecondary>
+                              <p>{t['Add Workspace Hint']()}</p>
+                            </StyledCreateWorkspaceCardPillTextSecondary>
+                          </div>
+                          <StyledCreateWorkspaceCardPillIcon>
+                            <ImportIcon />
+                          </StyledCreateWorkspaceCardPillIcon>
+                        </StyledCreateWorkspaceCardPillContent>
+                      </MenuItem>
+                    </StyledCreateWorkspaceCardPill>
+                  </StyledCreateWorkspaceCardPillContainer>
+                }
+              >
+                <StyledCreateWorkspaceCard
+                  ref={anchorEL}
+                  data-testid="add-or-new-workspace"
+                >
+                  <StyleWorkspaceAdd className="add-icon">
+                    <PlusIcon />
+                  </StyleWorkspaceAdd>
+
+                  <StyleWorkspaceInfo>
+                    <StyleWorkspaceTitle>
+                      {t['New Workspace']()}
+                    </StyleWorkspaceTitle>
+                    <p>{t['Create Or Import']()}</p>
+                  </StyleWorkspaceInfo>
+                </StyledCreateWorkspaceCard>
+              </Menu>
+            )}
+          </StyledModalContent>
         </ScrollableContainer>
         <Footer user={user} onLogin={onClickLogin} onLogout={onClickLogout} />
       </ModalWrapper>

apps/web/src/hooks/__tests__/index.spec.tsx

@@ -71,7 +71,7 @@ beforeEach(async () => {
     .register(AffineSchemas)
     .register(__unstableSchemas);
   const initPage = async (page: Page) => {
-    await page.waitForLoaded()
+    await page.waitForLoaded();
     expect(page).not.toBeNull();
     assertExists(page);
     const pageBlockId = page.addBlock('affine:page', {

apps/web/src/pages/public-workspace/[workspaceId]/[pageId].tsx

@@ -9,7 +9,7 @@ import { useAtom, useAtomValue } from 'jotai';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
 import type { ReactElement } from 'react';
-import { Suspense, useEffect } from 'react';
+import { Suspense, useCallback, useEffect } from 'react';
 
 import {
   publicPageBlockSuiteAtom,
@@ -17,7 +17,10 @@ import {
   publicWorkspacePageIdAtom,
 } from '../../../atoms/public-workspace';
 import { BlockSuiteEditorHeader } from '../../../components/blocksuite/workspace-header';
-import { PageDetailEditor } from '../../../components/page-detail-editor';
+import {
+  PageDetailEditor,
+  type PageDetailEditorProps,
+} from '../../../components/page-detail-editor';
 import { WorkspaceAvatar } from '../../../components/pure/footer';
 import { PageLoading } from '../../../components/pure/loading';
 import { useRouterHelper } from '../../../hooks/use-router-helper';
@@ -68,6 +71,19 @@ const PublicWorkspaceDetailPageInner = (): ReactElement => {
   const [name] = useBlockSuiteWorkspaceName(blockSuiteWorkspace);
   const [avatar] = useBlockSuiteWorkspaceAvatarUrl(blockSuiteWorkspace);
   const pageTitle = blockSuiteWorkspace.meta.getPageMeta(pageId)?.title;
+  const onLoad = useCallback<NonNullable<PageDetailEditorProps['onLoad']>>(
+    (_, editor) => {
+      const { page } = editor;
+      page.awarenessStore.setReadonly(page, true);
+      const dispose = editor.slots.pageLinkClicked.on(({ pageId }) => {
+        return openPage(blockSuiteWorkspace.id, pageId);
+      });
+      return () => {
+        dispose.dispose();
+      };
+    },
+    [blockSuiteWorkspace.id, openPage]
+  );
   return (
     <>
       <PublicQuickSearch workspace={publicWorkspace} />
@@ -97,16 +113,7 @@ const PublicWorkspaceDetailPageInner = (): ReactElement => {
         isPublic={true}
         pageId={pageId}
         workspace={publicWorkspace}
-        onLoad={(_, editor) => {
-          const { page } = editor;
-          page.awarenessStore.setReadonly(page, true);
-          const dispose = editor.slots.pageLinkClicked.on(({ pageId }) => {
-            return openPage(blockSuiteWorkspace.id, pageId);
-          });
-          return () => {
-            dispose.dispose();
-          };
-        }}
+        onLoad={onLoad}
         onInit={initEmptyPage}
       />
     </>