create-packer 1.37.2 → 1.38.0

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

@@ -1,87 +1,87 @@
-{
-    "name": "react-app-webpack",
-    "version": "1.0.0",
-    "main": "./dist/index",
-    "module": "./dist/index.esm.js",
-    "private": true,
-    "author": "1K",
-    "scripts": {
-        "prepare": "husky install",
-        "dev": "webpack serve --env mode=dev",
-        "build": "webpack --env mode=prod",
-        "build:analyzer": "webpack --env mode=analyzer",
-        "up:webpack": "pnpm up webpackbar webpackbar-* -L",
-        "format": "biome format --write",
-        "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.6.7",
-        "define-zustand": "3.1.1",
-        "immer": "10.0.3",
-        "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": {
-        "@biomejs/biome": "1.9.3",
-        "@commitlint/cli": "18.6.1",
-        "@commitlint/config-conventional": "18.6.2",
-        "@commitlint/cz-commitlint": "18.6.1",
-        "@svgr/webpack": "8.1.0",
-        "@types/lodash-es": "4.17.12",
-        "@types/qs": "6.9.11",
-        "@types/react": "18.3.3",
-        "@types/react-dom": "18.3.0",
-        "@typescript-eslint/eslint-plugin": "7.0.2",
-        "@typescript-eslint/parser": "7.0.2",
-        "autoprefixer": "10.4.17",
-        "commitizen": "4.3.0",
-        "css-loader": "6.10.0",
-        "cssnano": "6.0.3",
-        "dotenv": "16.4.5",
-        "esbuild-loader": "4.2.2",
-        "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",
-        "eslint-webpack-plugin": "4.0.1",
-        "fork-ts-checker-webpack-plugin": "9.0.2",
-        "html-webpack-plugin": "5.6.0",
-        "husky": "9.0.11",
-        "mini-css-extract-plugin": "2.8.0",
-        "postcss-import": "16.0.1",
-        "postcss-loader": "8.1.0",
-        "postcss-nesting": "12.0.3",
-        "postcss-styled-syntax": "0.6.4",
-        "react-css-modules": "4.7.11",
-        "react-test-renderer": "18.2.0",
-        "rimraf": "5.0.5",
-        "style-loader": "3.3.4",
-        "stylelint": "16.2.1",
-        "stylelint-config-standard": "36.0.1",
-        "stylelint-webpack-plugin": "5.0.0",
-        "typescript": "5.5.2",
-        "webpack": "5.91.0",
-        "webpack-bundle-analyzer": "4.10.1",
-        "webpack-cli": "5.1.4",
-        "webpack-dev-server": "5.0.4",
-        "webpackbar": "6.0.1"
-    },
-    "config": {
-        "commitizen": {
-            "path": "@commitlint/cz-commitlint"
-        }
-    }
-}
+{
+    "name": "react-app-webpack",
+    "version": "1.0.0",
+    "main": "./dist/index",
+    "module": "./dist/index.esm.js",
+    "private": true,
+    "author": "1K",
+    "scripts": {
+        "prepare": "husky install",
+        "dev": "webpack serve --env mode=dev",
+        "build": "webpack --env mode=prod",
+        "build:analyzer": "webpack --env mode=analyzer",
+        "up:webpack": "pnpm up webpackbar webpackbar-* -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.6.7",
+        "define-zustand": "3.1.1",
+        "immer": "10.0.3",
+        "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": "18.6.1",
+        "@commitlint/config-conventional": "18.6.2",
+        "@commitlint/cz-commitlint": "18.6.1",
+        "@svgr/webpack": "8.1.0",
+        "@types/lodash-es": "4.17.12",
+        "@types/qs": "6.9.11",
+        "@types/react": "18.3.3",
+        "@types/react-dom": "18.3.0",
+        "@typescript-eslint/eslint-plugin": "7.0.2",
+        "@typescript-eslint/parser": "7.0.2",
+        "autoprefixer": "10.4.17",
+        "commitizen": "4.3.0",
+        "css-loader": "6.10.0",
+        "cssnano": "6.0.3",
+        "dotenv": "16.4.5",
+        "esbuild-loader": "4.2.2",
+        "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",
+        "eslint-webpack-plugin": "4.0.1",
+        "fork-ts-checker-webpack-plugin": "9.0.2",
+        "html-webpack-plugin": "5.6.0",
+        "husky": "9.1.6",
+        "mini-css-extract-plugin": "2.8.0",
+        "postcss-import": "16.0.1",
+        "postcss-loader": "8.1.0",
+        "postcss-nesting": "12.0.3",
+        "postcss-styled-syntax": "0.6.4",
+        "prettier": "3.2.5",
+        "react-css-modules": "4.7.11",
+        "react-test-renderer": "18.2.0",
+        "rimraf": "5.0.5",
+        "style-loader": "3.3.4",
+        "stylelint": "16.10.0",
+        "stylelint-config-standard": "36.0.1",
+        "stylelint-webpack-plugin": "5.0.0",
+        "typescript": "5.5.2",
+        "webpack": "5.91.0",
+        "webpack-bundle-analyzer": "4.10.1",
+        "webpack-cli": "5.1.4",
+        "webpack-dev-server": "5.0.4",
+        "webpackbar": "6.0.1"
+    },
+    "config": {
+        "commitizen": {
+            "path": "@commitlint/cz-commitlint"
+        }
+    }
+}

package/template/web-app/react-webpack/pages/home/home.styled.ts

@@ -1,7 +1,7 @@
-import styled, { css } from 'styled-components'
-
-export const StyledRoot = styled.div(({ theme }) => {
-    return css`
-        ${theme.tools.flex('center', 'center')};
-    `
-})
+import styled, { css } from 'styled-components'
+
+export const StyledRoot = styled.div(({ theme }) => {
+    return css`
+        ${theme.tools.flex('center', 'center')};
+    `
+})

package/template/web-app/react-webpack/pages/home/home.tsx

@@ -1,10 +1,10 @@
-import { useHomeQuery } from '@/shared/service'
-import { StyledRoot } from './home.styled'
-
-export default function Home() {
-    const homeQuery = useHomeQuery()
-
-    console.log('data', homeQuery.data?.data)
-
-    return <StyledRoot>sdsddds</StyledRoot>
-}
+import { useHomeQuery } from '@/shared/service'
+import { StyledRoot } from './home.styled'
+
+export default function Home() {
+    const homeQuery = useHomeQuery()
+
+    console.log('data', homeQuery.data?.data)
+
+    return <StyledRoot>sdsddds</StyledRoot>
+}

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

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

package/template/web-app/react-webpack/pages/index.tsx

@@ -1,18 +1,18 @@
-import { useEffect } from 'react'
-import { Outlet, useLocation } from 'react-router-dom'
-import { useRouter, routerIds } from '@/domain/router'
-
-const Layout = () => {
-    const location = useLocation()
-    const navigate = useRouter(state => state.navigate)
-
-    useEffect(() => {
-        if (location.pathname === '/') {
-            navigate({ id: routerIds.home })
-        }
-    }, [location])
-
-    return <Outlet />
-}
-
-export default Layout
+import { useEffect } from 'react'
+import { Outlet, useLocation } from 'react-router-dom'
+import { useRouter, routerIds } from '@/domain/router'
+
+const Layout = () => {
+    const location = useLocation()
+    const navigate = useRouter(state => state.navigate)
+
+    useEffect(() => {
+        if (location.pathname === '/') {
+            navigate({ id: routerIds.home })
+        }
+    }, [location])
+
+    return <Outlet />
+}
+
+export default Layout

package/template/web-app/react-webpack/pages/not-found.tsx

@@ -1,3 +1,3 @@
-export default function AppNotFound() {
-    return <div>404</div>
-}
+export default function AppNotFound() {
+    return <div>404</div>
+}

package/template/web-app/react-webpack/postcss.config.js

@@ -1,7 +1,7 @@
-module.exports = {
-    plugins: {
-        'postcss-import': {},
-        autoprefixer: {},
-        ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {})
-    }
-}
+module.exports = {
+    plugins: {
+        'postcss-import': {},
+        autoprefixer: {},
+        ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {})
+    }
+}

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

