feat: add code format plugin

Author: kokiy

.editorconfig

@@ -0,0 +1,12 @@
+root = true
+
+[**]
+indent_style = space
+indent_size = 2
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+end_of_line = lf
+
+[**.md]
+trim_trailing_whitespace = false

.prettierignore

@@ -0,0 +1,3 @@
+node_modules
+dist
+mocks/mockServiceWorker.js

.prettierrc.json

@@ -0,0 +1,20 @@
+{
+  "arrowParens": "avoid",
+  "importOrder": ["^(react|react-router-dom)$", "<THIRD_PARTY_MODULES>", "^@/(.*)$", "^/", "^[./]"],
+  "importOrderSeparation": true,
+  "importOrderSortSpecifiers": true,
+  "jsxSingleQuote": true,
+  "plugins": [
+    "prettier-plugin-organize-imports",
+    "prettier-plugin-packagejson",
+    "prettier-plugin-sort-json",
+    "@trivago/prettier-plugin-sort-imports"
+  ],
+  "printWidth": 100,
+  "proseWrap": "preserve",
+  "semi": false,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "all",
+  "useTabs": false
+}

.stylelintrc.json

@@ -0,0 +1,9 @@
+{
+  "extends": ["stylelint-config-standard", "stylelint-config-recess-order"],
+  "plugins": ["stylelint-less"],
+  "rules": {
+    "at-rule-no-unknown": null,
+    "color-no-invalid-hex": true,
+    "less/color-no-invalid-hex": true
+  }
+}

eslint.config.js

@@ -1,28 +1,58 @@
-import js from '@eslint/js'
+import pluginJs from '@eslint/js'
+import vitest from '@vitest/eslint-plugin'
+import jsxA11y from 'eslint-plugin-jsx-a11y'
+import pluginReact from 'eslint-plugin-react'
+import pluginReactHooks from 'eslint-plugin-react-hooks'
+import pluginPromise from 'eslint-plugin-promise'
 import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
+// eslint-disable-next-line import/no-unresolved
 import tseslint from 'typescript-eslint'
+import pluginImport from 'eslint-plugin-import';
 
-export default tseslint.config(
-  { ignores: ['dist'] },
+
+export default [
+  { files: ['**/*.{js,mjs,cjs,ts,jsx,tsx}'] },
+  { languageOptions: { globals: { ...globals.browser, ...globals.node } } },
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  pluginPromise.configs['flat/recommended'],
+  pluginReact.configs.flat.recommended,
+  pluginReact.configs.flat['jsx-runtime'],
+  pluginImport.flatConfigs.recommended,
+  {
+    files: ['src/**/*.{ts,tsx}'],
+    plugins: { 'react-hooks': pluginReactHooks },
+    rules: { 'react-hooks/rules-of-hooks': 'error', 'react-hooks/exhaustive-deps': 'warn' },
+  },
+  {
+    ignores: ['dist/', 'public/', 'history/'],
+  },
+  {
+    files: ['**/*.test.{tsx,ts}'],
+    plugins: {
+      vitest,
+    },
+    rules: vitest.configs.recommended.rules,
+  },
   {
-    extends: [js.configs.recommended, ...tseslint.configs.recommended],
-    files: ['**/*.{ts,tsx}'],
+    ...jsxA11y.flatConfigs.recommended,
+    plugins: { 'jsx-a11y': jsxA11y },
     languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
+      ...jsxA11y.flatConfigs.recommended.languageOptions,
+      globals: { ...globals.serviceworker, ...globals.browser },
     },
-    plugins: {
-      'react-hooks': reactHooks,
-      'react-refresh': reactRefresh,
+  },
+  {
+    settings: {
+      react: { version: 'detect' },
     },
     rules: {
-      ...reactHooks.configs.recommended.rules,
-      'react-refresh/only-export-components': [
-        'warn',
-        { allowConstantExport: true },
-      ],
+      'no-console': ['error', { allow: ['warn', 'error', 'info'] }],
+      'prefer-const': 'error',
+      eqeqeq: 'error',
+      'no-duplicate-imports': 'error',
+      'react/prop-types': 0,
+      'react/forbid-dom-props': ['error', { forbid: ['style'] }],
     },
   },
-)
+]