@qlover/create-app 1.1.0 → 2.0.2

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

@@ -1,144 +0,0 @@
-'use client';
-
-import {
-  HeartFilled,
-  SettingOutlined,
-  SunOutlined,
-  MoonOutlined,
-  SettingFilled,
-  SunFilled,
-  MoonFilled,
-  HeartOutlined
-} from '@ant-design/icons';
-import { useMountedClient } from '@brain-toolkit/react-kit';
-import { Dropdown } from 'antd';
-import { clsx } from 'clsx';
-import { useTheme } from 'next-themes';
-import { useEffect, useMemo } from 'react';
-import {
-  COMMON_THEME_DARK,
-  COMMON_THEME_DEFAULT,
-  COMMON_THEME_LIGHT,
-  COMMON_THEME_PINK
-} from '@config/Identifier';
-import { I } from '@config/IOCIdentifier';
-import { type SupportedTheme, themeConfig } from '@config/theme';
-import { useIOC } from '../hook/useIOC';
-import { useWarnTranslations } from '../hook/useWarnTranslations';
-import type { ItemType } from 'antd/es/menu/interface';
-
-const { supportedThemes, storageKey } = themeConfig;
-
-const defaultTheme = supportedThemes[0] || 'system';
-const themesList = ['system', ...supportedThemes];
-
-const colorMap: Record<
-  string,
-  {
-    i18nkey: string;
-    selectedColor: string;
-    normalColor: string;
-    Icon: React.ElementType;
-    SelectedIcon: React.ElementType;
-  }
-> = {
-  system: {
-    i18nkey: COMMON_THEME_DEFAULT,
-    selectedColor: 'text-text',
-    normalColor: 'text-text-secondary',
-    Icon: SettingOutlined,
-    SelectedIcon: SettingFilled
-  },
-  light: {
-    i18nkey: COMMON_THEME_LIGHT,
-    selectedColor: 'text-text',
-    normalColor: 'text-text-secondary',
-    Icon: SunOutlined,
-    SelectedIcon: SunFilled
-  },
-  dark: {
-    i18nkey: COMMON_THEME_DARK,
-    selectedColor: 'text-[#9333ea]',
-    normalColor: 'text-[#a855f7]',
-    Icon: MoonOutlined,
-    SelectedIcon: MoonFilled
-  },
-  pink: {
-    i18nkey: COMMON_THEME_PINK,
-    selectedColor: 'text-[#f472b6]',
-    normalColor: 'text-[#ec4899]',
-    Icon: HeartOutlined,
-    SelectedIcon: HeartFilled
-  }
-};
-
-export function ThemeSwitcher() {
-  const { theme: currentTheme, resolvedTheme, setTheme } = useTheme();
-  const mounted = useMountedClient();
-  const cookieStorage = useIOC(I.CookieStorage);
-  const t = useWarnTranslations();
-
-  useEffect(() => {
-    if (resolvedTheme) {
-      cookieStorage.setItem(storageKey, resolvedTheme);
-    }
-  }, [resolvedTheme, cookieStorage]);
-
-  const themeOptions = useMemo(() => {
-    return themesList.map((themeName) => {
-      const { i18nkey, selectedColor, normalColor, Icon, SelectedIcon } =
-        colorMap[themeName] || colorMap.light;
-
-      const isCurrentTheme =
-        currentTheme === themeName ||
-        (themeName === resolvedTheme && currentTheme === 'system');
-
-      return {
-        key: themeName,
-        value: themeName,
-        label: (
-          <div
-            className={clsx(
-              'flex items-center gap-2',
-              isCurrentTheme ? selectedColor : normalColor
-            )}
-          >
-            {isCurrentTheme ? <SelectedIcon /> : <Icon />}
-            <span>{t(i18nkey)}</span>
-          </div>
-        )
-      } as ItemType;
-    });
-  }, [currentTheme, resolvedTheme, t]);
-
-  const nextTheme = useMemo(() => {
-    if (!currentTheme) {
-      return defaultTheme;
-    }
-    const targetIndex =
-      supportedThemes.indexOf(currentTheme as SupportedTheme) + 1;
-    return supportedThemes[targetIndex % supportedThemes.length];
-  }, [currentTheme]);
-
-  return (
-    <Dropdown
-      data-testid="ThemeSwitcherDropdown"
-      trigger={['hover']}
-      menu={{
-        items: themeOptions,
-        selectedKeys: mounted ? [resolvedTheme!] : undefined,
-        onClick: ({ key }) => {
-          setTheme(key);
-        }
-      }}
-    >
-      <span
-        data-testid="ThemeSwitcher"
-        className="text-text hover:text-text-hover cursor-pointer text-lg transition-colors"
-        onClick={() => setTheme(nextTheme)}
-      >
-        <SunOutlined />
-      </span>
-    </Dropdown>
-  );
-}

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

