style: restrict type import (#1589)

apps/web/src/pages/_app.tsx

@@ -2,14 +2,15 @@ import '../styles/globals.css';
 
 import { config, setupGlobal } from '@affine/env';
 import { createI18n, I18nextProvider } from '@affine/i18n';
-import { EmotionCache } from '@emotion/cache';
+import type { EmotionCache } from '@emotion/cache';
 import { CacheProvider } from '@emotion/react';
 import { Provider } from 'jotai';
 import { useAtomsDebugValue } from 'jotai-devtools';
-import { AppProps } from 'next/app';
+import type { AppProps } from 'next/app';
 import Head from 'next/head';
 import { useRouter } from 'next/router';
-import React, { memo, ReactElement, Suspense, useEffect, useMemo } from 'react';
+import type { ReactElement } from 'react';
+import React, { memo, Suspense, useEffect, useMemo } from 'react';
 
 import { jotaiStore } from '../atoms';
 import { AffineErrorBoundary } from '../components/affine/affine-error-eoundary';
@@ -18,7 +19,7 @@ import { PageLoading } from '../components/pure/loading';
 import { MessageCenter } from '../components/pure/message-center';
 import { AffineSWRConfigProvider } from '../providers/AffineSWRConfigProvider';
 import { ThemeProvider } from '../providers/ThemeProvider';
-import { NextPageWithLayout } from '../shared';
+import type { NextPageWithLayout } from '../shared';
 import createEmotionCache from '../utils/create-emotion-cache';
 
 setupGlobal();

apps/web/src/pages/_debug/broadcast.dev.tsx

@@ -2,12 +2,13 @@ import { Button, toast } from '@affine/component';
 import { DebugLogger } from '@affine/debug';
 import { nanoid } from '@blocksuite/store';
 import { Typography } from '@mui/material';
-import React, { useEffect, useMemo, useState } from 'react';
+import type React from 'react';
+import { useEffect, useMemo, useState } from 'react';
 
 import { createBroadCastChannelProvider } from '../../blocksuite/providers';
 import PageList from '../../components/blocksuite/block-suite-page-list/page-list';
 import { StyledPage, StyledWrapper } from '../../layouts/styles';
-import { BroadCastChannelProvider } from '../../shared';
+import type { BroadCastChannelProvider } from '../../shared';
 import { createEmptyBlockSuiteWorkspace } from '../../utils';
 
 const logger = new DebugLogger('broadcast');

apps/web/src/pages/_debug/init-page.dev.tsx

@@ -3,7 +3,7 @@ import dynamic from 'next/dynamic';
 import { useRouter } from 'next/router';
 
 import { StyledPage, StyledWrapper } from '../../layouts/styles';
-import { NextPageWithLayout } from '../../shared';
+import type { NextPageWithLayout } from '../../shared';
 import { initPage } from '../../utils/blocksuite';
 
 const Editor = dynamic(

apps/web/src/pages/_document.tsx

@@ -1,12 +1,7 @@
 import type { EmotionJSX } from '@emotion/react/types/jsx-namespace';
 import createEmotionServer from '@emotion/server/create-instance';
-import Document, {
-  DocumentContext,
-  Head,
-  Html,
-  Main,
-  NextScript,
-} from 'next/document';
+import type { DocumentContext } from 'next/document';
+import Document, { Head, Html, Main, NextScript } from 'next/document';
 import * as React from 'react';
 
 import createEmotionCache from '../utils/create-emotion-cache';

apps/web/src/pages/index.tsx

@@ -1,4 +1,4 @@
-import { NextPage } from 'next';
+import type { NextPage } from 'next';
 import { useRouter } from 'next/router';
 import React, { Suspense, useEffect } from 'react';
 

apps/web/src/pages/invite/[invite_code].tsx

@@ -1,6 +1,6 @@
 import { displayFlex, styled } from '@affine/component';
 import { Button } from '@affine/component';
-import { Permission } from '@affine/datacenter';
+import type { Permission } from '@affine/datacenter';
 import {
   SucessfulDuotoneIcon,
   UnsucessfulDuotoneIcon,
@@ -16,7 +16,8 @@ import inviteSuccess from '../../../public/imgs/invite-success.svg';
 import { PageLoading } from '../../components/pure/loading';
 import { RouteLogic, useRouterHelper } from '../../hooks/use-router-helper';
 import { QueryKey } from '../../plugins/affine/fetcher';
-import { NextPageWithLayout, WorkspaceSubPath } from '../../shared';
+import type { NextPageWithLayout } from '../../shared';
+import { WorkspaceSubPath } from '../../shared';
 
 const InvitePage: NextPageWithLayout = () => {
   const router = useRouter();

apps/web/src/pages/preview/[previewId].tsx

@@ -1,4 +1,4 @@
-import {
+import type {
   GetStaticPaths,
   GetStaticProps,
   InferGetStaticPropsType,
@@ -14,7 +14,7 @@ import {
   StyledToolWrapper,
   StyledWrapper,
 } from '../../layouts/styles';
-import { BlockSuiteWorkspace } from '../../shared';
+import type { BlockSuiteWorkspace } from '../../shared';
 import { createEmptyBlockSuiteWorkspace } from '../../utils';
 
 export type PreviewPageProps = {

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

@@ -4,7 +4,8 @@ import { Box } from '@mui/material';
 import { useAtomValue, useSetAtom } from 'jotai';
 import dynamic from 'next/dynamic';
 import { useRouter } from 'next/router';
-import React, { Suspense, useCallback, useEffect } from 'react';
+import type React from 'react';
+import { Suspense, useCallback, useEffect } from 'react';
 
 import { currentWorkspaceIdAtom, openQuickSearchModalAtom } from '../../atoms';
 import {
@@ -18,7 +19,7 @@ import { PageLoading } from '../../components/pure/loading';
 import { useBlockSuiteWorkspaceAvatarUrl } from '../../hooks/use-blocksuite-workspace-avatar-url';
 import { useBlockSuiteWorkspaceName } from '../../hooks/use-blocksuite-workspace-name';
 import { WorkspaceLayout } from '../../layouts';
-import { NextPageWithLayout } from '../../shared';
+import type { NextPageWithLayout } from '../../shared';
 import { NavContainer, StyledBreadcrumbs } from './[workspaceId]/[pageId]';
 
 const BlockSuitePublicPageList = dynamic(

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

@@ -9,7 +9,8 @@ import { PageIcon } from '@blocksuite/icons';
 import { useAtomValue, useSetAtom } from 'jotai';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
-import React, { Suspense, useEffect } from 'react';
+import type React from 'react';
+import { Suspense, useEffect } from 'react';
 
 import {
   publicBlockSuiteAtom,
@@ -22,7 +23,7 @@ import { PageLoading } from '../../../components/pure/loading';
 import { useBlockSuiteWorkspaceAvatarUrl } from '../../../hooks/use-blocksuite-workspace-avatar-url';
 import { useBlockSuiteWorkspaceName } from '../../../hooks/use-blocksuite-workspace-name';
 import { WorkspaceLayout } from '../../../layouts';
-import { NextPageWithLayout } from '../../../shared';
+import type { NextPageWithLayout } from '../../../shared';
 import { initPage } from '../../../utils/blocksuite';
 
 export const NavContainer = styled('div')(({ theme }) => {

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

@@ -1,5 +1,6 @@
 import { useRouter } from 'next/router';
-import React, { useEffect } from 'react';
+import type React from 'react';
+import { useEffect } from 'react';
 
 import { Unreachable } from '../../../components/affine/affine-error-eoundary';
 import { PageLoading } from '../../../components/pure/loading';
@@ -9,11 +10,8 @@ import { useCurrentWorkspace } from '../../../hooks/current/use-current-workspac
 import { useSyncRouterWithCurrentWorkspaceAndPage } from '../../../hooks/use-sync-router-with-current-workspace-and-page';
 import { WorkspaceLayout } from '../../../layouts';
 import { WorkspacePlugins } from '../../../plugins';
-import {
-  BlockSuiteWorkspace,
-  NextPageWithLayout,
-  RemWorkspaceFlavour,
-} from '../../../shared';
+import type { BlockSuiteWorkspace, NextPageWithLayout } from '../../../shared';
+import { RemWorkspaceFlavour } from '../../../shared';
 
 function enableFullFlags(blockSuiteWorkspace: BlockSuiteWorkspace) {
   blockSuiteWorkspace.awarenessStore.setFlag('enable_set_remote_flag', false);

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

@@ -16,11 +16,11 @@ import { useRouterHelper } from '../../../hooks/use-router-helper';
 import { useSyncRouterWithCurrentWorkspace } from '../../../hooks/use-sync-router-with-current-workspace';
 import { WorkspaceLayout } from '../../../layouts';
 import { WorkspacePlugins } from '../../../plugins';
-import {
+import type {
   LocalIndexedDBProvider,
   NextPageWithLayout,
-  RemWorkspaceFlavour,
 } from '../../../shared';
+import { RemWorkspaceFlavour } from '../../../shared';
 
 const AllPage: NextPageWithLayout = () => {
   const router = useRouter();

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

@@ -12,7 +12,7 @@ import { useCurrentWorkspace } from '../../../hooks/current/use-current-workspac
 import { useRouterHelper } from '../../../hooks/use-router-helper';
 import { useSyncRouterWithCurrentWorkspace } from '../../../hooks/use-sync-router-with-current-workspace';
 import { WorkspaceLayout } from '../../../layouts';
-import { NextPageWithLayout } from '../../../shared';
+import type { NextPageWithLayout } from '../../../shared';
 
 const FavouritePage: NextPageWithLayout = () => {
   const router = useRouter();

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

@@ -16,11 +16,13 @@ import { useTransformWorkspace } from '../../../hooks/use-transform-workspace';
 import { useWorkspacesHelper } from '../../../hooks/use-workspaces';
 import { WorkspaceLayout } from '../../../layouts';
 import { WorkspacePlugins } from '../../../plugins';
-import {
+import type {
   FlavourToWorkspace,
   NextPageWithLayout,
-  RemWorkspaceFlavour,
   SettingPanel,
+} from '../../../shared';
+import {
+  RemWorkspaceFlavour,
   settingPanel,
   settingPanelValues,
 } from '../../../shared';

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

@@ -12,7 +12,7 @@ import { useCurrentWorkspace } from '../../../hooks/current/use-current-workspac
 import { useRouterHelper } from '../../../hooks/use-router-helper';
 import { useSyncRouterWithCurrentWorkspace } from '../../../hooks/use-sync-router-with-current-workspace';
 import { WorkspaceLayout } from '../../../layouts';
-import { NextPageWithLayout } from '../../../shared';
+import type { NextPageWithLayout } from '../../../shared';
 
 const TrashPage: NextPageWithLayout = () => {
   const router = useRouter();