@qlover/create-app 0.4.5 → 0.5.0

package/templates/react-app/config/app.router.json

@@ -1,159 +0,0 @@
-{
-  "base": {
-    "routes": [
-      {
-        "path": "/",
-        "element": "base/RedirectPathname",
-        "meta": {
-          "category": "main"
-        }
-      },
-      {
-        "path": "/:lng",
-        "element": "base/Layout",
-        "meta": {
-          "category": "main"
-        },
-        "children": [
-          {
-            "index": true,
-            "element": "base/Home",
-            "meta": {
-              "title": "page.home.title",
-              "icon": "home",
-              "localNamespace": "common"
-            }
-          },
-          {
-            "path": "about",
-            "element": "base/About",
-            "meta": {
-              "title": "page.about.title",
-              "icon": "info",
-              "localNamespace": "common"
-            }
-          },
-          {
-            "path": "jsonStorage",
-            "element": "base/JSONStorage",
-            "meta": {
-              "title": "page.jsonstorage.title",
-              "icon": "info",
-              "localNamespace": "common"
-            }
-          },
-          {
-            "path": "request",
-            "element": "base/Request",
-            "meta": {
-              "title": "page.request.title",
-              "icon": "info",
-              "localNamespace": "common"
-            }
-          },
-          {
-            "path": "executor",
-            "element": "base/Executor",
-            "meta": {
-              "title": "page.executor.title",
-              "icon": "info",
-              "localNamespace": "common"
-            }
-          },
-          {
-            "path": "errorIdentifier",
-            "element": "base/ErrorIdentifier",
-            "meta": {
-              "title": "page.error_identifier.title",
-              "icon": "info",
-              "localNamespace": "common"
-            }
-          },
-          {
-            "path": "404",
-            "element": "404",
-            "meta": {
-              "category": "common",
-              "title": "page.404.title",
-              "layout": "blank",
-              "localNamespace": "common"
-            }
-          },
-          {
-            "path": "500",
-            "element": "500",
-            "meta": {
-              "category": "common",
-              "title": "page.500.title",
-              "layout": "blank",
-              "localNamespace": "common"
-            }
-          }
-        ]
-      },
-
-      {
-        "path": "/:lng",
-        "element": "auth/Layout",
-        "meta": {
-          "category": "auth"
-        },
-        "children": [
-          {
-            "index": true,
-            "element": "auth/Login"
-          },
-          {
-            "path": "login",
-            "element": "auth/Login",
-            "meta": {
-              "title": "page.login.title",
-              "icon": "info",
-              "localNamespace": "common"
-            }
-          },
-          {
-            "path": "register",
-            "element": "auth/Register",
-            "meta": {
-              "title": "page.register.title",
-              "icon": "info",
-              "localNamespace": "common"
-            }
-          }
-        ]
-      },
-
-      {
-        "path": "404",
-        "element": "404",
-        "meta": {
-          "category": "common",
-          "title": "page.404.title",
-          "layout": "blank",
-          "localNamespace": "common"
-        }
-      },
-      {
-        "path": "500",
-        "element": "500",
-        "meta": {
-          "category": "common",
-          "title": "page.500.title",
-          "layout": "blank",
-          "localNamespace": "common"
-        }
-      },
-      {
-        "path": "*",
-        "element": "404",
-        "meta": {
-          "category": "common",
-          "title": "page.404.title",
-          "layout": "blank",
-          "localNamespace": "common"
-        }
-      }
-    ]
-  }
-}

package/templates/react-app/config/theme.json

@@ -1,9 +0,0 @@
-{
-  "domAttribute": "data-theme",
-  "defaultTheme": "system",
-  "target": "html",
-  "supportedThemes": ["light", "dark", "pink"],
-  "storageKey": "fe_theme",
-  "init": true,
-  "prioritizeStore": true
-}

package/templates/react-app/src/base/apis/userApi/UserApi.ts

