@qlover/create-app 1.1.0 → 2.0.0

package/dist/templates/react-app/src/base/types/deprecated-antd.d.ts

@@ -1,60 +0,0 @@
-import AntdMessageStatic from 'antd/es/message';
-import { TypeOpen } from 'antd/es/message/interface';
-import AntdModalStatic from 'antd/es/modal';
-
-import { ModalFunc } from 'antd/es/modal/confirm';
-
-declare module 'antd' {
-  /**
-   * @deprecated Please use alternative message implementation instead
-   */
-  export const message: typeof AntdMessageStatic & {
-    /**
-     * @deprecated Please use alternative message implementation instead
-     */
-    info: TypeOpen;
-    /**
-     * @deprecated Please use alternative message implementation instead
-     */
-    success: TypeOpen;
-    /**
-     * @deprecated Please use alternative message implementation instead
-     */
-    error: TypeOpen;
-    /**
-     * @deprecated Please use alternative message implementation instead
-     */
-    warning: TypeOpen;
-    /**
-     * @deprecated Please use alternative message implementation instead
-     */
-    loading: TypeOpen;
-  };
-
-  export const Modal: typeof AntdModalStatic & {
-    /**
-     * @deprecated Please use alternative message implementation instead
-     */
-    confirm: ModalFunc;
-    /**
-     * @deprecated Please use alternative message implementation instead
-     */
-    info: ModalFunc;
-    /**
-     * @deprecated Please use alternative message implementation instead
-     */
-    success: ModalFunc;
-    /**
-     * @deprecated Please use alternative message implementation instead
-     */
-    error: ModalFunc;
-    /**
-     * @deprecated Please use alternative message implementation instead
-     */
-    warn: ModalFunc;
-    /**
-     * @deprecated Please use alternative message implementation instead
-     */
-    warning: ModalFunc;
-  };
-}

package/dist/templates/react-app/src/base/types/global.d.ts

@@ -1,8 +0,0 @@
-import type * as feGlobals from '@/core/globals';
-import type { browserGlobalsName } from '@config/common';
-
-declare global {
-  interface Window {
-    [browserGlobalsName]: Readonly<typeof feGlobals>;
-  }
-}

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

@@ -1,28 +0,0 @@
-// ! dont't import tsx, only ts file
-import { clientIOC } from './clientIoc/ClientIOC';
-
-/**
- * IOC function
- *
- * This is the only and main exported content of the file
- *
- * - This is a global singleton instance of ClientIOC, and it is equivalent to clientIOC
- * - It is not recommended to use this global variable, but to recommend using the useIOC hook in the ui component
- *
- * @example use A class
- * ```ts
- * const userService = IOC(UserService);
- * ```
- *
- * @example use A string identifier
- *
- * string identifier is shortcut for `IOCIdentifierMap` type, string key of `IOCIdentifier`
- *
- * ```ts
- * const logger = IOC('Logger'); // Logger instance
- *
- * // or
- * const logger = IOC(IOCIdentifier.Logger);
- * ```
- */
-export const IOC = clientIOC.create();

package/dist/templates/react-app/src/core/bootstraps/BootstrapClient.ts

