@qlover/create-app 1.0.2 → 2.0.0

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

@@ -1,325 +0,0 @@
-import { dirname } from 'path';
-import { fileURLToPath } from 'url';
-import { FlatCompat } from '@eslint/eslintrc';
-import importPlugin from 'eslint-plugin-import';
-import prettierPlugin from 'eslint-plugin-prettier';
-import unusedImports from 'eslint-plugin-unused-imports';
-import qloverEslint, { restrictSpecificGlobals } from '@qlover/eslint-plugin';
-import tseslint from 'typescript-eslint';
-import globals from 'globals';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-const compat = new FlatCompat({ baseDirectory: __dirname });
-
-const eslintConfig = [
-  ...compat.extends(
-    'plugin:import/recommended',
-    'plugin:import/typescript'
-    // 'plugin:prettier/recommended' // 添加 prettier 推荐配置
-  ),
-  {
-    ignores: [
-      // dependencies
-      'node_modules/**',
-      '.pnp/**',
-      '.pnp.js',
-
-      // testing
-      'coverage/**',
-      'test-results/**',
-      'playwright-report/**',
-      '.playwright/**',
-
-      // next.js
-      '.next/**',
-      'out/**',
-      'build/**',
-      'dist/**',
-
-      // misc
-      '*.pem',
-
-      // debug
-      'npm-debug.log*',
-      'yarn-debug.log*',
-      'yarn-error.log*',
-
-      // env files
-      '.env*',
-
-      // vercel
-      '.vercel/**',
-
-      // typescript
-      '*.tsbuildinfo',
-      'next-env.d.ts',
-
-      // cache
-      '.cache/**',
-      '.eslintcache',
-
-      // IDE
-      '.idea/**',
-      '.vscode/**',
-
-      // package manager
-      'package-lock.json',
-      'yarn.lock',
-      'pnpm-lock.yaml',
-
-      // config files
-      '*.config.js',
-      '*.config.mjs',
-      '*.config.cjs',
-      'postcss.config.*',
-      'tailwind.config.*',
-      'next.config.*',
-      'jest.config.*',
-      'babel.config.*',
-      'playwright.config.*',
-
-      // static assets
-      'public/**',
-      '**/*.min.js',
-      '**/*.bundle.js',
-      '**/vendor/**',
-
-      // generated files
-      'coverage/**',
-      '.nyc_output/**',
-      'storybook-static/**'
-    ]
-  },
-
-  {
-    files: ['**/*.{js,jsx,ts,tsx}'],
-    languageOptions: {
-      parser: tseslint.parser,
-      parserOptions: {
-        // Note: 'project' is removed here to avoid conflict with projectService in the type-checked config below
-        // TypeScript files will get type information from the recommendedTypeChecked config
-        tsconfigRootDir: __dirname
-      }
-    },
-    plugins: {
-      'unused-imports': unusedImports,
-      import: importPlugin,
-      prettier: prettierPlugin,
-      '@qlover-eslint': qloverEslint,
-      '@typescript-eslint': tseslint.plugin
-    },
-    rules: {
-      '@qlover-eslint/ts-class-method-return': 'error',
-      '@qlover-eslint/ts-class-member-accessibility': 'error',
-      '@qlover-eslint/ts-class-override': 'off',
-      '@qlover-eslint/require-root-testid': [
-        'error',
-        {
-          exclude: ['/Provider$/']
-        }
-      ], // 禁用 import 路径解析检查，TypeScript 编译器会处理
-      'import/no-unresolved': 'off',
-      // 禁用原始的 no-unused-vars，使用 unused-imports 的规则替代
-      '@typescript-eslint/no-unused-vars': 'off',
-      // 强制使用 import type 导入类型
-      '@typescript-eslint/consistent-type-imports': [
-        'error',
-        {
-          prefer: 'type-imports',
-          disallowTypeAnnotations: true,
-          fixStyle: 'separate-type-imports'
-        }
-      ],
-      // 检查未使用的导入
-      'unused-imports/no-unused-imports': 'error',
-      // 检查未使用的变量，但允许以下划线开头的变量
-      'unused-imports/no-unused-vars': [
-        'error',
-        {
-          vars: 'all',
-          varsIgnorePattern: '^_',
-          args: 'after-used',
-          argsIgnorePattern: '^_'
-        }
-      ],
-      // import 语句排序规则
-      'import/order': [
-        'error',
-        {
-          groups: [
-            'builtin', // Node.js 内置模块
-            'external', // 第三方模块
-            'internal', // 内部模块（使用 alias 的导入）
-            ['parent', 'sibling'], // 父级和同级模块
-            'index', // 当前目录下的模块
-            'object', // 对象导入
-            'type' // 类型导入
-          ],
-          pathGroups: [
-            {
-              pattern: '@/**',
-              group: 'internal',
-              position: 'after'
-            },
-            {
-              pattern: '@migrations/**',
-              group: 'internal',
-              position: 'after'
-            },
-            {
-              pattern: '@config/**',
-              group: 'internal',
-              position: 'after'
-            }
-          ],
-          // "newlines-between": "always", // 不同组之间空一行
-          alphabetize: {
-            order: 'asc', // 按字母顺序排序
-            caseInsensitive: true // 排序时忽略大小写
-          }
-        }
-      ],
-      // Prettier 配置
-      'prettier/prettier': [
-        'error',
-        {
-          singleQuote: true,
-          trailingComma: 'none',
-          endOfLine: 'lf'
-        },
-        {
-          // 仅用于单独部署时对 eslint prettier 插件自动查找 prettierrc 时报错
-          // 注意: vscode 等编辑器会失效, 作为单独项目开发时可以去掉
-          usePrettierrc: false
-        }
-      ],
-      // 默认禁用 export default
-      '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.app.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/no-explicit-any': 'off',
-    }
-  })),
-  {
-    // TODO: antd override theme need use import type
-    files: ['src/base/types/deprecated-antd.d.ts'],
-    rules: {
-      '@typescript-eslint/consistent-type-imports': 'off'
-    }
-  },
-  // 限制 src 目录下不能直接使用特定的浏览器全局变量
-  restrictSpecificGlobals(
-    {
-      files: ['src/**/*.{ts,tsx,js,jsx}'],
-      languageOptions: {
-        globals: globals.browser
-      }
-    },
-    {
-      restrictedGlobals: [
-        'window',
-        'document',
-        'localStorage',
-        'sessionStorage',
-        'navigator',
-        'location',
-        'history'
-      ],
-      message: '❌ see(./docs/zh/why-no-globals.md)'
-    }
-  ),
-  // 为特定文件允许使用全局变量
-  {
-    files: ['src/main.tsx', 'src/core/globals.ts'],
-    rules: {
-      'no-restricted-globals': 'off'
-    }
-  },
-  // 为特定文件允许 default export
-  {
-    files: ['src/pages/**/*.tsx', 'src/App.tsx', 'vite.config.ts'],
-    rules: {
-      'import/no-default-export': 'off',
-      // 强制 pages 必须使用 default export，禁止 named export
-      'import/no-named-export': 'error',
-      // 建议使用 default export
-      'import/prefer-default-export': 'error'
-    }
-  }
-];
-
-export default eslintConfig;

