create-packer 1.50.7 → 1.50.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-packer",
-  "version": "1.50.7",
+  "version": "1.50.9",
   "main": "index.js",
   "repository": "https://github.com/kevily/create-packer",
   "author": "1k <bug_zero@163.com>",
@@ -35,7 +35,7 @@
     "eslint": "9.17.0",
     "globals": "15.12.0",
     "prettier": "3.2.5",
-    "rimraf": "3.0.2",
+    "rimraf": "6.1.3",
     "typescript": "6.0.3",
     "typescript-eslint": "8.59.2"
   },
@@ -46,7 +46,7 @@
   },
   "scripts": {
     "login": "npm login --registry https://registry.npmjs.org",
-    "version": "pnpm run build && pnpm run push && node ./scripts/version.js",
+    "changeset": "pnpm run build && pnpm run push && node ./scripts/version.js",
     "pub": "pnpm run login && pnpm publish --registry https://registry.npmjs.org && git push",
     "test": "pnpm run build && rimraf ./__test__ && node ./bin __test__",
     "build": "rimraf ./bin && tsc",

package/template/electron-react/.stylelintrc

@@ -1,11 +1,6 @@
 {
-    "extends": "stylelint-config-standard-scss",
-    "overrides": [
-        {
-            "files": ["*.html", "**/*.html", "*.vue", "**/*.vue"],
-            "customSyntax": "postcss-html"
-        }
-    ],
+    "extends": "stylelint-config-standard",
+    "customSyntax": "postcss-styled-syntax",
     "rules": {
         "comment-empty-line-before": "never",
         "no-empty-source": null,
@@ -14,7 +9,7 @@
         "at-rule-no-unknown": [
             true,
             {
-                "ignoreAtRules": ["tailwind", "apply", "use", "reference"]
+                "ignoreAtRules": ["use"]
             }
         ],
         "declaration-block-no-redundant-longhand-properties": null,
@@ -24,12 +19,6 @@
                 "ignorePseudoClasses": ["global"]
             }
         ],
-        "selector-class-pattern": null,
-        "scss/at-rule-no-unknown": [
-            true,
-            {
-                "ignoreAtRules": ["tailwind", "apply", "reference"]
-            }
-        ]
+        "selector-class-pattern": null
     }
 }

package/template/electron-react/.vscode/extensions.json

@@ -3,5 +3,6 @@
         "dbaeumer.vscode-eslint",
         "stylelint.vscode-stylelint",
         "esbenp.prettier-vscode",
+        "bradlc.vscode-tailwindcss"
     ]
 }

package/template/electron-react/package.json