@@ -1,108 +0,0 @@
-import {
-  envBlackList,
-  envPrefix,
-  browserGlobalsName,
-  omitInjectedGlobals
-} from '@config/common';
-import { Bootstrap } from '@qlover/corekit-bridge';
-import { isObject, omit } from 'lodash';
-import type { IOCInterface, IOCRegister } from '@/base/port/IOCInterface';
-import type { IOCIdentifierMap } from '@config/IOCIdentifier';
-import * as globals from '../globals';
-import { BootstrapsRegistry } from './BootstrapsRegistry';
-import type { BootstrapsRegistryInterface } from './BootstrapsRegistry';
-import type {
-  IOCContainerInterface,
-  IOCFunctionInterface
-} from '@qlover/corekit-bridge';
-
-export type BootstrapClientArgs = {
-  /**
-   * 启动的根节点，通常是window
-   */
-  root: unknown;
-  /**
-   * 启动的web地址
-   */
-  bootHref: string;
-
-  /**
-   * IOC容器对象
-   */
-  ioc: IOCInterface<IOCIdentifierMap, IOCContainerInterface>;
-
-  /**
-   * IOC注册器对象，用于注册IOC容器
-   *
-   * 可能在ioc create 中已经注册，这里可以额外注册
-   */
-  iocRegister?: IOCRegister;
-
-  /**
-   * 注册器类，用于注册注册器
-   */
-  RegistryClass?: new (
-    ioc: IOCFunctionInterface<IOCIdentifierMap, IOCContainerInterface>
-  ) => BootstrapsRegistryInterface;
-};
-
-export class BootstrapClient {
-  public static async main(
-    args: BootstrapClientArgs
-  ): Promise<BootstrapClientArgs> {
-    const {
-      root,
-      bootHref,
-      ioc,
-      iocRegister,
-      RegistryClass = BootstrapsRegistry
-    } = args;
-
-    if (!isObject(root)) {
-      throw new Error('root is not an object');
-    }
-
-    const { logger, appConfig } = globals;
-
-    const IOC = ioc.create({
-      pathname: bootHref,
-      appConfig: appConfig
-    });
-
-    const bootstrap = new Bootstrap({
-      root,
-      logger,
-      ioc: {
-        manager: IOC,
-        register: iocRegister
-      },
-      envOptions: {
-        target: appConfig,
-        source: Object.assign({}, import.meta.env, {
-          [envPrefix + 'BOOT_HREF']: bootHref
-        }),
-        prefix: envPrefix,
-        blackList: envBlackList
-      },
-      globalOptions: {
-        sources: omit(globals, omitInjectedGlobals),
-        target: browserGlobalsName
-      }
-    });
-
-    try {
-      logger.info('bootstrap start...');
-
-      // init bootstrap
-      await bootstrap.initialize();
-
-      const bootstrapsRegistry = new RegistryClass(IOC);
-
-      await bootstrap.use(bootstrapsRegistry.register(IOC)).start();
-    } catch (error) {
-      logger.error(`${appConfig.appName} starup error:`, error);
-    }
-
-    return args;
-  }
-}

package/dist/templates/react-app/src/core/bootstraps/BootstrapsRegistry.ts

@@ -1,54 +0,0 @@
-import { I } from '@config/IOCIdentifier';
-import { AiApiBootstarp } from '@/base/apis/AiApi';
-import { FeApiBootstarp } from '@/base/apis/feApi/FeApiBootstarp';
-import { UserApiBootstarp } from '@/base/apis/userApi/UserApiBootstarp';
-import type { IOCIdentifierMap } from '@config/IOCIdentifier';
-import { IocIdentifierTest } from './IocIdentifierTest';
-import { printBootstrap } from './PrintBootstrap';
-import { saveAppInfo } from './SaveAppInfo';
-import type {
-  BootstrapExecutorPlugin,
-  EnvConfigInterface,
-  IOCContainerInterface,
-  IOCFunctionInterface
-} from '@qlover/corekit-bridge';
-
-export interface BootstrapsRegistryInterface {
-  register(
-    ioc: IOCFunctionInterface<IOCIdentifierMap, IOCContainerInterface>
-  ): BootstrapExecutorPlugin[];
-}
-
-export class BootstrapsRegistry implements BootstrapsRegistryInterface {
-  constructor(
-    protected IOC: IOCFunctionInterface<IOCIdentifierMap, IOCContainerInterface>
-  ) {}
-
-  public get appConfig(): EnvConfigInterface {
-    return this.IOC(I.AppConfig);
-  }
-
-  /**
-   * @override
-   */
-  public register(): BootstrapExecutorPlugin[] {
-    const IOC = this.IOC;
-
-    const bootstrapList = [
-      IOC(I.I18nServiceInterface),
-      new UserApiBootstarp(),
-      new FeApiBootstarp(),
-      AiApiBootstarp,
-      saveAppInfo,
-      IOC(I.I18nKeyErrorPlugin)
-    ];
-
-    if (!this.appConfig.isProduction) {
-      bootstrapList.push(printBootstrap);
-    }
-
-    bootstrapList.push(IocIdentifierTest);
-
-    return bootstrapList;
-  }
-}

