@qlover/create-app 0.7.15 → 0.9.0

package/dist/templates/next-app/config/Identifier/page.request.ts

@@ -1,182 +0,0 @@
-/**
- * @description Request page title
- * @localZh 请求示例
- * @localEn Request Examples
- */
-export const PAGE_REQUEST_TITLE = 'page__request__title';
-
-/**
- * @description Request page description
- * @localZh 展示各种请求示例和用法
- * @localEn Demonstrate various request examples and usage
- */
-export const PAGE_REQUEST_DESCRIPTION = 'page__request__description';
-
-/**
- * @description Request timeout message
- * @localZh 请求超时
- * @localEn Request Timeout
- */
-export const REQUEST_TIMEOUT = 'request__requestTimeout';
-/**
- * @description Hello result message
- * @localZh Hello 结果是
- * @localEn Hello result is
- */
-export const REQUEST_HELLO_RESULT = 'request__helloResult';
-/**
- * @description Hello error message
- * @localZh Hello 错误是
- * @localEn Hello error is
- */
-export const REQUEST_HELLO_ERROR = 'request__helloError';
-/**
- * @description IpInfo result message
- * @localZh IpInfo 结果是
- * @localEn IpInfo result is
- */
-export const REQUEST_IP_INFO_RESULT = 'request__ipInfoResult';
-/**
- * @description IpInfo title
- * @localZh IpInfo
- * @localEn IpInfo
- */
-export const REQUEST_IP_INFO = 'request__ipInfo';
-/**
- * @description Random user title
- * @localZh 随机用户
- * @localEn RandomUser
- */
-export const REQUEST_RANDOM_USER = 'request__randomUser';
-/**
- * @description Loading message
- * @localZh 加载中______
- * @localEn Loading______
- */
-export const REQUEST_LOADING = 'request__loading';
-/**
- * @description Random user result message
- * @localZh 随机用户 结果是
- * @localEn RandomUser result is
- */
-export const REQUEST_RANDOM_USER_RESULT = 'request__randomUserResult';
-/**
- * @description Random user error message
- * @localZh 随机用户 错误是
- * @localEn RandomUser error is
- */
-export const REQUEST_RANDOM_USER_ERROR = 'request__randomUserError';
-/**
- * @description Trigger abort request button text
- * @localZh 触发中止请求
- * @localEn Trigger Abort Request
- */
-export const REQUEST_TRIGGER_ABORT = 'request__triggerAbortRequest';
-/**
- * @description Stop abort request button text
- * @localZh 停止中止请求
- * @localEn Stop Abort Request
- */
-export const REQUEST_STOP_ABORT = 'request__stopAbortRequest';
-/**
- * @description Abort request result message
- * @localZh 中止请求 结果是
- * @localEn Abort Request Result
- */
-export const REQUEST_ABORT_RESULT = 'request__abortRequestResult';
-/**
- * @description Abort request error message
- * @localZh 中止请求 错误是
- * @localEn Abort Request Error
- */
-export const REQUEST_ABORT_ERROR = 'request__abortRequestError';
-
-/**
- * @description Request page timeout title
- * @localZh 请求超时时间
- * @localEn Request Timeout
- */
-export const PAGE_REQUEST_TIMEOUT = 'page__request__timeout';
-/**
- * @description Request page hello api title
- * @localZh AI API: Hello
- * @localEn AI API: Hello
- */
-export const PAGE_REQUEST_HELLO_TITLE = 'page__request__hello__title';
-/**
- * @description Request page hello api description
- * @localZh 函数式 api, 使用了 FetchURLPlugin, RequestCommonPlugin, ApiMockPlugin, RequestLogger 插件
- * @localEn Functional API using FetchURLPlugin, RequestCommonPlugin, ApiMockPlugin, RequestLogger plugins
- */
-export const PAGE_REQUEST_HELLO_DESCRIPTION =
-  'page__request__hello__description';
-/**
- * @description Request page hello button text
- * @localZh Hello
- * @localEn Hello
- */
-export const PAGE_REQUEST_HELLO_BUTTON = 'page__request__hello__button';
-/**
- * @description Request page ip info title
- * @localZh FeApi: IP Information
- * @localEn FeApi: IP Information
- */
-export const PAGE_REQUEST_IP_INFO_TITLE = 'page__request__ip_info__title';
-/**
- * @description Request page ip info description
- * @localZh RequestScheduler 类式 api, 使用了 FetchURLPlugin, RequestCommonPlugin, RequestLogger, ApiPickDataPlugin 插件, 其中 ApiPickDataPlugin 插件可以将返回类型统一扁平到 data 字段
- * @localEn RequestScheduler class API using FetchURLPlugin, RequestCommonPlugin, RequestLogger, ApiPickDataPlugin plugins, where ApiPickDataPlugin can flatten return types to data field
- */
-export const PAGE_REQUEST_IP_INFO_DESCRIPTION =
-  'page__request__ip_info__description';
-/**
- * @description Request page random user title
- * @localZh UserApi: Random User
- * @localEn UserApi: Random User
- */
-export const PAGE_REQUEST_RANDOM_USER_TITLE =
-  'page__request__random_user__title';
-/**
- * @description Request page random user description
- * @localZh RequestTransaction 类式 api, 使用了 FetchURLPlugin, RequestCommonPlugin, ApiMockPlugin, FetchAbortPlugin, RequestLogger, ApiCatchPlugin 插件, 其中 FetchAbortPlugin 可以中止请求, ApiCatchPlugin 可以将捕获的错误统一到 apiCatchResult 字段
- * @localEn RequestTransaction class API using FetchURLPlugin, RequestCommonPlugin, ApiMockPlugin, FetchAbortPlugin, RequestLogger, ApiCatchPlugin plugins, where FetchAbortPlugin can abort requests, ApiCatchPlugin can unify caught errors to apiCatchResult field
- */
-export const PAGE_REQUEST_RANDOM_USER_DESCRIPTION =
-  'page__request__random_user__description';
-/**
- * @description Request page api catch result title
- * @localZh UserApi: Api Catch Result
- * @localEn UserApi: Api Catch Result
- */
-export const PAGE_REQUEST_API_CATCH_TITLE = 'page__request__api_catch__title';
-/**
- * @description Request page abort request title
- * @localZh UserApi: Abort Request
- * @localEn UserApi: Abort Request
- */
-export const PAGE_REQUEST_ABORT_TITLE = 'page__request__abort__title';
-/**
- * @description Request page trigger abort request button
- * @localZh 触发中止请求
- * @localEn Trigger Abort Request
- */
-export const PAGE_REQUEST_TRIGGER_ABORT = 'page__request__trigger_abort';
-/**
- * @description Request page stop abort request button
- * @localZh 停止中止请求
- * @localEn Stop Abort Request
- */
-export const PAGE_REQUEST_STOP_ABORT = 'page__request__stop_abort';
-/**
- * @description Request page trigger api catch result button
- * @localZh 触发 API 捕获结果
- * @localEn Trigger API Catch Result
- */
-export const PAGE_REQUEST_TRIGGER_API_CATCH =
-  'page__request__trigger_api_catch';
-/**
- * @description Request page stop api catch result button
- * @localZh 停止 API 捕获结果
- * @localEn Stop API Catch Result
- */
-export const PAGE_REQUEST_STOP_API_CATCH = 'page__request__stop_api_catch';

