1.4.0

.editorconfig

@@ -1,12 +1,13 @@
-# EditorConfig is awesome: https://EditorConfig.org
-
-# top-most EditorConfig file
 root = true
 
 [*]
-indent_style = space
-indent_size = 4
-end_of_line = crlf
 charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+insert_final_newline = false
 trim_trailing_whitespace = false
-insert_final_newline = false

.eslintignore

@@ -1,5 +1,5 @@
 dist
 commitlint.config.js
 node_modules 
-
-
+changelog-config.js
+generate-changelog.js

.eslintrc.json

@@ -2,96 +2,134 @@
   "env": {
     "browser": true,
     "es2021": true,
-    "jest": true
+    "jest": true,
+    "node": true
   },
   "extends": [
-    "plugin:react/recommended",
     "airbnb",
+    "airbnb-typescript",
+    "airbnb/hooks",
+    "plugin:react/recommended",
     "plugin:@typescript-eslint/recommended",
-    "prettier",
+    "plugin:@typescript-eslint/recommended-requiring-type-checking",
     "plugin:prettier/recommended"
   ],
   "parser": "@typescript-eslint/parser",
   "parserOptions": {
-    "ecmaFeatures": {
-      "jsx": true
-    },
-    "ecmaVersion": 12,
-    "sourceType": "module"
+    "ecmaFeatures": { "jsx": true },
+    "ecmaVersion": "latest",
+    "sourceType": "module",
+    "project": "./tsconfig.json"
   },
   "plugins": [
     "react",
+    "react-hooks",
     "@typescript-eslint",
-    "eslint-plugin-import-helpers",
+    "import-helpers",
     "prettier"
   ],
   "rules": {
-
-    "react/require-default-props": "off",
-    "camelcase": "off",
-    "import/no-unresolved": "error",
-    "@typescript-eslint/naming-convention": [
+    // --- Geral ---
+    "no-console": ["error", { "allow": ["warn", "error"] }],
+    "no-shadow": "off",
+    "no-void": ["error", { "allowAsStatement": true }],
+    "@typescript-eslint/no-use-before-define": "error",
+    "curly": ["error", "all"],
+
+    // --- Arrow functions (único padrão) ---
+    "func-style": ["error", "expression", { "allowArrowFunctions": true }],
+    "prefer-arrow-callback": "error",
+    "arrow-body-style": ["error", "as-needed"],
+    "no-restricted-syntax": [
       "error",
       {
-        "selector": "interface",
-        "format": ["PascalCase"],
-        "custom": {
-          "regex": "^I[A-Z]",
-          "match": true
-        }
+        "selector": "FunctionDeclaration",
+        "message": "Use arrow functions only. Function declarations are not allowed."
       }
     ],
-    "class-methods-use-this": "off",
-    "import/prefer-default-export": "off",
-    "no-shadow": "off",
-    "no-console": "off",
-    "no-useless-constructor": "off",
-    "no-empty-function": "off",
-    "lines-between-class-members": "off",
-    "import/extensions": [
+
+    // --- React ---
+    "react/function-component-definition": [
       "error",
-      "ignorePackages",
+      { "namedComponents": "arrow-function", "unnamedComponents": "arrow-function" }
+    ],
+    "react/jsx-filename-extension": ["error", { "extensions": [".tsx"] }],
+    "react/react-in-jsx-scope": "off",
+    "react/require-default-props": "off",
+
+    // --- Naming Convention (default: camelCase) ---
+    "@typescript-eslint/naming-convention": [
+      "error",
+      { "selector": "default", "format": ["camelCase"] },
+      { "selector": "variable", "format": ["camelCase"] },
+      { "selector": "function", "format": ["camelCase"] },
+      { "selector": "typeLike", "format": ["PascalCase"] },
+      { "selector": "interface", "format": ["PascalCase"], "custom": { "regex": "^I[A-Z]", "match": true } },
+      { "selector": "enumMember", "format": ["PascalCase"] },
       {
-        "ts": "never",
-        "tsx": "never"
-      }
+        "selector": "variable",
+        "modifiers": ["const", "global"],
+        "types": ["boolean", "string", "number", "array"],
+        "format": ["UPPER_CASE"]
+      },
+      { "selector": "property", "format": ["camelCase", "snake_case"], "leadingUnderscore": "forbid" },
+      { "selector": "property", "modifiers": ["requiresQuotes"], "format": null },
+      { "selector": "parameter", "format": ["camelCase"] }
     ],
+
+    // --- Imports ---
+    "import/extensions": ["error", "ignorePackages", { "ts": "never", "tsx": "never" }],
     "import-helpers/order-imports": [
-      "warn",
+      "error",
       {
         "newlinesBetween": "always",
-        "groups": ["module", "/^@shared/", ["parent", "sibling", "index"]],
-        "alphabetize": {
-          "order": "asc",
-          "ignoreCase": true
-        }
+        "groups": [["/^react/"], ["module"], ["/^@\\//"], ["parent", "sibling", "index"]],
+        "alphabetize": { "order": "asc", "ignoreCase": true }
       }
     ],
+    "import/no-default-export": "error",
+    "import/prefer-default-export": "off",
     "import/no-extraneous-dependencies": [
       "error",
       {
-        "devDependencies": true
+        "devDependencies": [
+          "**/*.test.{ts,tsx}",
+          "**/*.spec.{ts,tsx}",
+          "src/setupTests.{ts,tsx}",
+          "src/**/*.stories.{ts,tsx}",
+          "src/**/*.test.{ts,tsx}",
+          "src/**/*.spec.{ts,tsx}",
+          "**/vite.config.{ts,js}",
+          "**/webpack.config.{ts,js}",
+          "**/jest.config.{ts,js}",
+          "src/**/*.tsx",
+          "src/**/*.ts"
+        ],
+        "optionalDependencies": false,
+        "peerDependencies": true
       }
     ],
+
+    // --- Prettier ---
     "prettier/prettier": "error",
-    "react/jsx-filename-extension": [
-      1,
-      {
-        "extensions": [".jsx", ".tsx"]
-      }
-    ],
-    "react/react-in-jsx-scope": "off",
-    "no-use-before-define": "off",
-    "@typescript-eslint/no-use-before-define": ["error"]
+
+    // --- Promises ---
+    "@typescript-eslint/no-floating-promises": ["error", { "ignoreVoid": true }]
   },
-  "settings": {
-    "import/resolver": {
-      "typescript": {}
+  "overrides": [
+    {
+      "files": ["src/components/**/*.{ts,tsx}"],
+      "rules": {
+        "@typescript-eslint/naming-convention": [
+          "error",
+          { "selector": "function", "modifiers": ["exported"], "format": ["PascalCase"] },
+          { "selector": "variable", "modifiers": ["const", "exported"], "format": ["PascalCase"] }
+        ]
+      }
     }
+  ],
+  "settings": {
+    "import/resolver": { "typescript": {} },
+    "react": { "version": "detect" }
   }
 }
-
-
-
-
-

.vscode/extensions.json

@@ -1,6 +1,16 @@
 {
-    "recommendations": [
-        "esbenp.prettier-vscode",
-        "dbaeumer.vscode-eslint"
-    ]
-}
+  "recommendations": [
+    // --- Essential Extensions ---
+    "dbaeumer.vscode-eslint",          // ESLint integration: shows errors and warnings in real-time
+    "esbenp.prettier-vscode",          // Prettier formatter: auto-format code on save
+    "rbbit.typescript-hero",           // TypeScript helper: auto-imports and code completion
+    "eamodio.gitlens",                 // GitLens: shows commit history, authorship, and line changes
+    "christian-kohler.path-intellisense", // Path IntelliSense: auto-complete relative file paths
+
+    // --- Very Useful Extensions ---
+    "planbcoding.vscode-react-refactor", // React Refactor: helps refactor React components quickly
+    "steoates.autoimport",                // Auto Import: automatically adds missing imports while typing
+    "yzhang.markdown-all-in-one",         // Markdown All-in-One: editing README.md, changelogs, documentation
+    "humao.rest-client"                   // REST Client: test APIs directly inside VSCode
+  ]
+}

.vscode/settings.json

@@ -1,15 +1,39 @@
 {
+  // Automatically format the code every time you save a file.
+  "editor.formatOnSave": true,
 
+  // Set Prettier as the global default code formatter for the workspace.
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
 
-    // Set the default
+  // --- Language-specific configurations ---
+
+  // For JavaScript files (.js)
+  "[javascript]": {
+    // Format the file automatically when saving.
     "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
-    // Enable per-language
-    "[javascript]": {
-        "editor.formatOnSave": true
-    },
-    "[json]": {
-        "editor.defaultFormatter": "vscode.json-language-features"
-    }
-}
+    // Use Prettier as the formatter for JavaScript files.
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+
+  // For TypeScript files (.ts)
+  "[typescript]": {
+    // Format automatically on save.
+    "editor.formatOnSave": true,
+    // Use Prettier as the formatter for TypeScript.
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
 
+  // For React TypeScript files (.tsx)
+  "[typescriptreact]": {
+    // Format automatically on save.
+    "editor.formatOnSave": true,
+    // Use Prettier as the formatter for React TypeScript files.
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+
+  // For JSON files (.json)
+  "[json]": {
+    // Use VS Code’s built-in JSON formatter (not Prettier).
+    "editor.defaultFormatter": "vscode.json-language-features"
+  }
+}