create-packer 1.26.4 → 1.28.0

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

@@ -1,76 +1,65 @@
-import { defineConfig, loadEnv } from 'vite'
-import react from '@vitejs/plugin-react'
-import svgr from 'vite-plugin-svgr'
-import mockDevServer from 'vite-plugin-mock-dev-server'
-import checker from 'vite-plugin-checker'
-import { visualizer } from 'rollup-plugin-visualizer'
-import { includes } from 'lodash-es'
-import { createChunks } from './scripts'
-
-// https://vitejs.dev/config/
-export default defineConfig(({ mode }) => {
-    const env = loadEnv(mode, process.cwd(), '')
-    const proxyBaseUrl = env.VITE_BASE_URL + env.VITE_API_HOST
-    const plugins: any[] = [
-        svgr(),
-        checker({
-            typescript: true,
-            eslint: {
-                // for example, lint .ts and .tsx
-                lintCommand: 'eslint **/*.{ts,tsx,js,jsx}',
-                dev: {
-                    logLevel: ['error']
-                }
-            },
-            stylelint: {
-                lintCommand: 'stylelint **/*.{css,scss,less}',
-                dev: {
-                    logLevel: ['error']
-                }
-            },
-            enableBuild: false
-        }),
-        react(),
-        mockDevServer({
-            include: ['**/*.mock.{ts,js}']
-        })
-    ]
-
-    if (mode === 'analyse') {
-        plugins.push(visualizer({ open: true, sourcemap: true, brotliSize: true, gzipSize: true }))
-    }
-
-    return {
-        base: env.VITE_BASE_URL,
-        plugins,
-        resolve: {
-            alias: {
-                '@': __dirname
-            }
-        },
-        esbuild: {
-            drop: includes(['production', 'analyse'], mode) ? ['console', 'debugger'] : []
-        },
-        build: {
-            sourcemap: mode === 'analyse',
-            reportCompressedSize: mode === 'analyse',
-            rollupOptions: {
-                output: {
-                    manualChunks: createChunks({
-                        react: ['react', 'react-dom']
-                    })
-                }
-            }
-        },
-        server: {
-            host: '0.0.0.0',
-            proxy: {
-                [proxyBaseUrl]: {
-                    target: 'http://127.0.0.1',
-                    changeOrigin: true,
-                    rewrite: path => path.replace(proxyBaseUrl, '')
-                }
-            }
-        }
-    }
-})
+import { defineConfig, loadEnv } from 'vite'
+import react from '@vitejs/plugin-react'
+import svgr from 'vite-plugin-svgr'
+import mockDevServer from 'vite-plugin-mock-dev-server'
+import stylelint from 'vite-plugin-stylelint'
+import eslintPlugin from '@nabla/vite-plugin-eslint'
+import { visualizer } from 'rollup-plugin-visualizer'
+import { includes } from 'lodash-es'
+import { createChunks } from './scripts'
+
+// https://vitejs.dev/config/
+export default defineConfig(({ mode }) => {
+    const env = loadEnv(mode, process.cwd(), '')
+    const proxyBaseUrl = env.VITE_BASE_URL + env.VITE_API_HOST
+    const plugins: any[] = [
+        svgr(),
+        stylelint({ cache: false, include: ['**/*.{css,scss,sass,less,styl,vue,svelte}'] }),
+        eslintPlugin({
+            eslintOptions: { cache: false, useEslintrc: true },
+            shouldLint: path => /\/[^?]*\.(vue|svelte|m?[jt]sx?)$/.test(path)
+        }),
+        react(),
+        mockDevServer({
+            include: ['**/*.mock.{ts,js}']
+        })
+    ]
+
+    if (mode === 'analyse') {
+        plugins.push(visualizer({ open: true, sourcemap: true, brotliSize: true, gzipSize: true }))
+    }
+
+    return {
+        base: env.VITE_BASE_URL,
+        plugins,
+        resolve: {
+            alias: {
+                '@': __dirname
+            }
+        },
+        esbuild: {
+            drop: includes(['production', 'analyse'], mode) ? ['console', 'debugger'] : []
+        },
+        build: {
+            sourcemap: mode === 'analyse',
+            reportCompressedSize: mode === 'analyse',
+            rollupOptions: {
+                output: {
+                    manualChunks: createChunks({
+                        react: ['react', 'react-dom']
+                    })
+                }
+            }
+        },
+        server: {
+            host: '0.0.0.0',
+            proxy: {
+                [proxyBaseUrl]: {
+                    target: 'http://127.0.0.1',
+                    changeOrigin: true,
+                    rewrite: path => path.replace(proxyBaseUrl, '')
+                }
+            }
+        }
+    }
+})

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

