create-packer 1.37.2 → 1.38.0

package/template/web-app/react-rsbuild/domain/app/components/app.tsx

@@ -1,24 +1,24 @@
-import { useLayoutEffect } from 'react'
-import { RouterProvider } from 'react-router-dom'
-import { request } from '@/shared/service'
-import { routerInstance } from '@/domain/router'
-import { GlobalStyle } from '../app.styled'
-import * as AppContext from './app-context'
-
-export const Root = () => {
-    useLayoutEffect(() => {
-        request.interceptors.response.use(
-            res => res,
-            error => {
-                console.log(error)
-            }
-        )
-    }, [])
-
-    return (
-        <AppContext.Root>
-            <GlobalStyle />
-            <RouterProvider router={routerInstance} fallbackElement={<>loading...</>} />
-        </AppContext.Root>
-    )
-}
+import { useLayoutEffect } from 'react'
+import { RouterProvider } from 'react-router-dom'
+import { request } from '@/shared/service'
+import { routerInstance } from '@/domain/router'
+import { GlobalStyle } from '../app.styled'
+import * as AppContext from './app-context'
+
+export const Root = () => {
+    useLayoutEffect(() => {
+        request.interceptors.response.use(
+            res => res,
+            error => {
+                console.log(error)
+            }
+        )
+    }, [])
+
+    return (
+        <AppContext.Root>
+            <GlobalStyle />
+            <RouterProvider router={routerInstance} fallbackElement={<>loading...</>} />
+        </AppContext.Root>
+    )
+}

package/template/web-app/react-rsbuild/domain/app/components/index.ts

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

package/template/web-app/react-rsbuild/domain/app/index.ts

@@ -1,2 +1,2 @@
-export * from './app.model'
-export * from './components'
+export * from './app.model'
+export * from './components'

package/template/web-app/react-rsbuild/domain/router/home/ids.ts

@@ -1,3 +1,3 @@
-export default {
-    home: 'home'
-}
+export default {
+    home: 'home'
+}

package/template/web-app/react-rsbuild/domain/router/home/index.ts

@@ -1,2 +1,2 @@
-export { default as routes } from './routes'
-export { default as ids } from './ids'
+export { default as routes } from './routes'
+export { default as ids } from './ids'

package/template/web-app/react-rsbuild/domain/router/home/routes.tsx

@@ -1,13 +1,13 @@
-import { lazy } from 'react'
-import ids from './ids'
-import type { routeType } from '../router.types'
-
-const routes: routeType[] = [
-    {
-        path: 'home',
-        id: ids.home,
-        Component: lazy(() => import('@/pages/home'))
-    }
-]
-
-export default routes
+import { lazy } from 'react'
+import ids from './ids'
+import type { routeType } from '../router.types'
+
+const routes: routeType[] = [
+    {
+        path: 'home',
+        id: ids.home,
+        Component: lazy(() => import('@/pages/home'))
+    }
+]
+
+export default routes

package/template/web-app/react-rsbuild/domain/router/ids.ts

@@ -1,6 +1,6 @@
-import * as home from './home'
-export default {
-    root: 'root',
-    notFound: 'notFound',
-    ...home.ids
-}
+import * as home from './home'
+export default {
+    root: 'root',
+    notFound: 'notFound',
+    ...home.ids
+}

package/template/web-app/react-rsbuild/domain/router/index.ts

@@ -1,3 +1,3 @@
-export { default as routerIds } from './ids'
-export * from './router'
-export * from './router.types'
+export { default as routerIds } from './ids'
+export * from './router'
+export * from './router.types'

package/template/web-app/react-rsbuild/domain/router/router.tsx

@@ -1,28 +1,28 @@
-import { lazy } from 'react'
-import { createBrowserRouter } from 'react-router-dom'
-import { defineRouter, routeType } from '@/shared/hooks'
-import ids from './ids'
-import * as home from './home'
-
-const routes: routeType[] = [
-    {
-        path: '/',
-        id: ids.root,
-        Component: lazy(() => import('@/pages')),
-        children: [
-            ...home.routes,
-            {
-                path: '*',
-                id: ids.notFound,
-                Component: lazy(() => import('@/pages/not-found'))
-            }
-        ]
-    }
-]
-
-export const routerInstance = createBrowserRouter(routes as never, {
-    basename: import.meta.env.PUBLIC_BASE_URL
-})
-
-export const { useMatchRoutes, useQuery, useRouter, useRoutePermission } =
-    defineRouter(routerInstance)
+import { lazy } from 'react'
+import { createBrowserRouter } from 'react-router-dom'
+import { defineRouter, routeType } from '@/shared/hooks'
+import ids from './ids'
+import * as home from './home'
+
+const routes: routeType[] = [
+    {
+        path: '/',
+        id: ids.root,
+        Component: lazy(() => import('@/pages')),
+        children: [
+            ...home.routes,
+            {
+                path: '*',
+                id: ids.notFound,
+                Component: lazy(() => import('@/pages/not-found'))
+            }
+        ]
+    }
+]
+
+export const routerInstance = createBrowserRouter(routes as never, {
+    basename: import.meta.env.PUBLIC_BASE_URL
+})
+
+export const { useMatchRoutes, useQuery, useRouter, useRoutePermission } =
+    defineRouter(routerInstance)

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

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

