@react-three/fiber 9.1.2 → 9.1.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @react-three/fiber
 
+## 9.1.4
+
+### Patch Changes
+
+- d491e46087508dff50c48768a99f87bd486b6910: Accept readonly arrays for vector props
+
+## 9.1.3
+
+### Patch Changes
+
+- efd28328f5e612b0592be7da316fad990fdf4675: fix(native) fix crash on rerendering GLView with new arch
+
 ## 9.1.2
 
 ### Patch Changes
@@ -528,7 +540,7 @@
 
 ### Patch Changes
 
-- 564edbbb: fix port inject layers, it should allow root props to overwrite indefined portal props"
+- 564edbbb: fix port inject layers, it should allow root props to overwrite undefined portal props"
 
 ## 8.10.1
 
@@ -959,7 +971,7 @@
 
 ### Patch Changes
 
-- 7aa2eab: fix: remove zustand subcribe selector
+- 7aa2eab: fix: remove zustand subscribe selector
 
 ## 7.0.18
 
@@ -983,7 +995,7 @@
 
 ### Patch Changes
 
-- c5645e8: fix primitve leftovers on switch
+- c5645e8: fix primitive leftovers on switch
 
 ## 7.0.14
 
@@ -1065,7 +1077,7 @@
 
 - 96ae1ad: fix javascript interpreting negative renderpriority as positive
 
