create-packer 1.47.1 → 1.47.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-packer",
-  "version": "1.47.1",
+  "version": "1.47.2",
   "main": "index.js",
   "repository": "https://github.com/kevily/create-packer",
   "author": "1k <bug_zero@163.com>",
@@ -54,6 +54,7 @@
     "commit": "git add . && cz",
     "push": "pnpm run commit && git push",
     "up:rsbuild": "pnpm -r up @rsbuild/* @rsdoctor/* -L",
-    "up:vite": "pnpm -r up vite @vitejs/* vite-* -L"
+    "up:vite": "pnpm -r up vite @vitejs/* vite-* -L",
+    "up:tailwind": "pnpm up tailwindcss @tailwindcss/* -L"
   }
 }

package/template/web-app/react-rsbuild/domain/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 '@/shared/service'
-import { globalCss, theme } from '@/shared/styles'
 
 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/web-app/react-rsbuild/env.d.ts

@@ -1,8 +1,5 @@
 /// <reference types="@rsbuild/core/types" />
 
-import '@emotion/react'
-import { type themeType } from '@/shared/styles'
-
 declare global {
     interface ImportMetaEnv {
         readonly PUBLIC_BASE_URL: string
@@ -22,7 +19,3 @@ declare module '*.svg?react' {
     const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement>>
     export default ReactComponent
 }
-
-declare module '@emotion/react' {
-    export interface Theme extends themeType {}
-}

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

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

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

@@ -11,6 +11,7 @@
         "build:rsdoctor": "cross-env RSDOCTOR=true rsbuild build",
         "preview": "rsbuild preview",
         "up:rsbuild": "pnpm up @rsbuild/* -L",
+        "up:tailwind": "pnpm up tailwindcss @tailwindcss/* -L",
         "format": "prettier --write \"**/*.{ts,js,tsx,jsx,json,css,scss,less}\"",
         "lint": "tsc --noEmit && eslint --no-error-on-unmatched-pattern && stylelint **/*.{css,scss,less,ts,tsx}",
         "lint:fix": "eslint --fix && stylelint **/*.{css,scss,less,ts,tsx} --fix",
@@ -19,8 +20,6 @@
         "commit": "git add . && npm run cz"
     },
     "dependencies": {
-        "@emotion/react": "11.14.0",
-        "@emotion/styled": "11.14.1",
         "@tanstack/react-query": "5.51.15",
         "axios": "1.7.9",
         "define-zustand": "3.4.0",
@@ -31,6 +30,7 @@
         "react-dom": "18.3.1",
         "react-router": "7.5.0",
         "react-use": "17.5.0",
+        "tailwindcss": "4.1.4",
         "type-fest": "4.33.0",
         "zustand": "5.0.3"
     },
@@ -45,7 +45,7 @@
         "@rsbuild/plugin-svgr": "1.2.3",
         "@rsbuild/plugin-type-check": "1.3.2",
         "@rsdoctor/rspack-plugin": "1.4.0",
-        "@swc/plugin-emotion": "11.1.0",
+        "@tailwindcss/postcss": "4.1.4",
         "@types/node": "18.16.0",
         "@types/qs": "6.9.7",
         "@types/react": "18.3.3",

package/template/web-app/react-rsbuild/pages/home/view.module.css

@@ -0,0 +1,3 @@
+.root {
+    @apply flex justify-around items-center;
+}

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

@@ -1,10 +1,10 @@
 import { useHomeData } from '@/shared/service'
-import { StyledRoot } from './view.styled'
+import styles from './view.module.css'
 
 export default function Home() {
     const { data } = useHomeData()
 
     console.log('data', data)
 
-    return <StyledRoot>sdfs</StyledRoot>
+    return <div className={styles.root}>sdfs</div>
 }

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

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

package/template/web-app/react-rsbuild/rsbuild.config.ts

@@ -41,13 +41,6 @@ export default defineConfig(({ envMode, command }) => {
                     new StylelintWebpackPlugin(),
                     process.env.RSDOCTOR && new RsdoctorRspackPlugin()
                 ]
-            },
-            swc: {
-                jsc: {
-                    experimental: {
-                        plugins: [['@swc/plugin-emotion', {}]]
-                    }
-                }
             }
         },
         plugins: [
@@ -59,11 +52,7 @@ export default defineConfig(({ envMode, command }) => {
                     }
                 }),
             pluginSvgr(),