package/dist/templates/next-app/src/base/cases/ChatAction.ts

@@ -1,21 +0,0 @@
-import { injectable } from 'inversify';
-import {
-  ChatActionInterface,
-  type MessageInterface,
-  type ChatStateInterface
-} from '@/uikit/components/chat/ChatActionInterface';
-
-class ChatState implements ChatStateInterface {
-  messages: MessageInterface[] = [];
-}
-
-@injectable()
-export class ChatAction extends ChatActionInterface<ChatStateInterface> {
-  constructor() {
-    super(() => new ChatState());
-  }
-
-  focus(): void {
-    console.log('focus');
-  }
-}

package/dist/templates/next-app/src/base/cases/FocusBarAction.ts

@@ -1,36 +0,0 @@
-import { injectable } from 'inversify';
-
-import type { FocusBarStateInterface } from '@/uikit/components/chat/FocusBarActionInterface';
-import { FocusBarActionInterface } from '@/uikit/components/chat/FocusBarActionInterface';
-import { RequestState } from './RequestState';
-
-class FocusBarState implements FocusBarStateInterface {
-  showHistoryArea = false;
-  inputValue = '';
-  sendState = new RequestState();
-}
-
-@injectable()
-export class FocusBarAction extends FocusBarActionInterface<FocusBarStateInterface> {
-  constructor() {
-    super(() => new FocusBarState());
-  }
-
-  sendMessage(_message: string): Promise<void> {
-    return new Promise((resolve) => {
-      this.emit(this.cloneState({ sendState: new RequestState(true) }));
-      setTimeout(() => {
-        this.emit(this.cloneState({ sendState: new RequestState().end() }));
-        resolve();
-      }, 1000);
-    });
-  }
-
-  setInputValue(value: string): void {
-    this.emit(this.cloneState({ inputValue: value }));
-  }
-
-  clearInput(): void {
-    this.emit(this.cloneState({ inputValue: '' }));
-  }
-}

