create-packer 1.30.2 → 1.31.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-packer",
-  "version": "1.30.2",
+  "version": "1.31.0",
   "main": "index.js",
   "repository": "https://github.com/kevily/create-packer",
   "author": "1k <bug_zero@163.com>",
@@ -22,7 +22,7 @@
     "ora": "5.4.1"
   },
   "devDependencies": {
-    "@commitlint/config-conventional": "^17.6.6",
+    "@commitlint/config-conventional": "^17.7.0",
     "@commitlint/cz-commitlint": "17.4.2",
     "@types/fs-extra": "9.0.12",
     "@types/inquirer": "7.3.3",

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

@@ -24,6 +24,7 @@
         "postcss": "8.4.35",
         "react": "18.2.0",
         "react-dom": "18.2.0",
+        "tailwindcss": "3.3.3",
         "typescript": "5.3.3"
     },
     "devDependencies": {

package/template/web-app/next/postcss.config.js

@@ -1,5 +1,6 @@
 module.exports = {
     plugins: {
+        tailwindcss: {},
         autoprefixer: {}
     }
 }

package/template/web-app/next/tailwind.config.js

@@ -0,0 +1,20 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    content: [
+        './pages/**/*.{js,ts,jsx,tsx,mdx}',
+        './components/**/*.{js,ts,jsx,tsx,mdx}',
+        './app/**/*.{js,ts,jsx,tsx,mdx}'
+    ],
+    theme: {
+        extend: {
+            backgroundImage: {
+                'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
+                'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))'
+            }
+        }
+    },
+    plugins: [],
+    corePlugins: {
+        preflight: false
+    }
+}

package/template/web-app/react/README.md

@@ -7,7 +7,7 @@
 -   Typescript
 -   react-router
 -   Zustand
--   styled-components
+-   Tailwindcss
 -   Eslint
 -   Prettier
 -   axios

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

@@ -1,6 +1,5 @@
 import { StrictMode, useLayoutEffect } from 'react'
 import { RouterProvider } from 'react-router-dom'
-import { ThemeProvider } from '@/shared/theme'
 import { request } from '@/shared/service'
 import { routerInstance } from '@/domain/router'
 
@@ -16,9 +15,7 @@ const App = () => {
 
     return (
         <StrictMode>
-            <ThemeProvider>
-                <RouterProvider router={routerInstance} />
-            </ThemeProvider>
+            <RouterProvider router={routerInstance} />
         </StrictMode>
     )
 }

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

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

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

@@ -1,78 +1,78 @@
-{
-    "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",
-        "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",
-        "@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",
-        "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",
-        "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}",
+        "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.3.1",
+        "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"
+        }
+    }
+}

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

@@ -0,0 +1 @@
+

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

@@ -1,13 +1,7 @@
+import './home.css'
 import { useEffect } from 'react'
-import { styled } from 'styled-components'
 import { request, API } from '@/shared/service'
 
-const Wrapper = styled.div`
-    display: flex;
-    justify-content: center;
-    align-items: center;
-`
-
 export default function Home() {
     useEffect(() => {
         request.post(API.HOME_DATA).then(({ data }) => {
@@ -15,5 +9,5 @@ export default function Home() {
         })
     }, [])
 
-    return <Wrapper>sdfs</Wrapper>
+    return <div className={'flex justify-center items-center'}>sdfs</div>
 }

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

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

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

@@ -0,0 +1,18 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    important: '#root',
+    content: [
+        './index.html',
+        './main.tsx',
+        './pages/**/*.{ts,tsx,js,jsx}',
+        './domain/**/*.{ts,tsx,js,jsx}',
+        './shared/**/*.{ts,tsx,js,jsx}'
+    ],
+    theme: {
+        extend: {}
+    },
+    plugins: [],
+    corePlugins: {
+        preflight: false
+    }
+}

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

@@ -1,6 +1,5 @@
 import { StrictMode, useLayoutEffect } from 'react'
 import { RouterProvider } from 'react-router-dom'
-import { ThemeProvider } from '@/shared/theme'
 import { request } from '@/shared/service'
 import { routerInstance } from '@/domain/router'
 
@@ -16,9 +15,7 @@ const App = () => {
 
     return (
         <StrictMode>
-            <ThemeProvider>
-                <RouterProvider router={routerInstance} />
-            </ThemeProvider>
+            <RouterProvider router={routerInstance} />
         </StrictMode>
     )
 }

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

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

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

