@react-three/fiber 8.8.11 → 8.9.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @react-three/fiber
 
+## 8.9.1
+
+### Patch Changes
+
+- 0cf11797: fix(events): type spread event props
+
+## 8.9.0
+
+### Minor Changes
+
+- a458b4dd: fix(loop): export flush methods and types
+
 ## 8.8.11
 
 ### Patch Changes

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

@@ -1,6 +1,7 @@
 import * as THREE from 'three';
 import type { UseBoundStore } from 'zustand';
 import type { RootState } from './store';
+import type { Properties } from '../three-types';
 export interface Intersection extends THREE.Intersection {
     eventObject: THREE.Object3D;
 }
@@ -17,7 +18,7 @@ export interface IntersectionEvent<TSourceEvent> extends Intersection {
     stopped: boolean;
 }
 export declare type Camera = THREE.OrthographicCamera | THREE.PerspectiveCamera;
-export declare type ThreeEvent<TEvent> = IntersectionEvent<TEvent>;
+export declare type ThreeEvent<TEvent> = IntersectionEvent<TEvent> & Properties<TEvent>;
 export declare type DomEvent = PointerEvent | MouseEvent | WheelEvent;
 export declare type Events = {
     onClick: EventListener;

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

@@ -5,15 +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 } from './loop';
+import { addEffect, addAfterEffect, addTail, flushGlobalEffects } from './loop';
 import { EventManager, ComputeFunction } from './events';
 import { dispose, getRootState, Camera } from './utils';
+import type { Properties } from '../three-types';
 declare const roots: Map<Element, 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 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 Properties<T> = Pick<T, {
-    [K in keyof T]: T[K] extends (_: any) => any ? never : K;
-}[keyof T]>;
 declare type GLProps = Renderer | ((canvas: HTMLCanvasElement) => Renderer) | Partial<Properties<THREE.WebGLRenderer> | THREE.WebGLRendererParameters> | undefined;
 export declare type RenderProps<TCanvas extends Element> = {
     gl?: GLProps;
@@ -54,4 +52,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, getRootState, act, roots as _roots, };
+export { context, render, createRoot, unmountComponentAtNode, createPortal, reconciler, applyProps, dispose, invalidate, advance, extend, addEffect, addAfterEffect, addTail, flushGlobalEffects, getRootState, act, roots as _roots, };

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

@@ -1,7 +1,7 @@
 import * as THREE from 'three';
 import { Root } from './renderer';
 import { RootState } from './store';
-declare type GlobalRenderCallback = (timeStamp: number) => void;
+export declare type GlobalRenderCallback = (timeStamp: number) => void;
 export declare const addEffect: (callback: GlobalRenderCallback) => () => void;
 export declare const addAfterEffect: (callback: GlobalRenderCallback) => () => void;
 export declare const addTail: (callback: GlobalRenderCallback) => () => void;
@@ -12,4 +12,3 @@ export declare function createLoop<TCanvas>(roots: Map<TCanvas, Root>): {
     invalidate: (state?: RootState | undefined, frames?: number) => void;
     advance: (timestamp: number, runGlobalEffects?: boolean, state?: RootState | undefined, frame?: THREE.XRFrame | undefined) => void;
 };
-export {};

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

@@ -4,8 +4,9 @@ export { ReactThreeFiber };
 export type { BaseInstance, LocalState } from './core/renderer';
 export type { Intersection, Subscription, Dpr, Size, Viewport, RenderCallback, Performance, RootState, } from './core/store';
 export type { ThreeEvent, Events, EventManager, ComputeFunction } from './core/events';
+export { createEvents } from './core/events';
 export type { ObjectMap, Camera } from './core/utils';
 export * from './web/Canvas';
-export { createEvents } from './core/events';
 export { createPointerEvents as events } from './web/events';
+export type { GlobalRenderCallback, GlobalEffectType } from './core/loop';
 export * from './core';

package/dist/declarations/src/native.d.ts

@@ -4,7 +4,9 @@ export { ReactThreeFiber };
 export type { BaseInstance, LocalState } from './core/renderer';
 export type { Intersection, Subscription, Dpr, Size, Viewport, RenderCallback, Performance, RootState, } from './core/store';
 export type { ThreeEvent, Events, EventManager, ComputeFunction } from './core/events';
+export { createEvents } from './core/events';
 export type { ObjectMap, Camera } from './core/utils';
 export * from './native/Canvas';
 export { createTouchEvents as events } from './native/events';
+export type { GlobalRenderCallback, GlobalEffectType } from './core/loop';
 export * from './core';

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

@@ -2,6 +2,9 @@
 import * as THREE from 'three';
 import { EventHandlers } from './core/events';
 import { AttachType } from './core/renderer';
+export declare type Properties<T> = Pick<T, {
+    [K in keyof T]: T[K] extends (_: any) => any ? never : K;
+}[keyof T]>;
 export declare type NonFunctionKeys<T> = {
     [K in keyof T]-?: T[K] extends Function ? never : K;
 }[keyof T];

package/dist/{index-4592040d.cjs.prod.js → index-57cb2f85.cjs.prod.js}

@@ -2195,6 +2195,7 @@ exports.createPortal = createPortal;
 exports.createRoot = createRoot;
 exports.dispose = dispose;
 exports.extend = extend;
+exports.flushGlobalEffects = flushGlobalEffects;
 exports.getRootState = getRootState;
 exports.invalidate = invalidate;
 exports.isRef = isRef;

package/dist/{index-b9d9a4a8.esm.js → index-6f0019d1.esm.js}

