@qlover/create-app 0.1.3 → 0.1.5

package/templates/react-app/src/core/feIOC/RegisterApi.ts

@@ -0,0 +1,41 @@
+import { IOCInterface, IOCRegisterInterface } from '@/base/port/IOCInterface';
+import { RequestLogger } from '@/uikit/utils/RequestLogger';
+import { localJsonStorage } from '../globals';
+import { FetchAbortPlugin, FetchURLPlugin } from '@qlover/fe-utils';
+import { FeApiMockPlugin } from '@/base/apis/feApi';
+import { defaultFeApiConfig } from '@config/app.common';
+import { OpenAIClient } from '@lib/openAiApi';
+import { openAiConfig } from '@config/app.common';
+import { FeApi } from '@/base/apis/feApi';
+import { RequestCommonPlugin } from '@lib/request-common-plugin';
+import mockDataJson from '@config/feapi.mock.json';
+
+export class RegisterApi implements IOCRegisterInterface {
+  register(container: IOCInterface): void {
+    const openAiApi = new OpenAIClient({
+      ...openAiConfig,
+      commonPluginConfig: {
+        ...openAiConfig.commonPluginConfig,
+        requestDataSerializer: (data) => JSON.stringify(data)
+      }
+    }).usePlugin(container.get(RequestLogger));
+
+    const feApi = new FeApi({
+      abortPlugin: container.get(FetchAbortPlugin),
+      config: defaultFeApiConfig.adapter
+    })
+      .usePlugin(new FetchURLPlugin())
+      .usePlugin(
+        new RequestCommonPlugin({
+          ...defaultFeApiConfig.commonPluginConfig,
+          token: () => localJsonStorage.getItem('fe_user_token')
+        })
+      )
+      .usePlugin(new FeApiMockPlugin(mockDataJson))
+      .usePlugin(container.get(RequestLogger))
+      .usePlugin(container.get(FetchAbortPlugin));
+
+    container.bind(OpenAIClient, openAiApi);
+    container.bind(FeApi, feApi);
+  }
+}

package/templates/react-app/src/core/feIOC/RegisterCommon.ts

@@ -0,0 +1,20 @@
+import { IOCInterface, IOCRegisterInterface } from '@/base/port/IOCInterface';
+import { RequestLogger } from '@/uikit/utils/RequestLogger';
+import { localJsonStorage, logger } from '../globals';
+import { FetchAbortPlugin } from '@qlover/fe-utils';
+import { UserToken } from '@/base/cases/UserToken';
+
+export class RegisterCommon implements IOCRegisterInterface {
+  register(container: IOCInterface): void {
+    const requestLogger = new RequestLogger(logger);
+    const feApiAbort = new FetchAbortPlugin();
+    const userToken = new UserToken({
+      storageKey: 'fe_user_token',
+      storage: localJsonStorage
+    });
+
+    container.bind(RequestLogger, requestLogger);
+    container.bind(FetchAbortPlugin, feApiAbort);
+    container.bind(UserToken, userToken);
+  }
+}

package/templates/react-app/src/core/feIOC/RegisterControllers.ts

@@ -0,0 +1,53 @@
+import { IOCInterface, IOCRegisterInterface } from '@/base/port/IOCInterface';
+import { localJsonStorage, logger } from '../globals';
+import { RouterController } from '@/uikit/controllers/RouterController';
+import { JSONStorageController } from '@/uikit/controllers/JSONStorageController';
+import { RequestController } from '@/uikit/controllers/RequestController';
+import { ProcesserService } from '@/services/processer/ProcesserService';
+import { ExecutorController } from '@/uikit/controllers/ExecutorController';
+import { UserController } from '@/uikit/controllers/UserController';
+import { ThemeController } from '@lib/fe-react-theme/ThemeController';
+import { RouteConfig } from '@/base/types/Page';
+import { OpenAIClient } from '@lib/openAiApi';
+import { FeApi } from '@/base/apis/feApi';
+
+import appRouterConfig from '@config/app.router.json';
+import themeConfigJson from '@config/theme.json';
+import { UserToken } from '@/base/cases/UserToken';
+
+export class RegisterControllers implements IOCRegisterInterface {
+  register(container: IOCInterface): void {
+    const routerController = new RouterController({
+      config: appRouterConfig.base as RouteConfig,
+      logger
+    });
+
+    const jsonStorageController = new JSONStorageController(localJsonStorage);
+    const requestController = new RequestController(
+      container.get(OpenAIClient),
+      container.get(FeApi)
+    );
+    const executorController = new ExecutorController(container.get(FeApi));
+    const userController = new UserController({
+      userToken: container.get(UserToken),
+      feApi: container.get(FeApi),
+      routerController
+    });
+    const themeController = new ThemeController({
+      ...themeConfigJson.override,
+      storage: localJsonStorage
+    });
+
+    const pageProcesser = new ProcesserService({
+      logger
+    }).usePlugin(userController);
+
+    container.bind(RouterController, routerController);
+    container.bind(JSONStorageController, jsonStorageController);
+    container.bind(RequestController, requestController);
+    container.bind(ExecutorController, executorController);
+    container.bind(UserController, userController);
+    container.bind(ThemeController, themeController);
+    container.bind(ProcesserService, pageProcesser);
+  }
+}

