create-packer 1.48.0 → 1.50.0

package/template/lib/workspace/packages/react/package.json

@@ -9,7 +9,7 @@
         "*.scss"
     ],
     "scripts": {
-        "lint": "tsc --noEmit -p tsconfig.lint.json",
+        "lint": "tsc --noEmit",
         "test": "echo \"Error: no test specified\" && exit 1",
         "storybook": "storybook dev -p 6006",
         "build-storybook": "storybook build",
@@ -28,18 +28,10 @@
     "devDependencies": {
         "@types/react": "18.3.3",
         "@types/react-dom": "18.3.0",
-        "eslint": "9.17.0",
-        "eslint-import-resolver-typescript": "3.7.0",
-        "eslint-plugin-import": "2.31.0",
-        "eslint-plugin-react": "7.37.2",
-        "eslint-plugin-react-hooks": "5.1.0",
-        "eslint-plugin-storybook": "0.11.1",
         "globals": "15.12.0",
         "prettier": "3.2.5",
         "react": "18.2.0",
         "react-dom": "18.2.0",
-        "stylelint": "16.10.0",
-        "stylelint-config-standard": "36.0.1",
-        "typescript": "5.8.2"
+        "typescript": "6.0.3"
     }
 }

package/template/lib/workspace/packages/react/tsconfig.json

@@ -1,5 +1,6 @@
 {
     "compilerOptions": {
+        "rootDir": "./src",
         "useDefineForClassFields": true,
         "strict": true,
         "forceConsistentCasingInFileNames": true,
@@ -17,9 +18,8 @@
         "sourceMap": false,
         "declaration": true,
         "outDir": "dist",
-        "baseUrl": ".",
         "emitDeclarationOnly": true
     },
     "include": ["src", "./global.d.ts"],
-    "exclude": ["node_modules/**/*"]
+    "exclude": ["node_modules/**/*", "**/*.stories.{ts,tsx}"]
 }

package/template/lib/workspace/packages/ts/package.json

@@ -6,7 +6,7 @@
     "types": "dist/index.d.ts",
     "sideEffects": false,
     "scripts": {
-        "lint": "tsc --noEmit -p tsconfig.lint.json",
+        "lint": "tsc --noEmit",
         "build": "tsc",
         "test": "vitest",
         "coverage": "vitest run --coverage"
@@ -17,14 +17,8 @@
     "license": "ISC",
     "devDependencies": {
         "@vitest/coverage-v8": "3.1.2",
-        "eslint": "9.17.0",
-        "eslint-import-resolver-typescript": "3.7.0",
-        "eslint-plugin-import": "2.31.0",
         "prettier": "3.2.5",
-        "stylelint": "16.10.0",
-        "stylelint-config-standard-scss": "13.0.0",
-        "typescript": "5.8.2",
-        "typescript-eslint": "8.15.0",
+        "typescript": "6.0.3",
         "vitest": "3.1.2"
     }
 }

package/template/lib/workspace/packages/ts/tsconfig.json

@@ -1,5 +1,6 @@
 {
     "compilerOptions": {
+        "rootDir": "./src",
         "useDefineForClassFields": true,
         "strict": true,
         "forceConsistentCasingInFileNames": true,
@@ -16,13 +17,8 @@
         "sourceMap": false,
         "declaration": true,
         "outDir": "dist",
-        "baseUrl": ".",
         "emitDeclarationOnly": true
     },
-    "include": [
-        "src"
-    ],
-    "exclude": [
-        "src/**/*.test.ts"
-    ]
+    "include": ["src"],
+    "exclude": ["**/*.test.ts"]
 }

package/template/lib/workspace/scripts/build.ts

