@qlover/create-app 0.1.3 → 0.1.5

package/templates/react-app/tsconfig.json

@@ -1,7 +1,29 @@
 {
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "esModuleInterop": true,
+    "allowJs": true,
+    "types": ["vite/client"],
+    "paths": {
+      "@/*": ["./src/*"],
+      "@lib/*": ["./lib/*"],
+      "@config/*": ["./config/*"]
+    }
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
 }

package/templates/react-app/tsconfig.node.json

@@ -1,22 +1,10 @@
 {
   "compilerOptions": {
-    "target": "ES2022",
-    "lib": ["ES2023"],
-    "module": "ESNext",
+    "composite": true,
     "skipLibCheck": true,
-
-    /* Bundler mode */
+    "module": "ESNext",
     "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "allowSyntheticDefaultImports": true
   },
   "include": ["vite.config.ts"]
 }

package/templates/react-app/vite.config.ts

@@ -1,21 +1,19 @@
-import { defineConfig } from 'vite';
-import alias from '@rollup/plugin-alias';
-// import react from '@vitejs/plugin-react-swc';
+import { defineConfig } from 'vitest/config';
 import react from '@vitejs/plugin-react';
-import path from 'node:path';
-import tsappconfig from './tsconfig.app.json';
-import { searchEnv } from '@qlover/fe-scripts';
+import alias from '@rollup/plugin-alias';
+import tsappconfig from './tsconfig.json';
+import { resolve } from 'path';
+import { Env } from '@qlover/env-loader';
 
-searchEnv({});
+Env.searchEnv();
 
 const tsAppPaths = tsappconfig.compilerOptions.paths || {};
 
-const entries = Object.entries(tsAppPaths).map(([key, value]) => {
-  return {
-    find: key.replace('/*', ''),
-    replacement: path.resolve(__dirname, value[0].replace('/*', ''))
-  };
-});
+// convert tsconfig paths to vite alias
+const entries = Object.entries(tsAppPaths).reduce((acc, [key, value]) => {
+  acc[key.replace('/*', '')] = resolve(__dirname, value[0].replace('/*', ''));
+  return acc;
+}, {});
 
 // https://vite.dev/config/
 export default defineConfig({
@@ -27,6 +25,11 @@ export default defineConfig({
   ],
   publicDir: 'public',
   server: {
-    port: Number(process.env.VITE_SERVER_PORT || 3100)
+    port: Number(process.env.VITE_SERVER_PORT || 3200)
+  },
+  test: {
+    environment: 'jsdom',
+    globals: true,
+    setupFiles: ['./src/setupTests.ts']
   }
 });

package/templates/pack-app/.env

@@ -1,5 +0,0 @@
-NODE_ENV=production
-NPM_TOKEN=
-GITHUB_TOKEN=
-FE_RELEASE_BRANCH=master
-FE_RELEASE=false

package/templates/pack-app/.gitignore.template

@@ -1,50 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-.pnpm-debug.log*
-
-# local env files
-.env*.local
-
-# vercel
-.vercel
-
-# typescript
-*.tsbuildinfo
-next-env.d.ts
-
-/package-lock.json
-/yarn.lock
-.husky
-/pnpm-lock.yaml
-public/robots.txt
-public/sitemap*.xml
-dist
-.eslintcache
-.npmrc
-.secrets
-
-# local output dir
-*.output/

package/templates/pack-app/.prettierrc.js

@@ -1,3 +0,0 @@
-import prettierConfig from '@qlover/fe-standard/config/prettierrc.js';
-
-export default prettierConfig;

package/templates/pack-app/jest.config.js

@@ -1,31 +0,0 @@
-import tsJestConfig from '@qlover/fe-standard/config/jest.esm.js';
-
-/** @type {import('ts-jest').JestConfigWithTsJest} */
-export default {
-  // ...tsJestConfig,
-  testEnvironment: 'jest-environment-jsdom',
-  extensionsToTreatAsEsm: ['.ts', '.tsx'],
-  projects: [
-    {
-      ...tsJestConfig,
-      displayName: 'pack-app-node',
-      testMatch: tsJestConfig.testMatch.map(
-        (item) => '<rootDir>/packages/node/' + item
-      )
-    },
-    {
-      ...tsJestConfig,
-      displayName: 'pack-app-browser',
-      testMatch: tsJestConfig.testMatch.map(
-        (item) => '<rootDir>/packages/browser/' + item
-      )
-    },
-    {
-      ...tsJestConfig,
-      displayName: 'pack-app-react',
-      testEnvironment: 'jest-environment-jsdom',
-      extensionsToTreatAsEsm: ['.ts', '.tsx'],
-      testMatch: ['<rootDir>/packages/react-vite-lib/__tests__/**/*.test.tsx']
-    }
-  ]
-};

package/templates/react-app/eslint.config.js

@@ -1,31 +0,0 @@
-import js from '@eslint/js';
-import globals from 'globals';
-import reactHooks from 'eslint-plugin-react-hooks';
-import reactRefresh from 'eslint-plugin-react-refresh';
-import tseslint from 'typescript-eslint';
-import * as feDev from '@qlover/eslint-plugin-fe-dev';
-
-export default tseslint.config(
-  { ignores: ['dist', 'node_modules'] },
-  {
-    extends: [js.configs.recommended, ...tseslint.configs.recommended],
-    files: ['src/**/*.{ts,tsx}'],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser
-    },
-    plugins: {
-      'react-hooks': reactHooks,
-      'react-refresh': reactRefresh,
-      'fe-dev': feDev
-    },
-    rules: {
-      ...reactHooks.configs.recommended.rules,
-      'react-refresh/only-export-components': [
-        'warn',
-        { allowConstantExport: true }
-      ],
-      'fe-dev/ts-class-method-return': 'error'
-    }
-  }
-);