package/dist/templates/next-app/src/base/cases/RequestState.ts

@@ -1,20 +0,0 @@
-import type { AsyncStateInterface } from '@/base/port/AsyncStateInterface';
-
-export class RequestState<T = unknown> implements AsyncStateInterface<T> {
-  startTime: number;
-  endTime: number;
-
-  constructor(
-    public loading: boolean = false,
-    public result: T | null = null,
-    public error: unknown | null = null
-  ) {
-    this.startTime = Date.now();
-    this.endTime = 0;
-  }
-
-  end(): this {
-    this.endTime = Date.now();
-    return this;
-  }
-}

package/dist/templates/next-app/src/base/port/AdminPageInterface.ts

@@ -1,85 +0,0 @@
-import { StoreInterface } from '@qlover/corekit-bridge';
-import { RequestState } from '../cases/RequestState';
-import type { PaginationInterface } from '../../server/port/PaginationInterface';
-import type { StoreStateInterface } from '@qlover/corekit-bridge';
-
-export interface AdminPageListParams {
-  page: number;
-  pageSize: number;
-}
-
-export class AdminPageState implements StoreStateInterface {
-  listParams: AdminPageListParams = {
-    page: 1,
-    pageSize: 10
-  };
-  initState = new RequestState<unknown>();
-  listState = new RequestState<PaginationInterface<unknown>>();
-}
-
-export abstract class AdminPageInterface<
-  S extends AdminPageState
-> extends StoreInterface<S> {
-  /**
-   * 初始化
-   * @returns
-   */
-  async initialize(): Promise<unknown> {
-    this.emit(
-      this.cloneState({
-        initState: new RequestState(true)
-      } as Partial<S>)
-    );
-
-    try {
-      const result = await this.fetchList(this.state.listParams);
-
-      this.emit(
-        this.cloneState({
-          initState: new RequestState(false, result).end()
-        } as Partial<S>)
-      );
-      return result;
-    } catch (error) {
-      this.emit(
-        this.cloneState({
-          initState: new RequestState(false, null, error).end()
-        } as Partial<S>)
-      );
-
-      return error;
-    }
-  }
-
-  /**
-   * 销毁
-   */
-  destroy(): void {
-    this.reset();
-  }
-
-  /**
-   * 获取列表
-   * @param params
-   * @returns
-   */
-  abstract fetchList(
-    params: Partial<AdminPageListParams>
-  ): Promise<PaginationInterface<unknown>>;
-
-  changeListState(state: RequestState<unknown>): void {
-    this.emit(
-      this.cloneState({
-        listState: state
-      } as Partial<S>)
-    );
-  }
-
-  changeListParams(params: Partial<AdminPageListParams>): void {
-    this.emit(
-      this.cloneState({
-        listParams: params
-      } as Partial<S>)
-    );
-  }
-}

package/dist/templates/next-app/src/base/port/AsyncStateInterface.ts

@@ -1,7 +0,0 @@
-export interface AsyncStateInterface<T> {
-  loading: boolean;
-  result: T | null;
-  error: unknown | null;
-  startTime: number;
-  endTime: number;
-}

package/dist/templates/next-app/src/base/services/AdminUserService.ts

@@ -1,45 +0,0 @@
-import { inject, injectable } from 'inversify';
-import type { PaginationInterface } from '@/server/port/PaginationInterface';
-import {
-  AdminPageInterface,
-  type AdminPageListParams,
-  AdminPageState
-} from '../port/AdminPageInterface';
-import { AdminUserApi } from './adminApi/AdminUserApi';
-import { RequestState } from '../cases/RequestState';
-
-@injectable()
-export class AdminUserService extends AdminPageInterface<AdminPageState> {
-  constructor(@inject(AdminUserApi) protected adminUserApi: AdminUserApi) {
-    super(() => new AdminPageState());
-  }
-
-  override async fetchList(
-    params: Partial<AdminPageListParams>
-  ): Promise<PaginationInterface<unknown>> {
-    this.changeListState(new RequestState(true));
-
-    try {
-      const response = await this.adminUserApi.getUserList(
-        Object.assign({}, this.state.listParams, params)
-      );
-
-      if (response.data.success) {
-        const paginationData = response.data
-          .data as PaginationInterface<unknown>;
-
-        this.changeListState(new RequestState(false, paginationData));
-
-        return paginationData;
-      }
-
-      this.changeListState(
-        new RequestState(false, null, response.data.message)
-      );
-    } catch (error) {
-      this.changeListState(new RequestState(false, null, error));
-    }
-
-    return this.state.listState.result!;
-  }
-}

