create-packer 1.31.2 → 1.32.0

package/bin/createTemp.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createTemp = void 0;
+exports.createTemp = createTemp;
 const inquirer = require("inquirer");
 const fsExtra = require("fs-extra");
 const path = require("path");
@@ -61,4 +61,3 @@ async function createTemp(dirname) {
     createTempEnd(output);
     creating.succeed();
 }
-exports.createTemp = createTemp;

package/bin/utils/index.js

@@ -23,7 +23,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.genTemplateInfoList = exports.onGenCommand = exports.hasYarn = exports.hasPnpm = void 0;
+exports.hasPnpm = hasPnpm;
+exports.hasYarn = hasYarn;
+exports.onGenCommand = onGenCommand;
+exports.genTemplateInfoList = genTemplateInfoList;
 const path = __importStar(require("path"));
 const child_process_1 = require("child_process");
 const fs_1 = require("fs");
@@ -36,7 +39,6 @@ function hasPnpm() {
         return false;
     }
 }
-exports.hasPnpm = hasPnpm;
 function hasYarn() {
     try {
         (0, child_process_1.execSync)('yarnpkg --version');
@@ -46,7 +48,6 @@ function hasYarn() {
         return false;
     }
 }
-exports.hasYarn = hasYarn;
 function onGenCommand() {
     if (hasPnpm()) {
         return 'pnpm';
@@ -56,7 +57,6 @@ function onGenCommand() {
     }
     return 'npm';
 }
-exports.onGenCommand = onGenCommand;
 function genTemplateInfoList(root) {
     const temps = [];
     (0, fs_1.readdirSync)(root, { withFileTypes: true }).forEach(o => {
@@ -71,4 +71,3 @@ function genTemplateInfoList(root) {
     });
     return temps;
 }
-exports.genTemplateInfoList = genTemplateInfoList;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-packer",
-  "version": "1.31.2",
+  "version": "1.32.0",
   "main": "index.js",
   "repository": "https://github.com/kevily/create-packer",
   "author": "1k <bug_zero@163.com>",
@@ -32,7 +32,7 @@
     "commitizen": "4.3.0",
     "eslint": "8.56.0",
     "rimraf": "3.0.2",
-    "typescript": "5.3.3"
+    "typescript": "5.5.2"
   },
   "config": {
     "commitizen": {

package/template/docusaurus/package.json

@@ -32,7 +32,7 @@
         "@easyops-cn/docusaurus-search-local": "^0.36.0",
         "@tsconfig/docusaurus": "1.0.5",
         "prettier": "3.2.5",
-        "typescript": "5.3.3"
+        "typescript": "5.5.2"
     },
     "browserslist": {
         "production": [

package/template/lib/react/package.json

@@ -27,8 +27,8 @@
     "@storybook/react": "7.1.0",
     "@storybook/react-vite": "7.1.0",
     "@storybook/testing-library": "0.0.14-next.2",
-    "@types/react": "18.2.14",
-    "@types/react-dom": "18.2.6",
+    "@types/react": "18.3.3",
+    "@types/react-dom": "18.3.0",
     "@typescript-eslint/eslint-plugin": "7.0.2",
     "@typescript-eslint/parser": "7.0.2",
     "eslint": "8.56.0",
@@ -45,7 +45,7 @@
     "storybook": "7.1.0",
     "stylelint": "16.2.1",
     "stylelint-config-standard-scss": "13.0.0",
-    "typescript": "5.3.3",
+    "typescript": "5.5.2",
     "vite-plugin-svgr": "4.2.0"
   }
 }

package/template/lib/ts/package.json

@@ -23,7 +23,7 @@
         "prettier": "3.2.5",
         "stylelint": "16.2.1",
         "stylelint-config-standard-scss": "13.0.0",
-        "typescript": "5.3.3",
+        "typescript": "5.5.2",
         "vitest": "0.34.2"
     }
 }

package/template/nest/package.json

@@ -57,7 +57,7 @@
         "ts-loader": "9.4.2",
         "ts-node": "10.9.1",
         "tsconfig-paths": "4.1.2",
-        "typescript": "5.3.3"
+        "typescript": "5.5.2"
     },
     "jest": {
         "moduleFileExtensions": [

package/template/web-app/next/package.json

@@ -1,47 +1,47 @@
-{
-    "name": "next",
-    "version": "0.1.0",
-    "private": true,
-    "scripts": {
-        "prepare": "husky install",
-        "dev": "next dev",
-        "build": "next build",
-        "start": "next start",
-        "lint": "next lint",
-        "format": "prettier --write \"{app,components,pages,domain,providers}/**/*.{ts,js,tsx,jsx,css,scss,less}\" \"./package.json\"",
-        "cz": "cz",
-        "push": "npm run commit && git push",
-        "commit": "git add . && npm run cz"
-    },
-    "dependencies": {
-        "@types/node": "20.4.2",
-        "@types/react": "18.2.15",
-        "@types/react-dom": "18.2.7",
-        "autoprefixer": "10.4.14",
-        "eslint": "8.56.0",
-        "eslint-config-next": "14.1.0",
-        "next": "13.4.10",
-        "postcss": "8.4.35",
-        "react": "18.2.0",
-        "react-dom": "18.2.0",
-        "tailwindcss": "3.4.3",
-        "typescript": "5.3.3"
-    },
-    "devDependencies": {
-        "@commitlint/cli": "17.6.7",
-        "@commitlint/config-conventional": "17.6.7",
-        "@commitlint/cz-commitlint": "17.6.7",
-        "commitizen": "4.3.0",
-        "eslint-plugin-import": "2.29.1",
-        "eslint-plugin-prettier": "5.1.3",
-        "husky": "8.0.3",
-        "prettier": "3.2.5",
-        "stylelint": "16.2.1",
-        "stylelint-config-standard": "36.0.0"
-    },
-    "config": {
-        "commitizen": {
-            "path": "@commitlint/cz-commitlint"
-        }
-    }
-}
+{
+    "name": "next",
+    "version": "0.1.0",
+    "private": true,
+    "scripts": {
+        "prepare": "husky install",
+        "dev": "next dev",
+        "build": "next build",
+        "start": "next start",
+        "lint": "next lint",
+        "format": "prettier --write \"{app,components,pages,domain,providers}/**/*.{ts,js,tsx,jsx,css,scss,less}\" \"./package.json\"",
+        "cz": "cz",
+        "push": "npm run commit && git push",
+        "commit": "git add . && npm run cz"
+    },
+    "dependencies": {
+        "@types/node": "20.4.2",
+        "@types/react": "18.3.3",
+        "@types/react-dom": "18.3.0",
+        "autoprefixer": "10.4.14",
+        "eslint": "8.56.0",
+        "eslint-config-next": "14.1.0",
+        "next": "13.4.10",
+        "postcss": "8.4.35",
+        "react": "18.2.0",
+        "react-dom": "18.2.0",
+        "tailwindcss": "3.4.3",
+        "typescript": "5.5.2"
+    },
+    "devDependencies": {
+        "@commitlint/cli": "17.6.7",
+        "@commitlint/config-conventional": "17.6.7",
+        "@commitlint/cz-commitlint": "17.6.7",
+        "commitizen": "4.3.0",
+        "eslint-plugin-import": "2.29.1",
+        "eslint-plugin-prettier": "5.1.3",
+        "husky": "8.0.3",
+        "prettier": "3.2.5",
+        "stylelint": "16.2.1",
+        "stylelint-config-standard": "36.0.0"
+    },
+    "config": {
+        "commitizen": {
+            "path": "@commitlint/cz-commitlint"
+        }
+    }
+}

package/template/web-app/react/.gitignore

@@ -17,6 +17,7 @@ vite.config.ts.*
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
+!.vscode/settings.json
 .history
 .idea
 .DS_Store

package/template/web-app/react/.stylelintrc

@@ -1,5 +1,6 @@
 {
     "extends": "stylelint-config-standard-scss",
+    "customSyntax": "postcss-styled-syntax",
     "rules": {
         "comment-empty-line-before": "never",
         "no-empty-source": null,
@@ -8,7 +9,7 @@
         "at-rule-no-unknown": [
             true,
             {
-                "ignoreAtRules": ["tailwind", "apply", "use"]
+                "ignoreAtRules": ["use"]
             }
         ],
         "declaration-block-no-redundant-longhand-properties": null,
@@ -19,11 +20,6 @@
             }
         ],
         "selector-class-pattern": null,
-        "scss/at-rule-no-unknown": [
-            true,
-            {
-                "ignoreAtRules": ["tailwind", "a    pply"]
-            }
-        ]
+        "scss/at-rule-no-unknown": true
     }
 }

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

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+import { FunctionComponent, StrictMode } from 'react'
+import { ThemeProvider } from 'styled-components'
+import { theme } from '@/shared/theme'
+
+export interface propsType {
+    children: React.ReactNode
+}
+export const Root: FunctionComponent<propsType> = props => {
+    return (
+        <StrictMode>
+            <ThemeProvider theme={theme}>{props.children}</ThemeProvider>
+        </StrictMode>
+    )
+}

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

