@qlover/create-app 1.1.0 → 2.0.0

package/dist/templates/react-app/__tests__/src/uikit/components/chatMessage/ChatRoot.test.tsx

@@ -1,274 +0,0 @@
-import { BootstrapTest } from '@__mocks__/BootstrapTest';
-import { TestApp } from '@__mocks__/components';
-import * as chatI18nKeys from '@config/Identifier/components/component.chatMessage';
-import { ChatMessageRole, ChatMessageStore } from '@qlover/corekit-bridge';
-import { render, screen } from '@testing-library/react';
-import { beforeAll, beforeEach, describe, expect, it, vi } from 'vitest';
-import { logger } from '@/core/globals';
-import { ChatMessageBridge } from '@/uikit/components/chatMessage/ChatMessageBridge';
-import { ChatRoot } from '@/uikit/components/chatMessage/ChatRoot';
-import type { ChatMessageI18nInterface } from '@config/i18n/chatMessageI18n';
-import type { MessageGetwayInterface } from '@qlover/corekit-bridge';
-
-// Mock i18n values matching the actual i18n keys
-const mockI18n: ChatMessageI18nInterface = {
-  send: chatI18nKeys.COMPONENT_CHAT_SEND,
-  stop: chatI18nKeys.COMPONENT_CHAT_STOP,
-  loading: chatI18nKeys.COMPONENT_CHAT_LOADING,
-  inputPlaceholder: chatI18nKeys.COMPONENT_CHAT_INPUT_PLACEHOLDER,
-  empty: chatI18nKeys.COMPONENT_CHAT_EMPTY,
-  start: chatI18nKeys.COMPONENT_CHAT_START,
-  retry: chatI18nKeys.COMPONENT_CHAT_RETRY,
-  duration: chatI18nKeys.COMPONENT_CHAT_DURATION
-};
-
-// Simple mock gateway for testing
-class MockMessageGateway implements MessageGetwayInterface {
-  public sendMessage = vi.fn();
-}
-
-describe('ChatRoot Component', () => {
-  let messagesStore: ChatMessageStore<string>;
-  let mockGateway: MockMessageGateway;
-  let bridge: ChatMessageBridge<string>;
-
-  beforeAll(async () => {
-    await BootstrapTest.main({
-      root: globalThis,
-      bootHref: 'http://localhost:3000/en/test'
-    });
-  });
-
-  beforeEach(() => {
-    // Create fresh instances for each test
-    messagesStore = new ChatMessageStore<string>();
-    mockGateway = new MockMessageGateway();
-    bridge = new ChatMessageBridge<string>(messagesStore, {
-      gateway: mockGateway,
-      logger: logger,
-      senderName: 'TestSender',
-      gatewayOptions: {}
-    });
-
-    // Reset mocks
-    vi.clearAllMocks();
-  });
-
-  describe('Component Rendering', () => {
-    it('should render ChatRoot with all required components', () => {
-      render(
-        <TestApp>
-          <ChatRoot bridge={bridge} tt={mockI18n} />
-        </TestApp>
-      );
-
-      // Check main container
-      const chatRoot = screen.getByTestId('ChatRoot');
-      expect(chatRoot).toBeDefined();
-
-      // Check MessagesList component
-      const messagesList = screen.getByTestId('MessagesList');
-      expect(messagesList).toBeDefined();
-
-      // Check FocusBar component
-      const focusBar = screen.getByTestId('FocusBar');
-      expect(focusBar).toBeDefined();
-    });
-
-    it('should display empty state initially', () => {
-      render(
-        <TestApp>
-          <ChatRoot bridge={bridge} tt={mockI18n} />
-        </TestApp>
-      );
-
-      // Empty state text should be visible
-      // Note: The actual text will be the i18n key, not the translated text in tests
-      const emptyText = screen.getByText(/component_chat:empty/i);
-      expect(emptyText).toBeDefined();
-    });
-
-    it('should render textarea for input', () => {
-      render(
-        <TestApp>
-          <ChatRoot bridge={bridge} tt={mockI18n} />
-        </TestApp>
-      );
-
-      const textarea = screen.getByRole('textbox');
-      expect(textarea).toBeDefined();
-    });
-
-    it('should render send button', () => {
-      render(
-        <TestApp>
-          <ChatRoot bridge={bridge} tt={mockI18n} />
-        </TestApp>
-      );
-
-      const sendButton = screen.getByTestId('FocusBar-Button-Send');
-      expect(sendButton).toBeDefined();
-    });
-  });
-
-  describe('Props Integration', () => {
-    it('should accept and use bridge prop', () => {
-      render(
-        <TestApp>
-          <ChatRoot bridge={bridge} tt={mockI18n} />
-        </TestApp>
-      );
-
-      // Verify bridge is connected by checking store state
-      const state = messagesStore.state;
-      expect(state).toBeDefined();
-      expect(state.messages).toEqual([]);
-      expect(state.draftMessages).toEqual([]);
-    });
-
-    it('should accept different bridge instances', () => {
-      const newStore = new ChatMessageStore<string>();
-      const newBridge = new ChatMessageBridge<string>(newStore, {
-        gateway: mockGateway,
-        logger: logger,
-        senderName: 'NewTestSender',
-        gatewayOptions: {}
-      });
-
-      render(
-        <TestApp>
-          <ChatRoot bridge={newBridge} tt={mockI18n} />
-        </TestApp>
-      );
-
-      const chatRoot = screen.getByTestId('ChatRoot');
-      expect(chatRoot).toBeDefined();
-    });
-  });
-
-  describe('Bridge Integration', () => {
-    it('should connect to message store through bridge', () => {
-      render(
-        <TestApp>
-          <ChatRoot bridge={bridge} tt={mockI18n} />
-        </TestApp>
-      );
-
-      // Bridge should have access to store
-      const messageStore = bridge.getMessageStore();
-      expect(messageStore).toBe(messagesStore);
-    });
-
-    it('should update UI when content is changed via bridge', () => {
-      render(
-        <TestApp>
-          <ChatRoot bridge={bridge} tt={mockI18n} />
-        </TestApp>
-      );
-
-      // Initially, send button should be disabled (no content)
-      const sendButton = screen.getByTestId('FocusBar-Button-Send');
-      expect(sendButton).toHaveProperty('disabled', true);
-
-      // Change content via bridge
-      bridge.onChangeContent('Test message');
-
-      // Now send button should be enabled (has content)
-      // Note: This requires the component to re-render based on store updates
-      const state = messagesStore.state;
-      expect(state.draftMessages.length).toBeGreaterThan(0);
-      expect(state.draftMessages[0]?.content).toBe('Test message');
-    });
-  });
-
-  describe('Store State Management', () => {
-    it('should reflect message store state', () => {
-      render(
-        <TestApp>
-          <ChatRoot bridge={bridge} tt={mockI18n} />
-        </TestApp>
-      );
-
-      // Initial state should be empty
-      const initialState = messagesStore.state;
-      expect(initialState.messages).toEqual([]);
-      expect(initialState.draftMessages).toEqual([]);
-      // These properties might be undefined initially, which is fine
-      expect(initialState.disabledSend).toBeFalsy();
-      expect(initialState.streaming).toBeFalsy();
-    });
-
-    it('should update when messages are added to store', () => {
-      render(
-        <TestApp>
-          <ChatRoot bridge={bridge} tt={mockI18n} />
-        </TestApp>
-      );
-
-      // Add a message to the store
-      messagesStore.addMessage({
-        id: 'test-1',
-        role: ChatMessageRole.USER,
-        content: 'Test message',
-        loading: false,
-        startTime: Date.now()
-      });
-
-      // Verify message is in store
-      const state = messagesStore.state;
-      expect(state.messages.length).toBe(1);
-      expect(state.messages[0]?.content).toBe('Test message');
-    });
-  });
-
-  describe('Button States', () => {
-    it('should have disabled send button when no content', () => {
-      render(
-        <TestApp>
-          <ChatRoot bridge={bridge} tt={mockI18n} />
-        </TestApp>
-      );
-
-      const sendButton = screen.getByTestId('FocusBar-Button-Send');
-      expect(sendButton).toHaveProperty('disabled', true);
-    });
-  });
-
-  describe('Component Structure', () => {
-    it('should have correct CSS classes for layout', () => {
-      render(
-        <TestApp>
-          <ChatRoot bridge={bridge} tt={mockI18n} />
-        </TestApp>
-      );
-
-      const chatRoot = screen.getByTestId('ChatRoot');
-      expect(chatRoot.className).toContain('flex');
-      expect(chatRoot.className).toContain('flex-col');
-    });
-
-    it('should render MessagesList with correct data-testid', () => {
-      render(
-        <TestApp>
-          <ChatRoot bridge={bridge} tt={mockI18n} />
-        </TestApp>
-      );
-
-      const messagesList = screen.getByTestId('MessagesList');
-      expect(messagesList).toBeDefined();
-      expect(messagesList.className).toContain('overflow-y-auto');
-    });
-
-    it('should render FocusBar with correct data-testid', () => {
-      render(
-        <TestApp>
-          <ChatRoot bridge={bridge} tt={mockI18n} />
-        </TestApp>
-      );
-
-      const focusBar = screen.getByTestId('FocusBar');
-      expect(focusBar).toBeDefined();
-      expect(focusBar.className).toContain('border-t');
-    });
-  });
-});

