create-packer 1.46.4 → 1.47.0

package/template/electron-vue/tsconfig.node.json

@@ -1,10 +1,10 @@
-{
-    "compilerOptions": {
-        "composite": true,
-        "module": "ESNext",
-        "moduleResolution": "node",
-        "allowSyntheticDefaultImports": true,
-        "resolveJsonModule": true
-    },
-    "include": ["scripts", "rsbuild.config.ts", "package.json"]
-}
+{
+    "compilerOptions": {
+        "composite": true,
+        "module": "ESNext",
+        "moduleResolution": "node",
+        "allowSyntheticDefaultImports": true,
+        "resolveJsonModule": true
+    },
+    "include": ["scripts", "rsbuild.config.ts", "package.json"]
+}

package/template/lib/workspace/.storybook/main.ts

@@ -1,16 +1,16 @@
-import svgr from '@svgr/rollup'
-import { type StorybookConfig } from '@storybook/react-vite'
-
-const config: StorybookConfig = {
-    stories: [`../packages/**/*.mdx`, `../packages/**/*.stories.@(js|jsx|ts|tsx)`],
-    addons: ['@storybook/addon-docs'],
-    framework: {
-        name: '@storybook/react-vite',
-        options: {}
-    },
-    async viteFinal(config) {
-        config.plugins!.unshift(svgr({ svgo: false, titleProp: true, ref: true }) as any)
-        return config
-    }
-}
-export default config
+import svgr from '@svgr/rollup'
+import { type StorybookConfig } from '@storybook/react-vite'
+
+const config: StorybookConfig = {
+    stories: [`../packages/**/*.mdx`, `../packages/**/*.stories.@(js|jsx|ts|tsx)`],
+    addons: ['@storybook/addon-docs'],
+    framework: {
+        name: '@storybook/react-vite',
+        options: {}
+    },
+    async viteFinal(config) {
+        config.plugins!.unshift(svgr({ svgo: false, titleProp: true, ref: true }) as any)
+        return config
+    }
+}
+export default config

package/template/lib/workspace/.storybook/preview.tsx

@@ -1,17 +1,17 @@
-import { type Preview } from '@storybook/react-vite'
-
-const preview: Preview = {
-    decorators: [Story => <Story />],
-    parameters: {
-        actions: { argTypesRegex: '^on[A-Z].*' },
-        controls: {
-            matchers: {
-                color: /(background|color)$/i,
-                date: /Date$/
-            }
-        }
-    },
-    tags: ['autodocs']
-}
-
-export default preview
+import { type Preview } from '@storybook/react-vite'
+
+const preview: Preview = {
+    decorators: [Story => <Story />],
+    parameters: {
+        actions: { argTypesRegex: '^on[A-Z].*' },
+        controls: {
+            matchers: {
+                color: /(background|color)$/i,
+                date: /Date$/
+            }
+        }
+    },
+    tags: ['autodocs']
+}
+
+export default preview

package/template/lib/workspace/eslint.config.mjs

@@ -1,119 +1,119 @@
-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'
-import storybook from 'eslint-plugin-storybook'
-
-const scriptExtensions = ['js', 'jsx', 'mjs', 'cjs', 'ts', 'tsx']
-const storybookFiles = scriptExtensions.map(ext => `**/*.stories.${ext}`)
-const files = scriptExtensions.map(ext => `**/*.${ext}`)
-const ignores = [
-    '**/node_modules/',
-    '**/dist/',
-    '**/cjs/',
-    '**/.history/',
-    '**/storybook-static/',
-    '**/.vscode/'
-]
-
-export default tseslint.config([
-    { ignores },
-    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'
-        }
-    },
-    { extends: [storybook.configs['flat/recommended']], files: storybookFiles }
-])
+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'
+import storybook from 'eslint-plugin-storybook'
+
+const scriptExtensions = ['js', 'jsx', 'mjs', 'cjs', 'ts', 'tsx']
+const storybookFiles = scriptExtensions.map(ext => `**/*.stories.${ext}`)
+const files = scriptExtensions.map(ext => `**/*.${ext}`)
+const ignores = [
+    '**/node_modules/',
+    '**/dist/',
+    '**/cjs/',
+    '**/.history/',
+    '**/storybook-static/',
+    '**/.vscode/'
+]
+
+export default tseslint.config([
+    { ignores },
+    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'
+        }
+    },
+    { extends: [storybook.configs['flat/recommended']], files: storybookFiles }
+])

package/template/lib/workspace/packages/react/src/button/button.stories.ts

