@qlover/create-app 0.7.5 → 0.7.7

package/dist/templates/next-app/src/uikit/hook/useI18nInterface.ts

@@ -0,0 +1,28 @@
+import { useTranslations } from 'next-intl';
+import { useMemo } from 'react';
+import type { PageI18nInterface } from '@config/i18n/PageI18nInterface';
+
+/**
+ * Hook to get the i18n interface
+ *
+ * @param i18nInterface - The i18n interface to get
+ * @returns The i18n interface
+ */
+export function useI18nInterface<T extends PageI18nInterface>(
+  i18nInterface: T
+): T {
+  const t = useTranslations();
+
+  const i18n = useMemo(() => {
+    return Object.fromEntries(
+      Object.entries(i18nInterface).map(([key, value]) => {
+        if (typeof value === 'string') {
+          return [key, t(value)];
+        }
+        return [key, value];
+      })
+    ) as T;
+  }, [i18nInterface, t]);
+
+  return i18n;
+}

package/dist/templates/next-app/src/uikit/hook/useIOC.ts

@@ -0,0 +1,37 @@
+import { useContext } from 'react';
+import { IOCContext } from '../context/IOCContext';
+import type { IOCIdentifierMap } from '@config/IOCIdentifier';
+import type {
+  IOCContainerInterface,
+  IOCFunctionInterface
+} from '@qlover/corekit-bridge';
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type IOCIdentifier = keyof IOCIdentifierMap | (new (...args: any[]) => any);
+
+export function useIOC(): IOCFunctionInterface<
+  IOCIdentifierMap,
+  IOCContainerInterface
+>;
+export function useIOC<T extends IOCIdentifier>(
+  identifier: T
+): T extends keyof IOCIdentifierMap
+  ? IOCIdentifierMap[T]
+  : // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    T extends new (...args: any[]) => any
+    ? InstanceType<T>
+    : never;
+
+export function useIOC<T extends IOCIdentifier>(identifier?: T) {
+  const IOC = useContext(IOCContext);
+
+  if (!IOC) {
+    throw new Error('IOC is not found');
+  }
+
+  if (identifier === undefined) {
+    return IOC;
+  }
+
+  return IOC(identifier);
+}

package/dist/templates/next-app/src/uikit/hook/useMountedClient.ts

@@ -0,0 +1,11 @@
+import { useEffect, useState } from 'react';
+
+export const useMountedClient = () => {
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  return mounted;
+};

package/dist/templates/next-app/src/uikit/hook/useStore.ts

@@ -0,0 +1,15 @@
+import { useSliceStore, type SliceStore } from '@qlover/slice-store-react';
+import type {
+  StoreInterface,
+  StoreStateInterface
+} from '@qlover/corekit-bridge';
+
+export function useStore<
+  C extends StoreInterface<StoreStateInterface>,
+  State = C['state']
+>(store: C, selector?: (state: C['state']) => State): State {
+  return useSliceStore(
+    store as unknown as SliceStore<StoreStateInterface>,
+    selector
+  );
+}

package/dist/templates/next-app/tailwind.config.ts

@@ -0,0 +1,8 @@
+import type { Config } from 'tailwindcss';
+
+const config: Config = {
+  darkMode: ['class', '[data-theme="dark"]'],
+  content: ['./src/**/*.{js,ts,jsx,tsx}']
+};
+
+export default config;

package/dist/templates/next-app/tsconfig.json

@@ -0,0 +1,36 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"],
+      "@config/*": ["./config/*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    ".next/types/**/*.ts",
+    "config/**/*.ts"
+  ],
+  "exclude": ["node_modules"]
+}

package/dist/templates/react-app/.env.template

@@ -1,5 +1,3 @@
-NODE_ENV=production
-
 # ci
 NPM_TOKEN=
 GITHUB_TOKEN=

package/dist/templates/react-app/__tests__/src/base/services/I18nService.test.ts

