create-packer 1.23.2 → 1.24.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-packer",
-  "version": "1.23.2",
+  "version": "1.24.0",
   "main": "index.js",
   "repository": "https://github.com/kevily/create-packer",
   "author": "1k <bug_zero@163.com>",

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

@@ -9,12 +9,9 @@
         "build": "tsc --noEmit && vite build",
         "preview": "vite preview",
         "up:vite": "pnpm up vite @vitejs/* -L",
-        "format": "prettier --write \"src/**/*.{ts,js,tsx,jsx,css,scss,less}\" \"./package.json\"",
-        "lint": "tsc --noEmit && eslint ./src/**/*.{tsx,ts} && stylelint ./src/**/*.{css,scss,less}",
-        "lint:fix": "eslint ./src/**/*.{tsx,ts} --fix && stylelint ./src/**/*.{css,scss,less} --fix",
-        "test:watchs": "jest --watch",
-        "test": "jest",
-        "test:coverage": "jest --silent --watchAll=false --coverage",
+        "format": "prettier --write \"**/*.{ts,js,tsx,jsx,json,css,scss,less}\"",
+        "lint": "tsc --noEmit && eslint **/*.{tsx,ts,jsx,js} && 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"
@@ -34,18 +31,12 @@
         "@commitlint/cli": "17.6.1",
         "@commitlint/config-conventional": "17.6.1",
         "@commitlint/cz-commitlint": "17.5.0",
-        "@testing-library/dom": "9.2.0",
-        "@testing-library/jest-dom": "5.16.5",
-        "@testing-library/react": "14.0.0",
-        "@testing-library/user-event": "14.4.3",
-        "@types/jest": "29.5.1",
         "@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",
-        "@types/testing-library__jest-dom": "5.14.5",
         "@typescript-eslint/eslint-plugin": "5.59.0",
         "@typescript-eslint/parser": "5.59.0",
         "@vitejs/plugin-react": "4.0.0",
@@ -60,8 +51,6 @@
         "eslint-plugin-react-hooks": "4.6.0",
         "husky": "8.0.3",
         "inquirer": "8",
-        "jest": "29.5.0",
-        "jest-environment-jsdom": "29.5.0",
         "mockjs": "1.1.0",
         "postcss": "8.4.23",
         "postcss-import": "15.1.0",

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

@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-    content: ['./index.html', './src/**/*.{ts,tsx}'],
+    content: ['./index.html', './main.tsx', './pages/**/*.{ts,tsx,js,jsx}', './domain/**/*.{ts,tsx,js,jsx}', './components/**/*.{ts,tsx,js,jsx}'],
     theme: {
         extend: {}
     },

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

@@ -18,9 +18,9 @@
         "noEmit": true,
         "jsx": "react-jsx",
         "paths": {
-            "@/*": ["src/*"]
+            "@/*": ["./*"]
         }
     },
-    "include": ["src"],
+    "include": ["**/*.ts", "**/*.tsx"],
     "references": [{ "path": "./tsconfig.node.json" }]
 }

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

