FIX: compatibility with the latest Node.js version 23.

README.md

@@ -1,10 +1,5 @@
 # Claude Artifact Runner
 
-> **Warning:** currently the project is compatible with Node.js up to v22.  
-> **It breaks under the latest Node.js v23.**  
-> This issue will be fixed.  
-> For the time being, I recommend that you use Node.js v22.11 with npm 10.9.
-
 ## Table of Contents
 
 - [Summary](#summary)
@@ -73,13 +68,14 @@ These are the libraries and frameworks this project provides, identical to those
 6. **Recharts** for creating dynamic, customizable charts and data visualizations.
 7. **Lucide React** for a comprehensive library of open-source icons designed for React applications.
 
-> Note that the actual versions of the packages currently in use in the Artifacts environment may differ from the ones installed by this project.  
+> Note that the actual versions of the packages currently in use in the Artifacts environment may differ from the ones installed by this project, as Anthropic may update them from time to time.  
 > If a component generated by Claude fails to run properly because of an outdated package, please let me know.
 
 ## Prerequisites
 
 Before you begin, ensure you have the following installed:
-- Node.js (version 14 or later)
+- Node.js
+  minimum supported version is 16 (lts/gallium), tested up to version 23.2
 - npm (usually comes with Node.js)
 
 ## Getting started

package.json

@@ -74,7 +74,7 @@
     "glob": "^10.4.5",
     "tailwindcss": "^3.4.4",
     "typescript": "^5.2.2",
-    "vite": "^5.4.7"
+    "vite": "^5.4.11"
   },
   "overrides": {
     "glob": "^10.4.5",

tailwind.config.js → tailwind.config.mjs

@@ -1,5 +1,7 @@
+import tailwindcssAnimate from "tailwindcss-animate";
+
 /** @type {import('tailwindcss').Config} */
-module.exports = {
+export default {
   darkMode: ["class"],
   content: [
     './pages/**/*.{ts,tsx}',
@@ -73,5 +75,5 @@ module.exports = {
       },
     },
   },
-  plugins: [require("tailwindcss-animate")],
+  plugins: [tailwindcssAnimate],
 }