package/dist/templates/react-app/config/IOCIdentifier.ts

@@ -1,91 +0,0 @@
-import type { AppConfig } from '@/base/cases/AppConfig';
-import type { DialogHandler } from '@/base/cases/DialogHandler';
-import type { I18nKeyErrorPlugin } from '@/base/cases/I18nKeyErrorPlugin';
-import type { RequestStatusCatcher } from '@/base/cases/RequestStatusCatcher';
-import type { ExecutorPageBridgeInterface } from '@/base/port/ExecutorPageBridgeInterface';
-import type { JSONStoragePageBridgeInterface } from '@/base/port/JSONStoragePageBridgeInterface';
-import type { RequestPageBridgeInterface } from '@/base/port/RequestPageBridgeInterface';
-import type { I18nService } from '@/base/services/I18nService';
-import type { RouteService } from '@/base/services/RouteService';
-import type { UserService } from '@/base/services/UserService';
-import type * as CorekitBridge from '@qlover/corekit-bridge';
-import type * as FeCorekit from '@qlover/fe-corekit';
-import type * as Logger from '@qlover/logger';
-
-/**
- * IOC identifier
- */
-export const IOCIdentifier = Object.freeze({
-  JSONSerializer: 'JSONSerializer',
-  Logger: 'Logger',
-  AppConfig: 'AppConfig',
-  DialogHandler: 'DialogHandler',
-  LocalStorage: 'LocalStorage',
-  LocalStorageEncrypt: 'LocalStorageEncrypt',
-  CookieStorage: 'CookieStorage',
-  EnvConfigInterface: 'EnvConfigInterface',
-  UIDialogInterface: 'UIDialogInterface',
-  AntdStaticApiInterface: 'AntdStaticApiInterface',
-  RequestCatcherInterface: 'RequestCatcherInterface',
-  I18nServiceInterface: 'I18nServiceInterface',
-  RouteServiceInterface: 'RouteServiceInterface',
-  /**
-   * User service interface
-   *
-   * This interface is implemented by the corekit-bridge UserServiceInterface interface, used to manage user information and authentication.
-   *
-   * @example ```
-   * const userService = useIOC(IOCIdentifier.UserServiceInterface);
-   * ```
-   */
-  UserServiceInterface: 'UserServiceInterface',
-  I18nKeyErrorPlugin: 'I18nKeyErrorPlugin',
-  FeApiCommonPlugin: 'FeApiCommonPlugin',
-  ApiMockPlugin: 'ApiMockPlugin',
-  ApiCatchPlugin: 'ApiCatchPlugin',
-  ThemeService: 'ThemeService',
-  ExecutorPageBridgeInterface: 'ExecutorPageBridgeInterface',
-  JSONStoragePageInterface: 'JSONStoragePageInterface',
-  RequestPageBridgeInterface: 'RequestPageBridgeInterface'
-});
-
-export const I = IOCIdentifier;
-
-/**
- * IOC identifier map
- *
- * Define the implementation class corresponding to the string identifier
- *
- * - key: interface alias or name
- * - value: implementation class
- */
-export interface IOCIdentifierMap {
-  [IOCIdentifier.JSONSerializer]: FeCorekit.JSONSerializer;
-  [IOCIdentifier.Logger]: Logger.Logger;
-  [IOCIdentifier.AppConfig]: AppConfig;
-  [IOCIdentifier.DialogHandler]: DialogHandler;
-  [IOCIdentifier.LocalStorage]: FeCorekit.SyncStorage<
-    unknown,
-    FeCorekit.ObjectStorageOptions
-  >;
-  [IOCIdentifier.LocalStorageEncrypt]: FeCorekit.SyncStorage<
-    unknown,
-    FeCorekit.ObjectStorageOptions
-  >;
-  [IOCIdentifier.CookieStorage]: CorekitBridge.CookieStorage;
-  [IOCIdentifier.EnvConfigInterface]: AppConfig;
-  [IOCIdentifier.UIDialogInterface]: DialogHandler;
-  [IOCIdentifier.AntdStaticApiInterface]: DialogHandler;
-  [IOCIdentifier.RequestCatcherInterface]: RequestStatusCatcher;
-  [IOCIdentifier.I18nServiceInterface]: I18nService;
-  [IOCIdentifier.RouteServiceInterface]: RouteService;
-  [IOCIdentifier.UserServiceInterface]: UserService;
-  [IOCIdentifier.I18nKeyErrorPlugin]: I18nKeyErrorPlugin;
-  [IOCIdentifier.FeApiCommonPlugin]: FeCorekit.RequestPlugin;
-  [IOCIdentifier.ApiMockPlugin]: CorekitBridge.ApiMockPlugin;
-  [IOCIdentifier.ApiCatchPlugin]: CorekitBridge.ApiCatchPlugin;
-  [IOCIdentifier.ThemeService]: CorekitBridge.ThemeService;
-  [IOCIdentifier.ExecutorPageBridgeInterface]: ExecutorPageBridgeInterface;
-  [IOCIdentifier.JSONStoragePageInterface]: JSONStoragePageBridgeInterface;
-  [IOCIdentifier.RequestPageBridgeInterface]: RequestPageBridgeInterface;
-}

