@qlover/create-app 0.4.5 → 0.5.0

package/{templates → dist/templates}/react-app/src/core/registers/RegisterCommon.ts

@@ -1,4 +1,4 @@
-import { FetchAbortPlugin, JSONStorage } from '@qlover/fe-corekit';
+import { FetchAbortPlugin } from '@qlover/fe-corekit';
 import { Logger } from '@qlover/logger';
 import {
   InversifyContainer,
@@ -7,20 +7,21 @@ import {
   IocRegisterOptions
 } from '@/core/IOC';
 import {
-  UserToken,
   RequestCommonPlugin,
   ApiMockPlugin,
   ApiCatchPlugin,
   ThemeService,
-  IOCManagerInterface
+  IOCManagerInterface,
+  TokenStorage
 } from '@qlover/corekit-bridge';
 import mockDataJson from '@config/feapi.mock.json';
 import { RequestStatusCatcher } from '@/base/cases/RequestStatusCatcher';
-import themeConfig from '@config/theme.json';
-import { localJsonStorage, logger } from '../globals';
+import { themeConfig } from '@config/theme';
+import { localStorage, logger } from '../globals';
 import { I18nService } from '@/base/services/I18nService';
 import { RouteService } from '@/base/services/RouteService';
-import { base as baseRoutes } from '@config/app.router.json';
+import { baseRoutes } from '@config/app.router';
+import { UserService } from '@/base/services/UserService';
 
 export class RegisterCommon implements InversifyRegisterInterface {
   register(
@@ -30,21 +31,19 @@ export class RegisterCommon implements InversifyRegisterInterface {
   ): void {
     const AppConfig = container.get(IOCIdentifier.AppConfig);
 
-    const userToken = new UserToken(
-      AppConfig.userTokenStorageKey,
-      container.get(JSONStorage)
-    );
+    const feApiToken = new TokenStorage(AppConfig.userTokenStorageKey, {
+      storage: container.get(IOCIdentifier.LocalStorageEncrypt)
+    });
     const feApiAbort = new FetchAbortPlugin();
     const feApiRequestCommonPlugin = new RequestCommonPlugin({
       tokenPrefix: AppConfig.openAiTokenPrefix,
       requiredToken: true,
-      token: () => userToken.getToken()
+      token: () => container.get(UserService).getToken()
     });
 
     container.bind(FetchAbortPlugin, feApiAbort);
-    container.bind(UserToken, userToken);
 
-    container.bind(IOCIdentifier.FeApiToken, userToken);
+    container.bind(IOCIdentifier.FeApiToken, feApiToken);
     container.bind(IOCIdentifier.FeApiCommonPlugin, feApiRequestCommonPlugin);
     container.bind(
       IOCIdentifier.ApiMockPlugin,
@@ -62,14 +61,14 @@ export class RegisterCommon implements InversifyRegisterInterface {
       ThemeService,
       new ThemeService({
         ...themeConfig,
-        storage: localJsonStorage
+        storage: localStorage
       })
     );
 
     container.bind(
       RouteService,
       new RouteService({
-        config: baseRoutes,
+        routes: baseRoutes,
         logger
       })
     );

package/{templates → dist/templates}/react-app/src/core/registers/RegisterControllers.ts

@@ -1,15 +1,20 @@
-import { localJsonStorage } from '../globals';
+import { localStorage } from '../globals';
 import { JSONStorageController } from '@/uikit/controllers/JSONStorageController';
-import { ProcesserService } from '@/base/services/ProcesserService';
+import { ProcesserExecutor } from '@/base/services/ProcesserExecutor';
 import { UserService } from '@/base/services/UserService';
 import { InversifyRegisterInterface } from '../IOC';
 import { InversifyContainer } from '../IOC';
+import { I18nKeyErrorPlugin } from '@/base/cases/I18nKeyErrorPlugin';
+
 export class RegisterControllers implements InversifyRegisterInterface {
   register(container: InversifyContainer): void {
-    const jsonStorageController = new JSONStorageController(localJsonStorage);
+    const jsonStorageController = new JSONStorageController(localStorage);
 
     container.bind(JSONStorageController, jsonStorageController);
 
-    container.get(ProcesserService).use(container.get(UserService));
+    container
+      .get(ProcesserExecutor)
+      .use(container.get(I18nKeyErrorPlugin))
+      .use(container.get(UserService));
   }
 }

package/{templates → dist/templates}/react-app/src/core/registers/RegisterGlobals.ts

@@ -1,6 +1,13 @@
-import { JSONSerializer, JSONStorage } from '@qlover/fe-corekit';
+import { JSONSerializer } from '@qlover/fe-corekit';
 import type { IOCManagerInterface } from '@qlover/corekit-bridge';
-import { dialogHandler, JSON, localJsonStorage, logger } from '../globals';
+import {
+  cookieStorage,
+  dialogHandler,
+  JSON,
+  localStorage,
+  localStorageEncrypt,
+  logger
+} from '../globals';
 import {
   type InversifyContainer,
   type InversifyRegisterInterface,
@@ -25,7 +32,8 @@ export class RegisterGlobals implements InversifyRegisterInterface {
     container.bind(Logger, logger);
     container.bind(IOCIdentifier.Logger, logger);
 
-    container.bind(JSONStorage, localJsonStorage);
-    container.bind(IOCIdentifier.JSONStorage, localJsonStorage);
+    container.bind(IOCIdentifier.LocalStorage, localStorage);
+    container.bind(IOCIdentifier.LocalStorageEncrypt, localStorageEncrypt);
+    container.bind(IOCIdentifier.CookieStorage, cookieStorage);
   }
 }

package/{templates → dist/templates}/react-app/src/pages/404.tsx

@@ -1,4 +1,6 @@
 import { useBaseRoutePage } from '@/uikit/contexts/BaseRouteContext';
+import { PAGE_404_TITLE } from '@config/Identifier/common';
+import { NOT_FOUND_COMPONENT } from '@config/Identifier/common.error';
 
 export default function NotFound({ route }: { route?: string }) {
   const { t } = useBaseRoutePage();
@@ -6,7 +8,8 @@ export default function NotFound({ route }: { route?: string }) {
     <div className="flex flex-col justify-center min-h-screen py-6 bg-background sm:py-12">
       <div className="relative py-3 mx-auto sm:max-w-xl">
         <h1 className="text-text text-2xl font-bold text-center">
-          404 -{route ? `${t('404.notComponent')}: ${route}` : t('404.notPage')}
+          404 -
+          {route ? `${t(NOT_FOUND_COMPONENT)}: ${route}` : t(PAGE_404_TITLE)}
         </h1>
       </div>
     </div>

package/{templates → dist/templates}/react-app/src/pages/500.tsx

@@ -1,4 +1,5 @@
 import { useBaseRoutePage } from '@/uikit/contexts/BaseRouteContext';
+import { PAGE_500_TITLE } from '@config/Identifier/common';
 
 export default function NotFound500() {
   const { t } = useBaseRoutePage();
@@ -6,7 +7,7 @@ export default function NotFound500() {
     <div className="flex flex-col justify-center min-h-screen py-6 bg-background sm:py-12">
       <div className="relative py-3 mx-auto sm:max-w-xl">
         <h1 className="text-text text-2xl font-bold text-center">
-          500 - {t('500.title')}
+          500 - {t(PAGE_500_TITLE)}
         </h1>
       </div>
     </div>

package/{templates → dist/templates}/react-app/src/pages/auth/Layout.tsx

@@ -2,11 +2,11 @@ import { IOC } from '@/core/IOC';
 import { UserService } from '@/base/services/UserService';
 import { Navigate, Outlet } from 'react-router-dom';
 import { useStore } from '@/uikit/hooks/useStore';
-import BaseHeader from '../base/components/BaseHeader';
+import BaseHeader from '../../uikit/components/BaseHeader';
 
 export default function Layout() {
   const userService = IOC(UserService);
-  useStore(userService, (state) => state.success);
+  useStore(userService.store);
 
   // If user is authenticated, redirect to home page
   if (userService.isAuthenticated()) {

package/{templates/react-app/src/pages/auth/Login.tsx → dist/templates/react-app/src/pages/auth/LoginPage.tsx}

@@ -5,8 +5,7 @@ import { IOC } from '@/core/IOC';
 import { useBaseRoutePage } from '@/uikit/contexts/BaseRouteContext';
 import { RouteService } from '@/base/services/RouteService';
 import { UserService } from '@/base/services/UserService';
-import { useStore } from '@/uikit/hooks/useStore';
-import * as i18nKeys from '@config/Identifier/I18n';
+import * as i18nKeys from '@config/Identifier/page.login';
 import LocaleLink from '@/uikit/components/LocaleLink';
 
 interface LoginFormData {
@@ -14,11 +13,10 @@ interface LoginFormData {
   password: string;
 }
 
-export default function Login() {
+export default function LoginPage() {
   const { t } = useBaseRoutePage();
   const userService = IOC(UserService);
   const AppConfig = IOC('AppConfig');
-  useStore(userService);
   const [loading, setLoading] = useState(false);
 
   const handleLogin = async (values: LoginFormData) => {

package/{templates/react-app/src/pages/auth/Register.tsx → dist/templates/react-app/src/pages/auth/RegisterPage.tsx}

@@ -4,16 +4,13 @@ import { UserOutlined, LockOutlined, MailOutlined } from '@ant-design/icons';
 import { IOC } from '@/core/IOC';
 import { useBaseRoutePage } from '@/uikit/contexts/BaseRouteContext';
 import { RouteService } from '@/base/services/RouteService';
-import { UserService } from '@/base/services/UserService';
-import { useStore } from '@/uikit/hooks/useStore';
-import * as i18nKeys from '@config/Identifier/I18n';
-import type { RegisterFormData } from '@/base/port/LoginInterface';
+import { RegisterFormData, UserService } from '@/base/services/UserService';
+import * as i18nKeys from '@config/Identifier/page.register';
 
-export default function Register() {
+export default function RegisterPage() {
   const { t } = useBaseRoutePage();
   const userService = IOC(UserService);
   const AppConfig = IOC('AppConfig');
-  useStore(userService);
   const [loading, setLoading] = useState(false);
   const [form] = Form.useForm();
 

package/{templates/react-app/src/pages/base/About.tsx → dist/templates/react-app/src/pages/base/AboutPage.tsx}

@@ -1,5 +1,5 @@
 import { useBaseRoutePage } from '@/uikit/contexts/BaseRouteContext';
-import * as i18nKeys from '@config/Identifier/I18n';
+import * as i18nKeys from '@config/Identifier/page.about';
 import {
   Button,
   Tooltip,
@@ -13,7 +13,7 @@ import {
 } from 'antd';
 import { useState } from 'react';
 
-export default function About() {
+export default function AboutPage() {
   const { t } = useBaseRoutePage();
   const [messageApi, contextHolder] = message.useMessage();
   const [notificationApi, contextHolder2] = notification.useNotification();
@@ -108,8 +108,8 @@ export default function About() {
           <Popconfirm
             title={t(i18nKeys.ABOUT_POPCONFIRM_TITLE)}
             description={t(i18nKeys.ABOUT_POPCONFIRM_DESC)}
-            okText={t(i18nKeys.COMMON_OK)}
-            cancelText={t(i18nKeys.COMMON_CANCEL)}
+            okText={t(i18nKeys.ABOUT_OK_TEXT)}
+            cancelText={t(i18nKeys.ABOUT_CANCEL_TEXT)}
           >
             <Button>{t(i18nKeys.ABOUT_BTN_POPCONFIRM)}</Button>
           </Popconfirm>

package/{templates/react-app/src/pages/base/ErrorIdentifier.tsx → dist/templates/react-app/src/pages/base/ErrorIdentifierPage.tsx}

@@ -1,9 +1,9 @@
 import { Button } from 'antd';
 import { useBaseRoutePage } from '@/uikit/contexts/BaseRouteContext';
-import * as ErrorIdentifierList from '@config/Identifier/Error';
-import * as i18nKeys from '@config/Identifier/I18n';
+import * as ErrorIdentifierList from '@config/Identifier/common.error';
+import * as i18nKeys from '@config/Identifier/page.identifiter';
 
-export default function ErrorIdentifier() {
+export default function ErrorIdentifierPage() {
   const { t } = useBaseRoutePage();
 
   return (

package/{templates/react-app/src/pages/base/Executor.tsx → dist/templates/react-app/src/pages/base/ExecutorPage.tsx}

@@ -5,7 +5,7 @@ import { IOC } from '@/core/IOC';
 import { JSONStorageController } from '@/uikit/controllers/JSONStorageController';
 import { ExecutorController } from '@/uikit/controllers/ExecutorController';
 import { useStore } from '@/uikit/hooks/useStore';
-import * as i18nKeys from '@config/Identifier/I18n';
+import * as i18nKeys from '@config/Identifier/page.executor';
 
 interface Task {
   id: string;
@@ -20,7 +20,7 @@ interface Task {
   method?: 'GET' | 'POST' | 'PUT' | 'DELETE';
 }
 
-export default function Executor() {
+export default function ExecutorPage() {
   const { t } = useBaseRoutePage();
   const executorController = IOC(ExecutorController);
   const jSONStorageController = IOC(JSONStorageController);
@@ -250,7 +250,7 @@ export default function Executor() {
           </h2>
           <div className="space-y-4">
             <div className="text-text-secondary">
-              {t(i18nKeys.PAGE_REQUEST_TIMEOUT)}: {requestTimeout}
+              {t(i18nKeys.PAGE_EXECUTOR_REQUEST_TIMEOUT)}: {requestTimeout}
             </div>
             <div>
               {helloState.loading ? (

package/{templates/react-app/src/pages/base/Home.tsx → dist/templates/react-app/src/pages/base/HomePage.tsx}

@@ -2,53 +2,23 @@ import { Button } from 'antd';
 import { useBaseRoutePage } from '@/uikit/contexts/BaseRouteContext';
 import LocaleLink from '@/uikit/components/LocaleLink';
 import clsx from 'clsx';
-import * as i18nKeys from '@config/Identifier/I18n';
+import * as i18nKeys from '@config/Identifier';
+import { baseRoutes } from '@config/app.router';
 
-export default function Home() {
-  const { t } = useBaseRoutePage();
+const layoutRoutes = baseRoutes.filter(
+  (route) => route.element === 'base/Layout'
+);
+
+const navigationItems = layoutRoutes[0]!
+  .children!.filter((route) => !route.index)
+  .map((route) => ({
+    href: `/${route.path}`,
+    titleKey: route.meta!.title!,
+    descriptionKey: route.meta!.description!
+  }));
 
-  const navigationItems = [
-    {
-      href: '/about',
-      bgColor: 'bg-blue-50',
-      hoverColor: 'hover:bg-blue-100',
-      titleColor: 'text-blue-700',
-      titleKey: i18nKeys.PAGE_ABOUT_TITLE,
-      descriptionKey: i18nKeys.PAGE_ABOUT_DESCRIPTION
-    },
-    {
-      href: '/jsonstorage',
-      bgColor: 'bg-green-50',
-      hoverColor: 'hover:bg-green-100',
-      titleColor: 'text-green-700',
-      titleKey: i18nKeys.PAGE_JSONSTORAGE_TITLE,
-      descriptionKey: i18nKeys.PAGE_JSONSTORAGE_DESCRIPTION
-    },
-    {
-      href: '/request',
-      bgColor: 'bg-red-50',
-      hoverColor: 'hover:bg-red-100',
-      titleColor: 'text-red-700',
-      titleKey: i18nKeys.PAGE_REQUEST_TITLE,
-      descriptionKey: i18nKeys.PAGE_REQUEST_DESCRIPTION
-    },
-    {
-      href: '/executor',
-      bgColor: 'bg-purple-50',
-      hoverColor: 'hover:bg-purple-100',
-      titleColor: 'text-purple-700',
-      titleKey: i18nKeys.PAGE_EXECUTOR_TITLE,
-      descriptionKey: i18nKeys.PAGE_EXECUTOR_DESCRIPTION
-    },
-    {
-      href: '/errorIdentifier',
-      bgColor: 'bg-amber-50',
-      hoverColor: 'hover:bg-amber-100',
-      titleColor: 'text-amber-700',
-      titleKey: i18nKeys.PAGE_ERROR_IDENTIFIER_TITLE,
-      descriptionKey: i18nKeys.PAGE_ERROR_IDENTIFIER_DESCRIPTION
-    }
-  ];
+export default function HomePage() {
+  const { t } = useBaseRoutePage();
 
   return (
     <div className="min-h-screen bg-primary">

package/{templates/react-app/src/pages/base/JSONStorage.tsx → dist/templates/react-app/src/pages/base/JSONStoragePage.tsx}

@@ -4,9 +4,9 @@ import template from 'lodash/template';
 import { JSONStorageController } from '@/uikit/controllers/JSONStorageController';
 import { useStore } from '@/uikit/hooks/useStore';
 import { Button, Input } from 'antd';
-import * as i18nKeys from '@config/Identifier/I18n';
+import * as i18nKeys from '@config/Identifier/page.jsonStorage';
 
-export default function JSONStorage() {
+export default function JSONStoragePage() {
   const jsonStorageController = IOC(JSONStorageController);
   const controllerState = useStore(jsonStorageController);
   const { t } = useBaseRoutePage();
@@ -46,7 +46,7 @@ export default function JSONStorage() {
                     {t(i18nKeys.PAGE_JSONSTORAGE_CURRENT_VALUE)}:{' '}
                   </span>
                   <span className="font-semibold text-text">
-                    {controllerState.testKey1}
+                    {JSON.stringify(controllerState.testKey1)}
                   </span>
                 </div>
               </div>

package/{templates → dist/templates}/react-app/src/pages/base/Layout.tsx

@@ -1,10 +1,10 @@
-import BaseHeader from './components/BaseHeader';
+import BaseHeader from '../../uikit/components/BaseHeader';
 import { Outlet } from 'react-router-dom';
-import { ProcessProvider } from '@/uikit/providers/ProcessProvider';
+import { ProcessExecutorProvider } from '@/uikit/providers/ProcessExecutorProvider';
 
 export default function Layout() {
   return (
-    <ProcessProvider>
+    <ProcessExecutorProvider>
       <div
         data-testid="basic-layout"
         className="text-base min-h-screen bg-primary"
@@ -15,6 +15,6 @@ export default function Layout() {
           <Outlet />
         </div>
       </div>
-    </ProcessProvider>
+    </ProcessExecutorProvider>
   );
 }

package/{templates/react-app/src/pages/base/Request.tsx → dist/templates/react-app/src/pages/base/RequestPage.tsx}

@@ -6,7 +6,7 @@ import { useMemo } from 'react';
 import { useStore } from '@/uikit/hooks/useStore';
 import { Button } from 'antd';
 import { LoadingOutlined } from '@ant-design/icons';
-import * as i18nKeys from '@config/Identifier/I18n';
+import * as i18nKeys from '@config/Identifier/page.request';
 
 function JSONValue({ value }: { value: unknown }) {
   const output = useMemo(() => {
@@ -23,7 +23,7 @@ function JSONValue({ value }: { value: unknown }) {
   );
 }
 
-export default function Request() {
+export default function RequestPage() {
   const requestController = IOC(RequestController);
   const requestControllerState = useStore(requestController);
   const jsonStorageControllerState = useStore(IOC(JSONStorageController));

package/{templates/react-app/src/pages/base → dist/templates/react-app/src/uikit}/components/LogoutButton.tsx

@@ -3,7 +3,7 @@ import { IOC } from '@/core/IOC';
 import {
   AUTH_LOGOUT_DIALOG_CONTENT,
   AUTH_LOGOUT_DIALOG_TITLE
-} from '@config/Identifier/Auth';
+} from '@config/Identifier/common';
 import { Button } from 'antd';
 import { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';

package/{templates → dist/templates}/react-app/src/uikit/components/ThemeSwitcher.tsx

@@ -1,5 +1,5 @@
 import { IOC } from '@/core/IOC';
-import { ThemeService, ThemeServiceState } from '@qlover/corekit-bridge';
+import { ThemeService } from '@qlover/corekit-bridge';
 import { useStore } from '@/uikit/hooks/useStore';
 import { useTranslation } from 'react-i18next';
 import { Select } from 'antd';
@@ -11,8 +11,7 @@ import {
 } from '@ant-design/icons';
 import clsx from 'clsx';
 import { useMemo } from 'react';
-import * as i18nKeys from '@config/Identifier/I18n';
-import { StoreInterface } from '@/base/port/StoreInterface';
+import * as i18nKeys from '@config/Identifier/common';
 
 const colorMap: Record<
   string,
@@ -37,9 +36,9 @@ const colorMap: Record<
 
 export default function ThemeSwitcher() {
   const themeService = IOC(ThemeService);
-  const { theme } = useStore(
-    themeService as unknown as StoreInterface<ThemeServiceState>
-  );
+  // FIXME:
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const { theme } = useStore(themeService as any);
   const themes = themeService.getSupportedThemes();
   const { t } = useTranslation('common');
 

package/{templates → dist/templates}/react-app/src/uikit/contexts/BaseRouteContext.ts

@@ -5,7 +5,7 @@ import { RouteMeta } from '@/base/types/Page';
 import { createContext } from 'react';
 import merge from 'lodash/merge';
 import i18nConfig from '@config/i18n';
-import { WITHIN_PAGE_PROVIDER } from '@config/Identifier/Error';
+import { WITHIN_PAGE_PROVIDER } from '@config/Identifier/common.error';
 
 const { defaultNS } = i18nConfig;
 

package/{templates → dist/templates}/react-app/src/uikit/controllers/ExecutorController.ts

@@ -8,8 +8,8 @@ import {
 import { inject, injectable } from 'inversify';
 import {
   StoreInterface,
-  StoreStateInterface
-} from '@/base/port/StoreInterface';
+  type StoreStateInterface
+} from '@qlover/corekit-bridge';
 
 class ExecutorControllerState implements StoreStateInterface {
   helloState = {

package/{templates → dist/templates}/react-app/src/uikit/controllers/JSONStorageController.ts

@@ -1,9 +1,9 @@
-import { JSONStorage } from '@qlover/fe-corekit';
 import {
   StoreInterface,
-  StoreStateInterface
-} from '@/base/port/StoreInterface';
-import { random } from 'lodash';
+  type StoreStateInterface
+} from '@qlover/corekit-bridge';
+import { SyncStorageInterface } from '@qlover/fe-corekit';
+import random from 'lodash/random';
 
 interface JSONStoragePageState extends StoreStateInterface {
   testKey1?: number;
@@ -17,7 +17,7 @@ export class JSONStorageController extends StoreInterface<JSONStoragePageState>
     requestTimeout: (state: JSONStoragePageState) => state.requestTimeout
   };
 
-  constructor(private storage: JSONStorage) {
+  constructor(private storage: SyncStorageInterface<string, number>) {
     super(() => ({
       testKey1: storage.getItem('testKey1') ?? 0,
       testKey2: storage.getItem('testKey2') ?? 0,

package/{templates → dist/templates}/react-app/src/uikit/controllers/RequestController.ts

@@ -3,7 +3,7 @@ import { FeApi } from '@/base/apis/feApi/FeApi';
 import { logger } from '@/core/globals';
 import { UserApi } from '@/base/apis/userApi/UserApi';
 import { aiHello } from '@/base/apis/AiApi';
-import { StoreInterface } from '@/base/port/StoreInterface';
+import { StoreInterface } from '@qlover/corekit-bridge';
 
 function createDefaultState() {
   return {

package/{templates/react-app/src/uikit/hooks/useLanguageGuard.ts → dist/templates/react-app/src/uikit/hooks/useI18nGuard.ts}

@@ -10,7 +10,7 @@ import { useParams } from 'react-router-dom';
  *
  * TODO: if language not found, use default language
  */
-export function useLanguageGuard() {
+export function useI18nGuard() {
   const { lng } = useParams<{ lng: I18nServiceLocale }>();
   const navigate = useNavigate();
 

package/{templates → dist/templates}/react-app/src/uikit/hooks/useStore.ts

@@ -1,7 +1,7 @@
 import {
   StoreInterface,
-  StoreStateInterface
-} from '@/base/port/StoreInterface';
+  type StoreStateInterface
+} from '@qlover/corekit-bridge';
 import { useSliceStore } from '@qlover/slice-store-react';
 
 export function useStore<

package/dist/templates/react-app/src/uikit/hooks/userRouterService.ts

@@ -0,0 +1,12 @@
+import { RouteService } from '@/base/services/RouteService';
+import { IOC } from '@/core/IOC';
+import { useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+
+export function useRouterService() {
+  const navigate = useNavigate();
+
+  useEffect(() => {
+    IOC(RouteService).setDependencies({ navigate });
+  }, [navigate]);
+}

package/{templates → dist/templates}/react-app/src/uikit/providers/BaseRouteProvider.tsx

@@ -7,6 +7,7 @@ import { useTranslation } from 'react-i18next';
 
 export default function BaseRouteProvider(props: PropsWithChildren<RouteMeta>) {
   const { t } = useTranslation();
+
   useDocumentTitle(props.title ? t(props.title) : IOC('AppConfig').appName);
 
   return (

package/dist/templates/react-app/src/uikit/providers/ProcessExecutorProvider.tsx

@@ -0,0 +1,24 @@
+import { UserAuthProvider } from './UserAuthProvider';
+import { useStrictEffect } from '../hooks/useStrictEffect';
+import { IOC } from '@/core/IOC';
+import { ProcesserExecutor } from '@/base/services/ProcesserExecutor';
+import { useI18nGuard } from '../hooks/useI18nGuard';
+import { useRouterService } from '../hooks/userRouterService';
+
+export function ProcessExecutorProvider({
+  children
+}: {
+  children: React.ReactNode;
+}) {
+  const processerExecutor = IOC(ProcesserExecutor);
+
+  useI18nGuard();
+
+  useRouterService();
+
+  useStrictEffect(() => {
+    processerExecutor.starup();
+  }, []);
+
+  return <UserAuthProvider>{children}</UserAuthProvider>;
+}

package/dist/templates/react-app/src/uikit/providers/UserAuthProvider.tsx

@@ -0,0 +1,16 @@
+import { IOC } from '@/core/IOC';
+import { Loading } from '../components/Loading';
+import { UserService } from '@/base/services/UserService';
+import { useStore } from '../hooks/useStore';
+
+export function UserAuthProvider({ children }: { children: React.ReactNode }) {
+  const userService = IOC(UserService);
+
+  useStore(userService.store);
+
+  if (!userService.isAuthenticated()) {
+    return <Loading fullscreen />;
+  }
+
+  return children;
+}

package/{templates → dist/templates}/react-app/vite.config.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { defineConfig } from 'vitest/config';
 import react from '@vitejs/plugin-react';
 import {
@@ -111,7 +112,7 @@ export default defineConfig({
       overriedCssFilePath: './src/styles/css/antd-themes/no-context.css',
       targetPath: './src/base/types/deprecated-antd.d.ts'
     })
-  ],
+  ] as any[],
   base: routerPrefix,
   envPrefix: envPrefix,
   publicDir: 'public',