@@ -1,86 +1,86 @@
-{
-    "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}",
-        "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.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.0.38",
-        "@types/react-dom": "18.0.11",
-        "@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": "3",
-        "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",
-        "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",
-        "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.2.1",
-        "stylelint-config-standard-scss": "13.0.0",
-        "stylelint-webpack-plugin": "5.0.0",
-        "typescript": "5.3.3",
-        "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}",
+        "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.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",
+        "tailwindcss": "3.4.1",
+        "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.0.38",
+        "@types/react-dom": "18.0.11",
+        "@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": "^3.2.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",
+        "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",
+        "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.2.1",
+        "stylelint-config-standard-scss": "13.0.0",
+        "stylelint-webpack-plugin": "5.0.0",
+        "typescript": "5.3.3",
+        "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.module.css

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

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

@@ -1,11 +1,6 @@
-import { styled } from 'styled-components'
-
-const Wrapper = styled.div`
-    display: flex;
-    justify-content: center;
-    align-items: center;
-`
+import styles from './home.module.css'
 
 export default function Home() {
-    return <Wrapper>sdfs</Wrapper>
+    console.log('1', 1)
+    return <div className={styles.root}>sdsddds</div>
 }

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

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

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

@@ -0,0 +1,18 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    important: '#root',
+    content: [
+        './index.html',
+        './main.tsx',
+        './pages/**/*.{ts,tsx,js,jsx}',
+        './domain/**/*.{ts,tsx,js,jsx}',
+        './shared/**/*.{ts,tsx,js,jsx}'
+    ],
+    theme: {
+        extend: {}
+    },
+    plugins: [],
+    corePlugins: {
+        preflight: false
+    }
+}

package/template/web-app/vue/README.md

@@ -11,4 +11,4 @@
 -   Eslint
 -   Prettier
 -   axios
--   Alias @ to <project_root>
+-   Alias @ to <project_root>/src

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