@@ -1,14 +1,14 @@
-# editorconfig.org
-
-root = true
-
-[*]
-charset = utf-8
-indent_size = 4
-indent_style = space
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-
-[*.md]
+# editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+indent_size = 4
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+
+[*.md]
 trim_trailing_whitespace = false

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

@@ -1,2 +1,2 @@
-ENV_BASE_URL=/
-ENV_API_HOST=
+ENV_BASE_URL=/
+ENV_API_HOST=

package/template/web-app/react-webpack/.env.dev

@@ -1,2 +1,2 @@
-ENV_BASE_URL=/dev
-ENV_API_HOST=/api
+ENV_BASE_URL=/dev
+ENV_API_HOST=/api

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

@@ -1,4 +1,4 @@
-node_modules
-/dist
-/.vscode
-/.history
+node_modules
+/dist
+/.vscode
+/.history

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

@@ -1,91 +1,119 @@
-{
-    "root": true,
-    "parser": "@typescript-eslint/parser",
-    "plugins": ["prettier"],
-    "extends": [
-        "eslint:recommended",
-        "plugin:@typescript-eslint/recommended",
-        "plugin:react/recommended",
-        "plugin:react-hooks/recommended",
-        "plugin:import/recommended",
-        "plugin:import/typescript"
-    ],
-    "settings": {
-        "import/resolver": {
-            "typescript": true,
-            "node": true
-        },
-        "react": {
-            "version": "18"
-        }
-    },
-    "env": {
-        "browser": true,
-        "node": true,
-        "es6": true,
-        "jest": true
-    },
-    "parserOptions": {
-        "ecmaVersion": 2018,
-        "sourceType": "module",
-        "ecmaFeatures": {
-            "jsx": true
-        },
-        "useJSXTextNode": true
-    },
-    "rules": {
-        "import/export": "off",
-        "import/namespace": "off",
-        "import/default": "off",
-        "import/order": [
-            "error",
-            {
-                "groups": [
-                    "builtin",
-                    "external",
-                    "internal",
-                    "parent",
-                    "sibling",
-                    "index",
-                    "object",
-                    "type"
-                ],
-                "pathGroups": [
-                    { "pattern": "react", "group": "external", "position": "before" },
-                    { "pattern": "react-dom/*", "group": "external", "position": "before" },
-                    { "pattern": "react-router", "group": "external", "position": "before" },
-                    { "pattern": "react-router-dom", "group": "external", "position": "before" }
-                ],
-                "pathGroupsExcludedImportTypes": ["react", "react-router", "react-router-dom"]
-            }
-        ],
-        "@typescript-eslint/no-var-requires": 0,
-        "@typescript-eslint/explicit-function-return-type": "off",
-        "@typescript-eslint/no-explicit-any": 0,
-        "@typescript-eslint/no-non-null-assertion": "off",
-        "@typescript-eslint/no-inferrable-types": [
-            "warn",
-            {
-                "ignoreParameters": true
-            }
-        ],
-        "@typescript-eslint/no-unused-vars": ["warn", { "argsIgnorePattern": "^_" }],
-        "@typescript-eslint/member-delimiter-style": 0,
-        "@typescript-eslint/class-name-casing": 0,
-        "@typescript-eslint/explicit-module-boundary-types": "off",
-        "@typescript-eslint/ban-ts-comment": "off",
-        "@typescript-eslint/no-empty-interface": "off",
-        "react/prop-types": "off",
-        "react/no-find-dom-node": "off",
-        "react-hooks/exhaustive-deps": "warn",
-        "react/display-name": "off",
-        "react/react-in-jsx-scope": "off",
-        "prettier/prettier": [
-            "error",
-            {
-                "endOfLine": "auto"
-            }
-        ],
-        "no-constant-condition": "off"
-    }
-}
+{
+    "root": true,
+    "parser": "@typescript-eslint/parser",
+    "plugins": [
+        "prettier"
+    ],
+    "extends": [
+        "eslint:recommended",
+        "plugin:@typescript-eslint/recommended",
+        "plugin:react/recommended",
+        "plugin:react-hooks/recommended",
+        "plugin:import/recommended",
+        "plugin:import/typescript"
+    ],
+    "settings": {
+        "import/resolver": {
+            "typescript": true,
+            "node": true
+        },
+        "react": {
+            "version": "18"
+        }
+    },
+    "env": {
+        "browser": true,
+        "node": true,
+        "es6": true,
+        "jest": true
+    },
+    "parserOptions": {
+        "ecmaVersion": 2018,
+        "sourceType": "module",
+        "ecmaFeatures": {
+            "jsx": true
+        },
+        "useJSXTextNode": true
+    },
+    "rules": {
+        "import/export": "off",
+        "import/namespace": "off",
+        "import/default": "off",
+        "import/order": [
+            "error",
+            {
+                "groups": [
+                    "builtin",
+                    "external",
+                    "internal",
+                    "parent",
+                    "sibling",
+                    "index",
+                    "object",
+                    "type"
+                ],
+                "pathGroups": [
+                    {
+                        "pattern": "react",
+                        "group": "external",
+                        "position": "before"
+                    },
+                    {
+                        "pattern": "react-dom/*",
+                        "group": "external",
+                        "position": "before"
+                    },
+                    {
+                        "pattern": "react-router",
+                        "group": "external",
+                        "position": "before"
+                    },
+                    {
+                        "pattern": "react-router-dom",
+                        "group": "external",
+                        "position": "before"
+                    }
+                ],
+                "pathGroupsExcludedImportTypes": [
+                    "react",
+                    "react-router",
+                    "react-router-dom"
+                ]
+            }
+        ],
+        "no-case-declarations": "off",
+        "@typescript-eslint/no-var-requires": 0,
+        "@typescript-eslint/explicit-function-return-type": "off",
+        "@typescript-eslint/no-explicit-any": 0,
+        "@typescript-eslint/no-non-null-assertion": "off",
+        "@typescript-eslint/no-inferrable-types": [
+            "warn",
+            {
+                "ignoreParameters": true
+            }
+        ],
+        "@typescript-eslint/no-unused-vars": [
+            "warn",
+            {
+                "argsIgnorePattern": "^_"
+            }
+        ],
+        "@typescript-eslint/member-delimiter-style": 0,
+        "@typescript-eslint/class-name-casing": 0,
+        "@typescript-eslint/explicit-module-boundary-types": "off",
+        "@typescript-eslint/ban-ts-comment": "off",
+        "@typescript-eslint/no-empty-interface": "off",
+        "react/prop-types": "off",
+        "react/no-find-dom-node": "off",
+        "react-hooks/exhaustive-deps": "off",
+        "react/display-name": "off",
+        "react/react-in-jsx-scope": "off",
+        "prettier/prettier": [
+            "error",
+            {
+                "endOfLine": "auto"
+            }
+        ],
+        "no-constant-condition": "off"
+    }
+}

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

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

