feat: enable share menu (#1883)

Co-authored-by: JimmFly <yangjinfei001@gmail.com>

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

@@ -16,7 +16,10 @@ import { QueryParamError } from '../../components/affine/affine-error-eoundary';
 import { StyledTableContainer } from '../../components/blocksuite/block-suite-page-list/page-list/styles';
 import { WorkspaceAvatar } from '../../components/pure/footer';
 import { PageLoading } from '../../components/pure/loading';
-import { PublicWorkspaceLayout } from '../../layouts/public-workspace-layout';
+import {
+  PublicQuickSearch,
+  PublicWorkspaceLayout,
+} from '../../layouts/public-workspace-layout';
 import type { NextPageWithLayout } from '../../shared';
 import { NavContainer, StyledBreadcrumbs } from './[workspaceId]/[pageId]';
 
@@ -58,6 +61,7 @@ const ListPageInner: React.FC<{
   }
   return (
     <>
+      <PublicQuickSearch workspace={publicWorkspace} />
       <NavContainer sx={{ px: '20px' }}>
         <Breadcrumbs>
           <StyledBreadcrumbs

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

@@ -21,7 +21,10 @@ import { WorkspaceAvatar } from '../../../components/pure/footer';
 import { PageLoading } from '../../../components/pure/loading';
 import { useReferenceLink } from '../../../hooks/affine/use-reference-link';
 import { useRouterHelper } from '../../../hooks/use-router-helper';
-import { PublicWorkspaceLayout } from '../../../layouts/public-workspace-layout';
+import {
+  PublicQuickSearch,
+  PublicWorkspaceLayout,
+} from '../../../layouts/public-workspace-layout';
 import type { NextPageWithLayout } from '../../../shared';
 import { initPage } from '../../../utils';
 
@@ -62,10 +65,6 @@ const PublicWorkspaceDetailPageInner: React.FC<{
   }
   const router = useRouter();
   const { openPage } = useRouterHelper(router);
-
-  useEffect(() => {
-    blockSuiteWorkspace.awarenessStore.setFlag('enable_block_hub', false);
-  }, [blockSuiteWorkspace]);
   useReferenceLink({
     pageLinkClicked: useCallback(
       ({ pageId }: { pageId: string }) => {
@@ -81,6 +80,7 @@ const PublicWorkspaceDetailPageInner: React.FC<{
   const pageTitle = blockSuiteWorkspace.meta.getPageMeta(pageId)?.title;
   return (
     <>
+      <PublicQuickSearch workspace={publicWorkspace} />
       <PageDetailEditor
         isPublic={true}
         pageId={pageId}

apps/web/src/pages/workspace/[workspaceId]/setting.tsx

@@ -1,13 +1,6 @@
 import { useTranslation } from '@affine/i18n';
 import { atomWithSyncStorage } from '@affine/jotai';
-import { currentAffineUserAtom } from '@affine/workspace/affine/atom';
-import {
-  getLoginStorage,
-  parseIdToken,
-  setLoginStorage,
-  SignMethod,
-} from '@affine/workspace/affine/login';
-import type { SettingPanel, WorkspaceRegistry } from '@affine/workspace/type';
+import type { SettingPanel } from '@affine/workspace/type';
 import {
   settingPanel,
   settingPanelValues,
@@ -15,7 +8,7 @@ import {
 } from '@affine/workspace/type';
 import { SettingsIcon } from '@blocksuite/icons';
 import { assertExists } from '@blocksuite/store';
-import { useAtom, useSetAtom } from 'jotai';
+import { useAtom } from 'jotai';
 import Head from 'next/head';
 import { useRouter } from 'next/router';
 import React, { useCallback, useEffect } from 'react';
@@ -24,12 +17,11 @@ import { Unreachable } from '../../../components/affine/affine-error-eoundary';
 import { PageLoading } from '../../../components/pure/loading';
 import { WorkspaceTitle } from '../../../components/pure/workspace-title';
 import { useCurrentWorkspace } from '../../../hooks/current/use-current-workspace';
+import { useOnTransformWorkspace } from '../../../hooks/root/use-on-transform-workspace';
 import { useSyncRouterWithCurrentWorkspace } from '../../../hooks/use-sync-router-with-current-workspace';
-import { useTransformWorkspace } from '../../../hooks/use-transform-workspace';
 import { useWorkspacesHelper } from '../../../hooks/use-workspaces';
 import { WorkspaceLayout } from '../../../layouts';
 import { WorkspacePlugins } from '../../../plugins';
-import { affineAuth } from '../../../plugins/affine';
 import type { NextPageWithLayout } from '../../../shared';
 
 const settingPanelAtom = atomWithSyncStorage<SettingPanel>(
@@ -107,33 +99,7 @@ const SettingPage: NextPageWithLayout = () => {
     const workspaceId = currentWorkspace.id;
     return helper.deleteWorkspace(workspaceId);
   }, [currentWorkspace, helper]);
-  const transformWorkspace = useTransformWorkspace();
-  const setUser = useSetAtom(currentAffineUserAtom);
-  const onTransformWorkspace = useCallback(
-    async <From extends WorkspaceFlavour, To extends WorkspaceFlavour>(
-      from: From,
-      to: To,
-      workspace: WorkspaceRegistry[From]
-    ): Promise<void> => {
-      const needRefresh = to === WorkspaceFlavour.AFFINE && !getLoginStorage();
-      if (needRefresh) {
-        const response = await affineAuth.generateToken(SignMethod.Google);
-        if (response) {
-          setLoginStorage(response);
-          setUser(parseIdToken(response.token));
-        }
-      }
-      const workspaceId = await transformWorkspace(from, to, workspace);
-      await router.replace({
-        pathname: `/workspace/[workspaceId]/setting`,
-        query: {
-          ...router.query,
-          workspaceId,
-        },
-      });
-    },
-    [router, setUser, transformWorkspace]
-  );
+  const onTransformWorkspace = useOnTransformWorkspace();
   if (!router.isReady) {
     return <PageLoading />;
   } else if (currentWorkspace === null) {

apps/web/src/pages/workspace/[workspaceId]/shared.tsx

@@ -0,0 +1,66 @@
+import { useTranslation } from '@affine/i18n';
+import { ShareIcon } from '@blocksuite/icons';
+import { assertExists } from '@blocksuite/store';
+import Head from 'next/head';
+import { useRouter } from 'next/router';
+import { useCallback } from 'react';
+
+import PageList from '../../../components/blocksuite/block-suite-page-list/page-list';
+import { PageLoading } from '../../../components/pure/loading';
+import { WorkspaceTitle } from '../../../components/pure/workspace-title';
+import { useCurrentWorkspace } from '../../../hooks/current/use-current-workspace';
+import { useRouterHelper } from '../../../hooks/use-router-helper';
+import { useSyncRouterWithCurrentWorkspace } from '../../../hooks/use-sync-router-with-current-workspace';
+import { WorkspaceLayout } from '../../../layouts';
+import type { NextPageWithLayout } from '../../../shared';
+
+const SharedPages: NextPageWithLayout = () => {
+  const router = useRouter();
+  const { jumpToPage } = useRouterHelper(router);
+  const [currentWorkspace] = useCurrentWorkspace();
+  const { t } = useTranslation();
+  useSyncRouterWithCurrentWorkspace(router);
+  const onClickPage = useCallback(
+    (pageId: string, newTab?: boolean) => {
+      assertExists(currentWorkspace);
+      if (newTab) {
+        window.open(`/workspace/${currentWorkspace?.id}/${pageId}`, '_blank');
+      } else {
+        jumpToPage(currentWorkspace.id, pageId);
+      }
+    },
+    [currentWorkspace, jumpToPage]
+  );
+  if (currentWorkspace === null) {
+    return <PageLoading />;
+  }
+  const blockSuiteWorkspace = currentWorkspace.blockSuiteWorkspace;
+  assertExists(blockSuiteWorkspace);
+  return (
+    <>
+      <Head>
+        <title>{t('Shared Pages')} - AFFiNE</title>
+      </Head>
+      <WorkspaceTitle
+        workspace={currentWorkspace}
+        currentPage={null}
+        isPreview={false}
+        isPublic={false}
+        icon={<ShareIcon />}
+      >
+        {t('Shared Pages')}
+      </WorkspaceTitle>
+      <PageList
+        blockSuiteWorkspace={blockSuiteWorkspace}
+        onClickPage={onClickPage}
+        listType="shared"
+      />
+    </>
+  );
+};
+
+export default SharedPages;
+
+SharedPages.getLayout = page => {
+  return <WorkspaceLayout>{page}</WorkspaceLayout>;
+};