@@ -1,98 +0,0 @@
-'use client';
-
-import { TranslationOutlined } from '@ant-design/icons';
-import { Dropdown } from 'antd';
-import { useRouter } from 'next/router';
-import { useLocale } from 'next-intl';
-import { useCallback, useMemo, useState } from 'react';
-import { useLocaleRoutes } from '@config/common';
-import { i18nConfig } from '@config/i18n';
-import type { LocaleType } from '@config/i18n';
-import type { ItemType } from 'antd/es/menu/interface';
-
-export function LanguageSwitcher() {
-  const router = useRouter();
-  const currentLocale = useLocale() as LocaleType;
-  const [isPending, setIsPending] = useState(false);
-
-  const options: ItemType[] = useMemo(() => {
-    return i18nConfig.supportedLngs.map(
-      (lang) =>
-        ({
-          type: 'item',
-          key: lang,
-          value: lang,
-          label:
-            i18nConfig.localeNames[lang as keyof typeof i18nConfig.localeNames]
-        }) as ItemType
-    );
-  }, []);
-
-  const handleLanguageChange = useCallback(
-    async (value: string) => {
-      if (isPending || value === currentLocale) return;
-
-      setIsPending(true);
-
-      try {
-        // Get current path
-        let newPath = router.asPath;
-
-        if (useLocaleRoutes) {
-          // Replace locale in path (e.g., /en/about -> /zh/about)
-          const pathWithoutLocale = newPath.replace(
-            new RegExp(`^/${currentLocale}(/|$)`),
-            '/'
-          );
-          // Remove leading slash if path is root
-          const cleanPath = pathWithoutLocale === '/' ? '' : pathWithoutLocale;
-          newPath = `/${value}${cleanPath}`;
-        } else {
-          // If not using locale routes, just update query param
-          newPath = router.pathname;
-          router.replace({
-            pathname: router.pathname,
-            query: { ...router.query, locale: value }
-          });
-          setIsPending(false);
-          return;
-        }
-
-        // Replace the route
-        router.replace(newPath);
-      } finally {
-        setIsPending(false);
-      }
-    },
-    [router, currentLocale, isPending]
-  );
-
-  const nextLocale = useMemo(() => {
-    const targetIndex = i18nConfig.supportedLngs.indexOf(currentLocale) + 1;
-    return i18nConfig.supportedLngs[
-      targetIndex % i18nConfig.supportedLngs.length
-    ];
-  }, [currentLocale]);
-
-  return (
-    <Dropdown
-      data-testid="LanguageSwitcherDropdown"
-      trigger={['hover']}
-      menu={{
-        selectedKeys: [currentLocale],
-        items: options,
-        onClick: ({ key }) => {
-          handleLanguageChange(key);
-        }
-      }}
-    >
-      <span
-        data-testid="LanguageSwitcher"
-        className="text-text hover:text-text-hover cursor-pointer text-lg transition-colors"
-        onClick={() => handleLanguageChange(nextLocale)}
-      >
-        <TranslationOutlined />
-      </span>
-    </Dropdown>
-  );
-}

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

