create-packer 1.46.4 → 1.47.0

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

@@ -1,22 +1,22 @@
-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'
-
-export interface propsType {
-    rootId: routeType['id']
-    homeId: routeType['id']
-}
-export const Root: FunctionComponent<propsType> = props => {
-    const matchRoutes = useMatchRoutes()
-    const navigate = useRouter(state => state.navigate)
-
-    useMount(() => {
-        if (last(matchRoutes)?.id === props.rootId) {
-            navigate({ id: props.homeId })
-        }
-    })
-
-    return <Outlet />
-}
+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'
+
+export interface propsType {
+    rootId: routeType['id']
+    homeId: routeType['id']
+}
+export const Root: FunctionComponent<propsType> = props => {
+    const matchRoutes = useMatchRoutes()
+    const navigate = useRouter(state => state.navigate)
+
+    useMount(() => {
+        if (last(matchRoutes)?.id === props.rootId) {
+            navigate({ id: props.homeId })
+        }
+    })
+
+    return <Outlet />
+}

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 { type routeType } from '../router.types'
-import ids from './ids'
-
-const routes: routeType[] = [
-    {
-        path: 'home',
-        id: ids.home,
-        Component: lazy(() => import('@/pages/home'))
-    }
-]
-
-export default routes
+import { lazy } from 'react'
+import { type routeType } from '../router.types'
+import ids from './ids'
+
+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,4 +1,4 @@
-export { default as routerIds } from './ids'
-export * from './router'
-export * from './router.types'
-export * from './components'
+export { default as routerIds } from './ids'
+export * from './router'
+export * from './router.types'
+export * from './components'

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

@@ -1,28 +1,28 @@
-import { lazy } from 'react'
-import { createBrowserRouter } from 'react-router'
-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'
+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/eslint.config.js