@@ -1,64 +0,0 @@
-import {
-  FetchAbortPlugin,
-  RequestAdapterFetch,
-  RequestTransaction
-} from '@qlover/fe-corekit';
-import {
-  GetIpInfoTransaction,
-  UserApiGetUserInfoTransaction,
-  UserApiLoginTransaction,
-  UserApiTestApiCatchResultTransaction
-} from './UserApiType';
-import { inject, injectable } from 'inversify';
-import { UserApiAdapter } from './UserApiAdapter';
-import { UserApiConfig } from './UserApiBootstarp';
-
-/**
- * UserApi
- *
- * @description
- * UserApi is a client for the user API.
- *
- */
-@injectable()
-export class UserApi extends RequestTransaction<UserApiConfig> {
-  constructor(
-    @inject(FetchAbortPlugin) private abortPlugin: FetchAbortPlugin,
-    @inject(UserApiAdapter) adapter: RequestAdapterFetch
-  ) {
-    super(adapter);
-  }
-
-  stop(request: UserApiConfig): Promise<void> | void {
-    this.abortPlugin.abort(request);
-  }
-
-  async getRandomUser(): Promise<GetIpInfoTransaction['response']> {
-    return this.request<GetIpInfoTransaction>({
-      url: 'https://randomuser.me/api/',
-      method: 'GET',
-      disabledMock: true
-    });
-  }
-
-  async testApiCatchResult(): Promise<
-    UserApiTestApiCatchResultTransaction['response']
-  > {
-    return this.request<UserApiTestApiCatchResultTransaction>({
-      url: 'https://randomuser.me/api/?_name=ApiCatchResult',
-      method: 'GET',
-      disabledMock: true,
-      openApiCatch: true
-    });
-  }
-
-  async getUserInfo(): Promise<UserApiGetUserInfoTransaction['response']> {
-    return this.get<UserApiGetUserInfoTransaction>('/api/userinfo');
-  }
-
-  async login(
-    params: UserApiLoginTransaction['data']
-  ): Promise<UserApiLoginTransaction['response']> {
-    return this.post<UserApiLoginTransaction>('/api/login', params);
-  }
-}

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

@@ -1,12 +0,0 @@
-export interface RegisterFormData {
-  username: string;
-  email: string;
-  password: string;
-  confirmPassword: string;
-  agreeToTerms: boolean;
-}
-export interface LoginInterface {
-  login(params: unknown): Promise<unknown>;
-  logout(): void;
-  register(params: RegisterFormData): Promise<unknown>;
-}

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

@@ -1,58 +0,0 @@
-import { SliceStore } from '@qlover/slice-store-react';
-
-/**
- * Store State Interface
- *
- * This interface is used to define the state of a store.
- * It is used to define the state of a store.
- *
- * must implement the copyWith method
- */
-export interface StoreStateInterface {
-  // You can define your own properties here
-  // ...
-}
-
-/**
- * Store Interface
- *
- * This class is used to define the store interface.
- * It is used to define the store interface.
- *
- * @example
- * ```ts
- * class ChatStoreState implements StoreStateInterface {
- *   isChatRunning: boolean = false;
- *
- *   copyWith(state: { isChatRunning?: boolean }): this {
- *     return Object.assign(new ChatStoreState(), this, state);
- *   }
- * }
- *
- * export class ChatStore extends StoreInterface<ChatStoreState> {
- *   constructor() {
- *     super(() => new ChatStoreState());
- *   }
- * }
- * ```
- */
-export abstract class StoreInterface<
-  T extends StoreStateInterface
-> extends SliceStore<T> {
-  /**
-   * Constructor
-   *
-   * @param stateFactory - The factory function to create the initial state
-   */
-  constructor(protected stateFactory: () => T) {
-    super(stateFactory);
-  }
-
-  /**
-   * Reset the state of the store
-   */
-  resetState(): void {
-    // Create a new instance of initial state
-    this.emit(this.stateFactory());
-  }
-}

package/templates/react-app/src/base/services/UserService.ts