package/dist/templates/react-app/config/Identifier/common/common.error.ts

@@ -1,34 +0,0 @@
-/**
- * @description 本地未找到 user token
- * @localZh 本地未找到 user token
- * @localEn Local no user token
- */
-export const LOCAL_NO_USER_TOKEN = 'common:no.user.token';
-
-/**
- * @description 全局未找到 window
- * @localZh 全局未找到 window
- * @localEn Global no window
- */
-export const GLOBAL_NO_WINDOW = 'common:global.no.window';
-
-/**
- * @description 必须在 PageProvider 中使用
- * @localZh 必须在 PageProvider 中使用
- * @localEn Must be used in PageProvider
- */
-export const WITHIN_PAGE_PROVIDER = 'common:within.page.provider';
-
-/**
- * @description 响应内容没有 token 值
- * @localZh 响应内容没有 token 值
- * @localEn Response not token value
- */
-export const RES_NO_TOKEN = 'common:response.no.token';
-
-/**
- * @description 未找到组件
- * @localZh 未找到组件
- * @localEn Not found component
- */
-export const NOT_FOUND_COMPONENT = 'common:not.found.component';

package/dist/templates/react-app/config/Identifier/common/common.ts

@@ -1,62 +0,0 @@
-/**
- * @description Theme switcher default theme label
- * @localZh 默认主题
- * @localEn Default Theme
- */
-export const HEADER_THEME_DEFAULT = 'common:theme.default';
-
-/**
- * @description Theme switcher dark theme label
- * @localZh 暗色主题
- * @localEn Dark Theme
- */
-export const HEADER_THEME_DARK = 'common:theme.dark';
-
-/**
- * @description Theme switcher pink theme label
- * @localZh 粉色主题
- * @localEn Pink Theme
- */
-export const HEADER_THEME_PINK = 'common:theme.pink';
-
-/**
- * @description logout dialog title
- * @localZh 登出
- * @localEn Logout
- */
-export const AUTH_LOGOUT_DIALOG_TITLE = 'common:logout.dialog.title';
-
-/**
- * @description logout dialog content
- * @localZh 确定要登出吗？
- * @localEn Are you sure you want to logout?
- */
-export const AUTH_LOGOUT_DIALOG_CONTENT = 'common:logout.dialog.content';
-
-/**
- * @description 404 page title
- * @localZh 404 页面未找到
- * @localEn 404 Page Not Found
- */
-export const PAGE_404_TITLE = 'common:404.title';
-
-/**
- * @description 404 page description
- * @localZh 404 页面描述
- * @localEn 404 Page Description
- */
-export const PAGE_404_DESCRIPTION = 'common:404.description';
-
-/**
- * @description 500 page title
- * @localZh 500 页面错误
- * @localEn 500 Page Error
- */
-export const PAGE_500_TITLE = 'common:500.title';
-
-/**
- * @description 500 page description
- * @localZh 500 页面描述
- * @localEn 500 Page Description
- */
-export const PAGE_500_DESCRIPTION = 'common:500.description';

