Merge branch 'master' into update-examples

Author: jamesrweb

README.md

@@ -5,9 +5,9 @@
 A component to integrate [P5.js](https://p5js.org/) sketches into
 [React](https://reactjs.org/) apps.
 
-> Note: Version 5 is still in development, currently 5.0.0-rc.0 has been
-> released for internal development testing ONLY. It is recommended to continue
-> utilising version 4.4.0 until it is out of the `rc` versioning scheme.
+> Note: Version 5 is still in development, currently the `5.0.0-rc.x` range has been
+> released for internal development or experimental testing ONLY. It is recommended to continue
+> utilising version `4.4.1` until version `5.0.0` is out of the `rc` versioning scheme.
 
 ## Installation
 

config/eslint/eslint.config.ts

@@ -1,4 +1,3 @@
-// @ts-expect-error The react team don't expose types for the eslint plugin currently
 import * as reactCompiler from "eslint-plugin-react-compiler";
 import * as tseslint from "typescript-eslint";
 import { includeIgnoreFile } from "@eslint/compat";

config/vite/vite.component.config.ts

@@ -3,15 +3,16 @@ import { resolve } from "node:path";
 import dts from "vite-plugin-dts";
 import { defineConfig } from "vitest/config";
 
-const rootDir = resolve(__dirname, "..", "..");
-const outputDirectory = resolve(rootDir, "dist", "component");
-const tsConfigPath = resolve(rootDir, "tsconfig.json");
-const config = defineConfig({
+const root = resolve(__dirname, "..", "..");
+const dist = resolve(root, "dist", "component");
+const tsConfig = resolve(root, "tsconfig.json");
+
+export default defineConfig({
   plugins: [
     dts({
       rollupTypes: true,
-      tsconfigPath: tsConfigPath,
-      outDir: outputDirectory
+      tsconfigPath: tsConfig,
+      outDir: dist
     }),
     react({
       babel: {
@@ -25,7 +26,7 @@ const config = defineConfig({
   build: {
     emptyOutDir: true,
     lib: {
-      entry: resolve(rootDir, "src", "main.tsx"),
+      entry: resolve(root, "src", "main.tsx"),
       name: "ReactP5Wrapper",
       fileName: "ReactP5Wrapper",
       formats: ["es", "cjs"]
@@ -35,7 +36,7 @@ const config = defineConfig({
       output: {
         assetFileNames: "assets/[name][extname]",
         entryFileNames: "[name].[format].js",
-        dir: outputDirectory,
+        dir: dist,
         globals: {
           p5: "p5",
           react: "React",
@@ -51,7 +52,7 @@ const config = defineConfig({
     coverage: {
       include: ["src"]
     },
-    setupFiles: resolve(rootDir, "tests", "setup.ts"),
+    setupFiles: resolve(root, "tests", "setup.ts"),
     deps: {
       optimizer: {
         web: {
@@ -61,5 +62,3 @@ const config = defineConfig({
     }
   }
 });
-
-export default config;

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@p5-wrapper/react",
   "description": "A wrapper component that allows you to utilise P5 sketches within React apps.",
-  "version": "5.0.0-rc.2",
+  "version": "5.0.0-rc.3",
   "type": "module",
   "homepage": "https://github.com/P5-wrapper/react",
   "license": "MIT",
@@ -87,39 +87,39 @@
     "react-dom": ">= 19.0.0"
   },
   "devDependencies": {
-    "@babel/eslint-plugin": "^7.25.9",
-    "@eslint/compat": "^1.2.6",
-    "@eslint/js": "^9.20.0",
+    "@babel/eslint-plugin": "^7.27.1",
+    "@eslint/compat": "^1.3.1",
+    "@eslint/js": "^9.30.1",
     "@testing-library/jest-dom": "6.6.3",
-    "@testing-library/react": "^16.2.0",
+    "@testing-library/react": "^16.3.0",
     "@trivago/prettier-plugin-sort-imports": "^5.2.2",
-    "@types/jest": "^29.5.14",
-    "@types/node": "^22.13.4",
+    "@types/jest": "^30.0.0",
+    "@types/node": "^24.0.10",
     "@types/p5": "^1.7.6",
-    "@types/react": "^19.0.8",
-    "@types/react-dom": "^19.0.3",
-    "@typescript-eslint/eslint-plugin": "^8.24.0",
-    "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/coverage-v8": "^3.0.5",
-    "babel-plugin-react-compiler": "19.0.0-beta-30d8a17-20250209",
-    "eslint": "^9.20.1",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-compiler": "19.0.0-beta-30d8a17-20250209",
-    "eslint-plugin-react-hooks": "^5.1.0",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@typescript-eslint/eslint-plugin": "^8.35.1",
+    "@vitejs/plugin-react": "^4.6.0",
+    "@vitest/coverage-v8": "^3.2.4",
+    "babel-plugin-react-compiler": "19.1.0-rc.2",
+    "eslint": "^9.30.1",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-compiler": "19.1.0-rc.2",
+    "eslint-plugin-react-hooks": "^5.2.0",
     "gh-pages": "^6.3.0",
     "jiti": "^2.4.2",
     "js": "^0.1.0",
-    "jsdom": "^26.0.0",
+    "jsdom": "^26.1.0",
     "p5.capture": "^1.6.0",
-    "prettier": "^3.5.1",
+    "prettier": "^3.6.2",
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "rimraf": "^6.0.1",
-    "typescript": "^5.7.3",
-    "typescript-eslint": "^8.24.0",
-    "vite": "^6.1.0",
-    "vite-plugin-dts": "^4.5.0",
-    "vitest": "^3.0.5",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.35.1",
+    "vite": "^7.0.2",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^3.2.4",
     "vitest-canvas-mock": "^0.3.3"
   }
 }