create-packer 1.46.4 → 1.47.0

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

@@ -1,91 +1,91 @@
-import { defineConfig, loadEnv } from '@rsbuild/core'
-import { pluginReact } from '@rsbuild/plugin-react'
-import { pluginSvgr } from '@rsbuild/plugin-svgr'
-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 { createChunks } from './scripts'
-
-export default defineConfig(({ envMode, command }) => {
-    const { parsed: env } = loadEnv()
-
-    return {
-        html: {
-            template: './index.html',
-            title: 'Rsbuild + React + TS',
-            favicon: './shared/assets/react.svg'
-        },
-        source: {
-            entry: {
-                index: './main.tsx'
-            }
-        },
-        resolve: {
-            alias: {
-                '@': __dirname
-            }
-        },
-        output: {
-            distPath: {
-                root: 'dist'
-            },
-            cleanDistPath: true
-        },
-        dev: {
-            progressBar: command === 'build'
-        },
-        tools: {
-            rspack: {
-                plugins: [
-                    new StylelintWebpackPlugin(),
-                    process.env.RSDOCTOR && new RsdoctorRspackPlugin()
-                ]
-            },
-            swc: {
-                jsc: {
-                    experimental: {
-                        plugins: [['@swc/plugin-emotion', {}]]
-                    }
-                }
-            }
-        },
-        plugins: [
-            command !== 'build' && pluginTypeCheck(),
-            command !== 'build' &&
-                pluginEslint({
-                    eslintPluginOptions: {
-                        configType: 'flat'
-                    }
-                }),
-            pluginSvgr(),
-            pluginReact({
-                swcReactOptions: {
-                    importSource: '@emotion/react'
-                }
-            })
-        ],
-        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: [env.PUBLIC_API_HOST],
-                    target: 'http://127.0.0.1:3000'
-                }
-            ]
-        }
-    }
-})
+import { defineConfig, loadEnv } from '@rsbuild/core'
+import { pluginReact } from '@rsbuild/plugin-react'
+import { pluginSvgr } from '@rsbuild/plugin-svgr'
+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 { createChunks } from './scripts'
+
+export default defineConfig(({ envMode, command }) => {
+    const { parsed: env } = loadEnv()
+
+    return {
+        html: {
+            template: './index.html',
+            title: 'Rsbuild + React + TS',
+            favicon: './shared/assets/react.svg'
+        },
+        source: {
+            entry: {
+                index: './main.tsx'
+            }
+        },
+        resolve: {
+            alias: {
+                '@': __dirname
+            }
+        },
+        output: {
+            distPath: {
+                root: 'dist'
+            },
+            cleanDistPath: true
+        },
+        dev: {
+            progressBar: command === 'build'
+        },
+        tools: {
+            rspack: {
+                plugins: [
+                    new StylelintWebpackPlugin(),
+                    process.env.RSDOCTOR && new RsdoctorRspackPlugin()
+                ]
+            },
+            swc: {
+                jsc: {
+                    experimental: {
+                        plugins: [['@swc/plugin-emotion', {}]]
+                    }
+                }
+            }
+        },
+        plugins: [
+            command !== 'build' && pluginTypeCheck(),
+            command !== 'build' &&
+                pluginEslint({
+                    eslintPluginOptions: {
+                        configType: 'flat'
+                    }
+                }),
+            pluginSvgr(),
+            pluginReact({
+                swcReactOptions: {
+                    importSource: '@emotion/react'
+                }
+            })
+        ],
+        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: [env.PUBLIC_API_HOST],
+                    target: 'http://127.0.0.1:3000'
+                }
+            ]
+        }
+    }
+})

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