@@ -14,13 +14,13 @@ export default defineConfig(({ command, mode }) => {
             typescript: true,
             eslint: {
                 // for example, lint .ts and .tsx
-                lintCommand: 'eslint ./src/**/*.{ts,tsx,js,jsx}',
+                lintCommand: 'eslint **/*.{ts,tsx,js,jsx}',
                 dev: {
                     logLevel: ['error']
                 }
             },
             stylelint: {
-                lintCommand: 'stylelint ./src/**/*.{less,scss,less}',
+                lintCommand: 'stylelint **/*.{less,scss,less}',
                 dev: {
                     logLevel: ['error']
                 }
@@ -28,7 +28,7 @@ export default defineConfig(({ command, mode }) => {
         }),
         react(),
         mockDevServer({
-            include: ['src/**/*.mock.{ts,js}']
+            include: ['**/*.mock.{ts,js}']
         })
     ]
 

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

@@ -8,6 +8,6 @@
   </head>
   <body>
     <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
+    <script type="module" src="/main.ts"></script>
   </body>
 </html>

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

@@ -8,9 +8,9 @@
         "dev": "vite",
         "build": "vue-tsc --noEmit && vite build",
         "preview": "vite preview",
-        "format": "prettier --write \"src/**/*.{ts,js,tsx,jsx,vue,css,scss,less}\" \"./package.json\"",
-        "lint": "eslint ./src/**/*.{ts,vue} && stylelint ./src/**/*.{css,scss,less}",
-        "lint:fix": "eslint ./src/**/*.{ts,vue} --fix && stylelint ./src/**/*.{css,scss,less} --fix",
+        "format": "prettier --write \"**/*.{ts,js,tsx,jsx,json,vue,css,scss,less}\"",
+        "lint": "eslint **/*.{ts,tsx,js,jsx,vue} && 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"

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

@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-    content: ['./index.html', './src/**/*.{vue,ts,tsx}'],
+    content: ['./index.html', './app.vue', './pages/**/*.{vue,ts,tsx,js,jsx}', './domain/**/*.{vue,ts,tsx,js,jsx}', './components/**/*.{vue,ts,tsx,js,jsx}'],
     theme: {
         extend: {}
     },

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

@@ -15,9 +15,9 @@
         "lib": ["ESNext", "DOM"],
         "skipLibCheck": true,
         "paths": {
-            "@/*": ["src/*"]
+            "@/*": ["./*"]
         }
     },
-    "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+    "include": ["**/*.ts", "**/*.tsx", "**/*.vue"],
     "references": [{ "path": "./tsconfig.node.json" }]
 }

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

@@ -17,13 +17,13 @@ export default defineConfig(({ command, mode }) => {
             typescript: true,
             eslint: {
                 // for example, lint .ts and .tsx
-                lintCommand: 'eslint ./src/**/*.{ts,tsx,js,jsx}',
+                lintCommand: 'eslint **/*.{ts,tsx,js,jsx,vue}',
                 dev: {
                     logLevel: ['error']
                 }
             },
             stylelint: {
-                lintCommand: 'stylelint ./src/**/*.{less,scss,less}',
+                lintCommand: 'stylelint **/*.{less,scss,less}',
                 dev: {
                     logLevel: ['error']
                 }
@@ -36,7 +36,7 @@ export default defineConfig(({ command, mode }) => {
         }),
         svgLoader(),
         mockDevServer({
-            include: ['src/**/*.mock.{ts,js}']
+            include: ['**/*.mock.{ts,js}']
         })
     ]
     return {

package/template/web-extension/.gitignore

@@ -23,3 +23,4 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+vite.config.ts.*

package/template/web-extension/.vscode/extensions.json

@@ -1,7 +1,7 @@
-{
-    "recommendations": [
-        "dbaeumer.vscode-eslint",
-        "stylelint.vscode-stylelint",
-        "esbenp.prettier-vscode"
-    ]
-}
+{
+    "recommendations": [
+        "dbaeumer.vscode-eslint",
+        "stylelint.vscode-stylelint",
+        "esbenp.prettier-vscode"
+    ]
+}

package/template/web-extension/defineManifest.ts

@@ -11,12 +11,12 @@ export default function ({ mode }: argType) {
         description: 'Base Level Extension',
         version: pkgJson.version,
         action: {
-            default_popup: 'src/popup/popup.html',
+            default_popup: 'popup/popup.html',
             default_icon: 'vite.svg'
         },
         content_scripts: [
             {
-                js: ['src/content_script/index.tsx'],
+                js: ['content_script/index.tsx'],
                 matches: [
                     'https://developer.chrome.com/docs/extensions/*',
                     'https://developer.chrome.com/docs/webstore/*'

package/template/web-extension/package.json

@@ -9,9 +9,9 @@
         "build": "tsc --noEmit && vite build",
         "preview": "vite preview",
         "up:vite": "pnpm up vite @vitejs/* -L",
-        "format": "prettier --write \"src/**/*.{ts,js,tsx,jsx,css,scss,less}\" \"./package.json\"",
-        "lint": "tsc --noEmit && eslint ./src/**/*.{tsx,ts} && stylelint ./src/**/*.{css,scss,less}",
-        "lint:fix": "eslint ./src/**/*.{tsx,ts} --fix && stylelint ./src/**/*.{css,scss,less} --fix",
+        "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",
         "test:watchs": "jest --watch",
         "test": "jest",
         "test:coverage": "jest --silent --watchAll=false --coverage",

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

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

package/template/web-extension/tsconfig.json

@@ -18,9 +18,9 @@
         "noEmit": true,
         "jsx": "react-jsx",
         "paths": {
-            "@/*": ["src/*"]
+            "@/*": ["./*"]
         }
     },
-    "include": ["src"],
+    "include": ["**/*.ts", "**/*.tsx"],
     "references": [{ "path": "./tsconfig.node.json" }]
 }

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

@@ -1,9 +1,10 @@
 {
-  "compilerOptions": {
-    "composite": true,
-    "module": "ESNext",
-    "moduleResolution": "Node",
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.ts", "defineManifest.ts", "package.json"]
+    "compilerOptions": {
+        "composite": true,
+        "module": "ESNext",
+        "moduleResolution": "Node",
+        "allowSyntheticDefaultImports": true,
+        "resolveJsonModule": true
+    },
+    "include": ["vite.config.ts", "defineManifest.ts", "package.json"]
 }

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

@@ -1,55 +0,0 @@
-/** @type {import('@jest/types').Config.InitialOptions} */
-module.exports = {
-    // The test environment that will be used for testing, jsdom for browser environment
-    // https://jestjs.io/docs/configuration#testenvironment-string
-    testEnvironment: 'jsdom',
-
-    // A list of paths to directories that Jest should use to search for files in
-    // https://jestjs.io/docs/configuration#roots-arraystring
-    roots: ['<rootDir>/src/'],
-
-    // The glob patterns Jest uses to detect test files.
-    // https://jestjs.io/docs/configuration#testmatch-arraystring
-    testMatch: ['**/*.spec.ts?(x)'],
-
-    // Jest transformations
-    // https://jestjs.io/docs/configuration#transform-objectstring-pathtotransformer--pathtotransformer-object
-    transform: {
-        '^.+\\.tsx?$': 'ts-jest' // Transform TypeScript files using ts-jest
-    },
-
-    // A list of paths to modules that run some code to configure or set up the testing framework before each test file in the suite is executed
-    // https://jestjs.io/docs/configuration#setupfilesafterenv-array
-    setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
-
-    // Code coverage config
-    // https://jestjs.io/docs/configuration#collectcoveragefrom-array
-    coverageDirectory: '<rootDir>/coverage/',
-    collectCoverageFrom: [
-        '<rootDir>/src/**/*.{ts,tsx}',
-        '!**/__mocks__/**',
-        '!**/node_modules/**',
-        '!**/*.d.ts'
-    ],
-
-    // Important: order matters, specific rules should be defined first
-    // https://jestjs.io/fr/docs/configuration#modulenamemapper-objectstring-string--arraystring
-    moduleNameMapper: {
-        // Handle CSS imports (with CSS modules)
-        // https://jestjs.io/docs/webpack#mocking-css-modules
-        '^.+\\.module\\.(css|sass|scss|less)$': 'identity-obj-proxy',
-
-        // Handle CSS imports (without CSS modules)
-        '^.+\\.(css|sass|scss|less)$': '<rootDir>/__mocks__/styleMock.js',
-
-        // Handle static assets
-        // https://jestjs.io/docs/webpack#handling-static-assets
-        '^.+\\.(jpg|jpeg|png|gif|webp|avif|svg|ttf|woff|woff2)$': `<rootDir>/__mocks__/fileMock.js`,
-
-        // Handle TypeScript path aliases
-        '^@/(.*)$': '<rootDir>/src/$1'
-    },
-
-    verbose: true,
-    testTimeout: 30000
-}

package/template/web-app/react/jest.setup.ts

@@ -1,5 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom'

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

@@ -1,15 +0,0 @@
-import { render, screen } from '@testing-library/react'
-import Home from './home'
-
-describe('HelloWorld', () => {
-    it('should renders a msg', () => {
-        // arrange
-        render(<Home />)
-
-        // act
-        const title = screen.getByTestId('title')
-
-        // assert
-        expect(title).toHaveTextContent(/Hello React!/i)
-    })
-})