@@ -1,107 +1,107 @@
-import eslint from '@eslint/js'
-import globals from 'globals'
-import tseslint from 'typescript-eslint'
-import importPlugin from 'eslint-plugin-import'
-import reactPlugin from 'eslint-plugin-react'
-import reactHooksPlugin from 'eslint-plugin-react-hooks'
-
-const scriptExtensions = ['js', 'jsx', 'mjs', 'cjs', 'ts', 'tsx']
-const files = scriptExtensions.map(ext => `**/*.${ext}`)
-
-export default tseslint.config([
-    {
-        ignores: ['**/node_modules/', '**/dist/', '**/.history/', '**/.vscode/']
-    },
-    eslint.configs.recommended,
-    importPlugin.flatConfigs.recommended,
-    tseslint.configs.recommended,
-    {
-        plugins: { reactPlugin, reactHooksPlugin },
-        files,
-        languageOptions: {
-            ecmaVersion: 2018,
-            sourceType: 'module',
-            parserOptions: {
-                ecmaFeatures: {
-                    jsx: true
-                },
-                useJSXTextNode: true
-            },
-            globals: {
-                ...globals.browser,
-                ...globals.node
-            }
-        },
-        settings: {
-            'import/resolver': {
-                typescript: true,
-                node: true
-            },
-            react: {
-                version: '18'
-            }
-        },
-        rules: {
-            'import/export': 'off',
-            'import/namespace': 'off',
-            'import/default': 'off',
-            'import/consistent-type-specifier-style': ['error', 'prefer-inline'],
-            'import/no-duplicates': ['error', { 'prefer-inline': true }],
-            'import/no-named-as-default-member': 'off',
-            'import/no-named-as-default': 'off',
-            'import/order': [
-                'error',
-                {
-                    groups: [
-                        'builtin',
-                        'external',
-                        'internal',
-                        'parent',
-                        'sibling',
-                        'index',
-                        'object',
-                        'type'
-                    ],
-                    pathGroups: [
-                        { pattern: 'react', group: 'external', position: 'before' },
-                        { pattern: 'react-dom/*', group: 'external', position: 'before' },
-                        { pattern: 'react-router', group: 'external', position: 'before' },
-                        { pattern: 'react-router-dom', group: 'external', position: 'before' }
-                    ],
-                    pathGroupsExcludedImportTypes: ['builtin']
-                }
-            ],
-            'no-case-declarations': 'off',
-            '@typescript-eslint/no-unused-expressions': 'off',
-            '@typescript-eslint/no-empty-object-type': 'off',
-            '@typescript-eslint/no-var-requires': 0,
-            '@typescript-eslint/explicit-function-return-type': 'off',
-            '@typescript-eslint/no-explicit-any': 0,
-            '@typescript-eslint/no-non-null-assertion': 'off',
-            '@typescript-eslint/no-inferrable-types': [
-                'warn',
-                {
-                    ignoreParameters: true
-                }
-            ],
-            '@typescript-eslint/no-unused-vars': [
-                'warn',
-                {
-                    argsIgnorePattern: '^_'
-                }
-            ],
-            '@typescript-eslint/member-delimiter-style': 0,
-            '@typescript-eslint/class-name-casing': 0,
-            '@typescript-eslint/explicit-module-boundary-types': 'off',
-            '@typescript-eslint/ban-ts-comment': 'off',
-            '@typescript-eslint/no-empty-interface': 'off',
-            '@typescript-eslint/triple-slash-reference': 'off',
-            'react/prop-types': 'off',
-            'react/no-find-dom-node': 'off',
-            'react-hooks/exhaustive-deps': 'off',
-            'react/display-name': 'off',
-            'react/react-in-jsx-scope': 'off',
-            'no-constant-condition': 'off'
-        }
-    }
-])
+import eslint from '@eslint/js'
+import globals from 'globals'
+import tseslint from 'typescript-eslint'
+import importPlugin from 'eslint-plugin-import'
+import reactPlugin from 'eslint-plugin-react'
+import reactHooksPlugin from 'eslint-plugin-react-hooks'
+
+const scriptExtensions = ['js', 'jsx', 'mjs', 'cjs', 'ts', 'tsx']
+const files = scriptExtensions.map(ext => `**/*.${ext}`)
+
+export default tseslint.config([
+    {
+        ignores: ['**/node_modules/', '**/dist/', '**/.history/', '**/.vscode/']
+    },
+    eslint.configs.recommended,
+    importPlugin.flatConfigs.recommended,
+    tseslint.configs.recommended,
+    {
+        plugins: { reactPlugin, reactHooksPlugin },
+        files,
+        languageOptions: {
+            ecmaVersion: 2018,
+            sourceType: 'module',
+            parserOptions: {
+                ecmaFeatures: {
+                    jsx: true
+                },
+                useJSXTextNode: true
+            },
+            globals: {
+                ...globals.browser,
+                ...globals.node
+            }
+        },
+        settings: {
+            'import/resolver': {
+                typescript: true,
+                node: true
+            },
+            react: {
+                version: '18'
+            }
+        },
+        rules: {
+            'import/export': 'off',
+            'import/namespace': 'off',
+            'import/default': 'off',
+            'import/consistent-type-specifier-style': ['error', 'prefer-inline'],
+            'import/no-duplicates': ['error', { 'prefer-inline': true }],
+            'import/no-named-as-default-member': 'off',
+            'import/no-named-as-default': 'off',
+            'import/order': [
+                'error',
+                {
+                    groups: [
+                        'builtin',
+                        'external',
+                        'internal',
+                        'parent',
+                        'sibling',
+                        'index',
+                        'object',
+                        'type'
+                    ],
+                    pathGroups: [
+                        { pattern: 'react', group: 'external', position: 'before' },
+                        { pattern: 'react-dom/*', group: 'external', position: 'before' },
+                        { pattern: 'react-router', group: 'external', position: 'before' },
+                        { pattern: 'react-router-dom', group: 'external', position: 'before' }
+                    ],
+                    pathGroupsExcludedImportTypes: ['builtin']
+                }
+            ],
+            'no-case-declarations': 'off',
+            '@typescript-eslint/no-unused-expressions': 'off',
+            '@typescript-eslint/no-empty-object-type': 'off',
+            '@typescript-eslint/no-var-requires': 0,
+            '@typescript-eslint/explicit-function-return-type': 'off',
+            '@typescript-eslint/no-explicit-any': 0,
+            '@typescript-eslint/no-non-null-assertion': 'off',
+            '@typescript-eslint/no-inferrable-types': [
+                'warn',
+                {
+                    ignoreParameters: true
+                }
+            ],
+            '@typescript-eslint/no-unused-vars': [
+                'warn',
+                {
+                    argsIgnorePattern: '^_'
+                }
+            ],
+            '@typescript-eslint/member-delimiter-style': 0,
+            '@typescript-eslint/class-name-casing': 0,
+            '@typescript-eslint/explicit-module-boundary-types': 'off',
+            '@typescript-eslint/ban-ts-comment': 'off',
+            '@typescript-eslint/no-empty-interface': 'off',
+            '@typescript-eslint/triple-slash-reference': 'off',
+            'react/prop-types': 'off',
+            'react/no-find-dom-node': 'off',
+            'react-hooks/exhaustive-deps': 'off',
+            'react/display-name': 'off',
+            'react/react-in-jsx-scope': 'off',
+            'no-constant-condition': 'off'
+        }
+    }
+])

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

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

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