@@ -1,130 +0,0 @@
-import { ExecutorPlugin } from '@qlover/fe-corekit';
-import type {
-  UserApiGetUserInfoTransaction,
-  UserApiLoginTransaction
-} from '@/base/apis/userApi/UserApiType';
-import { RouteService } from './RouteService';
-import { ThreadUtil, type StorageTokenInterface } from '@qlover/corekit-bridge';
-import { inject, injectable } from 'inversify';
-import { IOCIdentifier } from '@/core/IOC';
-import { LoginInterface, RegisterFormData } from '@/base/port/LoginInterface';
-import { UserApi } from '@/base/apis/userApi/UserApi';
-import { AppError } from '@/base/cases/AppError';
-import { StoreInterface, StoreStateInterface } from '../port/StoreInterface';
-import * as errKeys from '@config/Identifier/Error';
-
-class UserServiceState implements StoreStateInterface {
-  success: boolean = false;
-  userInfo: UserApiGetUserInfoTransaction['response']['data'] = {
-    name: '',
-    email: '',
-    picture: ''
-  };
-}
-
-@injectable()
-export class UserService
-  extends StoreInterface<UserServiceState>
-  implements ExecutorPlugin, LoginInterface
-{
-  readonly pluginName = 'UserService';
-
-  constructor(
-    @inject(UserApi) private userApi: UserApi,
-    @inject(RouteService) private routerController: RouteService,
-    @inject(IOCIdentifier.FeApiToken)
-    private userToken: StorageTokenInterface<string>
-  ) {
-    super(() => new UserServiceState());
-  }
-
-  setState(state: Partial<UserServiceState>): void {
-    this.emit({ ...this.state, ...state });
-  }
-
-  /**
-   * @override
-   */
-  async onBefore(): Promise<void> {
-    await ThreadUtil.sleep(1000);
-
-    const userToken = this.userToken.getToken();
-
-    if (!userToken) {
-      throw new AppError(errKeys.LOCAL_NO_USER_TOKEN);
-    }
-
-    const userInfo = await this.userApi.getUserInfo();
-
-    this.setState({
-      success: true,
-      userInfo: userInfo.data
-    });
-  }
-
-  /**
-   * @override
-   */
-  async onError(): Promise<void> {
-    this.logout();
-
-    this.routerController.gotoLogin();
-  }
-
-  /**
-   * @override
-   */
-  async login(
-    params: UserApiLoginTransaction['data']
-  ): Promise<UserApiGetUserInfoTransaction['response']> {
-    const response = await this.userApi.login(params);
-
-    if (response.apiCatchResult) {
-      throw response.apiCatchResult;
-    }
-
-    if (!response.data.token) {
-      throw new AppError(errKeys.RES_NO_TOKEN);
-    }
-
-    this.userToken.setToken(response.data.token);
-
-    const userInfo = await this.userApi.getUserInfo();
-
-    this.setState({
-      success: true,
-      userInfo: userInfo.data
-    });
-
-    return userInfo;
-  }
-
-  /**
-   * @override
-   */
-  logout(): void {
-    this.reset();
-  }
-
-  /**
-   * @override
-   */
-  reset(): void {
-    this.userToken.removeToken();
-    super.reset();
-  }
-
-  isAuthenticated(): boolean {
-    return this.state.success;
-  }
-
-  /**
-   * @override
-   */
-  async register(params: RegisterFormData): Promise<unknown> {
-    return this.login({
-      username: params.username,
-      password: params.password
-    });
-  }
-}

package/templates/react-app/src/uikit/providers/ProcessProvider.tsx

@@ -1,45 +0,0 @@
-import { createContext, useEffect } from 'react';
-import { IOC } from '@/core/IOC';
-import { useLanguageGuard } from '@/uikit/hooks/useLanguageGuard';
-import { useStrictEffect } from '@/uikit/hooks/useStrictEffect';
-import { ProcesserService } from '@/base/services/ProcesserService';
-import { Navigate, useNavigate } from 'react-router-dom';
-import { Loading } from '@/uikit/components/Loading';
-import { RouteService } from '../../base/services/RouteService';
-import { UserService } from '../../base/services/UserService';
-import { useStore } from '@/uikit/hooks/useStore';
-
-const PageProcesserContext = createContext<ProcesserService>(
-  IOC(ProcesserService)
-);
-
-export function ProcessProvider({ children }: { children: React.ReactNode }) {
-  useLanguageGuard();
-  const userService = IOC(UserService);
-  const pageProcesser = IOC(ProcesserService);
-  const success = useStore(userService, (state) => state.success);
-
-  const navigate = useNavigate();
-
-  useStrictEffect(() => {
-    pageProcesser.init();
-  }, []);
-
-  useEffect(() => {
-    IOC(RouteService).setDependencies({ navigate });
-  }, [navigate]);
-
-  if (!success) {
-    return <Loading fullscreen />;
-  }
-
-  if (!userService.isAuthenticated()) {
-    return <Navigate to="/login" />;
-  }
-
-  return (
-    <PageProcesserContext.Provider value={pageProcesser}>
-      {children}
-    </PageProcesserContext.Provider>
-  );
-}