package/template/web-app/react-webpack/.husky/commit-msg

@@ -1,4 +1,4 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
-npx --no -- commitlint --edit 
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx --no -- commitlint --edit 

package/template/web-app/react-webpack/.husky/pre-commit

@@ -1,4 +1,4 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
-npm run lint
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npm run lint

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

@@ -1,6 +1,6 @@
-**/*.md
-**/*.svg
-**/*.ejs
-**/*.html
-.history
-dist
+**/*.md
+**/*.svg
+**/*.ejs
+**/*.html
+.history
+dist

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

@@ -1,4 +1,4 @@
-node_modules
-/dist
-/.vscode
-/.history
+node_modules
+/dist
+/.vscode
+/.history

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

@@ -1,23 +1,29 @@
-{
-    "extends": "stylelint-config-standard",
-    "rules": {
-        "comment-empty-line-before": "never",
-        "no-empty-source": null,
-        "alpha-value-notation": null,
-        "color-function-notation": null,
-        "no-descending-specificity": null,
-        "at-rule-no-unknown": [
-            true,
-            {
-                "ignoreAtRules": ["tailwind", "apply", "use"]
-            }
-        ],
-        "selector-pseudo-class-no-unknown": [
-            true,
-            {
-                "ignorePseudoClasses": ["global"]
-            }
-        ],
-        "selector-class-pattern": null
-    }
-}
+{
+    "extends": "stylelint-config-standard-scss",
+    "rules": {
+        "comment-empty-line-before": "never",
+        "no-empty-source": null,
+        "alpha-value-notation": null,
+        "color-function-notation": null,
+        "at-rule-no-unknown": [
+            true,
+            {
+                "ignoreAtRules": ["tailwind", "apply", "use"]
+            }
+        ],
+        "declaration-block-no-redundant-longhand-properties": null,
+        "selector-pseudo-class-no-unknown": [
+            true,
+            {
+                "ignorePseudoClasses": ["global"]
+            }
+        ],
+        "selector-class-pattern": null,
+        "scss/at-rule-no-unknown": [
+            true,
+            {
+                "ignoreAtRules": ["tailwind", "a    pply"]
+            }
+        ]
+    }
+}

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

