@react-three/fiber 9.0.0-alpha.7 → 9.0.0-beta.0

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var loop = require('./loop-4ac96174.cjs.dev.js');
+var loop = require('./loop-8dd3f5bb.cjs.dev.js');
 var React = require('react');
 var THREE = require('three');
 var useMeasure = require('react-use-measure');
@@ -146,7 +146,6 @@ const CanvasImpl = /*#__PURE__*/React__namespace.forwardRef(function Canvas({
   scene,
   onPointerMissed,
   onCreated,
-  stages,
   ...props
 }, forwardedRef) {
   // Create a known catalogue of Threejs-native elements
@@ -275,10 +274,7 @@ const Canvas = /*#__PURE__*/React__namespace.forwardRef(function CanvasWrapper(p
   });
 });
 
-exports.FixedStage = loop.FixedStage;
 exports.ReactThreeFiber = loop.threeTypes;
-exports.Stage = loop.Stage;
-exports.Stages = loop.Stages;
 exports._roots = loop._roots;
 exports.act = loop.act;
 exports.addAfterEffect = loop.addAfterEffect;
@@ -305,6 +301,5 @@ exports.useInstanceHandle = loop.useInstanceHandle;
 exports.useLoader = loop.useLoader;
 exports.useStore = loop.useStore;
 exports.useThree = loop.useThree;
-exports.useUpdate = loop.useUpdate;
 exports.Canvas = Canvas;
 exports.events = createPointerEvents;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var loop = require('./loop-2e09d861.cjs.prod.js');
+var loop = require('./loop-5012a96a.cjs.prod.js');
 var React = require('react');
 var THREE = require('three');
 var useMeasure = require('react-use-measure');
@@ -146,7 +146,6 @@ const CanvasImpl = /*#__PURE__*/React__namespace.forwardRef(function Canvas({
   scene,
   onPointerMissed,
   onCreated,
-  stages,
   ...props
 }, forwardedRef) {
   // Create a known catalogue of Threejs-native elements
@@ -275,10 +274,7 @@ const Canvas = /*#__PURE__*/React__namespace.forwardRef(function CanvasWrapper(p
   });
 });
 
-exports.FixedStage = loop.FixedStage;
 exports.ReactThreeFiber = loop.threeTypes;
-exports.Stage = loop.Stage;
-exports.Stages = loop.Stages;
 exports._roots = loop._roots;
 exports.act = loop.act;
 exports.addAfterEffect = loop.addAfterEffect;
@@ -305,6 +301,5 @@ exports.useInstanceHandle = loop.useInstanceHandle;
 exports.useLoader = loop.useLoader;
 exports.useStore = loop.useStore;
 exports.useThree = loop.useThree;
-exports.useUpdate = loop.useUpdate;
 exports.Canvas = Canvas;
 exports.events = createPointerEvents;

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

@@ -1,5 +1,5 @@
-import { c as createEvents, e as extend, u as useBridge, a as useMutableCallback, b as useIsomorphicLayoutEffect, d as createRoot, i as isRef, E as ErrorBoundary, B as Block, f as unmountComponentAtNode } from './loop-2db547cd.esm.js';
-export { F as FixedStage, t as ReactThreeFiber, S as Stage, p as Stages, _ as _roots, x as act, j as addAfterEffect, h as addEffect, k as addTail, m as advance, s as applyProps, y as buildGraph, q as context, c as createEvents, o as createPortal, d as createRoot, w as dispose, e as extend, g as flushGlobalEffects, v as getRootState, l as invalidate, r as reconciler, n as render, f as unmountComponentAtNode, D as useFrame, H as useGraph, z as useInstanceHandle, I as useLoader, A as useStore, C as useThree, G as useUpdate } from './loop-2db547cd.esm.js';
+import { c as createEvents, e as extend, u as useBridge, a as useMutableCallback, b as useIsomorphicLayoutEffect, d as createRoot, i as isRef, E as ErrorBoundary, B as Block, f as unmountComponentAtNode } from './loop-ed5edcdb.esm.js';
+export { t as ReactThreeFiber, _ as _roots, w as act, j as addAfterEffect, h as addEffect, k as addTail, m as advance, q as applyProps, x as buildGraph, p as context, c as createEvents, o as createPortal, d as createRoot, v as dispose, e as extend, g as flushGlobalEffects, s as getRootState, l as invalidate, r as reconciler, n as render, f as unmountComponentAtNode, C as useFrame, D as useGraph, y as useInstanceHandle, F as useLoader, z as useStore, A as useThree } from './loop-ed5edcdb.esm.js';
 import * as React from 'react';
 import * as THREE from 'three';
 import useMeasure from 'react-use-measure';
