@qlover/create-app 0.11.0 → 1.0.0

package/dist/templates/next-app/eslint.config.mjs

@@ -5,6 +5,7 @@ import importPlugin from 'eslint-plugin-import';
 import prettierPlugin from 'eslint-plugin-prettier';
 import unusedImports from 'eslint-plugin-unused-imports';
 import qloverEslint from '@qlover/eslint-plugin';
+import tseslint from 'typescript-eslint';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
@@ -106,7 +107,7 @@ const eslintConfig = [
     rules: {
       '@qlover-eslint/ts-class-method-return': 'error',
       '@qlover-eslint/ts-class-member-accessibility': 'error',
-      '@qlover-eslint/ts-class-override': 'error',
+      '@qlover-eslint/ts-class-override': 'off',
       '@qlover-eslint/require-root-testid': ['error', {
         exclude: ['/Provider$/']
       }],
@@ -188,6 +189,80 @@ const eslintConfig = [
       'import/no-default-export': 'error',
     }
   },
+  // TypeScript files with type checking for ts-class-override rule
+  // The ts-class-override rule requires full type information to accurately detect:
+  // - Methods that override parent class methods (via extends)
+  // - Methods that implement interface methods (via implements)
+  // Without type checking, the rule falls back to AST-based heuristics which are less accurate
+  // This separate config block enables type checking only for TypeScript files to provide
+  // accurate override detection while maintaining good performance
+  ...tseslint.configs.recommendedTypeChecked.map((config) => ({
+    ...config,
+    files: ['src/**/*.{ts,tsx}'],
+    ignores: [
+      '**/dist/**',
+      '**/build/**',
+      '**/ts-build/**',
+      '**/node_modules/**',
+      '**/.nx/**',
+      '**/.cache/**',
+      '**/coverage/**',
+      '**/*.d.ts',
+      '**/*.config.ts',
+      '**/*.test.ts',
+      '**/__mocks__/**',
+      '**/__tests__/**',
+      '**/*.spec.ts',
+      ...(config.ignores || [])
+    ],
+    languageOptions: {
+      ...config.languageOptions,
+      parserOptions: {
+        ...config.languageOptions?.parserOptions,
+        project: './tsconfig.json',
+        tsconfigRootDir: __dirname
+      }
+    },
+    plugins: {
+      ...config.plugins,
+      '@qlover-eslint': qloverEslint
+    },
+    rules: {
+      ...config.rules,
+      // Enable ts-class-override rule with full type information
+      // This rule is disabled in the base config above and only enabled here where
+      // type information is available, ensuring accurate detection of override relationships
+      '@qlover-eslint/ts-class-override': 'error',
+      // Disable other type-checked rules to avoid performance impact
+      // We only need type checking for ts-class-override, so we disable other
+      // type-aware rules that would slow down linting without providing value
+      '@typescript-eslint/ban-ts-comment': 'off',
+      '@typescript-eslint/restrict-template-expressions': 'off',
+      '@typescript-eslint/no-unsafe-assignment': 'off',
+      '@typescript-eslint/no-unnecessary-type-assertion': 'off',
+      '@typescript-eslint/no-redundant-type-constituents': 'off',
+      '@typescript-eslint/no-unsafe-return': 'off',
+      '@typescript-eslint/no-empty-object-type': 'off',
+      '@typescript-eslint/no-unsafe-call': 'off',
+      '@typescript-eslint/no-unsafe-member-access': 'off',
+      '@typescript-eslint/no-unsafe-argument': 'off',
+      '@typescript-eslint/no-unsafe-enum-comparison': 'off',
+      '@typescript-eslint/no-unsafe-literal-comparison': 'off',
+      '@typescript-eslint/no-unsafe-nullish-coalescing': 'off',
+      '@typescript-eslint/no-unsafe-optional-chaining': 'off',
+      '@typescript-eslint/unbound-method': 'off',
+      '@typescript-eslint/await-thenable': 'off',
+      '@typescript-eslint/no-floating-promises': 'off',
+      '@typescript-eslint/no-misused-promises': 'off',
+      '@typescript-eslint/require-await': 'off',
+      '@typescript-eslint/no-base-to-string': 'off',
+      '@typescript-eslint/prefer-promise-reject-errors': 'off',
+      '@typescript-eslint/no-duplicate-type-constituents': 'off',
+      // Disable @typescript-eslint/no-unused-vars as we use unused-imports/no-unused-vars instead
+      '@typescript-eslint/no-unused-vars': 'off',
+      '@typescript-eslint/only-throw-error': 'off'
+    }
+  })),
   // 为特定文件允许 default export
   {
     files: [

package/dist/templates/next-app/next.config.ts

@@ -11,9 +11,10 @@ generateLocales().catch((error) => {
 
 const nextConfig: NextConfig = {
   // reactStrictMode: false,
-  turbopack: {
-    root: __dirname // 明确指定根目录
-  },
+  // turbopack 在接下本地 file: 依赖时支持还不够好
+  // turbopack: {
+  //   root: __dirname // 明确指定根目录
+  // },
   transpilePackages: ['@qlover/corekit-bridge', '@qlover/fe-corekit'],
   env: {
     APP_ENV: process.env.APP_ENV

package/dist/templates/next-app/package.json

@@ -3,18 +3,20 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "cross-env APP_ENV=localhost next dev --turbopack --port 3100",
-    "dev:staging": "cross-env APP_ENV=staging next dev --turbopack --port 3100",
-    "dev:prod": "cross-env APP_ENV=production next dev --turbopack --port 3100",
-    "build": "cross-env APP_ENV=localhost next build --turbopack",
-    "build:staging": "cross-env APP_ENV=staging next build --turbopack",
-    "build:prod": "cross-env APP_ENV=production next build --turbopack",
+    "dev": "cross-env APP_ENV=localhost next dev --port 3100",
+    "dev:staging": "cross-env APP_ENV=staging next dev --port 3100",
+    "dev:prod": "cross-env APP_ENV=production next dev --port 3100",
+    "dev:turbo": "cross-env APP_ENV=localhost next dev --turbopack --port 3100",
+    "build": "cross-env APP_ENV=localhost next build",
+    "build:staging": "cross-env APP_ENV=staging next build",
+    "build:prod": "cross-env APP_ENV=production next build",
     "start": "next start --port 3101",
-    "lint": "tsc --noEmit && eslint ./src ./config ./make ./migrations",
-    "lint:fix": "tsc --noEmit && eslint ./src ./config ./make ./migrations --ext .ts,.tsx --fix",
+    "lint": "npm run type-check && eslint ./src ./config ./make ./migrations",
+    "lint:fix": "npm run type-check && eslint ./src ./config ./make ./migrations --ext .ts,.tsx --fix",
     "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,css,scss,md}\"",
     "format:check": "prettier --check \"**/*.{js,jsx,ts,tsx,json,css,scss,md}\"",
-    "fix": "npm run lint:fix && npm run format"
+    "fix": "npm run lint:fix && npm run format",
+    "type-check": "tsc --build --force"
   },
   "dependencies": {
     "@ant-design/icons": "^6.0.0",
@@ -24,8 +26,9 @@
     "@brain-toolkit/antd-theme-override": "^0.0.3",
     "@brain-toolkit/bridge": "^0.0.1",
     "@brain-toolkit/react-kit": "^0.1.0",
-    "@qlover/corekit-bridge": "latest",
-    "@qlover/fe-corekit": "latest",
+    "@qlover/corekit-bridge": "../../../corekit-bridge",
+    "@qlover/fe-corekit": "../../../fe-corekit",
+    "@qlover/logger": "../../../logger",
     "@qlover/slice-store-react": "^1.4.1",
     "@supabase/postgrest-js": "^2.87.1",
     "@supabase/ssr": "^0.7.0",
@@ -69,6 +72,7 @@
     "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-unused-imports": "^4.2.0",
     "prettier": "^3.6.2",
+    "typescript-eslint": "^8.15.0",
     "tailwindcss": "^4",
     "typescript": "^5"
   },

package/dist/templates/next-app/src/app/[locale]/login/LoginForm.tsx

@@ -19,7 +19,6 @@ export function LoginForm(props: { tt: LoginI18nInterface }) {
   const { tt } = props;
   const t = useWarnTranslations();
   const userService = useIOC(I.UserServiceInterface);
-  const logger = useIOC(I.Logger);
   const appConfig = useIOC(I.AppConfig);
   const routerService = useIOC(I.RouterServiceInterface);
   const [loading, setLoading] = useState(false);
@@ -29,8 +28,8 @@ export function LoginForm(props: { tt: LoginI18nInterface }) {
       setLoading(true);
       await userService.login(values);
       routerService.replaceHome();
-    } catch (error) {
-      logger.error(error);
+    } catch {
+      // do nothing
     } finally {
       setLoading(false);
     }

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

@@ -1,7 +1,7 @@
 import {
+  ExecutorContextInterface,
   ExecutorError,
-  type ExecutorContext,
-  type ExecutorPlugin
+  LifecyclePluginInterface
 } from '@qlover/fe-corekit';
 import { inject, injectable } from 'inversify';
 import { i18nKeySchema } from '@config/i18n/i18nKeyScheam';
@@ -13,7 +13,9 @@ import type { I18nServiceInterface } from '../port/I18nServiceInterface';
 import type { UIDialogInterface } from '@qlover/corekit-bridge';
 
 @injectable()
-export class DialogErrorPlugin implements ExecutorPlugin {
+export class DialogErrorPlugin
+  implements LifecyclePluginInterface<ExecutorContextInterface<unknown>>
+{
   public readonly pluginName = 'DialogErrorPlugin';
 
   constructor(
@@ -27,7 +29,7 @@ export class DialogErrorPlugin implements ExecutorPlugin {
   /**
    * @override
    */
-  public onError(context: ExecutorContext<unknown>): void | Promise<void> {
+  public onError(context: ExecutorContextInterface<unknown>): void {
     const { error, hooksRuntimes } = context;
     const runtimesError = hooksRuntimes.returnValue;
 

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

@@ -1,14 +1,13 @@
 import { clone, isObject } from 'lodash';
 import type {
-  Encryptor,
-  ExecutorContext,
-  ExecutorPlugin,
-  RequestAdapterConfig
+  ExecutorContextInterface,
+  LifecyclePluginInterface,
+  RequestAdapterConfig,
+  EncryptorInterface
 } from '@qlover/fe-corekit';
 
-export interface RequestEncryptPluginProps<
-  Request = unknown
-> extends RequestAdapterConfig<Request> {
+export interface RequestEncryptPluginProps<Request = unknown>
+  extends RequestAdapterConfig<Request> {
   /**
    * 加密密码在 HTTP 请求中
    *
@@ -19,16 +18,21 @@ export interface RequestEncryptPluginProps<
   encryptProps?: string[] | string;
 }
 
-export class RequestEncryptPlugin implements ExecutorPlugin<RequestEncryptPluginProps> {
+export class RequestEncryptPlugin
+  implements
+    LifecyclePluginInterface<
+      ExecutorContextInterface<RequestEncryptPluginProps>
+    >
+{
   public readonly pluginName = 'RequestEncryptPlugin';
 
-  constructor(protected encryptor: Encryptor<string, string>) {}
+  constructor(protected encryptor: EncryptorInterface<string, string>) {}
 
   /**
    * @override
    */
   public onBefore(
-    context: ExecutorContext<RequestEncryptPluginProps>
+    context: ExecutorContextInterface<RequestEncryptPluginProps>
   ): void | Promise<void> {
     const { responseType, encryptProps } = context.parameters;
 

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

@@ -1,10 +1,10 @@
-import { Base64Serializer, type Encryptor } from '@qlover/fe-corekit';
+import { Base64Serializer, type EncryptorInterface } from '@qlover/fe-corekit';
 import { inject, injectable } from 'inversify';
 import { I } from '@config/IOCIdentifier';
 import type { AppConfig } from './AppConfig';
 
 @injectable()
-export class StringEncryptor implements Encryptor<string, string> {
+export class StringEncryptor implements EncryptorInterface<string, string> {
   private readonly key;
 
   constructor(

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

@@ -13,10 +13,7 @@ export class I18nServiceState implements StoreStateInterface {
   public loading: boolean = false;
   constructor(public language: I18nServiceLocale) {}
 }
-export abstract class I18nServiceInterface
-  extends StoreInterface<I18nServiceState>
-  implements I18nServiceInterface
-{
+export abstract class I18nServiceInterface extends StoreInterface<I18nServiceState> {
   /**
    * @override
    */

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

@@ -5,10 +5,14 @@ import {
 } from '../port/I18nServiceInterface';
 import type { I18nServiceLocale } from '../port/I18nServiceInterface';
 import type { useTranslations } from 'next-intl';
+import { BootstrapExecutorPlugin } from '@qlover/corekit-bridge';
 
 type TranslationFunction = ReturnType<typeof useTranslations>;
 
-export class I18nService extends I18nServiceInterface {
+export class I18nService
+  extends I18nServiceInterface
+  implements BootstrapExecutorPlugin
+{
   public readonly pluginName = 'I18nService';
   protected pathname: string = '';
   protected translator: TranslationFunction | null = null;
@@ -34,7 +38,7 @@ export class I18nService extends I18nServiceInterface {
   /**
    * @override
    */
-  public async onBefore(): Promise<void> {}
+  public onBefore(): void {}
 
   public override async changeLanguage(
     language: I18nServiceLocale

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

@@ -1,16 +1,20 @@
 import {
-  FetchAbortPlugin,
+  ExecutorContextInterface,
   RequestAdapterFetch,
-  RequestTransaction
+  RequestExecutor
 } from '@qlover/fe-corekit';
-import { inject, injectable } from 'inversify';
+import { injectable } from 'inversify';
 import type { AppApiConfig } from '../appApi/AppApiRequester';
 
+export interface AdminApiRequesterContext
+  extends ExecutorContextInterface<AppApiConfig> {}
+
 @injectable()
-export class AdminApiRequester extends RequestTransaction<AppApiConfig> {
-  constructor(
-    @inject(FetchAbortPlugin) protected abortPlugin: FetchAbortPlugin
-  ) {
+export class AdminApiRequester extends RequestExecutor<
+  AppApiConfig,
+  AdminApiRequesterContext
+> {
+  constructor() {
     super(
       new RequestAdapterFetch({
         baseURL: '/api/admin',

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

@@ -8,7 +8,8 @@ import {
   type AppApiTransaction
 } from '../appApi/AppApiRequester';
 import type { ResourceInterface, ResourceQuery } from '@qlover/corekit-bridge';
-import type { RequestTransaction } from '@qlover/fe-corekit';
+import { RequestExecutor } from '@qlover/fe-corekit';
+import { AdminApiRequesterContext } from './AdminApiRequester';
 
 export type AdminLocalesListTransaction = AppApiTransaction<
   ResourceQuery,
@@ -24,17 +25,17 @@ export type AdminLocalesUpdateTransaction = AppApiTransaction<
 export class AdminLocalesApi implements ResourceInterface<LocalesSchema> {
   constructor(
     @inject(AppApiRequester)
-    protected client: RequestTransaction<AppApiConfig>
+    protected client: RequestExecutor<AppApiConfig, AdminApiRequesterContext>
   ) {}
 
   /**
    * @override
    */
   public create(data: LocalesSchema): Promise<unknown> {
-    return this.client.request<AdminLocalesListTransaction>({
+    return this.client.request({
       url: '/admin/locales/create',
       method: 'POST',
-      data: data as unknown as Record<string, unknown>
+      data: data
     });
   }
 
@@ -42,10 +43,10 @@ export class AdminLocalesApi implements ResourceInterface<LocalesSchema> {
    * @override
    */
   public remove(data: Partial<LocalesSchema>): Promise<unknown> {
-    return this.client.request<AdminLocalesListTransaction>({
+    return this.client.request({
       url: '/admin/locales',
       method: 'DELETE',
-      data: data as unknown as Record<string, unknown>
+      data
     });
   }
 
@@ -55,7 +56,7 @@ export class AdminLocalesApi implements ResourceInterface<LocalesSchema> {
   public search(
     params: ResourceQuery
   ): Promise<AdminLocalesListTransaction['response']> {
-    return this.client.request<AdminLocalesListTransaction>({
+    return this.client.request({
       url: '/admin/locales',
       method: 'GET',
       params: params as unknown as Record<string, unknown>
@@ -66,10 +67,10 @@ export class AdminLocalesApi implements ResourceInterface<LocalesSchema> {
    * @override
    */
   public export(data: LocalesSchema): Promise<unknown> {
-    return this.client.request<AdminLocalesListTransaction>({
+    return this.client.request({
       url: '/admin/locales',
       method: 'GET',
-      data: data as unknown as Record<string, unknown>
+      data
     });
   }
 
@@ -79,7 +80,7 @@ export class AdminLocalesApi implements ResourceInterface<LocalesSchema> {
   public update(
     data: Partial<LocalesSchema>
   ): Promise<AdminLocalesUpdateTransaction['response']> {
-    return this.client.request<AdminLocalesUpdateTransaction>({
+    return this.client.request({
       url: `/admin/locales/update`,
       method: 'POST',
       data

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

@@ -7,7 +7,8 @@ import {
   type AppApiTransaction
 } from '../appApi/AppApiRequester';
 import type { ResourceInterface, ResourceQuery } from '@qlover/corekit-bridge';
-import type { RequestTransaction } from '@qlover/fe-corekit';
+import { RequestExecutor } from '@qlover/fe-corekit';
+import { AdminApiRequesterContext } from './AdminApiRequester';
 
 export type AdminUserListTransaction = AppApiTransaction<
   ResourceQuery,
@@ -18,7 +19,7 @@ export type AdminUserListTransaction = AppApiTransaction<
 export class AdminUserApi implements ResourceInterface<UserSchema> {
   constructor(
     @inject(AppApiRequester)
-    protected client: RequestTransaction<AppApiConfig>
+    protected client: RequestExecutor<AppApiConfig, AdminApiRequesterContext>
   ) {}
 
   /**
@@ -27,10 +28,13 @@ export class AdminUserApi implements ResourceInterface<UserSchema> {
   public async search(
     params: AdminUserListTransaction['request']
   ): Promise<AdminUserListTransaction['response']> {
-    const response = await this.client.request<AdminUserListTransaction>({
+    const response = await this.client.request<
+      AdminUserListTransaction['response'],
+      AdminUserListTransaction['request']
+    >({
       url: '/admin/users',
       method: 'GET',
-      params: params as unknown as Record<string, unknown>
+      params
     });
 
     return response;
@@ -40,10 +44,10 @@ export class AdminUserApi implements ResourceInterface<UserSchema> {
    * @override
    */
   public create(data: UserSchema): Promise<unknown> {
-    return this.client.request<AdminUserListTransaction>({
+    return this.client.request({
       url: '/admin/users',
       method: 'POST',
-      data: data as unknown as Record<string, unknown>
+      data
     });
   }
 
@@ -51,10 +55,10 @@ export class AdminUserApi implements ResourceInterface<UserSchema> {
    * @override
    */
   public remove(data: UserSchema): Promise<unknown> {
-    return this.client.request<AdminUserListTransaction>({
+    return this.client.request({
       url: '/admin/users',
       method: 'DELETE',
-      data: data as unknown as Record<string, unknown>
+      data
     });
   }
 
@@ -62,10 +66,10 @@ export class AdminUserApi implements ResourceInterface<UserSchema> {
    * @override
    */
   public update(data: UserSchema): Promise<unknown> {
-    return this.client.request<AdminUserListTransaction>({
+    return this.client.request({
       url: '/admin/users',
       method: 'PUT',
-      data: data as unknown as Record<string, unknown>
+      data
     });
   }
 
@@ -73,10 +77,10 @@ export class AdminUserApi implements ResourceInterface<UserSchema> {
    * @override
    */
   public export(data: UserSchema): Promise<unknown> {
-    return this.client.request<AdminUserListTransaction>({
+    return this.client.request({
       url: '/admin/users',
       method: 'GET',
-      data: data as unknown as Record<string, unknown>
+      data
     });
   }
 }

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

@@ -1,14 +1,16 @@
 import {
+  ExecutorContextInterface,
   ExecutorError,
-  RequestError,
-  type ExecutorContext,
-  type ExecutorPlugin
+  isRequestAdapterResponse,
+  LifecyclePluginInterface
 } from '@qlover/fe-corekit';
 import type { AppApiErrorInterface } from '@/base/port/AppApiInterface';
 import type { AppApiConfig } from './AppApiRequester';
 import type { LoggerInterface } from '@qlover/logger';
 
-export class AppApiPlugin implements ExecutorPlugin {
+export class AppApiPlugin implements LifecyclePluginInterface<
+  ExecutorContextInterface<AppApiConfig>
+> {
   public readonly pluginName = 'AppApiPlugin';
 
   constructor(protected logger: LoggerInterface) {}
@@ -30,48 +32,46 @@ export class AppApiPlugin implements ExecutorPlugin {
   /**
    * @override
    */
-  public onSuccess(
-    context: ExecutorContext<AppApiConfig>
-  ): void | Promise<void> {
+  public onSuccess(context: ExecutorContextInterface<AppApiConfig>): void {
     const response = context.returnValue;
     const { parameters } = context;
 
+    // Important: 当响应数据失败则抛出错误
+    if (isRequestAdapterResponse(response)) {
+      if (this.isAppApiErrorInterface(response.data)) {
+        throw new ExecutorError(response.data.message || response.data.id, response);
+      }
+    }
+
     this.logger.info(
       `%c[AppApi ${parameters.method} ${parameters.url}]%c - ${new Date().toLocaleString()}`,
       'color: #0f0;',
       'color: inherit;',
       response
     );
-
-    if (this.isAppApiErrorInterface(response)) {
-      throw new Error(response.message || response.id);
-    }
   }
 
   /**
    * @override
    */
   public async onError(
-    context: ExecutorContext<AppApiConfig>
+    context: ExecutorContextInterface<AppApiConfig>
   ): Promise<ExecutorError | void> {
     const { error, parameters } = context;
 
     this.loggerError(parameters, error);
 
-    if (error instanceof RequestError && parameters.responseType === 'json') {
-      // @ts-expect-error response is not defined in Error
-      let response = error?.response;
+    if (error instanceof Error && parameters.responseType === 'json') {
+      let response = error?.cause;
 
       if (response instanceof Response) {
         // clone the response to avoid mutating the original response
         response = response.clone();
 
-        const json = await this.getResponseJson(response);
+        const json = await this.getResponseJson(response as Response);
 
         if (this.isAppApiErrorInterface(json)) {
-          const newError = new ExecutorError(json.id, json.message);
-          // context.error = newError;
-          return newError;
+          return new ExecutorError(json.id, json);
         }
       }
     }

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

@@ -1,19 +1,24 @@
-import {
-  FetchAbortPlugin,
-  RequestAdapterFetch,
-  RequestTransaction
-} from '@qlover/fe-corekit';
-import { inject, injectable } from 'inversify';
+import { LifecycleExecutor, RequestAdapterFetch, RequestExecutor } from '@qlover/fe-corekit';
+import { injectable } from 'inversify';
 import type { RequestEncryptPluginProps } from '@/base/cases/RequestEncryptPlugin';
 import type { AppApiResult } from '@/base/port/AppApiInterface';
 import type {
+  ExecutorContextInterface,
   RequestAdapterConfig,
-  RequestAdapterResponse,
-  RequestTransactionInterface
+  RequestAdapterResponse
 } from '@qlover/fe-corekit';
 
+export interface RequestTransactionInterface<Request, Response> {
+  request: Request;
+  response: Response;
+}
+
 export interface AppApiConfig<Request = unknown>
-  extends RequestAdapterConfig<Request>, RequestEncryptPluginProps<Request> {}
+  extends RequestAdapterConfig<Request>,
+    RequestEncryptPluginProps<Request> {}
+
+export interface AppApiRequesterContext
+  extends ExecutorContextInterface<AppApiConfig> {}
 
 /**
  * UserApiResponse
@@ -32,26 +37,26 @@ export type AppApiResponse<
 /**
  * UserApi common transaction
  */
-export interface AppApiTransaction<
-  Request = unknown,
-  Response = unknown
-> extends RequestTransactionInterface<
-  AppApiConfig<Request>,
-  AppApiResponse<Request, Response>
-> {
+export interface AppApiTransaction<Request = unknown, Response = unknown>
+  extends RequestTransactionInterface<
+    AppApiConfig<Request>,
+    AppApiResponse<Request, Response>
+  > {
   data: AppApiConfig<Request>['data'];
 }
 
 @injectable()
-export class AppApiRequester extends RequestTransaction<AppApiConfig> {
-  constructor(
-    @inject(FetchAbortPlugin) protected abortPlugin: FetchAbortPlugin
-  ) {
+export class AppApiRequester extends RequestExecutor<
+  AppApiConfig,
+  AppApiRequesterContext
+> {
+  constructor() {
     super(
       new RequestAdapterFetch({
         baseURL: '/api',
         responseType: 'json'
-      })
+      }),
+      new LifecycleExecutor()
     );
   }
 }