package/dist/templates/react-app/src/core/bootstraps/IocIdentifierTest.ts

@@ -1,26 +0,0 @@
-import { IOCIdentifier } from '@config/IOCIdentifier';
-import type { BootstrapExecutorPlugin } from '@qlover/corekit-bridge';
-
-export const IocIdentifierTest: BootstrapExecutorPlugin = {
-  pluginName: 'IocIdentifierTest',
-  onSuccess({ parameters: { logger, ioc } }) {
-    const errorList: string[] = [];
-    const keyList: string[] = Object.keys(IOCIdentifier);
-    keyList.forEach((key) => {
-      try {
-        const value = ioc.get(key);
-        if (value === undefined) {
-          errorList.push(key);
-        }
-      } catch {
-        errorList.push(key);
-      }
-    });
-
-    if (errorList.length > 0) {
-      logger.warn(`IOC ${errorList.join(', ')} is not found`);
-    } else {
-      logger.info(`IOC all identifiers are found ${keyList.length}`);
-    }
-  }
-};

package/dist/templates/react-app/src/core/bootstraps/PrintBootstrap.ts

@@ -1,14 +0,0 @@
-import { browserGlobalsName } from '@config/common';
-import type { BootstrapExecutorPlugin } from '@qlover/corekit-bridge';
-
-export const printBootstrap: BootstrapExecutorPlugin = {
-  pluginName: 'PrintBootstrap',
-  onSuccess({ parameters: { logger } }) {
-    logger.info(
-      'bootstrap success!\n\n' +
-        `You can use \`%cwindow.${browserGlobalsName}%c\` to access the globals`,
-      'color: #0ff; font-weight: bold;',
-      'all: unset;'
-    );
-  }
-};

package/dist/templates/react-app/src/core/bootstraps/SaveAppInfo.ts

@@ -1,28 +0,0 @@
-import { I } from '@config/IOCIdentifier';
-import type { AppConfig } from '@/base/cases/AppConfig';
-import type { BootstrapExecutorPlugin } from '@qlover/corekit-bridge';
-import type { SyncStorageInterface } from '@qlover/fe-corekit';
-
-/**
- * 保存应用信息到本地存储
- *
- * 包含以下:
- *
- * - 应用名称
- * - 应用版本
- */
-export const saveAppInfo: BootstrapExecutorPlugin = {
-  pluginName: 'SaveAppInfo',
-  onSuccess({ parameters: { ioc, logger } }) {
-    const appConfig = ioc.get<AppConfig>(I.AppConfig);
-    const localStorage = ioc.get<SyncStorageInterface<string>>(I.LocalStorage);
-
-    const key = appConfig.appName + '_appInfo';
-    localStorage.setItem(key, {
-      appName: appConfig.appName,
-      appVersion: appConfig.appVersion
-    });
-
-    logger.info(`Saved app info to localStorage: ${key}`);
-  }
-};

package/dist/templates/react-app/src/core/clientIoc/ClientIOC.ts

@@ -1,47 +0,0 @@
-import {
-  createIOCFunction,
-  type IOCContainerInterface,
-  type IOCFunctionInterface
-} from '@qlover/corekit-bridge';
-import { InversifyContainer } from '@/base/cases/InversifyContainer';
-import type { IOCInterface } from '@/base/port/IOCInterface';
-import type { IOCIdentifierMap } from '@config/IOCIdentifier';
-import { ClientIOCRegister } from './ClientIOCRegister';
-import { appConfig } from '../globals';
-
-export class ClientIOC implements IOCInterface<
-  IOCIdentifierMap,
-  IOCContainerInterface
-> {
-  protected ioc: IOCFunctionInterface<
-    IOCIdentifierMap,
-    IOCContainerInterface
-  > | null = null;
-
-  /**
-   * @override
-   */
-  public create(): IOCFunctionInterface<
-    IOCIdentifierMap,
-    IOCContainerInterface
-  > {
-    if (this.ioc) {
-      return this.ioc;
-    }
-
-    this.ioc = createIOCFunction<IOCIdentifierMap>(new InversifyContainer());
-
-    // move to BootstrapClient
-    const register = new ClientIOCRegister({
-      // eslint-disable-next-line no-restricted-globals
-      pathname: window.location.pathname,
-      appConfig: appConfig
-    });
-
-    register.register(this.ioc.implemention!, this.ioc);
-
-    return this.ioc;
-  }
-}
-
-export const clientIOC = new ClientIOC();

