create-packer 1.38.2 → 1.39.1

package/template/web-app/{react-vite/shared/tools → 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
-        props && 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

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

package/template/web-app/react-rsbuild/shared/service/home.ts

@@ -1,8 +1,8 @@
-import { useQuery } from '@tanstack/react-query'
-
-export function useHomeQuery() {
-    return useQuery({
-        queryKey: ['home_data'],
-        queryFn: () => [{ name: '1' }]
-    })
-}
+import { useQuery } from '@tanstack/react-query'
+
+export function useHomeQuery() {
+    return useQuery({
+        queryKey: ['home_data'],
+        queryFn: () => [{ name: '1' }]
+    })
+}

package/template/web-app/react-rsbuild/shared/theme/theme.styled.ts

@@ -1,56 +1,56 @@
-import { CSSProperties } from 'react'
-import { AnyFunc } from '1k-types'
-import { isString } from 'lodash-es'
-
-export const theme = {
-    tools: {
-        ellipsis: () => ({
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap'
-        }),
-        lineClamp: (n: number) => ({
-            '-webkit-line-clamp': `${n}`,
-            '-webkit-box-orient': 'vertical',
-            overflow: 'hidden',
-            display: '-webkit-box'
-        }),
-        size: (s: string) => ({ width: s, height: s }),
-        py: (s: string) => ({ paddingTop: s, paddingBottom: s }),
-        px: (s: string) => ({ paddingLeft: s, paddingRight: s }),
-        my: (s: string) => ({ marginTop: s, marginBottom: s }),
-        mx: (s: string) => ({ marginLeft: s, marginRight: s }),
-        flex: (
-            align: CSSProperties['alignItems'],
-            justify: CSSProperties['justifyContent'],
-            vertical?: boolean
-        ) => {
-            return {
-                display: 'flex',
-                alignItems: align,
-                justifyContent: justify,
-                flexDirection: vertical ? 'column' : 'row'
-            } satisfies CSSProperties
-        },
-        /** 数字为元素数量，字符串为对应css的值  */
-        grid: {
-            grid: (rows: number | string, cols: number | string, gap?: number) => ({
-                display: 'grid',
-                gridTemplateRows: isString(rows) ? rows : `repeat(${rows}, minmax(0, 1fr))`,
-                gridTemplateColumns: isString(cols) ? cols : `repeat(${cols}, minmax(0, 1fr))`,
-                gap: gap ? `${gap}px` : void 0
-            }),
-            rows: (rows: number | string, gap?: number) => ({
-                display: 'grid',
-                gridTemplateRows: isString(rows) ? rows : `repeat(${rows}, minmax(0, 1fr))`,
-                rowGap: gap ? `${gap}px` : void 0
-            }),
-            cols: (cols: number | string, gap?: number) => ({
-                display: 'grid',
-                gridTemplateColumns: isString(cols) ? cols : `repeat(${cols}, minmax(0, 1fr))`,
-                columnGap: gap ? `${gap}px` : void 0
-            })
-        } satisfies Record<string, AnyFunc<CSSProperties>>
-    }
-}
-export type themeType = typeof theme
+import { CSSProperties } from 'react'
+
+import { isString } from 'lodash-es'
+
+export const theme = {
+    tools: {
+        ellipsis: () => ({
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+        }),
+        lineClamp: (n: number) => ({
+            '-webkit-line-clamp': `${n}`,
+            '-webkit-box-orient': 'vertical',
+            overflow: 'hidden',
+            display: '-webkit-box'
+        }),
+        size: (s: string) => ({ width: s, height: s }),
+        py: (s: string) => ({ paddingTop: s, paddingBottom: s }),
+        px: (s: string) => ({ paddingLeft: s, paddingRight: s }),
+        my: (s: string) => ({ marginTop: s, marginBottom: s }),
+        mx: (s: string) => ({ marginLeft: s, marginRight: s }),
+        flex: (
+            align: CSSProperties['alignItems'],
+            justify: CSSProperties['justifyContent'],
+            vertical?: boolean
+        ) => {
+            return {
+                display: 'flex',
+                alignItems: align,
+                justifyContent: justify,
+                flexDirection: vertical ? 'column' : 'row'
+            } satisfies CSSProperties
+        },
+        /** 数字为元素数量，字符串为对应css的值  */
+        grid: {
+            grid: (rows: number | string, cols: number | string, gap?: number) => ({
+                display: 'grid',
+                gridTemplateRows: isString(rows) ? rows : `repeat(${rows}, minmax(0, 1fr))`,
+                gridTemplateColumns: isString(cols) ? cols : `repeat(${cols}, minmax(0, 1fr))`,
+                gap: gap ? `${gap}px` : void 0
+            }),
+            rows: (rows: number | string, gap?: number) => ({
+                display: 'grid',
+                gridTemplateRows: isString(rows) ? rows : `repeat(${rows}, minmax(0, 1fr))`,
+                rowGap: gap ? `${gap}px` : void 0
+            }),
+            cols: (cols: number | string, gap?: number) => ({
+                display: 'grid',
+                gridTemplateColumns: isString(cols) ? cols : `repeat(${cols}, minmax(0, 1fr))`,
+                columnGap: gap ? `${gap}px` : void 0
+            })
+        } satisfies Record<string, (...args: any) => CSSProperties>
+    }
+}
+export type themeType = typeof theme

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

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

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

@@ -0,0 +1,2 @@
+export * as SubRouteOutlet from './sub-route-outlet'
+export * as RouteLayout from './route-layout'

package/template/web-app/react-vite/domain/router/components/route-layout.tsx

@@ -0,0 +1,19 @@
+import { FunctionComponent } from 'react'
+import { Outlet } from 'react-router-dom'
+import { last } from 'lodash-es'
+import { routeType, useMatchRoutes } from '@/domain/router'
+
+export interface propsType {
+    Index: FunctionComponent
+    rootId: routeType['id']
+}
+
+export const Root: FunctionComponent<propsType> = ({ Index, rootId }) => {
+    const matchRoutes = useMatchRoutes()
+
+    if (last(matchRoutes)?.id === rootId) {
+        return <Index />
+    }
+
+    return <Outlet />
+}

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

@@ -0,0 +1,22 @@
+import { FunctionComponent } from 'react'
+import { Outlet } from 'react-router-dom'
+import { useMount } from 'react-use'
+import { last } from 'lodash-es'
+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-vite/domain/router/index.ts

@@ -1,3 +1,4 @@
-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'
+export * from './components'

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

@@ -0,0 +1,104 @@
+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/', 'vite.config.ts.*']
+    },
+    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/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: ['react', 'react-router', 'react-router-dom']
+                }
+            ],
+            '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',
+            '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-vite/package.json

