Merge branch 'master' into update-dependencies-and-migrate-to-codeowners

Author: jamesrweb

README.md

@@ -5,9 +5,10 @@
 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/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",