mirror of
https://github.com/infiniflow/ragflow.git
synced 2026-01-30 23:26:36 +08:00
Refactor: UmiJs -> Vite (#12410)
### What problem does this PR solve? Refactor: UmiJs -> Vite+React ### Type of change - [x] Refactoring --------- Co-authored-by: Liu An <asiro@qq.com>
This commit is contained in:
@ -18,11 +18,14 @@ import localeData from 'dayjs/plugin/localeData';
|
||||
import weekOfYear from 'dayjs/plugin/weekOfYear';
|
||||
import weekYear from 'dayjs/plugin/weekYear';
|
||||
import weekday from 'dayjs/plugin/weekday';
|
||||
import React, { ReactNode, useEffect, useState } from 'react';
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import { RouterProvider } from 'react-router';
|
||||
import { ThemeProvider, useTheme } from './components/theme-provider';
|
||||
import { SidebarProvider } from './components/ui/sidebar';
|
||||
import { TooltipProvider } from './components/ui/tooltip';
|
||||
import { ThemeEnum } from './constants/common';
|
||||
// import { getRouter } from './routes';
|
||||
import { routers } from './routes';
|
||||
import storage from './utils/authorization-util';
|
||||
|
||||
import 'react-photo-view/dist/react-photo-view.css';
|
||||
@ -54,15 +57,26 @@ const AntLanguageMap = {
|
||||
de: deDE,
|
||||
};
|
||||
|
||||
// if (process.env.NODE_ENV === 'development') {
|
||||
// const whyDidYouRender = require('@welldone-software/why-did-you-render');
|
||||
// whyDidYouRender(React, {
|
||||
// trackAllPureComponents: true,
|
||||
// trackExtraHooks: [],
|
||||
// logOnDifferentValues: true,
|
||||
// });
|
||||
// }
|
||||
if (process.env.NODE_ENV === 'development') {
|
||||
const whyDidYouRender = require('@welldone-software/why-did-you-render');
|
||||
whyDidYouRender(React, {
|
||||
trackAllPureComponents: true,
|
||||
trackExtraHooks: [],
|
||||
logOnDifferentValues: true,
|
||||
});
|
||||
import('@welldone-software/why-did-you-render').then(
|
||||
(whyDidYouRenderModule) => {
|
||||
const whyDidYouRender = whyDidYouRenderModule.default;
|
||||
whyDidYouRender(React, {
|
||||
trackAllPureComponents: true,
|
||||
trackExtraHooks: [],
|
||||
logOnDifferentValues: true,
|
||||
});
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
const queryClient = new QueryClient();
|
||||
|
||||
type Locale = ConfigProviderProps['locale'];
|
||||
@ -94,7 +108,7 @@ function Root({ children }: React.PropsWithChildren) {
|
||||
locale={locale}
|
||||
>
|
||||
<SidebarProvider className="h-full">
|
||||
<App>{children}</App>
|
||||
<App className="w-full h-dvh relative">{children}</App>
|
||||
</SidebarProvider>
|
||||
<Sonner position={'top-right'} expand richColors closeButton></Sonner>
|
||||
<Toaster />
|
||||
@ -126,6 +140,22 @@ const RootProvider = ({ children }: React.PropsWithChildren) => {
|
||||
</TooltipProvider>
|
||||
);
|
||||
};
|
||||
export function rootContainer(container: ReactNode) {
|
||||
return <RootProvider>{container}</RootProvider>;
|
||||
|
||||
export default function AppContainer() {
|
||||
// const [router, setRouter] = useState<any>(null);
|
||||
|
||||
// useEffect(() => {
|
||||
// getRouter().then(setRouter);
|
||||
// }, []);
|
||||
|
||||
// if (!router) {
|
||||
// return <div>Loading...</div>;
|
||||
// }
|
||||
|
||||
return (
|
||||
<RootProvider>
|
||||
<RouterProvider router={routers}></RouterProvider>
|
||||
{/* <RouterProvider router={router}></RouterProvider> */}
|
||||
</RootProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user