DECAF-26 - update

.prettierrc

@@ -1,13 +1,49 @@
 {
-  "semi": true,
-  "singleQuote": true,
-  "trailingComma": "all",
-  "printWidth": 100,
+  "$schema": "https://json.schemastore.org/prettierrc",
   "tabWidth": 2,
-  "useTabs": false,
+  "printWidth": 100,
+  "singleQuote": true,
+  "semi": true,
+  "trailingComma": "es5",
   "bracketSpacing": true,
-  "bracketSameLine": false,
   "arrowParens": "always",
-  "htmlWhitespaceSensitivity": "ignore",
-  "proseWrap": "preserve"
+  "endOfLine": "lf",
+
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx"],
+      "options": {
+        "printWidth": 120
+      }
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "options": {
+        "printWidth": 100
+      }
+    },
+    {
+      "files": ["*.html", "*.htm"],
+      "options": {
+        "printWidth": 80,
+        "tabWidth": 2,
+        "htmlWhitespaceSensitivity": "ignore",
+        "singleAttributePerLine": true
+      }
+    },
+    {
+      "files": ["*.json"],
+      "options": {
+        "printWidth": 100
+      }
+    },
+    {
+      "files": ["*.css", "*.scss", "*.less"],
+      "options": {
+        "printWidth": 100,
+        "tabWidth": 2,
+        "singleQuote": false
+      }
+    }
+  ]
 }

.storybook/preview.ts

@@ -1,4 +1,10 @@
 import type { Preview } from '@storybook/angular'
+// .storybook/preview.ts
+if (!(globalThis as any).process) {
+  (globalThis as any).process = { env: {} };
+} else if (!(globalThis as any).process.env) {
+  (globalThis as any).process.env = {};
+}
 
 const preview: Preview = {
   parameters: {
@@ -11,4 +17,4 @@ const preview: Preview = {
   },
 };
 
-export default preview;
+export default preview;

.vscode/settings.json

@@ -1,6 +1,18 @@
 {
   "cSpell.enabled": false,
 
+  "editor.renderWhitespace": "none",
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": false,
+  "prettier.htmlWhitespaceSensitivity": "ignore",
+  "prettier.proseWrap": "preserve",
+  "prettier.bracketSameLine": false,
+  "prettier.requireConfig": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll": "explicit",
+    "source.fixAll.eslint": "explicit"
+  },
+
   "jest.jestCommandLine": "npm run test --",
   "jest.runMode": "on-demand",
   "jest.coverageColors": {
@@ -14,10 +26,6 @@
   "testing.automaticallyOpenTestResults": "neverOpen",
   "jest.coverageFormatter": "GutterFormatter",
 
-  "editor.renderWhitespace": "none",
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
-  "editor.formatOnSave": false,
-
   "[javascript]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode",
     "editor.formatOnSave": false,
@@ -31,6 +39,7 @@
     "editor.defaultFormatter": "esbenp.prettier-vscode",
     "editor.formatOnSave": false,
     "editor.codeActionsOnSave": {
+      "source.organizeImports": "explicit", // remove unused imports for angular
       "source.fixAll": "explicit",
       "source.fixAll.eslint": "explicit",
       "source.fixAll.stylelint": "never"
@@ -84,16 +93,15 @@
   },
 
   "[html]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
     "editor.tabSize": 2,
     "editor.insertSpaces": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
-    "editor.formatOnSave": false,
+    "editor.formatOnSave": true,
     "editor.codeActionsOnSave": {
       "source.fixAll": "explicit",
       "source.fixAll.eslint": "explicit"
     }
   },
-
   "eslint.validate": [
     "javascript",
     "javascriptreact",
@@ -103,10 +111,5 @@
     "sass",
     "css",
     "html"
-  ],
-
-  "prettier.htmlWhitespaceSensitivity": "ignore",
-  "prettier.proseWrap": "preserve",
-  "prettier.bracketSameLine": false,
-  "prettier.requireConfig": true
+  ]
 }

