@qlover/create-app 0.7.7 → 0.7.9

package/dist/templates/next-app/src/core/bootstraps/BootstrapServer.ts

@@ -0,0 +1,78 @@
+import {
+  type BootstrapContextValue,
+  type BootstrapExecutorPlugin,
+  type IOCContainerInterface,
+  type IOCFunctionInterface,
+  type LoggerInterface
+} from '@qlover/corekit-bridge';
+import { AsyncExecutor, type ExecutorPlugin } from '@qlover/fe-corekit';
+import { I, type IOCIdentifierMapServer } from '@config/IOCIdentifier';
+import type { ServerInterface } from '@/base/port/ServerInterface';
+import { ServerIOC } from '../serverIoc/ServerIOC';
+
+export interface BootstrapServerResult {
+  locale: string;
+  messages: Record<string, string>;
+}
+
+export interface BootstrapServerContextValue extends BootstrapContextValue {
+  locale: string;
+  messages: Record<string, string>;
+}
+
+export class BootstrapServer implements ServerInterface {
+  protected executor: AsyncExecutor;
+  protected root: Record<string, unknown> = {};
+  protected IOC: IOCFunctionInterface<
+    IOCIdentifierMapServer,
+    IOCContainerInterface
+  >;
+  readonly logger: LoggerInterface;
+
+  constructor() {
+    const serverIOC = ServerIOC.create();
+    const ioc = serverIOC.create();
+    const logger = ioc(I.Logger);
+
+    this.executor = new AsyncExecutor();
+    this.IOC = ioc;
+    this.logger = logger;
+  }
+
+  getIOC(): IOCFunctionInterface<IOCIdentifierMapServer, IOCContainerInterface>;
+  getIOC<T extends keyof IOCIdentifierMapServer>(
+    identifier: T
+  ): IOCIdentifierMapServer[T];
+  getIOC(
+    identifier?: keyof IOCIdentifierMapServer
+  ):
+    | IOCFunctionInterface<IOCIdentifierMapServer, IOCContainerInterface>
+    | IOCIdentifierMapServer[keyof IOCIdentifierMapServer] {
+    if (identifier === undefined) {
+      return this.IOC;
+    }
+    return this.IOC(identifier);
+  }
+
+  /**
+   * @override
+   */
+  use(
+    plugin:
+      | BootstrapExecutorPlugin
+      | BootstrapExecutorPlugin[]
+      | ((
+          ioc: IOCFunctionInterface<
+            IOCIdentifierMapServer,
+            IOCContainerInterface
+          >
+        ) => BootstrapExecutorPlugin)
+  ): this {
+    if (typeof plugin === 'function') {
+      plugin = plugin(this.IOC);
+    }
+
+    this.executor.use(plugin as ExecutorPlugin<unknown>);
+    return this;
+  }
+}

package/dist/templates/next-app/src/core/clientIoc/ClientIOC.ts

@@ -0,0 +1,37 @@
+import {
+  createIOCFunction,
+  type IOCContainerInterface,
+  type IOCFunctionInterface
+} from '@qlover/corekit-bridge';
+import { InversifyContainer } from '@/base/cases/InversifyContainer';
+import type { IOCInterface } from '@/base/port/IOCInterface';
+import { ClientIOCRegister } from './ClientIOCRegister';
+import { appConfig } from '../globals';
+import type { IOCIdentifierMap } from '@config/IOCIdentifier';
+
+export class ClientIOC
+  implements IOCInterface<IOCIdentifierMap, IOCContainerInterface>
+{
+  protected ioc: IOCFunctionInterface<
+    IOCIdentifierMap,
+    IOCContainerInterface
+  > | null = null;
+
+  create(): IOCFunctionInterface<IOCIdentifierMap, IOCContainerInterface> {
+    if (this.ioc) {
+      return this.ioc;
+    }
+
+    this.ioc = createIOCFunction<IOCIdentifierMap>(new InversifyContainer());
+
+    const register = new ClientIOCRegister({
+      appConfig: appConfig
+    });
+
+    register.register(this.ioc.implemention!, this.ioc);
+
+    return this.ioc;
+  }
+}
+
+export const clientIOC = new ClientIOC();