@@ -1,93 +0,0 @@
-import { TeamOutlined } from '@ant-design/icons';
-import { clsx } from 'clsx';
-import { useLocale } from 'next-intl';
-import { useMemo } from 'react';
-import { LanguageSwitcher } from './LanguageSwitcher';
-import { LocaleLink } from '../components/LocaleLink';
-import { ThemeSwitcher } from '../components-app/ThemeSwitcher';
-import type { AppRoutePageProps } from '../components-app/AppRoutePage';
-
-/**
- * App Route Page
- *
- * 主要用于 /src/app 目录下页面的基础布局，包含头部、主体内容等
- *
- * @description
- * - /src/app/[locale]/page.tsx
- * - /src/app/[locale]/login/page.tsx
- *
- */
-export function PagesRoutePage({
-  children,
-  showAdminButton,
-  mainProps,
-  headerClassName,
-  tt,
-  headerHref = '/',
-  ...props
-}: AppRoutePageProps) {
-  const locale = useLocale();
-  const adminTitle = tt.adminTitle;
-
-  const actions = useMemo(() => {
-    return [
-      showAdminButton && (
-        <LocaleLink
-          key="admin-button"
-          href="/admin"
-          title={adminTitle}
-          locale={locale}
-          className="text-text hover:text-text-hover cursor-pointer text-lg transition-colors"
-        >
-          <TeamOutlined className="text-lg text-text" />
-        </LocaleLink>
-      ),
-
-      <LanguageSwitcher key="language-switcher" />,
-
-      <ThemeSwitcher key="theme-switcher" />
-    ].filter(Boolean);
-  }, [adminTitle, showAdminButton, locale]);
-
-  return (
-    <div
-      data-testid="AppRoutePage"
-      className="flex flex-col min-h-screen"
-      {...props}
-    >
-      <header
-        data-testid="BaseHeader"
-        className="h-14 bg-secondary border-b border-c-border sticky top-0 z-50"
-      >
-        <div
-          className={clsx(
-            'flex items-center justify-between h-full px-4 mx-auto max-w-7xl',
-            headerClassName
-          )}
-        >
-          <div className="flex items-center">
-            <LocaleLink
-              data-testid="BaseHeaderLogo"
-              title={tt.title}
-              href={headerHref}
-              locale={locale}
-              className="flex items-center hover:opacity-80 transition-opacity"
-            >
-              <span
-                data-testid="base-header-app-name"
-                className="text-lg font-semibold text-text"
-              >
-                {tt.title}
-              </span>
-            </LocaleLink>
-          </div>
-          <div className="flex items-center gap-2 md:gap-4">{actions}</div>
-        </div>
-      </header>
-
-      <main className="flex flex-1 flex-col bg-primary" {...mainProps}>
-        {children}
-      </main>
-    </div>
-  );
-}

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

@@ -1,25 +0,0 @@
-'use client';
-
-import {
-  type IOCContainerInterface,
-  type IOCFunctionInterface
-} from '@qlover/corekit-bridge';
-import { createContext } from 'react';
-import { ClientIOC } from '@/core/clientIoc/ClientIOC';
-import type { IOCIdentifierMap } from '@config/IOCIdentifier';
-
-// export const IOCInstance = new ClientIOC();
-
-// export const IOCContext =
-//   createContext<IOCInterface<IOCIdentifierMap, IOCContainerInterface>>(
-//     IOCInstance
-//   );
-
-export const clientIOC = new ClientIOC();
-
-export const IOCInstance = clientIOC.create();
-
-export const IOCContext = createContext<IOCFunctionInterface<
-  IOCIdentifierMap,
-  IOCContainerInterface
-> | null>(null);

package/dist/templates/next-app/src/uikit/hook/useI18nInterface.ts