package/dist/templates/react-app/config/Identifier/common/index.ts

@@ -1,2 +0,0 @@
-export * from './common.error';
-export * from './common';

package/dist/templates/react-app/config/Identifier/components/component.chatMessage.ts

@@ -1,56 +0,0 @@
-/**
- * @description Chat send button text
- * @localZh 发送
- * @localEn Send
- */
-export const COMPONENT_CHAT_SEND = 'component_chat:send';
-
-/**
- * @description Chat stop button text
- * @localZh 停止
- * @localEn Stop
- */
-export const COMPONENT_CHAT_STOP = 'component_chat:stop';
-
-/**
- * @description Chat loading text
- * @localZh 加载中...
- * @localEn Loading...
- */
-export const COMPONENT_CHAT_LOADING = 'component_chat:loading';
-
-/**
- * @description Chat input placeholder
- * @localZh 输入消息... (Ctrl+Enter 发送)
- * @localEn Type a message... (Ctrl+Enter to send)
- */
-export const COMPONENT_CHAT_INPUT_PLACEHOLDER =
-  'component_chat:input_placeholder';
-
-/**
- * @description Chat empty messages
- * @localZh 暂无对话
- * @localEn No messages yet
- */
-export const COMPONENT_CHAT_EMPTY = 'component_chat:empty';
-
-/**
- * @description Chat start conversation
- * @localZh 开始对话
- * @localEn Start a conversation
- */
-export const COMPONENT_CHAT_START = 'component_chat:start';
-
-/**
- * @description Chat retry button
- * @localZh 重试
- * @localEn Retry
- */
-export const COMPONENT_CHAT_RETRY = 'component_chat:retry';
-
-/**
- * @description Chat duration label
- * @localZh 耗时
- * @localEn Duration
- */
-export const COMPONENT_CHAT_DURATION = 'component_chat:duration';

