@aiou/eslint-config 1.0.6 → 1.1.0

package/README.md

@@ -33,6 +33,14 @@ const { aiou } = require('@aiou/eslint-config')
 
 module.exports = aiou()
 ```
+
+### options
+
+#### `options.ssr`
+
+- default: `false`
+
+enabled ssr-friendly rules
     
 ## rules
 
@@ -54,10 +62,11 @@ eslint-plugin-promise
 eslint-plugin-unicorn
 eslint-plugin-yml
 eslint-plugin-react
-eslint-plugin-ssr-friendly
+eslint-plugin-ssr-friendly (configured when ssr enabled)
 eslint-plugin-react-refresh
 @next/eslint-plugin-next (enabled when next found)
 eslint-plugin-react-hooks
 eslint-plugin-tailwindcss
 @typescript-eslint/eslint-plugin
+@stylistic/eslint-plugin
 ```

package/dist/index.cjs

@@ -20,6 +20,7 @@ var pluginReact = require('eslint-plugin-react');
 var pluginReactHooks = require('eslint-plugin-react-hooks');
 var pluginReactRefresh = require('eslint-plugin-react-refresh');
 var pluginSSRFriendly = require('eslint-plugin-ssr-friendly');
+var pluginStylistic = require('@stylistic/eslint-plugin');
 var node_module = require('node:module');
 var pluginTypeScript = require('@typescript-eslint/eslint-plugin');
 var tsParser = require('@typescript-eslint/parser');
@@ -58,6 +59,7 @@ const GLOB_TEST_DIRS = "**/{test,tests,e2e,__test__,__tests__}/**";
 const GLOB_DTS = "**/*.d.ts";
 const GLOB_TS = "**/*.?([cm])ts";
 const GLOB_TSX = "**/*.?([cm])tsx";
+const GLOB_JS = "**/*.?([cm])js";
 const GLOB_JSX = "**/*.?([cm])jsx";
 const GLOB_JSON = "**/*.json";
 const GLOB_JSON5 = "**/*.json5";