@@ -1,26 +1,26 @@
-import { SplitChunks } from '@rsbuild/core'
-
-export function createChunks(
-    chunks: Array<{ name: string; libs: string[] | RegExp; priority?: number }>
-) {
-    const result: Exclude<SplitChunks, false>['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 { SplitChunks } from '@rsbuild/core'
+
+export function createChunks(
+    chunks: Array<{ name: string; libs: string[] | RegExp; priority?: number }>
+) {
+    const result: Exclude<SplitChunks, false>['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'

package/template/web-app/react-rsbuild/shared/components/componentInstance.tsx

@@ -1,80 +1,80 @@
-import {
-    forwardRef,
-    ForwardRefExoticComponent,
-    FunctionComponent,
-    PropsWithChildren,
-    PropsWithoutRef,
-    RefAttributes,
-    useImperativeHandle,
-    useRef,
-    useState
-} from 'react'
-import { createRoot } from 'react-dom/client'
-
-const instanceMap: Record<string, { pending: Promise<any>; instance: any }> = {}
-
-export interface refsType<P> {
-    $setProps: (newProps: P) => void
-    $updateProps: (newProps: Partial<P>) => void
-}
-
-export function create(Context?: FunctionComponent<PropsWithChildren<any>>) {
-    return async function <P extends Record<string, any>, Refs extends Record<string, any>>(
-        key: string,
-        Component: ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<Refs>>,
-        props?: P
-    ) {
-        let current = instanceMap[key]
-        if (!current) {
-            const div = document.createElement('div')
-            document.body.appendChild(div)
-            const ApiComponent = forwardRef<Refs & refsType<P>>((__, refs) => {
-                const ref = useRef<Refs>(null)
-                const [state, setState] = useState<Partial<P>>(props || {})
-
-                useImperativeHandle(refs, () => {
-                    return {
-                        $setProps: newProps => {
-                            setState(() => newProps)
-                        },
-                        $updateProps: newProps => {
-                            if (newProps) {
-                                setState(state => ({ ...state, ...newProps }))
-                            }
-                        },
-                        ...ref.current
-                    } as Refs & refsType<P>
-                })
-                if (Context) {
-                    return (
-                        <Context>
-                            <Component ref={ref} {...(state as any)} />
-                        </Context>
-                    )
-                }
-                return <Component ref={ref} {...(state as any)} />
-            })
-            current = instanceMap[key] = {
-                instance: void 0,
-                pending: new Promise<void>(resolve => {
-                    createRoot(div).render(
-                        (
-                            <ApiComponent
-                                ref={instance => {
-                                    current.instance = instanceMap[key].instance = instance!
-                                    resolve()
-                                }}
-                            />
-                        ) as never
-                    )
-                })
-            }
-        }
-        await current.pending
-        current.instance.$setProps(props)
-        // Delay return to avoid sync issue
-        // ------------------------------------------------------------------------
-        await new Promise(resolve => setTimeout(resolve))
-        return current.instance as Refs & refsType<P>
-    }
-}
+import {
+    forwardRef,
+    ForwardRefExoticComponent,
+    FunctionComponent,
+    PropsWithChildren,
+    PropsWithoutRef,
+    RefAttributes,
+    useImperativeHandle,
+    useRef,
+    useState
+} from 'react'
+import { createRoot } from 'react-dom/client'
+
+const instanceMap: Record<string, { pending: Promise<any>; instance: any }> = {}
+
+export interface refsType<P> {
+    $setProps: (newProps: P) => void
+    $updateProps: (newProps: Partial<P>) => void
+}
+
+export function create(Context?: FunctionComponent<PropsWithChildren<any>>) {
+    return async function <P extends Record<string, any>, Refs extends Record<string, any>>(
+        key: string,
+        Component: ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<Refs>>,
+        props?: P
+    ) {
+        let current = instanceMap[key]
+        if (!current) {
+            const div = document.createElement('div')
+            document.body.appendChild(div)
+            const ApiComponent = forwardRef<Refs & refsType<P>>((__, refs) => {
+                const ref = useRef<Refs>(null)
+                const [state, setState] = useState<Partial<P>>(props || {})
+
+                useImperativeHandle(refs, () => {
+                    return {
+                        $setProps: newProps => {
+                            setState(() => newProps)
+                        },
+                        $updateProps: newProps => {
+                            if (newProps) {
+                                setState(state => ({ ...state, ...newProps }))
+                            }
+                        },
+                        ...ref.current
+                    } as Refs & refsType<P>
+                })
+                if (Context) {
+                    return (
+                        <Context>
+                            <Component ref={ref} {...(state as any)} />
+                        </Context>
+                    )
+                }
+                return <Component ref={ref} {...(state as any)} />
+            })
+            current = instanceMap[key] = {
+                instance: void 0,
+                pending: new Promise<void>(resolve => {
+                    createRoot(div).render(
+                        (
+                            <ApiComponent
+                                ref={instance => {
+                                    current.instance = instanceMap[key].instance = instance!
+                                    resolve()
+                                }}
+                            />
+                        ) as never
+                    )
+                })
+            }
+        }
+        await current.pending
+        current.instance.$setProps(props)
+        // Delay return to avoid sync issue
+        // ------------------------------------------------------------------------
+        await new Promise(resolve => setTimeout(resolve))
+        return current.instance as Refs & refsType<P>
+    }
+}

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

@@ -1 +1 @@
-export * as componentInstance from './componentInstance'
+export * as componentInstance from './componentInstance'

package/template/web-app/react-rsbuild/shared/hooks/defineRouter/defineRouter.types.ts

@@ -1,33 +1,33 @@
-import { FunctionComponent, ReactNode } from 'react'
-import { RouteObject } from 'react-router'
-
-export type routeType = Omit<RouteObject, 'children' | 'id'> & {
-    id: string
-    meta?: {
-        title?: string
-        /** 只在当前路由才显示的小提示 */
-        tip?: string
-    }
-    /** 静态配置，便于回退 */
-    unauthorizedOrigin?: boolean
-    /** 动态使用，用于程序校验 */
-    unauthorized?: boolean
-    query?: () => Record<string, any>
-    menu?: {
-        hidden?: boolean
-        icon?: FunctionComponent
-        label?: ReactNode
-    }
-    children?: routeType[]
-}
-
-export type editableRouteType = Omit<routeType, 'element' | 'errorElement' | 'children'>
-
-export interface routerFactoryArgType {
-    basename: string
-    routes: routeType[]
-}
-
-export type routeByIdType = Omit<routeType, 'children'> & {
-    pos: string
-}
+import { FunctionComponent, ReactNode } from 'react'
+import { RouteObject } from 'react-router'
+
+export type routeType = Omit<RouteObject, 'children' | 'id'> & {
+    id: string
+    meta?: {
+        title?: string
+        /** 只在当前路由才显示的小提示 */
+        tip?: string
+    }
+    /** 静态配置，便于回退 */
+    unauthorizedOrigin?: boolean
+    /** 动态使用，用于程序校验 */
+    unauthorized?: boolean
+    query?: () => Record<string, any>
+    menu?: {
+        hidden?: boolean
+        icon?: FunctionComponent
+        label?: ReactNode
+    }
+    children?: routeType[]
+}
+
+export type editableRouteType = Omit<routeType, 'element' | 'errorElement' | 'children'>
+
+export interface routerFactoryArgType {
+    basename: string
+    routes: routeType[]
+}
+
+export type routeByIdType = Omit<routeType, 'children'> & {
+    pos: string
+}