feat(react-app): 替换 lefthook 为 husky

Author: cloudcome

templates/react-app/.husky/commit-msg

@@ -0,0 +1,5 @@
+# commit-msg
+
+# https://commitlint.js.org/guides/local-setup.html
+npx --no -- commitlint --edit $1
+

templates/react-app/.husky/pre-commit

@@ -0,0 +1,11 @@
+# pre-commit
+
+echo "node version = $(node -v)"
+echo "npm version = $(npm -v)"
+
+# https://github.com/lint-staged/lint-staged?tab=readme-ov-file#command-line-flags
+npx lint-staged --allow-empty
+
+# https://typicode.github.io/husky/get-started.html#scripting
+git update-index --again
+

templates/react-app/.husky/pre-push

@@ -0,0 +1,4 @@
+# pre-push
+
+npm run build
+npm run lint

templates/react-app/.husky/prepare.mjs

@@ -0,0 +1,12 @@
+/**
+ * @file .husky/prepare.mjs
+ * @see https://typicode.github.io/husky/how-to.html#ci-server-and-docker
+ */
+
+// Skip Husky install in production or CI
+if (process.env.NODE_ENV === 'production' || process.env.CI === 'true') {
+  process.exit(0)
+}
+
+const husky = (await import('husky')).default
+console.log(husky())

templates/react-app/lefthook.yml.ejs

@@ -0,0 +1,27 @@
+/**
+ * lint-staged.config.mjs
+ * @ref https://www.npmjs.com/package/lint-staged
+ */
+export default {
+  <%_ if (codeLinter === 'biome') { _%>
+  '*': [
+    'biome check --write --no-errors-on-unmatched --files-ignore-unknown=true'
+  ],
+  <%_ } else if (codeLinter === 'eslint') { _%>
+  '*.{js,mjs,cjs,ts,mts,jsx,tsx}': [
+    'prettier --write',
+    'eslint --no-error-on-unmatched-pattern --no-warn-ignored --fix',
+  ],
+
+  '*.vue': [
+    'prettier --write',
+    'stylelint --fix --allow-empty-input',
+    'eslint --no-error-on-unmatched-pattern --no-warn-ignored --fix',
+  ],
+  <%_ } _%>
+
+  '*.{css,scss}': [
+    'prettier --write',
+    'stylelint --fix --allow-empty-input',
+  ],
+};

templates/react-app/lint-staged.config.mjs.ejs

@@ -3,7 +3,7 @@
   "version": "1.0.0",
   "description": "A new React App - <%= ctx.projectName %>",
   "scripts": {
-    "prepare": "lefthook install",
+    "prepare": "node .husky/prepare.mjs",
     "openapi-axios": "openapi-axios",
     <%_ if (codeLinter === 'biome') { _%>
     "lint": "biome check && tsc --noEmit && stylelint '**/*.{css,scss}'",
@@ -53,7 +53,8 @@
     "@vitejs/plugin-react": "^4.3.4",
     "commit-and-tag-version": "^12.5.0",
     "cross-env": "^7.0.3",
-    "lefthook": "^1.10.3",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.0.0",
     "openapi-axios": "^0.34.0",
     "postcss": "^8.5.1",
     "sass-embedded": "^1.83.4",