package/dist/templates/next-app/src/core/{IocRegisterImpl.ts → clientIoc/ClientIOCRegister.ts}

@@ -1,10 +1,18 @@
 import { IOCIdentifier as I } from '@config/IOCIdentifier';
+import { RouterService } from '@/base/cases/RouterService';
+import type { IocRegisterOptions } from '@/base/port/IOCInterface';
 import { I18nService } from '@/base/services/I18nService';
-import { logger, JSON } from './globals';
-import type { IOCContainer, IOCRegister, IocRegisterOptions } from './IOC';
-import type { IOCManagerInterface } from '@qlover/corekit-bridge';
+import { UserService } from '@/base/services/UserService';
+import { dialogHandler, logger, JSON } from '../globals';
+import type {
+  IOCContainerInterface,
+  IOCManagerInterface,
+  IOCRegisterInterface
+} from '@qlover/corekit-bridge';
 
-export class IocRegisterImpl implements IOCRegister {
+export class ClientIOCRegister
+  implements IOCRegisterInterface<IOCContainerInterface, IocRegisterOptions>
+{
   constructor(protected options: IocRegisterOptions) {}
 
   /**
@@ -14,13 +22,13 @@ export class IocRegisterImpl implements IOCRegister {
    *
    * @param ioc - IOC container
    */
-  protected registerGlobals(ioc: IOCContainer): void {
+  protected registerGlobals(ioc: IOCContainerInterface): void {
     const { appConfig } = this.options;
     ioc.bind(I.JSONSerializer, JSON);
     ioc.bind(I.Logger, logger);
     ioc.bind(I.AppConfig, appConfig);
     // ioc.bind(I.EnvConfigInterface, appConfig);
-    // ioc.bind(I.DialogHandler, dialogHandler);
+    ioc.bind(I.DialogHandler, dialogHandler);
     // ioc.bind(I.UIDialogInterface, dialogHandler);
     // ioc.bind(I.AntdStaticApiInterface, dialogHandler);
     // ioc.bind(I.LocalStorage, globals.localStorage);
@@ -38,20 +46,9 @@ export class IocRegisterImpl implements IOCRegister {
    *
    * @param ioc
    */
-  protected registerImplement(ioc: IOCContainer): void {
+  protected registerImplement(ioc: IOCContainerInterface): void {
     ioc.bind(I.I18nServiceInterface, new I18nService());
-    // ioc.bind(
-    //   I.RouteServiceInterface,
-    //   new RouteService(
-    //     ioc.get(NavigateBridge),
-    //     ioc.get(I.I18nServiceInterface),
-    //     {
-    //       routes: useLocaleRoutes ? baseRoutes : baseNoLocaleRoutes,
-    //       logger: ioc.get(I.Logger),
-    //       hasLocalRoutes: useLocaleRoutes
-    //     }
-    //   )
-    // );
+    ioc.bind(I.RouterServiceInterface, ioc.get(RouterService));
     // ioc.bind(
     //   I.ThemeService,
     //   new ThemeService({
@@ -61,14 +58,14 @@ export class IocRegisterImpl implements IOCRegister {
     // );
     // ioc.bind(I.I18nKeyErrorPlugin, ioc.get(I18nKeyErrorPlugin));
     // ioc.bind(I.ProcesserExecutorInterface, ioc.get(ProcesserExecutor));
-    // ioc.bind(I.UserServiceInterface, ioc.get(UserService));
+    ioc.bind(I.UserServiceInterface, ioc.get(UserService));
     // ioc.bind(I.RequestCatcherInterface, ioc.get(RequestStatusCatcher));
     // ioc.bind(I.ExecutorPageBridgeInterface, ioc.get(ExecutorPageBridge));
     // ioc.bind(I.JSONStoragePageInterface, ioc.get(JSONStoragePageBridge));
     // ioc.bind(I.RequestPageBridgeInterface, ioc.get(RequestPageBridge));
   }
 
-  protected registerCommon(_ioc: IOCContainer): void {
+  protected registerCommon(_ioc: IOCContainerInterface): void {
     // const { appConfig } = this.options;
     // const logger = ioc.get(I.Logger);
     // const feApiRequestCommonPlugin = new RequestCommonPlugin({
@@ -90,8 +87,8 @@ export class IocRegisterImpl implements IOCRegister {
    * @override
    */
   register(
-    ioc: IOCContainer,
-    _manager: IOCManagerInterface<IOCContainer>
+    ioc: IOCContainerInterface,
+    _manager: IOCManagerInterface<IOCContainerInterface>
   ): void {
     this.registerGlobals(ioc);
     this.registerCommon(ioc);

package/dist/templates/next-app/src/core/globals.ts

@@ -3,9 +3,12 @@ import { ColorFormatter, ConsoleHandler, Logger } from '@qlover/corekit-bridge';
 import { JSONSerializer } from '@qlover/fe-corekit';
 import { loggerStyles } from '@config/common';
 import { AppConfig } from '@/base/cases/AppConfig';
+import { DialogHandler } from '@/base/cases/DialogHandler';
 
 export const appConfig = new AppConfig();
 
+export const dialogHandler = new DialogHandler();
+
 /**
  * Global logger
  */

package/dist/templates/next-app/src/core/serverIoc/ServerIOC.ts

@@ -0,0 +1,52 @@
+import {
+  createIOCFunction,
+  type IOCContainerInterface,
+  type IOCFunctionInterface
+} from '@qlover/corekit-bridge';
+import { AppConfig } from '@/base/cases/AppConfig';
+import { InversifyContainer } from '@/base/cases/InversifyContainer';
+import type { IOCInterface } from '@/base/port/IOCInterface';
+import { ServerIOCRegister } from './ServerIOCRegister';
+import type { IOCIdentifierMapServer } from '@config/IOCIdentifier';
+
+export class ServerIOC
+  implements IOCInterface<IOCIdentifierMapServer, IOCContainerInterface>
+{
+  static instance: ServerIOC | null = null;
+
+  protected ioc: IOCFunctionInterface<
+    IOCIdentifierMapServer,
+    IOCContainerInterface
+  > | null = null;
+
+  static create(): ServerIOC {
+    if (this.instance) {
+      return this.instance;
+    }
+
+    this.instance = new ServerIOC();
+
+    return this.instance;
+  }
+
+  create(): IOCFunctionInterface<
+    IOCIdentifierMapServer,
+    IOCContainerInterface
+  > {
+    if (this.ioc) {
+      return this.ioc;
+    }
+
+    this.ioc = createIOCFunction<IOCIdentifierMapServer>(
+      new InversifyContainer()
+    );
+
+    const register = new ServerIOCRegister({
+      appConfig: new AppConfig()
+    });
+
+    register.register(this.ioc.implemention!, this.ioc);
+
+    return this.ioc;
+  }
+}

package/dist/templates/next-app/src/core/serverIoc/ServerIOCRegister.ts

@@ -0,0 +1,63 @@
+import {
+  ConsoleHandler,
+  Logger,
+  TimestampFormatter,
+  type IOCContainerInterface,
+  type IOCManagerInterface,
+  type IOCRegisterInterface
+} from '@qlover/corekit-bridge';
+import { IOCIdentifier as I } from '@config/IOCIdentifier';
+import type { IocRegisterOptions } from '@/base/port/IOCInterface';
+
+export class ServerIOCRegister
+  implements IOCRegisterInterface<IOCContainerInterface, IocRegisterOptions>
+{
+  constructor(protected options: IocRegisterOptions) {}
+
+  /**
+   * Register globals
+   *
+   * 一般用于注册全局
+   *
+   * @param ioc - IOC container
+   */
+  protected registerGlobals(ioc: IOCContainerInterface): void {
+    const { appConfig } = this.options;
+    ioc.bind(I.AppConfig, appConfig);
+    ioc.bind(
+      I.Logger,
+      new Logger({
+        handlers: new ConsoleHandler(
+          new TimestampFormatter({
+            localeOptions: {
+              year: '2-digit',
+              month: '2-digit',
+              day: '2-digit',
+              hour: '2-digit',
+              minute: '2-digit',
+              second: '2-digit'
+            }
+          })
+        ),
+        silent: false,
+        level: appConfig.env === 'development' ? 'debug' : 'info'
+      })
+    );
+  }
+
+  protected registerImplement(_ioc: IOCContainerInterface): void {}
+
+  protected registerCommon(_ioc: IOCContainerInterface): void {}
+
+  /**
+   * @override
+   */
+  register(
+    ioc: IOCContainerInterface,
+    _manager: IOCManagerInterface<IOCContainerInterface>
+  ): void {
+    this.registerGlobals(ioc);
+    this.registerCommon(ioc);
+    this.registerImplement(ioc);
+  }
+}

package/dist/templates/next-app/src/i18n/request.ts

@@ -16,7 +16,6 @@ export default getRequestConfig(async ({ requestLocale }) => {
   // Dynamically import the translation messages for the selected locale
   return {
     locale,
-    messages: (await import(`../../public/locales/${locale}/common.json`))
-      .default
+    messages: (await import(`../../public/locales/${locale}.json`)).default
   };
 });

package/dist/templates/next-app/src/i18n/routing.ts

@@ -19,9 +19,9 @@ export const routing = defineRouting({
       en: '/',
       zh: '/'
     },
-    '/about': {
-      en: '/about',
-      zh: '/about'
+    '/login': {
+      en: '/login',
+      zh: '/login'
     }
   }
 });

package/dist/templates/next-app/src/middleware.ts

@@ -15,8 +15,11 @@ export const config = {
   matcher: [
     '/', // Match the root path explicitly
 
-    // Match all paths except for API routes, Next.js internals, static assets, favicon, and sitemap.xml
-    // This prevents middleware from rewriting or interfering with these special paths
-    '/((?!api|_next/static|_next/image|icon|favicon.ico|sitemap.xml|sitemap-0.xml).*)'
+    // Match all paths except for:
+    // - API routes
+    // - Next.js internals (_next/*)
+    // - Static files (*.svg, *.png, *.jpg, *.jpeg, *.gif, *.ico)
+    // - Other static assets and special files
+    '/((?!api|_next|.*\\.(?:svg|png|jpg|jpeg|gif|ico)|favicon.ico|sitemap.xml|sitemap-0.xml).*)'
   ]
 };

package/dist/templates/next-app/src/styles/css/antd-themes/_default.css

@@ -236,4 +236,16 @@ html,
     --fe-message-info-color: var(--fe-color-primary);
     --fe-message-loading-color: var(--fe-color-primary);
   }
+
+  .ant-dropdown-css-var {
+    /* Control Variables - Default Theme */
+    --fe-control-outline-width: 2px;
+    --fe-control-interactive-size: 16px;
+    --fe-control-item-bg-hover: rgba(0, 0, 0, 0.04);
+    --fe-control-item-bg-active: #e6f4ff;
+    --fe-control-item-bg-active-hover: #bae0ff;
+    --fe-control-item-bg-active-disabled: rgba(0, 0, 0, 0.15);
+    --fe-control-tmp-outline: rgba(0, 0, 0, 0.02);
+    --fe-control-outline: rgba(96, 165, 250, 0.1); /* blue-400 with 0.1 opacity */
+  }
 }

package/dist/templates/next-app/src/styles/css/antd-themes/dark.css

@@ -175,4 +175,30 @@
       0.85
     ); /* 确保文字在深色背景上清晰可见 */
   }
+  .ant-dropdown-css-var {
+    /* Control Variables - Dark Theme */
+    --fe-control-outline-width: 2px;
+    --fe-control-interactive-size: 16px;
+    --fe-control-item-bg-hover: rgba(255, 255, 255, 0.08);
+    --fe-control-item-bg-active: rgba(
+      96,
+      165,
+      250,
+      0.2
+    ); /* blue-400 with 0.2 opacity */
+    --fe-control-item-bg-active-hover: rgba(
+      96,
+      165,
+      250,
+      0.3
+    ); /* blue-400 with 0.3 opacity */
+    --fe-control-item-bg-active-disabled: rgba(255, 255, 255, 0.15);
+    --fe-control-tmp-outline: rgba(255, 255, 255, 0.02);
+    --fe-control-outline: rgba(
+      96,
+      165,
+      250,
+      0.1
+    ); /* blue-400 with 0.1 opacity */
+  }
 }

package/dist/templates/next-app/src/styles/css/antd-themes/pink.css

@@ -201,4 +201,20 @@
       0 9px 28px 8px rgba(244, 114, 182, 0.05);
     --fe-modal-mask-bg: rgba(244, 114, 182, 0.45);
   }
+  .ant-dropdown-css-var {
+    /* Control Variables - Pink Theme */
+    --fe-control-outline-width: 2px;
+    --fe-control-interactive-size: 16px;
+    --fe-control-item-bg-hover: rgba(0, 0, 0, 0.04);
+    --fe-control-item-bg-active: #fce7f3; /* pink-100 */
+    --fe-control-item-bg-active-hover: #fbcfe8; /* pink-200 */
+    --fe-control-item-bg-active-disabled: rgba(0, 0, 0, 0.15);
+    --fe-control-tmp-outline: rgba(0, 0, 0, 0.02);
+    --fe-control-outline: rgba(
+      244,
+      114,
+      182,
+      0.1
+    ); /* pink-400 with 0.1 opacity */
+  }
 }

package/dist/templates/next-app/src/styles/css/page.css

@@ -11,9 +11,10 @@
   --color-secondary: rgba(var(--color-bg-secondary));
   --color-elevated: rgba(var(--color-bg-elevated));
   --color-text: rgba(var(--text-primary));
+  --color-text-hover: rgba(var(--text-primary-hover));
   --color-text-secondary: rgba(var(--text-secondary));
   --color-text-tertiary: rgba(var(--text-tertiary));
-  --color-border: rgba(var(--color-border));
-  --color-brand: rgba(var(--color-brand));
-  --color-brand-hover: rgba(var(--color-brand-hover));
+  --color-c-border: rgba(var(--color-border));
+  --color-c-brand: rgba(var(--color-brand));
+  --color-c-brand-hover: rgba(var(--color-brand-hover));
 }

package/dist/templates/next-app/src/styles/css/themes/_default.css

@@ -8,6 +8,7 @@
 
     /* 文字颜色 */
     --text-primary: 15 23 42; /* slate-900 */
+    --text-primary-hover: 100 116 139; /* slate-500 */
     --text-secondary: 71 85 105; /* slate-600 */
     --text-tertiary: 100 116 139; /* slate-500 */
 

package/dist/templates/next-app/src/styles/css/themes/dark.css

@@ -8,6 +8,7 @@
 
     /* 文字颜色 */
     --text-primary: 255 255 255;
+    --text-primary-hover: 148 163 184; /* slate-400 */
     --text-secondary: 148 163 184; /* slate-400 */
     --text-tertiary: 100 116 139; /* slate-500 */
 

package/dist/templates/next-app/src/styles/css/themes/pink.css

@@ -8,6 +8,7 @@
 
     /* 文字颜色 */
     --text-primary: 190 18 60; /* rose-700 */
+    --text-primary-hover: 244 63 94; /* rose-500 */
     --text-secondary: 225 29 72; /* rose-600 */
     --text-tertiary: 244 63 94; /* rose-500 */
 

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

@@ -1,16 +1,21 @@
 'use client';
 
 import Link from 'next/link';
-import { AppConfig } from '@/base/cases/AppConfig';
-import { IOC } from '@/core/IOC';
+import { IOCIdentifier } from '@config/IOCIdentifier';
+import { useIOC } from '@/uikit/hook/useIOC';
 import { LanguageSwitcher } from './LanguageSwitcher';
+import { LogoutButton } from './LogoutButton';
 import { ThemeSwitcher } from './ThemeSwitcher';
 
-export function BaseHeader() {
+export function BaseHeader(props: { showLogoutButton?: boolean }) {
+  const { showLogoutButton } = props;
+  const appConfig = useIOC(IOCIdentifier.AppConfig);
+  const i18nService = useIOC(IOCIdentifier.I18nServiceInterface);
+
   return (
     <header
-      data-testid="base-header"
-      className="h-14 bg-secondary border-b border-border sticky top-0 z-50"
+      data-testid="BaseHeader"
+      className="h-14 bg-secondary border-b border-c-border sticky top-0 z-50"
     >
       <div className="flex items-center justify-between h-full px-4 mx-auto max-w-7xl">
         <div className="flex items-center">
@@ -18,23 +23,18 @@ export function BaseHeader() {
             href="/"
             className="flex items-center hover:opacity-80 transition-opacity"
           >
-            {/* <img
-              data-testid="base-header-logo"
-              src={IOC(PublicAssetsPath).getPath('/logo.svg')}
-              alt="logo"
-              className="h-8 w-auto"
-            /> */}
             <span
               data-testid="base-header-app-name"
               className="ml-2 text-lg font-semibold text-text"
             >
-              {IOC(AppConfig).appName}
+              {appConfig.appName}
             </span>
           </Link>
         </div>
-        <div className="flex items-center gap-4">
-          <LanguageSwitcher />
+        <div className="flex items-center gap-2">
+          <LanguageSwitcher i18nService={i18nService} />
           <ThemeSwitcher />
+          {showLogoutButton && <LogoutButton />}
         </div>
       </div>
     </header>

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

@@ -0,0 +1,27 @@
+import { BaseHeader } from './BaseHeader';
+import type { HTMLAttributes } from 'react';
+
+export interface BaseLayoutProps extends HTMLAttributes<HTMLDivElement> {
+  showLogoutButton?: boolean;
+  mainProps?: HTMLAttributes<HTMLElement>;
+}
+
+export function BaseLayout({
+  children,
+  showLogoutButton,
+  mainProps,
+  ...props
+}: BaseLayoutProps) {
+  return (
+    <div
+      data-testid="BaseLayout"
+      className="flex flex-col min-h-screen"
+      {...props}
+    >
+      <BaseHeader showLogoutButton={showLogoutButton} />
+      <main className="flex flex-1 flex-col bg-primary" {...mainProps}>
+        {children}
+      </main>
+    </div>
+  );
+}

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

@@ -1,11 +1,23 @@
 'use client';
 import '@ant-design/v5-patch-for-react-19';
+import { useRouter } from 'next/navigation';
+import { useLocale } from 'next-intl';
 import { useEffect } from 'react';
+import { I } from '@config/IOCIdentifier';
+import { NavigateBridge } from '@/base/cases/NavigateBridge';
 import { BootstrapClient } from '@/core/bootstraps/BootstrapClient';
+import { clientIOC } from '@/core/clientIoc/ClientIOC';
 import { IOCContext } from '../context/IOCContext';
 
 export function BootstrapsProvider(props: { children: React.ReactNode }) {
-  const IOC = BootstrapClient.createSingletonIOC();
+  const IOC = clientIOC.create();
+  const locale = useLocale();
+  const router = useRouter();
+
+  useEffect(() => {
+    IOC(I.RouterServiceInterface).setLocale(locale);
+    IOC(NavigateBridge).setUIBridge(router);
+  }, [locale, router, IOC]);
 
   useEffect(() => {
     if (typeof window !== 'undefined') {

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

@@ -3,6 +3,8 @@ import '@ant-design/v5-patch-for-react-19';
 import { AntdRegistry } from '@ant-design/nextjs-registry';
 import { AntdThemeProvider } from '@brain-toolkit/antd-theme-override/react';
 import { ThemeProvider } from 'next-themes';
+import { IOCIdentifier } from '@config/IOCIdentifier';
+import { clientIOC } from '@/core/clientIoc/ClientIOC';
 import { BootstrapsProvider } from './BootstrapsProvider';
 import type { CommonThemeConfig } from '@config/theme';
 
@@ -23,10 +25,13 @@ export function ComboProvider(props: {
 }) {
   const { themeConfig, children } = props;
 
+  const IOC = clientIOC.create();
+
   return (
     <AntdThemeProvider
       data-testid="ComboProvider"
       theme={themeConfig.antdTheme}
+      staticApi={IOC(IOCIdentifier.DialogHandler)}
     >
       <ThemeProvider
         themes={themeConfig.supportedThemes as unknown as string[]}