package/templates/react-app/src/core/index.ts

@@ -0,0 +1,31 @@
+// ! dont't import tsx, only ts file
+import { ServiceIdentifier, IOCInterface } from '@/base/port/IOCInterface';
+
+export type IOCFunction = {
+  <T>(serviceIdentifier: ServiceIdentifier<T>): T;
+  /**
+   * IOC container instance
+   */
+  implemention: IOCInterface | null;
+  /**
+   * implement IOC container
+   */
+  implement(container: IOCInterface): void;
+};
+
+export const IOC: IOCFunction = Object.assign(
+  function <T>(serviceIdentifier: ServiceIdentifier<T>): T {
+    if (!IOC.implemention) {
+      throw new Error('IOC is not implemented');
+    }
+    return IOC.implemention.get(serviceIdentifier);
+  },
+  {
+    implemention: null,
+    implement: (container: IOCInterface) => {
+      // FIXME: maybe runtimes configure
+      container.configure();
+      IOC.implemention = container;
+    }
+  }
+);

package/templates/react-app/src/main.tsx

@@ -1,15 +1,13 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import App from './App.tsx'
-import * as feGlobals from '@/containers/globals';
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './App.tsx';
+import { Bootstrap } from './core/bootstrap';
+import { FeIOC } from './core/feIOC/FeIOC';
 
-// set global feGlobals
-if (typeof window !== 'undefined') {
-  window.feGlobals = Object.freeze(Object.assign({}, feGlobals));
-}
+new Bootstrap(new FeIOC()).start();
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
     <App />
-  </StrictMode>,
-)
+  </StrictMode>
+);

package/templates/react-app/src/pages/404.tsx