@@ -840,39 +842,21 @@ const javascript = () => {
       rules: {
         ...pluginStandard.rules,
         ...pluginRegexp.configs.recommended.rules,
-        // Common
-        semi: ["error", "never"],
-        // Always need {}
         curly: ["error", "all"],
-        quotes: ["error", "single"],
-        "quote-props": ["error", "as-needed"],
         "no-unused-vars": "warn",
         "no-param-reassign": "off",
-        "array-bracket-spacing": ["error", "never"],
-        // https://eslint.org/docs/latest/rules/brace-style#1tbs
-        "brace-style": ["error", "1tbs"],
-        "block-spacing": ["error", "always"],
         camelcase: "off",
-        "comma-spacing": ["error", { before: false, after: true }],
-        "comma-style": ["error", "last"],
-        "comma-dangle": ["error", "always-multiline"],
         "no-constant-condition": "warn",
         "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
         "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
         "no-cond-assign": ["error", "always"],
-        "func-call-spacing": ["off", "never"],
-        "key-spacing": ["error", { beforeColon: false, afterColon: true }],
-        // https://github.com/prettier/prettier-eslint/issues/226
-        indent: ["error", 2, { SwitchCase: 1, VariableDeclarator: 1, outerIIFEBody: 1 }],
         "no-restricted-syntax": [
           "error",
           "DebuggerStatement",
           "LabeledStatement",
           "WithStatement"
         ],
-        "object-curly-spacing": ["error", "always"],
         "no-return-await": "off",
-        "space-before-function-paren": ["error", "never"],
         // es6
         "no-var": "error",
         "prefer-const": [
@@ -901,9 +885,7 @@ const javascript = () => {
         "prefer-rest-params": "error",
         "prefer-spread": "error",
         "prefer-template": "error",
-        "template-curly-spacing": "error",
         "arrow-parens": ["error", "as-needed", { requireForBlockBody: true }],
-        "generator-star-spacing": "off",
         // best-practice
         "array-callback-return": "error",
         "block-scoped-var": "error",
@@ -912,15 +894,13 @@ const javascript = () => {
         eqeqeq: ["error", "allow-null"],
         "no-alert": "warn",
         "no-case-declarations": "error",
-        "no-multi-spaces": "error",
         "no-multi-str": "error",
         "no-with": "error",
         "no-void": "error",
         "no-useless-escape": "off",
         "vars-on-top": "error",
         "require-await": "off",
-        "no-return-assign": "off",
-        "operator-linebreak": ["error", "before"]
+        "no-return-assign": "off"
       }
     }
   ];
@@ -1191,7 +1171,6 @@ const markdown = () => {
         "@typescript-eslint/no-unused-vars": "off",
         "@typescript-eslint/no-use-before-define": "off",
         "@typescript-eslint/no-var-requires": "off",
-        "@typescript-eslint/comma-dangle": "off",
         "@typescript-eslint/consistent-type-imports": "off",
         "@typescript-eslint/no-namespace": "off",
         "@typescript-eslint/no-require-imports": "off",
@@ -4008,21 +3987,158 @@ const react = () => {
       plugins: {
         react: pluginReact,
         "react-hooks": pluginReactHooks,
-        "ssr-friendly": pluginSSRFriendly,
         "react-refresh": pluginReactRefresh
       },
       rules: {
         ...pluginReact.configs.recommended.rules,
         ...pluginReact.configs["jsx-runtime"].rules,
         ...pluginReactHooks.configs.recommended.rules,
-        ...pluginSSRFriendly.configs.recommended.rules,
-        "jsx-quotes": ["error", "prefer-double"],
         "react/prop-types": "off",
         "react/no-unescaped-entities": "off",
         "react/no-unknown-property": "off",
         "react/jsx-boolean-value": ["error", "always"],
+        // https://github.com/ArnaudBarre/eslint-plugin-react-refresh
+        "react-refresh/only-export-components": "warn"
+      }
+    }
+  ];
+  return config;
+};
+const ssrReact = () => {
+  const config = [
+    {
+      files: [GLOB_JSX, GLOB_TSX],
+      languageOptions: {
+        parserOptions: {
+          ...pluginReact.configs.recommended.parserOptions,
+          ...pluginReact.configs["jsx-runtime"].parserOptions
+        }
+      },
+      settings: {
+        react: {
+          // 'detect' will throw warn on monorepo
+          version: "18.0"
+        }
+      },
+      plugins: {
+        "ssr-friendly": pluginSSRFriendly
+      },
+      rules: {
+        ...pluginSSRFriendly.configs.recommended.rules
+      }
+    },
+    {
+      files: ["**/*.test.{js,jsx,ts,tsx,cjs,mjs}", "**/*.spec.{js,jsx,ts,tsx,mjs,cjs}"],
+      rules: {
+        ...mapValues(pluginSSRFriendly.configs.recommended.rules, () => "off"),
+        "ssr-friendly/only-export-components": "off"
+      }
+    }
+  ];
+  return config;
+};
+
+const stylistic = () => {
+  const config = pluginStylistic.configs.customize({
+    flat: true,
+    indent: 2,
+    jsx: true,
+    quotes: "single",
+    semi: false
+  });
+  const off = {};
+  Object.keys(config.rules).forEach((key) => {
+    off[key.replace("@stylistic/", "")] = "off";
+  });
+  const configs = [
+    {
+      files: [GLOB_JS, GLOB_JSX, GLOB_TS, GLOB_TSX],
+      plugins: {
+        ...config.plugins
+      },
+      rules: {
+        ...off,
+        ...config.rules,
+        "@stylistic/quotes": ["error", "single"],
+        "@stylistic/quote-props": ["error", "as-needed"],
+        "@stylistic/array-bracket-spacing": ["error", "never"],
+        // https://eslint.org/docs/latest/rules/brace-style#1tbs
+        "@stylistic/brace-style": ["error", "1tbs"],
+        "@stylistic/block-spacing": ["error", "always"],
+        "@stylistic/comma-spacing": ["error", { before: false, after: true }],
+        "@stylistic/comma-style": ["error", "last"],
+        "comma-dangle": "off",
+        "@stylistic/comma-dangle": ["error", "always-multiline"],
+        "@stylistic/key-spacing": ["error", { beforeColon: false, afterColon: true }],
+        "@stylistic/indent": ["error", 2, {
+          SwitchCase: 1,
+          VariableDeclarator: 1,
+          outerIIFEBody: 1,
+          MemberExpression: 1,
+          FunctionDeclaration: { parameters: 1, body: 1 },
+          FunctionExpression: { parameters: 1, body: 1 },
+          CallExpression: { arguments: 1 },
+          ArrayExpression: 1,
+          ObjectExpression: 1,
+          ImportDeclaration: 1,
+          flatTernaryExpressions: false,
+          ignoreComments: false,
+          ignoredNodes: [
+            "TemplateLiteral *",
+            "JSXElement",
+            "JSXElement > *",
+            "JSXAttribute",
+            "JSXIdentifier",
+            "JSXNamespacedName",
+            "JSXMemberExpression",
+            "JSXSpreadAttribute",
+            "JSXExpressionContainer",
+            "JSXOpeningElement",
+            "JSXClosingElement",
+            "JSXFragment",
+            "JSXOpeningFragment",
+            "JSXClosingFragment",
+            "JSXText",
+            "JSXEmptyExpression",
+            "JSXSpreadChild",
+            "TSTypeParameterInstantiation",
+            "FunctionExpression > .params[decorators.length > 0]",
+            "FunctionExpression > .params > :matches(Decorator, :not(:first-child))",
+            "ClassBody.body > PropertyDefinition[decorators.length > 0] > .key"
+          ],
+          offsetTernaryExpressions: true
+        }],
+        "@stylistic/object-curly-spacing": ["error", "always"],
+        "@stylistic/template-curly-spacing": "error",
+        "@stylistic/generator-star-spacing": "off",
+        "@stylistic/no-multi-spaces": "error",
+        "@stylistic/operator-linebreak": ["error", "before"],
+        "@stylistic/member-delimiter-style": ["error", { multiline: { delimiter: "none" } }],
+        "@stylistic/type-annotation-spacing": ["error", {}],
+        // no-spaced-func alert -- https://eslint.org/docs/latest/rules/no-spaced-func
+        "@stylistic/func-call-spacing": ["error", "never"],
+        "@stylistic/semi": ["error", "never"],
+        "@stylistic/space-before-blocks": ["error", "always"],
+        "@stylistic/space-before-function-paren": [
+          "error",
+          {
+            anonymous: "always",
+            named: "never",
+            asyncArrow: "always"
+          }
+        ],
+        "@stylistic/space-infix-ops": "error",
+        "@stylistic/keyword-spacing": ["error", { before: true, after: true }],
+        "@stylistic/no-extra-parens": ["error", "functions"],
+        "@stylistic/lines-between-class-members": [
+          "error",
+          "always",
+          { exceptAfterSingleLine: true }
+        ],
+        "@stylistic/jsx-quotes": ["error", "prefer-double"],
+        // React
         // Enforce new line when declare jsx element e.g. const element = (\newline<div
-        "react/jsx-wrap-multilines": [
+        "@stylistic/jsx-wrap-multilines": [
           "warn",
           {
             declaration: "parens-new-line",
@@ -4034,30 +4150,21 @@ const react = () => {
             prop: "parens-new-line"
           }
         ],
-        "react/jsx-closing-tag-location": "error",
+        "@stylistic/jsx-closing-tag-location": "error",
         // Enforce disallow </ div>
-        "react/jsx-tag-spacing": ["error", { closingSlash: "never", beforeSelfClosing: "always", afterOpening: "never", beforeClosing: "allow" }],
-        "react/jsx-max-props-per-line": ["warn", { maximum: 1, when: "multiline" }],
+        "@stylistic/jsx-tag-spacing": ["error", { closingSlash: "never", beforeSelfClosing: "always", afterOpening: "never", beforeClosing: "allow" }],
+        "@stylistic/jsx-max-props-per-line": ["warn", { maximum: 1, when: "multiline" }],
         // indentLogicalExpressions will fix && element
-        "react/jsx-indent": ["warn", 2, { indentLogicalExpressions: true }],
-        "react/jsx-indent-props": ["warn", 2],
+        "@stylistic/jsx-indent": ["warn", 2, { indentLogicalExpressions: true }],
+        "@stylistic/jsx-indent-props": ["warn", 2],
         // < and > should be on the same line(y-axis) if jsx is multiline
-        "react/jsx-closing-bracket-location": ["warn", "tag-aligned"],
+        "@stylistic/jsx-closing-bracket-location": ["warn", "tag-aligned"],
         // Enforce new line when multiline props jsx
-        "react/jsx-first-prop-new-line": ["warn", "multiline-multiprop"],
-        // https://github.com/ArnaudBarre/eslint-plugin-react-refresh
-        "react-refresh/only-export-components": "warn"
-      }
-    },
-    {
-      files: ["**/*.test.{js,jsx,ts,tsx,cjs,mjs}", "**/*.spec.{js,jsx,ts,tsx,mjs,cjs}"],
-      rules: {
-        ...mapValues(pluginSSRFriendly.configs.recommended.rules, () => "off"),
-        "ssr-friendly/only-export-components": "off"
+        "@stylistic/jsx-first-prop-new-line": ["warn", "multiline-multiprop"]
       }
     }
   ];
-  return config;
+  return configs;
 };
 
 const require$1 = node_module.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (document.currentScript && document.currentScript.src || new URL('index.cjs', document.baseURI).href)));
@@ -4113,49 +4220,6 @@ const typescript = () => {
         "import/no-named-as-default": "off",
         // TS
         "no-useless-constructor": "off",
-        indent: "off",
-        // https://github.com/prettier/prettier-eslint/issues/226
-        // JSX indent config in react
-        "@typescript-eslint/indent": ["error", 2, {
-          SwitchCase: 1,
-          VariableDeclarator: 1,
-          outerIIFEBody: 1,
-          MemberExpression: 1,
-          FunctionDeclaration: { parameters: 1, body: 1 },
-          FunctionExpression: { parameters: 1, body: 1 },
-          CallExpression: { arguments: 1 },
-          ArrayExpression: 1,
-          ObjectExpression: 1,
-          ImportDeclaration: 1,
-          flatTernaryExpressions: false,
-          ignoreComments: false,
-          ignoredNodes: [
-            "TemplateLiteral *",
-            "JSXElement",
-            "JSXElement > *",
-            "JSXAttribute",
-            "JSXIdentifier",
-            "JSXNamespacedName",
-            "JSXMemberExpression",
-            "JSXSpreadAttribute",
-            "JSXExpressionContainer",
-            "JSXOpeningElement",
-            "JSXClosingElement",
-            "JSXFragment",
-            "JSXOpeningFragment",
-            "JSXClosingFragment",
-            "JSXText",
-            "JSXEmptyExpression",
-            "JSXSpreadChild",
-            "TSTypeParameterInstantiation",
-            "FunctionExpression > .params[decorators.length > 0]",
-            "FunctionExpression > .params > :matches(Decorator, :not(:first-child))",
-            "ClassBody.body > PropertyDefinition[decorators.length > 0] > .key"
-          ],
-          offsetTernaryExpressions: true
-        }],
-        "@typescript-eslint/member-delimiter-style": ["error", { multiline: { delimiter: "none" } }],
-        "@typescript-eslint/type-annotation-spacing": ["error", {}],
         "@typescript-eslint/ban-ts-comment": ["error", { "ts-ignore": "allow-with-description" }],
         "@typescript-eslint/consistent-type-imports": [
           "error",
@@ -4189,9 +4253,6 @@ const typescript = () => {
         // original no-undef not compatiable with typescript
         // refs: https://typescript-eslint.io/linting/troubleshooting/#i-get-errors-from-the-no-undef-rule-about-global-variables-not-being-defined-even-though-there-are-no-typescript-errors
         "no-undef": "off",
-        // no-spaced-func alert -- https://eslint.org/docs/latest/rules/no-spaced-func
-        "func-call-spacing": "off",
-        "@typescript-eslint/func-call-spacing": ["error", "never"],
         "no-unused-vars": "off",
         "no-redeclare": "off",
         "@typescript-eslint/no-redeclare": "error",
@@ -4202,44 +4263,8 @@ const typescript = () => {
           "error",
           { functions: false, classes: false, variables: true }
         ],
-        "brace-style": "off",
-        // https://eslint.org/docs/latest/rules/brace-style#1tbs
-        "@typescript-eslint/brace-style": ["error", "1tbs"],
-        "comma-dangle": "off",
-        "@typescript-eslint/comma-dangle": ["error", "always-multiline"],
-        "object-curly-spacing": "off",
-        "@typescript-eslint/object-curly-spacing": ["error", "always"],
-        semi: "off",
-        "@typescript-eslint/semi": ["error", "never"],
-        quotes: "off",
-        "@typescript-eslint/quotes": ["error", "single"],
-        "space-before-blocks": "off",
-        "@typescript-eslint/space-before-blocks": ["error", "always"],
-        "space-before-function-paren": "off",
-        "@typescript-eslint/space-before-function-paren": [
-          "error",
-          {
-            anonymous: "always",
-            named: "never",
-            asyncArrow: "always"
-          }
-        ],
-        "space-infix-ops": "off",
-        "@typescript-eslint/space-infix-ops": "error",
-        "keyword-spacing": "off",
-        "@typescript-eslint/keyword-spacing": ["error", { before: true, after: true }],
-        "comma-spacing": "off",
-        "@typescript-eslint/comma-spacing": ["error", { before: false, after: true }],
-        "no-extra-parens": "off",
-        "@typescript-eslint/no-extra-parens": ["error", "functions"],
         "no-loss-of-precision": "off",
         "@typescript-eslint/no-loss-of-precision": "error",
-        "lines-between-class-members": "off",
-        "@typescript-eslint/lines-between-class-members": [
-          "error",
-          "always",
-          { exceptAfterSingleLine: true }
-        ],
         // off
         "@typescript-eslint/camelcase": "off",
         "@typescript-eslint/explicit-function-return-type": "off",
@@ -4363,10 +4388,11 @@ const presetLangsExtensions = [
 const presetDefault = [
   ...presetTypescript,
   ...react(),
+  ...stylistic(),
   ...presetLangsExtensions,
   ...progress()
 ];
-const aiou = (config = []) => {
+const aiou = ({ ssr = true } = { ssr: true }, config = []) => {
   const configs = [...presetDefault];
   if (localPkg.isPackageExists("tailwindcss")) {
     configs.push(...tailwindcss());
@@ -4374,6 +4400,9 @@ const aiou = (config = []) => {
   if (localPkg.isPackageExists("next")) {
     configs.push(...next());
   }
+  if (ssr) {
+    configs.push(...ssrReact());
+  }
   if (Object.keys(config).length > 0) {
     configs.push(...Array.isArray(config) ? config : [config]);
   }

package/dist/index.mjs

@@ -18,6 +18,7 @@ import pluginReact from 'eslint-plugin-react';
 import pluginReactHooks from 'eslint-plugin-react-hooks';
 import pluginReactRefresh from 'eslint-plugin-react-refresh';
 import pluginSSRFriendly from 'eslint-plugin-ssr-friendly';
+import pluginStylistic from '@stylistic/eslint-plugin';
 import { createRequire } from 'node:module';
 import pluginTypeScript from '@typescript-eslint/eslint-plugin';
 import tsParser from '@typescript-eslint/parser';
@@ -56,6 +57,7 @@ const GLOB_TEST_DIRS = "**/{test,tests,e2e,__test__,__tests__}/**";
 const GLOB_DTS = "**/*.d.ts";
 const GLOB_TS = "**/*.?([cm])ts";
 const GLOB_TSX = "**/*.?([cm])tsx";
+const GLOB_JS = "**/*.?([cm])js";
 const GLOB_JSX = "**/*.?([cm])jsx";
 const GLOB_JSON = "**/*.json";
 const GLOB_JSON5 = "**/*.json5";
@@ -838,39 +840,21 @@ const javascript = () => {
       rules: {
         ...pluginStandard.rules,
         ...pluginRegexp.configs.recommended.rules,
-        // Common
-        semi: ["error", "never"],
-        // Always need {}
         curly: ["error", "all"],
-        quotes: ["error", "single"],
-        "quote-props": ["error", "as-needed"],
         "no-unused-vars": "warn",
         "no-param-reassign": "off",
-        "array-bracket-spacing": ["error", "never"],
-        // https://eslint.org/docs/latest/rules/brace-style#1tbs
-        "brace-style": ["error", "1tbs"],
-        "block-spacing": ["error", "always"],
         camelcase: "off",
-        "comma-spacing": ["error", { before: false, after: true }],
-        "comma-style": ["error", "last"],
-        "comma-dangle": ["error", "always-multiline"],
         "no-constant-condition": "warn",
         "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
         "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
         "no-cond-assign": ["error", "always"],
-        "func-call-spacing": ["off", "never"],
-        "key-spacing": ["error", { beforeColon: false, afterColon: true }],
-        // https://github.com/prettier/prettier-eslint/issues/226
-        indent: ["error", 2, { SwitchCase: 1, VariableDeclarator: 1, outerIIFEBody: 1 }],
         "no-restricted-syntax": [
           "error",
           "DebuggerStatement",
           "LabeledStatement",
           "WithStatement"
         ],
-        "object-curly-spacing": ["error", "always"],
         "no-return-await": "off",
-        "space-before-function-paren": ["error", "never"],
         // es6
         "no-var": "error",
         "prefer-const": [
@@ -899,9 +883,7 @@ const javascript = () => {
         "prefer-rest-params": "error",
         "prefer-spread": "error",
         "prefer-template": "error",
-        "template-curly-spacing": "error",
         "arrow-parens": ["error", "as-needed", { requireForBlockBody: true }],
-        "generator-star-spacing": "off",
         // best-practice
         "array-callback-return": "error",
         "block-scoped-var": "error",
@@ -910,15 +892,13 @@ const javascript = () => {
         eqeqeq: ["error", "allow-null"],
         "no-alert": "warn",
         "no-case-declarations": "error",
-        "no-multi-spaces": "error",
         "no-multi-str": "error",
         "no-with": "error",
         "no-void": "error",
         "no-useless-escape": "off",
         "vars-on-top": "error",
         "require-await": "off",
-        "no-return-assign": "off",
-        "operator-linebreak": ["error", "before"]
+        "no-return-assign": "off"
       }
     }
   ];
@@ -1189,7 +1169,6 @@ const markdown = () => {
         "@typescript-eslint/no-unused-vars": "off",
         "@typescript-eslint/no-use-before-define": "off",
         "@typescript-eslint/no-var-requires": "off",
-        "@typescript-eslint/comma-dangle": "off",
         "@typescript-eslint/consistent-type-imports": "off",
         "@typescript-eslint/no-namespace": "off",
         "@typescript-eslint/no-require-imports": "off",
@@ -4006,21 +3985,158 @@ const react = () => {
       plugins: {
         react: pluginReact,
         "react-hooks": pluginReactHooks,
-        "ssr-friendly": pluginSSRFriendly,
         "react-refresh": pluginReactRefresh
       },
       rules: {
         ...pluginReact.configs.recommended.rules,
         ...pluginReact.configs["jsx-runtime"].rules,
         ...pluginReactHooks.configs.recommended.rules,
-        ...pluginSSRFriendly.configs.recommended.rules,
-        "jsx-quotes": ["error", "prefer-double"],
         "react/prop-types": "off",
         "react/no-unescaped-entities": "off",
         "react/no-unknown-property": "off",
         "react/jsx-boolean-value": ["error", "always"],
+        // https://github.com/ArnaudBarre/eslint-plugin-react-refresh
+        "react-refresh/only-export-components": "warn"
+      }
+    }
+  ];
+  return config;
+};
+const ssrReact = () => {
+  const config = [
+    {
+      files: [GLOB_JSX, GLOB_TSX],
+      languageOptions: {
+        parserOptions: {
+          ...pluginReact.configs.recommended.parserOptions,
+          ...pluginReact.configs["jsx-runtime"].parserOptions
+        }
+      },
+      settings: {
+        react: {
+          // 'detect' will throw warn on monorepo
+          version: "18.0"
+        }
+      },
+      plugins: {
+        "ssr-friendly": pluginSSRFriendly
+      },
+      rules: {
+        ...pluginSSRFriendly.configs.recommended.rules
+      }
+    },
+    {
+      files: ["**/*.test.{js,jsx,ts,tsx,cjs,mjs}", "**/*.spec.{js,jsx,ts,tsx,mjs,cjs}"],
+      rules: {
+        ...mapValues(pluginSSRFriendly.configs.recommended.rules, () => "off"),
+        "ssr-friendly/only-export-components": "off"
+      }
+    }
+  ];
+  return config;
+};
+
+const stylistic = () => {
+  const config = pluginStylistic.configs.customize({
+    flat: true,
+    indent: 2,
+    jsx: true,
+    quotes: "single",
+    semi: false
+  });
+  const off = {};
+  Object.keys(config.rules).forEach((key) => {
+    off[key.replace("@stylistic/", "")] = "off";
+  });
+  const configs = [
+    {
+      files: [GLOB_JS, GLOB_JSX, GLOB_TS, GLOB_TSX],
+      plugins: {
+        ...config.plugins
+      },
+      rules: {
+        ...off,
+        ...config.rules,
+        "@stylistic/quotes": ["error", "single"],
+        "@stylistic/quote-props": ["error", "as-needed"],
+        "@stylistic/array-bracket-spacing": ["error", "never"],
+        // https://eslint.org/docs/latest/rules/brace-style#1tbs
+        "@stylistic/brace-style": ["error", "1tbs"],
+        "@stylistic/block-spacing": ["error", "always"],
+        "@stylistic/comma-spacing": ["error", { before: false, after: true }],
+        "@stylistic/comma-style": ["error", "last"],
+        "comma-dangle": "off",
+        "@stylistic/comma-dangle": ["error", "always-multiline"],
+        "@stylistic/key-spacing": ["error", { beforeColon: false, afterColon: true }],
+        "@stylistic/indent": ["error", 2, {
+          SwitchCase: 1,
+          VariableDeclarator: 1,
+          outerIIFEBody: 1,
+          MemberExpression: 1,
+          FunctionDeclaration: { parameters: 1, body: 1 },
+          FunctionExpression: { parameters: 1, body: 1 },
+          CallExpression: { arguments: 1 },
+          ArrayExpression: 1,
+          ObjectExpression: 1,
+          ImportDeclaration: 1,
+          flatTernaryExpressions: false,
+          ignoreComments: false,
+          ignoredNodes: [
+            "TemplateLiteral *",
+            "JSXElement",
+            "JSXElement > *",
+            "JSXAttribute",
+            "JSXIdentifier",
+            "JSXNamespacedName",
+            "JSXMemberExpression",
+            "JSXSpreadAttribute",
+            "JSXExpressionContainer",
+            "JSXOpeningElement",
+            "JSXClosingElement",
+            "JSXFragment",
+            "JSXOpeningFragment",
+            "JSXClosingFragment",
+            "JSXText",
+            "JSXEmptyExpression",
+            "JSXSpreadChild",
+            "TSTypeParameterInstantiation",
+            "FunctionExpression > .params[decorators.length > 0]",
+            "FunctionExpression > .params > :matches(Decorator, :not(:first-child))",
+            "ClassBody.body > PropertyDefinition[decorators.length > 0] > .key"
+          ],
+          offsetTernaryExpressions: true
+        }],
+        "@stylistic/object-curly-spacing": ["error", "always"],
+        "@stylistic/template-curly-spacing": "error",
+        "@stylistic/generator-star-spacing": "off",
+        "@stylistic/no-multi-spaces": "error",
+        "@stylistic/operator-linebreak": ["error", "before"],
+        "@stylistic/member-delimiter-style": ["error", { multiline: { delimiter: "none" } }],
+        "@stylistic/type-annotation-spacing": ["error", {}],
+        // no-spaced-func alert -- https://eslint.org/docs/latest/rules/no-spaced-func
+        "@stylistic/func-call-spacing": ["error", "never"],
+        "@stylistic/semi": ["error", "never"],
+        "@stylistic/space-before-blocks": ["error", "always"],
+        "@stylistic/space-before-function-paren": [
+          "error",
+          {
+            anonymous: "always",
+            named: "never",
+            asyncArrow: "always"
+          }
+        ],
+        "@stylistic/space-infix-ops": "error",
+        "@stylistic/keyword-spacing": ["error", { before: true, after: true }],
+        "@stylistic/no-extra-parens": ["error", "functions"],
+        "@stylistic/lines-between-class-members": [
+          "error",
+          "always",
+          { exceptAfterSingleLine: true }
+        ],
+        "@stylistic/jsx-quotes": ["error", "prefer-double"],
+        // React
         // Enforce new line when declare jsx element e.g. const element = (\newline<div
-        "react/jsx-wrap-multilines": [
+        "@stylistic/jsx-wrap-multilines": [
           "warn",
           {
             declaration: "parens-new-line",
@@ -4032,30 +4148,21 @@ const react = () => {
             prop: "parens-new-line"
           }
         ],
-        "react/jsx-closing-tag-location": "error",
+        "@stylistic/jsx-closing-tag-location": "error",
         // Enforce disallow </ div>
-        "react/jsx-tag-spacing": ["error", { closingSlash: "never", beforeSelfClosing: "always", afterOpening: "never", beforeClosing: "allow" }],
-        "react/jsx-max-props-per-line": ["warn", { maximum: 1, when: "multiline" }],
+        "@stylistic/jsx-tag-spacing": ["error", { closingSlash: "never", beforeSelfClosing: "always", afterOpening: "never", beforeClosing: "allow" }],
+        "@stylistic/jsx-max-props-per-line": ["warn", { maximum: 1, when: "multiline" }],
         // indentLogicalExpressions will fix && element
-        "react/jsx-indent": ["warn", 2, { indentLogicalExpressions: true }],
-        "react/jsx-indent-props": ["warn", 2],
+        "@stylistic/jsx-indent": ["warn", 2, { indentLogicalExpressions: true }],
+        "@stylistic/jsx-indent-props": ["warn", 2],
         // < and > should be on the same line(y-axis) if jsx is multiline
-        "react/jsx-closing-bracket-location": ["warn", "tag-aligned"],
+        "@stylistic/jsx-closing-bracket-location": ["warn", "tag-aligned"],
         // Enforce new line when multiline props jsx
-        "react/jsx-first-prop-new-line": ["warn", "multiline-multiprop"],
-        // https://github.com/ArnaudBarre/eslint-plugin-react-refresh
-        "react-refresh/only-export-components": "warn"
-      }
-    },
-    {
-      files: ["**/*.test.{js,jsx,ts,tsx,cjs,mjs}", "**/*.spec.{js,jsx,ts,tsx,mjs,cjs}"],
-      rules: {
-        ...mapValues(pluginSSRFriendly.configs.recommended.rules, () => "off"),
-        "ssr-friendly/only-export-components": "off"
+        "@stylistic/jsx-first-prop-new-line": ["warn", "multiline-multiprop"]
       }
     }
   ];
-  return config;
+  return configs;
 };
 
 const require = createRequire(import.meta.url);
@@ -4111,49 +4218,6 @@ const typescript = () => {
         "import/no-named-as-default": "off",
         // TS
         "no-useless-constructor": "off",
-        indent: "off",
-        // https://github.com/prettier/prettier-eslint/issues/226
-        // JSX indent config in react
-        "@typescript-eslint/indent": ["error", 2, {
-          SwitchCase: 1,
-          VariableDeclarator: 1,
-          outerIIFEBody: 1,
-          MemberExpression: 1,
-          FunctionDeclaration: { parameters: 1, body: 1 },
-          FunctionExpression: { parameters: 1, body: 1 },
-          CallExpression: { arguments: 1 },
-          ArrayExpression: 1,
-          ObjectExpression: 1,
-          ImportDeclaration: 1,
-          flatTernaryExpressions: false,
-          ignoreComments: false,
-          ignoredNodes: [
-            "TemplateLiteral *",
-            "JSXElement",
-            "JSXElement > *",
-            "JSXAttribute",
-            "JSXIdentifier",
-            "JSXNamespacedName",
-            "JSXMemberExpression",
-            "JSXSpreadAttribute",
-            "JSXExpressionContainer",
-            "JSXOpeningElement",
-            "JSXClosingElement",
-            "JSXFragment",
-            "JSXOpeningFragment",
-            "JSXClosingFragment",
-            "JSXText",
-            "JSXEmptyExpression",
-            "JSXSpreadChild",
-            "TSTypeParameterInstantiation",
-            "FunctionExpression > .params[decorators.length > 0]",
-            "FunctionExpression > .params > :matches(Decorator, :not(:first-child))",
-            "ClassBody.body > PropertyDefinition[decorators.length > 0] > .key"
-          ],
-          offsetTernaryExpressions: true
-        }],
-        "@typescript-eslint/member-delimiter-style": ["error", { multiline: { delimiter: "none" } }],
-        "@typescript-eslint/type-annotation-spacing": ["error", {}],
         "@typescript-eslint/ban-ts-comment": ["error", { "ts-ignore": "allow-with-description" }],
         "@typescript-eslint/consistent-type-imports": [
           "error",
@@ -4187,9 +4251,6 @@ const typescript = () => {
         // original no-undef not compatiable with typescript
         // refs: https://typescript-eslint.io/linting/troubleshooting/#i-get-errors-from-the-no-undef-rule-about-global-variables-not-being-defined-even-though-there-are-no-typescript-errors
         "no-undef": "off",
-        // no-spaced-func alert -- https://eslint.org/docs/latest/rules/no-spaced-func
-        "func-call-spacing": "off",
-        "@typescript-eslint/func-call-spacing": ["error", "never"],
         "no-unused-vars": "off",
         "no-redeclare": "off",
         "@typescript-eslint/no-redeclare": "error",
@@ -4200,44 +4261,8 @@ const typescript = () => {
           "error",
           { functions: false, classes: false, variables: true }
         ],
-        "brace-style": "off",
-        // https://eslint.org/docs/latest/rules/brace-style#1tbs
-        "@typescript-eslint/brace-style": ["error", "1tbs"],
-        "comma-dangle": "off",
-        "@typescript-eslint/comma-dangle": ["error", "always-multiline"],
-        "object-curly-spacing": "off",
-        "@typescript-eslint/object-curly-spacing": ["error", "always"],
-        semi: "off",
-        "@typescript-eslint/semi": ["error", "never"],
-        quotes: "off",
-        "@typescript-eslint/quotes": ["error", "single"],
-        "space-before-blocks": "off",
-        "@typescript-eslint/space-before-blocks": ["error", "always"],
-        "space-before-function-paren": "off",
-        "@typescript-eslint/space-before-function-paren": [
-          "error",
-          {
-            anonymous: "always",
-            named: "never",
-            asyncArrow: "always"
-          }
-        ],
-        "space-infix-ops": "off",
-        "@typescript-eslint/space-infix-ops": "error",
-        "keyword-spacing": "off",
-        "@typescript-eslint/keyword-spacing": ["error", { before: true, after: true }],
-        "comma-spacing": "off",
-        "@typescript-eslint/comma-spacing": ["error", { before: false, after: true }],
-        "no-extra-parens": "off",
-        "@typescript-eslint/no-extra-parens": ["error", "functions"],
         "no-loss-of-precision": "off",
         "@typescript-eslint/no-loss-of-precision": "error",
-        "lines-between-class-members": "off",
-        "@typescript-eslint/lines-between-class-members": [
-          "error",
-          "always",
-          { exceptAfterSingleLine: true }
-        ],
         // off
         "@typescript-eslint/camelcase": "off",
         "@typescript-eslint/explicit-function-return-type": "off",
@@ -4361,10 +4386,11 @@ const presetLangsExtensions = [
 const presetDefault = [
   ...presetTypescript,
   ...react(),
+  ...stylistic(),
   ...presetLangsExtensions,
   ...progress()
 ];
-const aiou = (config = []) => {
+const aiou = ({ ssr = true } = { ssr: true }, config = []) => {
   const configs = [...presetDefault];
   if (isPackageExists("tailwindcss")) {
     configs.push(...tailwindcss());
@@ -4372,6 +4398,9 @@ const aiou = (config = []) => {
   if (isPackageExists("next")) {
     configs.push(...next());
   }
+  if (ssr) {
+    configs.push(...ssrReact());
+  }
   if (Object.keys(config).length > 0) {
     configs.push(...Array.isArray(config) ? config : [config]);
   }

package/dts/configs/comments.d.ts

@@ -1,2 +1,2 @@
-import type { FlatESLintConfigItem } from 'eslint-define-config';
-export declare const comments: () => FlatESLintConfigItem[];
+import type { FlatESLintConfig } from 'eslint-define-config';
+export declare const comments: () => FlatESLintConfig[];

package/dts/configs/ignores.d.ts

@@ -1,2 +1,2 @@
-import type { FlatESLintConfigItem } from 'eslint-define-config';
-export declare const ignores: () => FlatESLintConfigItem[];
+import type { FlatESLintConfig } from 'eslint-define-config';
+export declare const ignores: () => FlatESLintConfig[];

package/dts/configs/imports.d.ts

@@ -1,2 +1,2 @@
-import type { FlatESLintConfigItem } from 'eslint-define-config';
-export declare const imports: () => FlatESLintConfigItem[];
+import type { FlatESLintConfig } from 'eslint-define-config';
+export declare const imports: () => FlatESLintConfig[];

package/dts/configs/javascript.d.ts

@@ -1,2 +1,2 @@
-import type { FlatESLintConfigItem } from 'eslint-define-config';
-export declare const javascript: () => FlatESLintConfigItem[];
+import type { FlatESLintConfig } from 'eslint-define-config';
+export declare const javascript: () => FlatESLintConfig[];

package/dts/configs/jsonc.d.ts

@@ -1,2 +1,2 @@
-import type { FlatESLintConfigItem } from 'eslint-define-config';
-export declare const jsonc: () => FlatESLintConfigItem[];
+import type { FlatESLintConfig } from 'eslint-define-config';
+export declare const jsonc: () => FlatESLintConfig[];

package/dts/configs/markdown.d.ts

@@ -1,2 +1,2 @@
-import type { FlatESLintConfigItem } from 'eslint-define-config';
-export declare const markdown: () => FlatESLintConfigItem[];
+import type { FlatESLintConfig } from 'eslint-define-config';
+export declare const markdown: () => FlatESLintConfig[];

package/dts/configs/next.d.ts

@@ -1,2 +1,2 @@
-import type { FlatESLintConfigItem } from 'eslint-define-config';
-export declare const next: () => FlatESLintConfigItem[];
+import type { FlatESLintConfig } from 'eslint-define-config';
+export declare const next: () => FlatESLintConfig[];

package/dts/configs/progress.d.ts

@@ -1,2 +1,2 @@
-import type { FlatESLintConfigItem } from 'eslint-define-config';
-export declare const progress: () => FlatESLintConfigItem[];
+import type { FlatESLintConfig } from 'eslint-define-config';
+export declare const progress: () => FlatESLintConfig[];

package/dts/configs/react.d.ts

@@ -1,2 +1,3 @@
-import type { FlatESLintConfigItem } from 'eslint-define-config';
-export declare const react: () => FlatESLintConfigItem[];
+import type { FlatESLintConfig } from 'eslint-define-config';
+export declare const react: () => FlatESLintConfig[];
+export declare const ssrReact: () => FlatESLintConfig[];

package/dts/configs/stylistic.d.ts

@@ -0,0 +1,2 @@
+import type { FlatESLintConfig } from 'eslint-define-config';
+export declare const stylistic: () => FlatESLintConfig[];

package/dts/configs/tailwindcss.d.ts

@@ -1,2 +1,2 @@
-import type { FlatESLintConfigItem } from 'eslint-define-config';
-export declare const tailwindcss: () => FlatESLintConfigItem[];
+import type { FlatESLintConfig } from 'eslint-define-config';
+export declare const tailwindcss: () => FlatESLintConfig[];

package/dts/configs/typescript.d.ts

@@ -1,2 +1,2 @@
-import type { FlatESLintConfigItem } from 'eslint-define-config';
-export declare const typescript: () => FlatESLintConfigItem[];
+import type { FlatESLintConfig } from 'eslint-define-config';
+export declare const typescript: () => FlatESLintConfig[];

package/dts/configs/unicorn.d.ts

@@ -1,2 +1,2 @@
-import type { FlatESLintConfigItem } from 'eslint-define-config';
-export declare const unicorn: () => FlatESLintConfigItem[];
+import type { FlatESLintConfig } from 'eslint-define-config';
+export declare const unicorn: () => FlatESLintConfig[];

package/dts/configs/yml.d.ts

@@ -1,2 +1,2 @@
-import type { FlatESLintConfigItem } from 'eslint-define-config';
-export declare const yml: () => FlatESLintConfigItem[];
+import type { FlatESLintConfig } from 'eslint-define-config';
+export declare const yml: () => FlatESLintConfig[];

package/dts/index.d.ts

@@ -1,2 +1,6 @@
-import type { FlatESLintConfigItem } from 'eslint-define-config';
-export declare const aiou: (config?: FlatESLintConfigItem | FlatESLintConfigItem[]) => FlatESLintConfigItem[];
+import type { FlatESLintConfig } from 'eslint-define-config';
+interface Options {
+    ssr?: boolean;
+}
+export declare const aiou: ({ ssr }?: Options, config?: FlatESLintConfig | FlatESLintConfig[]) => FlatESLintConfig[];
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiou/eslint-config",
-  "version": "1.0.6",
+  "version": "1.1.0",
   "description": "eslint config for aiou template",
   "keywords": [],
   "license": "MIT",
@@ -26,13 +26,14 @@
     "access": "public"
   },
   "peerDependencies": {
-    "eslint": ">=7.4.0 || ^8"
+    "eslint": ">=7.4.0 || ^8.53.0"
   },
   "dependencies": {
     "@next/eslint-plugin-next": "^13.1.4",
+    "@stylistic/eslint-plugin": "^1.4.1",
     "@typescript-eslint/eslint-plugin": "^6.9.0",
     "@typescript-eslint/parser": "^6.9.0",
-    "eslint-define-config": "^1.24.1",
+    "eslint-define-config": "^2.0.0",
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-etc": "^2.0.3",
     "eslint-plugin-i": "^2.28.1",