@@ -1,9 +1,11 @@
-import { StrictMode, useLayoutEffect } from 'react'
+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'
 
-const App = () => {
+export const Root = () => {
     useLayoutEffect(() => {
         request.interceptors.response.use(
             res => res,
@@ -14,10 +16,9 @@ const App = () => {
     }, [])
 
     return (
-        <StrictMode>
-            <RouterProvider router={routerInstance} />
-        </StrictMode>
+        <AppContext.Root>
+            <GlobalStyle />
+            <RouterProvider router={routerInstance} fallbackElement={<>loading...</>} />
+        </AppContext.Root>
     )
 }
-
-export default App

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

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

package/template/web-app/react/index.html

@@ -6,7 +6,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>Vite + React + TS</title>
     </head>
-    <body id="my-app">
+    <body>
         <div id="root"></div>
         <script type="module" src="/main.tsx"></script>
     </body>

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

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

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

@@ -1,78 +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}",
-        "lint:fix": "eslint **/*.{tsx,ts,jsx,js} --fix && stylelint **/*.{css,scss,less} --fix",
-        "cz": "cz",
-        "push": "npm run commit && git push",
-        "commit": "git add . && npm run cz"
-    },
-    "dependencies": {
-        "1k-types": "1.2.0",
-        "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",
-        "zustand": "4.4.1"
-    },
-    "devDependencies": {
-        "@commitlint/cli": "17.6.1",
-        "@commitlint/config-conventional": "17.6.1",
-        "@commitlint/cz-commitlint": "17.5.0",
-        "@nabla/vite-plugin-eslint": "2.0.2",
-        "@types/lodash-es": "4.17.7",
-        "@types/mockjs": "1.0.7",
-        "@types/node": "18.16.0",
-        "@types/qs": "6.9.7",
-        "@types/react": "18.0.38",
-        "@types/react-dom": "18.0.11",
-        "@typescript-eslint/eslint-plugin": "7.0.2",
-        "@typescript-eslint/parser": "7.0.2",
-        "@vitejs/plugin-react": "4.2.1",
-        "autoprefixer": "10.4.14",
-        "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-prettier": "5.1.3",
-        "eslint-plugin-react": "7.33.2",
-        "eslint-plugin-react-hooks": "4.6.0",
-        "husky": "8.0.3",
-        "inquirer": "^8.1.2",
-        "mockjs": "1.1.0",
-        "postcss": "8.4.35",
-        "postcss-import": "16.0.1",
-        "postcss-nesting": "12.0.3",
-        "prettier": "3.2.5",
-        "rollup-plugin-visualizer": "5.9.2",
-        "stylelint": "16.2.1",
-        "stylelint-config-standard-scss": "13.0.0",
-        "tailwindcss": "3.4.3",
-        "typescript": "5.3.3",
-        "vite": "4.5.2",
-        "vite-plugin-mock-dev-server": "1.4.7",
-        "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 **/*.{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",
+        "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",
+        "@rollup/plugin-eslint": "9.0.5",
+        "@types/lodash-es": "4.17.7",
+        "@types/mockjs": "1.0.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",
+        "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-prettier": "5.1.3",
+        "eslint-plugin-react": "7.33.2",
+        "eslint-plugin-react-hooks": "4.6.0",
+        "husky": "8.0.3",
+        "inquirer": "^8.1.2",
+        "mockjs": "1.1.0",
+        "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-config-standard-scss": "13.0.0",
+        "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"
+        }
+    }
+}

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

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

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

