@react-three/fiber 9.0.0-rc.3 → 9.0.0-rc.5

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var events = require('./events-484fb9c5.cjs.prod.js');
+var events = require('./events-60ed2d7b.cjs.prod.js');
 var React = require('react');
 var THREE = require('three');
 var createDebounce = require('debounce');
@@ -286,52 +286,55 @@ function CanvasImpl({
     const canvas = canvasRef.current;
     if (containerRect.width > 0 && containerRect.height > 0 && canvas) {
       if (!root.current) root.current = events.createRoot(canvas);
-      root.current.configure({
-        gl,
-        scene,
-        events: events$1,
-        shadows,
-        linear,
-        flat,
-        legacy,
-        orthographic,
-        frameloop,
-        dpr,
-        performance,
-        raycaster,
-        camera,
-        size: containerRect,
-        // Pass mutable reference to onPointerMissed so it's free to update
-        onPointerMissed: (...args) => handlePointerMissed.current == null ? void 0 : handlePointerMissed.current(...args),
-        onCreated: state => {
-          // Connect to event source
-          state.events.connect == null ? void 0 : state.events.connect(eventSource ? events.isRef(eventSource) ? eventSource.current : eventSource : divRef.current);
-          // Set up compute function
-          if (eventPrefix) {
-            state.setEvents({
-              compute: (event, state) => {
-                const x = event[eventPrefix + 'X'];
-                const y = event[eventPrefix + 'Y'];
-                state.pointer.set(x / state.size.width * 2 - 1, -(y / state.size.height) * 2 + 1);
-                state.raycaster.setFromCamera(state.pointer, state.camera);
-              }
-            });
+      async function run() {
+        await root.current.configure({
+          gl,
+          scene,
+          events: events$1,
+          shadows,
+          linear,
+          flat,
+          legacy,
+          orthographic,
+          frameloop,
+          dpr,
+          performance,
+          raycaster,
+          camera,
+          size: containerRect,
+          // Pass mutable reference to onPointerMissed so it's free to update
+          onPointerMissed: (...args) => handlePointerMissed.current == null ? void 0 : handlePointerMissed.current(...args),
+          onCreated: state => {
+            // Connect to event source
+            state.events.connect == null ? void 0 : state.events.connect(eventSource ? events.isRef(eventSource) ? eventSource.current : eventSource : divRef.current);
+            // Set up compute function
+            if (eventPrefix) {
+              state.setEvents({
+                compute: (event, state) => {
+                  const x = event[eventPrefix + 'X'];
+                  const y = event[eventPrefix + 'Y'];
+                  state.pointer.set(x / state.size.width * 2 - 1, -(y / state.size.height) * 2 + 1);
+                  state.raycaster.setFromCamera(state.pointer, state.camera);
+                }
+              });
+            }
+            // Call onCreated callback
+            onCreated == null ? void 0 : onCreated(state);
           }
-          // Call onCreated callback
-          onCreated == null ? void 0 : onCreated(state);
-        }
-      });
-      root.current.render( /*#__PURE__*/jsxRuntime.jsx(Bridge, {
-        children: /*#__PURE__*/jsxRuntime.jsx(events.ErrorBoundary, {
-          set: setError,
-          children: /*#__PURE__*/jsxRuntime.jsx(React__namespace.Suspense, {
-            fallback: /*#__PURE__*/jsxRuntime.jsx(events.Block, {
-              set: setBlock
-            }),
-            children: children
+        });
+        root.current.render( /*#__PURE__*/jsxRuntime.jsx(Bridge, {
+          children: /*#__PURE__*/jsxRuntime.jsx(events.ErrorBoundary, {
+            set: setError,
+            children: /*#__PURE__*/jsxRuntime.jsx(React__namespace.Suspense, {
+              fallback: /*#__PURE__*/jsxRuntime.jsx(events.Block, {
+                set: setBlock
+              }),
+              children: children
+            })
           })
-        })
-      }));
+        }));
+      }
+      run();
     }
   });
   React__namespace.useEffect(() => {
@@ -370,9 +373,9 @@ function CanvasImpl({
   });
 }
 
-/**
- * A DOM canvas which accepts threejs elements as children.
- * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
+/**
+ * A DOM canvas which accepts threejs elements as children.
+ * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
  */
 function Canvas(props) {
   return /*#__PURE__*/jsxRuntime.jsx(itsFine.FiberProvider, {
@@ -402,7 +405,6 @@ exports.flushGlobalEffects = events.flushGlobalEffects;
 exports.getRootState = events.getRootState;
 exports.invalidate = events.invalidate;
 exports.reconciler = events.reconciler;
-exports.render = events.render;
 exports.unmountComponentAtNode = events.unmountComponentAtNode;
 exports.useFrame = events.useFrame;
 exports.useGraph = events.useGraph;

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-64d1e225.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, p as createPortal, c as createRoot, w as dispose, f as events, e as extend, h as flushGlobalEffects, v as getRootState, m as invalidate, r as reconciler, o as render, d as unmountComponentAtNode, D as useFrame, F as useGraph, z as useInstanceHandle, G as useLoader, A as useStore, C as useThree } from './events-64d1e225.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-a7b08b1a.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-a7b08b1a.esm.js';
 import * as React from 'react';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import * as THREE from 'three';
@@ -260,52 +260,55 @@ function CanvasImpl({
     const canvas = canvasRef.current;
     if (containerRect.width > 0 && containerRect.height > 0 && canvas) {
       if (!root.current) root.current = createRoot(canvas);
-      root.current.configure({
-        gl,
-        scene,
-        events,
-        shadows,
-        linear,
-        flat,
-        legacy,
-        orthographic,
-        frameloop,
-        dpr,
-        performance,
-        raycaster,
-        camera,
-        size: containerRect,
-        // Pass mutable reference to onPointerMissed so it's free to update
-        onPointerMissed: (...args) => handlePointerMissed.current == null ? void 0 : handlePointerMissed.current(...args),
-        onCreated: state => {
-          // Connect to event source
-          state.events.connect == null ? void 0 : state.events.connect(eventSource ? isRef(eventSource) ? eventSource.current : eventSource : divRef.current);
-          // Set up compute function
-          if (eventPrefix) {
-            state.setEvents({
-              compute: (event, state) => {
-                const x = event[eventPrefix + 'X'];
-                const y = event[eventPrefix + 'Y'];
-                state.pointer.set(x / state.size.width * 2 - 1, -(y / state.size.height) * 2 + 1);
-                state.raycaster.setFromCamera(state.pointer, state.camera);
-              }
-            });
+      async function run() {
+        await root.current.configure({
+          gl,
+          scene,
+          events,
+          shadows,
+          linear,
+          flat,
+          legacy,
+          orthographic,
+          frameloop,
+          dpr,
+          performance,
+          raycaster,
+          camera,
+          size: containerRect,
+          // Pass mutable reference to onPointerMissed so it's free to update
+          onPointerMissed: (...args) => handlePointerMissed.current == null ? void 0 : handlePointerMissed.current(...args),
+          onCreated: state => {
+            // Connect to event source
+            state.events.connect == null ? void 0 : state.events.connect(eventSource ? isRef(eventSource) ? eventSource.current : eventSource : divRef.current);
+            // Set up compute function
+            if (eventPrefix) {
+              state.setEvents({
+                compute: (event, state) => {
+                  const x = event[eventPrefix + 'X'];
+                  const y = event[eventPrefix + 'Y'];
+                  state.pointer.set(x / state.size.width * 2 - 1, -(y / state.size.height) * 2 + 1);
+                  state.raycaster.setFromCamera(state.pointer, state.camera);
+                }
+              });
+            }
+            // Call onCreated callback
+            onCreated == null ? void 0 : onCreated(state);
           }
-          // Call onCreated callback
-          onCreated == null ? void 0 : onCreated(state);
-        }
-      });
-      root.current.render( /*#__PURE__*/jsx(Bridge, {
-        children: /*#__PURE__*/jsx(ErrorBoundary, {
-          set: setError,
-          children: /*#__PURE__*/jsx(React.Suspense, {
-            fallback: /*#__PURE__*/jsx(Block, {
-              set: setBlock
-            }),
-            children: children
+        });
+        root.current.render( /*#__PURE__*/jsx(Bridge, {
+          children: /*#__PURE__*/jsx(ErrorBoundary, {
+            set: setError,
+            children: /*#__PURE__*/jsx(React.Suspense, {
+              fallback: /*#__PURE__*/jsx(Block, {
+                set: setBlock
+              }),
+              children: children
+            })
           })
-        })
-      }));
+        }));
+      }
+      run();
     }
   });
   React.useEffect(() => {
@@ -344,9 +347,9 @@ function CanvasImpl({
   });
 }
 
-/**
- * A DOM canvas which accepts threejs elements as children.
- * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
+/**
+ * A DOM canvas which accepts threejs elements as children.
+ * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
  */
 function Canvas(props) {
   return /*#__PURE__*/jsx(FiberProvider, {

package/native/package.json

@@ -1,5 +1,5 @@
-{
-  "main": "dist/react-three-fiber-native.cjs.js",
-  "module": "dist/react-three-fiber-native.esm.js",
-  "types": "dist/react-three-fiber-native.cjs.d.ts"
-}
+{
+  "main": "dist/react-three-fiber-native.cjs.js",
+  "module": "dist/react-three-fiber-native.esm.js",
+  "types": "dist/react-three-fiber-native.cjs.d.ts"
+}

package/package.json

@@ -1,88 +1,88 @@
-{
-  "name": "@react-three/fiber",
-  "version": "9.0.0-rc.3",
-  "description": "A React renderer for Threejs",
-  "keywords": [
-    "react",
-    "renderer",
-    "fiber",
-    "three",
-    "threejs"
-  ],
-  "author": "Paul Henschel (https://github.com/drcmda)",
-  "license": "MIT",
-  "maintainers": [
-    "Josh Ellis (https://github.com/joshuaellis)",
-    "Cody Bennett (https://github.com/codyjasonbennett)"
-  ],
-  "bugs": {
-    "url": "https://github.com/pmndrs/react-three-fiber/issues"
-  },
-  "homepage": "https://github.com/pmndrs/react-three-fiber#readme",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/pmndrs/react-three-fiber.git"
-  },
-  "collective": {
-    "type": "opencollective",
-    "url": "https://opencollective.com/react-three-fiber"
-  },
-  "main": "dist/react-three-fiber.cjs.js",
-  "module": "dist/react-three-fiber.esm.js",
-  "types": "dist/react-three-fiber.cjs.d.ts",
-  "react-native": "native/dist/react-three-fiber-native.cjs.js",
-  "sideEffects": false,
-  "preconstruct": {
-    "entrypoints": [
-      "index.tsx",
-      "native.tsx"
-    ]
-  },
-  "scripts": {
-    "prebuild": "cp ../../readme.md readme.md"
-  },
-  "dependencies": {
-    "@babel/runtime": "^7.17.8",
-    "@types/debounce": "^1.2.1",
-    "@types/react-reconciler": "^0.28.8",
-    "@types/webxr": "*",
-    "base64-js": "^1.5.1",
-    "buffer": "^6.0.3",
-    "debounce": "^1.2.1",
-    "its-fine": "^1.2.5",
-    "react-reconciler": "0.31.0",
-    "scheduler": "0.25.0",
-    "suspend-react": "^0.1.3",
-    "zustand": "^4.1.2"
-  },
-  "peerDependencies": {
-    "expo": ">=43.0",
-    "expo-asset": ">=8.4",
-    "expo-gl": ">=11.0",
-    "expo-file-system": ">=11.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-native": ">=0.69",
-    "three": ">=0.156"
-  },
-  "peerDependenciesMeta": {
-    "react-dom": {
-      "optional": true
-    },
-    "react-native": {
-      "optional": true
-    },
-    "expo": {
-      "optional": true
-    },
-    "expo-asset": {
-      "optional": true
-    },
-    "expo-file-system": {
-      "optional": true
-    },
-    "expo-gl": {
-      "optional": true
-    }
-  }
-}
+{
+  "name": "@react-three/fiber",
+  "version": "9.0.0-rc.5",
+  "description": "A React renderer for Threejs",
+  "keywords": [
+    "react",
+    "renderer",
+    "fiber",
+    "three",
+    "threejs"
+  ],
+  "author": "Paul Henschel (https://github.com/drcmda)",
+  "license": "MIT",
+  "maintainers": [
+    "Josh Ellis (https://github.com/joshuaellis)",
+    "Cody Bennett (https://github.com/codyjasonbennett)"
+  ],
+  "bugs": {
+    "url": "https://github.com/pmndrs/react-three-fiber/issues"
+  },
+  "homepage": "https://github.com/pmndrs/react-three-fiber#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/pmndrs/react-three-fiber.git"
+  },
+  "collective": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/react-three-fiber"
+  },
+  "main": "dist/react-three-fiber.cjs.js",
+  "module": "dist/react-three-fiber.esm.js",
+  "types": "dist/react-three-fiber.cjs.d.ts",
+  "react-native": "native/dist/react-three-fiber-native.cjs.js",
+  "sideEffects": false,
+  "preconstruct": {
+    "entrypoints": [
+      "index.tsx",
+      "native.tsx"
+    ]
+  },
+  "scripts": {
+    "prebuild": "cp ../../readme.md readme.md"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.17.8",
+    "@types/debounce": "^1.2.1",
+    "@types/react-reconciler": "^0.28.8",
+    "@types/webxr": "*",
+    "base64-js": "^1.5.1",
+    "buffer": "^6.0.3",
+    "debounce": "^1.2.1",
+    "its-fine": "^1.2.5",
+    "react-reconciler": "0.31.0",
+    "scheduler": "0.25.0",
+    "suspend-react": "^0.1.3",
+    "zustand": "^4.1.2"
+  },
+  "peerDependencies": {
+    "expo": ">=43.0",
+    "expo-asset": ">=8.4",
+    "expo-gl": ">=11.0",
+    "expo-file-system": ">=11.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-native": ">=0.78",
+    "three": ">=0.156"
+  },
+  "peerDependenciesMeta": {
+    "react-dom": {
+      "optional": true
+    },
+    "react-native": {
+      "optional": true
+    },
+    "expo": {
+      "optional": true
+    },
+    "expo-asset": {
+      "optional": true
+    },
+    "expo-file-system": {
+      "optional": true
+    },
+    "expo-gl": {
+      "optional": true
+    }
+  }
+}