diff --git a/README.md b/README.md index ddc1ca9..e3bf379 100644 --- a/README.md +++ b/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 diff --git a/package-lock.json b/package-lock.json index a27a55e..1ef43f1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -72,7 +72,7 @@ "rimraf": "^5.0.5", "tailwindcss": "^3.4.4", "typescript": "^5.2.2", - "vite": "^5.4.7" + "vite": "^5.4.11" } }, "node_modules/@alloc/quick-lru": { @@ -6182,9 +6182,9 @@ } }, "node_modules/vite": { - "version": "5.4.8", - "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.8.tgz", - "integrity": "sha512-FqrItQ4DT1NC4zCUqMB4c4AZORMKIa0m8/URVCZ77OZ/QSNeJ54bU1vrFADbDsuwfIPcgknRkmqakQcgnL4GiQ==", + "version": "5.4.11", + "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.11.tgz", + "integrity": "sha512-c7jFQRklXua0mTzneGW9QVyxFjUgwcihC4bXEtujIo2ouWCe1Ajt/amn2PCxYnhYfd5k09JX3SB7OYWFKYqj8Q==", "dev": true, "dependencies": { "esbuild": "^0.21.3", diff --git a/package.json b/package.json index d078239..24294f6 100644 --- a/package.json +++ b/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", diff --git a/tailwind.config.js b/tailwind.config.mjs similarity index 95% rename from tailwind.config.js rename to tailwind.config.mjs index 7cb7e37..f698f56 100644 --- a/tailwind.config.js +++ b/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], } \ No newline at end of file