package/dist/templates/react-app/src/core/clientIoc/ClientIOCRegister.ts

@@ -1,142 +0,0 @@
-import { baseNoLocaleRoutes, baseRoutes } from '@config/app.router';
-import { routerPrefix, useLocaleRoutes } from '@config/common';
-import mockDataJson from '@config/feapi.mock.json';
-import { IOCIdentifier as I } from '@config/IOCIdentifier';
-import { themeConfig } from '@config/theme';
-import {
-  ApiCatchPlugin,
-  ApiMockPlugin,
-  ThemeService
-} from '@qlover/corekit-bridge';
-import { RequestPlugin } from '@qlover/fe-corekit';
-import { I18nKeyErrorPlugin } from '@/base/cases/I18nKeyErrorPlugin';
-import { RequestStatusCatcher } from '@/base/cases/RequestStatusCatcher';
-import type { IocRegisterOptions } from '@/base/port/IOCInterface';
-import type { UserServiceInterface } from '@/base/port/UserServiceInterface';
-import { I18nService } from '@/base/services/I18nService';
-import { RouteService } from '@/base/services/RouteService';
-import { UserService } from '@/base/services/UserService';
-import { ExecutorPageBridge } from '@/uikit/bridges/ExecutorPageBridge';
-import { JSONStoragePageBridge } from '@/uikit/bridges/JSONStoragePageBridge';
-import { NavigateBridge } from '@/uikit/bridges/NavigateBridge';
-import { RequestPageBridge } from '@/uikit/bridges/RequestPageBridge';
-import * as globals from '../globals';
-import type {
-  ThemeServiceProps,
-  IOCManagerInterface,
-  IOCContainerInterface,
-  IOCRegisterInterface
-} from '@qlover/corekit-bridge';
-import type { LoggerInterface } from '@qlover/logger';
-
-export class ClientIOCRegister implements IOCRegisterInterface<
-  IOCContainerInterface,
-  IocRegisterOptions
-> {
-  constructor(protected options: IocRegisterOptions) {}
-
-  /**
-   * Register globals
-   *
-   * 一般用于注册全局
-   *
-   * @param ioc - IOC container
-   */
-  protected registerGlobals(ioc: IOCContainerInterface): void {
-    const { appConfig } = this.options;
-    const { dialogHandler, localStorageEncrypt, JSON, logger } = globals;
-
-    ioc.bind(I.JSONSerializer, JSON);
-    ioc.bind(I.Logger, logger);
-    ioc.bind(I.AppConfig, appConfig);
-    ioc.bind(I.EnvConfigInterface, appConfig);
-    ioc.bind(I.DialogHandler, dialogHandler);
-    ioc.bind(I.UIDialogInterface, dialogHandler);
-    ioc.bind(I.AntdStaticApiInterface, dialogHandler);
-    ioc.bind(I.LocalStorage, globals.localStorage);
-    ioc.bind(I.LocalStorageEncrypt, localStorageEncrypt);
-    ioc.bind(I.CookieStorage, globals.cookieStorage);
-  }
-
-  /**
-   * 一般用于注册没有其他复杂依赖的项目实现类
-   *
-   * 比如:
-   * - 路由服务
-   * - 国际化服务
-   * - 主题服务
-   *
-   * @param ioc
-   */
-  protected registerImplement(ioc: IOCContainerInterface): void {
-    ioc.bind(I.I18nServiceInterface, new I18nService(this.options.pathname));
-
-    const routeService = new RouteService(
-      ioc.get(NavigateBridge),
-      ioc.get(I.I18nServiceInterface),
-      {
-        routes: useLocaleRoutes ? baseRoutes : baseNoLocaleRoutes,
-        logger: ioc.get(I.Logger),
-        hasLocalRoutes: useLocaleRoutes,
-        routerPrefix: routerPrefix
-      }
-    );
-    ioc.bind(I.RouteServiceInterface, routeService);
-    ioc.bind(
-      I.ThemeService,
-      new ThemeService({
-        ...(themeConfig as unknown as ThemeServiceProps),
-        storage: ioc.get(I.LocalStorage)
-      })
-    );
-
-    ioc.bind(I.I18nKeyErrorPlugin, ioc.get(I18nKeyErrorPlugin));
-
-    ioc.bind(
-      I.UserServiceInterface,
-      ioc.get<UserService>(UserService)
-      // TODO: use executor replace
-      // .use(new UserGatewayPlugin(routeService))
-      // .use(ioc.get(I.I18nKeyErrorPlugin))
-    );
-    ioc.bind(I.RequestCatcherInterface, ioc.get(RequestStatusCatcher));
-    ioc.bind(I.ExecutorPageBridgeInterface, ioc.get(ExecutorPageBridge));
-    ioc.bind(I.JSONStoragePageInterface, ioc.get(JSONStoragePageBridge));
-    ioc.bind(I.RequestPageBridgeInterface, ioc.get(RequestPageBridge));
-  }
-
-  protected registerCommon(ioc: IOCContainerInterface): void {
-    const { appConfig } = this.options;
-    const logger = ioc.get<LoggerInterface>(I.Logger);
-
-    const feApiRequestCommonPlugin = new RequestPlugin({
-      tokenPrefix: appConfig.openAiTokenPrefix,
-      token: () =>
-        ioc.get<UserServiceInterface>(I.UserServiceInterface).getToken()
-    });
-    const apiMockPlugin = new ApiMockPlugin({
-      mockData: mockDataJson,
-      logger: logger
-    });
-    const apiCatchPlugin = new ApiCatchPlugin(
-      logger,
-      ioc.get(RequestStatusCatcher)
-    );
-
-    ioc.bind(I.FeApiCommonPlugin, feApiRequestCommonPlugin);
-    ioc.bind(I.ApiMockPlugin, apiMockPlugin);
-    ioc.bind(I.ApiCatchPlugin, apiCatchPlugin);
-  }
-
-  /**
-   * @override
-   */
-  public register(
-    ioc: IOCContainerInterface,
-    _manager: IOCManagerInterface<IOCContainerInterface>
-  ): void {
-    this.registerGlobals(ioc);
-    this.registerCommon(ioc);
-    this.registerImplement(ioc);
-  }
-}