package/templates/react-app/src/containers/index.ts

@@ -1,71 +0,0 @@
-// ! dont't import tsx, only ts file
-import { FetchAbortPlugin, FetchURLPlugin } from '@qlover/fe-utils';
-import { OpenAIClient } from '@lib/openAiApi';
-import { ThemeController } from '@lib/fe-react-theme/ThemeController';
-import { ExecutorController } from '@/services/controllers/ExecutorController';
-import { JSONStorageController } from '@/services/controllers/JSONStorageController';
-import { RequestController } from '@/services/controllers/RequestController';
-import { UserController } from '@/services/controllers/UserController';
-import { RouterController } from '@/services/controllers/RouterController';
-import { FeApi, FeApiMockPlugin } from '@/services/feApi';
-import { defaultFeApiConfig, openAiConfig } from '@config/app.common';
-import themeConfigJson from '@config/theme.json';
-import appRouterConfig from '@config/app.router.json';
-import mockDataJson from '@config/feapi.mock.json';
-import { RequestCommonPlugin } from '@lib/request-common-plugin';
-import { localJsonStorage, logger } from './globals';
-import { RequestLogger } from '@/utils/RequestLogger';
-import { RouteConfig } from '@/types/Page';
-import { PageProcesser } from '@/services/pageProcesser';
-
-// common plugins
-const requestLogger = new RequestLogger(logger);
-export const feApiAbort = new FetchAbortPlugin();
-
-// open ai api
-openAiConfig.commonPluginConfig.requestDataSerializer = (data) =>
-  JSON.stringify(data);
-export const openAiApi = new OpenAIClient(openAiConfig).usePlugin(
-  requestLogger
-);
-
-export const feApi = new FeApi({
-  abortPlugin: feApiAbort,
-  config: defaultFeApiConfig.adapter
-})
-  .usePlugin(new FetchURLPlugin())
-  .usePlugin(
-    new RequestCommonPlugin({
-      ...defaultFeApiConfig.commonPluginConfig,
-      token: () => localJsonStorage.getItem('fe_user_token')
-    })
-  )
-  .usePlugin(new FeApiMockPlugin(mockDataJson))
-  .usePlugin(requestLogger)
-  .usePlugin(feApiAbort);
-
-// ui layer controller
-export const routerController = new RouterController({
-  config: appRouterConfig.base as RouteConfig,
-  logger
-});
-
-export const jsonStorageController = new JSONStorageController(
-  localJsonStorage
-);
-export const requestController = new RequestController(openAiApi, feApi);
-export const executorController = new ExecutorController(feApi);
-export const userController = new UserController({
-  storageKey: 'fe_user_token',
-  storage: localJsonStorage,
-  feApi,
-  routerController
-});
-export const themeController = new ThemeController({
-  ...themeConfigJson.override,
-  storage: localJsonStorage
-});
-
-export const pageProcesser = new PageProcesser({
-  logger
-}).usePlugin(userController);

package/templates/react-app/src/services/pageProcesser/index.ts

@@ -1 +0,0 @@
-export * from './PageProcesser';

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

@@ -1,29 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"],
-      "@lib/*": ["./lib/*"],
-      "@config/*": ["./config/*"],
-      "packages/*": ["../../packages/*"]
-    }
-  },
-  "include": ["src", "config", "lib"]
-}

package/templates/react-vite-lib/.gitignore.template

@@ -1,27 +0,0 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-dist
-dist-ssr
-*.local
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
-
-tsconfig.app.json
-tsconfig.node.json

package/templates/react-vite-lib/README.md

