@qlover/create-app 0.7.5 → 0.7.6

package/dist/templates/react-app/src/core/registers/RegisterCommon.ts

@@ -1,74 +0,0 @@
-import {
-  FetchAbortPlugin,
-  type SyncStorageInterface
-} from '@qlover/fe-corekit';
-import { Logger } from '@qlover/logger';
-import {
-  RequestCommonPlugin,
-  ApiMockPlugin,
-  ApiCatchPlugin,
-  ThemeService,
-  TokenStorage
-} from '@qlover/corekit-bridge';
-import mockDataJson from '@config/feapi.mock.json';
-import { RequestStatusCatcher } from '@/base/cases/RequestStatusCatcher';
-import { themeConfig } from '@config/theme';
-import { localStorage, logger } from '../globals';
-import { I18nService } from '@/base/services/I18nService';
-import { RouteService } from '@/base/services/RouteService';
-import { baseRoutes, baseNoLocaleRoutes } from '@config/app.router';
-import { useLocaleRoutes } from '@config/common';
-import { UserService } from '@/base/services/UserService';
-import { IOCRegister } from '../IOC';
-import { IOCIdentifier } from '@config/IOCIdentifier';
-
-export const RegisterCommon: IOCRegister = {
-  register(container, _, options): void {
-    const AppConfig = container.get(IOCIdentifier.AppConfig);
-
-    const feApiToken = new TokenStorage(AppConfig.userTokenStorageKey, {
-      storage: container.get(IOCIdentifier.LocalStorageEncrypt)
-    });
-    const feApiAbort = new FetchAbortPlugin();
-    const feApiRequestCommonPlugin = new RequestCommonPlugin({
-      tokenPrefix: AppConfig.openAiTokenPrefix,
-      requiredToken: true,
-      token: () => container.get(UserService).getToken()
-    });
-
-    container.bind(FetchAbortPlugin, feApiAbort);
-
-    container.bind(IOCIdentifier.FeApiToken, feApiToken);
-    container.bind(IOCIdentifier.FeApiCommonPlugin, feApiRequestCommonPlugin);
-    container.bind(
-      IOCIdentifier.ApiMockPlugin,
-      new ApiMockPlugin(mockDataJson, container.get(Logger))
-    );
-    container.bind(
-      IOCIdentifier.ApiCatchPlugin,
-      new ApiCatchPlugin(
-        container.get(Logger),
-        container.get(RequestStatusCatcher)
-      )
-    );
-
-    container.bind(
-      ThemeService,
-      new ThemeService({
-        ...themeConfig,
-        storage: localStorage as SyncStorageInterface<string, string>
-      })
-    );
-
-    container.bind(
-      RouteService,
-      new RouteService({
-        routes: useLocaleRoutes ? baseRoutes : baseNoLocaleRoutes,
-        logger,
-        hasLocalRoutes: useLocaleRoutes
-      })
-    );
-
-    container.bind(I18nService, new I18nService(options!.pathname));
-  }
-};

package/dist/templates/react-app/src/core/registers/RegisterControllers.ts

@@ -1,26 +0,0 @@
-import { localStorage } from '../globals';
-import { JSONStorageController } from '@/uikit/controllers/JSONStorageController';
-import { ProcesserExecutor } from '@/base/services/ProcesserExecutor';
-import { UserService } from '@/base/services/UserService';
-import { I18nKeyErrorPlugin } from '@/base/cases/I18nKeyErrorPlugin';
-import { IOCContainer, IOCRegister } from '../IOC';
-import { IOCManagerInterface } from '@qlover/corekit-bridge';
-
-export class RegisterControllers implements IOCRegister {
-  /**
-   * @override
-   */
-  register(
-    container: IOCContainer,
-    _: IOCManagerInterface<IOCContainer>
-  ): void {
-    const jsonStorageController = new JSONStorageController(localStorage);
-
-    container.bind(JSONStorageController, jsonStorageController);
-
-    container
-      .get(ProcesserExecutor)
-      .use(container.get(I18nKeyErrorPlugin))
-      .use(container.get(UserService));
-  }
-}

package/dist/templates/react-app/src/core/registers/RegisterGlobals.ts

@@ -1,30 +0,0 @@
-import { JSONSerializer } from '@qlover/fe-corekit';
-import {
-  cookieStorage,
-  dialogHandler,
-  JSON,
-  localStorage,
-  localStorageEncrypt,
-  logger
-} from '../globals';
-import { IOCRegister } from '@/core/IOC';
-import { Logger } from '@qlover/logger';
-import { IOCIdentifier } from '@config/IOCIdentifier';
-
-export const RegisterGlobals: IOCRegister = {
-  register(container, _, options): void {
-    // inject AppConfig to IOC
-    container.bind(IOCIdentifier.AppConfig, options!.appConfig);
-    container.bind(IOCIdentifier.DialogHandler, dialogHandler);
-
-    container.bind(JSONSerializer, JSON);
-    container.bind(IOCIdentifier.JSON, JSON);
-
-    container.bind(Logger, logger);
-    container.bind(IOCIdentifier.Logger, logger);
-
-    container.bind(IOCIdentifier.LocalStorage, localStorage);
-    container.bind(IOCIdentifier.LocalStorageEncrypt, localStorageEncrypt);
-    container.bind(IOCIdentifier.CookieStorage, cookieStorage);
-  }
-};

package/dist/templates/react-app/src/uikit/controllers/JSONStorageController.ts