@@ -1,21 +1,26 @@
-import * as path from 'path'
-import { Engine, rollup, tsc } from '1k-tasks'
+import path from 'node:path'
+import ora from 'ora'
+import chalk from 'chalk'
+import * as tsdown from 'tsdown'
 
 async function build(lib: string) {
-    const root = path.join(process.cwd(), 'packages', lib)
-    const ignore = ['**/*.{dts,test,types,type}.ts', '**/*.stories.*']
-    const workDir = 'src'
-    const dest = 'dist'
-    const task = new Engine()
-    task.registry('rollup', rollup.buildReact, {
-        root,
-        workDir,
-        input: '**/*.{ts,tsx}',
-        outputDir: dest,
-        ignore
-    })
-    task.registry('tsc', tsc, { root })
-    task.run({ sync: true, tip: `buliding ${lib}...` })
+    const task = ora().start(chalk.yellow(`buliding ${lib}...\n`))
+    try {
+        await tsdown.build({
+            cwd: path.join(process.cwd(), 'packages', lib),
+            entry: ['src/index.ts'],
+            format: ['esm'],
+            outDir: 'dist',
+            target: ['chrome109', 'edge109', 'firefox114', 'safari16.4'],
+            platform: 'browser',
+            dts: true,
+            unbundle: true,
+            logLevel: 'error'
+        })
+        task.succeed()
+    } catch (e: any) {
+        task.fail(e.message)
+    }
 }
 
 build('ts')

package/template/lib/workspace/tsconfig.json

@@ -5,31 +5,18 @@
         "forceConsistentCasingInFileNames": true,
         "strictPropertyInitialization": false,
         "resolveJsonModule": true,
-        "module": "ESNext",
+        "module": "nodenext",
         "esModuleInterop": true,
-        "jsx": "react-jsx",
         "allowSyntheticDefaultImports": true,
         "allowJs": true,
         "target": "ESNext",
         "noImplicitAny": false,
         "skipLibCheck": true,
-        "moduleResolution": "bundler",
+        "moduleResolution": "nodenext",
         "sourceMap": false,
         "declaration": true,
-        "outDir": "dist",
-        "baseUrl": ".",
         "emitDeclarationOnly": true
     },
-    "include": [
-        ".storybook"
-    ],
-    "exclude": [
-        "node_modules/**/*",
-        "scripts/**/*"
-    ],
-    "references": [
-        {
-            "path": "./tsconfig.node.json"
-        }
-    ]
+    "include": [".storybook", "scripts/**/*"],
+    "exclude": ["node_modules/**/*", "scripts/**/*"]
 }

package/template/web-app/react-rsbuild/eslint.config.js