@@ -1,22 +0,0 @@
-import { useMemo } from 'react';
-import { TranslateI18nUtil } from '@/base/cases/TranslateI18nUtil';
-import { useWarnTranslations } from './useWarnTranslations';
-
-/**
- * Hook to get the i18n interface
- *
- * @param i18nInterface - The i18n interface to get
- * @returns The i18n interface
- */
-export function useI18nInterface<T extends Record<string, string>>(
-  i18nInterface: T
-): T {
-  const t = useWarnTranslations();
-
-  const i18n = useMemo(
-    () => TranslateI18nUtil.translate(i18nInterface, t),
-    [i18nInterface, t]
-  );
-
-  return i18n;
-}

package/dist/templates/next-app/src/uikit/hook/useIOC.ts

@@ -1,37 +0,0 @@
-import { useContext } from 'react';
-import type { IOCIdentifierMap } from '@config/IOCIdentifier';
-import { IOCContext } from '../context/IOCContext';
-import type {
-  IOCContainerInterface,
-  IOCFunctionInterface
-} from '@qlover/corekit-bridge';
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-type IOCIdentifier = keyof IOCIdentifierMap | (new (...args: any[]) => any);
-
-export function useIOC(): IOCFunctionInterface<
-  IOCIdentifierMap,
-  IOCContainerInterface
->;
-export function useIOC<T extends IOCIdentifier>(
-  identifier: T
-): T extends keyof IOCIdentifierMap
-  ? IOCIdentifierMap[T]
-  : // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    T extends new (...args: any[]) => any
-    ? InstanceType<T>
-    : never;
-
-export function useIOC<T extends IOCIdentifier>(identifier?: T) {
-  const IOC = useContext(IOCContext);
-
-  if (!IOC) {
-    throw new Error('IOC is not found');
-  }
-
-  if (identifier === undefined) {
-    return IOC;
-  }
-
-  return IOC(identifier);
-}

package/dist/templates/next-app/src/uikit/hook/useStrictEffect.ts

