@qlover/create-app 0.11.0 → 1.0.0

package/dist/templates/react-app/src/pages/base/MessagePage.tsx

@@ -3,8 +3,10 @@ import { chatMessageI18n } from '@config/i18n/chatMessageI18n';
 import {
   ChatMessageStore,
   ChatSenderStrategy,
+  MessageSenderExecutor,
   SendFailureStrategy
 } from '@qlover/corekit-bridge';
+import { Aborter, AborterPlugin } from '@qlover/fe-corekit';
 import { useState } from 'react';
 import { logger } from '@/core/globals';
 import { ChatMessageBridge } from '@/uikit/components/chatMessage/ChatMessageBridge';
@@ -12,19 +14,48 @@ import { ChatRoot } from '@/uikit/components/chatMessage/ChatRoot';
 import { MessageApi } from '@/uikit/components/chatMessage/MessageApi';
 import { MessageBaseList } from '@/uikit/components/MessageBaseList';
 import { useI18nInterface } from '@/uikit/hooks/useI18nInterface';
+import { useIOC } from '@/uikit/hooks/useIOC';
+import type { ChatMessage, MessageSenderOptions } from '@qlover/corekit-bridge';
+import type { AborterConfig } from '@qlover/fe-corekit';
+
+// TODO: message sender getconfig type not match, need to fix
+function toAborterConfig<T>(
+  parameters: unknown | MessageSenderOptions<ChatMessage<T>>
+): any {
+  const options = parameters as MessageSenderOptions<ChatMessage<T>>;
+  return {
+    abortId: options.currentMessage.id,
+    onAborted: options.gatewayOptions?.onAborted,
+    abortTimeout: options.gatewayOptions?.timeout,
+    signal: options.gatewayOptions?.signal
+  } as AborterConfig;
+}
 
 export default function MessagePage() {
   const tt = useI18nInterface(chatMessageI18n);
   const messagesStore = useFactory(ChatMessageStore<string>);
   const messageApi = useFactory(MessageApi, messagesStore);
+  const aborter = useIOC(Aborter);
 
   const [bridge] = useState(() => {
-    return new ChatMessageBridge<string>(messagesStore, {
+    const messageBridge = new ChatMessageBridge<string>(messagesStore, {
       gateway: messageApi,
       logger: logger,
+      aborter: aborter,
       senderName: 'ChatSender',
-      gatewayOptions: { stream: true }
-    }).use(new ChatSenderStrategy(SendFailureStrategy.KEEP_FAILED, logger));
+      gatewayOptions: { stream: true },
+      executor: new MessageSenderExecutor()
+    });
+    return messageBridge
+      .use(
+        new AborterPlugin<
+          AborterConfig & MessageSenderOptions<ChatMessage<string>>
+        >({
+          aborter: aborter,
+          getConfig: toAborterConfig
+        })
+      )
+      .use(new ChatSenderStrategy(SendFailureStrategy.KEEP_FAILED, logger));
   });
 
   return (

package/dist/templates/react-app/src/uikit/bridges/ExecutorPageBridge.ts

@@ -1,9 +1,4 @@
 import { RequestState } from '@qlover/corekit-bridge';
-import {
-  ExecutorPlugin,
-  RequestAdapterResponse,
-  RequestAdapterFetchConfig
-} from '@qlover/fe-corekit';
 import { inject, injectable } from 'inversify';
 import cloneDeep from 'lodash/cloneDeep';
 import { FeApi } from '@/base/apis/feApi/FeApi';
@@ -11,12 +6,20 @@ import {
   ExecutorPageBridgeInterface,
   ExecutorPageStateInterface
 } from '@/base/port/ExecutorPageBridgeInterface';
+import type {
+  RequestAdapterResponse,
+  RequestAdapterFetchConfig,
+  LifecyclePluginInterface,
+  ExecutorContextInterface
+} from '@qlover/fe-corekit';
 
 class ExecutorPageBridgeState implements ExecutorPageStateInterface {
   public helloState = new RequestState();
 }
 
-const TestPlugin: ExecutorPlugin<RequestAdapterFetchConfig> = {
+const TestPlugin: LifecyclePluginInterface<
+  ExecutorContextInterface<RequestAdapterFetchConfig, unknown>
+> = {
   pluginName: 'test',
   async onSuccess({ parameters, returnValue }) {
     if (
@@ -38,7 +41,10 @@ export class ExecutorPageBridge extends ExecutorPageBridgeInterface {
     // FIXME: not cloneDeep, create a new instance
     this.feApi = cloneDeep(feApi);
 
-    this.feApi.usePlugin(TestPlugin);
+    this.feApi.use({
+      pluginName: 'test',
+      onSuccess: TestPlugin.onSuccess
+    });
   }
 
   public override onTestPlugins = async () => {

package/dist/templates/react-app/src/uikit/components/LogoutButton.tsx

@@ -15,6 +15,7 @@ export function LogoutButton() {
   const { t } = useAppTranslation();
   const dialogHandler = useIOC(IOCIdentifier.DialogHandler);
   const userService = useIOC(IOCIdentifier.UserServiceInterface);
+  const routeService = useIOC(IOCIdentifier.RouteServiceInterface);
   const breakpoint = useBreakpoint();
   const tTitle = t(AUTH_LOGOUT_DIALOG_TITLE);
   const tContent = t(AUTH_LOGOUT_DIALOG_CONTENT);
@@ -29,7 +30,11 @@ export function LogoutButton() {
         'data-testid': 'LogoutButton-CancelButton'
       },
       content: tContent,
-      onOk: () => userService.logout()
+      onOk: async () => {
+        await userService.logout();
+        routeService.reset();
+        routeService.gotoLogin();
+      }
     });
   }, [tTitle, tContent]);
 

package/dist/templates/react-app/src/uikit/components/MessageBaseList.tsx

@@ -3,6 +3,7 @@ import { messageBaseListI18n } from '@config/i18n/messageBaseListI18n';
 import { I } from '@config/IOCIdentifier';
 import {
   MessageSender,
+  MessageSenderExecutor,
   MessagesStore,
   MessageStatus,
   SenderStrategyPlugin,
@@ -15,7 +16,9 @@ import { useCallback, useMemo, useState } from 'react';
 import { useI18nInterface } from '../hooks/useI18nInterface';
 import { useIOC } from '../hooks/useIOC';
 import type {
+  GatewayOptions,
   MessageGetwayInterface,
+  MessageInterface,
   MessagesStateInterface,
   MessageStoreMsg
 } from '@qlover/corekit-bridge';
@@ -32,37 +35,46 @@ class MessageBaseApi implements MessageGetwayInterface {
   /**
    * @override
    */
-  public async sendMessage<M extends MessageStoreMsg<string>>(
-    message: M
-  ): Promise<unknown> {
+  public async sendMessage<M extends MessageInterface<unknown>>(
+    message: M,
+    options?: GatewayOptions<M>
+  ): Promise<unknown | M> {
     const times = random(200, 1000);
 
     await ThreadUtil.sleep(times);
 
-    const messageContent = message.content ?? '';
+    const messageContent = (message as any).content ?? '';
     if (messageContent.includes('Failed') || messageContent.includes('error')) {
-      throw new Error('Failed to send message');
+      const error = new Error('Failed to send message');
+      await options?.onError?.(error);
+      throw error;
     }
 
     if (times % 5 === 0) {
-      throw new Error(`Network error(${times})`);
+      const error = new Error(`Network error(${times})`);
+      await options?.onError?.(error);
+      throw error;
     }
 
     // Return object response to demonstrate formatting
-    return {
+    const result = {
       status: 'success',
       timestamp: new Date().toISOString(),
       delay: `${times}ms`,
-      echo: message.content,
+      echo: messageContent,
       data: {
         message: 'Message received successfully',
         processed: true,
         metadata: {
-          length: message.content?.length || 0,
+          length: messageContent?.length || 0,
           type: 'text'
         }
       }
     };
+
+    options?.onComplete?.(message);
+
+    return result;
   }
 }
 
@@ -79,7 +91,8 @@ export function MessageBaseList() {
   const [messagesSender] = useState(() =>
     new MessageSender<MessageBaseMsg>(messagesStore, {
       gateway: messageBaseApi,
-      logger
+      logger,
+      executor: new MessageSenderExecutor()
     }).use(new SenderStrategyPlugin(SendFailureStrategy.KEEP_FAILED))
   );
 
@@ -220,7 +233,9 @@ export function MessageBaseList() {
           <Input
             value={inputValue}
             onPressEnter={onSend}
-            onChange={(e) => setInputValue(e.target.value)}
+            onChange={(e) =>
+              setInputValue((e.target as HTMLInputElement).value)
+            }
             placeholder={tt.inputPlaceholder}
             size="large"
             className="flex-1"

package/dist/templates/react-app/src/uikit/components/chatMessage/ChatMessageBridge.ts

@@ -22,7 +22,7 @@ export class ChatMessageBridge<
 
   constructor(
     protected readonly messages: ChatMessageStore<T>,
-    config?: MessageSenderConfig
+    config?: MessageSenderConfig<ChatMessage<T>>
   ) {
     this.messageSender = new MessageSender(messages, config);
   }
@@ -99,10 +99,16 @@ export class ChatMessageBridge<
     return this.messages.getFirstDraftMessage();
   }
 
+  /**
+   * @override
+   */
   public setRef(ref: unknown): void {
     this.ref = ref as TextAreaRef;
   }
 
+  /**
+   * @override
+   */
   public focus(): void {
     requestAnimationFrame(() => {
       this.ref?.focus();

package/dist/templates/react-app/src/uikit/components/chatMessage/FocusBar.tsx

@@ -80,7 +80,9 @@ export function FocusBar({ bridge, tt }: FocusBarProps) {
           autoFocus
           value={inputText}
           onKeyDown={handleKeyDown}
-          onChange={(e) => bridge.onChangeContent(e.target.value)}
+          onChange={(e) =>
+            bridge.onChangeContent((e.target as HTMLTextAreaElement).value)
+          }
           placeholder={tt.inputPlaceholder}
           autoSize={{ minRows: 2, maxRows: 6 }}
           className="resize-none"

package/dist/templates/react-app/src/uikit/components/chatMessage/MessageApi.ts

@@ -8,7 +8,8 @@ import type {
   MessageStoreMsg,
   ChatMessageStore,
   MessageGetwayInterface,
-  GatewayOptions
+  GatewayOptions,
+  MessageInterface
 } from '@qlover/corekit-bridge';
 
 export class MessageApi implements MessageGetwayInterface {
@@ -24,11 +25,13 @@ export class MessageApi implements MessageGetwayInterface {
 
    * @override
       */
-  public async sendMessage<M extends MessageStoreMsg<string>>(
+  public async sendMessage<M extends MessageInterface<unknown>>(
     message: M,
     options?: GatewayOptions<M>
-  ): Promise<M> {
-    const messageContent = message.content ?? '';
+  ): Promise<unknown | M> {
+    // Type assertion: we expect MessageStoreMsg<string> in this implementation
+    const storeMessage = message as unknown as MessageStoreMsg<string>;
+    const messageContent = storeMessage.content ?? '';
 
     // Check if error simulation is needed
     if (messageContent.includes('Failed') || messageContent.includes('error')) {
@@ -40,13 +43,19 @@ export class MessageApi implements MessageGetwayInterface {
     // Determine which mode to use
     if (options?.stream === true) {
       // Streaming mode: progressive output
-      return this.sendStreamMode(message, options);
+      return this.sendStreamMode(
+        storeMessage,
+        options as GatewayOptions<MessageStoreMsg<string>>
+      ) as Promise<unknown | M>;
     } else if (options) {
       // Interruptible normal mode: one-time return, but supports stop
-      return this.sendInterruptibleMode(message, options);
+      return this.sendInterruptibleMode(
+        storeMessage,
+        options as GatewayOptions<MessageStoreMsg<string>>
+      ) as Promise<unknown | M>;
     } else {
       // Fast normal mode: non-interruptible
-      return this.sendNormalMode(message);
+      return this.sendNormalMode(storeMessage) as Promise<unknown | M>;
     }
   }
 

package/dist/templates/react-app/src/vite-env.d.ts

@@ -1 +1 @@
-// / <reference types="vite/client" />
+/// <reference types="vite/client" />

package/dist/templates/react-app/tsconfig.e2e.json

@@ -3,7 +3,7 @@
   "compilerOptions": {
     "module": "ESNext",
     "moduleResolution": "bundler",
-    "lib": ["ES2023"],
+    "lib": ["ES2023", "DOM", "DOM.Iterable"],
     "types": ["node", "@playwright/test"],
     "noEmit": true,
     "skipLibCheck": true,
@@ -11,11 +11,14 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "esModuleInterop": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
     "baseUrl": ".",
     "paths": {
+      "@/*": ["./src/*"],
       "@config/*": ["./config/*"]
     }
   },
-  "include": ["e2e/**/*.ts", "playwright.config.ts"],
+  "include": ["src", "config", "e2e/**/*.ts", "playwright.config.ts"],
   "exclude": ["node_modules", "dist"]
 }

package/dist/templates/react-app/tsconfig.json

@@ -2,7 +2,14 @@
   "files": [],
   "compilerOptions": {
     "baseUrl": ".",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
     "paths": {
+      "@/*": ["./src/*"],
       "@config/*": ["./config/*"]
     }
   },

package/dist/templates/react-app/tsconfig.node.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
     "target": "ES2022",
-    "lib": ["ES2023"],
+    "lib": ["ES2023", "DOM", "DOM.Iterable"],
     "module": "ESNext",
     "skipLibCheck": true,
 
@@ -18,7 +18,9 @@
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
+    "noUncheckedSideEffectImports": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true
   },
   "include": ["vite.config.ts", "makes"],
   "exclude": ["node_modules", "dist"]

package/dist/templates/react-app/tsconfig.test.json

@@ -2,7 +2,10 @@
   "extends": "./tsconfig.app.json",
   "compilerOptions": {
     "jsx": "react-jsx",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "types": ["vitest/globals", "vite/client"],
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
     "paths": {
       "@/*": ["./src/*"],
       "@config/*": ["./config/*"],
@@ -10,6 +13,6 @@
       "@__mocks__/*": ["./__tests__/__mocks__/*"]
     }
   },
-  "include": ["__tests__/**/*"],
+  "include": ["src", "config", "__tests__/**/*"],
   "exclude": ["node_modules", "dist"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qlover/create-app",
-  "version": "0.11.0",
+  "version": "1.0.0",
   "description": "Create a new app with a single command",
   "private": false,
   "type": "module",
@@ -33,16 +33,17 @@
     "ignore": "^7.0.3",
     "lodash": "^4.17.21",
     "ora": "^8.1.1",
-    "@qlover/logger": "0.3.3"
+    "@qlover/logger": "1.0.0"
   },
   "dependencies": {
     "commander": "^13.1.0",
     "inquirer": "^12.3.2",
-    "@qlover/scripts-context": "1.2.3"
+    "@qlover/scripts-context": "2.0.0"
   },
   "scripts": {
     "lint": "eslint src --fix",
     "build": "tsup",
+    "type-check": "tsc --noEmit",
     "create:app": "node ./dist/index.js"
   }
 }

package/dist/templates/react-app/src/base/cases/AppError.ts

@@ -1,10 +0,0 @@
-import { ExecutorError } from '@qlover/fe-corekit';
-
-export class AppError extends ExecutorError {
-  constructor(
-    public readonly id: string,
-    public readonly source?: string | Error
-  ) {
-    super(id, source);
-  }
-}

package/dist/templates/react-app/src/base/port/ProcesserExecutorInterface.ts

@@ -1,20 +0,0 @@
-import type { ExecutorPlugin } from '@qlover/fe-corekit';
-
-export interface ProcesserExecutorInterface extends ExecutorPlugin {
-  /**
-   * 使用插件
-   *
-   * @param plugin - 插件
-   */
-  use(plugin: ExecutorPlugin): this;
-
-  /**
-   * 处理函数
-   */
-  handler(): Promise<{ success: boolean }>;
-
-  /**
-   * 启动
-   */
-  starup(): Promise<unknown>;
-}

package/dist/templates/react-app/src/base/services/UserGatewayPlugin.ts

@@ -1,20 +0,0 @@
-import type { UserInfo, UserCredential } from '@/base/apis/userApi/UserApiType';
-import type { RouteServiceInterface } from '../port/RouteServiceInterface';
-import type { UserServicePluginInterface } from '@qlover/corekit-bridge';
-
-export class UserGatewayPlugin implements UserServicePluginInterface<
-  UserInfo,
-  UserCredential
-> {
-  public readonly pluginName = 'UserGatewayPlugin';
-
-  constructor(protected routerService: RouteServiceInterface) {}
-
-  /**
-   * @override
-   */
-  public onLogoutSuccess(): void {
-    this.routerService.reset();
-    this.routerService.gotoLogin();
-  }
-}