-            pluginReact({
-                swcReactOptions: {
-                    importSource: '@emotion/react'
-                }
-            })
+            pluginReact()
         ],
         performance: {
             removeConsole: command === 'build' ? ['log'] : false,

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

@@ -18,7 +18,6 @@
         "isolatedModules": true,
         "noEmit": true,
         "jsx": "react-jsx",
-        "jsxImportSource": "@emotion/react",
         "paths": {
             "@/*": ["./*"]
         }

package/template/web-app/react-vite/domain/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 '@/shared/service'
-import { globalCss, theme } from '@/shared/styles'
 
 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/web-app/react-vite/main.tsx

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

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

@@ -10,6 +10,7 @@
         "build:analyse": "tsc --noEmit && vite build --mode analyse",
         "preview": "vite preview",
         "up:vite": "pnpm up vite @vitejs/* vite-plugin-* -L",
+        "up:tailwind": "pnpm up tailwindcss @tailwindcss/* -L",
         "format": "prettier --write \"**/*.{ts,js,tsx,jsx,json,css,scss,less}\"",
         "lint": "tsc --noEmit && eslint --no-error-on-unmatched-pattern && stylelint **/*.{css,scss,less,ts,tsx}",
         "lint:fix": "eslint --fix && stylelint **/*.{css,scss,less,ts,tsx} --fix",
@@ -18,8 +19,6 @@
         "commit": "git add . && npm run cz"
     },
     "dependencies": {
-        "@emotion/react": "11.14.0",
-        "@emotion/styled": "11.14.1",
         "@tanstack/react-query": "5.51.15",
         "axios": "1.7.9",
         "define-zustand": "3.4.0",
@@ -30,6 +29,7 @@
         "react-dom": "18.3.1",
         "react-router": "7.5.0",
         "react-use": "17.5.0",
+        "tailwindcss": "4.1.4",
         "type-fest": "4.33.0",
         "zustand": "5.0.3"
     },
@@ -37,9 +37,9 @@
         "@commitlint/cli": "17.6.1",
         "@commitlint/config-conventional": "17.6.1",
         "@commitlint/cz-commitlint": "17.5.0",
-        "@emotion/babel-plugin": "11.13.5",
         "@eslint/js": "9.15.0",
         "@faker-js/faker": "8.4.1",
+        "@tailwindcss/vite": "^4.1.18",
         "@types/node": "18.16.0",
         "@types/qs": "6.9.7",
         "@types/react": "18.3.3",

package/template/web-app/react-vite/pages/home/view.module.css

@@ -0,0 +1,3 @@
+.root {
+    @apply flex justify-center items-center;
+}

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

@@ -1,10 +1,10 @@
 import { useHomeData } from '@/shared/service'
-import { StyledRoot } from './view.styled'
+import styles from './view.module.css'
 
 export default function Home() {
     const { data } = useHomeData()
 
     console.log('data', data)
 
-    return <StyledRoot>sdfs</StyledRoot>
+    return <div className={styles.root}>sdfs</div>
 }

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

@@ -18,7 +18,6 @@
         "isolatedModules": true,
         "noEmit": true,
         "jsx": "react-jsx",
-        "jsxImportSource": "@emotion/react",
         "paths": {
             "@/*": ["./*"]
         }

package/template/web-app/react-vite/vite-env.d.ts

@@ -1,21 +1,12 @@
 /// <reference types="vite/client" />
 /// <reference types="vite-plugin-svgr/client" />
 
