react-p5 - npm Package Compare versions

Comparing version 1.3.34 to 1.3.35

./@types/index.d.ts

 // P5 interface contains all p5 utils, you can check all available methods and props at this url https://p5js.org/reference/
 import type P5 from "p5";
+import * as React from "react";
 
@@ -8,3 +9,3 @@ export interface SketchProps {
   /**	Styles for canvas parent ref  */
-  style?: { [key: string]: number | string };
+  style?: React.CSSProperties;
   /**	The setup() function is called once when the program starts.  */
@@ -15,37 +16,37 @@ setup: (p5: P5, CanvasParentRef: Element) => void;
   /**	The windowResized() function is called once every time the browser window is resized.  */
-  windowResized?: (p5: P5) => void;
+  windowResized?: (p5: P5, event?: UIEvent) => void;
   /**	Called directly before setup(), the preload() function is used to handle asynchronous loading of external files in a blocking way.  */
   preload?: (p5: P5) => void;
   /**	The mouseClicked() function is called once after a mouse button has been pressed and then released.  */
-  mouseClicked?: (p5: P5) => void;
+  mouseClicked?: (p5: P5, event?: UIEvent) => void;
   /**	The mouseMoved() function is called every time the mouse moves and a mouse button is not pressed.  */
-  mouseMoved?: (p5: P5) => void;
+  mouseMoved?: (p5: P5, event?: UIEvent) => void;
   /**	The doubleClicked() function is executed every time a event listener has detected a dblclick event which is a part of the DOM L3 specification.  */
-  doubleClicked?: (p5: P5) => void;
+  doubleClicked?: (p5: P5, event?: UIEvent) => void;
   /**	The mousePressed() function is called once after every time a mouse button is pressed.  */
-  mousePressed?: (p5: P5) => void;
+  mousePressed?: (p5: P5, event?: UIEvent) => void;
   /**	The function mouseWheel() is executed every time a vertical mouse wheel event is detected either triggered by an actual mouse wheel or by a touchpad.  */
-  mouseWheel?: (p5: P5) => void;
+  mouseWheel?: (p5: P5, event?: UIEvent) => void;
   /**	The mouseDragged() function is called once every time the mouse moves and a mouse button is pressed. If no mouseDragged() function is defined, the touchMoved() function will be called instead if it is defined.  */
-  mouseDragged?: (p5: P5) => void;
+  mouseDragged?: (p5: P5, event?: UIEvent) => void;
   /**	The mouseReleased() function is called every time a mouse button is released.  */
-  mouseReleased?: (p5: P5) => void;
+  mouseReleased?: (p5: P5, event?: UIEvent) => void;
   /**	The keyPressed() function is called once every time a key is pressed. The keyCode for the key that was pressed is stored in the keyCode variable.  */
-  keyPressed?: (p5: P5) => void;
+  keyPressed?: (p5: P5, event?: UIEvent) => void;
   /**	The keyReleased() function is called once every time a key is released. See key and keyCode for more information.  */
-  keyReleased?: (p5: P5) => void;
+  keyReleased?: (p5: P5, event?: UIEvent) => void;
   /**	The keyTyped() function is called once every time a key is pressed, but action keys such as Backspace, Delete, Ctrl, Shift, and Alt are ignored.  */
-  keyTyped?: (p5: P5) => void;
+  keyTyped?: (p5: P5, event?: UIEvent) => void;
   /**	The touchStarted() function is called once after every time a touch is registered.  */
   touchStarted?: (p5: P5) => void;
   /**	The touchMoved() function is called every time a touch move is registered.  */
-  touchMoved?: (p5: P5) => void;
+  touchMoved?: (p5: P5, event?: UIEvent) => void;
   /**	The touchEnded() function is called every time a touch ends. If no touchEnded() function is defined, the mouseReleased() function will be called instead if it is defined.  */
-  touchEnded?: (p5: P5) => void;
+  touchEnded?: (p5: P5, event?: UIEvent) => void;
   /**	The deviceMoved() function is called when the device is moved by more than the threshold value along X, Y or Z axis. The default threshold is set to 0.5. The threshold value can be changed using setMoveThreshold()  */
-  deviceMoved?: (p5: P5) => void;
+  deviceMoved?: (p5: P5, event?: Event) => void;
   /**	The deviceTurned() function is called when the device rotates by more than 90 degrees continuously.  */
-  deviceTurned?: (p5: P5) => void;
+  deviceTurned?: (p5: P5, event?: Event) => void;
   /**	The deviceShaken() function is called when the device total acceleration changes of accelerationX and accelerationY values is more than the threshold value. The default threshold is set to 30.  */
-  deviceShaken?: (p5: P5) => void;
+  deviceShaken?: (p5: P5, event?: Event) => void;
 }
@@ -52,0 +53,0 @@

package.json

 {
   "name": "react-p5",
-  "version": "1.3.34",
+  "version": "1.3.35",
   "description": "This Component lets you integrate p5 Sketches into your React App",
@@ -5,0 +5,0 @@ "main": "./build/index.js",

No alert changes

Improved metrics

Total package byte prevSize

910476

0.03%

Lines of code

61

1.67%

No dependency changes