@@ -1,70 +1,70 @@
-{
-    "name": "vue-vite",
-    "private": true,
-    "version": "0.0.0",
-    "type": "module",
-    "scripts": {
-        "prepare": "husky install",
-        "dev": "vite",
-        "build": "vue-tsc --noEmit && vite build",
-        "build:analyse": "tsc --noEmit && vite build --mode analyse",
-        "preview": "vite preview",
-        "format": "prettier --write \"**/*.{ts,js,tsx,jsx,json,vue,css,scss,less}\"",
-        "lint": "vue-tsc --noEmit && eslint **/*.{ts,tsx,js,jsx,vue} --no-error-on-unmatched-pattern && stylelint **/*.{css,scss,less}",
-        "lint:fix": "eslint **/*.{ts,tsx,js,jsx,vue} --fix && stylelint **/*.{css,scss,less} --fix",
-        "cz": "cz",
-        "push": "npm run commit && git push",
-        "commit": "git add . && npm run cz",
-        "up:vite": "pnpm up vite @vitejs/* vite-plugin-* -L"
-    },
-    "dependencies": {
-        "1k-types": "1.2.0",
-        "axios": "1.3.6",
-        "lodash-es": "4.17.21",
-        "pinia": "2.1.7",
-        "vue": "3.4.21",
-        "vue-router": "4.3.0"
-    },
-    "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.12",
-        "@types/mockjs": "1.0.10",
-        "@typescript-eslint/eslint-plugin": "7.6.0",
-        "@typescript-eslint/parser": "7.6.0",
-        "@vitejs/plugin-vue": "4.6.2",
-        "@vitejs/plugin-vue-jsx": "3.1.0",
-        "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-vue": "9.21.1",
-        "husky": "8.0.3",
-        "inquirer": "8",
-        "mockjs": "1.1.0",
-        "postcss": "8.4.38",
-        "postcss-import": "16.1.0",
-        "postcss-nesting": "12.1.1",
-        "prettier": "3.2.5",
-        "rollup-plugin-visualizer": "5.12.0",
-        "stylelint": "16.3.1",
-        "stylelint-config-standard-scss": "13.1.0",
-        "tailwindcss": "3.4.3",
-        "typescript": "5.3.3",
-        "vite": "4.5.2",
-        "vite-plugin-mock-dev-server": "1.5.0",
-        "vite-plugin-stylelint": "5.3.1",
-        "vite-svg-loader": "5.1.0",
-        "vue-tsc": "2.0.11"
-    },
-    "config": {
-        "commitizen": {
-            "path": "@commitlint/cz-commitlint"
-        }
-    }
-}
+{
+    "name": "vue-vite",
+    "private": true,
+    "version": "0.0.0",
+    "type": "module",
+    "scripts": {
+        "prepare": "husky install",
+        "dev": "vite",
+        "build": "vue-tsc --noEmit && vite build",
+        "build:analyse": "tsc --noEmit && vite build --mode analyse",
+        "preview": "vite preview",
+        "format": "prettier --write \"**/*.{ts,js,tsx,jsx,json,vue,css,scss,less}\"",
+        "lint": "vue-tsc --noEmit && eslint **/*.{ts,tsx,js,jsx,vue} --no-error-on-unmatched-pattern && stylelint **/*.{css,scss,less}",
+        "lint:fix": "eslint **/*.{ts,tsx,js,jsx,vue} --fix && stylelint **/*.{css,scss,less} --fix",
+        "cz": "cz",
+        "push": "npm run commit && git push",
+        "commit": "git add . && npm run cz",
+        "up:vite": "pnpm up vite @vitejs/* vite-plugin-* -L"
+    },
+    "dependencies": {
+        "1k-types": "1.2.0",
+        "axios": "1.3.6",
+        "lodash-es": "4.17.21",
+        "pinia": "2.1.7",
+        "vue": "3.4.21",
+        "vue-router": "4.3.0"
+    },
+    "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.12",
+        "@types/mockjs": "1.0.10",
+        "@typescript-eslint/eslint-plugin": "7.6.0",
+        "@typescript-eslint/parser": "7.6.0",
+        "@vitejs/plugin-vue": "4.6.2",
+        "@vitejs/plugin-vue-jsx": "3.1.0",
+        "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-vue": "9.21.1",
+        "husky": "8.0.3",
+        "inquirer": "^8.1.2",
+        "mockjs": "1.1.0",
+        "postcss": "8.4.38",
+        "postcss-import": "16.1.0",
+        "postcss-nesting": "12.1.1",
+        "prettier": "3.2.5",
+        "rollup-plugin-visualizer": "5.12.0",
+        "stylelint": "16.3.1",
+        "stylelint-config-standard-scss": "13.1.0",
+        "tailwindcss": "3.4.3",
+        "typescript": "5.3.3",
+        "vite": "4.5.2",
+        "vite-plugin-mock-dev-server": "1.5.0",
+        "vite-plugin-stylelint": "5.3.1",
+        "vite-svg-loader": "5.1.0",
+        "vue-tsc": "2.0.11"
+    },
+    "config": {
+        "commitizen": {
+            "path": "@commitlint/cz-commitlint"
+        }
+    }
+}

package/template/web-extension/README.md

@@ -5,10 +5,9 @@
 -   Vite
 -   React
 -   Typescript
--   react-router
 -   Zustand
--   styled-components
+-   Tailwindcss
 -   Eslint
 -   Prettier
--   ky
--   Alias @ to <project_root>
+-   axios
+-   Alias @ to <project_root>/src

package/template/web-extension/content_script/content.css

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

package/template/web-extension/content_script/content.tsx

@@ -1,3 +1,5 @@
+import './content.css'
+
 export default function Home() {
     return <div>dfdsf</div>
 }

package/template/web-extension/content_script/index.tsx

@@ -6,9 +6,9 @@ import Content from './content'
 const app = document.createElement('div')
 createRoot(app).render(
     <StrictMode>
-        <AppContext.Root>
+        <AppContext>
             <Content />
-        </AppContext.Root>
+        </AppContext>
     </StrictMode>
 )
 

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

@@ -1,6 +1,7 @@
 import { FunctionComponent, ReactNode } from 'react'
-import { ThemeProvider } from '@/shared/theme'
 