package/template/web-app/react-rsbuild/env.d.ts

@@ -1,28 +1,28 @@
-/// <reference types="@rsbuild/core/types" />
-import 'styled-components'
-import { themeType } from './shared/theme'
-
-declare module 'styled-components' {
-    export interface DefaultTheme extends themeType {}
-}
-declare global {
-    interface ImportMetaEnv {
-        // import.meta.env.PUBLIC_FOO
-        readonly PUBLIC_BASE_URL: string
-        readonly PUBLIC_API_HOST: string
-    }
-
-    interface ImportMeta {
-        readonly env: ImportMetaEnv
-    }
-
-    declare module '*.svg' {
-        const content: string
-        export default content
-    }
-
-    declare module '*.svg?react' {
-        const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement>>
-        export default ReactComponent
-    }
-}
+/// <reference types="@rsbuild/core/types" />
+import 'styled-components'
+import { themeType } from './shared/theme'
+
+declare module 'styled-components' {
+    export interface DefaultTheme extends themeType {}
+}
+declare global {
+    interface ImportMetaEnv {
+        // import.meta.env.PUBLIC_FOO
+        readonly PUBLIC_BASE_URL: string
+        readonly PUBLIC_API_HOST: string
+    }
+
+    interface ImportMeta {
+        readonly env: ImportMetaEnv
+    }
+
+    declare module '*.svg' {
+        const content: string
+        export default content
+    }
+
+    declare module '*.svg?react' {
+        const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement>>
+        export default ReactComponent
+    }
+}

package/template/web-app/react-rsbuild/main.tsx

@@ -1,4 +1,4 @@
-import { createRoot } from 'react-dom/client'
-import { App } from '@/domain/app'
-
-createRoot(document.getElementById('root') as HTMLElement).render(<App.Root />)
+import { createRoot } from 'react-dom/client'
+import { App } from '@/domain/app'
+
+createRoot(document.getElementById('root') as HTMLElement).render(<App.Root />)

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

@@ -11,7 +11,7 @@
         "build:rsdoctor": "cross-env RSDOCTOR=true rsbuild build",
         "preview": "rsbuild preview",
         "up:rsbuild": "pnpm up @rsbuild/* -L",
-        "format": "biome format --write",
+        "format": "prettier --write \"**/*.{ts,js,tsx,jsx,json,css,scss,less}\"",
         "lint": "tsc --noEmit && eslint **/*.{tsx,ts,jsx,js} --no-error-on-unmatched-pattern && stylelint **/*.{css,scss,less,ts,tsx}",
         "lint:fix": "eslint **/*.{tsx,ts,jsx,js} --fix && stylelint **/*.{css,scss,less,ts,tsx} --fix",
         "cz": "cz",