@@ -87,7 +87,7 @@ describe('I18nService', () => {
         expect.objectContaining({
           debug: false,
           detection: {
-            order: ['pathLanguageDetector', 'navigator'],
+            order: ['pathLanguageDetector', 'navigator', 'localStorage'],
             caches: []
           }
         })

package/dist/templates/react-app/__tests__/src/core/IOC.test.ts

@@ -1,6 +1,6 @@
-import { IOC, type IOCContainer, type IOCIdentifierMap } from '@/core/IOC';
+import { IOC, type IOCContainer } from '@/core/IOC';
 import { InversifyContainer } from '@/base/cases/InversifyContainer';
-import { IocRegisterImpl } from '@/core/registers/IocRegisterImpl';
+import { IocRegisterImpl } from '@/core/IocRegisterImpl';
 import { IOCIdentifier } from '@config/IOCIdentifier';
 import type { AppConfig } from '@/base/cases/AppConfig';
 
@@ -35,7 +35,8 @@ describe('IOC Container Tests', () => {
       aiApiToken: '',
       aiApiTokenPrefix: 'Bearer',
       aiApiRequireToken: true,
-      bootHref: ''
+      bootHref: '',
+      isProduction: false
     };
   });
 
@@ -102,12 +103,6 @@ describe('IOC Container Tests', () => {
       expect(registerImpl).toBeInstanceOf(IocRegisterImpl);
     });
 
-    it('should return register list', () => {
-      const registerList = registerImpl.getRegisterList();
-      expect(Array.isArray(registerList)).toBe(true);
-      expect(registerList.length).toBeGreaterThan(0);
-    });
-
     it('should register services without throwing', () => {
       const mockManager = {
         get: vi.fn(),
@@ -125,34 +120,14 @@ describe('IOC Container Tests', () => {
   describe('IOCIdentifierMap Type Safety', () => {
     it('should have correct type mapping for JSON', () => {
       // This test verifies that the type mapping is correct
-      const identifierMap: IOCIdentifierMap = {} as IOCIdentifierMap;
+      const identifierMap = {};
 
       // TypeScript should enforce that these keys exist
-      expect(IOCIdentifier.JSON in identifierMap).toBeDefined();
+      expect(IOCIdentifier.JSONSerializer in identifierMap).toBeDefined();
       expect(IOCIdentifier.LocalStorage in identifierMap).toBeDefined();
       expect(IOCIdentifier.Logger in identifierMap).toBeDefined();
       expect(IOCIdentifier.AppConfig in identifierMap).toBeDefined();
     });
-
-    it('should have all required identifiers', () => {
-      const requiredIdentifiers = [
-        'JSON',
-        'LocalStorage',
-        'LocalStorageEncrypt',
-        'CookieStorage',
-        'Logger',
-        'FeApiToken',
-        'FeApiCommonPlugin',
-        'AppConfig',
-        'ApiMockPlugin',
-        'ApiCatchPlugin',
-        'DialogHandler'
-      ];
-
-      requiredIdentifiers.forEach((identifier) => {
-        expect(IOCIdentifier).toHaveProperty(identifier);
-      });
-    });
   });
 
   describe('Service Registration Integration', () => {

package/dist/templates/react-app/__tests__/src/core/bootstraps/BootstrapsApp.test.ts

@@ -2,7 +2,7 @@ import { InversifyContainer } from '@/base/cases/InversifyContainer';
 import { BootstrapApp } from '@/core/bootstraps/BootstrapApp';
 import type { BootstrapAppArgs } from '@/core/bootstraps/BootstrapApp';
 import { createIOCFunction } from '@qlover/corekit-bridge';
-import type { IOCIdentifierMap } from '@/core/IOC';
+import type { IOCIdentifierMap } from '@config/IOCIdentifier';
 import { name, version } from '../../../../package.json';
 import { browserGlobalsName } from '@config/common';
 

package/dist/templates/react-app/config/IOCIdentifier.ts

@@ -1,13 +1,85 @@
+import type * as CorekitBridge from '@qlover/corekit-bridge';
+import type * as FeCorekit from '@qlover/fe-corekit';
+import type * as Logger from '@qlover/logger';
+import type { DialogHandler } from '@/base/cases/DialogHandler';
+import type { AppConfig } from '@/base/cases/AppConfig';
+import type { RequestStatusCatcher } from '@/base/cases/RequestStatusCatcher';
+import type { I18nService } from '@/base/services/I18nService';
+import type { ProcesserExecutor } from '@/base/services/ProcesserExecutor';
+import type { RouteService } from '@/base/services/RouteService';
+import type { UserService } from '@/base/services/UserService';
+import type { I18nKeyErrorPlugin } from '@/base/cases/I18nKeyErrorPlugin';
+import type { ExecutorPageBridgeInterface } from '@/base/port/ExecutorPageBridgeInterface';
+import type { JSONStoragePageBridgeInterface } from '@/base/port/JSONStoragePageBridgeInterface';
+import type { RequestPageBridgeInterface } from '@/base/port/RequestPageBridgeInterface';
+
+/**
+ * IOC identifier
+ */
 export const IOCIdentifier = Object.freeze({
-  JSON: 'JSON',
+  JSONSerializer: 'JSONSerializer',
+  Logger: 'Logger',
+  AppConfig: 'AppConfig',
+  DialogHandler: 'DialogHandler',
   LocalStorage: 'LocalStorage',
   LocalStorageEncrypt: 'LocalStorageEncrypt',
   CookieStorage: 'CookieStorage',
-  Logger: 'Logger',
-  FeApiToken: 'FeApiToken',
+  EnvConfigInterface: 'EnvConfigInterface',
+  UIDialogInterface: 'UIDialogInterface',
+  AntdStaticApiInterface: 'AntdStaticApiInterface',
+  RequestCatcherInterface: 'RequestCatcherInterface',
+  I18nServiceInterface: 'I18nServiceInterface',
+  ProcesserExecutorInterface: 'ProcesserExecutorInterface',
+  RouteServiceInterface: 'RouteServiceInterface',
+  UserServiceInterface: 'UserServiceInterface',
+  I18nKeyErrorPlugin: 'I18nKeyErrorPlugin',
   FeApiCommonPlugin: 'FeApiCommonPlugin',
-  AppConfig: 'AppConfig',
   ApiMockPlugin: 'ApiMockPlugin',
   ApiCatchPlugin: 'ApiCatchPlugin',
-  DialogHandler: 'DialogHandler'
+  ThemeService: 'ThemeService',
+  ExecutorPageBridgeInterface: 'ExecutorPageBridgeInterface',
+  JSONStoragePageInterface: 'JSONStoragePageInterface',
+  RequestPageBridgeInterface: 'RequestPageBridgeInterface'
 });
+
+export const I = IOCIdentifier;
+
+/**
+ * IOC identifier map
+ *
+ * Define the implementation class corresponding to the string identifier
+ *
+ * - key: interface alias or name
+ * - value: implementation class
+ */
+export interface IOCIdentifierMap {
+  [IOCIdentifier.JSONSerializer]: FeCorekit.JSONSerializer;
+  [IOCIdentifier.Logger]: Logger.Logger;
+  [IOCIdentifier.AppConfig]: AppConfig;
+  [IOCIdentifier.DialogHandler]: DialogHandler;
+  [IOCIdentifier.LocalStorage]: FeCorekit.SyncStorage<
+    unknown,
+    FeCorekit.ObjectStorageOptions
+  >;
+  [IOCIdentifier.LocalStorageEncrypt]: FeCorekit.SyncStorage<
+    unknown,
+    FeCorekit.ObjectStorageOptions
+  >;
+  [IOCIdentifier.CookieStorage]: CorekitBridge.CookieStorage;
+  [IOCIdentifier.EnvConfigInterface]: AppConfig;
+  [IOCIdentifier.UIDialogInterface]: DialogHandler;
+  [IOCIdentifier.AntdStaticApiInterface]: DialogHandler;
+  [IOCIdentifier.RequestCatcherInterface]: RequestStatusCatcher;
+  [IOCIdentifier.I18nServiceInterface]: I18nService;
+  [IOCIdentifier.ProcesserExecutorInterface]: ProcesserExecutor;
+  [IOCIdentifier.RouteServiceInterface]: RouteService;
+  [IOCIdentifier.UserServiceInterface]: UserService;
+  [IOCIdentifier.I18nKeyErrorPlugin]: I18nKeyErrorPlugin;
+  [IOCIdentifier.FeApiCommonPlugin]: CorekitBridge.RequestCommonPlugin;
+  [IOCIdentifier.ApiMockPlugin]: CorekitBridge.ApiMockPlugin;
+  [IOCIdentifier.ApiCatchPlugin]: CorekitBridge.ApiCatchPlugin;
+  [IOCIdentifier.ThemeService]: CorekitBridge.ThemeService;
+  [IOCIdentifier.ExecutorPageBridgeInterface]: ExecutorPageBridgeInterface;
+  [IOCIdentifier.JSONStoragePageInterface]: JSONStoragePageBridgeInterface;
+  [IOCIdentifier.RequestPageBridgeInterface]: RequestPageBridgeInterface;
+}

package/dist/templates/react-app/config/app.router.ts

@@ -64,8 +64,8 @@ export const baseRoutes: RouteConfigValue[] = [
         }
       },
       {
-        path: 'errorIdentifier',
-        element: 'base/ErrorIdentifierPage',
+        path: 'identifier',
+        element: 'base/IdentifierPage',
         meta: {
           title: identifier.PAGE_ERROR_IDENTIFIER_TITLE,
           description: identifier.PAGE_ERROR_IDENTIFIER_DESCRIPTION,

package/dist/templates/react-app/package.json

@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "private": true,
-  "homepage": "",
+  "homepage": "https://github.com/qlover/fe-base/tree/master/packages/create-app/templates/react-app#readme",
   "author": "qlover",
   "license": "ISC",
   "repository": {
@@ -26,9 +26,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "bin": {
-    "fe-release": "./bin/release.js"
-  },
   "scripts": {
     "dev": "vite --mode localhost",
     "dev:staging": "vite --mode staging",
@@ -44,7 +41,7 @@
     "@qlover/corekit-bridge": "latest",
     "@qlover/fe-corekit": "latest",
     "@qlover/logger": "^0.1.1",
-    "@qlover/slice-store-react": "^1.2.6",
+    "@qlover/slice-store-react": "^1.4.1",
     "@tailwindcss/postcss": "^4.1.8",
     "@tailwindcss/vite": "^4.1.8",
     "antd": "^5.25.3",
@@ -64,9 +61,9 @@
   "devDependencies": {
     "@brain-toolkit/ts2locales": "^0.2.3",
     "@qlover/env-loader": "latest",
-    "@qlover/eslint-plugin": "^0.2.0",
+    "@qlover/eslint-plugin": "latest",
     "@qlover/fe-scripts": "latest",
-    "@qlover/fe-standard": "^0.0.4",
+    "@qlover/fe-standard": "latest",
     "@testing-library/react": "^16.3.0",
     "@types/lodash": "^4.17.13",
     "@types/react": "^18.3.11",

package/dist/templates/react-app/public/locales/en/common.json

@@ -178,4 +178,4 @@
   "page.request.stop_abort": "Stop Abort Request",
   "page.request.trigger_api_catch": "Trigger API Catch Result",
   "page.request.stop_api_catch": "Stop API Catch Result"
-}
+}

package/dist/templates/react-app/public/locales/zh/common.json

@@ -178,4 +178,4 @@
   "page.request.stop_abort": "停止中止请求",
   "page.request.trigger_api_catch": "触发 API 捕获结果",
   "page.request.stop_api_catch": "停止 API 捕获结果"
-}
+}

package/dist/templates/react-app/src/App.tsx

@@ -3,11 +3,12 @@ import { createBrowserRouter, RouterProvider } from 'react-router-dom';
 import { lazy, useMemo } from 'react';
 import { RouterRenderComponent } from './uikit/components/RouterRenderComponent';
 import { IOC } from './core/IOC';
-import { RouteService } from './base/services/RouteService';
 import { RouterLoader, type ComponentValue } from '@/base/cases/RouterLoader';
 import { AntdThemeProvider } from '@brain-toolkit/antd-theme-override/react';
 import { routerPrefix } from '@config/common';
 import { useStore } from './uikit/hooks/useStore';
+import { IOCIdentifier } from '@config/IOCIdentifier';
+import { logger } from './core/globals';
 
 function getAllPages() {
   const modules = import.meta.glob('./pages/**/*.tsx');
@@ -25,11 +26,15 @@ function getAllPages() {
 
 const routerLoader = new RouterLoader({
   componentMaps: getAllPages(),
-  render: RouterRenderComponent
+  render: RouterRenderComponent,
+  logger: logger
 });
 
 function App() {
-  const routes = useStore(IOC(RouteService), (state) => state.routes);
+  const routes = useStore(
+    IOC(IOCIdentifier.RouteServiceInterface),
+    (state) => state.routes
+  );
 
   const routerBase = useMemo(() => {
     const routeList = routes.map((route) => routerLoader.toRoute(route));
@@ -41,7 +46,7 @@ function App() {
 
   return (
     <AntdThemeProvider
-      staticApi={IOC('DialogHandler')}
+      staticApi={IOC('AntdStaticApiInterface')}
       theme={{
         cssVar: {
           key: 'fe-theme',

package/dist/templates/react-app/src/base/apis/userApi/UserApi.ts

@@ -37,7 +37,7 @@ export class UserApi
   protected store: UserAuthStoreInterface<UserInfo> | null = null;
 
   constructor(
-    @inject(FetchAbortPlugin) private abortPlugin: FetchAbortPlugin,
+    @inject(FetchAbortPlugin) protected abortPlugin: FetchAbortPlugin,
     @inject(UserApiAdapter) adapter: RequestAdapterFetch
   ) {
     super(adapter);

package/dist/templates/react-app/src/base/apis/userApi/UserApiBootstarp.ts

@@ -16,6 +16,7 @@ import {
   type ApiCatchPluginResponse
 } from '@qlover/corekit-bridge';
 import { UserApi } from './UserApi';
+import { RequestLanguages } from '../../cases/RequestLanguages';
 
 /**
  * UserApiConfig
@@ -68,6 +69,9 @@ export class UserApiBootstarp implements BootstrapExecutorPlugin {
       .get<UserApi>(UserApi)
       .usePlugin(new FetchURLPlugin())
       .usePlugin(IOC.get(IOCIdentifier.FeApiCommonPlugin))
+      .usePlugin(
+        new RequestLanguages(ioc.get(IOCIdentifier.I18nServiceInterface))
+      )
       .usePlugin(IOC.get(IOCIdentifier.ApiMockPlugin))
       .usePlugin(IOC.get(RequestLogger))
       .usePlugin(IOC.get(FetchAbortPlugin))

package/dist/templates/react-app/src/base/cases/DialogHandler.ts

@@ -4,11 +4,14 @@ import type {
   ModalApi,
   NotificationApi
 } from '@brain-toolkit/antd-theme-override/react';
-import type {
-  InteractionHubInterface,
-  InteractionOptions,
-  ConfirmOptions
-} from '../port/InteractionHubInterface';
+import { UIDialogInterface, NotificationOptions } from '@qlover/corekit-bridge';
+import { ModalFuncProps } from 'antd';
+
+export interface DialogHandlerOptions
+  extends NotificationOptions,
+    ModalFuncProps {
+  content: string;
+}
 
 /**
  * Dialog Handler Implementation
@@ -32,9 +35,9 @@ import type {
  * });
  */
 export class DialogHandler
-  implements InteractionHubInterface, AntdStaticApiInterface
+  implements UIDialogInterface<DialogHandlerOptions>, AntdStaticApiInterface
 {
-  private antds: {
+  protected antds: {
     message?: MessageApi;
     modal?: ModalApi;
     notification?: NotificationApi;
@@ -55,32 +58,32 @@ export class DialogHandler
   /**
    * Formats error message from various error types
    */
-  private formatErrorMessage(error: unknown): string {
+  protected formatErrorMessage(error: unknown): string {
     if (error instanceof Error) return error.message;
     if (typeof error === 'string') return error;
     return 'An unknown error occurred';
   }
 
-  public success(msg: string, options?: InteractionOptions): void {
+  public success(msg: string, options?: NotificationOptions): void {
     this.antds.message?.success({ content: msg, ...options });
   }
 
-  public error(msg: string, options?: InteractionOptions): void {
+  public error(msg: string, options?: NotificationOptions): void {
     this.antds.message?.error({
       content: options?.error ? this.formatErrorMessage(options.error) : msg,
       ...options
     });
   }
 
-  public info(msg: string, options?: InteractionOptions): void {
+  public info(msg: string, options?: NotificationOptions): void {
     this.antds.message?.info({ content: msg, ...options });
   }
 
-  public warn(msg: string, options?: InteractionOptions): void {
+  public warn(msg: string, options?: NotificationOptions): void {
     this.antds.message?.warning({ content: msg, ...options });
   }
 
-  public confirm(options: ConfirmOptions): void {
+  public confirm(options: DialogHandlerOptions): void {
     this.antds.modal?.confirm(options);
   }
 }

package/dist/templates/react-app/src/base/cases/I18nKeyErrorPlugin.ts

@@ -1,8 +1,8 @@
 import type { ExecutorContext, ExecutorPlugin } from '@qlover/fe-corekit';
 import type { LoggerInterface } from '@qlover/logger';
 import { inject, injectable } from 'inversify';
-import { I18nService } from '../services/I18nService';
 import { IOCIdentifier } from '@config/IOCIdentifier';
+import type { I18nServiceInterface } from '../port/I18nServiceInterface';
 
 /**
  * When throw error, it will be converted to i18n key
@@ -14,8 +14,9 @@ export class I18nKeyErrorPlugin implements ExecutorPlugin {
   readonly pluginName = 'I18nKeyErrorPlugin';
 
   constructor(
-    @inject(IOCIdentifier.Logger) private logger: LoggerInterface,
-    @inject(I18nService) private i18nService: I18nService
+    @inject(IOCIdentifier.Logger) protected logger: LoggerInterface,
+    @inject(IOCIdentifier.I18nServiceInterface)
+    protected i18nService: I18nServiceInterface
   ) {}
 
   onError(context: ExecutorContext<unknown>): Error | void {

package/dist/templates/react-app/src/base/cases/InversifyContainer.ts

@@ -1,4 +1,4 @@
-import { IOCIdentifierMap } from '@/core/IOC';
+import { IOCIdentifierMap } from '@config/IOCIdentifier';
 import {
   IOCContainerInterface,
   ServiceIdentifier
@@ -6,7 +6,7 @@ import {
 import { Container } from 'inversify';
 
 export class InversifyContainer implements IOCContainerInterface {
-  private container: Container;
+  protected container: Container;
 
   constructor() {
     this.container = new Container({

package/dist/templates/react-app/src/base/cases/RequestLanguages.ts

@@ -0,0 +1,39 @@
+import { I18nServiceInterface } from '@/base/port/I18nServiceInterface';
+import {
+  ExecutorContext,
+  ExecutorPlugin,
+  RequestAdapterConfig
+} from '@qlover/fe-corekit';
+
+export class RequestLanguages implements ExecutorPlugin {
+  readonly pluginName = 'RequestLanguages';
+
+  constructor(
+    protected i18nService: I18nServiceInterface,
+    protected headerName = 'accept-language'
+  ) {}
+
+  buildAcceptLanguage(langs: string[]): string {
+    return langs
+      .map((lang, index) => {
+        const q = Math.max(1 - index * 0.1, 0.1).toFixed(1);
+        return index === 0 ? lang : `${lang};q=${q}`;
+      })
+      .join(',');
+  }
+
+  onBefore(context: ExecutorContext<RequestAdapterConfig>): void {
+    const currentLanguage = this.i18nService.getCurrentLanguage();
+    const languages = this.i18nService.getSupportedLanguages();
+
+    if (!context.parameters.headers) {
+      context.parameters.headers = {};
+    }
+
+    const languageValue = this.buildAcceptLanguage(
+      Array.from(new Set([currentLanguage, ...languages]))
+    );
+
+    context.parameters.headers[this.headerName] = languageValue;
+  }
+}

package/dist/templates/react-app/src/base/cases/RequestState.ts

@@ -0,0 +1,20 @@
+import { AsyncStateInterface } from '@/base/port/AsyncStateInterface';
+
+export class RequestState<T> implements AsyncStateInterface<T> {
+  startTime: number;
+  endTime: number;
+
+  constructor(
+    public loading: boolean = false,
+    public result: T | null = null,
+    public error: unknown | null = null
+  ) {
+    this.startTime = Date.now();
+    this.endTime = 0;
+  }
+
+  end(): this {
+    this.endTime = Date.now();
+    return this;
+  }
+}

package/dist/templates/react-app/src/base/cases/RequestStatusCatcher.ts

@@ -9,9 +9,9 @@ export class RequestStatusCatcher
   implements RequestCatcherInterface<RequestAdapterResponse>
 {
   constructor(
-    @inject(IOCIdentifier.Logger)
-    private readonly logger: LoggerInterface
+    @inject(IOCIdentifier.Logger) protected logger: LoggerInterface
   ) {}
+
   /**
    * default handler
    * @override