-export const Root: FunctionComponent<{ children: ReactNode }> = props => {
-    return <ThemeProvider>{props.children}</ThemeProvider>
+const AppContext: FunctionComponent<{ children?: ReactNode }> = props => {
+    return <div id={'app'}>{props.children}</div>
 }
+
+export default AppContext

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

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

package/template/web-extension/package.json

@@ -1,76 +1,76 @@
-{
-    "name": "web-extension",
-    "private": true,
-    "version": "0.0.0",
-    "type": "module",
-    "scripts": {
-        "prepare": "husky install",
-        "dev": "vite",
-        "build": "tsc --noEmit && vite build",
-        "preview": "vite preview",
-        "up:vite": "pnpm up vite @vitejs/* -L",
-        "format": "prettier --write \"**/*.{ts,js,tsx,jsx,json,css,scss,less,json}\"",
-        "lint": "tsc --noEmit && eslint **/*.{tsx,ts} && stylelint **/*.{css,scss,less}",
-        "lint:fix": "eslint **/*.{tsx,ts} --fix && stylelint **/*.{css,scss,less} --fix",
-        "cz": "cz",
-        "push": "npm run commit && git push",
-        "commit": "git add . && npm run cz"
-    },
-    "dependencies": {
-        "define-zustand": "3.1.1",
-        "immer": "10.0.1",
-        "ky": "1.1.3",
-        "lodash-es": "4.17.21",
-        "qs": "6.11.2",
-        "react": "18.3.1",
-        "react-dom": "18.3.1",
-        "styled-components": "6.1.11",
-        "zustand": "4.4.1"
-    },
-    "devDependencies": {
-        "1k-types": "1.2.0",
-        "@commitlint/cli": "17.6.1",
-        "@commitlint/config-conventional": "17.6.1",
-        "@commitlint/cz-commitlint": "17.5.0",
-        "@crxjs/vite-plugin": "2.0.0-beta.18",
-        "@nabla/vite-plugin-eslint": "2.0.2",
-        "@types/chrome": "0.0.254",
-        "@types/lodash-es": "4.17.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.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",
-        "postcss": "8.4.31",
-        "postcss-import": "15.1.0",
-        "postcss-nesting": "11.2.2",
-        "postcss-scss": "4.0.9",
-        "prettier": "3.2.5",
-        "rimraf": "5.0.1",
-        "sass": "1.63.4",
-        "stylelint": "16.2.1",
-        "stylelint-config-standard-scss": "13.0.0",
-        "typescript": "5.3.3",
-        "vite": "4.5.2",
-        "vite-plugin-stylelint": "5.3.1",
-        "vite-plugin-svgr": "4.2.0"
-    },
-    "config": {
-        "commitizen": {
-            "path": "@commitlint/cz-commitlint"
-        }
-    }
-}
+{
+    "name": "web-extension",
+    "private": true,
+    "version": "0.0.0",
+    "type": "module",
+    "scripts": {
+        "prepare": "husky install",
+        "dev": "vite",
+        "build": "tsc --noEmit && vite build",
+        "preview": "vite preview",
+        "up:vite": "pnpm up vite @vitejs/* -L",
+        "format": "prettier --write \"**/*.{ts,js,tsx,jsx,json,css,scss,less,json}\"",
+        "lint": "tsc --noEmit && eslint **/*.{tsx,ts} && stylelint **/*.{css,scss,less}",
+        "lint:fix": "eslint **/*.{tsx,ts} --fix && stylelint **/*.{css,scss,less} --fix",
+        "cz": "cz",
+        "push": "npm run commit && git push",
+        "commit": "git add . && npm run cz"
+    },
+    "dependencies": {
+        "define-zustand": "3.1.1",
+        "immer": "10.0.1",
+        "ky": "1.1.3",
+        "lodash-es": "4.17.21",
+        "qs": "6.11.2",
+        "react": "18.3.1",
+        "react-dom": "18.3.1",
+        "zustand": "4.4.1"
+    },
+    "devDependencies": {
+        "1k-types": "1.2.0",
+        "@commitlint/cli": "17.6.1",
+        "@commitlint/config-conventional": "17.6.1",
+        "@commitlint/cz-commitlint": "17.5.0",
+        "@crxjs/vite-plugin": "2.0.0-beta.18",
+        "@nabla/vite-plugin-eslint": "2.0.2",
+        "@types/chrome": "0.0.254",
+        "@types/lodash-es": "4.17.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.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",
+        "postcss": "8.4.31",
+        "postcss-import": "15.1.0",
+        "postcss-nesting": "11.2.2",
+        "postcss-scss": "4.0.9",
+        "prettier": "3.2.5",
+        "rimraf": "5.0.1",
+        "sass": "1.63.4",
+        "stylelint": "16.2.1",
+        "stylelint-config-standard-scss": "13.0.0",
+        "tailwindcss": "3.3.7",
+        "typescript": "5.3.3",
+        "vite": "4.5.2",
+        "vite-plugin-stylelint": "5.3.1",
+        "vite-plugin-svgr": "4.2.0"
+    },
+    "config": {
+        "commitizen": {
+            "path": "@commitlint/cz-commitlint"
+        }
+    }
+}

package/template/web-extension/popup/index.tsx

@@ -5,8 +5,8 @@ import Popup from './popup.container'
 
 createRoot(document.getElementById('root') as HTMLElement).render(
     <StrictMode>
-        <AppContext.Root>
+        <AppContext>
             <Popup />
-        </AppContext.Root>
+        </AppContext>
     </StrictMode>
 )

package/template/web-extension/popup/popup.container.tsx

@@ -1,3 +1,5 @@
+import './popup.css'
+
 export default function Home() {
     return <div></div>
 }

package/template/web-extension/popup/popup.css

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

package/template/web-extension/postcss.config.cjs

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

package/template/web-extension/tailwind.config.cjs

@@ -0,0 +1,14 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    important: '#app',
+    content: [
+        './index.html',
+        './popup/**/*.{ts,tsx,js,jsx}',
+        './background/**/*.{ts,tsx,js,jsx}',
+        './content_script/**/*.{ts,tsx,js,jsx}'
+    ],
+    theme: {
+        extend: {}
+    },
+    plugins: []
+}

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

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

