@qlover/create-app 0.7.7 → 0.7.8

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[]}

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

@@ -0,0 +1,34 @@
+import { Button } from 'antd';
+import { useCallback } from 'react';
+import {
+  AUTH_LOGOUT_DIALOG_CONTENT,
+  AUTH_LOGOUT_DIALOG_TITLE
+} from '@config/Identifier';
+import { IOCIdentifier } from '@config/IOCIdentifier';
+import { useI18nInterface } from '../hook/useI18nInterface';
+import { useIOC } from '../hook/useIOC';
+import type { PageI18nInterface } from '@config/i18n';
+
+export function LogoutButton() {
+  const IOC = useIOC();
+  const tt = useI18nInterface({
+    title: AUTH_LOGOUT_DIALOG_TITLE,
+    content: AUTH_LOGOUT_DIALOG_CONTENT
+  } as PageI18nInterface);
+
+  const onClick = useCallback(() => {
+    IOC(IOCIdentifier.DialogHandler).confirm({
+      title: tt.title,
+      content: tt.content,
+      onOk: () => {
+        IOC(IOCIdentifier.UserServiceInterface).logout();
+      }
+    });
+  }, [tt, IOC]);
+
+  return (
+    <Button data-testid="LogoutButton" danger onClick={onClick}>
+      {tt.title}
+    </Button>
+  );
+}

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

