@react-three/fiber 8.15.17 → 8.15.19

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @react-three/fiber
 
+## 8.15.19
+
+### Patch Changes
+
+- 74926b94: fix(types): avoid emitting THREE.XRFrame
+
+## 8.15.18
+
+### Patch Changes
+
+- 8c01939a: fix: correctly pass frames in invalidate
+
 ## 8.15.17
 
 ### Patch Changes

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

@@ -5,13 +5,13 @@ import { UseBoundStore } from 'zustand';
 import * as ReactThreeFiber from '../three-types';
 import { Renderer, context, RootState, Size, Dpr, Performance, PrivateKeys } from './store';
 import { extend, Root } from './renderer';
-import { addEffect, addAfterEffect, addTail, flushGlobalEffects } from './loop';
+import { addEffect, addAfterEffect, addTail, flushGlobalEffects, Invalidate, Advance } from './loop';
 import { EventManager, ComputeFunction } from './events';
 import { dispose, getRootState, Camera, buildGraph } from './utils';
 import type { Properties } from '../three-types';
 declare type Canvas = HTMLCanvasElement | OffscreenCanvas;
 declare const roots: Map<Canvas, Root>;
-declare const invalidate: (state?: RootState | undefined, frames?: number) => void, advance: (timestamp: number, runGlobalEffects?: boolean, state?: RootState | undefined, frame?: THREE.XRFrame | undefined) => void;
+declare const invalidate: Invalidate, advance: Advance;
 declare const reconciler: import("react-reconciler").Reconciler<UseBoundStore<RootState, import("zustand").StoreApi<RootState>>, import("./renderer").Instance, void, import("./renderer").Instance, import("./renderer").Instance>, applyProps: typeof import("./utils").applyProps;
 declare type GLProps = Renderer | ((canvas: Canvas) => Renderer) | Partial<Properties<THREE.WebGLRenderer> | THREE.WebGLRendererParameters> | undefined;
 export declare type RenderProps<TCanvas extends Canvas> = {

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

@@ -1,5 +1,6 @@
 import { Root } from './renderer';
 import { RootState } from './store';
+import { _XRFrame } from './utils';
 export declare type GlobalRenderCallback = (timeStamp: number) => void;
 /**
  * Adds a global render callback which is called each frame.
@@ -18,16 +19,20 @@ export declare const addAfterEffect: (callback: GlobalRenderCallback) => () => v
 export declare const addTail: (callback: GlobalRenderCallback) => () => void;
 export declare type GlobalEffectType = 'before' | 'after' | 'tail';
 export declare function flushGlobalEffects(type: GlobalEffectType, timestamp: number): void;
-export declare function createLoop<TCanvas>(roots: Map<TCanvas, Root>): {
+export declare type Invalidate = (state?: RootState, frames?: number) => void;
+export declare type Advance = (timestamp: number, runGlobalEffects?: boolean, state?: RootState, frame?: _XRFrame) => void;
+interface Loop {
     loop: (timestamp: number) => void;
     /**
      * Invalidates the view, requesting a frame to be rendered. Will globally invalidate unless passed a root's state.
      * @see https://docs.pmnd.rs/react-three-fiber/api/additional-exports#invalidate
      */
-    invalidate: (state?: RootState | undefined, frames?: number) => void;
+    invalidate: Invalidate;
     /**
      * Advances the frameloop and runs render effects, useful for when manually rendering via `frameloop="never"`.
      * @see https://docs.pmnd.rs/react-three-fiber/api/additional-exports#advance
      */
-    advance: (timestamp: number, runGlobalEffects?: boolean, state?: RootState | undefined, frame?: import("three").XRFrame | undefined) => void;
-};
+    advance: Advance;
+}
+export declare function createLoop<TCanvas>(roots: Map<TCanvas, Root>): Loop;
+export {};

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

@@ -3,6 +3,7 @@ import * as React from 'react';
 import { GetState, SetState, StoreApi, UseBoundStore } from 'zustand';
 import { DomEvent, EventManager, PointerCaptureTarget, ThreeEvent } from './events';
 import { _XRFrame, Camera } from './utils';