@@ -2154,4 +2154,4 @@ reconciler.injectIntoDevTools({
 });
 const act = React.unstable_act;
 
-export { useGraph as A, Block as B, useLoader as C, ErrorBoundary as E, createRoot as a, useIsomorphicLayoutEffect 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, getRootState as q, render as r, act as s, threeTypes as t, useMutableCallback as u, roots as v, useInstanceHandle as w, useStore as x, useThree as y, useFrame as z };
+export { useFrame as A, Block as B, useGraph as C, useLoader as D, ErrorBoundary as E, createRoot as a, useIsomorphicLayoutEffect 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 };

package/dist/{index-b97b7ffd.cjs.dev.js → index-8539ced2.cjs.dev.js}

@@ -2195,6 +2195,7 @@ exports.createPortal = createPortal;
 exports.createRoot = createRoot;
 exports.dispose = dispose;
 exports.extend = extend;
+exports.flushGlobalEffects = flushGlobalEffects;
 exports.getRootState = getRootState;
 exports.invalidate = invalidate;
 exports.isRef = isRef;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-b97b7ffd.cjs.dev.js');
+var index = require('./index-8539ced2.cjs.dev.js');
 var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var THREE = require('three');
@@ -268,6 +268,7 @@ exports.createPortal = index.createPortal;
 exports.createRoot = index.createRoot;
 exports.dispose = index.dispose;
 exports.extend = index.extend;
+exports.flushGlobalEffects = index.flushGlobalEffects;
 exports.getRootState = index.getRootState;
 exports.invalidate = index.invalidate;
 exports.reconciler = index.reconciler;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-4592040d.cjs.prod.js');
+var index = require('./index-57cb2f85.cjs.prod.js');
 var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var THREE = require('three');
@@ -268,6 +268,7 @@ exports.createPortal = index.createPortal;
 exports.createRoot = index.createRoot;
 exports.dispose = index.dispose;
 exports.extend = index.extend;
+exports.flushGlobalEffects = index.flushGlobalEffects;
 exports.getRootState = index.getRootState;
 exports.invalidate = index.invalidate;
 exports.reconciler = index.reconciler;

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

@@ -1,5 +1,5 @@
-import { c as createEvents, e as extend, u as useMutableCallback, a as createRoot, i as isRef, E as ErrorBoundary, B as Block, b as useIsomorphicLayoutEffect, d as unmountComponentAtNode } from './index-b9d9a4a8.esm.js';
-export { t as ReactThreeFiber, v as _roots, s 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, a as createRoot, k as dispose, e as extend, q as getRootState, l as invalidate, h as reconciler, r as render, d as unmountComponentAtNode, z as useFrame, A as useGraph, w as useInstanceHandle, C as useLoader, x as useStore, y as useThree } from './index-b9d9a4a8.esm.js';
+import { c as createEvents, e as extend, u as useMutableCallback, a as createRoot, i as isRef, E as ErrorBoundary, B as Block, b as useIsomorphicLayoutEffect, d as unmountComponentAtNode } from './index-6f0019d1.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, a 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-6f0019d1.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-b97b7ffd.cjs.dev.js');
+var index = require('../../dist/index-8539ced2.cjs.dev.js');
 var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var THREE = require('three');
@@ -402,10 +402,12 @@ exports.addTail = index.addTail;
 exports.advance = index.advance;
 exports.applyProps = index.applyProps;
 exports.context = index.context;
+exports.createEvents = index.createEvents;
 exports.createPortal = index.createPortal;
 exports.createRoot = index.createRoot;
 exports.dispose = index.dispose;
 exports.extend = index.extend;
+exports.flushGlobalEffects = index.flushGlobalEffects;
 exports.getRootState = index.getRootState;
 exports.invalidate = index.invalidate;
 exports.reconciler = index.reconciler;

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-4592040d.cjs.prod.js');
+var index = require('../../dist/index-57cb2f85.cjs.prod.js');
 var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var THREE = require('three');
@@ -402,10 +402,12 @@ exports.addTail = index.addTail;
 exports.advance = index.advance;
 exports.applyProps = index.applyProps;
 exports.context = index.context;
+exports.createEvents = index.createEvents;
 exports.createPortal = index.createPortal;
 exports.createRoot = index.createRoot;
 exports.dispose = index.dispose;
 exports.extend = index.extend;
+exports.flushGlobalEffects = index.flushGlobalEffects;
 exports.getRootState = index.getRootState;
 exports.invalidate = index.invalidate;
 exports.reconciler = index.reconciler;

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

@@ -1,5 +1,5 @@
-import { c as createEvents, e as extend, u as useMutableCallback, a as createRoot, E as ErrorBoundary, B as Block, d as unmountComponentAtNode } from '../../dist/index-b9d9a4a8.esm.js';
-export { t as ReactThreeFiber, v as _roots, s as act, o as addAfterEffect, n as addEffect, p as addTail, m as advance, j as applyProps, f as context, g as createPortal, a as createRoot, k as dispose, e as extend, q as getRootState, l as invalidate, h as reconciler, r as render, d as unmountComponentAtNode, z as useFrame, A as useGraph, w as useInstanceHandle, C as useLoader, x as useStore, y as useThree } from '../../dist/index-b9d9a4a8.esm.js';
+import { c as createEvents, e as extend, u as useMutableCallback, a as createRoot, E as ErrorBoundary, B as Block, d as unmountComponentAtNode } from '../../dist/index-6f0019d1.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, a 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-6f0019d1.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.8.11",
+  "version": "8.9.1",
   "description": "A React renderer for Threejs",
   "keywords": [
     "react",