@@ -35,15 +35,14 @@
         "zustand": "4.4.1"
     },
     "devDependencies": {
-        "@biomejs/biome": "1.9.3",
         "@commitlint/cli": "17.6.1",
         "@commitlint/config-conventional": "17.6.1",
         "@commitlint/cz-commitlint": "17.5.0",
-        "@rsbuild/core": "1.0.13",
+        "@rsbuild/core": "1.1.0",
         "@rsbuild/plugin-eslint": "1.0.4",
-        "@rsbuild/plugin-react": "1.0.3",
+        "@rsbuild/plugin-react": "1.0.7",
         "@rsbuild/plugin-styled-components": "1.0.1",
-        "@rsbuild/plugin-svgr": "1.0.3",
+        "@rsbuild/plugin-svgr": "1.0.5",
         "@rsbuild/plugin-type-check": "1.0.1",
         "@rsdoctor/rspack-plugin": "0.4.2",
         "@types/lodash-es": "4.17.7",
@@ -51,8 +50,8 @@
         "@types/qs": "6.9.7",
         "@types/react": "18.3.3",
         "@types/react-dom": "18.3.0",
-        "@typescript-eslint/eslint-plugin": "7.0.2",
-        "@typescript-eslint/parser": "7.0.2",
+        "@typescript-eslint/eslint-plugin": "8.13.0",
+        "@typescript-eslint/parser": "8.13.0",
         "autoprefixer": "10.4.14",
         "commitizen": "4.3.0",
         "cssnano": "6.0.0",
@@ -61,16 +60,16 @@
         "eslint-plugin-import": "2.29.1",
         "eslint-plugin-react": "7.33.2",
         "eslint-plugin-react-hooks": "4.6.0",
-        "husky": "8.0.3",
-        "inquirer": "8.1.2",
+        "husky": "9.1.6",
         "postcss": "8.4.35",
         "postcss-import": "16.0.1",
         "postcss-nesting": "12.0.3",
         "postcss-styled-syntax": "0.6.4",
-        "stylelint": "16.2.1",
+        "prettier": "3.2.5",
+        "stylelint": "16.10.0",
         "stylelint-config-standard": "36.0.1",
         "stylelint-webpack-plugin": "5.0.0",
-        "typescript": "5.5.2"
+        "typescript": "5.6.3"
     },
     "config": {
         "commitizen": {

package/template/web-app/react-rsbuild/pages/home/home.styled.ts

@@ -1,7 +1,7 @@
-import styled, { css } from 'styled-components'
-
-export const StyledRoot = styled.div(({ theme }) => {
-    return css`
-        ${theme.tools.flex('center', 'center')};
-    `
-})
+import styled, { css } from 'styled-components'
+
+export const StyledRoot = styled.div(({ theme }) => {
+    return css`
+        ${theme.tools.flex('center', 'center')};
+    `
+})

package/template/web-app/react-rsbuild/pages/home/home.tsx

@@ -1,10 +1,10 @@
-import { useHomeQuery } from '@/shared/service'
-import { StyledRoot } from './home.styled'
-
-export default function Home() {
-    const query = useHomeQuery()
-
-    console.log('data', query.data)
-
-    return <StyledRoot>sdfs</StyledRoot>
-}
+import { useHomeQuery } from '@/shared/service'
+import { StyledRoot } from './home.styled'
+
+export default function Home() {
+    const query = useHomeQuery()
+
+    console.log('data', query.data)
+
+    return <StyledRoot>sdfs</StyledRoot>
+}

package/template/web-app/react-rsbuild/pages/home/index.ts

@@ -1 +1 @@
-export { default } from './home'
+export { default } from './home'

package/template/web-app/react-rsbuild/pages/index.tsx

@@ -1,18 +1,18 @@
-import { useEffect } from 'react'
-import { Outlet, useLocation } from 'react-router-dom'
-import { useRouter, routerIds } from '@/domain/router'
-
-const Layout = () => {
-    const location = useLocation()
-    const navigate = useRouter(state => state.navigate)
-
-    useEffect(() => {
-        if (location.pathname === '/') {
-            navigate({ id: routerIds.home })
-        }
-    }, [location])
-
-    return <Outlet />
-}
-
-export default Layout
+import { useEffect } from 'react'
+import { Outlet, useLocation } from 'react-router-dom'
+import { useRouter, routerIds } from '@/domain/router'
+
+const Layout = () => {
+    const location = useLocation()
+    const navigate = useRouter(state => state.navigate)
+
+    useEffect(() => {
+        if (location.pathname === '/') {
+            navigate({ id: routerIds.home })
+        }
+    }, [location])
+
+    return <Outlet />
+}
+
+export default Layout

package/template/web-app/react-rsbuild/pages/not-found.tsx

@@ -1,3 +1,3 @@
-export default function NotFound() {
-    return <div>404</div>
-}
+export default function NotFound() {
+    return <div>404</div>
+}

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

@@ -1,85 +1,78 @@
-import { defineConfig, loadEnv } from '@rsbuild/core'
-import { pluginReact } from '@rsbuild/plugin-react'
-import { pluginStyledComponents } from '@rsbuild/plugin-styled-components'
-import { pluginEslint } from '@rsbuild/plugin-eslint'
-import StylelintWebpackPlugin from 'stylelint-webpack-plugin'
-import { pluginTypeCheck } from '@rsbuild/plugin-type-check'
-import { RsdoctorRspackPlugin } from '@rsdoctor/rspack-plugin'
-import { pluginSvgr } from '@rsbuild/plugin-svgr'
-import { createChunks } from './scripts/createChunks'
-
-export default defineConfig(({ envMode, command }) => {
-    const { parsed: env } = loadEnv()
-    const proxyBaseUrl = env.PUBLIC_API_HOST
-    const baseUrl = env.PUBLIC_BASE_URL
-    return {
-        html: {
-            template: './index.html'
-        },
-        source: {
-            entry: {
-                index: './main.tsx'
-            },
-            alias: {
-                '@': __dirname
-            }
-        },
-        dev: {
-            minify: envMode !== 'dev'
-        },
-        output: {
-            assetPrefix: baseUrl,
-            distPath: {
-                root: 'dist'
-            },
-            cleanDistPath: true
-        },
-        tools: {
-            rspack: {
-                plugins: [
-                    new StylelintWebpackPlugin(),
-                    process.env.RSDOCTOR && new RsdoctorRspackPlugin()
-                ]
-            }
-        },
-        plugins: [
-            pluginTypeCheck(),
-            pluginEslint(),
-            pluginStyledComponents({
-                ssr: false,
-                displayName: false,
-                fileName: false,
-                transpileTemplateLiterals: false
-            }),
-            pluginSvgr(),
-            pluginReact()
-        ],
-        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
-        },
-        server: {
-            base: baseUrl,
-            host: '0.0.0.0',
-            compress: false,
-            proxy: [
-                {
-                    context: [proxyBaseUrl],
-                    target: 'http://127.0.0.1:3000',
-                    changeOrigin: true,
-                    secure: false,
-                    pathRewrite: {
-                        [proxyBaseUrl]: ''
-                    }
-                }
-            ]
-        }
-    }
-})
+import { defineConfig, loadEnv } from '@rsbuild/core'
+import { pluginReact } from '@rsbuild/plugin-react'
+import { pluginStyledComponents } from '@rsbuild/plugin-styled-components'
+import { pluginEslint } from '@rsbuild/plugin-eslint'
+import StylelintWebpackPlugin from 'stylelint-webpack-plugin'
+import { pluginTypeCheck } from '@rsbuild/plugin-type-check'
+import { RsdoctorRspackPlugin } from '@rsdoctor/rspack-plugin'
+import { pluginSvgr } from '@rsbuild/plugin-svgr'
+import { createChunks } from './scripts'
+
+export default defineConfig(({ envMode, command }) => {
+    const { parsed: env } = loadEnv()
+    const proxyBaseUrl = env.PUBLIC_API_HOST
+    return {
+        html: {
+            template: './index.html'
+        },
+        source: {
+            entry: {
+                index: './main.tsx'
+            },
+            alias: {
+                '@': __dirname
+            }
+        },
+        output: {
+            distPath: {
+                root: 'dist'
+            },
+            cleanDistPath: true
+        },
+        tools: {
+            rspack: {
+                plugins: [
+                    new StylelintWebpackPlugin(),
+                    process.env.RSDOCTOR && new RsdoctorRspackPlugin()
+                ]
+            }
+        },
+        plugins: [
+            pluginTypeCheck(),
+            pluginEslint(),
+            pluginStyledComponents({
+                ssr: false,
+                displayName: false,
+                fileName: false,
+                transpileTemplateLiterals: false
+            }),
+            pluginSvgr(),
+            pluginReact()
+        ],
+        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
+        },
+        server: {
+            base: env.PUBLIC_BASE_URL,
+            host: '0.0.0.0',
+            compress: false,
+            proxy: [
+                {
+                    context: [proxyBaseUrl],
+                    target: 'http://127.0.0.1:3000',
+                    pathRewrite: {
+                        [proxyBaseUrl]: ''
+                    }
+                }
+            ]
+        }
+    }
+})