package/dist/templates/next-app/src/uikit/components/ChatRoot.tsx

@@ -1,17 +0,0 @@
-'use client';
-
-import { ChatAction } from '@/base/cases/ChatAction';
-import { FocusBarAction } from '@/base/cases/FocusBarAction';
-import { useIOC } from '../hook/useIOC';
-import { ChatWrap } from './chat/ChatWrap';
-
-export function ChatRoot() {
-  const chatAction = useIOC(ChatAction);
-  const focusBarAction = useIOC(FocusBarAction);
-
-  return (
-    <div data-testid="ChatRoot" className="fixed bottom-0 right-0 ">
-      <ChatWrap chatAction={chatAction} focusBarAction={focusBarAction} />
-    </div>
-  );
-}

package/dist/templates/next-app/src/uikit/components/chat/ChatActionInterface.ts

@@ -1,30 +0,0 @@
-import {
-  StoreInterface,
-  type StoreStateInterface
-} from '@qlover/corekit-bridge';
-
-export const MessageType = Object.freeze({
-  USER: 'user',
-  ASSISTANT: 'assistant'
-});
-
-export type MessageTypeValue = (typeof MessageType)[keyof typeof MessageType];
-
-export interface MessageInterface {
-  id: string;
-  content: unknown;
-  role: MessageTypeValue;
-  createdAt: string;
-
-  loading?: boolean;
-}
-
-export interface ChatStateInterface extends StoreStateInterface {
-  messages: MessageInterface[];
-}
-
-export abstract class ChatActionInterface<
-  S extends ChatStateInterface
-> extends StoreInterface<S> {
-  abstract focus(): void;
-}

package/dist/templates/next-app/src/uikit/components/chat/ChatFocusBar.tsx

@@ -1,65 +0,0 @@
-import { SendOutlined } from '@ant-design/icons';
-import { Button, Input } from 'antd';
-import { useCallback, useRef } from 'react';
-import { useStore } from '../../hook/useStore';
-import type {
-  FocusBarActionInterface,
-  FocusBarStateInterface
-} from './FocusBarActionInterface';
-
-export function ChatFocusBar({
-  focusBarAction
-}: {
-  focusBarAction: FocusBarActionInterface<FocusBarStateInterface>;
-}) {
-  const inputRef = useRef<HTMLTextAreaElement>(null);
-  const { inputValue } = useStore(focusBarAction);
-  const sendState = useStore(focusBarAction, (state) => state.sendState);
-
-  const handleInputChange = useCallback(
-    (e: React.ChangeEvent<HTMLTextAreaElement>) => {
-      focusBarAction.setInputValue(e.target.value);
-    },
-    [focusBarAction]
-  );
-
-  const handleKeyDown = useCallback(
-    (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
-      if (e.key === 'Enter' && !e.shiftKey) {
-        e.preventDefault();
-        focusBarAction.sendMessage(inputValue);
-      }
-    },
-    [focusBarAction, inputValue]
-  );
-
-  const sending = sendState.loading;
-
-  return (
-    <div
-      data-testid="ChatFocusBarInput"
-      className="flex items-end gap-2 p-4 bg-elevated border-t border-c-border"
-    >
-      <Input.TextArea
-        ref={inputRef}
-        disabled={sending}
-        value={inputValue}
-        onChange={handleInputChange}
-        onKeyDown={handleKeyDown}
-        placeholder="Type your message..."
-        rows={1}
-      />
-      <Button
-        data-testid="ChatFocusBarSendButton"
-        onClick={() => {
-          focusBarAction.sendMessage(inputValue);
-        }}
-        type="primary"
-        className="flex items-center justify-center !h-10 !w-10 !rounded-full !bg-c-brand !text-white hover:!bg-c-brand-hover transition-colors"
-        icon={<SendOutlined />}
-        loading={sending}
-        disabled={sending}
-      />
-    </div>
-  );
-}

package/dist/templates/next-app/src/uikit/components/chat/ChatMessages.tsx