@@ -1,49 +0,0 @@
-import {
-  StoreInterface,
-  type StoreStateInterface
-} from '@qlover/corekit-bridge';
-import { SyncStorageInterface } from '@qlover/fe-corekit';
-import random from 'lodash/random';
-
-interface JSONStoragePageState extends StoreStateInterface {
-  testKey1?: number;
-  testKey2?: number;
-  expireTime: number;
-  requestTimeout: number;
-}
-
-export class JSONStorageController extends StoreInterface<JSONStoragePageState> {
-  selector = {
-    requestTimeout: (state: JSONStoragePageState) => state.requestTimeout
-  };
-
-  constructor(private storage: SyncStorageInterface<string, unknown>) {
-    super(() => ({
-      testKey1: storage.getItem('testKey1') ?? 0,
-      testKey2: storage.getItem('testKey2') ?? 0,
-      expireTime: 5000,
-      requestTimeout: storage.getItem('requestTimeout') ?? 5000
-    }));
-  }
-
-  changeRandomTestKey1 = (): void => {
-    const value = random(100, 9000);
-    this.storage.setItem('testKey1', value);
-    this.emit({ ...this.state, testKey1: value });
-  };
-
-  onChangeRandomTestKey2 = (): void => {
-    const value = random(100, 9000);
-    this.storage.setItem('testKey2', value, Date.now() + this.state.expireTime);
-    this.emit({ ...this.state, testKey2: value });
-  };
-
-  changeExpireTime = (expireTime: number): void => {
-    this.emit({ ...this.state, expireTime });
-  };
-
-  changeRequestTimeout = (requestTimeout: number): void => {
-    this.storage.setItem('requestTimeout', requestTimeout);
-    this.emit({ ...this.state, requestTimeout });
-  };
-}

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

@@ -1,158 +0,0 @@
-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 { StoreInterface } from '@qlover/corekit-bridge';
-
-function createDefaultState() {
-  return {
-    helloState: {
-      loading: false,
-      result: null as unknown,
-      error: null as unknown
-    },
-    ipInfoState: {
-      loading: false,
-      result: null as unknown,
-      error: null as unknown
-    },
-    randomUserState: {
-      loading: false,
-      result: null as unknown,
-      error: null as unknown
-    },
-    abortState: {
-      loading: false,
-      result: null as unknown,
-      error: null as unknown
-    },
-    apiCatchResultState: {
-      loading: false,
-      result: null as unknown,
-      error: null as unknown
-    }
-  };
-}
-
-export type RequestControllerState = ReturnType<typeof createDefaultState>;
-
-@injectable()
-export class RequestController extends StoreInterface<RequestControllerState> {
-  constructor(
-    @inject(FeApi) private readonly feApi: FeApi,
-    @inject(UserApi) private readonly userApi: UserApi
-  ) {
-    super(createDefaultState);
-  }
-
-  setState(state: Partial<RequestControllerState>): void {
-    this.emit({ ...this.state, ...state });
-  }
-
-  onHello = async () => {
-    if (this.state.helloState.loading) {
-      return;
-    }
-
-    this.setState({ helloState: { loading: true, result: '', error: null } });
-
-    try {
-      const result = await aiHello({
-        messages: [{ role: 'user', content: 'Hello, world!' }]
-      });
-      this.setState({ helloState: { loading: false, result, error: null } });
-    } catch (error) {
-      logger.error(error);
-      this.setState({ helloState: { loading: false, result: null, error } });
-    }
-  };
-
-  onIpInfo = async () => {
-    if (this.state.ipInfoState.loading) {
-      return;
-    }
-
-    this.setState({
-      ipInfoState: { loading: true, result: null, error: null }
-    });
-
-    try {
-      const result = await this.feApi.getIpInfo();
-      this.setState({ ipInfoState: { loading: false, result, error: null } });
-    } catch (error) {
-      logger.error(error);
-      this.setState({ ipInfoState: { loading: false, result: null, error } });
-    }
-  };
-
-  onRandomUser = async () => {
-    if (this.state.randomUserState.loading) {
-      return;
-    }
-
-    this.setState({
-      randomUserState: { loading: true, result: null, error: null }
-    });
-    try {
-      const result = await this.userApi.getRandomUser();
-      this.setState({
-        randomUserState: { loading: false, result, error: null }
-      });
-    } catch (error) {
-      logger.error(error);
-      this.setState({
-        randomUserState: { loading: false, result: null, error }
-      });
-    }
-  };
-
-  onTriggerApiCatchResult = async () => {
-    if (this.state.apiCatchResultState.loading) {
-      return;
-    }
-
-    this.setState({
-      apiCatchResultState: { loading: true, result: null, error: null }
-    });
-    try {
-      const result = await this.userApi.testApiCatchResult();
-      this.setState({
-        apiCatchResultState: {
-          loading: false,
-          result,
-          error: result.apiCatchResult
-        }
-      });
-    } catch (error) {
-      this.setState({
-        apiCatchResultState: { loading: false, result: null, error }
-      });
-    }
-  };
-
-  onTriggerAbortRequest = async () => {
-    if (this.state.abortState.loading) {
-      this.stopAbortRequest();
-      return;
-    }
-
-    this.setState({ abortState: { loading: true, result: null, error: null } });
-    try {
-      await this.userApi.request({
-        method: 'GET',
-        url: 'https://api.example.com/users',
-        disabledMock: true,
-        requestId: 'onTriggerAbortRequest'
-      });
-    } catch (error) {
-      this.setState({ abortState: { loading: false, result: null, error } });
-    }
-  };
-
-  stopAbortRequest = async () => {
-    this.userApi.stop({
-      requestId: 'onTriggerAbortRequest'
-    });
-  };
-}