eslint.config.js → eslint.config.mjs

@@ -1,11 +1,12 @@
-const eslint = require('@eslint/js');
-const tseslint = require('typescript-eslint');
-const angular = require('angular-eslint');
+import eslint from '@eslint/js';
+import angular from 'angular-eslint';
+import unusedImports from 'eslint-plugin-unused-imports';
+import tseslint from 'typescript-eslint';
 
-module.exports = tseslint.config(
+export default tseslint.config(
   {
-    files: ['**/*.ts'],
     ignores: [
+      '.vscode/*',
       'tests/**',
       '**/*.spec.*',
       '**/cli-module.*',
@@ -15,29 +16,36 @@ module.exports = tseslint.config(
       'src/polyfills.ts',
       'src/zone-flags.ts',
     ],
+  },
+  {
+    files: ['**/*.ts'],
+    languageOptions: {
+      parserOptions: {
+        project: './tsconfig.json',
+      },
+    },
+
     extends: [
       eslint.configs.recommended,
       ...tseslint.configs.recommended,
       ...tseslint.configs.stylistic,
       ...angular.configs.tsRecommended,
     ],
     processor: angular.processInlineTemplates,
+    plugins: {
+      'unused-imports': unusedImports,
+    },
     rules: {
       'prefer-const': 'warn',
       '@typescript-eslint/no-explicit-any': 'warn',
-      'no-useless-constructor': 'off', // Rule disabled but warning kept for TypeScript rule compatibility (line below)
+      'no-useless-constructor': 'off',
       '@typescript-eslint/no-useless-constructor': 'warn',
-      '@typescript-eslint/no-inferrable-types': 'off', // disabled for compatibility with JSDoc
-      '@typescript-eslint/no-unused-vars': 'warn',
+      '@typescript-eslint/no-inferrable-types': 'off',
       '@typescript-eslint/no-empty-function': 'warn',
+
       '@angular-eslint/no-empty-lifecycle-method': 'warn',
       '@angular-eslint/prefer-inject': 'warn',
-      '@angular-eslint/component-class-suffix': [
-        'error',
-        {
-          suffixes: ['Page', 'Component'],
-        },
-      ],
+      '@angular-eslint/component-class-suffix': ['error', { suffixes: ['Page', 'Component'] }],
       '@angular-eslint/directive-selector': [
         'error',
         {
@@ -50,15 +58,42 @@ module.exports = tseslint.config(
         'error',
         {
           type: 'element',
-          prefix: ['app', 'for-angular', 'decaf', 'ngx-decaf'], // changed to accept for-angular prefix, default "app"
+          prefix: ['app', 'for-angular', 'decaf', 'ngx-decaf'],
           style: 'kebab-case',
         },
       ],
+
+      'unused-imports/no-unused-imports': 'warn',
+      'unused-imports/no-unused-vars': [
+        'warn',
+        {
+          vars: 'all',
+          varsIgnorePattern: '^_',
+          args: 'after-used',
+          argsIgnorePattern: '^_',
+        },
+      ],
+
+      '@typescript-eslint/no-unused-vars': 'warn',
     },
   },
+
+  // regras para tipos
+  {
+    files: ['**/*.ts', '**/*.spec.ts'],
+    rules: {
+      'unused-imports/no-unused-imports': 'off',
+      'unused-imports/no-unused-vars': 'off',
+      '@typescript-eslint/no-unused-vars': 'off',
+    },
+    // Só ativa este override se o arquivo estiver na mesma pasta que types.ts
+    // ou se o caminho contiver "types"
+    ignores: ['!**/types.ts', '!**/types/*'],
+  },
+
   {
     files: ['**/*.html'],
     extends: [...angular.configs.templateRecommended, ...angular.configs.templateAccessibility],
     rules: {},
-  },
+  }
 );