@qlover/create-app 0.4.1 → 0.4.2

package/templates/react-app/src/uikit/controllers/RequestController.ts

@@ -1,10 +1,9 @@
+import { inject, injectable } from 'inversify';
 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 { inject } from 'inversify';
-import { injectable } from 'inversify';
-import { SliceStore } from '@qlover/slice-store-react';
+import { StoreInterface } from '@/base/port/StoreInterface';
 
 function createDefaultState() {
   return {
@@ -39,7 +38,7 @@ function createDefaultState() {
 export type RequestControllerState = ReturnType<typeof createDefaultState>;
 
 @injectable()
-export class RequestController extends SliceStore<RequestControllerState> {
+export class RequestController extends StoreInterface<RequestControllerState> {
   constructor(
     @inject(FeApi) private readonly feApi: FeApi,
     @inject(UserApi) private readonly userApi: UserApi

package/templates/react-app/src/uikit/hooks/useDocumentTitle.ts

@@ -0,0 +1,15 @@
+import { useEffect } from 'react';
+
+export function useDocumentTitle(title: string) {
+  useEffect(() => {
+    if (!title) {
+      return;
+    }
+
+    const prevTitle = document.title;
+    document.title = title;
+    return () => {
+      document.title = prevTitle;
+    };
+  }, [title]);
+}

package/templates/react-app/src/uikit/hooks/useStore.ts

@@ -0,0 +1,12 @@
+import {
+  StoreInterface,
+  StoreStateInterface
+} from '@/base/port/StoreInterface';
+import { useSliceStore } from '@qlover/slice-store-react';
+
+export function useStore<
+  C extends StoreInterface<StoreStateInterface>,
+  State = C['state']
+>(store: C, selector?: (state: C['state']) => State): State {
+  return useSliceStore(store, selector);
+}

package/templates/react-app/src/uikit/providers/BaseRouteProvider.tsx

@@ -1,8 +1,14 @@
 import { PropsWithChildren } from 'react';
 import { RouteMeta } from '@/base/types/Page';
-import { BaseRoutePageContext } from '../contexts/BaseRouteContext';
+import { BaseRoutePageContext } from '@/uikit/contexts/BaseRouteContext';
+import { useDocumentTitle } from '@/uikit/hooks/useDocumentTitle';
+import { IOC } from '@/core/IOC';
+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 (
     <BaseRoutePageContext.Provider value={props}>
       {props.children}

package/templates/react-app/src/uikit/providers/ProcessProvider.tsx

@@ -5,9 +5,9 @@ import { useStrictEffect } from '@/uikit/hooks/useStrictEffect';
 import { ProcesserService } from '@/base/services/ProcesserService';
 import { Navigate, useNavigate } from 'react-router-dom';
 import { Loading } from '@/uikit/components/Loading';
-import { RouterController } from '../controllers/RouterController';
-import { UserController } from '../controllers/UserController';
-import { useSliceStore } from '@qlover/slice-store-react';
+import { RouteService } from '../../base/services/RouteService';
+import { UserService } from '../../base/services/UserService';
+import { useStore } from '@/uikit/hooks/useStore';
 
 const PageProcesserContext = createContext<ProcesserService>(
   IOC(ProcesserService)
@@ -15,9 +15,9 @@ const PageProcesserContext = createContext<ProcesserService>(
 
 export function ProcessProvider({ children }: { children: React.ReactNode }) {
   useLanguageGuard();
-  const userController = IOC(UserController);
+  const userService = IOC(UserService);
   const pageProcesser = IOC(ProcesserService);
-  const success = useSliceStore(userController, (state) => state.success);
+  const success = useStore(userService, (state) => state.success);
 
   const navigate = useNavigate();
 
@@ -26,14 +26,14 @@ export function ProcessProvider({ children }: { children: React.ReactNode }) {
   }, []);
 
   useEffect(() => {
-    IOC(RouterController).setDependencies({ navigate });
+    IOC(RouteService).setDependencies({ navigate });
   }, [navigate]);
 
   if (!success) {
     return <Loading fullscreen />;
   }
 
-  if (!userController.isAuthenticated()) {
+  if (!userService.isAuthenticated()) {
     return <Navigate to="/login" />;
   }
 

package/templates/react-app/vite.config.ts

@@ -1,6 +1,10 @@
 import { defineConfig } from 'vitest/config';
 import react from '@vitejs/plugin-react';
-import { envPrefix, overrideAntdThemeMode } from './config/common';
+import {
+  envPrefix,
+  overrideAntdThemeMode,
+  routerPrefix
+} from './config/common';
 import { name, version } from './package.json';
 import tsconfigPaths from 'vite-tsconfig-paths';
 import envConfig from '@qlover/corekit-bridge/vite-env-config/index';
@@ -9,6 +13,8 @@ import i18nConfig from './config/i18n';
 import tailwindcss from '@tailwindcss/vite';
 import viteDeprecatedAntd from '@brain-toolkit/antd-theme-override/vite';
 import vitePluginImp from 'vite-plugin-imp';
+import { readdirSync } from 'fs';
+import { join } from 'path';
 
 // https://vite.dev/config/
 export default defineConfig({
@@ -87,16 +93,18 @@ export default defineConfig({
     tsconfigPaths(),
     ts2Locales({
       locales: i18nConfig.supportedLngs as unknown as string[],
-      options: [
-        {
-          source: './config/Identifier.Error.ts',
-          target: './public/locales/{{lng}}/common.json'
-        },
-        {
-          source: './config/Identifier.I18n.ts',
-          target: './public/locales/{{lng}}/common.json'
-        }
-      ]
+      options: readdirSync(join(__dirname, './config/Identifier'))
+        .map((file) => ({
+          file,
+          name: file.replace('.ts', ''),
+          path: join('./config/Identifier', file)
+        }))
+        .map(({ path }) => ({
+          source: path,
+          // You can use namespace
+          // target: `./public/locales/{{lng}}/{{${name}}}.json`
+          target: `./public/locales/{{lng}}/common.json`
+        }))
     }),
     viteDeprecatedAntd({
       mode: overrideAntdThemeMode,
@@ -104,6 +112,7 @@ export default defineConfig({
       targetPath: './src/base/types/deprecated-antd.d.ts'
     })
   ],
+  base: routerPrefix,
   envPrefix: envPrefix,
   publicDir: 'public',
   server: {