@@ -45,6 +45,21 @@ export function ThemeSwitcher() {
   const { theme, resolvedTheme, setTheme } = useTheme();
   const mounted = useMountedClient();
 
+  // 如果组件未挂载，返回空的 Select 以避免闪烁
+  if (!mounted) {
+    return (
+      <Select
+        data-testid="ThemeSwitcher"
+        loading
+        value="system"
+        options={[]}
+        style={{ width: 120 }}
+        className="min-w-40 max-w-full"
+        disabled
+      />
+    );
+  }
+
   const themeOptions = ['system', ...supportedThemes!].map((themeName) => {
     const { i18nkey, colors, icons } = colorMap[themeName] || colorMap.light;
     const [currentColor, normalColor] = colors;
@@ -74,13 +89,11 @@ export function ThemeSwitcher() {
   return (
     <Select
       data-testid="ThemeSwitcher"
-      loading={!mounted}
-      value={mounted ? theme : themeOptions[0]?.key}
+      value={theme}
       onChange={setTheme}
       options={themeOptions}
       style={{ width: 120 }}
       className="min-w-40 max-w-full"
-      disabled={!mounted}
     />
   );
 }

package/dist/templates/next-app/src/uikit/context/IOCContext.ts

@@ -1,6 +1,13 @@
 'use client';
 
 import { createContext } from 'react';
-import type { IOC } from '@/core/IOC';
+import type { IOCIdentifierMap } from '@config/IOCIdentifier';
+import type {
+  IOCContainerInterface,
+  IOCFunctionInterface
+} from '@qlover/corekit-bridge';
 
-export const IOCContext = createContext<typeof IOC | null>(null);
+export const IOCContext = createContext<IOCFunctionInterface<
+  IOCIdentifierMap,
+  IOCContainerInterface
+> | null>(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qlover/create-app",
-  "version": "0.7.7",
+  "version": "0.7.8",
   "description": "Create a new app with a single command",
   "private": false,
   "type": "module",

package/dist/templates/next-app/plugins/eslint-plugin-testid.mjs

@@ -1,94 +0,0 @@
-export const eslintPluginTestId = {
-  rules: {
-    'require-root-testid': {
-      meta: {
-        type: 'problem',
-        docs: {
-          description:
-            'Enforce data-testid attribute on root elements of TSX components',
-          category: 'Best Practices',
-          recommended: true
-        },
-        fixable: 'code',
-        schema: []
-      },
-      create(context) {
-        return {
-          JSXElement(node) {
-            // 检查是否是组件的根元素
-            const isRootElement = (node) => {
-              const parent = node.parent;
-              if (!parent) return false;
-
-              // 如果父节点是 return 语句或者是箭头函数的主体，说明这是根元素
-              if (
-                parent.type === 'ReturnStatement' ||
-                (parent.type === 'ArrowFunctionExpression' &&
-                  parent.body === node)
-              ) {
-                return true;
-              }
-
-              return false;
-            };
-
-            if (isRootElement(node)) {
-              const hasTestId = node.openingElement.attributes.some(
-                (attr) =>
-                  attr.type === 'JSXAttribute' &&
-                  attr.name.name === 'data-testid'
-              );
-
-              if (!hasTestId) {
-                context.report({
-                  node: node.openingElement,
-                  message:
-                    'Root element of a component must have a data-testid attribute',
-                  fix(fixer) {
-                    // 获取组件名称作为 testid 的默认值
-                    let componentName = '';
-                    let current = node;
-                    while (current) {
-                      if (
-                        current.type === 'FunctionDeclaration' ||
-                        current.type === 'VariableDeclarator'
-                      ) {
-                        componentName = current.id?.name || '';
-                        break;
-                      }
-                      current = current.parent;
-                    }
-
-                    const sourceCode = context.getSourceCode();
-                    const openingElement = node.openingElement;
-                    const tagToken = sourceCode.getFirstToken(openingElement);
-                    const hasAttributes = openingElement.attributes.length > 0;
-
-                    if (hasAttributes) {
-                      // 如果有其他属性，在第一个属性前添加
-                      const firstAttribute = openingElement.attributes[0];
-                      const indent = sourceCode
-                        .getText()
-                        .slice(0, firstAttribute.range[0])
-                        .match(/\s*$/)[0];
-                      return fixer.insertTextBefore(
-                        firstAttribute,
-                        `data-testid='${componentName || 'component'}'${indent}`
-                      );
-                    } else {
-                      // 如果没有其他属性，在标签名后面添加
-                      return fixer.insertTextAfter(
-                        tagToken,
-                        ` data-testid='${componentName || 'component'}'`
-                      );
-                    }
-                  }
-                });
-              }
-            }
-          }
-        };
-      }
-    }
-  }
-};

package/dist/templates/next-app/plugins/generateLocalesPlugin.ts

@@ -1,33 +0,0 @@
-import { generateLocales } from '../build/generateLocales';
-import type { NextConfig } from 'next';
-
-export function withGenerateLocales(nextConfig: NextConfig = {}) {
-  return {
-    ...nextConfig,
-    onDevelopmentStart: async () => {
-      try {
-        await generateLocales();
-        console.log('✅ Locales generated successfully');
-      } catch (error) {
-        console.error('❌ Failed to generate locales:', error);
-      }
-    },
-    webpack: (config, options) => {
-      const { dev, isServer } = options;
-
-      // 在生产构建开始时生成本地化文件
-      if (!dev && isServer) {
-        generateLocales().catch((error) => {
-          console.error('❌ Failed to generate locales:', error);
-        });
-      }
-
-      // 如果原配置有 webpack 配置，则调用它
-      if (typeof nextConfig.webpack === 'function') {
-        return nextConfig.webpack(config, options);
-      }
-
-      return config;
-    }
-  };
-}

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

@@ -1,58 +0,0 @@
-// ! dont't import tsx, only ts file
-import type { InversifyContainer } from '@/base/cases/InversifyContainer';
-import { BootstrapClient } from './bootstraps/BootstrapClient';
-import type { IOCRegisterInterface } from '@qlover/corekit-bridge';
-
-/**
- * IOC register options
- */
-export type IocRegisterOptions = {
-  /**
-   * The app config
-   */
-  appConfig: Record<string, unknown>;
-};
-
-/**
- * IOC container
- *
- * This is a alias of IOCContainerInterface, use it without care about the implementation.
- *
- * Need to achieve the effect: when the implementation class on the right side of the equal sign changes, the IOCContainer will change automatically
- */
-export type IOCContainer = InversifyContainer;
-
-/**
- * IOC register interface.
- *
- * This is shortcut interface, implement this interface, you can use any IOC container.
- *
- * Need to achieve the effect: when the implementation class on the right side of the equal sign changes, the IOCContainer will change automatically
- */
-export type IOCRegister = IOCRegisterInterface<
-  IOCContainer,
-  IocRegisterOptions
->;
-
-/**
- * IOC function
- *
- * This is the only and main exported content of the file
- *
- * @example use A class
- * ```ts
- * const userService = IOC(UserService);
- * ```
- *
- * @example use A string identifier
- *
- * string identifier is shortcut for `IOCIdentifierMap` type, string key of `IOCIdentifier`
- *
- * ```ts
- * const logger = IOC('Logger'); // Logger instance
- *
- * // or
- * const logger = IOC(IOCIdentifier.Logger);
- * ```
- */
-export const IOC = BootstrapClient.createSingletonIOC();

package/dist/templates/next-app/src/server/getServerI18n.ts

@@ -1,26 +0,0 @@
-'use server';
-import { getTranslations } from 'next-intl/server';
-import type { PageI18nInterface } from '@config/i18n/PageI18nInterface';
-
-export async function getServerI18n<T extends PageI18nInterface>(params: {
-  locale: string;
-  namespace?: string;
-  i18nInterface: T;
-}): Promise<T> {
-  // Load translation messages from the HomePage namespace
-  const t = await getTranslations({
-    locale: params.locale,
-    namespace: params.namespace
-  });
-
-  const result = Object.fromEntries(
-    Object.entries(params.i18nInterface).map(([key, value]) => {
-      if (typeof value === 'string') {
-        return [key, t(value)];
-      }
-      return [key, value];
-    })
-  ) as T;
-
-  return result;
-}