+import { Advance, Invalidate } from './loop';
 export declare const privateKeys: readonly ["set", "get", "setSize", "setFrameloop", "setDpr", "events", "invalidate", "advance", "size", "viewport"];
 export declare type PrivateKeys = typeof privateKeys[number];
 export interface Intersection extends THREE.Intersection {
@@ -133,5 +134,5 @@ export declare type RootState = {
     internal: InternalState;
 };
 declare const context: React.Context<UseBoundStore<RootState, StoreApi<RootState>>>;
-declare const createStore: (invalidate: (state?: RootState | undefined, frames?: number | undefined) => void, advance: (timestamp: number, runGlobalEffects?: boolean | undefined, state?: RootState | undefined, frame?: THREE.XRFrame | undefined) => void) => UseBoundStore<RootState>;
+declare const createStore: (invalidate: Invalidate, advance: Advance) => UseBoundStore<RootState>;
 export { createStore, context };

package/dist/{index-e873c87f.cjs.prod.js → index-87af8422.cjs.prod.js}

@@ -1608,7 +1608,7 @@ function createLoop(roots) {
   }
   function invalidate(state, frames = 1) {
     var _state$gl$xr2;
-    if (!state) return roots.forEach(root => invalidate(root.store.getState()), frames);
+    if (!state) return roots.forEach(root => invalidate(root.store.getState(), frames));
     if ((_state$gl$xr2 = state.gl.xr) != null && _state$gl$xr2.isPresenting || !state.internal.active || state.frameloop === 'never') return;
     // Increase frames, do not go higher than 60
     state.internal.frames = Math.min(60, state.internal.frames + frames);
@@ -1625,15 +1625,7 @@ function createLoop(roots) {
   }
   return {
     loop,
-    /**
-     * Invalidates the view, requesting a frame to be rendered. Will globally invalidate unless passed a root's state.
-     * @see https://docs.pmnd.rs/react-three-fiber/api/additional-exports#invalidate
-     */
     invalidate,
-    /**
-     * Advances the frameloop and runs render effects, useful for when manually rendering via `frameloop="never"`.
-     * @see https://docs.pmnd.rs/react-three-fiber/api/additional-exports#advance
-     */
     advance
   };
 }

package/dist/{index-38c9b12f.cjs.dev.js → index-b90e75f9.cjs.dev.js}

@@ -1608,7 +1608,7 @@ function createLoop(roots) {
   }
   function invalidate(state, frames = 1) {
     var _state$gl$xr2;
-    if (!state) return roots.forEach(root => invalidate(root.store.getState()), frames);
+    if (!state) return roots.forEach(root => invalidate(root.store.getState(), frames));
     if ((_state$gl$xr2 = state.gl.xr) != null && _state$gl$xr2.isPresenting || !state.internal.active || state.frameloop === 'never') return;
     // Increase frames, do not go higher than 60
     state.internal.frames = Math.min(60, state.internal.frames + frames);
@@ -1625,15 +1625,7 @@ function createLoop(roots) {
   }
   return {
     loop,
-    /**
-     * Invalidates the view, requesting a frame to be rendered. Will globally invalidate unless passed a root's state.
-     * @see https://docs.pmnd.rs/react-three-fiber/api/additional-exports#invalidate
-     */
     invalidate,
-    /**
-     * Advances the frameloop and runs render effects, useful for when manually rendering via `frameloop="never"`.
-     * @see https://docs.pmnd.rs/react-three-fiber/api/additional-exports#advance
-     */
     advance
   };
 }

package/dist/{index-ca597524.esm.js → index-e6b5343a.esm.js}

@@ -1581,7 +1581,7 @@ function createLoop(roots) {
   }
   function invalidate(state, frames = 1) {
     var _state$gl$xr2;
-    if (!state) return roots.forEach(root => invalidate(root.store.getState()), frames);
+    if (!state) return roots.forEach(root => invalidate(root.store.getState(), frames));
     if ((_state$gl$xr2 = state.gl.xr) != null && _state$gl$xr2.isPresenting || !state.internal.active || state.frameloop === 'never') return;
     // Increase frames, do not go higher than 60
     state.internal.frames = Math.min(60, state.internal.frames + frames);
@@ -1598,15 +1598,7 @@ function createLoop(roots) {
   }
   return {
     loop,
-    /**
-     * Invalidates the view, requesting a frame to be rendered. Will globally invalidate unless passed a root's state.
-     * @see https://docs.pmnd.rs/react-three-fiber/api/additional-exports#invalidate
-     */
     invalidate,
-    /**
-     * Advances the frameloop and runs render effects, useful for when manually rendering via `frameloop="never"`.
-     * @see https://docs.pmnd.rs/react-three-fiber/api/additional-exports#advance
-     */
     advance
   };
 }

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-38c9b12f.cjs.dev.js');
+var index = require('./index-b90e75f9.cjs.dev.js');
 var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var THREE = require('three');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-e873c87f.cjs.prod.js');
+var index = require('./index-87af8422.cjs.prod.js');
 var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var THREE = require('three');

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

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

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../../dist/index-38c9b12f.cjs.dev.js');
+var index = require('../../dist/index-b90e75f9.cjs.dev.js');
 var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var THREE = require('three');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../../dist/index-e873c87f.cjs.prod.js');
+var index = require('../../dist/index-87af8422.cjs.prod.js');
 var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var THREE = require('three');

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

@@ -1,5 +1,5 @@
-import { c as createEvents, e as extend, u as useMutableCallback, b as createRoot, E as ErrorBoundary, B as Block, d as unmountComponentAtNode } from '../../dist/index-ca597524.esm.js';
-export { t as ReactThreeFiber, x as _roots, v as act, o as addAfterEffect, n as addEffect, p as addTail, m as advance, j as applyProps, w as buildGraph, f as context, c as createEvents, g as createPortal, b as createRoot, k as dispose, e as extend, q as flushGlobalEffects, s as getRootState, l as invalidate, h as reconciler, r as render, d as unmountComponentAtNode, C as useFrame, D as useGraph, y as useInstanceHandle, F as useLoader, z as useStore, A as useThree } from '../../dist/index-ca597524.esm.js';
+import { c as createEvents, e as extend, u as useMutableCallback, b as createRoot, E as ErrorBoundary, B as Block, d as unmountComponentAtNode } from '../../dist/index-e6b5343a.esm.js';
+export { t as ReactThreeFiber, x as _roots, v as act, o as addAfterEffect, n as addEffect, p as addTail, m as advance, j as applyProps, w as buildGraph, f as context, c as createEvents, g as createPortal, b as createRoot, k as dispose, e as extend, q as flushGlobalEffects, s as getRootState, l as invalidate, h as reconciler, r as render, d as unmountComponentAtNode, C as useFrame, D as useGraph, y as useInstanceHandle, F as useLoader, z as useStore, A as useThree } from '../../dist/index-e6b5343a.esm.js';
 import _extends from '@babel/runtime/helpers/esm/extends';
 import * as React from 'react';
 import * as THREE from 'three';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/fiber",
-  "version": "8.15.17",
+  "version": "8.15.19",
   "description": "A React renderer for Threejs",
   "keywords": [
     "react",