-import '@emotion/react'
-import { type themeType } from '@/shared/styles'
-
-declare global {
-    interface ImportMetaEnv {
-        readonly VITE_BASE_URL: string
-        readonly VITE_API_HOST: string
-        // 更多环境变量...
-    }
-
-    interface ImportMeta {
-        readonly env: ImportMetaEnv
-    }
+interface ImportMetaEnv {
+    readonly VITE_BASE_URL: string
+    readonly VITE_API_HOST: string
+    // 更多环境变量...
 }
 
-declare module '@emotion/react' {
-    export interface Theme extends themeType {}
+interface ImportMeta {
+    readonly env: ImportMetaEnv
 }

package/template/web-app/react-vite/vite.config.ts

@@ -3,6 +3,7 @@ import react from '@vitejs/plugin-react'
 import svgr from 'vite-plugin-svgr'
 import { mockDevServerPlugin } from 'vite-plugin-mock-dev-server'
 import checker from 'vite-plugin-checker'
+import tailwindcss from '@tailwindcss/vite'
 import { visualizer } from 'rollup-plugin-visualizer'
 import { createChunks } from './scripts'
 
@@ -11,6 +12,7 @@ export default defineConfig(({ mode }) => {
     const env = loadEnv(mode, process.cwd(), '')
     const proxyBaseUrl = env.VITE_BASE_URL + env.VITE_API_HOST
     const plugins: any[] = [
+        tailwindcss(),
         svgr(),
         mockDevServerPlugin({
             include: ['**/*.mock.{ts,js}']
@@ -20,9 +22,7 @@ export default defineConfig(({ mode }) => {
             typescript: true,
             eslint: { useFlatConfig: true, lintCommand: 'eslint', dev: { logLevel: ['error'] } }
         }),
-        react({
-            babel: { plugins: [['@emotion']] }
-        })
+        react()
     ]
 
     if (mode === 'analyse') {

package/template/web-app/vue/main.ts

@@ -2,6 +2,6 @@ import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import { App } from '@/domain/components'
 import { router } from '@/domain/router'
-import './main.css'
+import './shared/styles/theme.css'
 
 createApp(App).use(createPinia()).use(router).mount('#app')

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

@@ -16,7 +16,8 @@
         "push": "npm run commit && git push",
         "commit": "git add . && npm run cz",
         "up:vite": "pnpm up vite @vitejs/* vite-plugin-* -L",
-        "up:vue": "pnpm up vue vue-router vue-tsc -L"
+        "up:vue": "pnpm up vue vue-router vue-tsc -L",
+        "up:tailwind": "pnpm up tailwindcss @tailwindcss/* -L"
     },
     "dependencies": {
         "axios": "1.7.9",

package/template/web-app/vue/shared/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/web-app/vue-rsbuild/main.ts

@@ -2,6 +2,6 @@ import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import { router } from '@/domain/router'
 import { App } from '@/domain/components'
-import './main.css'
+import './shared/styles/theme.css'
 
 createApp(App).use(createPinia()).use(router).mount('#app')

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

@@ -17,7 +17,8 @@
         "cz": "cz",
         "push": "npm run commit && git push",
         "commit": "git add . && npm run cz",
-        "up:vite": "pnpm up vite @vitejs/* vite-plugin-* -L"
+        "up:vite": "pnpm up vite @vitejs/* vite-plugin-* -L",
+        "up:tailwind": "pnpm up tailwindcss @tailwindcss/* -L"
     },
     "dependencies": {
         "axios": "1.7.9",
@@ -69,5 +70,8 @@
         "commitizen": {
             "path": "@commitlint/cz-commitlint"
         }
+    },
+    "imports": {
+        "#theme.css": "./shared/styles/theme.css"
     }
 }

package/template/web-app/vue-rsbuild/pages/home/view.vue

@@ -10,7 +10,7 @@ console.log('data', data)
 </template>
 
 <style scoped>
-@reference "@/main.css";
+@reference "#theme.css";
 
 .root {
     @apply tw:flex tw:items-center tw:justify-center;

package/template/web-app/vue-rsbuild/shared/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/web-extension/.wxt/eslint-auto-imports.mjs

@@ -1,56 +1,56 @@
-const globals = {
-  "AutoMount": true,
-  "AutoMountOptions": true,
-  "Browser": true,
-  "ContentScriptAnchoredOptions": true,
-  "ContentScriptAppendMode": true,
-  "ContentScriptContext": true,
-  "ContentScriptInlinePositioningOptions": true,
-  "ContentScriptModalPositioningOptions": true,
-  "ContentScriptOverlayAlignment": true,
-  "ContentScriptOverlayPositioningOptions": true,
-  "ContentScriptPositioningOptions": true,
-  "ContentScriptUi": true,
-  "ContentScriptUiOptions": true,
-  "IframeContentScriptUi": true,
-  "IframeContentScriptUiOptions": true,
-  "InjectScriptOptions": true,
-  "IntegratedContentScriptUi": true,
-  "IntegratedContentScriptUiOptions": true,
-  "InvalidMatchPattern": true,
-  "MatchPattern": true,
-  "MigrationError": true,
-  "ScriptPublicPath": true,
-  "ShadowRootContentScriptUi": true,
-  "ShadowRootContentScriptUiOptions": true,
-  "StopAutoMount": true,
-  "StorageArea": true,
-  "StorageAreaChanges": true,
-  "StorageItemKey": true,
-  "WxtAppConfig": true,
-  "WxtStorage": true,
-  "WxtStorageItem": true,
-  "WxtWindowEventMap": true,
-  "browser": true,
-  "createIframeUi": true,
-  "createIntegratedUi": true,
-  "createShadowRootUi": true,
-  "defineAppConfig": true,
-  "defineBackground": true,
-  "defineContentScript": true,
-  "defineUnlistedScript": true,
-  "defineWxtPlugin": true,
-  "fakeBrowser": true,
-  "injectScript": true,
-  "storage": true,
-  "useAppConfig": true
-}
-
-export default {
-  name: "wxt/auto-imports",
-  languageOptions: {
-    globals,
-    /** @type {import('eslint').Linter.SourceType} */
-    sourceType: "module",
-  },
-};
+const globals = {
+  "AutoMount": true,
+  "AutoMountOptions": true,
+  "Browser": true,
+  "ContentScriptAnchoredOptions": true,
+  "ContentScriptAppendMode": true,
+  "ContentScriptContext": true,
+  "ContentScriptInlinePositioningOptions": true,
+  "ContentScriptModalPositioningOptions": true,
+  "ContentScriptOverlayAlignment": true,
+  "ContentScriptOverlayPositioningOptions": true,
+  "ContentScriptPositioningOptions": true,
+  "ContentScriptUi": true,
+  "ContentScriptUiOptions": true,
+  "IframeContentScriptUi": true,
+  "IframeContentScriptUiOptions": true,
+  "InjectScriptOptions": true,
+  "IntegratedContentScriptUi": true,
+  "IntegratedContentScriptUiOptions": true,
+  "InvalidMatchPattern": true,
+  "MatchPattern": true,
+  "MigrationError": true,
+  "ScriptPublicPath": true,
+  "ShadowRootContentScriptUi": true,
+  "ShadowRootContentScriptUiOptions": true,
+  "StopAutoMount": true,
+  "StorageArea": true,
+  "StorageAreaChanges": true,
+  "StorageItemKey": true,
+  "WxtAppConfig": true,
+  "WxtStorage": true,
+  "WxtStorageItem": true,
+  "WxtWindowEventMap": true,
+  "browser": true,
+  "createIframeUi": true,
+  "createIntegratedUi": true,
+  "createShadowRootUi": true,
+  "defineAppConfig": true,
+  "defineBackground": true,
+  "defineContentScript": true,
+  "defineUnlistedScript": true,
+  "defineWxtPlugin": true,
+  "fakeBrowser": true,
+  "injectScript": true,
+  "storage": true,
+  "useAppConfig": true
+}
+
+export default {
+  name: "wxt/auto-imports",
+  languageOptions: {
+    globals,
+    /** @type {import('eslint').Linter.SourceType} */
+    sourceType: "module",
+  },
+};

package/template/web-extension/.wxt/tsconfig.json

@@ -1,28 +1,28 @@
-{
-  "compilerOptions": {
-    "target": "ESNext",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "noEmit": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "resolveJsonModule": true,
-    "strict": true,
-    "skipLibCheck": true,
-    "paths": {
-      "@": [".."],
-      "@/*": ["../*"],
-      "~": [".."],
-      "~/*": ["../*"],
-      "@@": [".."],
-      "@@/*": ["../*"],
-      "~~": [".."],
-      "~~/*": ["../*"]
-    }
-  },
-  "include": [
-    "../**/*",
-    "./wxt.d.ts"
-  ],
-  "exclude": ["../dist"]
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "noEmit": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "paths": {
+      "@": [".."],
+      "@/*": ["../*"],
+      "~": [".."],
+      "~/*": ["../*"],
+      "@@": [".."],
+      "@@/*": ["../*"],
+      "~~": [".."],
+      "~~/*": ["../*"]
+    }
+  },
+  "include": [
+    "../**/*",
+    "./wxt.d.ts"
+  ],
+  "exclude": ["../dist"]
 }

package/template/web-extension/.wxt/types/globals.d.ts

@@ -1,15 +1,15 @@
-// Generated by wxt
-interface ImportMetaEnv {
-  readonly MANIFEST_VERSION: 2 | 3;
-  readonly BROWSER: string;
-  readonly CHROME: boolean;
-  readonly FIREFOX: boolean;
-  readonly SAFARI: boolean;
-  readonly EDGE: boolean;
-  readonly OPERA: boolean;
-  readonly COMMAND: "build" | "serve";
-  readonly ENTRYPOINT: string;
-}
-interface ImportMeta {
-  readonly env: ImportMetaEnv
-}
+// Generated by wxt
+interface ImportMetaEnv {
+  readonly MANIFEST_VERSION: 2 | 3;
+  readonly BROWSER: string;
+  readonly CHROME: boolean;
+  readonly FIREFOX: boolean;
+  readonly SAFARI: boolean;
+  readonly EDGE: boolean;
+  readonly OPERA: boolean;
+  readonly COMMAND: "build" | "serve";
+  readonly ENTRYPOINT: string;
+}
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}