@epic-web/config 1.20.1 → 1.21.1

package/docs/decisions/009-consistent-filename-casing.md

@@ -0,0 +1,26 @@
+# Consistent Filename Casing (TS)
+
+Date: 2025-05-14
+
+Status: accepted
+
+## Context
+
+TypeScript follows the case sensitivity rules of the file system it’s running
+on. This can be problematic if some developers are working in a case-sensitive
+file system and others aren’t. If a file attempts to import fileManager.ts by
+specifying ./FileManager.ts the file will be found in a case-insensitive file
+system, but not on a case-sensitive file system.
+
+When this option is set, TypeScript will issue an error if a program tries to
+include a file by a casing different from the casing on disk.
+
+## Decision
+
+Set
+[`forceConsistentCasingInFileNames`](https://www.typescriptlang.org/tsconfig/forceConsistentCasingInFileNames.html)
+to true in Typescript
+
+## Consequences
+
+Ensure seamless workflow between developers with different operating systems.

package/eslint.js

@@ -1,17 +1,9 @@
 import globals from 'globals'
+import { has } from './utils.js'
 
 const ERROR = 'error'
 const WARN = 'warn'
 
-const has = (pkg) => {
-	try {
-		import.meta.resolve(pkg, import.meta.url)
-		return true
-	} catch {
-		return false
-	}
-}
-
 const hasTypeScript = has('typescript')
 const hasReact = has('react')
 const hasTestingLibrary = has('@testing-library/dom')

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.20.1",
+  "version": "1.21.1",
   "description": "Reasonable ESLint configs for epic web devs",
   "main": "index.js",
   "type": "module",
@@ -41,26 +41,26 @@
   "license": "MIT",
   "dependencies": {
     "@total-typescript/ts-reset": "^0.6.1",
-    "@vitest/eslint-plugin": "^1.1.43",
-    "eslint-plugin-import-x": "^4.11.0",
+    "@vitest/eslint-plugin": "^1.3.4",
+    "eslint-plugin-import-x": "^4.16.1",
     "eslint-plugin-jest-dom": "^5.5.0",
     "eslint-plugin-playwright": "^2.2.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-testing-library": "^7.1.1",
-    "globals": "^16.0.0",
-    "prettier-plugin-tailwindcss": "^0.6.11",
+    "eslint-plugin-testing-library": "^7.6.1",
+    "globals": "^16.3.0",
+    "prettier-plugin-tailwindcss": "^0.6.14",
     "tslib": "^2.8.1",
-    "typescript-eslint": "^8.31.0"
+    "typescript-eslint": "^8.38.0"
   },
   "devDependencies": {
-    "@playwright/test": "^1.52.0",
-    "@types/react": "^19.1.2",
-    "eslint": "^9.25.1",
+    "@playwright/test": "^1.54.1",
+    "@types/react": "^19.1.8",
+    "eslint": "^9.32.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^3.5.3",
+    "prettier": "^3.6.2",
     "react": "^19.1.0",
     "typescript": "^5.8.3",
-    "vitest": "^3.1.2"
+    "vitest": "^3.2.4"
   }
 }

package/prettier.js

@@ -1,3 +1,7 @@
+import { has } from './utils.js'
+
+const hasTailwind = has('tailwindcss')
+
 /** @type {import("prettier").Options} */
 export const config = {
 	arrowParens: 'always',
@@ -39,9 +43,11 @@ export const config = {
 			},
 		},
 	],
-	plugins: ['prettier-plugin-tailwindcss'],
-	tailwindAttributes: ['class', 'className', 'ngClass', '.*[cC]lassName'],
-	tailwindFunctions: ['clsx', 'cn', 'cva'],
+	...(hasTailwind && {
+		plugins: ['prettier-plugin-tailwindcss'],
+		tailwindAttributes: ['class', 'className', 'ngClass', '.*[cC]lassName'],
+		tailwindFunctions: ['clsx', 'cn', 'cva'],
+	}),
 }
 
 // this is for backward compatibility

package/typescript.json

@@ -9,6 +9,7 @@
 		"skipLibCheck": true,
 		"allowImportingTsExtensions": true,
 		"noUncheckedIndexedAccess": true,
+		"forceConsistentCasingInFileNames": true,
 		"noEmit": true
 	}
 }

package/utils.js

@@ -0,0 +1,13 @@
+/**
+ * Check if a package is installed by attempting to resolve it
+ * @param {string} pkg - The package name to check
+ * @returns {boolean} - True if the package is installed, false otherwise
+ */
+export const has = (pkg) => {
+	try {
+		import.meta.resolve(pkg, import.meta.url)
+		return true
+	} catch {
+		return false
+	}
+}