package/dist/templates/react-app/index.html

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>react-app</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>

package/dist/templates/react-app/makes/generateTs2LocalesOptions.ts

@@ -1,26 +0,0 @@
-import { readdirSync } from 'fs';
-import { join } from 'path';
-
-export function generateTs2LocalesOptions() {
-  const getAllTsFiles = (dir: string): string[] => {
-    const files: string[] = [];
-    const items = readdirSync(dir, { withFileTypes: true });
-
-    for (const item of items) {
-      const fullPath = join(dir, item.name);
-      if (item.isDirectory()) {
-        files.push(...getAllTsFiles(fullPath));
-      } else if (item.isFile() && item.name.endsWith('.ts')) {
-        files.push(fullPath);
-      }
-    }
-    return files;
-  };
-
-  const options = getAllTsFiles('./config/Identifier').map((path) => ({
-    source: path,
-    target: `./public/locales/{{lng}}/common.json`
-  }));
-
-  return options;
-}

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

@@ -1,125 +0,0 @@
-{
-  "name": "react-app",
-  "description": "A react app template",
-  "version": "0.0.0",
-  "type": "module",
-  "private": true,
-  "homepage": "https://github.com/qlover/fe-base/tree/master/packages/create-app/templates/react-app#readme",
-  "author": "qlover",
-  "license": "ISC",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/qlover/fe-base.git",
-    "directory": ""
-  },
-  "files": [
-    "dist",
-    "package.json",
-    "README.md",
-    "README.en.md",
-    "docs"
-  ],
-  "keywords": [
-    "react-app",
-    "react-app-template"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "start": "npm run dev",
-    "dev": "vite --mode localhost",
-    "dev:force": "vite --mode localhost --force",
-    "dev:staging": "vite --mode staging",
-    "dev:prod": "vite --mode production",
-    "build": "vite build",
-    "build:staging": "npm run lint && vite build --mode staging",
-    "build:prod": "npm run lint && vite build --mode production",
-    "build:analyze": "vite build --mode production && start dist/stats.html",
-    "lint": "eslint",
-    "lint:fix": "eslint --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",
-    "prettier": "prettier --write \"**/*.{js,jsx,ts,tsx,json,css,scss,md}\"",
-    "preview": "vite preview",
-    "playwright:postinstall": "npm init playwright@latest --yes \"--\" . '--quiet' '--browser=chromium' '--browser=firefox' '--browser=webkit' '--gha'",
-    "test": "vitest run",
-    "test:e2e": "playwright test",
-    "test:e2e:ui": "playwright test --ui",
-    "test:e2e:headed": "playwright test --headed",
-    "test:e2e:debug": "playwright test --debug",
-    "test:e2e:chromium": "playwright test --project=chromium",
-    "test:e2e:firefox": "playwright test --project=firefox",
-    "test:e2e:webkit": "playwright test --project=webkit",
-    "test:e2e:report": "playwright show-report playwright-report",
-    "type-check": "tsc --build"
-  },
-  "dependencies": {
-    "@brain-toolkit/antd-blocks": "^0.0.1",
-    "@brain-toolkit/antd-theme-override": "^0.0.3",
-    "@brain-toolkit/react-kit": "^0.1.0",
-    "@qlover/corekit-bridge": "latest",
-    "@qlover/fe-corekit": "latest",
-    "@qlover/logger": "^0.1.1",
-    "@qlover/slice-store-react": "^1.4.1",
-    "@tailwindcss/postcss": "^4.1.8",
-    "@tailwindcss/vite": "^4.1.8",
-    "antd": "^5.25.3",
-    "clsx": "^2.1.1",
-    "i18next": "^24.2.0",
-    "i18next-browser-languagedetector": "^8.0.2",
-    "i18next-http-backend": "^3.0.1",
-    "inversify": "^7.1.0",
-    "lodash": "^4.17.21",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-i18next": "^15.2.0",
-    "react-router-dom": "^7.1.5",
-    "reflect-metadata": "^0.2.2",
-    "vite": "^6.3.5"
-  },
-  "devDependencies": {
-    "@brain-toolkit/ts2locales": "^0.2.3",
-    "@playwright/test": "^1.56.1",
-    "@qlover/env-loader": "latest",
-    "@qlover/eslint-plugin": "latest",
-    "@qlover/fe-scripts": "latest",
-    "@qlover/fe-standard": "latest",
-    "@testing-library/react": "^16.3.0",
-    "@types/lodash": "^4.17.13",
-    "@types/node": "^24.10.0",
-    "@types/react": "^18.3.11",
-    "@types/react-dom": "^18.3.0",
-    "@types/react-syntax-highlighter": "^15.5.13",
-    "@types/typo-js": "^1.2.2",
-    "@vitejs/plugin-react": "^4.4.1",
-    "@vitejs/plugin-react-swc": "^3.5.0",
-    "autoprefixer": "^10.4.20",
-    "eslint": "^9.15.0",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-prettier": "^5.2.3",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.14",
-    "eslint-plugin-unused-imports": "^4.3.0",
-    "eslint-plugin-vitest": "^0.5.4",
-    "globals": "^15.12.0",
-    "jsdom": "^26.1.0",
-    "postcss": "^8.5.4",
-    "prettier": "^3.5.3",
-    "rollup-plugin-visualizer": "^6.0.5",
-    "sass-embedded": "^1.79.4",
-    "tailwindcss": "^4.1.8",
-    "terser": "^5.41.0",
-    "typescript": "^5.6.3",
-    "typescript-eslint": "^8.15.0",
-    "vite-plugin-cross-origin-isolation": "^0.1.6",
-    "vite-plugin-imp": "^2.4.0",
-    "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.0.5"
-  },
-  "engines": {
-    "node": ">=20.19.0"
-  }
-}