@@ -1,44 +1,44 @@
-import { type Meta, type StoryObj } from '@storybook/react-vite'
-import Button from './button'
-
-// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
-const meta: Meta<typeof Button> = {
-    title: 'react-components/Button',
-    component: Button,
-    tags: ['autodocs'],
-    argTypes: {
-        backgroundColor: { control: 'color' }
-    }
-}
-
-export default meta
-
-type Story = StoryObj<typeof Button>
-
-// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
-export const Primary: Story = {
-    args: {
-        primary: true,
-        label: 'Button'
-    }
-}
-
-export const Secondary: Story = {
-    args: {
-        label: 'Button'
-    }
-}
-
-export const Large: Story = {
-    args: {
-        size: 'large',
-        label: 'Button'
-    }
-}
-
-export const Small: Story = {
-    args: {
-        size: 'small',
-        label: 'Button'
-    }
-}
+import { type Meta, type StoryObj } from '@storybook/react-vite'
+import Button from './button'
+
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction
+const meta: Meta<typeof Button> = {
+    title: 'react-components/Button',
+    component: Button,
+    tags: ['autodocs'],
+    argTypes: {
+        backgroundColor: { control: 'color' }
+    }
+}
+
+export default meta
+
+type Story = StoryObj<typeof Button>
+
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+export const Primary: Story = {
+    args: {
+        primary: true,
+        label: 'Button'
+    }
+}
+
+export const Secondary: Story = {
+    args: {
+        label: 'Button'
+    }
+}
+
+export const Large: Story = {
+    args: {
+        size: 'large',
+        label: 'Button'
+    }
+}
+
+export const Small: Story = {
+    args: {
+        size: 'small',
+        label: 'Button'
+    }
+}

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

@@ -1,7 +1,7 @@
-{
-    "recommendations": [
-        "dbaeumer.vscode-eslint",
-        "stylelint.vscode-stylelint",
-        "esbenp.prettier-vscode",
-    ]
-}
+{
+    "recommendations": [
+        "dbaeumer.vscode-eslint",
+        "stylelint.vscode-stylelint",
+        "esbenp.prettier-vscode",
+    ]
+}

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

@@ -1,4 +1,4 @@
-{
-    "stylelint.validate": ["css", "less", "postcss", "scss", "typescript", "typescriptreact"],
-    "stylelint.snippet": ["css", "less", "postcss", "scss", "typescript", "typescriptreact"]
-}
+{
+    "stylelint.validate": ["css", "less", "postcss", "scss", "typescript", "typescriptreact"],
+    "stylelint.snippet": ["css", "less", "postcss", "scss", "typescript", "typescriptreact"]
+}

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

@@ -1,31 +1,31 @@
-import { FunctionComponent, ReactNode } from 'react'
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import { Global, ThemeProvider } from '@emotion/react'
-import { request } from '@/shared/service'
-import { globalCss, theme } from '@/shared/styles'
-
-const queryClient = new QueryClient({
-    defaultOptions: {
-        queries: {
-            queryFn: async ({ queryKey }) => {
-                const { data } = await request.get(queryKey[0] as string, {
-                    params: queryKey[1]
-                })
-                return data
-            }
-        }
-    }
-})
-export interface propsType {
-    children: ReactNode
-}
-export const Root: FunctionComponent<propsType> = props => {
-    return (
-        <ThemeProvider theme={theme}>
-            <QueryClientProvider client={queryClient}>
-                <Global styles={globalCss} />
-                {props.children}
-            </QueryClientProvider>
-        </ThemeProvider>
-    )
-}
+import { FunctionComponent, ReactNode } from 'react'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { Global, ThemeProvider } from '@emotion/react'
+import { request } from '@/shared/service'
+import { globalCss, theme } from '@/shared/styles'
+
+const queryClient = new QueryClient({
+    defaultOptions: {
+        queries: {
+            queryFn: async ({ queryKey }) => {
+                const { data } = await request.get(queryKey[0] as string, {
+                    params: queryKey[1]
+                })
+                return data
+            }
+        }
+    }
+})
+export interface propsType {
+    children: ReactNode
+}
+export const Root: FunctionComponent<propsType> = props => {
+    return (
+        <ThemeProvider theme={theme}>
+            <QueryClientProvider client={queryClient}>
+                <Global styles={globalCss} />
+                {props.children}
+            </QueryClientProvider>
+        </ThemeProvider>
+    )
+}

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

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

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

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

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

@@ -1,7 +1,7 @@
-import { defineStore } from 'define-zustand'
-
-export const useApp = defineStore({
-    state: () => ({}),
-    getters: {},
-    actions: () => ({})
-})
+import { defineStore } from 'define-zustand'
+
+export const useApp = defineStore({
+    state: () => ({}),
+    getters: {},
+    actions: () => ({})
+})

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

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

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

@@ -1,19 +1,19 @@
-import { FunctionComponent } from 'react'
-import { Outlet } from 'react-router'
-import { last } from 'es-toolkit'
-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 />
-}
+import { FunctionComponent } from 'react'
+import { Outlet } from 'react-router'
+import { last } from 'es-toolkit'
+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 />
+}