@react-three/fiber 8.14.7 → 8.15.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @react-three/fiber
 
+## 8.15.1
+
+### Patch Changes
+
+- 2d39676d: fix: ignore deprecated types, use correct XRFrame definition
+
+## 8.15.0
+
+### Minor Changes
+
+- cca8b6bb: feat: export buildGraph
+
 ## 8.14.7
 
 ### Patch Changes

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

@@ -7,7 +7,7 @@ import { Renderer, context, RootState, Size, Dpr, Performance, PrivateKeys } fro
 import { extend, Root } from './renderer';
 import { addEffect, addAfterEffect, addTail, flushGlobalEffects } from './loop';
 import { EventManager, ComputeFunction } from './events';
-import { dispose, getRootState, Camera } from './utils';
+import { dispose, getRootState, Camera, buildGraph } from './utils';
 import type { Properties } from '../three-types';
 declare type Canvas = HTMLCanvasElement | OffscreenCanvas;
 declare const roots: Map<Canvas, Root>;
@@ -54,4 +54,4 @@ export declare type InjectState = Partial<Omit<RootState, PrivateKeys> & {
 declare function createPortal(children: React.ReactNode, container: THREE.Object3D, state?: InjectState): JSX.Element;
 declare const act: any;
 export * from './hooks';
-export { context, render, createRoot, unmountComponentAtNode, createPortal, reconciler, applyProps, dispose, invalidate, advance, extend, addEffect, addAfterEffect, addTail, flushGlobalEffects, getRootState, act, roots as _roots, };
+export { context, render, createRoot, unmountComponentAtNode, createPortal, reconciler, applyProps, dispose, invalidate, advance, extend, addEffect, addAfterEffect, addTail, flushGlobalEffects, getRootState, act, buildGraph, roots as _roots, };

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

@@ -1,4 +1,3 @@
-import * as THREE from 'three';
 import { Root } from './renderer';
 import { RootState } from './store';
 export declare type GlobalRenderCallback = (timeStamp: number) => void;
@@ -10,5 +9,5 @@ export declare function flushGlobalEffects(type: GlobalEffectType, timestamp: nu
 export declare function createLoop<TCanvas>(roots: Map<TCanvas, Root>): {
     loop: (timestamp: number) => void;
     invalidate: (state?: RootState | undefined, frames?: number) => void;
-    advance: (timestamp: number, runGlobalEffects?: boolean, state?: RootState | undefined, frame?: THREE.XRFrame | undefined) => void;
+    advance: (timestamp: number, runGlobalEffects?: boolean, state?: RootState | undefined, frame?: import("three").XRFrame | undefined) => void;
 };

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

@@ -2,7 +2,7 @@ import * as THREE from 'three';
 import * as React from 'react';
 import { GetState, SetState, StoreApi, UseBoundStore } from 'zustand';
 import { DomEvent, EventManager, PointerCaptureTarget, ThreeEvent } from './events';
-import { Camera } from './utils';
+import { _XRFrame, Camera } from './utils';
 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 {
@@ -28,7 +28,7 @@ export declare type Viewport = Size & {
     distance: number;
     aspect: number;
 };
-export declare type RenderCallback = (state: RootState, delta: number, frame?: THREE.XRFrame) => void;
+export declare type RenderCallback = (state: RootState, delta: number, frame?: _XRFrame) => void;
 export declare type Performance = {
     current: number;
     min: number;

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

@@ -1,7 +1,12 @@
+/// <reference types="webxr" />
 import * as THREE from 'three';
 import * as React from 'react';
 import { AttachType, Instance, InstanceProps, LocalState } from './renderer';
 import { Dpr, Renderer, RootState, Size } from './store';
+declare type _DeprecatedXRFrame = THREE.XRFrame;
+export declare type _XRFrame = THREE.WebGLRenderTargetOptions extends {
+    samples?: number;
+} ? XRFrame : _DeprecatedXRFrame;
 export declare const hasColorSpace: <T extends object | Renderer | THREE.Texture, P = T extends Renderer ? {
     outputColorSpace: string;
 } : {
@@ -92,3 +97,4 @@ export declare function updateInstance(instance: Instance): void;
 export declare function updateCamera(camera: Camera & {
     manual?: boolean;
 }, size: Size): void;
+export {};

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

@@ -105,7 +105,7 @@ export declare type ConeGeometryProps = BufferGeometryNode<THREE.ConeGeometry, t
 export declare type CylinderGeometryProps = BufferGeometryNode<THREE.CylinderGeometry, typeof THREE.CylinderGeometry>;
 export declare type CircleGeometryProps = BufferGeometryNode<THREE.CircleGeometry, typeof THREE.CircleGeometry>;
 export declare type BoxGeometryProps = BufferGeometryNode<THREE.BoxGeometry, typeof THREE.BoxGeometry>;
-export declare type CapsuleGeometryProps = BufferGeometryNode<THREE.CapsuleBufferGeometry, typeof THREE.CapsuleBufferGeometry>;
+export declare type CapsuleGeometryProps = BufferGeometryNode<THREE.CapsuleGeometry, typeof THREE.CapsuleGeometry>;
 export declare type MaterialProps = MaterialNode<THREE.Material, [THREE.MaterialParameters]>;
 export declare type ShadowMaterialProps = MaterialNode<THREE.ShadowMaterial, [THREE.ShaderMaterialParameters]>;
 export declare type SpriteMaterialProps = MaterialNode<THREE.SpriteMaterial, [THREE.SpriteMaterialParameters]>;

package/dist/{index-d1f17345.cjs.dev.js → index-34a45f4c.cjs.dev.js}

@@ -497,7 +497,9 @@ const is = {
   }
 };
 
-// Collects nodes and materials from a THREE.Object3D
+/**
+ * Collects nodes and materials from a THREE.Object3D.
+ */
 function buildGraph(object) {
   const data = {
     nodes: {},
@@ -2211,6 +2213,7 @@ exports.addEffect = addEffect;
 exports.addTail = addTail;
 exports.advance = advance;
 exports.applyProps = applyProps;
+exports.buildGraph = buildGraph;
 exports.context = context;
 exports.createEvents = createEvents;
 exports.createPortal = createPortal;

package/dist/{index-c4d1c86e.esm.js → index-5918012a.esm.js}

@@ -470,7 +470,9 @@ const is = {
   }
 };
 
-// Collects nodes and materials from a THREE.Object3D
+/**
+ * Collects nodes and materials from a THREE.Object3D.
+ */
 function buildGraph(object) {
   const data = {
     nodes: {},
@@ -2176,4 +2178,4 @@ reconciler.injectIntoDevTools({
 });
 const act = React.unstable_act;
 
-export { useFrame as A, Block as B, useGraph as C, useLoader as D, ErrorBoundary as E, useIsomorphicLayoutEffect as a, createRoot as b, createEvents as c, unmountComponentAtNode as d, extend as e, context as f, createPortal as g, reconciler as h, isRef as i, applyProps as j, dispose as k, invalidate as l, advance as m, addEffect as n, addAfterEffect as o, addTail as p, flushGlobalEffects as q, render as r, getRootState as s, threeTypes as t, useMutableCallback as u, act as v, roots as w, useInstanceHandle as x, useStore as y, useThree as z };
+export { useThree as A, Block as B, useFrame as C, useGraph as D, ErrorBoundary as E, useLoader as F, useIsomorphicLayoutEffect as a, createRoot as b, createEvents as c, unmountComponentAtNode as d, extend as e, context as f, createPortal as g, reconciler as h, isRef as i, applyProps as j, dispose as k, invalidate as l, advance as m, addEffect as n, addAfterEffect as o, addTail as p, flushGlobalEffects as q, render as r, getRootState as s, threeTypes as t, useMutableCallback as u, act as v, buildGraph as w, roots as x, useInstanceHandle as y, useStore as z };

package/dist/{index-ce1a9f04.cjs.prod.js → index-f4d4539a.cjs.prod.js}

@@ -497,7 +497,9 @@ const is = {
   }
 };
 
-// Collects nodes and materials from a THREE.Object3D
+/**
+ * Collects nodes and materials from a THREE.Object3D.
+ */
 function buildGraph(object) {
   const data = {
     nodes: {},
@@ -2211,6 +2213,7 @@ exports.addEffect = addEffect;
 exports.addTail = addTail;
 exports.advance = advance;
 exports.applyProps = applyProps;
+exports.buildGraph = buildGraph;
 exports.context = context;
 exports.createEvents = createEvents;
 exports.createPortal = createPortal;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-d1f17345.cjs.dev.js');
+var index = require('./index-34a45f4c.cjs.dev.js');
 var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var THREE = require('three');
@@ -269,6 +269,7 @@ exports.addEffect = index.addEffect;
 exports.addTail = index.addTail;
 exports.advance = index.advance;
 exports.applyProps = index.applyProps;
+exports.buildGraph = index.buildGraph;
 exports.context = index.context;
 exports.createEvents = index.createEvents;
 exports.createPortal = index.createPortal;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-ce1a9f04.cjs.prod.js');
+var index = require('./index-f4d4539a.cjs.prod.js');
 var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var THREE = require('three');
@@ -269,6 +269,7 @@ exports.addEffect = index.addEffect;
 exports.addTail = index.addTail;
 exports.advance = index.advance;
 exports.applyProps = index.applyProps;
+exports.buildGraph = index.buildGraph;
 exports.context = index.context;
 exports.createEvents = index.createEvents;
 exports.createPortal = index.createPortal;

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-c4d1c86e.esm.js';
-export { t as ReactThreeFiber, w as _roots, v as act, o as addAfterEffect, n as addEffect, p as addTail, m as advance, j as applyProps, 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, A as useFrame, C as useGraph, x as useInstanceHandle, D as useLoader, y as useStore, z as useThree } from './index-c4d1c86e.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-5918012a.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-5918012a.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-d1f17345.cjs.dev.js');
+var index = require('../../dist/index-34a45f4c.cjs.dev.js');
 var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var THREE = require('three');
@@ -456,6 +456,7 @@ exports.addEffect = index.addEffect;
 exports.addTail = index.addTail;
 exports.advance = index.advance;
 exports.applyProps = index.applyProps;
+exports.buildGraph = index.buildGraph;
 exports.context = index.context;
 exports.createEvents = index.createEvents;
 exports.createPortal = index.createPortal;

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-ce1a9f04.cjs.prod.js');
+var index = require('../../dist/index-f4d4539a.cjs.prod.js');
 var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var THREE = require('three');
@@ -456,6 +456,7 @@ exports.addEffect = index.addEffect;
 exports.addTail = index.addTail;
 exports.advance = index.advance;
 exports.applyProps = index.applyProps;
+exports.buildGraph = index.buildGraph;
 exports.context = index.context;
 exports.createEvents = index.createEvents;
 exports.createPortal = index.createPortal;

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-c4d1c86e.esm.js';
-export { t as ReactThreeFiber, w as _roots, v as act, o as addAfterEffect, n as addEffect, p as addTail, m as advance, j as applyProps, 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, A as useFrame, C as useGraph, x as useInstanceHandle, D as useLoader, y as useStore, z as useThree } from '../../dist/index-c4d1c86e.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-5918012a.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-5918012a.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.14.7",
+  "version": "8.15.1",
   "description": "A React renderer for Threejs",
   "keywords": [
     "react",
@@ -44,6 +44,7 @@
   "dependencies": {
     "@babel/runtime": "^7.17.8",
     "@types/react-reconciler": "^0.26.7",
+    "@types/webxr": "*",
     "base64-js": "^1.5.1",
     "buffer": "^6.0.3",
     "its-fine": "^1.0.6",