package/dist/templates/react-app/src/core/globals.ts

@@ -1,47 +0,0 @@
-// ! global variables, don't import any dependencies and don't have side effects
-import { loggerStyles } from '@config/common';
-import { ColorFormatter, CookieStorage } from '@qlover/corekit-bridge';
-import {
-  Base64Serializer,
-  JSONSerializer,
-  ObjectStorage,
-  SyncStorage
-} from '@qlover/fe-corekit';
-import { Logger, ConsoleHandler } from '@qlover/logger';
-import { AppConfig } from '@/base/cases/AppConfig';
-import { DialogHandler } from '@/base/cases/DialogHandler';
-import type { SyncStorageInterface } from '@qlover/fe-corekit';
-
-export const appConfig = new AppConfig();
-
-export const dialogHandler = new DialogHandler();
-
-/**
- * Global logger
- */
-export const logger = new Logger({
-  handlers: new ConsoleHandler(new ColorFormatter(loggerStyles)),
-  silent: appConfig.isProduction,
-  level: 'debug'
-});
-
-/**
- * Override JSONSerializer to use the global logger
- */
-export const JSON = new JSONSerializer();
-
-/**
- * Override localStorage to use the global local storage
- */
-export const localStorage = new SyncStorage<string>(
-  new ObjectStorage(),
-  [
-    JSON,
-    appConfig.isProduction ? new Base64Serializer() : undefined,
-    window.localStorage as unknown as SyncStorageInterface<string>
-  ].filter(Boolean) as any[]
-);
-
-export const localStorageEncrypt = localStorage;
-
-export const cookieStorage = new CookieStorage();

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

