Implement Auth module for example

Author: Daniil

configs/.eslintrc

@@ -102,6 +102,7 @@
     "prettier/prettier": "error",
     "@typescript-eslint/no-explicit-any": "off",
     "@typescript-eslint/no-namespace": "off",
-    "@typescript-eslint/member-delimiter-style": "error"
+    "@typescript-eslint/member-delimiter-style": "error",
+    "@typescript-eslint/array-type": "error"
   }
 }

configs/jest/config.ts

@@ -1,5 +1,5 @@
 import type { Config } from '@jest/types';
-import globalOptions from '../vite/define';
+import {BuildDefine} from '../vite/define';
 
 type JestConfig = Partial<
   Omit<Config.ProjectConfig, 'moduleNameMapper' | 'transform'> & Config.GlobalConfig
@@ -32,7 +32,7 @@ const config: JestConfig = {
     'ts-jest': {
       tsconfig: '<rootDir>/tsconfig.json',
     },
-    ...globalOptions,
+    ...BuildDefine,
   },
   moduleDirectories: ['<rootDir>/node_modules', '<rootDir>/node_modules/@types', '<rootDir>/src'],
   moduleNameMapper: {

configs/vite/config.ts

@@ -1,29 +1,30 @@
 import { defineConfig } from 'vite';
 import build from './build';
-import defineOptions from './define';
+import {BuildDefine, DevDefine } from './define';
 import { BuildPlugins, DevPlugins } from './plugins';
 import server from './server';
 import styles from './styles';
 
 const defaultConfig = {
   css: styles,
-  define: defineOptions,
 };
 
 // https://vitejs.dev/config/
-export default ({ command, mode }) => {
+export default ({ command }) => {
   switch (command) {
     case 'build':
       return defineConfig({
         ...defaultConfig,
         build,
+        define: BuildDefine,
         plugins: BuildPlugins,
       });
     default:
       return defineConfig({
         ...defaultConfig,
-        plugins: DevPlugins,
         server,
+        define: DevDefine,
+        plugins: DevPlugins,
       });
   }
 };

configs/vite/define.ts

@@ -4,9 +4,17 @@ const ENV_CONFIG = {
   TOKEN: '<token>',
 };
 
-const defineOptions = {
+const DEFAULT_DEFINE = {
   ENV_CONFIG,
-  UI_VERSION: JSON.stringify(pkg.version),
+  UI_VERSION: JSON.stringify(pkg.version)
+}
+
+export const DevDefine = {
+  ...DEFAULT_DEFINE,
+  DEV: true,
 };
 
-export default defineOptions;
+export const BuildDefine = {
+  ...DEFAULT_DEFINE,
+  DEV: false,
+};

package.json

@@ -69,7 +69,7 @@
     "prettier": "2.4.1",
     "ts-jest": "27.0.5",
     "ts-node": "10.2.1",
-    "typescript": "4.4.3",
+    "typescript": "4.5.2",
     "vite": "2.5.10",
     "vite-plugin-cdn-import": "0.3.5",
     "vite-plugin-compression": "0.3.5",

src/containers/base/index.ts

@@ -1,10 +1,25 @@
 import { ContainerModule } from 'inversify';
-import { AxiosAdapter, BrowserCookieAdapter, LocalStorageAdapter } from 'core/adapters';
-import { HttpClientType } from 'core/http';
-import { CookieStorageType, LocalStorageType } from 'core/storage';
+import {
+  AxiosAbortAdapter,
+  AxiosAbortName,
+  AxiosAdapter,
+  AxiosMemoAdapter,
+  AxiosMemoName,
+  BrowserCookieAdapter,
+  LocalStorageAdapter,
+  SessionStorageAdapter,
+  ReactHookFormAdapter,
+} from 'core/adapters';
+import { FormType } from 'core/form';
+import { HttpClientAdapterType, HttpClientType } from 'core/http';
+import { StorageType, CookieStorageName, LocalStorageName, SessionStorageName } from 'core/storage';
 
 export const baseAdapters = new ContainerModule(bind => {
-  bind(CookieStorageType).to(BrowserCookieAdapter);
-  bind(LocalStorageType).to(LocalStorageAdapter);
+  bind(StorageType).to(BrowserCookieAdapter).whenTargetNamed(CookieStorageName);
+  bind(StorageType).to(LocalStorageAdapter).whenTargetNamed(LocalStorageName);
+  bind(StorageType).to(SessionStorageAdapter).whenTargetNamed(SessionStorageName);
+  bind(HttpClientAdapterType).to(AxiosAbortAdapter).whenTargetNamed(AxiosAbortName);
+  bind(HttpClientAdapterType).to(AxiosMemoAdapter).whenTargetNamed(AxiosMemoName);
   bind(HttpClientType).to(AxiosAdapter);
+  bind(FormType).to(ReactHookFormAdapter);
 });

src/containers/config.ts

@@ -0,0 +1,25 @@
+/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
+import * as inversify from 'inversify';
+import type { interfaces } from 'inversify';
+import { ServiceIdentifierOrFunc } from 'inversify/lib/annotation/inject';
+
+export type ServiceIdentifier<T> = interfaces.ServiceIdentifier<T>;
+
+export class Container extends inversify.Container {}
+
+export class ContainerModule extends inversify.ContainerModule {}
+
+export const Injectable = inversify.injectable;
+
+export const Inject = inversify.inject;
+
+export const Named = inversify.named;
+
+export const PostConstruct = inversify.postConstruct;
+
+export const InjectNamed =
+  (serviceIdentifier: ServiceIdentifierOrFunc, name: string | number | symbol) =>
+  (target: any, targetKey: string, index?: number): void => {
+    Inject(serviceIdentifier)(target, targetKey, index);
+    Named(name)(target, targetKey, index);
+  };

src/containers/containers.ts

@@ -1,5 +1,5 @@
 import { baseAdapters } from './base';
-import { Container } from './core';
+import { Container } from './config';
 
 export const containers = new Container({
   autoBindInjectable: true,