@@ -1,13 +1,13 @@
-# react-app-webpack
-
--   dev: pnpm run dev -> use ".env.dev"
--   build: pnpm run build -> use ".env"
-
-# svg
-
--   import IconReact from '@/assets/react.svg' -> ReactComponent
--   import iconReact from '@/assets/react.svg?url' -> svg url
-
-# style
-
--   index.module.css -> css module
+# react-app-webpack
+
+-   dev: pnpm run dev -> use ".env.dev"
+-   build: pnpm run build -> use ".env"
+
+# svg
+
+-   import IconReact from '@/assets/react.svg' -> ReactComponent
+-   import iconReact from '@/assets/react.svg?url' -> svg url
+
+# style
+
+-   index.module.css -> css module

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

@@ -1 +1 @@
-module.exports = { extends: ['@commitlint/config-conventional'] }
+module.exports = { extends: ['@commitlint/config-conventional'] }

package/template/web-app/react-webpack/domain/app/app.model.ts

@@ -1,7 +1,7 @@
-import { defineStore } from 'define-zustand'
-
-export const useApp = defineStore({
-    state: () => ({}),
-    getter: {},
-    actions: () => ({})
-})
+import { defineStore } from 'define-zustand'
+
+export const useApp = defineStore({
+    state: () => ({}),
+    getter: {},
+    actions: () => ({})
+})

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

@@ -1,17 +1,23 @@
-import { FunctionComponent, ReactNode, StrictMode, useLayoutEffect } from 'react'
-import { request } from '@/shared/service'
-
-const App: FunctionComponent<{ children: ReactNode }> = props => {
-    useLayoutEffect(() => {
-        request.interceptors.response.use(
-            res => res,
-            error => {
-                console.log(error)
-            }
-        )
-    }, [])
-
-    return <StrictMode>{props.children}</StrictMode>
-}
-
-export default App
+import { StrictMode, useLayoutEffect } from 'react'
+import { RouterProvider } from 'react-router-dom'
+import { request } from '@/shared/service'
+import { routerInstance } from '@/domain/router'
+
+const App = () => {
+    useLayoutEffect(() => {
+        request.interceptors.response.use(
+            res => res,
+            error => {
+                console.log(error)
+            }
+        )
+    }, [])
+
+    return (
+        <StrictMode>
+            <RouterProvider router={routerInstance} />
+        </StrictMode>
+    )
+}
+
+export default App

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

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