Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-12 12:28:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: init @toeverything/hooks package (#1788)

Browse Source
This commit is contained in:
Himself65
2023-04-03 04:32:52 -05:00
committed by GitHub
parent 89c1e4c205
commit fcf5d5602d
17 changed files with 100 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/src/components/affine/workspace-setting-detail/panel/general/delete/index.tsx
View File

@@ -1,9 +1,9 @@
import { Button, Input, Modal, ModalCloseButton } from '@affine/component';
import { Trans, useTranslation } from '@affine/i18n';
import { WorkspaceFlavour } from '@affine/workspace/type';
import { useBlockSuiteWorkspaceName } from '@toeverything/hooks/use-blocksuite-workspace-name';
import { useCallback, useState } from 'react';
import { useBlockSuiteWorkspaceName } from '../../../../../../hooks/use-blocksuite-workspace-name';
import type { AffineOfficialWorkspace } from '../../../../../../shared';
import {
StyledButtonContent,

2
apps/web/src/components/affine/workspace-setting-detail/panel/general/index.tsx
View File

@@ -1,12 +1,12 @@
import { Button, FlexWrapper, MuiFade } from '@affine/component';
import { useTranslation } from '@affine/i18n';
import { WorkspaceFlavour } from '@affine/workspace/type';
import { useBlockSuiteWorkspaceName } from '@toeverything/hooks/use-blocksuite-workspace-name';
import type React from 'react';
import { useState } from 'react';
import { useIsWorkspaceOwner } from '../../../../../hooks/affine/use-is-workspace-owner';
import { useBlockSuiteWorkspaceAvatarUrl } from '../../../../../hooks/use-blocksuite-workspace-avatar-url';
import { useBlockSuiteWorkspaceName } from '../../../../../hooks/use-blocksuite-workspace-name';
import { Upload } from '../../../../pure/file-upload';
import {
CloudWorkspaceIcon,

2
apps/web/src/components/affine/workspace-setting-detail/panel/sync/index.tsx
View File

@@ -1,11 +1,11 @@
import { Content, FlexWrapper, styled } from '@affine/component';
import { Trans, useTranslation } from '@affine/i18n';
import { WorkspaceFlavour } from '@affine/workspace/type';
import { useBlockSuiteWorkspaceName } from '@toeverything/hooks/use-blocksuite-workspace-name';
import type React from 'react';
import { useCurrentUser } from '../../../../../hooks/current/use-current-user';
import { useBlockSuiteWorkspaceAvatarUrl } from '../../../../../hooks/use-blocksuite-workspace-avatar-url';
import { useBlockSuiteWorkspaceName } from '../../../../../hooks/use-blocksuite-workspace-name';
import { WorkspaceAvatar } from '../../../../pure/footer';
import type { PanelProps } from '../../index';

2
apps/web/src/components/page-detail-editor.tsx
View File

@@ -1,6 +1,7 @@
import type { EditorContainer } from '@blocksuite/editor';
import type { Page } from '@blocksuite/store';
import { assertExists } from '@blocksuite/store';
import { useBlockSuiteWorkspacePageTitle } from '@toeverything/hooks/use-blocksuite-workspace-page-title';
import { useAtomValue, useSetAtom } from 'jotai';
import dynamic from 'next/dynamic';
import Head from 'next/head';
@@ -8,7 +9,6 @@ import type React from 'react';
import { useCallback } from 'react';
import { currentEditorAtom, workspacePreferredModeAtom } from '../atoms';
import { useBlockSuiteWorkspacePageTitle } from '../hooks/use-blocksuite-workspace-page-title';
import { usePageMeta } from '../hooks/use-page-meta';
import type { BlockSuiteWorkspace } from '../shared';
import { PageNotFoundError } from './affine/affine-error-eoundary';

2
apps/web/src/components/pure/workspace-card/index.tsx
View File

@@ -2,10 +2,10 @@ import { useTranslation } from '@affine/i18n';
import { PermissionType } from '@affine/workspace/affine/api';
import { WorkspaceFlavour } from '@affine/workspace/type';
import { SettingsIcon } from '@blocksuite/icons';
import { useBlockSuiteWorkspaceName } from '@toeverything/hooks/use-blocksuite-workspace-name';
import type React from 'react';
import { useCallback } from 'react';
import { useBlockSuiteWorkspaceName } from '../../../hooks/use-blocksuite-workspace-name';
import type { AllWorkspace } from '../../../shared';
import {
CloudWorkspaceIcon,

2
apps/web/src/components/pure/workspace-slider-bar/WorkspaceSelector/WorkspaceSelector.tsx
View File

@@ -1,8 +1,8 @@
import { CloudWorkspaceIcon, LocalWorkspaceIcon } from '@blocksuite/icons';
import { useBlockSuiteWorkspaceName } from '@toeverything/hooks/use-blocksuite-workspace-name';
import type React from 'react';
import { useCurrentWorkspace } from '../../../../hooks/current/use-current-workspace';
import { useBlockSuiteWorkspaceName } from '../../../../hooks/use-blocksuite-workspace-name';
import type { AllWorkspace } from '../../../../shared';
import { WorkspaceAvatar } from '../../workspace-avatar';
import {

16
apps/web/src/hooks/__tests__/index.spec.tsx
View File

@@ -37,7 +37,6 @@ import {
currentWorkspaceAtom,
useCurrentWorkspace,
} from '../current/use-current-workspace';
import { useBlockSuiteWorkspaceName } from '../use-blocksuite-workspace-name';
import { usePageMeta, usePageMetaHelper } from '../use-page-meta';
import {
REDIRECT_TIMEOUT,
@@ -302,21 +301,6 @@ describe('useSyncRouterWithCurrentWorkspaceAndPage', () => {
});
});
describe('useBlockSuiteWorkspaceName', () => {
test('basic', async () => {
blockSuiteWorkspace.meta.setName('test 1');
const workspaceNameHook = renderHook(() =>
useBlockSuiteWorkspaceName(blockSuiteWorkspace)
);
expect(workspaceNameHook.result.current[0]).toBe('test 1');
blockSuiteWorkspace.meta.setName('test 2');
workspaceNameHook.rerender();
expect(workspaceNameHook.result.current[0]).toBe('test 2');
workspaceNameHook.result.current[1]('test 3');
expect(blockSuiteWorkspace.meta.name).toBe('test 3');
});
});
describe('useRecentlyViewed', () => {
test('basic', async () => {
const { ProviderWrapper, store } = await getJotaiContext();

33
apps/web/src/hooks/use-blocksuite-workspace-name.ts
View File

@@ -1,33 +0,0 @@
import { UNTITLED_WORKSPACE_NAME } from '@affine/env';
import { assertExists } from '@blocksuite/store';
import { useCallback, useEffect, useState } from 'react';
import type { BlockSuiteWorkspace } from '../shared';
export function useBlockSuiteWorkspaceName(
blockSuiteWorkspace: BlockSuiteWorkspace | null
) {
const [name, set] = useState(
() => blockSuiteWorkspace?.meta.name ?? UNTITLED_WORKSPACE_NAME
);
useEffect(() => {
if (blockSuiteWorkspace) {
set(blockSuiteWorkspace.meta.name ?? '');
const dispose = blockSuiteWorkspace.meta.commonFieldsUpdated.on(() => {
set(blockSuiteWorkspace.meta.name ?? '');
});
return () => {
dispose.dispose();
};
}
}, [blockSuiteWorkspace]);
const setName = useCallback(
(name: string) => {
assertExists(blockSuiteWorkspace);
blockSuiteWorkspace.meta.setName(name);
set(name);
},
[blockSuiteWorkspace]
);
return [name, setName] as const;
}

26
apps/web/src/hooks/use-blocksuite-workspace-page-title.ts
View File

@@ -1,26 +0,0 @@
import { assertExists } from '@blocksuite/store';
import { useEffect, useState } from 'react';
import type { BlockSuiteWorkspace } from '../shared';
export function useBlockSuiteWorkspacePageTitle(
blockSuiteWorkspace: BlockSuiteWorkspace,
pageId: string
) {
const page = blockSuiteWorkspace.getPage(pageId);
const [title, setTitle] = useState(() => page?.meta.title || 'AFFiNE');
useEffect(() => {
const page = blockSuiteWorkspace.getPage(pageId);
setTitle(page?.meta.title || 'AFFiNE');
const dispose = blockSuiteWorkspace.meta.pageMetasUpdated.on(() => {
const page = blockSuiteWorkspace.getPage(pageId);
assertExists(page);
setTitle(page?.meta.title || 'AFFiNE');
});
return () => {
dispose.dispose();
};
}, [blockSuiteWorkspace, pageId]);
return title;
}

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

@@ -1,5 +1,6 @@
import { Breadcrumbs, IconButton, ListSkeleton } from '@affine/component';
import { SearchIcon } from '@blocksuite/icons';
import { useBlockSuiteWorkspaceName } from '@toeverything/hooks/use-blocksuite-workspace-name';
import { useAtomValue, useSetAtom } from 'jotai';
import dynamic from 'next/dynamic';
import { useRouter } from 'next/router';
@@ -16,7 +17,6 @@ import { StyledTableContainer } from '../../components/blocksuite/block-suite-pa
import { WorkspaceAvatar } from '../../components/pure/footer';
import { PageLoading } from '../../components/pure/loading';
import { useBlockSuiteWorkspaceAvatarUrl } from '../../hooks/use-blocksuite-workspace-avatar-url';
import { useBlockSuiteWorkspaceName } from '../../hooks/use-blocksuite-workspace-name';
import { PublicWorkspaceLayout } from '../../layouts/public-workspace-layout';
import type { NextPageWithLayout } from '../../shared';
import { NavContainer, StyledBreadcrumbs } from './[workspaceId]/[pageId]';

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

@@ -1,6 +1,7 @@
import { Breadcrumbs, displayFlex, styled } from '@affine/component';
import { useTranslation } from '@affine/i18n';
import { PageIcon } from '@blocksuite/icons';
import { useBlockSuiteWorkspaceName } from '@toeverything/hooks/use-blocksuite-workspace-name';
import { useAtomValue, useSetAtom } from 'jotai';
import Link from 'next/link';
import { useRouter } from 'next/router';
@@ -16,7 +17,6 @@ import { PageDetailEditor } from '../../../components/page-detail-editor';
import { WorkspaceAvatar } from '../../../components/pure/footer';
import { PageLoading } from '../../../components/pure/loading';
import { useBlockSuiteWorkspaceAvatarUrl } from '../../../hooks/use-blocksuite-workspace-avatar-url';
import { useBlockSuiteWorkspaceName } from '../../../hooks/use-blocksuite-workspace-name';
import { PublicWorkspaceLayout } from '../../../layouts/public-workspace-layout';
import type { NextPageWithLayout } from '../../../shared';
import { initPage } from '../../../utils';