@@ -1,33 +1,33 @@
-import { FunctionComponent, ReactNode } from 'react'
-import { RouteObject } from 'react-router-dom'
-
-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-dom'
+
+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
+}

package/template/web-app/react-webpack/shared/hooks/defineRouter/index.ts

@@ -1,2 +1,2 @@
-export { default as defineRouter } from './deineRouter'
-export * from './defineRouter.types'
+export { default as defineRouter } from './deineRouter'
+export * from './defineRouter.types'

package/template/web-app/react-webpack/shared/hooks/index.ts

@@ -1,6 +1,6 @@
-export { default as useLoadingAction } from './useLoadingAction'
-export { default as useInterval } from './useInterval'
-export { default as useVisible } from './useVisible'
-export { default as useLowPriorityState } from './useLowPriorityState'
-export * from './useSyncState'
-export * from './defineRouter'
+export { default as useLoadingAction } from './useLoadingAction'
+export { default as useInterval } from './useInterval'
+export { default as useVisible } from './useVisible'
+export { default as useLowPriorityState } from './useLowPriorityState'
+export * from './useSyncState'
+export * from './defineRouter'

package/template/web-app/react-webpack/shared/hooks/useInterval.ts

@@ -1,26 +1,26 @@
-import { useState } from 'react'
-import { useInterval as useRUInterval } from 'react-use'
-
-interface actionsType {
-    start: () => void
-    stop: () => void
-}
-export default function useInterval(
-    cb: (actions: actionsType) => Promise<void> | void,
-    delay: number
-): actionsType {
-    const [startInterval, setStartInterval] = useState(false)
-    const start: actionsType['start'] = () => {
-        setStartInterval(true)
-    }
-    const stop: actionsType['stop'] = () => {
-        setStartInterval(false)
-    }
-    useRUInterval(
-        async () => {
-            cb({ start, stop })
-        },
-        startInterval ? delay : null
-    )
-    return { start, stop }
-}
+import { useState } from 'react'
+import { useInterval as useRUInterval } from 'react-use'
+
+interface actionsType {
+    start: () => void
+    stop: () => void
+}
+export default function useInterval(
+    cb: (actions: actionsType) => Promise<void> | void,
+    delay: number
+): actionsType {
+    const [startInterval, setStartInterval] = useState(false)
+    const start: actionsType['start'] = () => {
+        setStartInterval(true)
+    }
+    const stop: actionsType['stop'] = () => {
+        setStartInterval(false)
+    }
+    useRUInterval(
+        async () => {
+            cb({ start, stop })
+        },
+        startInterval ? delay : null
+    )
+    return { start, stop }
+}

