create-packer 1.48.0 → 1.49.0

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-vite/domain → react-rsbuild/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-vite → react-rsbuild/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
+}

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

@@ -1 +1 @@
-export * from './createChunks'
+export * from './createCodeSplitting.js'

package/template/web-app/react-vite/{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 → react-vite/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 { RouterProvider } from 'react-router'
+import { request } from '@/service'
+import { routerInstance } from '@/router'
 import * as AppContext from './app-context'
 
 export const Root = () => {

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

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

package/template/web-app/{react-rsbuild → react-vite/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/{pages → src/pages}/home/view.mock.ts

@@ -1,6 +1,6 @@
 import { faker } from '@faker-js/faker'
+import { API } from '@/service'
 import { defineMock } from '@/mockUtils'
-import { API } from '@/shared/service'
 
 export default defineMock([
     {

package/template/web-app/{react-rsbuild → react-vite/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-vite/{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-rsbuild/domain → react-vite/src}/router/components/route-layout.tsx

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

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

@@ -2,7 +2,7 @@ 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, routeType } from '@/router'
 
 export interface propsType {
     rootId: routeType['id']

package/template/web-app/react-vite/{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-vite/src/router/router.types.ts

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

package/template/web-app/react-vite/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,
@@ -19,14 +17,10 @@
         "noEmit": true,
         "jsx": "react-jsx",
         "paths": {
-            "@/*": ["./*"]
+            "@/*": ["./src/*"]
         }
     },
     "include": ["**/*.ts", "**/*.tsx"],
     "exclude": ["scripts", "vite.config.ts"],
-    "references": [
-        {
-            "path": "./tsconfig.node.json"
-        }
-    ]
+    "references": [{ "path": "./tsconfig.node.json" }]
 }

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

@@ -1,8 +1,8 @@
 {
     "compilerOptions": {
         "composite": true,
-        "module": "ESNext",
-        "moduleResolution": "bundler",
+        "module": "nodenext",
+        "moduleResolution": "nodenext",
         "allowSyntheticDefaultImports": true,
         "resolveJsonModule": true
     },

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

@@ -1,3 +1,4 @@
+import path from 'path'
 import { defineConfig, loadEnv } from 'vite'
 import react from '@vitejs/plugin-react'
 import svgr from 'vite-plugin-svgr'
@@ -5,12 +6,13 @@ import { mockDevServerPlugin } from 'vite-plugin-mock-dev-server'
 import checker from 'vite-plugin-checker'
 import tailwindcss from '@tailwindcss/vite'
 import { visualizer } from 'rollup-plugin-visualizer'
-import { createChunks } from './scripts'
+import { createCodeSplitting } from './scripts/index.js'
 
 // https://vitejs.dev/config/
 export default defineConfig(({ mode }) => {
     const env = loadEnv(mode, process.cwd(), '')
     const proxyBaseUrl = env.VITE_BASE_URL + env.VITE_API_HOST
+    const isDropConsole = ['production', 'analyse'].includes(mode)
     const plugins: any[] = [
         tailwindcss(),
         svgr(),
@@ -34,20 +36,20 @@ export default defineConfig(({ mode }) => {
         plugins,
         resolve: {
             alias: {
-                '@': __dirname
+                '@': path.resolve(__dirname, 'src')
             }
         },
-        esbuild: {
-            drop: ['production', 'analyse'].includes(mode) ? ['console', 'debugger'] : []
-        },
         build: {
             sourcemap: mode === 'analyse',
             reportCompressedSize: mode === 'analyse',
-            rollupOptions: {
+            rolldownOptions: {
                 output: {
-                    manualChunks: createChunks({
-                        react: ['react', 'react-dom']
-                    })
+                    codeSplitting: createCodeSplitting([
+                        { name: 'react-vendor', libs: ['react', 'react-dom'], priority: 20 }
+                    ]),
+                    minify: {
+                        compress: { dropConsole: isDropConsole, dropDebugger: isDropConsole }
+                    }
                 }
             }
         },

package/template/web-app/vue/eslint.config.js

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

package/template/web-app/vue/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 + Vue + TS</title>
     </head>
     <body>
         <noscript>You need to enable JavaScript to run this app.</noscript>
         <div id="app"></div>
-        <script type="module" src="/main.ts"></script>
+        <script type="module" src="/src/main.ts"></script>
     </body>
 </html>