chore: update eslint config

.eslintignore

@@ -1,6 +1 @@
-node_modules
-dist
-
-pnpm-lock.yaml
-
-LICENSE
+README.md

.eslintrc

@@ -1,34 +1,3 @@
 {
-  "env": {
-    "browser": true,
-    "es2021": true,
-    "node": true
-  },
-  "extends": [
-    "eslint:recommended",
-    "plugin:react/recommended",
-    "plugin:@typescript-eslint/recommended",
-    "plugin:prettier/recommended"
-  ],
-  "parser": "@typescript-eslint/parser",
-  "parserOptions": {
-    "ecmaFeatures": {
-      "jsx": true
-    },
-    "ecmaVersion": "latest",
-    "sourceType": "module"
-  },
-  "settings": {
-    "react": {
-      "version": "detect"
-    }
-  },
-  "plugins": ["react", "@typescript-eslint"],
-  "rules": {
-    "react/react-in-jsx-scope": "off",
-    "no-console": "warn",
-    "react/self-closing-comp": "error",
-    "arrow-body-style": "error",
-    "prefer-template": "error"
-  }
+  "extends": ["@lmmmmmm", "@lmmmmmm/eslint-config-react"]
 }

.github/workflows/codeql-analysis.yml

@@ -1,4 +1,4 @@
-name: 'CodeQL'
+name: CodeQL
 
 on:
   push:
@@ -20,7 +20,7 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        language: ['javascript', 'typescript']
+        language: [javascript, typescript]
 
     steps:
       - name: Checkout repository

README.md