package/template/web-app/react-webpack/shared/hooks/useLoadingAction.ts

@@ -1,27 +1,27 @@
-import { useCallback, useState, DependencyList, useRef } from 'react'
-
-export default function useLoadingAction<C extends (...arg: any) => Promise<any> | any>(
-    callback: C,
-    deps: DependencyList,
-    debounce = true
-) {
-    const [loading, setLoading] = useState(false)
-    const loadingSync = useRef(loading)
-    function $setLoading(loading: boolean) {
-        setLoading(loading)
-        loadingSync.current = loading
-    }
-    const action = useCallback(async (...arg: any) => {
-        if (debounce && loadingSync.current) {
-            return
-        }
-        try {
-            $setLoading(true)
-            return await callback(...arg)
-        } finally {
-            $setLoading(false)
-        }
-    }, deps) as C
-
-    return [loading, action] as const
-}
+import { useCallback, useState, DependencyList, useRef } from 'react'
+
+export default function useLoadingAction<C extends (...arg: any) => Promise<any> | any>(
+    callback: C,
+    deps: DependencyList,
+    debounce = true
+) {
+    const [loading, setLoading] = useState(false)
+    const loadingSync = useRef(loading)
+    function $setLoading(loading: boolean) {
+        setLoading(loading)
+        loadingSync.current = loading
+    }
+    const action = useCallback(async (...arg: any) => {
+        if (debounce && loadingSync.current) {
+            return
+        }
+        try {
+            $setLoading(true)
+            return await callback(...arg)
+        } finally {
+            $setLoading(false)
+        }
+    }, deps) as C
+
+    return [loading, action] as const
+}

package/template/web-app/react-webpack/shared/hooks/useLowPriorityState.ts

