@qlover/create-app 0.1.15 → 0.1.16

package/templates/react-app/lib/tw-root10px/index.css

@@ -1,4 +0,0 @@
-:root,
-html {
-  font-size: 10px;
-}

package/templates/react-app/src/base/apis/feApi/FeApiMockPlugin.ts

@@ -1,44 +0,0 @@
-import {
-  ExecutorContext,
-  ExecutorPlugin,
-  RequestAdapterFetchConfig,
-  RequestAdapterResponse
-} from '@qlover/fe-utils';
-import { sleep } from '@/uikit/utils/thread';
-
-export class FeApiMockPlugin implements ExecutorPlugin {
-  readonly pluginName = 'FeApiMockPlugin';
-
-  constructor(
-    private readonly mockDataJson: typeof import('@config/feapi.mock.json')
-  ) {}
-
-  async onExec({
-    parameters
-  }: ExecutorContext<RequestAdapterFetchConfig>): Promise<RequestAdapterResponse> {
-    const { method = 'GET', url = '', headers } = parameters;
-    const key = `${method.toUpperCase()} ${url}`;
-    const mockData = url
-      ? this.mockDataJson[key as keyof typeof this.mockDataJson] ||
-        this.mockDataJson._default
-      : this.mockDataJson._default;
-
-    const response = new Response(JSON.stringify(mockData), {
-      status: 200,
-      statusText: 'OK'
-    });
-
-    console.log('jj [mock]', key, mockData, headers);
-
-    await sleep(1000);
-
-    return {
-      status: response.status,
-      statusText: response.statusText,
-      headers: Object.fromEntries(response.headers.entries()),
-      data: mockData,
-      config: parameters,
-      response
-    };
-  }
-}

package/templates/react-app/src/base/apis/feApi/index.ts

@@ -1,2 +0,0 @@
-export * from './FeApiMockPlugin';
-export * from './FeApi';

package/templates/react-app/src/base/cases/UserToken.ts

@@ -1,47 +0,0 @@
-import { StorageTokenInterface } from '@/base/port/StorageTokenInterface';
-import { adjustExpirationTime } from '@/uikit/utils/datetime';
-import { JSONStorage } from '@qlover/fe-utils';
-
-export interface UserTokenOptions {
-  /**
-   * @default `month`
-   */
-  expiresIn?: number | 'day' | 'week' | 'month' | 'year';
-  storageKey: string;
-  storage: JSONStorage;
-}
-
-export class UserToken implements StorageTokenInterface {
-  private token = '';
-
-  constructor(private options: UserTokenOptions) {}
-
-  getToken(): string {
-    if (!this.token) {
-      const { storageKey, storage } = this.options;
-      const token = storage.getItem(storageKey, '');
-
-      if (token) {
-        this.setToken(token);
-      }
-    }
-
-    return this.token;
-  }
-
-  setToken(token: string, expireTime?: number): void {
-    this.token = token;
-
-    expireTime =
-      expireTime !== undefined
-        ? expireTime
-        : adjustExpirationTime(Date.now(), this.options.expiresIn ?? 'month');
-
-    this.options.storage.setItem(this.options.storageKey, token, expireTime);
-  }
-
-  removeToken(): void {
-    this.token = '';
-    this.options.storage.removeItem(this.options.storageKey);
-  }
-}

package/templates/react-app/src/base/consts/IOCIdentifier.ts

@@ -1,16 +0,0 @@
-/**
- * IOC identifier
- *
- * @description
- * IOC identifier is used to identify the service in the IOC container.
- *
- * @example
- * ```ts
- * const a = IOC(IOCIdentifier.JSON);
- * ```
- */
-export const IOCIdentifier = Object.freeze({
-  JSON: 'JSON',
-  JSONStorage: 'JSONStorage',
-  Logger: 'Logger'
-});

package/templates/react-app/src/base/port/IOCFunctionInterface.ts

@@ -1,39 +0,0 @@
-import type { IOCManagerInterface } from '@lib/bootstrap';
-import type { JSONSerializer, JSONStorage, Logger } from '@qlover/fe-utils';
-import type { ServiceIdentifier } from 'inversify';
-import type { IOCIdentifier } from '@/base/consts/IOCIdentifier';
-
-export type IOCIdentifierMap = {
-  [IOCIdentifier.JSON]: JSONSerializer;
-  [IOCIdentifier.JSONStorage]: JSONStorage;
-  [IOCIdentifier.Logger]: Logger;
-};
-
-/**
- * IOC function
- *
- * eg.
- * ```ts
- * const a = IOC(A);
- * const logger = IOC(ConstanstIdentifier.Logger);
- * ```
- *
- */
-export interface IOCFunctionInterface extends IOCManagerInterface {
-  /**
-   * get constant identifier
-   *
-   * Preferred match for simple types
-   */
-  <K extends keyof IOCIdentifierMap>(serviceIdentifier: K): IOCIdentifierMap[K];
-
-  /**
-   * get service identifier
-   */
-  <T>(serviceIdentifier: ServiceIdentifier<T>): T;
-
-  get<K extends keyof IOCIdentifierMap>(
-    serviceIdentifier: K
-  ): IOCIdentifierMap[K];
-  get<T>(serviceIdentifier: ServiceIdentifier<T>): T;
-}