package/dist/templates/react-app/playwright.config.ts

@@ -1,79 +0,0 @@
-import { defineConfig, devices } from '@playwright/test';
-
-/**
- * Read environment variables from file.
- * https://github.com/motdotla/dotenv
- */
-// import dotenv from 'dotenv';
-// import path from 'path';
-// dotenv.config({ path: path.resolve(__dirname, '.env') });
-
-/**
- * See https://playwright.dev/docs/test-configuration.
- */
-export default defineConfig({
-  testDir: './e2e',
-  /* Run tests in files in parallel */
-  fullyParallel: true,
-  /* Fail the build on CI if you accidentally left test.only in the source code. */
-  forbidOnly: !!process.env.CI,
-  /* Retry on CI only */
-  retries: process.env.CI ? 2 : 0,
-  /* Opt out of parallel tests on CI. */
-  workers: process.env.CI ? 1 : undefined,
-  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
-  reporter: 'html',
-  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
-  use: {
-    /* Base URL to use in actions like `await page.goto('')`. */
-    baseURL: 'http://localhost:3200',
-
-    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
-    trace: 'on-first-retry'
-  },
-
-  /* Configure projects for major browsers */
-  projects: [
-    {
-      name: 'chromium',
-      use: { ...devices['Desktop Chrome'] }
-    },
-
-    {
-      name: 'firefox',
-      use: { ...devices['Desktop Firefox'] }
-    },
-
-    {
-      name: 'webkit',
-      use: { ...devices['Desktop Safari'] }
-    }
-
-    /* Test against mobile viewports. */
-    // {
-    //   name: 'Mobile Chrome',
-    //   use: { ...devices['Pixel 5'] },
-    // },
-    // {
-    //   name: 'Mobile Safari',
-    //   use: { ...devices['iPhone 12'] },
-    // },
-
-    /* Test against branded browsers. */
-    // {
-    //   name: 'Microsoft Edge',
-    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
-    // },
-    // {
-    //   name: 'Google Chrome',
-    //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
-    // },
-  ]
-
-  /* Run your local dev server before starting the tests */
-  // webServer: {
-  //   command: 'npm run start',
-  //   url: 'http://localhost:3000',
-  //   reuseExistingServer: !process.env.CI,
-  // },
-});

package/dist/templates/react-app/postcss.config.js

@@ -1,5 +0,0 @@
-export default {
-  plugins: {
-    '@tailwindcss/postcss': {}
-  }
-};