🚚 refactor: move dir from page to app and remove .page suffix (lobehu…

…b#236)

* 🚚 chore: move page file to appp dir

* ♻️ refactor: refactor *.page.tsx to *.tsx

* 🎨 chore: improve import

next.config.mjs

@@ -12,7 +12,7 @@ const withPWA = nextPWA({
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
-  pageExtensions: ['page.tsx', 'api.ts'],
+  pageExtensions: ['tsx', 'api.ts'],
   transpilePackages: ['@lobehub/ui'],
   webpack(config) {
     config.experiments = {

package.json

@@ -119,7 +119,6 @@
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "@types/systemjs": "^6.13.2",
-    "@types/testing-library__jest-dom": "^6",
     "@types/uuid": "^9",
     "@umijs/lint": "^4",
     "@vitest/coverage-v8": "latest",

src/pages/chat/index.tsx → src/app/chat/index.tsx

@@ -13,8 +13,8 @@ import { genSiteHeadTitle } from '@/utils/genSiteHeadTitle';
 import Conversation from './features/Conversation';
 import Header from './features/Header';
 import SideBar from './features/Sidebar';
-import DesktopLayout from './layout';
 import MobileLayout from './layout.mobile';
+import DesktopLayout from './layout.pc';
 
 const Chat = memo(() => {
   const { mobile } = useResponsive();

src/pages/chat/mobile/index.tsx → src/app/chat/mobile/index.tsx

@@ -5,12 +5,12 @@ import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
 import AppMobileLayout from '@/layout/AppMobileLayout';
-import Header from '@/pages/chat/features/Header';
 import { useSessionStore } from '@/store/session';
 import { agentSelectors } from '@/store/session/selectors';
 import { genSiteHeadTitle } from '@/utils/genSiteHeadTitle';
 
 import Conversation from '../features/Conversation';
+import Header from '../features/Header';
 import SideBar from '../features/Sidebar';
 
 const Chat = memo(() => {

src/app/chat/page.page.tsx → src/app/chat/mobile/page.tsx

@@ -1,4 +1,4 @@
-import Page from '@/pages/chat';
+import Page from './index';
 
 const Index = () => {
   return <Page />;

src/app/page.page.tsx → src/app/chat/page.tsx

@@ -1,4 +1,4 @@
-import Page from '@/pages/home';
+import Page from './index';
 
 const Index = () => {
   return <Page />;

src/pages/chat/setting/index.tsx → src/app/chat/settings/index.tsx

@@ -11,8 +11,8 @@ import { useSessionStore } from '@/store/session';
 import { agentSelectors } from '@/store/session/selectors';
 import { genSiteHeadTitle } from '@/utils/genSiteHeadTitle';
 
-import DesktopLayout from './layout';
 import MobileLayout from './layout.mobile';
+import DesktopLayout from './layout.pc';
 
 const EditPage = memo(() => {
   const { mobile } = useResponsive();

src/pages/chat/setting/layout.tsx → src/app/chat/settings/layout.pc.tsx

@@ -4,7 +4,7 @@ import { Flexbox } from 'react-layout-kit';
 import SafeSpacing from '@/components/SafeSpacing';
 import { HEADER_HEIGHT } from '@/const/layoutTokens';
 
-import ChatLayout from '../layout';
+import ChatLayout from '../layout.pc';
 import Header from './features/Header';
 
 const DesktopLayout = memo<PropsWithChildren>(({ children }) => {

src/app/market/page.page.tsx → src/app/chat/settings/page.tsx

@@ -1,4 +1,4 @@
-import Page from '@/pages/market';
+import Page from './index';
 
 const Index = () => {
   return <Page />;

src/pages/home/index.tsx → src/app/home/index.tsx

@@ -2,7 +2,6 @@
 
 import { memo } from 'react';
 
-import Loading from '@/pages/home/Loading';
 import {
   useEffectAfterSessionHydrated,
   useSessionHydrated,
@@ -11,6 +10,7 @@ import {
 import { sessionSelectors } from '@/store/session/selectors';
 
 import Welcome from '../welcome';
+import Loading from './Loading';
 
 const Home = memo(() => {
   const hydrated = useSessionHydrated();

src/pages/market/features/SideBar/AgentInfo/index.tsx → src/app/market/features/SideBar/AgentInfo/index.tsx

@@ -3,13 +3,13 @@ import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
-import TokenTag from '@/pages/market/features/SideBar/AgentInfo/TokenTag';
 import { useMarketStore } from '@/store/market';
 
 import AgentCardBanner from '../../AgentCard/AgentCardBanner';
 import Comment from './Comment';
 import Header from './Header';
 import Loading from './Loading';
+import TokenTag from './TokenTag';
 import { useStyles } from './style';
 
 enum InfoTabs {

src/pages/market/index.tsx → src/app/market/index.tsx

@@ -10,8 +10,8 @@ import { genSiteHeadTitle } from '@/utils/genSiteHeadTitle';
 
 import AgentCard from './features/AgentCard';
 import AgentSearchBar from './features/AgentSearchBar';
-import DesktopLayout from './layout';
 import MobileLayout from './layout.mobile';
+import DesktopLayout from './layout.pc';
 
 const Market = memo(() => {
   const { t } = useTranslation('common');

src/pages/market/layout.mobile.tsx → src/app/market/layout.mobile.tsx

@@ -2,10 +2,10 @@ import { ReactNode, memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
 import AppMobileLayout from '@/layout/AppMobileLayout';
-import SideBar from '@/pages/market/features/SideBar';
 import { useSwitchSideBarOnInit } from '@/store/global';
 
 import Header from './features/Header';
+import SideBar from './features/SideBar';
 
 const MarketLayout = memo<{ children: ReactNode }>(({ children }) => {
   useSwitchSideBarOnInit('market');

src/app/welcome/page.page.tsx → src/app/market/page.tsx

@@ -1,4 +1,4 @@
-import Page from '@/pages/welcome';
+import Page from './index';
 
 const Index = () => {
   return <Page />;

src/app/page.tsx

@@ -0,0 +1,7 @@
+import Page from './home';
+
+const Index = () => {
+  return <Page />;
+};
+
+export default Index;

src/pages/settings/index.tsx → src/app/settings/index.tsx

@@ -9,8 +9,8 @@ import { useSwitchSideBarOnInit } from '@/store/global';
 import { genSiteHeadTitle } from '@/utils/genSiteHeadTitle';
 
 import Settings from './features/Settings';
-import DesktopLayout from './layout';
 import MobileLayout from './layout.mobile';
+import DesktopLayout from './layout.pc';
 
 const Setting = memo(() => {
   const { mobile } = useResponsive();

src/app/settings/page.tsx

@@ -0,0 +1,7 @@
+import Page from './index';
+
+const Index = () => {
+  return <Page />;
+};
+
+export default Index;

src/pages/welcome/index.tsx → src/app/welcome/index.tsx

@@ -9,8 +9,8 @@ import { genSiteHeadTitle } from '@/utils/genSiteHeadTitle';
 
 import Banner from './features/Banner';
 import Footer from './features/Footer';
-import Layout from './layout';
 import Mobile from './layout.mobile';
+import Layout from './layout.pc';
 
 const Welcome = memo(() => {
   const { mobile } = useResponsive();

src/app/welcome/page.tsx

@@ -0,0 +1,7 @@
+import Page from './index';
+
+const Index = () => {
+  return <Page />;
+};
+
+export default Index;