package/templates/react-app/src/base/port/StorageTokenInterface.ts

@@ -1,27 +0,0 @@
-/**
- * Storage token interface
- *
- * @description
- * Storage token interface is used to store and retrieve token from the storage.
- */
-export interface StorageTokenInterface {
-  /**
-   * Get token
-   *
-   * @returns {string} token
-   */
-  getToken(): string;
-
-  /**
-   * Set token
-   *
-   * @param {string} token
-   * @param {number} expireTime
-   */
-  setToken(token: string, expireTime?: number): void;
-
-  /**
-   * Remove token
-   */
-  removeToken(): void;
-}

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

@@ -1,30 +0,0 @@
-import type { InversifyRegisterInterface } from '@/base/port/InversifyIocInterface';
-import type { IOCContainerInterface } from '@lib/bootstrap';
-import { ServiceIdentifier, Container } from 'inversify';
-
-export class AppIOCContainer implements IOCContainerInterface {
-  private container: Container;
-
-  constructor() {
-    this.container = new Container({
-      // allow `@injectable` decorator, auto bind injectable classes
-      autobind: true,
-      // use singleton scope
-      defaultScope: 'Singleton'
-    });
-  }
-
-  configure(registers?: InversifyRegisterInterface[]): void {
-    if (registers) {
-      registers.forEach((register) => register.register(this.container, this));
-    }
-  }
-
-  bind<T>(key: ServiceIdentifier<T>, value: T): void {
-    this.container.bind<T>(key).toConstantValue(value);
-  }
-
-  get<T>(key: string): T {
-    return this.container.get<T>(key);
-  }
-}

package/templates/react-app/src/uikit/utils/RequestLogger.ts

@@ -1,37 +0,0 @@
-import { IOCIdentifier } from '@/base/consts/IOCIdentifier';
-import {
-  ExecutorPlugin,
-  ExecutorContext,
-  RequestAdapterFetchConfig,
-  Logger
-} from '@qlover/fe-utils';
-import { injectable, inject } from 'inversify';
-
-@injectable()
-export class RequestLogger
-  implements ExecutorPlugin<RequestAdapterFetchConfig>
-{
-  readonly pluginName = 'RequestLogger';
-
-  constructor(@inject(IOCIdentifier.Logger) public logger: Logger) {}
-
-  async onSuccess({
-    parameters,
-    returnValue
-  }: ExecutorContext<RequestAdapterFetchConfig>): Promise<void> {
-    this.logger.info(
-      `Request [${new Date().toLocaleString()}] ${parameters.method} ${parameters.url} [success] `,
-      returnValue
-    );
-  }
-
-  onError({
-    parameters,
-    error
-  }: ExecutorContext<RequestAdapterFetchConfig>): void {
-    this.logger.error(
-      `Request [${new Date().toLocaleString()}] ${parameters.method} ${parameters.url} [error] `,
-      error
-    );
-  }
-}

package/templates/react-app/src/uikit/utils/datetime.ts

@@ -1,30 +0,0 @@
-/**
- * Adjusts the expiration time based on the provided `expiresIn` value.
- *
- * @param {number} baseTime - The base time in milliseconds to adjust.
- * @returns {number} - The adjusted time in milliseconds.
- *
- * @example
- * const adjustedTime = userController.adjustExpirationTime(Date.now());
- */
-export function adjustExpirationTime(
-  baseTime: number,
-  expiresIn: number | 'day' | 'week' | 'month' | 'year'
-): number {
-  const dayInMs = 24 * 60 * 60 * 1000;
-
-  switch (expiresIn) {
-    case 'day':
-      return baseTime + dayInMs;
-    case 'week':
-      return baseTime + 7 * dayInMs;
-    case 'month':
-      return baseTime + 30 * dayInMs; // Approximation
-    case 'year':
-      return baseTime + 365 * dayInMs; // Approximation
-    default:
-      return (
-        baseTime + (typeof expiresIn === 'number' ? expiresIn : 30 * dayInMs)
-      );
-  }
-}

package/templates/react-app/src/uikit/utils/thread.ts

@@ -1,3 +0,0 @@
-export function sleep(ms: number = 100): Promise<void> {
-  return new Promise((resolve) => setTimeout(resolve, ms));
-}