@@ -1,6 +1,6 @@
-import './home.css'
 import { useEffect } from 'react'
 import { request, API } from '@/shared/service'
+import { StyledRoot } from './home.styled'
 
 export default function Home() {
     useEffect(() => {
@@ -9,5 +9,5 @@ export default function Home() {
         })
     }, [])
 
-    return <div className={'flex justify-center items-center'}>sdfs</div>
+    return <StyledRoot>sdfs</StyledRoot>
 }

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

@@ -1,8 +1,8 @@
-import { Suspense, useEffect } from 'react'
+import { useEffect } from 'react'
 import { Outlet, useLocation } from 'react-router-dom'
 import { useRouter, routerIds } from '@/domain/router'
 
-const View = () => {
+const Layout = () => {
     const location = useLocation()
     const navigate = useRouter(state => state.navigate)
 
@@ -12,11 +12,7 @@ const View = () => {
         }
     }, [location])
 
-    return (
-        <Suspense fallback={<>loading...</>}>
-            <Outlet />
-        </Suspense>
-    )
+    return <Outlet />
 }
 
-export default View
+export default Layout

package/template/web-app/react/postcss.config.cjs

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

package/template/web-app/react/shared/theme/index.ts

@@ -0,0 +1 @@
+export * from './theme.styled'

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

@@ -0,0 +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