create-packer 1.37.2 → 1.38.0

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

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

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

@@ -1 +1 @@
-export * from './utils'
+export * from './utils'

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

@@ -1,2 +1,2 @@
-import type { UseBoundStore, StoreApi } from 'zustand'
-export type ExtractModelType<T> = T extends UseBoundStore<StoreApi<infer S>> ? S : unknown
+import type { UseBoundStore, StoreApi } from 'zustand'
+export type ExtractModelType<T> = T extends UseBoundStore<StoreApi<infer S>> ? S : unknown

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

@@ -1,44 +1,32 @@
-{
-    "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": "Node",
-        "resolveJsonModule": true,
-        "isolatedModules": true,
-        "noEmit": true,
-        "jsx": "react-jsx",
-        "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": "Node",
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "noEmit": true,
+        "jsx": "react-jsx",
+        "paths": {
+            "@/*": ["./*"]
+        }
+    },
+    "include": ["**/*.ts", "**/*.tsx"],
+    "exclude": ["scripts", "rsbuild.config.ts"],
+    "references": [
+        {
+            "path": "./tsconfig.node.json"
+        }
+    ]
+}

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

@@ -1,14 +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/.prettierignore

@@ -0,0 +1,6 @@
+**/*.md
+**/*.svg
+**/*.ejs
+**/*.html
+.history
+dist

package/template/web-app/react-vite/.prettierrc

@@ -0,0 +1,18 @@
+{
+    "overrides": [
+        {
+            "files": ".prettierrc",
+            "options": { "parser": "json" }
+        }
+    ],
+    "printWidth": 100,
+    "tabWidth": 4,
+    "useTabs": false,
+    "semi": false,
+    "singleQuote": true,
+    "trailingComma": "none",
+    "bracketSpacing": true,
+    "bracketSameLine": false,
+    "arrowParens": "avoid",
+    "rangeStart": 0
+}

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

@@ -2,7 +2,7 @@
     "recommendations": [
         "dbaeumer.vscode-eslint",
         "stylelint.vscode-stylelint",
-        "biomejs.biome",
+        "esbenp.prettier-vscode",
         "styled-components.vscode-styled-components"
     ]
 }

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

@@ -10,7 +10,7 @@
         "build:analyse": "tsc --noEmit && vite build --mode analyse",
         "preview": "vite preview",
         "up:vite": "pnpm up vite @vitejs/* vite-plugin-* -L",
