@react-three/fiber 9.4.1 → 9.5.0

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

@@ -2,16 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var events = require('./events-1d578043.cjs.dev.js');
+var events = require('./events-358c3764.cjs.dev.js');
 var React = require('react');
 var THREE = require('three');
 var useMeasure = require('react-use-measure');
 var itsFine = require('its-fine');
 var jsxRuntime = require('react/jsx-runtime');
-require('react-reconciler/constants');
 require('zustand/traditional');
 require('suspend-react');
-require('react-reconciler');
 require('scheduler');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

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

@@ -2,16 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var events = require('./events-af6d715d.cjs.prod.js');
+var events = require('./events-238e0986.cjs.prod.js');
 var React = require('react');
 var THREE = require('three');
 var useMeasure = require('react-use-measure');
 var itsFine = require('its-fine');
 var jsxRuntime = require('react/jsx-runtime');
-require('react-reconciler/constants');
 require('zustand/traditional');
 require('suspend-react');
-require('react-reconciler');
 require('scheduler');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

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

@@ -1,14 +1,12 @@
-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-2487ec62.esm.js';
-export { t as ReactThreeFiber, _ as _roots, x as act, k as addAfterEffect, j as addEffect, l as addTail, n as advance, s as applyProps, y as buildGraph, q as context, g as createEvents, o as createPortal, c as createRoot, w as dispose, f as events, e as extend, h as flushGlobalEffects, p as flushSync, v as getRootState, m as invalidate, r as reconciler, d as unmountComponentAtNode, D as useFrame, F as useGraph, z as useInstanceHandle, G as useLoader, A as useStore, C as useThree } from './events-2487ec62.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-5a94e5eb.esm.js';
+export { t as ReactThreeFiber, _ as _roots, x as act, k as addAfterEffect, j as addEffect, l as addTail, n as advance, s as applyProps, y as buildGraph, q as context, g as createEvents, o as createPortal, c as createRoot, w as dispose, f as events, e as extend, h as flushGlobalEffects, p as flushSync, v as getRootState, m as invalidate, r as reconciler, d as unmountComponentAtNode, D as useFrame, F as useGraph, z as useInstanceHandle, G as useLoader, A as useStore, C as useThree } from './events-5a94e5eb.esm.js';
 import * as React from 'react';
 import * as THREE from 'three';
 import useMeasure from 'react-use-measure';
 import { FiberProvider } from 'its-fine';
 import { jsx } from 'react/jsx-runtime';
-import 'react-reconciler/constants';
 import 'zustand/traditional';
 import 'suspend-react';