@@ -1,50 +0,0 @@
-# React + TypeScript + Vite
-
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
-
-- Configure the top-level `parserOptions` property like this:
-
-```js
-export default tseslint.config({
-  languageOptions: {
-    // other options...
-    parserOptions: {
-      project: ['./tsconfig.node.json', './tsconfig.app.json'],
-      tsconfigRootDir: import.meta.dirname,
-    },
-  },
-})
-```
-
-- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
-- Optionally add `...tseslint.configs.stylisticTypeChecked`
-- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
-
-```js
-// eslint.config.js
-import react from 'eslint-plugin-react'
-
-export default tseslint.config({
-  // Set the react version
-  settings: { react: { version: '18.3' } },
-  plugins: {
-    // Add the react plugin
-    react,
-  },
-  rules: {
-    // other rules...
-    // Enable its recommended rules
-    ...react.configs.recommended.rules,
-    ...react.configs['jsx-runtime'].rules,
-  },
-})
-```

package/templates/react-vite-lib/__tests__/Sum.test.ts

@@ -1,9 +0,0 @@
-import { sum } from '../src/calc';
-
-describe('sum 函数测试', () => {
-  it('应该返回两个数字的和', () => {
-    expect(sum(1, 2)).toBe(3);
-    expect(sum(-1, 1)).toBe(0);
-    expect(sum(0, 0)).toBe(0);
-  });
-});

package/templates/react-vite-lib/__tests__/Text.test.tsx

@@ -1,11 +0,0 @@
-import '@testing-library/jest-dom';
-import { render, screen } from '@testing-library/react';
-import { Text } from '../src/commponents/Text';
-
-describe('Text Component', () => {
-  test('renders the text prop', () => {
-    render(<Text text="Hello, World!" />);
-    const textElement = screen.getByText(/Hello, World!/i);
-    expect(textElement).toBeInTheDocument();
-  });
-});

package/templates/react-vite-lib/eslint.config.js

@@ -1,28 +0,0 @@
-import js from '@eslint/js';
-import globals from 'globals';
-import reactHooks from 'eslint-plugin-react-hooks';
-import reactRefresh from 'eslint-plugin-react-refresh';
-import tseslint from 'typescript-eslint';
-
-export default tseslint.config(
-  { ignores: ['dist'] },
-  {
-    extends: [js.configs.recommended, ...tseslint.configs.recommended],
-    files: ['**/*.{ts,tsx}'],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser
-    },
-    plugins: {
-      'react-hooks': reactHooks,
-      'react-refresh': reactRefresh
-    },
-    rules: {
-      ...reactHooks.configs.recommended.rules,
-      'react-refresh/only-export-components': [
-        'warn',
-        { allowConstantExport: true }
-      ]
-    }
-  }
-);

package/templates/react-vite-lib/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>Vite + React + TS</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>

package/templates/react-vite-lib/package.json

@@ -1,30 +0,0 @@
-{
-  "name": "react-vite-lib",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "lint": "eslint .",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.17.0",
-    "@types/react": "^18.3.18",
-    "@types/react-dom": "^18.3.5",
-    "@vitejs/plugin-react-swc": "^3.5.0",
-    "eslint": "^9.17.0",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.16",
-    "globals": "^15.14.0",
-    "jest": "^29.7.0",
-    "typescript": "~5.6.2",
-    "typescript-eslint": "^8.18.2",
-    "vite": "^6.0.5"
-  }
-}

package/templates/react-vite-lib/public/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/templates/react-vite-lib/src/calc.ts

@@ -1,3 +0,0 @@
-export function sum(a: number, b: number): number {
-  return a + b;
-}

package/templates/react-vite-lib/src/commponents/Text.tsx

@@ -1,7 +0,0 @@
-export type TextProps = {
-  text: string;
-};
-
-export function Text({ text }: TextProps) {
-  return <div>Text: {text}</div>;
-}

package/templates/react-vite-lib/src/index.ts

@@ -1,2 +0,0 @@
-export * from './commponents/Text';
-export * from './calc';

package/templates/react-vite-lib/src/vite-env.d.ts

@@ -1 +0,0 @@
-// / <reference types="vite/client" />

package/templates/react-vite-lib/tsconfig.json

@@ -1,25 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ESNext",
-    "useDefineForClassFields": true,
-    "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "allowJs": false,
-    "skipLibCheck": true,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "module": "ESNext",
-    "moduleResolution": "Node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-    "types": ["vite/client"],
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["src/*"]
-    }
-  },
-  "include": ["src", "vite.config.ts", "__tests__"]
-}

package/templates/react-vite-lib/vite.config.ts

@@ -1,24 +0,0 @@
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react-swc';
-import pkg from './package.json' assert { type: 'json' };
-
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [react()],
-  build: {
-    lib: {
-      entry: 'src/index.ts',
-      name: pkg.name,
-      fileName: (format) => `index.${format}.js`
-    },
-    rollupOptions: {
-      external: ['react', 'react-dom'],
-      output: {
-        globals: {
-          react: 'React',
-          'react-dom': 'ReactDOM'
-        }
-      }
-    }
-  }
-});