package/dist/templates/react-app/config/Identifier/components/component.messageBaseList.ts

@@ -1,103 +0,0 @@
-/**
- * @description Message gateway test title
- * @localZh 消息网关测试
- * @localEn Message Gateway Test
- */
-export const COMPONENT_MESSAGE_BASE_LIST_TITLE =
-  'component_message_base_list:title';
-
-/**
- * @description Message gateway test description
- * @localZh 发送消息并等待网关响应
- * @localEn Send messages and wait for gateway response
- */
-export const COMPONENT_MESSAGE_BASE_LIST_DESCRIPTION =
-  'component_message_base_list:description';
-
-/**
- * @description No messages yet
- * @localZh 暂无消息
- * @localEn No messages yet
- */
-export const COMPONENT_MESSAGE_BASE_LIST_NO_MESSAGES =
-  'component_message_base_list:no_messages';
-
-/**
- * @description Send your first message to get started
- * @localZh 发送第一条消息开始使用
- * @localEn Send your first message to get started
- */
-export const COMPONENT_MESSAGE_BASE_LIST_GET_STARTED =
-  'component_message_base_list:get_started';
-
-/**
- * @description User label
- * @localZh 你
- * @localEn You
- */
-export const COMPONENT_MESSAGE_BASE_LIST_USER =
-  'component_message_base_list:user';
-
-/**
- * @description Gateway label
- * @localZh 网关
- * @localEn Gateway
- */
-export const COMPONENT_MESSAGE_BASE_LIST_GATEWAY =
-  'component_message_base_list:gateway';
-
-/**
- * @description Processing status
- * @localZh 处理中...
- * @localEn Processing...
- */
-export const COMPONENT_MESSAGE_BASE_LIST_PROCESSING =
-  'component_message_base_list:processing';
-
-/**
- * @description Gateway failed label
- * @localZh 网关（失败）
- * @localEn Gateway (Failed)
- */
-export const COMPONENT_MESSAGE_BASE_LIST_GATEWAY_FAILED =
-  'component_message_base_list:gateway_failed';
-
-/**
- * @description Failed to send message
- * @localZh 发送消息失败
- * @localEn Failed to send message
- */
-export const COMPONENT_MESSAGE_BASE_LIST_SEND_FAILED =
-  'component_message_base_list:send_failed';
-
-/**
- * @description Gateway response label
- * @localZh 网关响应
- * @localEn Gateway Response
- */
-export const COMPONENT_MESSAGE_BASE_LIST_GATEWAY_RESPONSE =
-  'component_message_base_list:gateway_response';
-
-/**
- * @description Input placeholder
- * @localZh 在此输入您的消息...
- * @localEn Type your message here...
- */
-export const COMPONENT_MESSAGE_BASE_LIST_INPUT_PLACEHOLDER =
-  'component_message_base_list:input_placeholder';
-
-/**
- * @description Send button
- * @localZh 发送
- * @localEn Send
- */
-export const COMPONENT_MESSAGE_BASE_LIST_SEND_BUTTON =
-  'component_message_base_list:send_button';
-
-/**
- * @description Error handling tip
- * @localZh 提示：尝试发送 "error" 或 "Failed" 来测试错误处理
- * @localEn Tip: Try sending "error" or "Failed" to test error handling
- */
-export const COMPONENT_MESSAGE_BASE_LIST_ERROR_TIP =
-  'component_message_base_list:error_tip';

package/dist/templates/react-app/config/Identifier/index.ts

@@ -1,2 +0,0 @@
-export * from './common';
-export * from './pages';

package/dist/templates/react-app/config/Identifier/pages/index.ts

@@ -1,9 +0,0 @@
-export * from './page.about';
-export * from './page.executor';
-export * from './page.home';
-export * from './page.identifiter';
-export * from './page.jsonStorage';
-export * from './page.login';
-export * from './page.message';
-export * from './page.register';
-export * from './page.request';