feat: update packages

Author: hsimpson

eslint.config.mjs eslint.config.tseslint.config.mjs renamed to eslint.config.ts

@@ -1,49 +1,45 @@
 import eslint from '@eslint/js';
 import configPrettier from 'eslint-config-prettier';
 import pluginPrettierRecommended from 'eslint-plugin-prettier/recommended';
-import pluginReact from 'eslint-plugin-react';
-import reactPlugin from 'eslint-plugin-react-hooks';
+import reactPlugin from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+import { defineConfig } from 'eslint/config';
 import tseslint from 'typescript-eslint';
 
-export default tseslint.config(
+export default defineConfig(
   eslint.configs.recommended,
   tseslint.configs.strictTypeChecked,
   tseslint.configs.stylisticTypeChecked,
 
   {
-    ignores: ['dist/**/*', 'eslint.config.mjs', 'prettier.config.js', 'tailwind.config.js', 'vite.config.mjs'],
+    ignores: ['dist/**/*', 'tailwind.config.js'],
   },
+
+  // configuration for rules that require type information
   {
     languageOptions: {
-      ...pluginReact.configs.flat.recommended.languageOptions,
+      ...reactPlugin.configs.flat.recommended.languageOptions,
       parserOptions: {
         projectService: true,
-        tsconfigRootDir: import.meta.dirname,
       },
     },
   },
 
   // eslint-rules
   {
     rules: {
-      'linebreak-style': ['error', 'unix'],
-      'no-unused-vars': 'off',
+      'no-unused-vars': 'off', // Note: you must disable the base rule as it can report incorrect errors
       'no-warning-comments': 'warn',
       eqeqeq: 'error',
-      indent: ['error', 2, { SwitchCase: 1 }],
-      quotes: ['error', 'single'],
-      semi: ['error', 'always'],
     },
   },
 
   // typescript-eslint rules
   {
     rules: {
+      '@typescript-eslint/consistent-type-definitions': 'off',
       '@typescript-eslint/explicit-member-accessibility': ['error', { accessibility: 'explicit' }],
-      '@typescript-eslint/interface-name-prefix': 'off',
-      '@typescript-eslint/no-floating-promises': 'error',
-      '@typescript-eslint/no-parameter-properties': ['off'],
-      '@typescript-eslint/no-require-imports': 'warn',
+      '@typescript-eslint/no-shadow': 'error',
       '@typescript-eslint/no-unused-vars': [
         'warn',
         {
@@ -61,12 +57,10 @@ export default tseslint.config(
   },
 
   // plugin-react and plugin-react-hooks
-  pluginReact.configs.flat.recommended,
+  reactPlugin.configs.flat.recommended,
+  reactPlugin.configs.flat['jsx-runtime'],
+  reactHooks.configs.flat.recommended,
   {
-    plugins: {
-      react: pluginReact,
-      'react-hooks': reactPlugin,
-    },
     rules: {
       'react/self-closing-comp': ['error', { component: true, html: true }],
       'react-hooks/rules-of-hooks': 'error',

package.json

@@ -19,34 +19,35 @@
   },
   "keywords": [],
   "author": "",
-  "license": "ISC",
+  "license": "MIT",
+  "type": "module",
   "bugs": {
     "url": "https://github.com/hsimpson/webgpu-particles/issues"
   },
   "homepage": "https://github.com/hsimpson/webgpu-particles#readme",
   "devDependencies": {
-    "@eslint/js": "^9.34.0",
-    "@tailwindcss/vite": "^4.2.1",
-    "@types/node": "^25.3.3",
+    "@eslint/js": "^9.39.4",
+    "@tailwindcss/vite": "^4.2.2",
+    "@types/node": "^25.5.0",
     "@types/react": "^19.2.14",
     "@types/react-color": "^3.0.13",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.4",
+    "@vitejs/plugin-react": "^6.0.1",
     "@webgpu/types": "^0.1.69",
-    "eslint": "^9.34.0",
+    "eslint": "^9.39.4",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "prettier": "^3.8.1",
     "prettier-plugin-tailwindcss": "^0.7.2",
-    "tailwindcss": "^4.2.1",
+    "tailwindcss": "^4.2.2",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.56.1",
-    "vite": "^7.3.1"
+    "typescript-eslint": "^8.57.1",
+    "vite": "^8.0.1"
   },
   "dependencies": {
-    "jotai": "^2.18.0",
+    "jotai": "^2.18.1",
     "react": "^19.2.4",
     "react-color": "^2.19.3",
     "react-dom": "^19.2.4",

prettier.config.js prettier.config.tsprettier.config.js renamed to prettier.config.ts

@@ -1,4 +1,6 @@
-module.exports = {
+import { type Config } from 'prettier';
+
+const config: Config = {
   arrowParens: 'always',
   bracketSameLine: true,
   bracketSpacing: true,
@@ -18,5 +20,6 @@ module.exports = {
 
   plugins: ['prettier-plugin-tailwindcss'],
   tailwindStylesheet: './src/index.css',
-  tailwindConfig: './tailwind.config.js',
 };
+
+export default config;

tailwind.config.js

@@ -5,14 +5,14 @@
     "forceConsistentCasingInFileNames": true,
     "isolatedModules": true,
     "jsx": "react",
-    "lib": ["DOM", "ES2022"],
-    "module": "CommonJS",
-    "moduleResolution": "node",
+    "lib": ["DOM", "ESNext"],
+    "module": "esnext",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "skipLibCheck": true,
     "sourceMap": true,
     "strict": true,
-    "target": "ES2022",
+    "target": "ES2024",
     "typeRoots": ["./src/@types", "./node_modules/@webgpu/types", "node_modules/@types"]
   }
 }