@@ -29,8 +29,6 @@
         "up:vite": "pnpm up vite @vitejs/* vite-plugin-* -L"
     },
     "dependencies": {
-        "@emotion/react": "11.14.0",
-        "@emotion/styled": "11.14.1",
         "@tanstack/react-query": "5.51.15",
         "axios": "1.16.0",
         "define-zustand": "4.0.2",
@@ -40,7 +38,7 @@
         "qs": "6.11.2",
         "react": "18.3.1",
         "react-dom": "18.3.1",
-        "react-router": "7.5.0",
+        "react-router": "7.18.1",
         "react-use": "17.5.0",
         "type-fest": "5.6.0",
         "zustand": "5.0.3"
@@ -50,24 +48,24 @@
         "@commitlint/config-conventional": "17.6.1",
         "@commitlint/cz-commitlint": "17.5.0",
         "@eslint/js": "9.15.0",
-        "@faker-js/faker": "8.4.1",
         "@rsbuild/core": "2.0.5",
         "@rsbuild/plugin-eslint": "1.3.0",
         "@rsbuild/plugin-react": "2.0.0",
         "@rsbuild/plugin-svgr": "2.0.2",
         "@rsbuild/plugin-type-check": "1.3.4",
         "@rsdoctor/rspack-plugin": "1.5.10",
-        "@types/mockjs": "1.0.10",
+        "@tailwindcss/postcss": "4.1.4",
+        "@types/node": "20.19.0",
         "@types/qs": "6.9.7",
-        "@types/react": "18.3.3",
-        "@types/react-dom": "18.3.0",
+        "@types/react": "18.3.31",
+        "@types/react-dom": "18.3.7",
         "autoprefixer": "10.4.14",
         "commitizen": "4.3.0",
         "concurrently": "9.2.1",
         "cross-env": "7.0.3",
         "cssnano": "6.0.0",
         "electron": "38.1.2",
-        "electron-builder": "^26.0.12",
+        "electron-builder": "26.0.12",
         "eslint": "9.17.0",
         "eslint-import-resolver-typescript": "4.4.4",
         "eslint-plugin-import": "2.31.0",
@@ -75,19 +73,15 @@
         "eslint-plugin-react-hooks": "5.1.0",
         "globals": "15.12.0",
         "husky": "9.1.6",
-        "inquirer": "8.1.2",
-        "postcss": "8.4.38",
-        "postcss-html": "1.8.0",
-        "postcss-import": "16.1.0",
-        "postcss-nesting": "12.1.1",
+        "postcss": "8.4.35",
+        "postcss-import": "16.0.1",
+        "postcss-nesting": "12.0.3",
+        "postcss-styled-syntax": "0.6.4",
         "prettier": "3.2.5",
-        "rimraf": "6.0.1",
-        "rollup-plugin-visualizer": "5.12.0",
         "stylelint": "16.10.0",
-        "stylelint-config-standard-scss": "13.1.0",
+        "stylelint-config-standard": "36.0.1",
         "stylelint-webpack-plugin": "5.0.0",
-        "typescript": "6.0.3",
-        "typescript-eslint": "8.59.2"
+        "typescript": "6.0.3"
     },
     "config": {
         "commitizen": {

package/template/electron-react/renderer/{domain/components → components}/app-context.tsx

@@ -1,8 +1,6 @@
 import { FunctionComponent, ReactNode } from 'react'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import { Global, ThemeProvider } from '@emotion/react'
-import { request } from '@/renderer/shared/service'
-import { globalCss, theme } from '@/renderer/shared/styles'
+import { request } from '@/renderer/service'
 
 const queryClient = new QueryClient({
     defaultOptions: {
@@ -20,12 +18,5 @@ 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>
-    )
+    return <QueryClientProvider client={queryClient}>{props.children}</QueryClientProvider>
 }

package/template/electron-react/renderer/{domain/components → components}/app.tsx

@@ -1,7 +1,7 @@
 import { useLayoutEffect, Suspense } from 'react'
 import { RouterProvider } from 'react-router/dom'
-import { request } from '@/renderer/shared/service'
-import { routerInstance } from '@/renderer/domain/router'
+import { request } from '@/renderer/service'
+import { routerInstance } from '@/renderer/router'
 import * as AppContext from './app-context'
 
 export const Root = () => {

package/template/electron-react/renderer/{shared/components → components}/index.ts

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

package/template/electron-react/renderer/global.d.ts

@@ -1,6 +1,3 @@
-import '@emotion/react'
-import { type themeType } from '@/renderer/shared/styles'
-
 declare module '*.svg' {
     const content: string
     export default content
@@ -10,7 +7,3 @@ declare module '*.svg?react' {
     const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement>>
     export default ReactComponent
 }
-
-declare module '@emotion/react' {
-    export interface Theme extends themeType {}
-}

package/template/electron-react/renderer/main.tsx

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

package/template/electron-react/renderer/pages/home/view.tsx

@@ -1,10 +1,9 @@
-import { useHomeData } from '@/renderer/shared/service'
-import { StyledRoot } from './view.styled'
+import { useHomeData } from '@/renderer/service'
 
 export default function Home() {
     const { data } = useHomeData()
 
     console.log('data', data)
 
-    return <StyledRoot>sdfs</StyledRoot>
+    return <div className="tw:flex">sdfs</div>
 }

package/template/electron-react/renderer/pages/index.tsx

@@ -1,6 +1,6 @@
 import { useEffect } from 'react'
 import { Outlet, useLocation } from 'react-router'
-import { useRouter, routerIds } from '@/renderer/domain/router'
+import { useRouter, routerIds } from '@/renderer/router'
 
 const Layout = () => {
     const location = useLocation()

package/template/electron-react/renderer/{domain/router → router}/components/route-layout.tsx

@@ -1,7 +1,7 @@
 import { FunctionComponent } from 'react'
 import { Outlet } from 'react-router'
 import { last } from 'es-toolkit'
-import { routeType, useMatchRoutes } from '@/renderer/domain/router'
+import { routeType, useMatchRoutes } from '@/renderer/router'
 
 export interface propsType {
     Index: FunctionComponent

package/template/electron-react/renderer/{domain/router → router}/components/sub-route-outlet.tsx

@@ -2,7 +2,7 @@ import { FunctionComponent } from 'react'
 import { Outlet } from 'react-router'
 import { useMount } from 'react-use'
 import { last } from 'es-toolkit'
-import { useMatchRoutes, useRouter, routeType } from '@/renderer/domain/router'
+import { useMatchRoutes, useRouter, routeType } from '@/renderer/router'
 
 export interface propsType {
     rootId: routeType['id']

package/template/electron-react/renderer/{domain/router → router}/router.tsx

@@ -1,6 +1,6 @@
 import { lazy } from 'react'
 import { createBrowserRouter } from 'react-router'
-import { defineRouter, routeType } from '@/renderer/shared/hooks'
+import { defineRouter, routeType } from '@/renderer/hooks'
 import ids from './ids'
 import * as home from './home'
 

package/template/electron-react/renderer/router/router.types.ts

@@ -0,0 +1,3 @@
+import { routeType as $routeType } from '@/renderer/hooks'
+
+export type routeType = $routeType

package/template/electron-react/renderer/styles/theme.css

@@ -0,0 +1,4 @@
+@layer theme, base, components, utilities;
+@import "tailwindcss/theme.css" prefix(tw) layer(theme);
+@import "tailwindcss/utilities.css" layer(utilities);
+

package/template/electron-react/tsconfig.json

@@ -1,6 +1,6 @@
 {
     "compilerOptions": {
-         "target": "ESNext",
+        "target": "ESNext",
         "useDefineForClassFields": true,
         "lib": ["DOM", "DOM.Iterable", "ESNext"],
         "allowJs": false,
@@ -18,8 +18,7 @@
         "jsx": "react-jsx",
         "paths": {
             "@/*": ["./*"]
-        },
-        "jsxImportSource": "@emotion/react"
+        }
     },
     "include": ["**/*.ts", "**/*.tsx"],
     "exclude": ["scripts", "rsbuild.config.ts"]

package/template/electron-vue/.vscode/extensions.json

@@ -4,6 +4,7 @@
         "vue.vscode-typescript-vue-plugin",
         "dbaeumer.vscode-eslint",
         "stylelint.vscode-stylelint",
-        "esbenp.prettier-vscode"
+        "esbenp.prettier-vscode",
+        "bradlc.vscode-tailwindcss"
     ]
 }

package/template/electron-vue/eslint.config.mjs

@@ -90,7 +90,6 @@ export default tseslint.config([
             '@typescript-eslint/ban-ts-comment': 'off',
             '@typescript-eslint/no-empty-interface': 'off',
             '@typescript-eslint/triple-slash-reference': 'off',
-            "@typescript-eslint/no-require-imports": 'off',
             'vue/multi-word-component-names': 0,
             'vue/html-indent': ['error', 4],
             'vue/require-default-prop': 'off',

package/template/electron-vue/main/main.ts

@@ -1,5 +1,6 @@
 import path from 'path'
 import { app, BrowserWindow, shell, ipcMain } from 'electron'
+import debug from 'electron-debug'
 import { resolveHtmlPath } from './tools'
 
 let mainWindow: BrowserWindow | null = null
@@ -12,8 +13,8 @@ ipcMain.on('ipc-example', async (event, arg) => {
 
 const isDebug = process.env.NODE_ENV === 'development' || process.env.DEBUG_PROD === 'true'
 
-if (true) {
-    require('electron-debug').default()
+if (isDebug) {
+    debug()
 }
 
 const createWindow = async () => {

package/template/electron-vue/package.json

@@ -43,14 +43,16 @@
         "@commitlint/config-conventional": "17.6.1",
         "@commitlint/cz-commitlint": "17.5.0",
         "@eslint/js": "9.15.0",
-        "@faker-js/faker": "8.4.1",
         "@rsbuild/core": "2.0.5",
         "@rsbuild/plugin-eslint": "1.3.0",
         "@rsbuild/plugin-type-check": "1.3.4",
         "@rsbuild/plugin-vue": "1.2.8",
         "@rsdoctor/rspack-plugin": "1.5.10",
         "@tailwindcss/postcss": "4.1.4",
-        "@types/mockjs": "1.0.10",
+        "@types/node": "20.19.0",
+        "@types/qs": "6.9.7",
+        "@types/react": "18.3.31",
+        "@types/react-dom": "18.3.7",
         "autoprefixer": "10.4.14",
         "commitizen": "4.3.0",
         "concurrently": "9.2.1",
@@ -64,19 +66,15 @@
         "eslint-plugin-vue": "9.32.0",
         "globals": "15.12.0",
         "husky": "9.1.6",
-        "inquirer": "8.1.2",
-        "postcss": "8.4.38",
-        "postcss-html": "1.8.0",
-        "postcss-import": "16.1.0",
-        "postcss-nesting": "12.1.1",
+        "postcss": "8.4.35",
+        "postcss-import": "16.0.1",
+        "postcss-nesting": "12.0.3",
+        "postcss-styled-syntax": "0.6.4",
         "prettier": "3.2.5",
-        "rimraf": "6.0.1",
-        "rollup-plugin-visualizer": "5.12.0",
         "stylelint": "16.10.0",
-        "stylelint-config-standard-scss": "13.1.0",
+        "stylelint-config-standard": "36.0.1",
         "stylelint-webpack-plugin": "5.0.0",
         "typescript": "6.0.3",
-        "typescript-eslint": "8.59.2",
         "vue-tsc": "3.0.6"
     },
     "config": {

package/template/electron-vue/renderer/{domain/components → components}/app.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script setup lang="ts">
-import { router, routerNames } from '@/renderer/domain/router'
+import { router, routerNames } from '@/renderer/router'
 
 router.beforeEach(async to => {
     if (!Object.values(routerNames).includes(to.name as string)) {

package/template/electron-vue/renderer/{domain/components → components}/createComponentInstance.ts

@@ -1,5 +1,5 @@
 import { createVNode, render, VNodeChild } from 'vue'
-import app from './app'
+import app from './app.vue'
 
 const store = new Map()
 

package/template/electron-vue/renderer/main.ts

@@ -1,7 +1,7 @@
 import { createApp } from 'vue'
 import { createPinia } from 'pinia'
-import { router } from '@/renderer/domain/router'
-import { App } from '@/renderer/domain/components'
+import { router } from '@/renderer/router'
+import { App } from '@/renderer/components'
 import './main.css'
 
 createApp(App).use(createPinia()).use(router).mount('#app')

package/template/electron-vue/renderer/pages/home/view.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { fetchHomeData } from '@/renderer/shared/service'
+import { fetchHomeData } from '@/renderer/service'
 
 const data = fetchHomeData()
 console.log('data', data)

package/template/electron-vue/tsconfig.json

@@ -23,5 +23,5 @@
         }
     },
     "include": ["**/*.tsx", "**/*.ts", "**/*.vue"],
-    "exclude": ["scripts", "rsbuild.config.ts"],
+    "exclude": ["scripts", "rsbuild.config.ts"]
 }

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

@@ -3,5 +3,6 @@
         "dbaeumer.vscode-eslint",
         "stylelint.vscode-stylelint",
         "esbenp.prettier-vscode",
+        "bradlc.vscode-tailwindcss"
     ]
 }

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

@@ -3,5 +3,6 @@
         "dbaeumer.vscode-eslint",
         "stylelint.vscode-stylelint",
         "esbenp.prettier-vscode",
+        "bradlc.vscode-tailwindcss"
     ]
 }

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

@@ -4,6 +4,7 @@
         "vue.vscode-typescript-vue-plugin",
         "dbaeumer.vscode-eslint",
         "stylelint.vscode-stylelint",
-        "esbenp.prettier-vscode"
+        "esbenp.prettier-vscode",
+        "bradlc.vscode-tailwindcss"
     ]
 }

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

@@ -4,6 +4,7 @@
         "vue.vscode-typescript-vue-plugin",
         "dbaeumer.vscode-eslint",
         "stylelint.vscode-stylelint",
-        "esbenp.prettier-vscode"
+        "esbenp.prettier-vscode",
+        "bradlc.vscode-tailwindcss"
     ]
 }

package/template/electron-react/renderer/domain/components/index.ts

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

package/template/electron-react/renderer/domain/router/router.types.ts

@@ -1,3 +0,0 @@
-import { routeType as $routeType } from '@/renderer/shared/hooks'
-
-export type routeType = $routeType

package/template/electron-react/renderer/pages/home/view.styled.ts

@@ -1,5 +0,0 @@
-import styled from '@emotion/styled'
-
-export const StyledRoot = styled.div`
-    ${({ theme }) => theme.tools.flex('center', 'center')}
-`

package/template/electron-react/renderer/shared/styles/global.ts

@@ -1,7 +0,0 @@
-import { css } from '@emotion/react'
-
-export const globalCss = css`
-    body {
-        margin: 0;
-    }
-`

package/template/electron-react/renderer/shared/styles/index.ts

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

package/template/electron-react/renderer/shared/styles/theme.ts

@@ -1,60 +0,0 @@
-import { CSSProperties } from 'react'
-import { isString } from 'es-toolkit'
-import { isNumber } from 'es-toolkit/compat'
-
-export const theme = {
-    text: {
-        xs: { fontSize: '12px', lineHeight: '20px' },
-        sm: { fontSize: '14px', lineHeight: '22px' },
-        base: { fontSize: '16px', lineHeight: '24px' },
-        lg: { fontSize: '18px', lineHeight: '26px' },
-        xl: { fontSize: '20px', lineHeight: '28px' },
-        '2xl': { fontSize: '24px', lineHeight: '32px' },
-        '3xl': { fontSize: '28px', lineHeight: '40px' },
-        '4xl': { fontSize: '32px', lineHeight: '44px' }
-    } satisfies Record<string, CSSProperties>,
-    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: (
-            rows: number | CSSProperties['gridTemplateRows'],
-            cols: number | CSSProperties['gridTemplateColumns'],
-            gap?: number | string
-        ) => {
-            return {
-                display: 'grid',
-                gridTemplateRows: isString(rows) ? rows : `repeat(${rows}, minmax(0, 1fr))`,
-                gridTemplateColumns: isString(cols) ? cols : `repeat(${cols}, minmax(0, 1fr))`,
-                gap: isNumber(gap) ? `${gap}px` : gap
-            } satisfies CSSProperties
-        }
-    }
-}
-export type themeType = typeof theme

package/template/lib/workspace/node_modules/.pnpm/node_modules/react-lib/.gitignore

@@ -1,26 +0,0 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-dist
-dist-ssr
-*.local
-types
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.history
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?

package/template/lib/workspace/node_modules/.pnpm/node_modules/ts-lib/.gitignore

@@ -1,25 +0,0 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-dist
-dist-ssr
-*.local
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.history
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?