@@ -1,79 +1,79 @@
-{
-    "name": "react-rsbuild",
-    "private": true,
-    "version": "0.0.0",
-    "type": "module",
-    "scripts": {
-        "prepare": "husky",
-        "dev": "rsbuild dev",
-        "build": "rsbuild build",
-        "build:analyse": "rsbuild build --env-mode analyse",
-        "build:rsdoctor": "cross-env RSDOCTOR=true rsbuild build",
-        "preview": "rsbuild preview",
-        "up:rsbuild": "pnpm up @rsbuild/* -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": {
-        "@emotion/react": "11.14.0",
-        "@emotion/styled": "11.14.1",
-        "@tanstack/react-query": "5.51.15",
-        "axios": "1.7.9",
-        "define-zustand": "3.4.0",
-        "es-toolkit": "1.39.8",
-        "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",
-        "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",
-        "@rsbuild/core": "1.5.10",
-        "@rsbuild/plugin-eslint": "1.1.2",
-        "@rsbuild/plugin-react": "1.4.0",
-        "@rsbuild/plugin-svgr": "1.2.2",
-        "@rsbuild/plugin-type-check": "1.2.4",
-        "@rsdoctor/rspack-plugin": "1.2.3",
-        "@swc/plugin-emotion": "11.1.0",
-        "@types/node": "18.16.0",
-        "@types/qs": "6.9.7",
-        "@types/react": "18.3.3",
-        "@types/react-dom": "18.3.0",
-        "autoprefixer": "10.4.14",
-        "commitizen": "4.3.0",
-        "cross-env": "7.0.3",
-        "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",
-        "postcss": "8.4.35",
-        "postcss-import": "16.0.1",
-        "postcss-nesting": "12.0.3",
-        "postcss-styled-syntax": "0.6.4",
-        "prettier": "3.2.5",
-        "stylelint": "16.10.0",
-        "stylelint-config-standard": "36.0.1",
-        "stylelint-webpack-plugin": "5.0.0",
-        "typescript": "5.8.2"
-    },
-    "config": {
-        "commitizen": {
-            "path": "@commitlint/cz-commitlint"
-        }
-    }
-}
+{
+    "name": "react-rsbuild",
+    "private": true,
+    "version": "0.0.0",
+    "type": "module",
+    "scripts": {
+        "prepare": "husky",
+        "dev": "rsbuild dev",
+        "build": "rsbuild build",
+        "build:analyse": "rsbuild build --env-mode analyse",
+        "build:rsdoctor": "cross-env RSDOCTOR=true rsbuild build",
+        "preview": "rsbuild preview",
+        "up:rsbuild": "pnpm up @rsbuild/* -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": {
+        "@emotion/react": "11.14.0",
+        "@emotion/styled": "11.14.1",
+        "@tanstack/react-query": "5.51.15",
+        "axios": "1.7.9",
+        "define-zustand": "3.4.0",
+        "es-toolkit": "1.39.8",
+        "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",
+        "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",
+        "@rsbuild/core": "1.5.10",
+        "@rsbuild/plugin-eslint": "1.1.2",
+        "@rsbuild/plugin-react": "1.4.0",
+        "@rsbuild/plugin-svgr": "1.2.2",
+        "@rsbuild/plugin-type-check": "1.2.4",
+        "@rsdoctor/rspack-plugin": "1.2.3",
+        "@swc/plugin-emotion": "11.1.0",
+        "@types/node": "18.16.0",
+        "@types/qs": "6.9.7",
+        "@types/react": "18.3.3",
+        "@types/react-dom": "18.3.0",
+        "autoprefixer": "10.4.14",
+        "commitizen": "4.3.0",
+        "cross-env": "7.0.3",
+        "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",
+        "postcss": "8.4.35",
+        "postcss-import": "16.0.1",
+        "postcss-nesting": "12.0.3",
+        "postcss-styled-syntax": "0.6.4",
+        "prettier": "3.2.5",
+        "stylelint": "16.10.0",
+        "stylelint-config-standard": "36.0.1",
+        "stylelint-webpack-plugin": "5.0.0",
+        "typescript": "5.8.2"
+    },
+    "config": {
+        "commitizen": {
+            "path": "@commitlint/cz-commitlint"
+        }
+    }
+}

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

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

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

@@ -1,18 +1,18 @@
-import { useEffect } from 'react'
-import { Outlet, useLocation } from 'react-router'
-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'
+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/postcss.config.cjs

@@ -1,8 +1,8 @@
-module.exports = {
-    plugins: {
-        'postcss-import': {},
-        'postcss-nesting': {},
-        autoprefixer: {},
-        ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {})
-    }
-}
+module.exports = {
+    plugins: {
+        'postcss-import': {},
+        'postcss-nesting': {},
+        autoprefixer: {},
+        ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {})
+    }
+}