@@ -1,19 +0,0 @@
-// !only this file use `window`, `document` ...global variables
-import 'reflect-metadata';
-import { StrictMode } from 'react';
-import { createRoot } from 'react-dom/client';
-import App from './App';
-import { BootstrapClient } from './core/bootstraps/BootstrapClient';
-import { clientIOC } from './core/clientIoc/ClientIOC';
-
-BootstrapClient.main({
-  root: window,
-  bootHref: window.location.href,
-  ioc: clientIOC
-});
-
-createRoot(document.getElementById('root')!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>
-);

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

@@ -1,19 +0,0 @@
-import { PAGE_404_TITLE } from '@config/Identifier/common/common';
-import { NOT_FOUND_COMPONENT } from '@config/Identifier/common/common.error';
-import { useBaseRoutePage } from '@/uikit/contexts/BaseRouteContext';
-
-export default function NotFound({ route }: { route?: string }) {
-  const { t } = useBaseRoutePage();
-  return (
-    <div
-      data-testid="NotFound"
-      className="text-base bg-primary flex flex-col justify-center min-h-screen py-6 sm:py-12"
-    >
-      <div className="relative py-3 mx-auto sm:max-w-xl">
-        <h1 className="text-text text-2xl font-bold text-center">
-          {route ? `${t(NOT_FOUND_COMPONENT)}: ${route}` : t(PAGE_404_TITLE)}
-        </h1>
-      </div>
-    </div>
-  );
-}

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

@@ -1,18 +0,0 @@
-import { PAGE_500_TITLE } from '@config/Identifier/common/common';
-import { useBaseRoutePage } from '@/uikit/contexts/BaseRouteContext';
-
-export default function NotFound500() {
-  const { t } = useBaseRoutePage();
-  return (
-    <div
-      data-testid="NotFound500"
-      className="text-base bg-primary flex flex-col justify-center min-h-screen py-6 sm:py-12"
-    >
-      <div className="relative py-3 mx-auto sm:max-w-xl">
-        <h1 className="text-text text-2xl font-bold text-center">
-          {t(PAGE_500_TITLE)}
-        </h1>
-      </div>
-    </div>
-  );
-}

package/dist/templates/react-app/src/pages/NoRouteFound.tsx

@@ -1,5 +0,0 @@
-import { Navigate } from 'react-router-dom';
-
-export default function NoRouteFound() {
-  return <Navigate data-testid="NoRouteFound" to="/404" replace />;
-}

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

@@ -1,27 +0,0 @@
-import { useStore } from '@brain-toolkit/react-kit/hooks/useStore';
-import { IOCIdentifier } from '@config/IOCIdentifier';
-import { Navigate, Outlet } from 'react-router-dom';
-import { useIOC } from '@/uikit/hooks/useIOC';
-import { useRouterI18nGuard } from '@/uikit/hooks/useRouterI18nGuard';
-import { BaseHeader } from '../../uikit/components/BaseHeader';
-
-export default function Layout() {
-  const userService = useIOC(IOCIdentifier.UserServiceInterface);
-  const state = useStore(userService.getStore());
-
-  useRouterI18nGuard();
-
-  // If user is authenticated, redirect to home page
-  if (userService.isAuthenticated() && userService.isUserInfo(state.result)) {
-    return <Navigate data-testid="Layout" to="/" replace />;
-  }
-
-  return (
-    <>
-      <BaseHeader showLogoutButton={false} />
-      <div className="flex-1">
-        <Outlet />
-      </div>
-    </>
-  );
-}