package/template/web-app/react/shared/theme/theme.components.tsx

@@ -1,7 +0,0 @@
-import { FunctionComponent, ReactNode } from 'react'
-import { ThemeProvider as ThemeProviderComponent } from 'styled-components'
-import { theme } from './theme.styles'
-
-export const ThemeProvider: FunctionComponent<{ children: ReactNode }> = props => {
-    return <ThemeProviderComponent theme={theme}>{props.children}</ThemeProviderComponent>
-}

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

@@ -1,8 +0,0 @@
-// import original module declarations
-import 'styled-components'
-import { themeType } from './theme.styles'
-
-// and extend them!
-declare module 'styled-components' {
-    export interface DefaultTheme extends themeType {}
-}

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

@@ -1,7 +0,0 @@
-export const theme = {
-    color: {
-        black: '#000'
-    }
-}
-
-export type themeType = typeof theme

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

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

package/template/web-app/react-webpack/shared/theme/theme.components.tsx

@@ -1,7 +0,0 @@
-import { FunctionComponent, ReactNode } from 'react'
-import { ThemeProvider as ThemeProviderComponent } from 'styled-components'
-import { theme } from './theme.styles'
-
-export const ThemeProvider: FunctionComponent<{ children: ReactNode }> = props => {
-    return <ThemeProviderComponent theme={theme}>{props.children}</ThemeProviderComponent>
-}

package/template/web-app/react-webpack/shared/theme/theme.d.ts

@@ -1,8 +0,0 @@
-// import original module declarations
-import 'styled-components'
-import { themeType } from './theme.styles'
-
-// and extend them!
-declare module 'styled-components' {
-    export interface DefaultTheme extends themeType {}
-}

package/template/web-app/react-webpack/shared/theme/theme.styles.ts

@@ -1,7 +0,0 @@
-export const theme = {
-    color: {
-        black: '#000'
-    }
-}
-
-export type themeType = typeof theme

package/template/web-extension/shared/theme/index.ts

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

package/template/web-extension/shared/theme/theme.components.tsx

@@ -1,7 +0,0 @@
-import { FunctionComponent, ReactNode } from 'react'
-import { ThemeProvider as ThemeProviderComponent } from 'styled-components'
-import { theme } from './theme.styles'
-
-export const ThemeProvider: FunctionComponent<{ children: ReactNode }> = props => {
-    return <ThemeProviderComponent theme={theme}>{props.children}</ThemeProviderComponent>
-}

package/template/web-extension/shared/theme/theme.d.ts

@@ -1,8 +0,0 @@
-// import original module declarations
-import 'styled-components'
-import { themeType } from './theme.styles'
-
-// and extend them!
-declare module 'styled-components' {
-    export interface DefaultTheme extends themeType {}
-}

package/template/web-extension/shared/theme/theme.styles.ts

@@ -1,7 +0,0 @@
-export const theme = {
-    color: {
-        black: '#000'
-    }
-}
-
-export type themeType = typeof theme