eslint-plugin-code-style 1.0.40 → 1.1.2

package/README.md

@@ -9,6 +9,7 @@
 [![ESLint](https://img.shields.io/badge/ESLint-%3E%3D9.0.0-4B32C3?style=for-the-badge&logo=eslint&logoColor=white)](https://eslint.org/)
 [![Node.js](https://img.shields.io/badge/Node.js-%3E%3D18.0.0-339933?style=for-the-badge&logo=node.js&logoColor=white)](https://nodejs.org/)
 [![React](https://img.shields.io/badge/React-JSX%20Support-61DAFB?style=for-the-badge&logo=react&logoColor=black)](https://react.dev/)
+[![TypeScript](https://img.shields.io/badge/TypeScript-Supported-3178C6?style=for-the-badge&logo=typescript&logoColor=white)](https://www.typescriptlang.org/)
 
 [![GitHub stars](https://img.shields.io/github/stars/Mohamed-Elhawary/eslint-plugin-code-style?style=for-the-badge&logo=github&color=yellow)](https://github.com/Mohamed-Elhawary/eslint-plugin-code-style/stargazers)
 [![GitHub issues](https://img.shields.io/github/issues/Mohamed-Elhawary/eslint-plugin-code-style?style=for-the-badge&logo=github)](https://github.com/Mohamed-Elhawary/eslint-plugin-code-style/issues)
@@ -68,8 +69,7 @@ We provide **ready-to-use ESLint flat configuration files** that combine `eslint
 | Configuration | Description | Link |
 |---------------|-------------|------|
 | **React** | React.js projects (JavaScript, JSX) | [View Config](./recommended-configs/react/) |
-| **React + TypeScript** | React + TypeScript | *Coming Soon* |
-| **React + TS + Tailwind** | React + TypeScript + Tailwind CSS | *Coming Soon* |
+| **React + TS + Tailwind** | React + TypeScript + Tailwind CSS | [View Config](./recommended-configs/react-ts-tw/) |
 
 ### ⚡ Quick Start with Recommended Config
 
@@ -890,44 +890,66 @@ useEffect(() => {}, [
 // ✅ Good — consistent formatting
 if (condition) {
     doSomething();
+
+    doMore();
 }
 
 if (condition) {
     doSomething();
+
+    doMore();
 } else {
     doOther();
+
+    doAnother();
 }
 
 if (conditionA) {
     handleA();
+
+    processA();
 } else if (conditionB) {
     handleB();
+
+    processB();
 } else {
     handleDefault();
+
+    processDefault();
 }
 
 // ❌ Bad — brace on new line
 if (condition)
 {
     doSomething();
+
+    doMore();
 }
 
 // ❌ Bad — else on new line
 if (condition) {
     doSomething();
+
+    doMore();
 }
 else {
     doOther();
+
+    doAnother();
 }
 
 // ❌ Bad — inconsistent formatting
 if (condition)
 {
     doSomething();
+
+    doMore();
 }
 else
 {
     doOther();
+
+    doAnother();
 }
 ```
 
@@ -1317,7 +1339,7 @@ import { Button } from "@/components/Button/Button"; // Avoid this!
 `apis`, `assets`, `atoms`, `components`, `constants`, `contexts`, `data`, `hooks`, `layouts`, `middlewares`, `providers`, `redux`, `requests`, `routes`, `schemas`, `services`, `styles`, `theme`, `utils`, `views`
 
 **Default Ignore Patterns:**
-`index.js`, `index.jsx`, `index.ts`, `index.tsx`, `.DS_Store`, `__tests__`, `__mocks__`, `*.test.js`, `*.test.jsx`, `*.spec.js`, `*.spec.jsx`
+`index.js`, `index.jsx`, `index.ts`, `index.tsx`, `.DS_Store`, `__tests__`, `__mocks__`, `*.test.js`, `*.test.jsx`, `*.test.ts`, `*.test.tsx`, `*.spec.js`, `*.spec.jsx`, `*.spec.ts`, `*.spec.tsx`
 
 **Customization Options:**
 

package/index.js

@@ -2128,21 +2128,28 @@ const hookDepsPerLine = {
  *   opening brace on the same line as the condition and else
  *   on the same line as the closing brace.
  *
+ *
  * ✓ Good:
  *   if (condition) {
  *       doSomething();
+ * 
+ *       doMore();
  *   } else {
  *       doOther();
+ * 
+ *       doAnother();
  *   }
  *
  * ✗ Bad:
  *   if (condition)
  *   {
  *       doSomething();
+ *       doMore();
  *   }
  *   else
  *   {
  *       doOther();
+ *       doAnother();
  *   }
  */
 const ifStatementFormat = {
@@ -3178,8 +3185,12 @@ const moduleIndexExports = {
             "__mocks__",
             "*.test.js",
             "*.test.jsx",
+            "*.test.ts",
+            "*.test.tsx",
             "*.spec.js",
             "*.spec.jsx",
+            "*.spec.ts",
+            "*.spec.tsx",
         ];
 
         // Files/folders to ignore
@@ -3313,7 +3324,13 @@ const moduleIndexExports = {
                     }
 
                     // Handle cases like ./folder/index
-                    if (isDirectory && (source === `./${itemName}/index` || source === `./${itemName}/index.js` || source === `./${itemName}/index.jsx`)) {
+                    if (isDirectory && (
+                        source === `./${itemName}/index`
+                        || source === `./${itemName}/index.js`
+                        || source === `./${itemName}/index.jsx`
+                        || source === `./${itemName}/index.ts`
+                        || source === `./${itemName}/index.tsx`
+                    )) {
                         return true;
                     }
 
@@ -3364,12 +3381,19 @@ const moduleIndexExports = {
 
                     if (moduleFolders.includes(folderName) && fileName !== "index") {
                         const dirPath = nodePath.dirname(filename);
-                        const indexPath = nodePath.join(dirPath, "index.js");
+                        const indexPathJs = nodePath.join(dirPath, "index.js");
                         const indexPathJsx = nodePath.join(dirPath, "index.jsx");
+                        const indexPathTs = nodePath.join(dirPath, "index.ts");
+                        const indexPathTsx = nodePath.join(dirPath, "index.tsx");
+
+                        const hasIndexFile = fs.existsSync(indexPathJs)
+                            || fs.existsSync(indexPathJsx)
+                            || fs.existsSync(indexPathTs)
+                            || fs.existsSync(indexPathTsx);
 
-                        if (!fs.existsSync(indexPath) && !fs.existsSync(indexPathJsx)) {
+                        if (!hasIndexFile) {
                             context.report({
-                                message: `Module folder "${folderName}" is missing an index file. Create index.js to export all modules.`,
+                                message: `Module folder "${folderName}" is missing an index file. Create an index file to export all modules.`,
                                 node,
                             });
                         }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "eslint-plugin-code-style",
-    "version": "1.0.40",
+    "version": "1.1.2",
     "description": "A custom ESLint plugin for enforcing consistent code formatting and style rules in React/JSX projects",
     "main": "index.js",
     "types": "index.d.ts",