@@ -119,7 +119,6 @@ const CanvasImpl = /*#__PURE__*/React.forwardRef(function Canvas({
   scene,
   onPointerMissed,
   onCreated,
-  stages,
   ...props
 }, forwardedRef) {
   // Create a known catalogue of Threejs-native elements

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var loop = require('../../dist/loop-4ac96174.cjs.dev.js');
+var loop = require('../../dist/loop-8dd3f5bb.cjs.dev.js');
 var React = require('react');
 var THREE = require('three');
 var reactNative = require('react-native');
@@ -146,7 +146,6 @@ const CanvasImpl = /*#__PURE__*/React__namespace.forwardRef(({
   scene,
   onPointerMissed,
   onCreated,
-  stages,
   ...props
 }, forwardedRef) => {
   // Create a known catalogue of Threejs-native elements
@@ -227,7 +226,6 @@ const CanvasImpl = /*#__PURE__*/React__namespace.forwardRef(({
       performance,
       raycaster,
       camera,
-      stages,
       scene,
       // expo-gl can only render at native dpr/resolution
       // https://github.com/expo/expo-three/issues/39
@@ -463,10 +461,7 @@ function polyfills() {
 
 if (reactNative.Platform.OS !== 'web') polyfills();
 
-exports.FixedStage = loop.FixedStage;
 exports.ReactThreeFiber = loop.threeTypes;
-exports.Stage = loop.Stage;
-exports.Stages = loop.Stages;
 exports._roots = loop._roots;
 exports.act = loop.act;
 exports.addAfterEffect = loop.addAfterEffect;
@@ -493,6 +488,5 @@ exports.useInstanceHandle = loop.useInstanceHandle;
 exports.useLoader = loop.useLoader;
 exports.useStore = loop.useStore;
 exports.useThree = loop.useThree;
-exports.useUpdate = loop.useUpdate;
 exports.Canvas = Canvas;
 exports.events = createTouchEvents;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var loop = require('../../dist/loop-2e09d861.cjs.prod.js');
+var loop = require('../../dist/loop-5012a96a.cjs.prod.js');
 var React = require('react');
 var THREE = require('three');
 var reactNative = require('react-native');
@@ -146,7 +146,6 @@ const CanvasImpl = /*#__PURE__*/React__namespace.forwardRef(({
   scene,
   onPointerMissed,
   onCreated,
-  stages,
   ...props
 }, forwardedRef) => {
   // Create a known catalogue of Threejs-native elements
@@ -227,7 +226,6 @@ const CanvasImpl = /*#__PURE__*/React__namespace.forwardRef(({
       performance,
       raycaster,
       camera,
-      stages,
       scene,
       // expo-gl can only render at native dpr/resolution
       // https://github.com/expo/expo-three/issues/39
@@ -463,10 +461,7 @@ function polyfills() {
 
 if (reactNative.Platform.OS !== 'web') polyfills();
 
-exports.FixedStage = loop.FixedStage;
 exports.ReactThreeFiber = loop.threeTypes;
-exports.Stage = loop.Stage;
-exports.Stages = loop.Stages;
 exports._roots = loop._roots;
 exports.act = loop.act;
 exports.addAfterEffect = loop.addAfterEffect;
@@ -493,6 +488,5 @@ exports.useInstanceHandle = loop.useInstanceHandle;
 exports.useLoader = loop.useLoader;
 exports.useStore = loop.useStore;
 exports.useThree = loop.useThree;
-exports.useUpdate = loop.useUpdate;
 exports.Canvas = Canvas;
 exports.events = createTouchEvents;

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

@@ -1,5 +1,5 @@
-import { c as createEvents, e as extend, u as useBridge, a as useMutableCallback, d as createRoot, E as ErrorBoundary, B as Block, f as unmountComponentAtNode } from '../../dist/loop-2db547cd.esm.js';
-export { F as FixedStage, t as ReactThreeFiber, S as Stage, p as Stages, _ as _roots, x as act, j as addAfterEffect, h as addEffect, k as addTail, m as advance, s as applyProps, y as buildGraph, q as context, c as createEvents, o as createPortal, d as createRoot, w as dispose, e as extend, g as flushGlobalEffects, v as getRootState, l as invalidate, r as reconciler, n as render, f as unmountComponentAtNode, D as useFrame, H as useGraph, z as useInstanceHandle, I as useLoader, A as useStore, C as useThree, G as useUpdate } from '../../dist/loop-2db547cd.esm.js';
+import { c as createEvents, e as extend, u as useBridge, a as useMutableCallback, d as createRoot, E as ErrorBoundary, B as Block, f as unmountComponentAtNode } from '../../dist/loop-ed5edcdb.esm.js';
+export { t as ReactThreeFiber, _ as _roots, w as act, j as addAfterEffect, h as addEffect, k as addTail, m as advance, q as applyProps, x as buildGraph, p as context, c as createEvents, o as createPortal, d as createRoot, v as dispose, e as extend, g as flushGlobalEffects, s as getRootState, l as invalidate, r as reconciler, n as render, f as unmountComponentAtNode, C as useFrame, D as useGraph, y as useInstanceHandle, F as useLoader, z as useStore, A as useThree } from '../../dist/loop-ed5edcdb.esm.js';
 import * as React from 'react';
 import * as THREE from 'three';
 import { PanResponder, PixelRatio, StyleSheet, View, Platform, Image, NativeModules } from 'react-native';
@@ -121,7 +121,6 @@ const CanvasImpl = /*#__PURE__*/React.forwardRef(({
   scene,
   onPointerMissed,
   onCreated,
-  stages,
   ...props
 }, forwardedRef) => {
   // Create a known catalogue of Threejs-native elements
@@ -202,7 +201,6 @@ const CanvasImpl = /*#__PURE__*/React.forwardRef(({
       performance,
       raycaster,
       camera,
-      stages,
       scene,
       // expo-gl can only render at native dpr/resolution
       // https://github.com/expo/expo-three/issues/39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/fiber",
-  "version": "9.0.0-alpha.7",
+  "version": "9.0.0-beta.0",
   "description": "A React renderer for Threejs",
   "keywords": [
     "react",
@@ -47,9 +47,9 @@
     "base64-js": "^1.5.1",
     "buffer": "^6.0.3",
     "its-fine": "^1.2.5",
-    "react-reconciler": "0.31.0-rc-915b914b3a-20240515",
+    "react-reconciler": "0.31.0-rc-38e3b23483-20240529",
     "react-use-measure": "^2.1.1",
-    "scheduler": "0.25.0-rc-915b914b3a-20240515",
+    "scheduler": "0.25.0-rc-38e3b23483-20240529",
     "suspend-react": "^0.1.3",
     "zustand": "^4.1.2"
   },

package/dist/declarations/src/core/stages.d.ts

@@ -1,64 +0,0 @@
-/// <reference types="webxr" />
-import type { Subscription, RootStore } from "./store.js";
-export type UpdateSubscription = Omit<Subscription, 'priority'>;
-/**
- * Class representing a stage that updates every frame.
- * Stages are used to build a lifecycle of effects for an app's frameloop.
- */
-export declare class Stage {
-    private subscribers;
-    private _frameTime;
-    constructor();
-    /**
-     * Executes all callback subscriptions on the stage.
-     * @param delta - Delta time between frame calls.
-     * @param [frame] - The XR frame if it exists.
-     */
-    frame(delta: number, frame?: XRFrame): void;
-    /**
-     * Adds a callback subscriber to the stage.
-     * @param ref - The mutable callback reference.
-     * @param store - The store to be used with the callback execution.
-     * @returns A function to remove the subscription.
-     */
-    add(ref: UpdateSubscription['ref'], store: RootStore): () => void;
-    get frameTime(): number;
-}
-/**
- * Class representing a stage that updates every frame at a fixed rate.
- * @param name - Name of the stage.
- * @param [fixedStep] - Fixed step rate.
- * @param [maxSubsteps] - Maximum number of substeps.
- */
-export declare class FixedStage extends Stage {
-    private _fixedStep;
-    private _maxSubsteps;
-    private _accumulator;
-    private _alpha;
-    private _fixedFrameTime;
-    private _substepTimes;
-    constructor(fixedStep?: number, maxSubSteps?: number);
-    /**
-     * Executes all callback subscriptions on the stage.
-     * @param delta - Delta time between frame calls.
-     * @param [frame] - The XR frame if it exists.
-     */
-    frame(delta: number, frame?: XRFrame): void;
-    get frameTime(): number;
-    get substepTimes(): number[];
-    get fixedStep(): number;
-    set fixedStep(fixedStep: number);
-    get maxSubsteps(): number;
-    set maxSubsteps(maxSubsteps: number);
-    get accumulator(): number;
-    get alpha(): number;
-}
-export declare const Stages: {
-    Early: Stage;
-    Fixed: FixedStage;
-    Update: Stage;
-    Late: Stage;
-    Render: Stage;
-    After: Stage;
-};
-export declare const Lifecycle: Stage[];