@@ -25,7 +25,8 @@ export default tseslint.config([
                 ecmaFeatures: {
                     jsx: true
                 },
-                useJSXTextNode: true
+                useJSXTextNode: true,
+                tsconfigRootDir: import.meta.dirname
             },
             globals: {
                 ...globals.browser,

package/template/web-app/react-rsbuild/package.json

@@ -21,9 +21,9 @@
     },
     "dependencies": {
         "@tanstack/react-query": "5.51.15",
-        "axios": "1.7.9",
+        "axios": "1.16.0",
         "define-zustand": "3.4.0",
-        "es-toolkit": "1.43.0",
+        "es-toolkit": "1.46.1",
         "immer": "10.0.1",
         "qs": "6.11.2",
         "react": "18.3.1",
@@ -31,7 +31,7 @@
         "react-router": "7.5.0",
         "react-use": "17.5.0",
         "tailwindcss": "4.1.4",
-        "type-fest": "4.33.0",
+        "type-fest": "5.6.0",
         "zustand": "5.0.3"
     },
     "devDependencies": {
@@ -39,12 +39,12 @@
         "@commitlint/config-conventional": "17.6.1",
         "@commitlint/cz-commitlint": "17.5.0",
         "@eslint/js": "9.15.0",
-        "@rsbuild/core": "1.6.15",
-        "@rsbuild/plugin-eslint": "1.2.0",
-        "@rsbuild/plugin-react": "1.4.2",
-        "@rsbuild/plugin-svgr": "1.2.3",
-        "@rsbuild/plugin-type-check": "1.3.2",
-        "@rsdoctor/rspack-plugin": "1.4.0",
+        "@rsbuild/core": "2.0.5",
+        "@rsbuild/plugin-eslint": "1.3.0",
+        "@rsbuild/plugin-react": "2.0.0",
+        "@rsbuild/plugin-svgr": "2.0.2",
+        "@rsbuild/plugin-type-check": "1.3.4",
+        "@rsdoctor/rspack-plugin": "1.5.10",
         "@tailwindcss/postcss": "4.1.4",
         "@types/node": "18.16.0",
         "@types/qs": "6.9.7",
@@ -55,7 +55,7 @@
         "cross-env": "7.0.3",
         "cssnano": "6.0.0",
         "eslint": "9.17.0",
-        "eslint-import-resolver-typescript": "3.7.0",
+        "eslint-import-resolver-typescript": "4.4.4",
         "eslint-plugin-import": "2.31.0",
         "eslint-plugin-react": "7.37.2",
         "eslint-plugin-react-hooks": "5.1.0",
@@ -69,7 +69,7 @@
         "stylelint": "16.10.0",
         "stylelint-config-standard": "36.0.1",
         "stylelint-webpack-plugin": "5.0.0",
-        "typescript": "5.8.2"
+        "typescript": "6.0.3"
     },
     "config": {
         "commitizen": {

package/template/web-app/react-rsbuild/rsbuild.config.ts

@@ -1,3 +1,4 @@
+import path from 'path'
 import { defineConfig, loadEnv } from '@rsbuild/core'
 import { pluginReact } from '@rsbuild/plugin-react'
 import { pluginSvgr } from '@rsbuild/plugin-svgr'
@@ -14,16 +15,16 @@ export default defineConfig(({ envMode, command }) => {
         html: {
             template: './index.html',
             title: 'Rsbuild + React + TS',
-            favicon: './shared/assets/react.svg'
+            favicon: './src/assets/react.svg'
         },
         source: {
             entry: {
-                index: './main.tsx'
+                index: './src/main.tsx'
             }
         },
         resolve: {
             alias: {
-                '@': __dirname
+                '@': path.resolve(__dirname, 'src')
             }
         },
         output: {
@@ -56,22 +57,19 @@ export default defineConfig(({ envMode, command }) => {
         ],
         performance: {
             removeConsole: command === 'build' ? ['log'] : false,
-            chunkSplit: {
-                strategy: 'custom',
-                splitChunks: {
-                    minChunks: 1,
-                    cacheGroups: createChunks([{ libs: ['react', 'react-dom'], name: 'react' }])
-                }
-            },
             bundleAnalyze: envMode === 'analyse' ? { openAnalyzer: true } : void 0
         },
+        splitChunks: {
+            minChunks: 1,
+            cacheGroups: createChunks([{ libs: ['react', 'react-dom'], name: 'react' }])
+        },
         server: {
             base: env.PUBLIC_BASE_URL,
             host: '0.0.0.0',
             compress: false,
             proxy: [
                 {
-                    context: [env.PUBLIC_API_HOST],
+                    pathFilter: [env.PUBLIC_API_HOST],
                     target: 'http://127.0.0.1:3000'
                 }
             ]

package/template/web-app/react-rsbuild/{domain → src}/components/app-context.tsx

@@ -1,6 +1,6 @@
 import { FunctionComponent, ReactNode } from 'react'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import { request } from '@/shared/service'
+import { request } from '@/service'
 
 const queryClient = new QueryClient({
     defaultOptions: {

package/template/web-app/react-rsbuild/{domain → src}/components/app.tsx

@@ -1,7 +1,7 @@
 import { useLayoutEffect, Suspense } from 'react'
 import { RouterProvider } from 'react-router/dom'
-import { request } from '@/shared/service'
-import { routerInstance } from '@/domain/router'
+import { request } from '@/service'
+import { routerInstance } from '@/router'
 import * as AppContext from './app-context'
 
 export const Root = () => {

package/template/web-app/react-rsbuild/{shared → src}/components/index.ts

@@ -1 +1,2 @@
 export * as componentInstance from './componentInstance'
+export * as App from './app'

package/template/web-app/{react-vite/shared → react-rsbuild/src}/hooks/useLazyRender.ts

@@ -1,4 +1,4 @@
-import { RefObject, useEffect, useRef } from 'react'
+import { RefObject, startTransition, useEffect, useRef } from 'react'
 import { useIntersection } from 'react-use'
 import { useSyncState } from './useSyncState'
 

package/template/web-app/react-rsbuild/{main.tsx → src/main.tsx}

@@ -1,5 +1,5 @@
 import { createRoot } from 'react-dom/client'
-import { App } from '@/domain/components'
-import './shared/styles/theme.css'
+import { App } from '@/components'
+import './styles/theme.css'
 
 createRoot(document.getElementById('root') as HTMLElement).render(<App.Root />)

package/template/web-app/{react-vite → react-rsbuild/src}/pages/home/view.tsx

@@ -1,4 +1,4 @@
-import { useHomeData } from '@/shared/service'
+import { useHomeData } from '@/service'
 import styles from './view.module.css'
 
 export default function Home() {

package/template/web-app/react-rsbuild/{pages → src/pages}/index.tsx

@@ -1,6 +1,6 @@
 import { useEffect } from 'react'
 import { Outlet, useLocation } from 'react-router'
-import { useRouter, routerIds } from '@/domain/router'
+import { useRouter, routerIds } from '@/router'
 
 const Layout = () => {
     const location = useLocation()

package/template/web-app/{react-vite/domain → react-rsbuild/src}/router/components/route-layout.tsx

@@ -1,7 +1,8 @@
 import { FunctionComponent } from 'react'
 import { Outlet } from 'react-router'
 import { last } from 'es-toolkit'
-import { routeType, useMatchRoutes } from '@/domain/router'
+import { useMatchRoutes } from '../router'
+import { routeType } from '../router.types'
 
 export interface propsType {
     Index: FunctionComponent

package/template/web-app/react-rsbuild/{domain → src}/router/components/sub-route-outlet.tsx

@@ -2,7 +2,8 @@ import { FunctionComponent } from 'react'
 import { Outlet } from 'react-router'
 import { useMount } from 'react-use'
 import { last } from 'es-toolkit'
-import { useMatchRoutes, useRouter, routeType } from '@/domain/router'
+import { useMatchRoutes, useRouter } from '../router'
+import { routeType } from '../router.types'
 
 export interface propsType {
     rootId: routeType['id']

package/template/web-app/react-rsbuild/{domain → src}/router/router.tsx

@@ -1,6 +1,6 @@
 import { lazy } from 'react'
 import { createBrowserRouter } from 'react-router'
-import { defineRouter, routeType } from '@/shared/hooks'
+import { defineRouter, routeType } from '@/hooks'
 import ids from './ids'
 import * as home from './home'
 

package/template/web-app/react-rsbuild/src/router/router.types.ts

@@ -0,0 +1,3 @@
+import { routeType as $routeType } from '@/hooks'
+
+export type routeType = $routeType

package/template/web-app/react-rsbuild/tsconfig.json

@@ -1,12 +1,10 @@
 {
     "compilerOptions": {
-        "baseUrl": ".",
         "target": "ESNext",
         "useDefineForClassFields": true,
         "lib": ["DOM", "DOM.Iterable", "ESNext"],
         "allowJs": false,
         "skipLibCheck": true,
-        "esModuleInterop": false,
         "allowSyntheticDefaultImports": true,
         "strict": true,
         "forceConsistentCasingInFileNames": true,
@@ -17,16 +15,13 @@
         "resolveJsonModule": true,
         "isolatedModules": true,
         "noEmit": true,
+        "noImplicitAny": false,
         "jsx": "react-jsx",
         "paths": {
-            "@/*": ["./*"]
-        }
+            "@/*": ["./src/*"]
+        },
+        "types": ["*"]
     },
     "include": ["**/*.ts", "**/*.tsx"],
-    "exclude": ["scripts", "rsbuild.config.ts"],
-    "references": [
-        {
-            "path": "./tsconfig.node.json"
-        }
-    ]
+    "exclude": ["scripts", "vite.config.ts"]
 }

package/template/web-app/react-vite/eslint.config.js

@@ -32,7 +32,8 @@ export default tseslint.config([
                 ecmaFeatures: {
                     jsx: true
                 },
-                useJSXTextNode: true
+                useJSXTextNode: true,
+                tsconfigRootDir: import.meta.dirname
             },
             globals: {
                 ...globals.browser,

package/template/web-app/react-vite/index.html

@@ -2,13 +2,13 @@
 <html lang="en">
     <head>
         <meta charset="UTF-8" />
-        <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+        <link rel="icon" type="image/svg+xml" href="/src/assets/favicon.svg" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>Vite + React + TS</title>
     </head>
     <body>
         <noscript>You need to enable JavaScript to run this app.</noscript>
         <div id="root"></div>
-        <script type="module" src="/main.tsx"></script>
+        <script type="module" src="/src/main.tsx"></script>
     </body>
 </html>

package/template/web-app/react-vite/package.json

@@ -1,78 +1,78 @@
-{
-    "name": "react-vite",
-    "private": true,
-    "version": "0.0.0",
-    "type": "module",
-    "scripts": {
-        "prepare": "husky",
-        "dev": "vite",
-        "build": "tsc --noEmit && vite build",
-        "build:analyse": "tsc --noEmit && vite build --mode analyse",
-        "preview": "vite preview",
-        "up:vite": "pnpm up vite @vitejs/* vite-plugin-* -L",
-        "up:tailwind": "pnpm up tailwindcss @tailwindcss/* -L",
-        "format": "prettier --write \"**/*.{ts,js,tsx,jsx,json,css,scss,less}\"",
-        "lint": "tsc --noEmit && eslint --no-error-on-unmatched-pattern && stylelint **/*.{css,scss,less,ts,tsx}",
-        "lint:fix": "eslint --fix && stylelint **/*.{css,scss,less,ts,tsx} --fix",
-        "cz": "cz",
-        "push": "npm run commit && git push",
-        "commit": "git add . && npm run cz"
-    },
-    "dependencies": {
-        "@tanstack/react-query": "5.51.15",
-        "axios": "1.7.9",
-        "define-zustand": "3.4.0",
-        "es-toolkit": "1.43.0",
-        "immer": "10.0.1",
-        "qs": "6.11.2",
-        "react": "18.3.1",
-        "react-dom": "18.3.1",
-        "react-router": "7.5.0",
-        "react-use": "17.5.0",
-        "tailwindcss": "4.1.4",
-        "type-fest": "4.33.0",
-        "zustand": "5.0.3"
-    },
-    "devDependencies": {
-        "@commitlint/cli": "17.6.1",
-        "@commitlint/config-conventional": "17.6.1",
-        "@commitlint/cz-commitlint": "17.5.0",
-        "@eslint/js": "9.15.0",
-        "@faker-js/faker": "8.4.1",
-        "@tailwindcss/vite": "^4.1.18",
-        "@types/node": "18.16.0",
-        "@types/qs": "6.9.7",
-        "@types/react": "18.3.3",
-        "@types/react-dom": "18.3.0",
-        "@vitejs/plugin-react": "5.1.2",
-        "autoprefixer": "10.4.14",
-        "commitizen": "4.3.0",
-        "cssnano": "6.0.0",
-        "eslint": "9.17.0",
-        "eslint-import-resolver-typescript": "3.7.0",
-        "eslint-plugin-import": "2.31.0",
-        "eslint-plugin-react": "7.37.2",
-        "eslint-plugin-react-hooks": "5.1.0",
-        "globals": "15.12.0",
-        "husky": "9.1.6",
-        "inquirer": "8.1.2",
-        "postcss": "8.4.35",
-        "postcss-import": "16.0.1",
-        "postcss-nesting": "12.0.3",
-        "prettier": "3.2.5",
-        "rollup-plugin-visualizer": "5.12.0",
-        "stylelint": "16.10.0",
-        "stylelint-config-standard": "36.0.1",
-        "typescript": "5.8.2",
-        "typescript-eslint": "8.15.0",
-        "vite": "7.3.0",
-        "vite-plugin-checker": "0.12.0",
-        "vite-plugin-mock-dev-server": "2.0.7",
-        "vite-plugin-svgr": "4.5.0"
-    },
-    "config": {
-        "commitizen": {
-            "path": "@commitlint/cz-commitlint"
-        }
-    }
-}
+{
+    "name": "react-vite",
+    "private": true,
+    "version": "0.0.0",
+    "type": "module",
+    "scripts": {
+        "prepare": "husky",
+        "dev": "vite",
+        "build": "tsc --noEmit && vite build",
+        "build:analyse": "tsc --noEmit && vite build --mode analyse",
+        "preview": "vite preview",
+        "up:vite": "pnpm up vite @vitejs/* vite-plugin-* -L",
+        "up:tailwind": "pnpm up tailwindcss @tailwindcss/* -L",
+        "format": "prettier --write \"**/*.{ts,js,tsx,jsx,json,css,scss,less}\"",
+        "lint": "tsc --noEmit && eslint --no-error-on-unmatched-pattern && stylelint **/*.{css,scss,less,ts,tsx}",
+        "lint:fix": "eslint --fix && stylelint **/*.{css,scss,less,ts,tsx} --fix",
+        "cz": "cz",
+        "push": "npm run commit && git push",
+        "commit": "git add . && npm run cz"
+    },
+    "dependencies": {
+        "@tanstack/react-query": "5.51.15",
+        "axios": "1.16.0",
+        "define-zustand": "3.4.0",
+        "es-toolkit": "1.46.1",
+        "immer": "10.0.1",
+        "qs": "6.11.2",
+        "react": "18.3.1",
+        "react-dom": "18.3.1",
+        "react-router": "7.13.2",
+        "react-use": "17.5.0",
+        "tailwindcss": "4.1.4",
+        "type-fest": "5.6.0",
+        "zustand": "5.0.3"
+    },
+    "devDependencies": {
+        "@commitlint/cli": "17.6.1",
+        "@commitlint/config-conventional": "17.6.1",
+        "@commitlint/cz-commitlint": "17.5.0",
+        "@eslint/js": "9.15.0",
+        "@faker-js/faker": "8.4.1",
+        "@tailwindcss/vite": "^4.1.18",
+        "@types/node": "18.16.0",
+        "@types/qs": "6.9.7",
+        "@types/react": "18.3.3",
+        "@types/react-dom": "18.3.0",
+        "@vitejs/plugin-react": "6.0.1",
+        "autoprefixer": "10.4.14",
+        "commitizen": "4.3.0",
+        "cssnano": "6.0.0",
+        "eslint": "9.17.0",
+        "eslint-import-resolver-typescript": "4.4.4",
+        "eslint-plugin-import": "2.31.0",
+        "eslint-plugin-react": "7.37.2",
+        "eslint-plugin-react-hooks": "5.1.0",
+        "globals": "15.12.0",
+        "husky": "9.1.6",
+        "inquirer": "8.1.2",
+        "postcss": "8.4.35",
+        "postcss-import": "16.0.1",
+        "postcss-nesting": "12.0.3",
+        "prettier": "3.2.5",
+        "rollup-plugin-visualizer": "5.12.0",
+        "stylelint": "16.10.0",
+        "stylelint-config-standard": "36.0.1",
+        "typescript": "6.0.3",
+        "typescript-eslint": "8.59.2",
+        "vite": "8.0.11",
+        "vite-plugin-checker": "0.13.0",
+        "vite-plugin-mock-dev-server": "2.2.0",
+        "vite-plugin-svgr": "5.2.0"
+    },
+    "config": {
+        "commitizen": {
+            "path": "@commitlint/cz-commitlint"
+        }
+    }
+}

package/template/web-app/react-vite/scripts/createCodeSplitting.ts

@@ -0,0 +1,30 @@
+import { type BuildEnvironmentOptions } from 'vite'
+
+type OutputOption<T> = T extends Array<infer O> ? O : T
+type CodeSplitting = NonNullable<
+    OutputOption<NonNullable<BuildEnvironmentOptions['rolldownOptions']>['output']>
+>['codeSplitting']
+
+export function createCodeSplitting(
+    chunks: Array<{ name: string; libs: string[] | RegExp; priority: number }>
+) {
+    const result = {
+        groups: [
+            {
+                test: /[\\/]node_modules[\\/]/,
+                name: 'vendors',
+                priority: 1
+            }
+        ]
+    } satisfies CodeSplitting
+    chunks.forEach(({ name, libs, priority }) => {
+        result.groups.unshift({
+            test: Array.isArray(libs)
+                ? new RegExp(`[\\\\/]node_modules[\\\\/](${libs.join('|')})[\\\\/]`)
+                : libs,
+            name,
+            priority
+        })
+    })
+    return result
+}