-        "format": "biome format --write",
+        "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",
@@ -33,7 +33,6 @@
         "zustand": "4.4.1"
     },
     "devDependencies": {
-        "@biomejs/biome": "1.9.3",
         "@commitlint/cli": "17.6.1",
         "@commitlint/config-conventional": "17.6.1",
         "@commitlint/cz-commitlint": "17.5.0",
@@ -56,14 +55,15 @@
         "eslint-plugin-import": "2.29.1",
         "eslint-plugin-react": "7.33.2",
         "eslint-plugin-react-hooks": "4.6.0",
-        "husky": "8.0.3",
+        "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.2.1",
+        "stylelint": "16.10.0",
         "stylelint-config-standard": "36.0.1",
         "typescript": "5.5.2",
         "vite": "5.3.3",

package/template/web-app/react-webpack/.prettierignore

@@ -0,0 +1,6 @@
+**/*.md
+**/*.svg
+**/*.ejs
+**/*.html
+.history
+dist

package/template/web-app/react-webpack/.prettierrc

@@ -0,0 +1,18 @@
+{
+    "overrides": [
+        {
+            "files": ".prettierrc",
+            "options": { "parser": "json" }
+        }
+    ],
+    "printWidth": 100,
+    "tabWidth": 4,
+    "useTabs": false,
+    "semi": false,
+    "singleQuote": true,
+    "trailingComma": "none",
+    "bracketSpacing": true,
+    "bracketSameLine": false,
+    "arrowParens": "avoid",
+    "rangeStart": 0
+}

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

@@ -1,8 +1,8 @@
-{
-    "recommendations": [
-        "dbaeumer.vscode-eslint",
-        "stylelint.vscode-stylelint",
-        "biomejs.biome",
-        "styled-components.vscode-styled-components"
-    ]
-}
+{
+    "recommendations": [
+        "dbaeumer.vscode-eslint",
+        "stylelint.vscode-stylelint",
+        "esbenp.prettier-vscode",
+        "styled-components.vscode-styled-components"
+    ]
+}

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

@@ -1,18 +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-webpack/commitlint.config.js

@@ -1 +1 @@
-module.exports = { extends: ['@commitlint/config-conventional'] }
+module.exports = { extends: ['@commitlint/config-conventional'] }

package/template/web-app/react-webpack/domain/app/app.model.ts

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

package/template/web-app/react-webpack/domain/app/app.styled.ts

@@ -1,3 +1,3 @@
-import { createGlobalStyle } from 'styled-components'
-
-export const GlobalStyle = createGlobalStyle``
+import { createGlobalStyle } from 'styled-components'
+
+export const GlobalStyle = createGlobalStyle``

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

@@ -1,17 +1,17 @@
-import { FunctionComponent } from 'react'
-import { ThemeProvider } from 'styled-components'
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import { theme } from '@/shared/theme'
-
-const queryClient = new QueryClient()
-
-export interface propsType {
-    children: React.ReactNode
-}
-export const Root: FunctionComponent<propsType> = props => {
-    return (
-        <QueryClientProvider client={queryClient}>
-            <ThemeProvider theme={theme}>{props.children}</ThemeProvider>
-        </QueryClientProvider>
-    )
-}
+import { FunctionComponent } from 'react'
+import { ThemeProvider } from 'styled-components'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { theme } from '@/shared/theme'
+
+const queryClient = new QueryClient()
+
+export interface propsType {
+    children: React.ReactNode
+}
+export const Root: FunctionComponent<propsType> = props => {
+    return (
+        <QueryClientProvider client={queryClient}>
+            <ThemeProvider theme={theme}>{props.children}</ThemeProvider>
+        </QueryClientProvider>
+    )
+}

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

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

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

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

package/template/web-app/react-webpack/domain/app/index.ts

@@ -1,2 +1,2 @@
-export * from './app.model'
-export * from './components'
+export * from './app.model'
+export * from './components'

package/template/web-app/react-webpack/domain/router/home/ids.ts

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

package/template/web-app/react-webpack/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-webpack/domain/router/home/routes.tsx

@@ -1,13 +1,13 @@
-import { lazy } from 'react'
-import ids from './ids'
-import type { routeType } from '../router.types'
-
-const routes: routeType[] = [
-    {
-        path: 'home',
-        id: ids.home,
-        Component: lazy(() => import('@/pages/home'))
-    }
-]
-
-export default routes
+import { lazy } from 'react'
+import ids from './ids'
+import type { routeType } from '../router.types'
+
+const routes: routeType[] = [
+    {
+        path: 'home',
+        id: ids.home,
+        Component: lazy(() => import('@/pages/home'))
+    }
+]
+
+export default routes

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

@@ -1,3 +1,3 @@
-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'

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

@@ -1,28 +1,28 @@
-import { lazy } from 'react'
-import { createBrowserRouter } from 'react-router-dom'
-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: ENV_BASE_URL
-})
-
-export const { useMatchRoutes, useQuery, useRouter, useRoutePermission } =
-    defineRouter(routerInstance)
+import { lazy } from 'react'
+import { createBrowserRouter } from 'react-router-dom'
+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: ENV_BASE_URL
+})
+
+export const { useMatchRoutes, useQuery, useRouter, useRoutePermission } =
+    defineRouter(routerInstance)

package/template/web-app/react-webpack/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-webpack/global.d.ts

@@ -1,26 +1,26 @@
-import 'styled-components'
-import { themeType } from './shared/theme'
-
-declare global {
-    const ENV_BASE_URL: string
-    const ENV_API_HOST: string
-}
-
-declare module '*.css'
-declare module '*.less'
-declare module '*.scss'
-declare module '*.png'
-declare module '*.webp'
-declare module '*.svg?url' {
-    const url: string
-    export default url
-}
-declare module '*.svg' {
-    import * as React from 'react'
-    function ReactComponent(props: React.SVGProps<SVGSVGElement>): React.ReactElement
-    export default ReactComponent
-}
-
-declare module 'styled-components' {
-    export interface DefaultTheme extends themeType {}
-}
+import 'styled-components'
+import { themeType } from './shared/theme'
+
+declare global {
+    const ENV_BASE_URL: string
+    const ENV_API_HOST: string
+}
+
+declare module '*.css'
+declare module '*.less'
+declare module '*.scss'
+declare module '*.png'
+declare module '*.webp'
+declare module '*.svg?url' {
+    const url: string
+    export default url
+}
+declare module '*.svg' {
+    import * as React from 'react'
+    function ReactComponent(props: React.SVGProps<SVGSVGElement>): React.ReactElement
+    export default ReactComponent
+}
+
+declare module 'styled-components' {
+    export interface DefaultTheme extends themeType {}
+}

package/template/web-app/react-webpack/index.css

@@ -1,3 +1,3 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

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

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