@@ -1,4 +1,4 @@
-import { useBaseRoutePage } from '@/containers/context/BaseRouteContext';
+import { useBaseRoutePage } from '@/uikit/contexts/BaseRouteContext';
 
 export default function NotFound({ route }: { route?: string }) {
   const { t } = useBaseRoutePage();
@@ -6,7 +6,7 @@ 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-primary text-2xl font-bold text-center">
-          404 - {route ? `${t('404.notComponent')}: ${route}` : t('404.notPage')}
+          404 -{route ? `${t('404.notComponent')}: ${route}` : t('404.notPage')}
         </h1>
       </div>
     </div>

package/templates/react-app/src/pages/500.tsx

@@ -1,4 +1,4 @@
-import { useBaseRoutePage } from '@/containers/context/BaseRouteContext';
+import { useBaseRoutePage } from '@/uikit/contexts/BaseRouteContext';
 
 export default function NotFound500() {
   const { t } = useBaseRoutePage();

package/templates/react-app/src/pages/auth/Layout.tsx

@@ -1,9 +1,10 @@
-import { userController } from '@/containers';
+import { IOC } from '@/core';
+import { UserController } from '@/uikit/controllers/UserController';
 import { useController } from '@lib/fe-react-controller';
 import { Navigate, Outlet } from 'react-router-dom';
 
 export default function Layout() {
-  const controller = useController(userController);
+  const controller = useController(IOC(UserController));
 
   // If user is authenticated, redirect to home page
   if (controller.isAuthenticated()) {

package/templates/react-app/src/pages/auth/Login.tsx

@@ -1,12 +1,14 @@
 import { useState } from 'react';
 import { useController } from '@lib/fe-react-controller';
-import { routerController, userController } from '@/containers';
-import { useBaseRoutePage } from '@/containers/context/BaseRouteContext';
+import { IOC } from '@/core';
+import { useBaseRoutePage } from '@/uikit/contexts/BaseRouteContext';
 import { defaultLoginInfo } from '@config/app.common';
+import { RouterController } from '@/uikit/controllers/RouterController';
+import { UserController } from '@/uikit/controllers/UserController';
 
 export default function Login() {
   const { t } = useBaseRoutePage();
-  const controller = useController(userController);
+  const controller = useController(IOC(UserController));
   const [email, setEmail] = useState(defaultLoginInfo.name);
   const [password, setPassword] = useState(defaultLoginInfo.password);
   const [loading, setLoading] = useState(false);
@@ -16,7 +18,7 @@ export default function Login() {
       setLoading(true);
       await controller.login({ username: email, password });
       // Redirect or show success message
-      routerController.replaceToHome();
+      IOC(RouterController).replaceToHome();
     } catch (error) {
       // Handle login error
       console.error(error);

package/templates/react-app/src/pages/base/About.tsx

@@ -1,4 +1,4 @@
-import { useBaseRoutePage } from '@/containers/context/BaseRouteContext';
+import { useBaseRoutePage } from '@/uikit/contexts/BaseRouteContext';
 
 export default function About() {
   const { t } = useBaseRoutePage();

package/templates/react-app/src/pages/base/Executor.tsx

@@ -1,9 +1,13 @@
-import { executorController, jsonStorageController } from '@/containers';
+import { IOC } from '@/core';
 import { useControllerState } from '@lib/fe-react-controller';
-import { useBaseRoutePage } from '@/containers/context/BaseRouteContext';
+import { useBaseRoutePage } from '@/uikit/contexts/BaseRouteContext';
+import { JSONStorageController } from '@/uikit/controllers/JSONStorageController';
+import { ExecutorController } from '@/uikit/controllers/ExecutorController';
 
 export default function Executor() {
-  const jsonStorageControllerState = useControllerState(jsonStorageController);
+  const jsonStorageControllerState = useControllerState(
+    IOC(JSONStorageController)
+  );
   const { t } = useBaseRoutePage();
 
   return (
@@ -26,7 +30,7 @@ export default function Executor() {
 
             <button
               className="bg-blue-500 text-white px-4 py-2 rounded-md"
-              onClick={executorController.onTestPlugins}
+              onClick={IOC(ExecutorController).onTestPlugins}
             >
               {t('testPlugin')}
             </button>

package/templates/react-app/src/pages/base/Home.tsx

@@ -1,5 +1,5 @@
 import LocaleLink from '@/components/LocaleLink';
-import { useBaseRoutePage } from '../../containers/context/BaseRouteContext';
+import { useBaseRoutePage } from '@/uikit/contexts/BaseRouteContext';
 
 export default function Home() {
   const { t } = useBaseRoutePage();

package/templates/react-app/src/pages/base/JSONStorage.tsx

@@ -1,9 +1,11 @@
-import { jsonStorageController } from '@/containers';
+import { IOC } from '@/core';
 import { useController, useControllerState } from '@lib/fe-react-controller';
-import { useBaseRoutePage } from '@/containers/context/BaseRouteContext';
+import { useBaseRoutePage } from '@/uikit/contexts/BaseRouteContext';
 import template from 'lodash/template';
+import { JSONStorageController } from '@/uikit/controllers/JSONStorageController';
 
 export default function JSONStorage() {
+  const jsonStorageController = IOC(JSONStorageController);
   const controllerState = useControllerState(
     useController(jsonStorageController)
   );
@@ -28,7 +30,7 @@ export default function JSONStorage() {
                 {template(t('format.title'))({
                   key: 'testKey1',
                   min: 100,
-                  max: 9000,
+                  max: 9000
                 })}
               </div>
 
@@ -58,7 +60,7 @@ export default function JSONStorage() {
                 {template(t('format.title'))({
                   key: 'testKey2',
                   min: 100,
-                  max: 9000,
+                  max: 9000
                 })}
               </div>
 

package/templates/react-app/src/pages/base/Layout.tsx

@@ -1,6 +1,6 @@
 import BaseHeader from './components/BaseHeader';
 import { Outlet } from 'react-router-dom';
-import { ProcessProvider } from '@/components/ProcessProvider';
+import { ProcessProvider } from '@/uikit/providers/ProcessProvider';
 
 export default function Layout() {
   return (

package/templates/react-app/src/pages/base/RedirectPathname.tsx

@@ -12,4 +12,4 @@ const RedirectToDefault = () => {
   return null;
 };
 
-export default RedirectToDefault;
+export default RedirectToDefault;

package/templates/react-app/src/pages/base/Request.tsx

@@ -1,10 +1,15 @@
-import { jsonStorageController, requestController } from '@/containers';
+import { IOC } from '@/core';
 import { useControllerState } from '@lib/fe-react-controller';
-import { useBaseRoutePage } from '../../containers/context/BaseRouteContext';
+import { useBaseRoutePage } from '@/uikit/contexts/BaseRouteContext';
+import { JSONStorageController } from '@/uikit/controllers/JSONStorageController';
+import { RequestController } from '@/uikit/controllers/RequestController';
 
 export default function Request() {
+  const requestController = IOC(RequestController);
   const requestControllerState = useControllerState(requestController);
-  const jsonStorageControllerState = useControllerState(jsonStorageController);
+  const jsonStorageControllerState = useControllerState(
+    IOC(JSONStorageController)
+  );
   const { t } = useBaseRoutePage();
 
   return (

package/templates/react-app/src/pages/index.tsx

@@ -1,8 +1,13 @@
 import { lazy, Suspense } from 'react';
 import isString from 'lodash/isString';
-import { LoadProps, PagesMaps, RouteCategory, RouteType } from '@/types/Page';
+import {
+  LoadProps,
+  PagesMaps,
+  RouteCategory,
+  RouteType
+} from '@/base/types/Page';
 import { Loading } from '@/components/Loading';
-import BaseRouteProvider from '../containers/context/BaseRouteProvider';
+import BaseRouteProvider from '../uikit/providers/BaseRouteProvider';
 import NotFound from './404';
 import NotFound500 from './500';
 

package/templates/react-app/src/services/{pageProcesser/PageProcesser.ts → processer/ProcesserService.ts}

@@ -1,12 +1,12 @@
 import { AsyncExecutor, ExecutorPlugin, Logger } from '@qlover/fe-utils';
 
-export interface PageProcesserOptions {
+export interface ProcesserServiceOptions {
   logger: Logger;
 }
 
-export class PageProcesser {
+export class ProcesserService {
   private executor: AsyncExecutor;
-  constructor(private options: PageProcesserOptions) {
+  constructor(private options: ProcesserServiceOptions) {
     this.executor = new AsyncExecutor();
   }
 

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

@@ -1,7 +1,7 @@
 import { useTranslation } from 'react-i18next';
-import { useContext } from 'react';
-import { BasePageProvider } from '@/types/Page';
-import { RouteMeta } from '@/types/Page';
+import { useContext, useMemo } from 'react';
+import { BasePageProvider } from '@/base/types/Page';
+import { RouteMeta } from '@/base/types/Page';
 import { createContext } from 'react';
 import { defaultBaseRoutemeta } from '@config/app.common';
 import merge from 'lodash/merge';
@@ -15,7 +15,7 @@ export function useBaseRoutePage(): BasePageProvider {
     throw new Error('useBaseRoutePage must be used within a PageProvider');
   }
 
-  const _meta = merge({}, defaultBaseRoutemeta, meta);
+  const _meta = useMemo(() => merge({}, defaultBaseRoutemeta, meta), [meta]);
 
   const i18n = useTranslation(_meta.localNamespace);
 

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

@@ -1,11 +1,11 @@
 import { FeController } from '@lib/fe-react-controller';
-import { FeApi } from '@/services/feApi';
+import { FeApi } from '@/base/apis/feApi';
 import cloneDeep from 'lodash/cloneDeep';
 import {
   ExecutorPlugin,
-  RequestAdapterResponse
-} from 'packages/fe-utils/interface';
-import { RequestAdapterFetchConfig } from '@qlover/fe-utils';
+  RequestAdapterResponse,
+  RequestAdapterFetchConfig
+} from '@qlover/fe-utils';
 
 function createDefaultState() {
   return {
@@ -37,7 +37,7 @@ export class ExecutorController extends FeController<ExecutorControllerState> {
   private feApi: FeApi;
 
   constructor(feApi: FeApi) {
-    super(createDefaultState());
+    super(createDefaultState);
 
     this.feApi = cloneDeep(feApi);
 

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

@@ -11,12 +11,12 @@ interface JSONStoragePageState {
 
 export class JSONStorageController extends FeController<JSONStoragePageState> {
   constructor(private storage: JSONStorage) {
-    super({
+    super(() => ({
       testKey1: storage.getItem('testKey1') ?? 0,
       testKey2: storage.getItem('testKey2') ?? 0,
       expireTime: 5000,
       requestTimeout: storage.getItem('requestTimeout') ?? 5000
-    });
+    }));
   }
 
   changeRandomTestKey1 = (): void => {

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

@@ -1,7 +1,7 @@
 import { OpenAIClient } from '@lib/openAiApi/OpenAIClient';
 import { FeController } from '@lib/fe-react-controller';
-import { FeApi } from '@/services/feApi';
-import { logger } from '@/containers/globals';
+import { FeApi } from '@/base/apis/feApi';
+import { logger } from '@/core/globals';
 
 function createDefaultState() {
   return {
@@ -35,7 +35,7 @@ export class RequestController extends FeController<RequestControllerState> {
     private readonly aiApi: OpenAIClient,
     private readonly feApi: FeApi
   ) {
-    super(createDefaultState());
+    super(createDefaultState);
   }
 
   onHello = async () => {

package/templates/react-app/src/{services → uikit}/controllers/RouterController.ts

@@ -1,6 +1,6 @@
 import { I18nService } from '@/services/i18n';
-import { RouteConfig, RouteType } from '@/types/Page';
-import { UIDependenciesInterface } from '@/types/UIDependenciesInterface';
+import { RouteConfig, RouteType } from '@/base/types/Page';
+import { UIDependenciesInterface } from '@/base/port/UIDependenciesInterface';
 import { i18nConfig } from '@config/i18n';
 import { Logger } from '@qlover/fe-utils';
 import { NavigateFunction, NavigateOptions } from 'react-router-dom';

package/templates/react-app/src/{services → uikit}/controllers/UserController.ts

@@ -1,10 +1,10 @@
-import { ExecutorPlugin, JSONStorage } from '@qlover/fe-utils';
-import { sleep } from '@/utils/thread';
+import { ExecutorPlugin } from '@qlover/fe-utils';
+import { sleep } from '@/uikit/utils/thread';
 import { FeController } from '@lib/fe-react-controller';
-import { FeApi } from '@/services/feApi';
-import { FeApiGetUserInfo, FeApiLogin } from '@/services/feApi/FeApiType';
-import { adjustExpirationTime } from '@/utils/datetime';
+import { FeApi } from '@/base/apis/feApi';
+import { FeApiGetUserInfo, FeApiLogin } from '@/base/apis/feApi/FeApiType';
 import { RouterController } from './RouterController';
+import { StorageTokenInterface } from '@/base/port/StorageTokenInterface';
 
 export interface UserControllerState {
   success: boolean;
@@ -12,12 +12,7 @@ export interface UserControllerState {
 }
 
 export interface UserControllerOptions {
-  /**
-   * @default `month`
-   */
-  expiresIn?: number | 'day' | 'week' | 'month' | 'year';
-  storageKey: string;
-  storage: JSONStorage;
+  userToken: StorageTokenInterface;
   feApi: FeApi;
   routerController: RouterController;
 }
@@ -29,23 +24,19 @@ interface LoginInterface {
   logout(): void;
 }
 
-function restoreUserSession(options: UserControllerOptions): {
-  state: UserControllerState;
-  token: string;
-} {
-  const { storageKey, storage } = options;
-  const token = storage.getItem(storageKey, '') as string;
+function createDefaultState(
+  options: UserControllerOptions
+): UserControllerState {
+  const { userToken } = options;
+  const token = userToken.getToken();
 
   return {
-    state: {
-      success: !!token,
-      userInfo: {
-        name: '',
-        email: '',
-        picture: ''
-      }
-    },
-    token
+    success: !!token,
+    userInfo: {
+      name: '',
+      email: '',
+      picture: ''
+    }
   };
 }
 
@@ -55,24 +46,17 @@ export class UserController
 {
   readonly pluginName = 'UserController';
 
-  private token = '';
-
   constructor(private options: UserControllerOptions) {
-    const restoreSession = restoreUserSession(options);
-    super(restoreSession.state);
-
-    this.token = restoreSession.token;
+    super(() => createDefaultState(options));
   }
 
-  selectorSuccess = (state: UserControllerState): boolean => state.success;
-
   /**
    * @override
    */
   async onBefore(): Promise<void> {
     await sleep(1000);
 
-    if (!this.token) {
+    if (!this.options.userToken.getToken()) {
       throw new Error('User not logged in');
     }
 
@@ -103,7 +87,7 @@ export class UserController
 
     const result = await feApi.login(params);
 
-    this.setToken(result.data.token);
+    this.options.userToken.setToken(result.data.token);
 
     const userInfo = await feApi.getUserInfo();
 
@@ -122,22 +106,12 @@ export class UserController
     this.reset();
   }
 
-  setToken(token: string): void {
-    this.token = token;
-
-    const { storageKey, storage } = this.options;
-
-    storage.setItem(
-      storageKey,
-      this.token,
-      adjustExpirationTime(Date.now(), this.options.expiresIn ?? 'month')
-    );
-  }
-
+  /**
+   * @override
+   */
   reset(): void {
-    this.token = '';
-    this.options.storage.removeItem(this.options.storageKey);
-    this.setState({ success: false });
+    this.options.userToken.removeToken();
+    super.reset();
   }
 
   isAuthenticated(): boolean {

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

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
-import { RouteMeta } from '@/types/Page';
-import { BaseRoutePageContext } from './BaseRouteContext';
+import { RouteMeta } from '@/base/types/Page';
+import { BaseRoutePageContext } from '../contexts/BaseRouteContext';
 
 export default function BaseRouteProvider(props: PropsWithChildren<RouteMeta>) {
   return (

package/templates/react-app/src/{components → uikit/providers}/ProcessProvider.tsx

@@ -1,16 +1,22 @@
 import { createContext, useEffect } from 'react';
-import { pageProcesser, routerController, userController } from '@/containers';
-import { useLanguageGuard } from '@/hooks/useLanguageGuard';
-import { useStrictEffect } from '@/hooks/useStrictEffect';
-import { PageProcesser } from '@/services/pageProcesser';
+import { IOC } from '@/core';
+import { useLanguageGuard } from '@/uikit/hooks/useLanguageGuard';
+import { useStrictEffect } from '@/uikit/hooks/useStrictEffect';
+import { ProcesserService } from '@/services/processer/ProcesserService';
 import { Navigate, useNavigate } from 'react-router-dom';
 import { useControllerState } from '@lib/fe-react-controller';
-import { Loading } from './Loading';
+import { Loading } from '@/components/Loading';
+import { RouterController } from '../controllers/RouterController';
+import { UserController } from '../controllers/UserController';
 
-const PageProcesserContext = createContext<PageProcesser>(pageProcesser);
+const PageProcesserContext = createContext<ProcesserService>(
+  IOC(ProcesserService)
+);
 
 export function ProcessProvider({ children }: { children: React.ReactNode }) {
   useLanguageGuard();
+  const userController = IOC(UserController);
+  const pageProcesser = IOC(ProcesserService);
   const { success } = useControllerState(userController);
 
   const navigate = useNavigate();
@@ -20,7 +26,7 @@ export function ProcessProvider({ children }: { children: React.ReactNode }) {
   }, []);
 
   useEffect(() => {
-    routerController.setDependencies({
+    IOC(RouterController).setDependencies({
       navigate
     });
   }, [navigate]);