@@ -27,9 +27,9 @@ pnpm i semi-context-menu
 ```tsx
 export default () => {
   const renderItem = (left: string, right: string) => (
-    <div className='item'>
-      <div className='left'>{left}</div>
-      <div className='right'>{right}</div>
+    <div className="item">
+      <div className="left">{left}</div>
+      <div className="right">{right}</div>
     </div>
   );
 
@@ -50,7 +50,7 @@ export default () => {
   );
 
   return (
-    <div className='App'>
+    <div className="App">
       <SemiContextMenu clickToHide render={menu}>
         <div>This is Context Menu Operable Area</div>
       </SemiContextMenu>

commitlint.config.cjs

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

package.json

@@ -1,22 +1,14 @@
 {
   "name": "semi-context-menu",
-  "version": "0.2.0",
-  "license": "MIT",
   "type": "module",
+  "version": "0.2.0",
   "packageManager": "[email protected]",
   "description": "Context Menu based on Semi Design.",
-  "keywords": [
-    "semi-design",
-    "context-menu",
-    "react-context-menu",
-    "react",
-    "react-component",
-    "react-component-library"
-  ],
   "author": {
     "email": "[email protected]",
     "name": "_lmmmmmm"
   },
+  "license": "MIT",
   "homepage": "https://github.com/Lmmmmmm-bb/semi-context-menu",
   "repository": {
     "type": "git",
@@ -26,50 +18,53 @@
     "url": "https://github.com/Lmmmmmm-bb/semi-context-menu/issues",
     "email": "[email protected]"
   },
-  "files": [
-    "dist"
+  "keywords": [
+    "semi-design",
+    "context-menu",
+    "react-context-menu",
+    "react",
+    "react-component",
+    "react-component-library"
   ],
-  "types": "dist/index.d.ts",
-  "module": "dist/index.js",
-  "main": "dist/index.cjs",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "require": "./dist/index.cjs",
+      "import": "./dist/index.js"
     }
   },
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "dev": "pnpm style:watch & tsup --watch",
     "playground": "vite playground --host & pnpm style:watch",
     "build": "tsup",
     "build:playground": "vite build playground",
-    "lint:check": "prettier --check .",
-    "lint:format": "prettier --write .",
-    "lint:fix": "eslint --ext .tsx,.ts,.js . --fix",
+    "lint": "eslint . --fix",
     "prepare": "husky install",
     "style:watch": "typed-scss-modules src --watch --ignore \"**/index.scss\"",
     "release": "bumpp --commit --tag --push && pnpm publish --no-git-checks"
   },
   "peerDependencies": {
+    "@douyinfe/semi-ui": ">=2",
     "react": ">=18",
-    "react-dom": ">=18",
-    "@douyinfe/semi-ui": ">=2"
+    "react-dom": ">=18"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.4.4",
     "@commitlint/config-conventional": "^17.4.4",
     "@douyinfe/semi-ui": "^2.30.2",
+    "@lmmmmmm/eslint-config": "^0.1.0",
+    "@lmmmmmm/eslint-config-react": "^0.1.0",
     "@types/node": "^18.15.3",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
-    "@typescript-eslint/eslint-plugin": "^5.55.0",
-    "@typescript-eslint/parser": "^5.55.0",
     "bumpp": "^9.0.0",
     "esbuild-scss-modules-plugin": "^1.1.1",
     "eslint": "^8.36.0",
-    "eslint-config-prettier": "^8.7.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.32.2",
     "husky": "^8.0.3",
     "lint-staged": "^13.2.0",
     "prettier": "^2.8.4",
@@ -82,7 +77,6 @@
     "vite": "^4.1.4"
   },
   "lint-staged": {
-    "**/*": "prettier --write . --ignore-unknown",
-    "*.{js,ts,tsx}": "eslint --ext .tsx,.ts,.js . --fix"
+    "*.{js,ts,tsx}": "eslint . --fix"
   }
 }

playground/package.json

@@ -1,7 +1,7 @@
 {
   "name": "playground",
-  "private": true,
   "type": "module",
+  "private": true,
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",

playground/src/app/config.ts

@@ -1,2 +1,2 @@
-export const examplesSource =
-  'https://github.com/Lmmmmmm-bb/semi-context-menu/tree/main/playground/src/examples';
+export const examplesSource
+  = 'https://github.com/Lmmmmmm-bb/semi-context-menu/tree/main/playground/src/examples';

playground/src/app/index.tsx

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 import { Typography } from '@douyinfe/semi-ui';
 
 import './index.css';
@@ -8,7 +8,7 @@ import { Base, WithProps } from '../examples';
 const { Text } = Typography;
 
 const App: FC = () => (
-  <div className='App'>
+  <div className="App">
     <header>
       <Text link={{ href: examplesSource, target: '_blank' }}>
         <h2>Example Code</h2>

playground/src/components/block/index.tsx

@@ -1,13 +1,13 @@
-import { CSSProperties, FC, PropsWithChildren } from 'react';
+import { type CSSProperties, type FC, type PropsWithChildren } from 'react';
 
 import './index.css';
 
 interface BlockProps {
   color: CSSProperties['backgroundColor'];
 }
 
-const Block: FC<PropsWithChildren<BlockProps>> = (props) => (
-  <div className='block' style={{ backgroundColor: props.color }}>
+const Block: FC<PropsWithChildren<BlockProps>> = props => (
+  <div className="block" style={{ backgroundColor: props.color }}>
     {props.children}
   </div>
 );

playground/src/examples/Base.tsx

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 import { Dropdown, Toast } from '@douyinfe/semi-ui';
 import { SemiContextMenu } from 'semi-context-menu';
 import { IconCopy, IconRefresh } from '@douyinfe/semi-icons';
@@ -25,7 +25,7 @@ const Base: FC = () => {
 
   return (
     <SemiContextMenu clickToHide render={menu}>
-      <Block color='orange'>Base Usage</Block>
+      <Block color="orange">Base Usage</Block>
     </SemiContextMenu>
   );
 };

playground/src/examples/WithProps.tsx

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { type FC } from 'react';
 import { Dropdown, Toast } from '@douyinfe/semi-ui';
 import { SemiContextMenu } from 'semi-context-menu';
 import { IconCopy, IconDelete } from '@douyinfe/semi-icons';
@@ -12,14 +12,14 @@ const WithProps: FC = () => {
       <Dropdown.Title>With Semi Dropdown Props</Dropdown.Title>
       <Dropdown.Divider />
       <Dropdown.Item
-        type='primary'
+        type="primary"
         icon={<IconCopy />}
         onClick={() => Toast.success('Paste')}
       >
         {renderItem('Paste', 'Ctrl + V')}
       </Dropdown.Item>
       <Dropdown.Item
-        type='danger'
+        type="danger"
         icon={<IconDelete />}
         onClick={() => Toast.success('Delete')}
       >
@@ -30,7 +30,7 @@ const WithProps: FC = () => {
 
   return (
     <SemiContextMenu clickToHide render={menu}>
-      <Block color='olive'>With Semi Dropdown Props</Block>
+      <Block color="olive">With Semi Dropdown Props</Block>
     </SemiContextMenu>
   );
 };

playground/src/examples/utils.tsx

@@ -1,6 +1,6 @@
 export const renderItem = (left: string, right: string) => (
-  <div className='item'>
-    <div className='left'>{left}</div>
-    <div className='right'>{right}</div>
+  <div className="item">
+    <div className="left">{left}</div>
+    <div className="right">{right}</div>
   </div>
 );

playground/src/main.tsx

@@ -6,5 +6,5 @@ import App from './app';
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 );

playground/vite.config.ts

@@ -3,5 +3,5 @@ import react from '@vitejs/plugin-react';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react()]
+  plugins: [react()],
 });