@@ -1,32 +0,0 @@
-import { useEffect, useRef } from 'react';
-
-/**
- * In React Strict Mode, ensure that the effect is executed only once when each dependency changes
- * @param effect The effect function to execute
- * @param deps The dependency array
- */
-export const useStrictEffect = (
-  effect: () => void | (() => void),
-  deps?: React.DependencyList
-) => {
-  const mountedRef = useRef(false);
-  const depsRef = useRef(deps);
-
-  useEffect(() => {
-    // Check if the dependencies have changed
-    const depsChanged =
-      !deps ||
-      !depsRef.current ||
-      deps.some((dep, i) => dep !== depsRef.current![i]);
-
-    // Update the dependency reference
-    depsRef.current = deps;
-
-    // If it's the first mount or the dependencies have changed, execute the effect
-    if (!mountedRef.current || depsChanged) {
-      mountedRef.current = true;
-      return effect();
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, deps);
-};

package/dist/templates/next-app/src/uikit/hook/useWarnTranslations.ts

@@ -1,11 +0,0 @@
-import { useTranslations as useNextTranslations } from 'next-intl';
-import { useMemo } from 'react';
-import { TranslateI18nUtil } from '@/base/cases/TranslateI18nUtil';
-
-export function useWarnTranslations() {
-  const t = useNextTranslations();
-
-  const overrideT = useMemo(() => TranslateI18nUtil.overrideTranslateT(t), [t]);
-
-  return Object.assign(overrideT, t);
-}

package/dist/templates/next-app/src/uikit/utils/getHashParams.ts

@@ -1,8 +0,0 @@
-export function getHashParams(hash: string): Record<string, string | null> {
-  const sp = new URLSearchParams(hash.startsWith('#') ? hash.slice(1) : hash);
-  const params = {};
-  sp.forEach((value, key) => {
-    Object.assign(params, { [key]: value });
-  });
-  return params;
-}

package/dist/templates/next-app/src/uikit/utils/getHashVerifyEmailParams.ts

@@ -1,42 +0,0 @@
-import { isString, pick } from 'lodash';
-import type { SignupVerifyParamType } from '@/server/validators/SignupVerifyValidator';
-
-export const emailVerifyParamKeys = [
-  'access_token',
-  'expires_at',
-  'expires_in',
-  'refresh_token',
-  'token_type',
-  'type'
-] as const;
-
-export function getHashParams(hash: string): Record<string, string | null> {
-  const sp = new URLSearchParams(hash.startsWith('#') ? hash.slice(1) : hash);
-  const params = {};
-  sp.forEach((value, key) => {
-    Object.assign(params, { [key]: value });
-  });
-  return params;
-}
-
-export function isEmailVerifyParam(
-  value: unknown
-): value is SignupVerifyParamType {
-  return emailVerifyParamKeys.every(
-    (key) =>
-      emailVerifyParamKeys.includes(key) &&
-      (value as SignupVerifyParamType)[key] != null &&
-      isString((value as SignupVerifyParamType)[key])
-  );
-}
-
-export function getHashVerifyEmailParams(
-  hash: string
-): SignupVerifyParamType | null {
-  if (!hash) {
-    return null;
-  }
-
-  const hashParams = pick(getHashParams(hash), emailVerifyParamKeys);
-  return isEmailVerifyParam(hashParams) ? hashParams : null;
-}

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

@@ -1,8 +0,0 @@
-import type { Config } from 'tailwindcss';
-
-const config: Config = {
-  darkMode: ['class', '[data-theme="dark"]'],
-  content: ['./src/**/*.{js,ts,jsx,tsx}']
-};
-
-export default config;

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

@@ -1,39 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "react-jsx",
-    "incremental": true,
-    "experimentalDecorators": true,
-    "emitDecoratorMetadata": true,
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
-    "paths": {
-      "@/*": ["./src/*"],
-      "@config/*": ["./config/*"],
-      "@migrations/*": ["./migrations/*"]
-    }
-  },
-  "include": [
-    "next-env.d.ts",
-    "src/**/*.ts",
-    "src/**/*.tsx",
-    "migrations/**/*.ts",
-    ".next/types/**/*.ts",
-    "config/**/*.ts",
-    ".next/dev/types/**/*.ts"
-  ],
-  "exclude": ["node_modules"]
-}

package/dist/templates/node-lib/__tests__/readJson.test.ts

@@ -1,26 +0,0 @@
-import { expect, describe, it, beforeAll, afterAll } from 'vitest';
-import { readJson } from '../src/readJson';
-import { writeFileSync, unlinkSync } from 'fs';
-
-describe('readJson 函数测试', () => {
-  const testFilePath = './test.json';
-
-  beforeAll(() => {
-    // 创建一个测试文件
-    writeFileSync(testFilePath, JSON.stringify({ key: 'value' }));
-  });
-
-  afterAll(() => {
-    // 删除测试文件
-    unlinkSync(testFilePath);
-  });
-
-  it('应该正确读取 JSON 文件', () => {
-    const result = readJson(testFilePath);
-    expect(result).toEqual({ key: 'value' });
-  });
-
-  it('应该抛出错误当文件不存在时', () => {
-    expect(() => readJson('./nonexistent.json')).toThrow();
-  });
-});

package/dist/templates/node-lib/bin/test.js

@@ -1,30 +0,0 @@
-#! /usr/bin/env node
-
-import { Command } from 'commander';
-
-function programArgs() {
-  const program = new Command();
-  program
-    .option(
-      '-d, --dry-run',
-      'Do not touch or write anything, but show the commands'
-    )
-    .option('-V, --verbose', 'Show more information')
-    .option('-n, --name <name>', 'The name of the test');
-  // parse arguments
-  program.parse();
-
-  return program.opts();
-}
-
-async function main() {
-  const { dryRun, verbose, ...commandOptions } = programArgs();
-
-  console.log('dryRun:', dryRun);
-  console.log('verbose:', verbose);
-  console.log('commandOptions:', commandOptions);
-}
-
-main().catch(() => {
-  process.exit(1);
-});