Added inversifyJS and Services are modified accordingly

Author: ryoldash

reactjs/.env

@@ -14,4 +14,4 @@ This framework is designed by utilizing MVC design pattern and layered architect
 
 InversifyJS IoC container is used to ensure dependency inversion. All of services has one interface and one implementation, so mocks can be used easily when writing tests.
 
-![](images/architecture.jpg)
+![](_screenshots/architecture.jpg)

reactjs/.env.development

@@ -7,9 +7,12 @@
     "abp-web-resources": "^3.8.2",
     "axios": "^0.18.0",
     "famfamfam-flags": "^1.0.0",
+    "inversify": "^5.0.1",
+    "moment": "^2.22.2",
     "react": "^16.5.2",
     "react-dom": "^16.5.2",
-    "react-scripts-ts": "3.1.0"
+    "react-scripts-ts": "3.1.0",
+    "reflect-metadata": "^0.1.12"
   },
   "scripts": {
     "start": "react-scripts-ts start",

reactjs/.env.production

@@ -1,13 +1,35 @@
 import * as React from "react";
-import LocalizationService from "./../services/localization/localization.service";
-import PermissionCheckerService from "./../services/auth/permission-checker.service";
+import { ILocalizationService } from "src/services/localization/localizationService";
+import { IPermissionCheckerService } from "src/services/auth/permissionCheckerService";
 import AppConsts from "src/lib/appconst";
+import { IFeatureCheckerService } from "src/services/features/featureCheckerService";
+import { INotifyService } from "src/services/notify/notifyService";
+import { ISettingService } from "src/services/settings/settingService";
+import { IMessageService } from "src/services/message/messageService";
+import { IAbpMultiTenancyService } from "src/services/multiTenancy/abpMultiTenancyService";
+import { inject } from "inversify";
+import { IAppSessionService } from "src/services/session/appSessionService";
 
 export abstract class AbpComponentBase extends React.Component {
-  localization = LocalizationService;
-  permission = PermissionCheckerService;
   localizationSourceName = AppConsts.localization.defaultLocalizationSourceName;
 
+  localization: ILocalizationService;
+  permission: IPermissionCheckerService;
+  feature: IFeatureCheckerService;
+  notify: INotifyService;
+  setting: ISettingService;
+  message: IMessageService;
+  multiTenancy: IAbpMultiTenancyService;
+  appSession: IAppSessionService;
+  // elementRef: ElementRef;
+
+  /**
+   *
+   */
+  constructor() {
+    super();
+  }
+
   l(key: string, ...args: any[]): string {
     let localizedText = this.localization.localize(
       key,

reactjs/README.md

@@ -0,0 +1,17 @@
+const SERVICE_IDENTIFIER = {
+  IPermissionCheckerService: Symbol.for("IPermissionCheckerService"),
+  ITokenService: Symbol.for("ITokenService"),
+  IFeatureCheckerService: Symbol.for("IFeatureCheckerService"),
+  ILocalizationService: Symbol.for("ILocalizationService"),
+  ILogService: Symbol.for("ILogService"),
+  IMessageService: Symbol.for("IMessageService"),
+  IAbpMultiTenancyService: Symbol.for("IAbpMultiTenancyService"),
+  INotifyService: Symbol.for("INotifyService"),
+  IAbpSessionService: Symbol.for("IAbpSessionService"),
+  IAppSessionService: Symbol.for("IAppSessionService"),
+  ISettingService: Symbol.for("ISettingService"),
+  IUtilsService: Symbol.for("IUtilsService"),
+  IAbpUserConfigurationService: Symbol.for("IAbpUserConfigurationService")
+};
+
+export default SERVICE_IDENTIFIER;

reactjs/images/architecture.jpg renamed to reactjs/_screenshots/architecture.jpg

@@ -0,0 +1,90 @@
+import "reflect-metadata";
+import { Container } from "inversify";
+import SERVICE_IDENTIFIER from "src/config/identifiers";
+import {
+  IPermissionCheckerService,
+  PermissionCheckerService
+} from "src/services/auth/permissionCheckerService";
+import { ITokenService, TokenService } from "./../services/auth/tokenService";
+import {
+  IFeatureCheckerService,
+  FeatureCheckerService
+} from "src/services/features/featureCheckerService";
+import {
+  ILocalizationService,
+  LocalizationService
+} from "./../services/localization/localizationService";
+import { ILogService, LogService } from "src/services/log/logService";
+import {
+  IMessageService,
+  MessageService
+} from "./../services/message/messageService";
+import {
+  IAbpMultiTenancyService,
+  AbpMultiTenancyService
+} from "src/services/multiTenancy/abpMultiTenancyService";
+import {
+  INotifyService,
+  NotifyService
+} from "src/services/notify/notifyService";
+import {
+  IAbpSessionService,
+  AbpSessionService
+} from "./../services/session/abpSessionService";
+import {
+  AppSessionService,
+  IAppSessionService
+} from "./../services/session/appSessionService";
+import {
+  ISettingService,
+  SettingService
+} from "src/services/settings/settingService";
+import { IUtilsService, UtilsService } from "./../services/utils/utilsService";
+import {
+  IAbpUserConfigurationService,
+  AbpUserConfigurationService
+} from "./../services/abpUserConfigurationService";
+
+let container = new Container();
+
+container
+  .bind<IPermissionCheckerService>(SERVICE_IDENTIFIER.IPermissionCheckerService)
+  .to(PermissionCheckerService);
+container
+  .bind<ITokenService>(SERVICE_IDENTIFIER.ITokenService)
+  .to(TokenService);
+container
+  .bind<IFeatureCheckerService>(SERVICE_IDENTIFIER.IFeatureCheckerService)
+  .to(FeatureCheckerService);
+container
+  .bind<ILocalizationService>(SERVICE_IDENTIFIER.ILocalizationService)
+  .to(LocalizationService);
+container.bind<ILogService>(SERVICE_IDENTIFIER.ILogService).to(LogService);
+container
+  .bind<IMessageService>(SERVICE_IDENTIFIER.IMessageService)
+  .to(MessageService);
+container
+  .bind<IAbpMultiTenancyService>(SERVICE_IDENTIFIER.IAbpMultiTenancyService)
+  .to(AbpMultiTenancyService);
+container
+  .bind<INotifyService>(SERVICE_IDENTIFIER.INotifyService)
+  .to(NotifyService);
+container
+  .bind<IAbpSessionService>(SERVICE_IDENTIFIER.IAbpSessionService)
+  .to(AbpSessionService);
+container
+  .bind<IAppSessionService>(SERVICE_IDENTIFIER.IAppSessionService)
+  .to(AppSessionService);
+container
+  .bind<ISettingService>(SERVICE_IDENTIFIER.ISettingService)
+  .to(SettingService);
+container
+  .bind<IUtilsService>(SERVICE_IDENTIFIER.IUtilsService)
+  .to(UtilsService);
+container
+  .bind<IAbpUserConfigurationService>(
+    SERVICE_IDENTIFIER.IAbpUserConfigurationService
+  )
+  .to(AbpUserConfigurationService);
+
+export default container;