chore: add lint-staged husky

3lang3 · 3lang3 · commit 3a9d03312e8a · 2022-04-11T11:32:05.000+08:00
diff --git a/.eslintignore b/.eslintignore
@@ -0,0 +1,9 @@
+/lambda/
+/scripts
+/config
+/dist
+.history
+.umi
+.mdoc
+.*
+mock
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -0,0 +1,3 @@
+module.exports = {
+  extends: [require.resolve('@3lang3/fabric/dist/eslint')],
+};
diff --git a/.husky/commit-msg b/.husky/commit-msg
@@ -0,0 +1,6 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+# commitlint config example
+# https://github.com/conventional-changelog/commitlint/blob/master/@commitlint/config-conventional/index.js
+pnpm commitlint --edit $1
diff --git a/.husky/pre-commit b/.husky/pre-commit
@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+pnpm pretty-quick --staged
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,19 @@
+**/*.svg
+package.json
+/dist
+.dockerignore
+.DS_Store
+.eslintignore
+*.png
+*.toml
+docker
+.editorconfig
+Dockerfile*
+.gitignore
+.prettierignore
+LICENSE
+.eslintcache
+*.lock
+yarn-error.log
+.history
+CNAME
diff --git a/.prettierrc.js b/.prettierrc.js
@@ -1,23 +1,5 @@
+const fabric = require('@3lang3/fabric');
+
 module.exports = {
-  semi: true,
-  singleQuote: true,
-  trailingComma: 'all',
-  printWidth: 80,
-  proseWrap: 'never',
-  endOfLine: 'lf',
-  overrides: [
-    {
-      files: '.prettierrc',
-      options: {
-        parser: 'json',
-      },
-    },
-    {
-      files: 'document.ejs',
-      options: {
-        parser: 'html',
-      },
-    },
-  ],
-  arrowParens: 'avoid',
+  ...fabric.prettier,
 };
diff --git a/.stylelintrc.js b/.stylelintrc.js
@@ -0,0 +1,5 @@
+const fabric = require('@3lang3/fabric');
+
+module.exports = {
+  ...fabric.stylelint,
+};
diff --git a/commitlint.config.js b/commitlint.config.js
@@ -0,0 +1 @@
+module.exports = { extends: ['@commitlint/config-conventional'] };
diff --git a/package.json b/package.json
@@ -2,10 +2,30 @@
   "private": true,
   "packageManager": "pnpm",
   "scripts": {
-    "clean": "rm -rf node_modules && rm -rf packages/**/node_modules"
+    "clean": "rm -rf node_modules && rm -rf packages/**/node_modules",
+    "prepare": "husky install",
+    "lint-staged": "lint-staged",
+    "lint-staged:js": "eslint --ext .js,.jsx,.ts,.tsx"
+  },
+  "lint-staged": {
+    "./packages/**/*.less": "stylelint --syntax less",
+    "./packages/**/*.{js,jsx,ts,tsx}": "npm run lint-staged:js",
+    "./packages/**/*.{js,jsx,tsx,ts,less,scss,styl,md,json}": [
+      "prettier --write"
+    ]
   },
   "devDependencies": {
+    "@commitlint/config-conventional": "^16.2.1",
+    "commitlint": "^16.2.3",
+    "eslint": "^8.13.0",
+    "husky": "^7.0.4",
+    "lint-staged": "^12.3.7",
     "prettier": "^2.5.1",
+    "pretty-quick": "^3.1.3",
+    "stylelint": "^14.6.1",
     "typescript": "^4.5.4"
+  },
+  "dependencies": {
+    "@3lang3/fabric": "^0.0.0-dev1"
   }
 }
diff --git a/packages/cli-playground/tsconfig.json b/packages/cli-playground/tsconfig.json
@@ -2,14 +2,14 @@
   "compilerOptions": {
     "target": "esnext",
     "module": "esnext",
+    "outDir": "./",
     "moduleResolution": "node",
     "importHelpers": true,
     "jsx": "react",
     "esModuleInterop": true,
     "sourceMap": true,
     "pretty": true,
     "baseUrl": "./",
-    "outDir": "./",
     "resolveJsonModule": true,
     "skipLibCheck": true,
     "allowSyntheticDefaultImports": true,
diff --git a/packages/mdoc-theme-default/src/components/MdPage/index.tsx b/packages/mdoc-theme-default/src/components/MdPage/index.tsx
@@ -8,8 +8,8 @@ import useActiveSidebarLinks from '../Slugs/useActiveSidebarLinks';
 
 import './index.less';
 
-const previewer = props => <MdPreviewer defaultShowSource {...props} />;
-const api = props => <MdApi {...props} />;
+const previewer = (props) => <MdPreviewer defaultShowSource {...props} />;
+const api = (props) => <MdApi {...props} />;
 
 const MdPageComponent = ({
   children,
@@ -18,16 +18,8 @@ const MdPageComponent = ({
   slugs = [],
   isComponentDir,
 }) => {
-  const {
-    fluid,
-    slugs: showSlugs = true,
-    style,
-    className,
-  } = frontmatter as any;
-  const hashPath = React.useMemo(
-    () => window.location.hash.split('#').filter(Boolean)[0],
-    [],
-  );
+  const { fluid, slugs: showSlugs = true, style, className, simulator } = frontmatter as any;
+  const hashPath = React.useMemo(() => window.location.hash.split('#').filter(Boolean)[0], []);
   React.useEffect(() => {
     window.scrollTo(0, 0);
   }, [hashPath]);
@@ -50,16 +42,14 @@ const MdPageComponent = ({
         })}
       >
         {children({ previewer, api })}
-        {!!updatedTimeStr && (
-          <span style={{ display: 'none' }}>Last update: {updatedTimeStr}</span>
-        )}
+        {!!updatedTimeStr && <span style={{ display: 'none' }}>Last update: {updatedTimeStr}</span>}
       </section>
       {showSlugs && <Slugs slugs={slugs} />}
-      {isComponentDir && <Simulator />}
+      {simulator !== false && isComponentDir && <Simulator />}
     </div>
   );
 };
 
-export default props => {
+export default (props) => {
   return <MdPageComponent {...props} />;
 };
diff --git a/packages/mdoc-theme-default/src/components/Slugs/index.less b/packages/mdoc-theme-default/src/components/Slugs/index.less
@@ -5,7 +5,7 @@
   position: sticky;
   top: @van-doc-header-top-height;
   flex-direction: column;
-  width: 220px;
+  width: 120px;
   overflow-x: hidden;
   overflow-y: auto;
   font-size: 13px;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/tsconfig.base.json b/tsconfig.base.json
diff --git a/tsconfig.json b/tsconfig.json

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+module.exports = {`
	`2`	`+ extends: [require.resolve('@3lang3/fabric/dist/eslint')],`
	`3`	`+};`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+module.exports = { extends: ['@commitlint/config-conventional'] };`