@@ -1,59 +0,0 @@
-import { useEffect, useRef } from 'react';
-import { MessageType } from './ChatActionInterface';
-import { useStore } from '../../hook/useStore';
-import type {
-  ChatActionInterface,
-  ChatStateInterface,
-  MessageInterface
-} from './ChatActionInterface';
-
-function MessageItem({ message }: { message: MessageInterface }) {
-  return (
-    <div
-      data-testid="MessageItem"
-      className={`flex ${
-        message.role === MessageType.USER ? 'justify-end' : 'justify-start'
-      } mb-4`}
-    >
-      <div
-        data-testid="MessageItemContent"
-        className={`max-w-[70%] rounded-lg p-3 ${
-          message.role === MessageType.USER
-            ? 'bg-blue-500 text-white'
-            : 'bg-gray-100 dark:bg-gray-700'
-        }`}
-      >
-        <p className="whitespace-pre-wrap break-words">{message.content}</p>
-        <div className="mt-1 text-xs opacity-70">
-          {new Date(message.createdAt).toLocaleTimeString()}
-        </div>
-      </div>
-    </div>
-  );
-}
-
-export function ChatMessages({
-  chatAction
-}: {
-  chatAction: ChatActionInterface<ChatStateInterface>;
-}) {
-  const messagesEndRef = useRef<HTMLDivElement>(null);
-  const { messages } = useStore(chatAction);
-
-  useEffect(() => {
-    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
-  }, [messages]);
-
-  return (
-    <div data-testid="ChatMessages" className="flex-1 overflow-y-auto p-4">
-      {messages.map((message: MessageInterface) => (
-        <MessageItem
-          data-testid="MessageItem"
-          key={message.id}
-          message={message}
-        />
-      ))}
-      <div ref={messagesEndRef} />
-    </div>
-  );
-}

package/dist/templates/next-app/src/uikit/components/chat/ChatWrap.tsx

@@ -1,28 +0,0 @@
-import { ChatFocusBar } from './ChatFocusBar';
-import { ChatMessages } from './ChatMessages';
-import type {
-  ChatActionInterface,
-  ChatStateInterface
-} from './ChatActionInterface';
-import type {
-  FocusBarActionInterface,
-  FocusBarStateInterface
-} from './FocusBarActionInterface';
-
-export function ChatWrap({
-  chatAction,
-  focusBarAction
-}: {
-  chatAction: ChatActionInterface<ChatStateInterface>;
-  focusBarAction: FocusBarActionInterface<FocusBarStateInterface>;
-}) {
-  return (
-    <div
-      data-testid="ChatWrap"
-      className="flex h-full flex-col p-2 bg-primary shadow-2xl"
-    >
-      <ChatMessages chatAction={chatAction} />
-      <ChatFocusBar focusBarAction={focusBarAction} />
-    </div>
-  );
-}

package/dist/templates/next-app/src/uikit/components/chat/FocusBarActionInterface.ts

@@ -1,19 +0,0 @@
-import {
-  StoreInterface,
-  type StoreStateInterface
-} from '@qlover/corekit-bridge';
-import type { AsyncStateInterface } from '@/base/port/AsyncStateInterface';
-
-export interface FocusBarStateInterface extends StoreStateInterface {
-  showHistoryArea: boolean;
-  inputValue: string;
-  sendState: AsyncStateInterface<unknown>;
-}
-
-export abstract class FocusBarActionInterface<
-  S extends FocusBarStateInterface
-> extends StoreInterface<S> {
-  abstract setInputValue(value: string): void;
-  abstract clearInput(): void;
-  abstract sendMessage(message: string): void | Promise<void>;
-}

package/dist/templates/next-app/src/uikit/hook/useMountedClient.ts

@@ -1,17 +0,0 @@
-import { useEffect, useState } from 'react';
-
-export const useMountedClient = () => {
-  const [mounted, setMounted] = useState(false);
-
-  useEffect(() => {
-    const timer = requestAnimationFrame(() => {
-      setMounted(true);
-    });
-
-    return () => {
-      cancelAnimationFrame(timer);
-    };
-  }, []);
-
-  return mounted;
-};

package/dist/templates/next-app/src/uikit/hook/useStore.ts

@@ -1,15 +0,0 @@
-import { useSliceStore, type SliceStore } from '@qlover/slice-store-react';
-import type {
-  StoreInterface,
-  StoreStateInterface
-} from '@qlover/corekit-bridge';
-
-export function useStore<
-  C extends StoreInterface<StoreStateInterface>,
-  State = C['state']
->(store: C, selector?: (state: C['state']) => State): State {
-  return useSliceStore(
-    store as unknown as SliceStore<StoreStateInterface>,
-    selector
-  );
-}

package/dist/templates/react-app/__tests__/__mocks__/I18nService.ts

@@ -1,13 +0,0 @@
-import { vi } from 'vitest';
-import { I18nService } from '@/base/services/I18nService';
-
-export class MockI18nService extends I18nService {
-  constructor() {
-    super('/');
-  }
-
-  t = vi.fn((key: string) => key);
-  changeLanguage = vi.fn();
-  changeLoading = vi.fn();
-  onBefore = vi.fn();
-}