@@ -1,26 +1,26 @@
-import { useEffect, useState, useTransition, DependencyList } from 'react'
-
-/**
- *
- * @param callback
- * @param watches If set, it is autorun callback
- * @returns
- */
-export default function useLowPriorityState<V>(callback: () => V, watches?: DependencyList) {
-    const [value, setValue] = useState<V>(callback)
-    const [loading, startTransition] = useTransition()
-
-    function startLoad() {
-        startTransition(() => {
-            setValue(callback())
-        })
-    }
-
-    useEffect(() => {
-        if (watches) {
-            startLoad()
-        }
-    }, watches)
-
-    return [value, { loading, startLoad }] as const
-}
+import { useEffect, useState, useTransition, DependencyList } from 'react'
+
+/**
+ *
+ * @param callback
+ * @param watches If set, it is autorun callback
+ * @returns
+ */
+export default function useLowPriorityState<V>(callback: () => V, watches?: DependencyList) {
+    const [value, setValue] = useState<V>(callback)
+    const [loading, startTransition] = useTransition()
+
+    function startLoad() {
+        startTransition(() => {
+            setValue(callback())
+        })
+    }
+
+    useEffect(() => {
+        if (watches) {
+            startLoad()
+        }
+    }, watches)
+
+    return [value, { loading, startLoad }] as const
+}

package/template/web-app/react-webpack/shared/hooks/useSyncState.ts

@@ -1,15 +1,15 @@
-import { useRef, useState, Dispatch, SetStateAction } from 'react'
-import { isFunction } from 'lodash-es'
-
-export function useSyncState<S>(initialState: S | (() => S)) {
-    const [state, setState] = useState(initialState)
-    const syncState = useRef<S>(state)
-
-    const $setState: Dispatch<SetStateAction<S>> = newState => {
-        const $newState = isFunction(newState) ? newState(state) : newState
-        setState($newState)
-        syncState.current = $newState
-    }
-
-    return [syncState, state, $setState] as const
-}
+import { useRef, useState, Dispatch, SetStateAction } from 'react'
+import { isFunction } from 'lodash-es'
+
+export function useSyncState<S>(initialState: S | (() => S)) {
+    const [state, setState] = useState(initialState)
+    const syncState = useRef<S>(state)
+
+    const $setState: Dispatch<SetStateAction<S>> = newState => {
+        const $newState = isFunction(newState) ? newState(state) : newState
+        setState($newState)
+        syncState.current = $newState
+    }
+
+    return [syncState, state, $setState] as const
+}

package/template/web-app/react-webpack/shared/hooks/useVisible.ts

@@ -1,27 +1,27 @@
-import { useState } from 'react'
-import { isFunction } from 'lodash-es'
-
-export interface useVisibleConfigType {
-    defaultVisible?: boolean
-    onBeforeShow?: () => Promise<boolean | void>
-    onBeforeHide?: () => Promise<boolean | void>
-}
-export default function useVisible(config?: useVisibleConfigType) {
-    const [visible, setVisible] = useState(config?.defaultVisible ?? false)
-    const onShow = async () => {
-        let isShow: boolean | void = true
-        if (isFunction(config?.onBeforeShow)) {
-            isShow = await config?.onBeforeShow?.()
-        }
-        setVisible(isShow !== false)
-    }
-    const onClose = async () => {
-        let isHide: boolean | void = true
-        if (isFunction(config?.onBeforeHide)) {
-            isHide = await config?.onBeforeHide?.()
-        }
-        setVisible(isHide === false)
-    }
-
-    return { visible, onShow, onClose }
-}
+import { useState } from 'react'
+import { isFunction } from 'lodash-es'
+
+export interface useVisibleConfigType {
+    defaultVisible?: boolean
+    onBeforeShow?: () => Promise<boolean | void>
+    onBeforeHide?: () => Promise<boolean | void>
+}
+export default function useVisible(config?: useVisibleConfigType) {
+    const [visible, setVisible] = useState(config?.defaultVisible ?? false)
+    const onShow = async () => {
+        let isShow: boolean | void = true
+        if (isFunction(config?.onBeforeShow)) {
+            isShow = await config?.onBeforeShow?.()
+        }
+        setVisible(isShow !== false)
+    }
+    const onClose = async () => {
+        let isHide: boolean | void = true
+        if (isFunction(config?.onBeforeHide)) {
+            isHide = await config?.onBeforeHide?.()
+        }
+        setVisible(isHide === false)
+    }
+
+    return { visible, onShow, onClose }
+}

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

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

package/template/web-app/react-webpack/shared/service/index.ts

@@ -1,2 +1,2 @@
-export * from './request'
-export * from './home'
+export * from './request'
+export * from './home'