@fullstacksjs/eslint-config 11.6.0 → 11.7.0

package/cjs/index.js

@@ -18,6 +18,7 @@ var _playwright = _interopRequireDefault(require("./modules/playwright.js"));
 var _prettier = _interopRequireDefault(require("./modules/prettier.js"));
 var _react = _interopRequireDefault(require("./modules/react.js"));
 var _storybook = _interopRequireDefault(require("./modules/storybook.js"));
+var _stylistic = _interopRequireDefault(require("./modules/stylistic.js"));
 var _tailwind = _interopRequireDefault(require("./modules/tailwind.js"));
 var _tests = _interopRequireDefault(require("./modules/tests.js"));
 var _typescript = _interopRequireDefault(require("./modules/typescript.js"));
@@ -92,7 +93,7 @@ function init(initOptions = {}, ...extend) {
     vitest: enableVitest,
     ...eslintOptions
   } = options;
-  const rules = [(0, _ignore.default)(options), (0, _base.default)(options)];
+  const rules = [(0, _ignore.default)(options), (0, _base.default)(options), (0, _stylistic.default)(options)];
   if (enableSort) rules.push((0, _perfectionist.default)(options));
   if (enableImport) rules.push((0, _imports.default)(options));
   if (enableTailwind) rules.push((0, _tailwind.default)(options));

package/cjs/modules/react.js

@@ -76,7 +76,8 @@ function react() {
       '@eslint-react/hooks-extra/no-useless-custom-hooks': 'warn',
       '@eslint-react/naming-convention/component-name': 'warn',
       '@eslint-react/naming-convention/filename': 'off',
-      '@eslint-react/naming-convention/filename-extension': ['warn', {
+      '@eslint-react/naming-convention/filename-extension': ['error', {
+        allow: 'always',
         extensions: ['.jsx', '.tsx']
       }],
       '@eslint-react/naming-convention/use-state': 'off',

package/cjs/modules/stylistic.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _eslintPlugin = _interopRequireDefault(require("@stylistic/eslint-plugin"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * @param { import('../option').Options } options
+ * @return { Promise<import('eslint').Linter.Config> }
+ */
+function stylistic() {
+  return {
+    plugins: {
+      '@stylistic': _eslintPlugin.default
+    },
+    rules: {
+      '@stylistic/jsx/jsx-curly-brace-presence': ['warn', {
+        props: 'never',
+        children: 'never',
+        propElementValues: 'always'
+      }]
+    }
+  };
+}
+module.exports = stylistic;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fullstacksjs/eslint-config",
-  "version": "11.6.0",
+  "version": "11.7.0",
   "license": "MIT",
   "author": "fullstacks <fullstacksjs@gmail.com>",
   "description": "fullstacks eslint config",
@@ -36,6 +36,7 @@
   "dependencies": {
     "@eslint-react/eslint-plugin": "1.28.0",
     "@next/eslint-plugin-next": "15.1.7",
+    "@stylistic/eslint-plugin": "4.1.0",
     "deepmerge": "4.3.1",
     "eslint-import-resolver-typescript": "3.8.3",
     "eslint-plugin-cypress": "4.1.0",

package/src/index.mjs

@@ -13,6 +13,7 @@ import playwright from './modules/playwright.mjs';
 import prettier from './modules/prettier.mjs';
 import react from './modules/react.mjs';
 import storybook from './modules/storybook.mjs';
+import stylistic from './modules/stylistic.mjs';
 import tailwind from './modules/tailwind.mjs';
 import tests from './modules/tests.mjs';
 import typescript from './modules/typescript.mjs';
@@ -88,7 +89,7 @@ export function init(initOptions = {}, ...extend) {
     ...eslintOptions
   } = options;
 
-  const rules = [ignores(options), base(options)];
+  const rules = [ignores(options), base(options), stylistic(options)];
 
   if (enableSort) rules.push(perfectionist(options));
   if (enableImport) rules.push(imports(options));

package/src/modules/react.mjs

@@ -73,7 +73,7 @@ function react() {
 
       '@eslint-react/naming-convention/component-name': 'warn',
       '@eslint-react/naming-convention/filename': 'off',
-      '@eslint-react/naming-convention/filename-extension': ['warn', { extensions: ['.jsx', '.tsx'] }],
+      '@eslint-react/naming-convention/filename-extension': ['error', { allow: 'always', extensions: ['.jsx', '.tsx'] }],
       '@eslint-react/naming-convention/use-state': 'off',
 
       'react-hooks/exhaustive-deps': 'warn',

package/src/modules/stylistic.mjs

@@ -0,0 +1,16 @@
+import stylisticPlugin from '@stylistic/eslint-plugin';
+
+/**
+ * @param { import('../option').Options } options
+ * @return { Promise<import('eslint').Linter.Config> }
+ */
+function stylistic() {
+  return {
+    plugins: { '@stylistic': stylisticPlugin },
+    rules: {
+      '@stylistic/jsx/jsx-curly-brace-presence': ['warn', { props: 'never', children: 'never', propElementValues: 'always' }],
+    },
+  };
+}
+
+export default stylistic;