@react-three/fiber 9.0.0-alpha.6 → 9.0.0-alpha.8

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @react-three/fiber
 
+## 8.16.6
+
+### Patch Changes
+
+- 03ab82fe: fix(applyProps): null check indeterminate instances
+
 ## 8.16.5
 
 ### Patch Changes

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

@@ -1,6 +1,6 @@
 import * as THREE from 'three';
+import { type Properties } from "./utils.js";
 import type { RootState, RootStore } from "./store.js";
-import type { Properties } from "../three-types.js";
 export interface Intersection extends THREE.Intersection {
     /** The event source (the object which registered the handler) */
     eventObject: THREE.Object3D;

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

@@ -1,6 +1,6 @@
 import * as THREE from 'three';
 import * as React from 'react';
-import { RootState, RenderCallback, UpdateCallback, StageTypes, RootStore } from "./store.js";
+import { RootState, RenderCallback, RootStore } from "./store.js";
 import { ObjectMap } from "./utils.js";
 import type { Instance } from "./reconciler.js";
 /**
@@ -26,11 +26,6 @@ export declare function useThree<T = RootState>(selector?: (state: RootState) =>
  * @see https://docs.pmnd.rs/react-three-fiber/api/hooks#useframe
  */
 export declare function useFrame(callback: RenderCallback, renderPriority?: number): null;
-/**
- * Executes a callback in a given update stage.
- * Uses the stage instance to identify which stage to target in the lifecycle.
- */
-export declare function useUpdate(callback: UpdateCallback, stage?: StageTypes): void;
 /**
  * Returns a node graph of an object with named nodes & materials.
  * @see https://docs.pmnd.rs/react-three-fiber/api/hooks#usegraph

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

@@ -7,9 +7,7 @@ export type { AttachFnType, AttachType, ConstructorRepresentation, Catalogue, Ar
 export { extend, reconciler } from "./reconciler.js";
 export type { ReconcilerRoot, GLProps, CameraProps, RenderProps, InjectState } from "./renderer.js";
 export { _roots, render, createRoot, unmountComponentAtNode, createPortal } from "./renderer.js";
-export type { UpdateSubscription } from "./stages.js";
-export { Stage, FixedStage, Stages } from "./stages.js";
-export type { Subscription, Dpr, Size, Viewport, RenderCallback, UpdateCallback, LegacyAlways, FrameloopMode, FrameloopRender, FrameloopLegacy, Frameloop, Performance, Renderer, StageTypes, XRManager, RootState, RootStore, } from "./store.js";
+export type { Subscription, Dpr, Size, Viewport, RenderCallback, Frameloop, Performance, Renderer, XRManager, RootState, RootStore, } from "./store.js";
 export { context } from "./store.js";
 export type { ObjectMap, Camera, Disposable, Act } from "./utils.js";
 export { applyProps, getRootState, dispose, act, buildGraph } from "./utils.js";

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

@@ -4,6 +4,9 @@ import Reconciler from 'react-reconciler';
 import type { RootStore } from "./store.js";
 import { type EventHandlers } from "./events.js";
 import type { ThreeElement } from "../three-types.js";
+declare module 'react-reconciler/constants' {
+    const NoEventPriority = 0;
+}
 export interface Root {
     fiber: Reconciler.FiberRoot;
     store: RootStore;
@@ -21,6 +24,7 @@ export interface InstanceProps<T = any, P = any> {
     visible?: boolean;
     dispose?: null;
     attach?: AttachType<T>;
+    onUpdate?: (self: T) => void;
 }
 export interface Instance<O = any> {
     root: RootStore;
@@ -36,8 +40,8 @@ export interface Instance<O = any> {
     attach?: AttachType<O>;
     previousAttach?: any;
     isHidden: boolean;
-    autoRemovedBeforeAppend?: boolean;
 }
 export declare const catalogue: Catalogue;
-export declare const extend: <T extends Catalogue | ConstructorRepresentation<any>>(objects: T) => T extends ConstructorRepresentation<any> ? React.ExoticComponent<import("../three-types.js").Mutable<import("../three-types.js").Overwrite<Partial<import("../three-types.js").Overwrite<import("../three-types.js").WithMathProps<InstanceType<T>>, import("../three-types.js").ReactProps<InstanceType<T>> & import("../three-types.js").EventProps<InstanceType<T>>>>, Omit<InstanceProps<InstanceType<T>, T>, "object">>>> : void;
+export declare function extend<T extends ConstructorRepresentation>(objects: T): React.ExoticComponent<ThreeElement<T>>;
+export declare function extend<T extends Catalogue>(objects: T): void;
 export declare const reconciler: Reconciler.Reconciler<RootStore, Instance<any>, void, Instance<any>, any>;

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

@@ -1,11 +1,10 @@
 import * as THREE from 'three';
 import * as React from 'react';
-import type { Properties, ThreeElement } from "../three-types.js";
+import type { ThreeElement } from "../three-types.js";
 import { Renderer, RootState, Size, Dpr, Performance, Frameloop, RootStore } from "./store.js";
 import { Root } from "./reconciler.js";
 import { EventManager, ComputeFunction } from "./events.js";
-import { Camera } from "./utils.js";
-import { Stage } from "./stages.js";
+import { type Properties, Camera } from "./utils.js";
 interface OffscreenCanvas extends EventTarget {
 }
 export declare const _roots: Map<HTMLCanvasElement | OffscreenCanvas, Root>;
@@ -60,9 +59,6 @@ export interface RenderProps<TCanvas extends HTMLCanvasElement | OffscreenCanvas
     onCreated?: (state: RootState) => void;
     /** Response for pointer clicks that have missed any target */
     onPointerMissed?: (event: MouseEvent) => void;
-    /** Create a custom lifecycle of stages */
-    stages?: Stage[];
-    render?: 'auto' | 'manual';
 }
 export interface ReconcilerRoot<TCanvas extends HTMLCanvasElement | OffscreenCanvas> {
     configure: (config?: RenderProps<TCanvas>) => ReconcilerRoot<TCanvas>;

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

@@ -5,7 +5,6 @@ import { type StoreApi } from 'zustand';
 import { type UseBoundStoreWithEqualityFn } from 'zustand/traditional';
 import type { DomEvent, EventManager, PointerCaptureTarget, ThreeEvent } from "./events.js";
 import { type Camera } from "./utils.js";
-import type { FixedStage, Stage } from "./stages.js";
 export interface Intersection extends THREE.Intersection {
     eventObject: THREE.Object3D;
 }
@@ -21,6 +20,7 @@ export interface Size {
     top: number;
     left: number;
 }
+export type Frameloop = 'always' | 'demand' | 'never';
 export interface Viewport extends Size {
     /** The initial pixel ratio */
     initialDpr: number;
@@ -34,16 +34,6 @@ export interface Viewport extends Size {
     aspect: number;
 }
 export type RenderCallback = (state: RootState, delta: number, frame?: XRFrame) => void;
-export type UpdateCallback = RenderCallback;
-export type LegacyAlways = 'always';
-export type FrameloopMode = LegacyAlways | 'auto' | 'demand' | 'never';
-export type FrameloopRender = 'auto' | 'manual';
-export type FrameloopLegacy = 'always' | 'demand' | 'never';
-export type Frameloop = FrameloopLegacy | {
-    mode?: FrameloopMode;
-    render?: FrameloopRender;
-    maxDelta?: number;
-};
 export interface Performance {
     /** Current performance normal, between min and max */
     current: number;
@@ -60,7 +50,6 @@ export interface Renderer {
     render: (scene: THREE.Scene, camera: THREE.Camera) => any;
 }
 export declare const isRenderer: (def: any) => boolean;
-export type StageTypes = Stage | FixedStage;
 export interface InternalState {
     interaction: THREE.Object3D[];
     hovered: Map<string, ThreeEvent<DomEvent>>;
@@ -72,12 +61,6 @@ export interface InternalState {
     active: boolean;
     priority: number;
     frames: number;
-    /** The ordered stages defining the lifecycle. */
-    stages: StageTypes[];
-    /** Render function flags */
-    render: 'auto' | 'manual';
-    /** The max delta time between two frames. */
-    maxDelta: number;
     subscribe: (callback: React.RefObject<RenderCallback>, priority: number, store: RootStore) => () => void;
 }
 export interface XRManager {
@@ -114,9 +97,8 @@ export interface RootState {
     linear: boolean;
     /** Shortcut to gl.toneMapping = NoTonemapping */
     flat: boolean;
-    /** Update frame loop flags */
-    frameloop: FrameloopLegacy;
-    /** Adaptive performance interface */
+    /** Render loop flags */
+    frameloop: Frameloop;
     performance: Performance;
     /** Reactive pixel-size of the canvas */
     size: Size;

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

@@ -3,6 +3,14 @@ import * as React from 'react';
 import { Instance } from "./reconciler.js";
 import type { Fiber } from 'react-reconciler';
 import type { Dpr, Renderer, RootStore, Size } from "./store.js";
+export type NonFunctionKeys<P> = {
+    [K in keyof P]-?: P[K] extends Function ? never : K;
+}[keyof P];
+export type Overwrite<P, O> = Omit<P, NonFunctionKeys<O>> & O;
+export type Properties<T> = Pick<T, NonFunctionKeys<T>>;
+export type Mutable<P> = {
+    [K in keyof P]: P[K] | Readonly<P[K]>;
+};
 /**
  * Returns the instance's initial (outmost) root.
  */
@@ -10,7 +18,7 @@ export declare function findInitialRoot<T>(instance: Instance<T>): RootStore;
 /**
  * Returns `true` with correct TS type inference if an object has a configurable color space (since r152).
  */
-export declare const hasColorSpace: <T extends object | Renderer | THREE.Texture, P = T extends Renderer ? {
+export declare const hasColorSpace: <T extends object | THREE.Texture | Renderer, P = T extends Renderer ? {
     outputColorSpace: string;
 } : {
     colorSpace: string;

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

@@ -1,20 +1,16 @@
 import type * as THREE from 'three';
 import type { Args, EventHandlers, InstanceProps, ConstructorRepresentation } from "./core/index.js";
-type NonFunctionKeys<P> = {
-    [K in keyof P]-?: P[K] extends Function ? never : K;
-}[keyof P];
-export type Overwrite<P, O> = Omit<P, NonFunctionKeys<O>> & O;
-export type Properties<T> = Pick<T, NonFunctionKeys<T>>;
-export type Mutable<P> = {
-    [K in keyof P]: P[K] | Readonly<P[K]>;
-};
+import type { Overwrite, Mutable } from "./core/utils.js";
 export interface MathRepresentation {
-    set(...args: number[]): any;
+    set(...args: any[]): any;
 }
 export interface VectorRepresentation extends MathRepresentation {
-    setScalar(s: number): any;
+    setScalar(value: number): any;
 }
-export type MathType<T extends MathRepresentation | THREE.Euler> = T extends THREE.Color ? Args<typeof THREE.Color> | THREE.ColorRepresentation : T extends VectorRepresentation | THREE.Layers | THREE.Euler ? T | Parameters<T['set']> | number : T | Parameters<T['set']>;
+export type MathType<T extends MathRepresentation> = T extends THREE.Color ? Args<typeof THREE.Color> | THREE.ColorRepresentation : T extends VectorRepresentation | THREE.Layers | THREE.Euler ? T | Parameters<T['set']> | number : T | Parameters<T['set']>;
+export type MathProps<P> = {
+    [K in keyof P as P[K] extends MathRepresentation ? K : never]: P[K] extends MathRepresentation ? MathType<P[K]> : never;
+};
 export type Vector2 = MathType<THREE.Vector2>;
 export type Vector3 = MathType<THREE.Vector3>;
 export type Vector4 = MathType<THREE.Vector4>;
@@ -24,9 +20,6 @@ export type Quaternion = MathType<THREE.Quaternion>;
 export type Euler = MathType<THREE.Euler>;
 export type Matrix3 = MathType<THREE.Matrix3>;
 export type Matrix4 = MathType<THREE.Matrix4>;
-export type WithMathProps<P> = {
-    [K in keyof P]: P[K] extends MathRepresentation | THREE.Euler ? MathType<P[K]> : P[K];
-};
 export interface RaycastableRepresentation {
     raycast(raycaster: THREE.Raycaster, intersects: THREE.Intersection[]): void;
 }
@@ -36,7 +29,7 @@ export interface ReactProps<P> {
     ref?: React.Ref<P>;
     key?: React.Key;
 }
-export type ElementProps<T extends ConstructorRepresentation, P = InstanceType<T>> = Partial<Overwrite<WithMathProps<P>, ReactProps<P> & EventProps<P>>>;
+export type ElementProps<T extends ConstructorRepresentation, P = InstanceType<T>> = Partial<Overwrite<P, MathProps<P> & ReactProps<P> & EventProps<P>>>;
 export type ThreeElement<T extends ConstructorRepresentation> = Mutable<Overwrite<ElementProps<T>, Omit<InstanceProps<InstanceType<T>, T>, 'object'>>>;
 type ThreeExports = typeof THREE;
 type ThreeElementsImpl = {