-This is a major breaking change that will fix an edge-case. It will only affect you if you used negative useFrame indicies, for instance
+This is a major breaking change that will fix an edge-case. It will only affect you if you used negative useFrame indices, for instance
 
 ```jsx
 useFrame(..., -1)

package/dist/declarations/src/three-types.d.ts

@@ -1,6 +1,7 @@
 import type * as THREE from 'three';
 import type { Args, EventHandlers, InstanceProps, ConstructorRepresentation } from "./core/index.js";
 import type { Overwrite, Mutable } from "./core/utils.js";
+type MutableOrReadonlyParameters<T extends (...args: any) => any> = Parameters<T> | Readonly<Parameters<T>>;
 export interface MathRepresentation {
     set(...args: number[]): any;
 }
@@ -8,7 +9,7 @@ export interface VectorRepresentation extends MathRepresentation {
     setScalar(value: number): any;
 }
 export type MathTypes = MathRepresentation | THREE.Euler | THREE.Color;
-export type MathType<T extends MathTypes> = T extends THREE.Color ? Args<typeof THREE.Color> | THREE.ColorRepresentation : T extends VectorRepresentation | THREE.Layers | THREE.Euler ? T | Parameters<T['set']> | number : T | Parameters<T['set']>;
+export type MathType<T extends MathTypes> = T extends THREE.Color ? Args<typeof THREE.Color> | THREE.ColorRepresentation : T extends VectorRepresentation | THREE.Layers | THREE.Euler ? T | MutableOrReadonlyParameters<T['set']> | number : T | MutableOrReadonlyParameters<T['set']>;
 export type MathProps<P> = {
     [K in keyof P as P[K] extends MathTypes ? K : never]: P[K] extends MathTypes ? MathType<P[K]> : never;
 };

package/dist/{events-485b18b5.cjs.dev.js → events-66111f5e.cjs.dev.js}

@@ -2033,7 +2033,7 @@ function Provider({
         active: true
       }
     }));
-    // Notifiy that init is completed, the scene graph exists, but nothing has yet rendered
+    // Notify that init is completed, the scene graph exists, but nothing has yet rendered
     if (onCreated) onCreated(state);
     // Connect events to the targets parent, this is done to ensure events are registered on
     // a shared target, and not on the canvas itself

package/dist/{events-ff8a8ea8.cjs.prod.js → events-a96a0963.cjs.prod.js}

@@ -2033,7 +2033,7 @@ function Provider({
         active: true
       }
     }));
-    // Notifiy that init is completed, the scene graph exists, but nothing has yet rendered
+    // Notify that init is completed, the scene graph exists, but nothing has yet rendered
     if (onCreated) onCreated(state);
     // Connect events to the targets parent, this is done to ensure events are registered on
     // a shared target, and not on the canvas itself

package/dist/{events-dc44c1b8.esm.js → events-f681e724.esm.js}

@@ -2007,7 +2007,7 @@ function Provider({
         active: true
       }
     }));
-    // Notifiy that init is completed, the scene graph exists, but nothing has yet rendered
+    // Notify that init is completed, the scene graph exists, but nothing has yet rendered
     if (onCreated) onCreated(state);
     // Connect events to the targets parent, this is done to ensure events are registered on
     // a shared target, and not on the canvas itself

package/dist/react-three-fiber.cjs.dev.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var events = require('./events-485b18b5.cjs.dev.js');
+var events = require('./events-66111f5e.cjs.dev.js');
 var React = require('react');
 var THREE = require('three');
 var useMeasure = require('react-use-measure');

package/dist/react-three-fiber.cjs.prod.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var events = require('./events-ff8a8ea8.cjs.prod.js');
+var events = require('./events-a96a0963.cjs.prod.js');
 var React = require('react');
 var THREE = require('three');
 var useMeasure = require('react-use-measure');

package/dist/react-three-fiber.esm.js

@@ -1,5 +1,5 @@
-import { e as extend, u as useBridge, a as useMutableCallback, b as useIsomorphicLayoutEffect, c as createRoot, i as isRef, E as ErrorBoundary, B as Block, d as unmountComponentAtNode, f as createPointerEvents } from './events-dc44c1b8.esm.js';
-export { t as ReactThreeFiber, _ as _roots, w as act, k as addAfterEffect, j as addEffect, l as addTail, n as advance, q as applyProps, x as buildGraph, p as context, g as createEvents, o as createPortal, c as createRoot, v as dispose, f as events, e as extend, h as flushGlobalEffects, s as getRootState, m as invalidate, r as reconciler, d as unmountComponentAtNode, C as useFrame, D as useGraph, y as useInstanceHandle, F as useLoader, z as useStore, A as useThree } from './events-dc44c1b8.esm.js';
+import { e as extend, u as useBridge, a as useMutableCallback, b as useIsomorphicLayoutEffect, c as createRoot, i as isRef, E as ErrorBoundary, B as Block, d as unmountComponentAtNode, f as createPointerEvents } from './events-f681e724.esm.js';
+export { t as ReactThreeFiber, _ as _roots, w as act, k as addAfterEffect, j as addEffect, l as addTail, n as advance, q as applyProps, x as buildGraph, p as context, g as createEvents, o as createPortal, c as createRoot, v as dispose, f as events, e as extend, h as flushGlobalEffects, s as getRootState, m as invalidate, r as reconciler, d as unmountComponentAtNode, C as useFrame, D as useGraph, y as useInstanceHandle, F as useLoader, z as useStore, A as useThree } from './events-f681e724.esm.js';
 import * as React from 'react';
 import * as THREE from 'three';
 import useMeasure from 'react-use-measure';

package/native/dist/react-three-fiber-native.cjs.dev.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var events = require('../../dist/events-485b18b5.cjs.dev.js');
+var events = require('../../dist/events-66111f5e.cjs.dev.js');
 var React = require('react');
 var THREE = require('three');
 var reactNative = require('react-native');
@@ -61,6 +61,7 @@ function CanvasImpl({
   onPointerMissed,
   onCreated,
   ref,
+  pointerEvents,
   ...props
 }) {
   // Create a known catalogue of Threejs-native elements
@@ -252,7 +253,7 @@ function CanvasImpl({
       return () => events.unmountComponentAtNode(canvas);
     }
   }, [canvas]);
-  return /*#__PURE__*/jsxRuntime.jsx(_View, {
+  return /*#__PURE__*/jsxRuntime.jsxs(_View, {
     ...props,
     ref: viewRef,
     onLayout: onLayout,
@@ -260,12 +261,15 @@ function CanvasImpl({
       flex: 1,
       ...style
     },
-    ...bind,
-    children: width > 0 && /*#__PURE__*/jsxRuntime.jsx(expoGl.GLView, {
+    children: [width > 0 && /*#__PURE__*/jsxRuntime.jsx(expoGl.GLView, {
       msaaSamples: antialias ? 4 : 0,
       onContextCreate: onContextCreate,
       style: reactNative.StyleSheet.absoluteFill
-    })
+    }), /*#__PURE__*/jsxRuntime.jsx(_View, {
+      style: reactNative.StyleSheet.absoluteFill,
+      pointerEvents: pointerEvents,
+      ...bind
+    })]
   });
 }
 

package/native/dist/react-three-fiber-native.cjs.prod.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var events = require('../../dist/events-ff8a8ea8.cjs.prod.js');
+var events = require('../../dist/events-a96a0963.cjs.prod.js');
 var React = require('react');
 var THREE = require('three');
 var reactNative = require('react-native');
@@ -61,6 +61,7 @@ function CanvasImpl({
   onPointerMissed,
   onCreated,
   ref,
+  pointerEvents,
   ...props
 }) {
   // Create a known catalogue of Threejs-native elements
@@ -252,7 +253,7 @@ function CanvasImpl({
       return () => events.unmountComponentAtNode(canvas);
     }
   }, [canvas]);
-  return /*#__PURE__*/jsxRuntime.jsx(_View, {
+  return /*#__PURE__*/jsxRuntime.jsxs(_View, {
     ...props,
     ref: viewRef,
     onLayout: onLayout,
@@ -260,12 +261,15 @@ function CanvasImpl({
       flex: 1,
       ...style
     },
-    ...bind,
-    children: width > 0 && /*#__PURE__*/jsxRuntime.jsx(expoGl.GLView, {
+    children: [width > 0 && /*#__PURE__*/jsxRuntime.jsx(expoGl.GLView, {
       msaaSamples: antialias ? 4 : 0,
       onContextCreate: onContextCreate,
       style: reactNative.StyleSheet.absoluteFill
-    })
+    }), /*#__PURE__*/jsxRuntime.jsx(_View, {
+      style: reactNative.StyleSheet.absoluteFill,
+      pointerEvents: pointerEvents,
+      ...bind
+    })]
   });
 }
 

package/native/dist/react-three-fiber-native.esm.js

@@ -1,11 +1,11 @@
-import { e as extend, u as useBridge, a as useMutableCallback, c as createRoot, b as useIsomorphicLayoutEffect, E as ErrorBoundary, B as Block, d as unmountComponentAtNode, f as createPointerEvents, g as createEvents } from '../../dist/events-dc44c1b8.esm.js';
-export { t as ReactThreeFiber, _ as _roots, w as act, k as addAfterEffect, j as addEffect, l as addTail, n as advance, q as applyProps, x as buildGraph, p as context, g as createEvents, o as createPortal, c as createRoot, v as dispose, e as extend, h as flushGlobalEffects, s as getRootState, m as invalidate, r as reconciler, d as unmountComponentAtNode, C as useFrame, D as useGraph, y as useInstanceHandle, F as useLoader, z as useStore, A as useThree } from '../../dist/events-dc44c1b8.esm.js';
+import { e as extend, u as useBridge, a as useMutableCallback, c as createRoot, b as useIsomorphicLayoutEffect, E as ErrorBoundary, B as Block, d as unmountComponentAtNode, f as createPointerEvents, g as createEvents } from '../../dist/events-f681e724.esm.js';
+export { t as ReactThreeFiber, _ as _roots, w as act, k as addAfterEffect, j as addEffect, l as addTail, n as advance, q as applyProps, x as buildGraph, p as context, g as createEvents, o as createPortal, c as createRoot, v as dispose, e as extend, h as flushGlobalEffects, s as getRootState, m as invalidate, r as reconciler, d as unmountComponentAtNode, C as useFrame, D as useGraph, y as useInstanceHandle, F as useLoader, z as useStore, A as useThree } from '../../dist/events-f681e724.esm.js';
 import * as React from 'react';
 import * as THREE from 'three';
 import { PanResponder, PixelRatio, StyleSheet, View, Platform, Image, NativeModules } from 'react-native';
 import { GLView } from 'expo-gl';
 import { FiberProvider } from 'its-fine';
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Asset } from 'expo-asset';
 import * as fs from 'expo-file-system';
 import { fromByteArray } from 'base64-js';
@@ -36,6 +36,7 @@ function CanvasImpl({
   onPointerMissed,
   onCreated,
   ref,
+  pointerEvents,
   ...props
 }) {
   // Create a known catalogue of Threejs-native elements
@@ -227,7 +228,7 @@ function CanvasImpl({
       return () => unmountComponentAtNode(canvas);
     }
   }, [canvas]);
-  return /*#__PURE__*/jsx(_View, {
+  return /*#__PURE__*/jsxs(_View, {
     ...props,
     ref: viewRef,
     onLayout: onLayout,
@@ -235,12 +236,15 @@ function CanvasImpl({
       flex: 1,
       ...style
     },
-    ...bind,
-    children: width > 0 && /*#__PURE__*/jsx(GLView, {
+    children: [width > 0 && /*#__PURE__*/jsx(GLView, {
       msaaSamples: antialias ? 4 : 0,
       onContextCreate: onContextCreate,
       style: StyleSheet.absoluteFill
-    })
+    }), /*#__PURE__*/jsx(_View, {
+      style: StyleSheet.absoluteFill,
+      pointerEvents: pointerEvents,
+      ...bind
+    })]
   });
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/fiber",
-  "version": "9.1.2",
+  "version": "9.1.4",
   "description": "A React renderer for Threejs",
   "keywords": [
     "react",
@@ -14,7 +14,7 @@
   "maintainers": [
     "Josh Ellis (https://github.com/joshuaellis)",
     "Cody Bennett (https://github.com/codyjasonbennett)",
-    "Kris Baumgarnter (https://github.com/krispya)"
+    "Kris Baumgarter (https://github.com/krispya)"
   ],
   "bugs": {
     "url": "https://github.com/pmndrs/react-three-fiber/issues"