From 2735a791737c8d6688e59c5a9c3e5e53f802d121 Mon Sep 17 00:00:00 2001 From: Shannon Lockett <155769623+shazzar00ni@users.noreply.github.com> Date: Tue, 5 May 2026 01:08:45 +0800 Subject: [PATCH 1/5] chore: add @tailwindcss/vite plugin and update dependencies - Add @tailwindcss/vite plugin to vite.config.ts - Update to ESLint 10 and @eslint/js for compatibility - Update TypeScript, Vite, and other major dependencies - Add engines.node field for Node version requirement - Remove legacy .eslintrc.cjs config --- package-lock.json | 22 ++++++++++++++++++++++ package.json | 36 ++++++++++++++++++++---------------- vite.config.ts | 3 ++- 3 files changed, 44 insertions(+), 17 deletions(-) diff --git a/package-lock.json b/package-lock.json index c5535fb3..047a8272 100644 --- a/package-lock.json +++ b/package-lock.json @@ -14,6 +14,7 @@ "react-dom": "^19.2.4" }, "devDependencies": { + "@eslint/js": "^10.0.1", "@playwright/test": "^1.40.0", "@tailwindcss/vite": "^4.2.1", "@testing-library/dom": "^10.4.1", @@ -1129,6 +1130,27 @@ "node": "^20.19.0 || ^22.13.0 || >=24" } }, + "node_modules/@eslint/js": { + "version": "10.0.1", + "resolved": "https://registry.npmjs.org/@eslint/js/-/js-10.0.1.tgz", + "integrity": "sha512-zeR9k5pd4gxjZ0abRoIaxdc7I3nDktoXZk2qOv9gCNWx3mVwEn32VRhyLaRsDiJjTs0xq/T8mfPtyuXu7GWBcA==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^20.19.0 || ^22.13.0 || >=24" + }, + "funding": { + "url": "https://eslint.org/donate" + }, + "peerDependencies": { + "eslint": "^10.0.0" + }, + "peerDependenciesMeta": { + "eslint": { + "optional": true + } + } + }, "node_modules/@eslint/object-schema": { "version": "3.0.2", "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-3.0.2.tgz", diff --git a/package.json b/package.json index b3ab4fdc..ec67882b 100644 --- a/package.json +++ b/package.json @@ -24,32 +24,36 @@ "react-dom": "^19.2.4" }, "devDependencies": { - "@playwright/test": "^1.40.0", - "@tailwindcss/vite": "^4.2.1", + "@eslint/js": "^10.0.1", + "@playwright/test": "^1.59.1", + "@tailwindcss/vite": "^4.2.4", "@testing-library/dom": "^10.4.1", "@testing-library/jest-dom": "^6.9.1", "@testing-library/react": "^16.3.2", - "@types/react": "^19.2.13", + "@types/react": "^19.2.14", "@types/react-dom": "^19.2.3", - "@typescript-eslint/eslint-plugin": "^8.56.0", - "@typescript-eslint/parser": "^8.56.0", - "@vitejs/plugin-react": "^5.1.4", - "@vitest/coverage-v8": "^4.1.3", - "eslint": "^10.0.1", + "@typescript-eslint/eslint-plugin": "^8.59.0", + "@typescript-eslint/parser": "^8.59.0", + "@vitejs/plugin-react": "^6.0.1", + "@vitest/coverage-v8": "^4.1.5", + "eslint": "^10.2.1", "eslint-config-prettier": "^10.1.8", "eslint-plugin-react": "^7.37.5", - "eslint-plugin-react-hooks": "^7.0.1", + "eslint-plugin-react-hooks": "^7.1.1", "eslint-plugin-react-refresh": "^0.5.2", - "globals": "^17.4.0", + "globals": "^17.5.0", "husky": "^9.1.7", - "jsdom": "^28.1.0", + "jsdom": "^29.0.2", "jsonc-eslint-parser": "^3.1.0", "lint-staged": "^16.4.0", - "prettier": "^3.8.1", - "tailwindcss": "^4.2.0", - "typescript": "^5.2.0", - "vite": "^7.3.1", - "vitest": "^4.1.3" + "prettier": "^3.8.3", + "tailwindcss": "^4.2.4", + "typescript": "^6.0.3", + "vite": "^8.0.10", + "vitest": "^4.1.5" + }, + "engines": { + "node": ">=20.19.0" }, "lint-staged": { "*.{ts,tsx,js,jsx}": [ diff --git a/vite.config.ts b/vite.config.ts index 7c5af2e3..345d5f84 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -1,8 +1,9 @@ import { defineConfig } from 'vite'; import react from '@vitejs/plugin-react'; +import tailwindcss from '@tailwindcss/vite'; export default defineConfig({ - plugins: [react()], + plugins: [react(), tailwindcss()], server: { port: 3000, }, From a82a1dad90617c7543a70e77ea9bbb37f446b02e Mon Sep 17 00:00:00 2001 From: Shannon Lockett <155769623+shazzar00ni@users.noreply.github.com> Date: Wed, 6 May 2026 08:45:17 +0800 Subject: [PATCH 2/5] fix: migrate src/index.css to Tailwind v4 @import syntax --- src/index.css | 48 ++++++++++++++++++++++++++++-------------------- 1 file changed, 28 insertions(+), 20 deletions(-) diff --git a/src/index.css b/src/index.css index 093e9a60..22de3ac0 100644 --- a/src/index.css +++ b/src/index.css @@ -1,27 +1,35 @@ -@tailwind base; -@tailwind components; -@tailwind utilities; +@import "tailwindcss"; -@layer base { - html { - scroll-behavior: smooth; - } +@theme { + --color-light-50: oklch(97.95% 0.014 250.75); + --color-light-900: oklch(20.49% 0.038 264.38); + --color-dark-950: oklch(7.37% 0.019 285.85); + --color-dark-100: oklch(90.45% 0.02 285.85); + --color-teal-400: oklch(78.86% 0.162 174.21); + --color-teal-600: oklch(49.62% 0.104 181.28); +} - body { - @apply bg-light-50 text-light-900 transition-colors duration-300; - } +html { + scroll-behavior: smooth; +} - .dark body { - @apply bg-dark-950 text-dark-100; - } +body { + background-color: var(--color-light-50); + color: var(--color-light-900); + transition: color 300ms, background-color 300ms; } -@layer utilities { - .text-balance { - text-wrap: balance; - } +:is(.dark) body { + background-color: var(--color-dark-950); + color: var(--color-dark-100); +} - .gradient-text { - @apply bg-clip-text text-transparent bg-gradient-to-r from-teal-400 to-teal-600; - } +@utility text-balance { + text-wrap: balance; } + +@utility gradient-text { + background-clip: text; + color: transparent; + background-image: linear-gradient(to right, var(--color-teal-400), var(--color-teal-600)); +} \ No newline at end of file From 081ede41176e6ebae632c2e5e14cb337919829ce Mon Sep 17 00:00:00 2001 From: Shannon Lockett Date: Wed, 6 May 2026 22:04:28 +0800 Subject: [PATCH 3/5] Update package.json Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com> --- package.json | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/package.json b/package.json index 4545a7f7..ba94db5e 100644 --- a/package.json +++ b/package.json @@ -53,7 +53,8 @@ "vitest": "^4.1.5" }, "engines": { - "node": ">=20.19.0" + "node": "^20.19.0 || ^22.13.0 || >=24.0.0" + }, }, "lint-staged": { "*.{ts,tsx,js,jsx}": [ From bd53d873baaf977ddfe8e0bee11208f8f9eb17b1 Mon Sep 17 00:00:00 2001 From: Shannon Lockett Date: Thu, 7 May 2026 00:58:46 +0800 Subject: [PATCH 4/5] Potential fix for pull request finding Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com> --- src/index.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/index.css b/src/index.css index 22de3ac0..dcc766be 100644 --- a/src/index.css +++ b/src/index.css @@ -29,7 +29,9 @@ body { } @utility gradient-text { + -webkit-background-clip: text; background-clip: text; + -webkit-text-fill-color: transparent; color: transparent; background-image: linear-gradient(to right, var(--color-teal-400), var(--color-teal-600)); } \ No newline at end of file From 3b4795e34baebce922e781ad438b5c6b004848b1 Mon Sep 17 00:00:00 2001 From: Shannon Lockett Date: Thu, 7 May 2026 00:59:06 +0800 Subject: [PATCH 5/5] Potential fix for pull request finding Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com> --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index ba94db5e..e01fc1fe 100644 --- a/package.json +++ b/package.json @@ -48,7 +48,7 @@ "lint-staged": "^16.4.0", "prettier": "^3.8.3", "tailwindcss": "^4.2.4", - "typescript": "^6.0.3", + "typescript": "^5.9.3", "vite": "^8.0.10", "vitest": "^4.1.5" },