@@ -1,79 +1,79 @@
-{
-    "name": "react-vite",
-    "private": true,
-    "version": "0.0.0",
-    "type": "module",
-    "scripts": {
-        "prepare": "husky install",
-        "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",
-        "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",
-        "push": "npm run commit && git push",
-        "commit": "git add . && npm run cz"
-    },
-    "dependencies": {
-        "1k-types": "1.2.0",
-        "@tanstack/react-query": "5.51.15",
-        "axios": "1.3.6",
-        "define-zustand": "3.1.1",
-        "immer": "10.0.1",
-        "lodash-es": "4.17.21",
-        "qs": "6.11.2",
-        "react": "18.3.1",
-        "react-dom": "18.3.1",
-        "react-router-dom": "6.14.0",
-        "react-use": "17.5.0",
-        "styled-components": "6.1.11",
-        "zustand": "4.4.1"
-    },
-    "devDependencies": {
-        "@commitlint/cli": "17.6.1",
-        "@commitlint/config-conventional": "17.6.1",
-        "@commitlint/cz-commitlint": "17.5.0",
-        "@faker-js/faker": "8.4.1",
-        "@rollup/plugin-eslint": "9.0.5",
-        "@types/lodash-es": "4.17.7",
-        "@types/node": "18.16.0",
-        "@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",
-        "@vitejs/plugin-react": "4.3.1",
-        "autoprefixer": "10.4.14",
-        "babel-plugin-styled-components": "2.1.4",
-        "commitizen": "4.3.0",
-        "cssnano": "6.0.0",
-        "eslint": "8.56.0",
-        "eslint-import-resolver-typescript": "3.6.1",
-        "eslint-plugin-import": "2.29.1",
-        "eslint-plugin-react": "7.33.2",
-        "eslint-plugin-react-hooks": "4.6.0",
-        "husky": "9.1.6",
-        "inquirer": "^8.1.2",
-        "postcss": "8.4.35",
-        "postcss-import": "16.0.1",
-        "postcss-nesting": "12.0.3",
-        "postcss-styled-syntax": "0.6.4",
-        "prettier": "3.2.5",
-        "rollup-plugin-visualizer": "5.12.0",
-        "stylelint": "16.10.0",
-        "stylelint-config-standard": "36.0.1",
-        "typescript": "5.5.2",
-        "vite": "5.3.3",
-        "vite-plugin-mock-dev-server": "1.5.1",
-        "vite-plugin-stylelint": "5.3.1",
-        "vite-plugin-svgr": "4.2.0"
-    },
-    "config": {
-        "commitizen": {
-            "path": "@commitlint/cz-commitlint"
-        }
-    }
-}
+{
+    "name": "react-vite",
+    "private": true,
+    "version": "0.0.0",
+    "type": "module",
+    "scripts": {
+        "prepare": "husky install",
+        "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",
+        "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.1.1",
+        "immer": "10.0.1",
+        "lodash-es": "4.17.21",
+        "qs": "6.11.2",
+        "react": "18.3.1",
+        "react-dom": "18.3.1",
+        "react-router-dom": "6.14.0",
+        "react-use": "17.5.0",
+        "styled-components": "6.1.11",
+        "zustand": "4.4.1"
+    },
+    "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",
+        "@types/lodash-es": "4.17.12",
+        "@types/node": "18.16.0",
+        "@types/qs": "6.9.7",
+        "@types/react": "18.3.3",
+        "@types/react-dom": "18.3.0",
+        "@vitejs/plugin-react": "4.3.4",
+        "autoprefixer": "10.4.14",
+        "babel-plugin-styled-components": "2.1.4",
+        "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",
+        "postcss-styled-syntax": "0.6.4",
+        "prettier": "3.2.5",
+        "rollup-plugin-visualizer": "5.12.0",
+        "stylelint": "16.10.0",
+        "stylelint-config-standard": "36.0.1",
+        "typescript": "5.7.2",
+        "typescript-eslint": "8.15.0",
+        "vite": "6.0.7",
+        "vite-plugin-checker": "0.8.0",
+        "vite-plugin-mock-dev-server": "1.8.3",
+        "vite-plugin-stylelint": "6.0.0",
+        "vite-plugin-svgr": "4.3.0"
+    },
+    "config": {
+        "commitizen": {
+            "path": "@commitlint/cz-commitlint"
+        }
+    }
+}

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

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