package/template/web-app/react-rsbuild/scripts/createChunks.ts

@@ -1,26 +1,26 @@
-import { CacheGroups } from '@rsbuild/core'
-
-export function createChunks(
-    chunks: Array<{ name: string; libs: string[] | RegExp; priority?: number }>
-) {
-    const result: CacheGroups = {
-        vendors: {
-            test: /[\\/]node_modules[\\/]/,
-            chunks: 'all',
-            name: 'vendors',
-            priority: -1
-        }
-    }
-    chunks.forEach(({ name, libs, priority }) => {
-        result[name] = {
-            test: Array.isArray(libs)
-                ? new RegExp(`[\\\\/]node_modules[\\\\/](${libs.join('|')})[\\\\/]`)
-                : libs,
-            chunks: 'all',
-            name,
-            priority
-        }
-        return result
-    })
-    return result
-}
+import { CacheGroups } from '@rsbuild/core'
+
+export function createChunks(
+    chunks: Array<{ name: string; libs: string[] | RegExp; priority?: number }>
+) {
+    const result: CacheGroups = {
+        vendors: {
+            test: /[\\/]node_modules[\\/]/,
+            chunks: 'all',
+            name: 'vendors',
+            priority: -1
+        }
+    }
+    chunks.forEach(({ name, libs, priority }) => {
+        result[name] = {
+            test: Array.isArray(libs)
+                ? new RegExp(`[\\\\/]node_modules[\\\\/](${libs.join('|')})[\\\\/]`)
+                : libs,
+            chunks: 'all',
+            name,
+            priority
+        }
+        return result
+    })
+    return result
+}

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

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