-import 'react-reconciler';
 import 'scheduler';
 
 function CanvasImpl({

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-1d578043.cjs.dev.js');
+var events = require('../../dist/events-358c3764.cjs.dev.js');
 var React = require('react');
 var THREE = require('three');
 var reactNative = require('react-native');
@@ -10,13 +10,10 @@ var expoGl = require('expo-gl');
 var itsFine = require('its-fine');
 var jsxRuntime = require('react/jsx-runtime');
 var expoAsset = require('expo-asset');
-var fs = require('expo-file-system');
 var base64Js = require('base64-js');
 var buffer = require('buffer');
-require('react-reconciler/constants');
 require('zustand/traditional');
 require('suspend-react');
-require('react-reconciler');
 require('scheduler');
 
 function _interopNamespace(e) {
@@ -39,7 +36,6 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
-var fs__namespace = /*#__PURE__*/_interopNamespace(fs);
 
 // TODO: React 19 needs support from react-native
 const _View = reactNative.View;
@@ -367,6 +363,16 @@ function createTouchEvents(store) {
   };
 }
 
+// Conditionally import expo-file-system/legacy to support Expo 54
+const getFileSystem = () => {
+  try {
+    return require('expo-file-system/legacy');
+  } catch {
+    return require('expo-file-system');
+  }
+};
+const fs = getFileSystem();
+
 // http://stackoverflow.com/questions/105034
 function uuidv4() {
   return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => {
@@ -405,9 +411,9 @@ async function getAsset(input) {
     if (input.startsWith('data:')) {
       const [header, data] = input.split(';base64,');
       const [, type] = header.split('/');
-      const uri = fs__namespace.cacheDirectory + uuidv4() + `.${type}`;
-      await fs__namespace.writeAsStringAsync(uri, data, {
-        encoding: fs__namespace.EncodingType.Base64
+      const uri = fs.cacheDirectory + uuidv4() + `.${type}`;
+      await fs.writeAsStringAsync(uri, data, {
+        encoding: fs.EncodingType.Base64
       });
       return uri;
     }
@@ -419,8 +425,8 @@ async function getAsset(input) {
 
   // Unpack assets in Android Release Mode
   if (!uri.includes(':')) {
-    const file = `${fs__namespace.cacheDirectory}ExponentAsset-${asset.hash}.${asset.type}`;
-    await fs__namespace.copyAsync({
+    const file = `${fs.cacheDirectory}ExponentAsset-${asset.hash}.${asset.type}`;
+    await fs.copyAsync({
       from: uri,
       to: file
     });
@@ -514,8 +520,8 @@ function polyfills() {
     if (this.path && typeof url === 'string') url = this.path + url;
     this.manager.itemStart(url);
     getAsset(url).then(async uri => {
-      const base64 = await fs__namespace.readAsStringAsync(uri, {
-        encoding: fs__namespace.EncodingType.Base64
+      const base64 = await fs.readAsStringAsync(uri, {
+        encoding: fs.EncodingType.Base64
       });
       const data = buffer.Buffer.from(base64, 'base64');
       onLoad == null ? void 0 : onLoad(data.buffer);

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-af6d715d.cjs.prod.js');
+var events = require('../../dist/events-238e0986.cjs.prod.js');
 var React = require('react');
 var THREE = require('three');
 var reactNative = require('react-native');
@@ -10,13 +10,10 @@ var expoGl = require('expo-gl');
 var itsFine = require('its-fine');
 var jsxRuntime = require('react/jsx-runtime');
 var expoAsset = require('expo-asset');
-var fs = require('expo-file-system');
 var base64Js = require('base64-js');
 var buffer = require('buffer');
-require('react-reconciler/constants');
 require('zustand/traditional');
 require('suspend-react');
-require('react-reconciler');
 require('scheduler');
 
 function _interopNamespace(e) {
@@ -39,7 +36,6 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
-var fs__namespace = /*#__PURE__*/_interopNamespace(fs);
 
 // TODO: React 19 needs support from react-native
 const _View = reactNative.View;
@@ -367,6 +363,16 @@ function createTouchEvents(store) {
   };
 }
 
+// Conditionally import expo-file-system/legacy to support Expo 54
+const getFileSystem = () => {
+  try {
+    return require('expo-file-system/legacy');
+  } catch {
+    return require('expo-file-system');
+  }
+};
+const fs = getFileSystem();
+
 // http://stackoverflow.com/questions/105034
 function uuidv4() {
   return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => {
@@ -405,9 +411,9 @@ async function getAsset(input) {
     if (input.startsWith('data:')) {
       const [header, data] = input.split(';base64,');
       const [, type] = header.split('/');
-      const uri = fs__namespace.cacheDirectory + uuidv4() + `.${type}`;
-      await fs__namespace.writeAsStringAsync(uri, data, {
-        encoding: fs__namespace.EncodingType.Base64
+      const uri = fs.cacheDirectory + uuidv4() + `.${type}`;
+      await fs.writeAsStringAsync(uri, data, {
+        encoding: fs.EncodingType.Base64
       });
       return uri;
     }
@@ -419,8 +425,8 @@ async function getAsset(input) {
 
   // Unpack assets in Android Release Mode
   if (!uri.includes(':')) {
-    const file = `${fs__namespace.cacheDirectory}ExponentAsset-${asset.hash}.${asset.type}`;
-    await fs__namespace.copyAsync({
+    const file = `${fs.cacheDirectory}ExponentAsset-${asset.hash}.${asset.type}`;
+    await fs.copyAsync({
       from: uri,
       to: file
     });
@@ -514,8 +520,8 @@ function polyfills() {
     if (this.path && typeof url === 'string') url = this.path + url;
     this.manager.itemStart(url);
     getAsset(url).then(async uri => {
-      const base64 = await fs__namespace.readAsStringAsync(uri, {
-        encoding: fs__namespace.EncodingType.Base64
+      const base64 = await fs.readAsStringAsync(uri, {
+        encoding: fs.EncodingType.Base64
       });
       const data = buffer.Buffer.from(base64, 'base64');
       onLoad == null ? void 0 : onLoad(data.buffer);

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

@@ -1,5 +1,5 @@
-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-2487ec62.esm.js';
-export { t as ReactThreeFiber, _ as _roots, x as act, k as addAfterEffect, j as addEffect, l as addTail, n as advance, s as applyProps, y as buildGraph, q as context, g as createEvents, o as createPortal, c as createRoot, w as dispose, e as extend, h as flushGlobalEffects, p as flushSync, v as getRootState, m as invalidate, r as reconciler, d as unmountComponentAtNode, D as useFrame, F as useGraph, z as useInstanceHandle, G as useLoader, A as useStore, C as useThree } from '../../dist/events-2487ec62.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-5a94e5eb.esm.js';
+export { t as ReactThreeFiber, _ as _roots, x as act, k as addAfterEffect, j as addEffect, l as addTail, n as advance, s as applyProps, y as buildGraph, q as context, g as createEvents, o as createPortal, c as createRoot, w as dispose, e as extend, h as flushGlobalEffects, p as flushSync, v as getRootState, m as invalidate, r as reconciler, d as unmountComponentAtNode, D as useFrame, F as useGraph, z as useInstanceHandle, G as useLoader, A as useStore, C as useThree } from '../../dist/events-5a94e5eb.esm.js';
 import * as React from 'react';
 import * as THREE from 'three';
 import { PanResponder, PixelRatio, StyleSheet, View, Platform, Image, NativeModules } from 'react-native';
@@ -7,13 +7,10 @@ import { GLView } from 'expo-gl';
 import { FiberProvider } from 'its-fine';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Asset } from 'expo-asset';
-import * as fs from 'expo-file-system';
 import { fromByteArray } from 'base64-js';
 import { Buffer } from 'buffer';
-import 'react-reconciler/constants';
 import 'zustand/traditional';
 import 'suspend-react';
-import 'react-reconciler';
 import 'scheduler';
 
 // TODO: React 19 needs support from react-native
@@ -342,6 +339,16 @@ function createTouchEvents(store) {
   };
 }
 
+// Conditionally import expo-file-system/legacy to support Expo 54
+const getFileSystem = () => {
+  try {
+    return require('expo-file-system/legacy');
+  } catch {
+    return require('expo-file-system');
+  }
+};
+const fs = getFileSystem();
+
 // http://stackoverflow.com/questions/105034
 function uuidv4() {
   return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/fiber",
-  "version": "9.4.1",
+  "version": "9.5.0",
   "description": "A React renderer for Threejs",
   "keywords": [
     "react",
@@ -42,16 +42,18 @@
   "scripts": {
     "prebuild": "cp ../../readme.md readme.md"
   },
+  "devDependencies": {
+    "@types/react-reconciler": "^0.32.3",
+    "react-reconciler": "^0.33.0"
+  },
   "dependencies": {
     "@babel/runtime": "^7.17.8",
-    "@types/react-reconciler": "^0.32.0",
     "@types/webxr": "*",
     "base64-js": "^1.5.1",
     "buffer": "^6.0.3",
     "its-fine": "^2.0.0",
-    "react-reconciler": "^0.31.0",
     "react-use-measure": "^2.1.7",
-    "scheduler": "^0.25.0",
+    "scheduler": "^0.27.0",
     "suspend-react": "^0.1.3",
     "use-sync-external-store": "^1.4.0",
     "zustand": "^5.0.3"
@@ -61,8 +63,8 @@
     "expo-asset": ">=8.4",
     "expo-file-system": ">=11.0",
     "expo-gl": ">=11.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "react": ">=19 <19.3",
+    "react-dom": ">=19 <19.3",
     "react-native": ">=0.78",
     "three": ">=0.156"
   },

package/react-reconciler/constants.d.ts

@@ -0,0 +1,7 @@
+export const DiscreteEventPriority = 0b0000000000000000000000000000001;
+export const ContinuousEventPriority = 0b0000000000000000000000000000100;
+export const DefaultEventPriority = 0b0000000000000000000000000010000;
+export const IdleEventPriority = 0b0100000000000000000000000000000;
+export const LegacyRoot = 0;
+export const ConcurrentRoot = 1;
+export const NoEventPriority = 0;

package/react-reconciler/constants.js

@@ -0,0 +1,9 @@
+/**
+ * @license React
+ * react-reconciler-constants.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */const t=1,o=8,r=32,e=2,i=268435456,n=0,s=0;export{t as ConcurrentRoot,o as ContinuousEventPriority,r as DefaultEventPriority,e as DiscreteEventPriority,i as IdleEventPriority,n as LegacyRoot,s as NoEventPriority};