create-packer 1.46.4 → 1.47.0

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

@@ -1,33 +1,33 @@
-{
-    "compilerOptions": {
-        "baseUrl": ".",
-        "target": "ESNext",
-        "useDefineForClassFields": true,
-        "lib": ["DOM", "DOM.Iterable", "ESNext"],
-        "allowJs": false,
-        "skipLibCheck": true,
-        "esModuleInterop": false,
-        "allowSyntheticDefaultImports": true,
-        "strict": true,
-        "forceConsistentCasingInFileNames": true,
-        "strictPropertyInitialization": false,
-        "strictNullChecks": true,
-        "module": "ESNext",
-        "moduleResolution": "bundler",
-        "resolveJsonModule": true,
-        "isolatedModules": true,
-        "noEmit": true,
-        "jsx": "react-jsx",
-        "jsxImportSource": "@emotion/react",
-        "paths": {
-            "@/*": ["./*"]
-        }
-    },
-    "include": ["**/*.ts", "**/*.tsx"],
-    "exclude": ["scripts", "rsbuild.config.ts"],
-    "references": [
-        {
-            "path": "./tsconfig.node.json"
-        }
-    ]
-}
+{
+    "compilerOptions": {
+        "baseUrl": ".",
+        "target": "ESNext",
+        "useDefineForClassFields": true,
+        "lib": ["DOM", "DOM.Iterable", "ESNext"],
+        "allowJs": false,
+        "skipLibCheck": true,
+        "esModuleInterop": false,
+        "allowSyntheticDefaultImports": true,
+        "strict": true,
+        "forceConsistentCasingInFileNames": true,
+        "strictPropertyInitialization": false,
+        "strictNullChecks": true,
+        "module": "ESNext",
+        "moduleResolution": "bundler",
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "noEmit": true,
+        "jsx": "react-jsx",
+        "jsxImportSource": "@emotion/react",
+        "paths": {
+            "@/*": ["./*"]
+        }
+    },
+    "include": ["**/*.ts", "**/*.tsx"],
+    "exclude": ["scripts", "rsbuild.config.ts"],
+    "references": [
+        {
+            "path": "./tsconfig.node.json"
+        }
+    ]
+}

package/template/web-app/react-rsbuild/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/web-app/react-vite/.gitignore

@@ -26,7 +26,7 @@ vite.config.ts.*
 *.njsproj
 *.sln
 *.sw?
-
-## Panda
-styled-system
+
+## Panda
+styled-system
 styled-system-studio

package/template/web-app/react-vite/.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-vite/.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-vite/domain/components/index.ts

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

package/template/web-app/react-vite/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-vite/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 />
+}

package/template/web-app/react-vite/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-vite/domain/router/home/ids.ts

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

package/template/web-app/react-vite/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-vite/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-vite/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-vite/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.VITE_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.VITE_BASE_URL
+})
+
+export const { useMatchRoutes, useQuery, useRouter, useRoutePermission } =
+    defineRouter(routerInstance)

package/template/web-app/react-vite/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-vite/eslint.config.js

@@ -1,114 +1,114 @@
-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.*',
-            'mockUtils.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/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/',
+            'vite.config.ts.*',
+            'mockUtils.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/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-vite/mockUtils.ts

@@ -1,6 +1,6 @@
-import path from 'node:path'
-import { createDefineMock } from 'vite-plugin-mock-dev-server'
-
-export const defineMock = createDefineMock(mock => {
-    mock.url = path.join(import.meta.env.VITE_BASE_URL + import.meta.env.VITE_API_HOST, mock.url)
-})
+import path from 'node:path'
+import { createDefineMock } from 'vite-plugin-mock-dev-server'
+
+export const defineMock = createDefineMock(mock => {
+    mock.url = path.join(import.meta.env.VITE_BASE_URL + import.meta.env.VITE_API_HOST, mock.url)
+})