devkit/biome/ui.jsonc at main · sablier-labs/devkit · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
// Sablier Devkit UI configuration for Biome v2
//
// Extends base configuration with UI-specific rules for accessibility,
// Tailwind CSS class sorting, and CSS modules support.
//
// IMPORTANT: Consumers must extend BOTH configs and add their own
// `files.includes` patterns. For example:
//
//   {
//     "extends": ["@sablier/devkit/biome/base", "@sablier/devkit/biome/ui"],
//     "files": {
//       "includes": ["**/*.{css,js,jsx,json,ts,tsx}", "!node_modules"]
//     }
//   }
{
  "$schema": "https://biomejs.dev/schemas/latest/schema.json",
  "assist": {
    "enabled": true,
    "actions": {
      "source": {
        "noDuplicateClasses": "on",
        "useSortedAttributes": "on"
      }
    }
  },
  "css": {
    "formatter": {
      "lineWidth": 100
    },
    "parser": {
      "cssModules": true,
      "tailwindDirectives": true
    }
  },
  "linter": {
    "rules": {
      "a11y": {
        "noSvgWithoutTitle": "off",
        "useKeyWithClickEvents": "off"
      },
      "correctness": {
        "useExhaustiveDependencies": "off" // doesn't work with React Compiler: https://github.com/biomejs/biome/issues/5293
      },
      "nursery": {
        // Tailwind class ordering is handled by ESLint (better-tailwindcss/enforce-consistent-class-order).
        // Biome's useSortedClasses lacks a Tailwind v4 sort preset and sorts text-* utilities alphabetically,
        // interleaving font-size (text-sm) with color (text-red-500) utilities.
        // Tracked upstream: https://github.com/biomejs/biome/issues/1274
        "useSortedClasses": "off"
      },
      "style": {
        // Promoted out of nursery in Biome 2.5.0.
        "useErrorCause": "error"
      },
      "suspicious": {
        "noConsole": {
          "level": "warn",
          "options": {
            // console.error allowed for error boundaries and critical failures
            "allow": ["error"]
          }
        }
      }
    }
  },
  "overrides": [
    // ── Styles files ─────────────────────────────────────────────────────────
    // Disable alphabetical sorting in styles files, where order is important for CSS
    {
      "includes": ["**/*.styles.ts"],
      "assist": {
        "actions": {
          "source": {
            "useSortedKeys": "off"
          }
        }
      }
    }
  ]
}