@react-three/fiber 10.0.0-canary.0706a92 → 10.0.0-canary.07c4f9d

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.cts CHANGED
@@ -1,7 +1,8 @@
1
+ import * as three_examples_jsm_inspector_Inspector_js from 'three/examples/jsm/inspector/Inspector.js';
1
2
  import * as three_webgpu from 'three/webgpu';
2
- import { RenderTarget, WebGPURenderer, Node, StorageTexture, Data3DTexture, CanvasTarget, ShaderNodeObject, Euler as Euler$2, Color as Color$2, ColorRepresentation as ColorRepresentation$1, Layers as Layers$1, Raycaster, Intersection as Intersection$1, BufferGeometry, Matrix4 as Matrix4$1, Quaternion as Quaternion$1, Vector2 as Vector2$1, Vector3 as Vector3$1, Vector4 as Vector4$1, Matrix3 as Matrix3$1, Loader as Loader$1, ColorSpace, Texture as Texture$1, CubeTexture, Scene, Object3D, Frustum, OrthographicCamera } from 'three/webgpu';
3
+ import { CubeRenderTarget, RenderTarget, WebGPURenderer, Node, StorageTexture, Data3DTexture, CanvasTarget, ShaderNodeObject, Euler as Euler$2, Color as Color$2, ColorRepresentation as ColorRepresentation$1, Layers as Layers$1, Raycaster, Intersection as Intersection$1, BufferGeometry, Matrix4 as Matrix4$1, Quaternion as Quaternion$1, Vector2 as Vector2$1, Vector3 as Vector3$1, Vector4 as Vector4$1, Matrix3 as Matrix3$1, Loader as Loader$1, ColorSpace, Texture as Texture$1, CubeTexture, Scene, Object3D, Frustum, OrthographicCamera } from 'three/webgpu';
3
4
  import * as THREE$1 from 'three';
4
- import { WebGLRenderTarget, WebGLRenderer, Color as Color$1, ColorRepresentation, Euler as Euler$1, Loader, RenderTargetOptions as RenderTargetOptions$1 } from 'three';
5
+ import { WebGLCubeRenderTarget, WebGLRenderTarget, WebGLRenderer, Color as Color$1, ColorRepresentation, Euler as Euler$1, Loader, RenderTargetOptions as RenderTargetOptions$1 } from 'three';
5
6
  import { WebGLRendererParameters } from 'three/src/renderers/WebGLRenderer.js';
6
7
  import { Inspector } from 'three/addons/inspector/Inspector.js';
7
8
  import * as React$1 from 'react';
@@ -12,7 +13,6 @@ import { FrameTimingState, FrameCallback as FrameCallback$1, SchedulerApi, UseFr
12
13
  export { AddPhaseOptions, FrameControls, FrameNextControls, FrameTimingState, RootOptions, Scheduler, SchedulerApi, UseFrameNextOptions, UseFrameOptions, getScheduler } from '@pmndrs/scheduler';
13
14
  import { Options } from 'react-use-measure';
14
15
  import * as react_jsx_runtime from 'react/jsx-runtime';
15
- import { ThreeElement as ThreeElement$1, Euler as Euler$3 } from '@react-three/fiber';
16
16
  import { GroundedSkybox } from 'three/examples/jsm/objects/GroundedSkybox.js';
17
17
 
18
18
  function _mergeNamespaces(n, m) {
@@ -48,15 +48,22 @@ function _mergeNamespaces(n, m) {
48
48
  declare const R3F_BUILD_LEGACY = true;
49
49
  declare const R3F_BUILD_WEBGPU = true;
50
50
 
51
+ /** Lazily load the three Inspector. Keeps it out of the eager module graph — see note above. */
52
+ declare function loadInspector(): Promise<typeof three_examples_jsm_inspector_Inspector_js.Inspector>;
53
+
51
54
  var THREE = /*#__PURE__*/_mergeNamespaces({
52
55
  __proto__: null,
56
+ CubeRenderTarget: CubeRenderTarget,
57
+ CubeRenderTargetCompat: CubeRenderTarget,
53
58
  Inspector: Inspector,
54
59
  R3F_BUILD_LEGACY: R3F_BUILD_LEGACY,
55
60
  R3F_BUILD_WEBGPU: R3F_BUILD_WEBGPU,
56
61
  RenderTargetCompat: RenderTarget,
62
+ WebGLCubeRenderTarget: WebGLCubeRenderTarget,
57
63
  WebGLRenderTarget: WebGLRenderTarget,
58
64
  WebGLRenderer: WebGLRenderer,
59
- WebGLRendererParameters: WebGLRendererParameters
65
+ WebGLRendererParameters: WebGLRendererParameters,
66
+ loadInspector: loadInspector
60
67
  }, [three_webgpu]);
61
68
 
62
69
  //* Utility Types ==============================
@@ -494,6 +501,18 @@ interface InternalState {
494
501
  * @see https://threejs.org/docs/#api/en/renderers/common/CanvasTarget
495
502
  */
496
503
  canvasTarget?: CanvasTarget
504
+ /**
505
+ * Set when this root's canvas target has been resized and the backend's cached render pass
506
+ * descriptor (which holds a depth-stencil view built once per canvas) is therefore stale.
507
+ *
508
+ * Flushed by the canvas-target job in the `start` phase, which is the only place this root's
509
+ * target is guaranteed to be the renderer's active one — `backend.updateSize()` operates on
510
+ * whatever `getCanvasTarget()` returns, so calling it from the resize subscription would
511
+ * invalidate some other canvas's descriptor instead.
512
+ *
513
+ * @see https://github.com/pmndrs/react-three-fiber/issues/3847
514
+ */
515
+ canvasTargetSizeDirty?: boolean
497
516
  /**
498
517
  * Whether multi-canvas rendering is active.
499
518
  * True when any canvas uses `renderer={{ primaryCanvas: 'id' }}` to share a renderer.
@@ -613,7 +632,7 @@ interface RootState {
613
632
  /** Internal: refcount per texture key, driven by mounted useTexture consumers (registry enrollment is on by default) */
614
633
  _textureRefs: Map<string, number>
615
634
  /** WebGPU RenderPipeline instance - use useRenderPipeline() hook */
616
- renderPipeline: any | null // THREE.PostProcessing (will be THREE.RenderPipeline in future Three.js release)
635
+ renderPipeline: ThreeRenderPipeline | null
617
636
  /** Global TSL pass nodes for render pipeline - use useRenderPipeline() hook */
618
637
  passes: Record<string, any>
619
638
  /** Internal version counter for HMR - incremented by rebuildNodes/rebuildUniforms to bust memoization */
@@ -703,12 +722,19 @@ type DefaultRendererProps = {
703
722
  */
704
723
  interface CanvasSchedulerConfig {
705
724
  /**
706
- * Render this canvas after another canvas completes.
707
- * Pass the `id` of another canvas.
725
+ * Run this Canvas root before the referenced Canvas root id(s).
708
726
  */
709
- after?: string
727
+ before?: string | string[]
710
728
  /**
711
- * Limit this canvas's render rate (frames per second).
729
+ * Run this Canvas root after the referenced Canvas root id(s).
730
+ */
731
+ after?: string | string[]
732
+ /**
733
+ * Numeric root order. Lower values run first.
734
+ */
735
+ order?: number
736
+ /**
737
+ * Limit this Canvas's default render job (frames per second).
712
738
  */
713
739
  fps?: number
714
740
  }
@@ -1142,10 +1168,21 @@ type RenderTargetOptions = RenderTargetOptions$1
1142
1168
  //* Global Types ==============================
1143
1169
 
1144
1170
  declare global {
1145
- /** Uniform node type - a Node with a value property (matches Three.js UniformNode) */
1146
- interface UniformNode<T = unknown> extends Node {
1147
- value: T
1148
- }
1171
+ /**
1172
+ * Uniform node type.
1173
+ *
1174
+ * This is three's own `UniformNode`, not a re-declaration of it. It previously was a
1175
+ * hand-rolled `interface UniformNode<T> extends Node { value: T }`, which shadowed the real
1176
+ * exported type globally — so R3F's ~58 references resolved to an approximation that was
1177
+ * missing members three actually ships (`setName` among them) and had drifted to the wrong
1178
+ * arity when three made `UniformNode` two-parameter.
1179
+ *
1180
+ * three's signature is `UniformNode<TNodeType, TValue>`. R3F only ever varies the value type,
1181
+ * so the node type is fixed to `unknown` and the single parameter is kept for call-site
1182
+ * ergonomics. The result is three's structural type, so members stay in sync with the
1183
+ * installed three instead of needing to be mirrored by hand.
1184
+ */
1185
+ type UniformNode<T = unknown> = three_webgpu.UniformNode<unknown, T>
1149
1186
 
1150
1187
  /**
1151
1188
  * ShaderCallable - the return type of Fn()
@@ -1290,28 +1327,34 @@ declare module 'three/tsl' {
1290
1327
  ): ShaderCallable<R>
1291
1328
  }
1292
1329
 
1293
- /**
1294
- * RenderPipeline Types for useRenderPipeline hook (WebGPU only)
1295
- */
1296
-
1297
-
1298
-
1299
1330
  declare global {
1331
+ /**
1332
+ * three's own render pipeline type. Named here so the rest of R3F refers to three's shape
1333
+ * rather than `any`. three r183 renamed `PostProcessing` to `RenderPipeline`; our peer floor
1334
+ * is r185, so the new name is the only one.
1335
+ */
1336
+ type ThreeRenderPipeline = three_webgpu.RenderPipeline
1337
+
1300
1338
  /** Pass record - stores TSL pass nodes for render pipeline */
1301
1339
  type PassRecord = Record<string, any>
1302
1340
 
1341
+ /** State passed to pipeline callbacks after the active pipeline has been created */
1342
+ type RenderPipelineCallbackState = RootState & {
1343
+ renderPipeline: ThreeRenderPipeline
1344
+ }
1345
+
1303
1346
  /** Setup callback - runs first to configure MRT, create additional passes */
1304
- type RenderPipelineSetupCallback = (state: RootState) => PassRecord | void
1347
+ type RenderPipelineSetupCallback = (state: RenderPipelineCallbackState) => PassRecord | void
1305
1348
 
1306
1349
  /** Main callback - runs second to configure outputNode, create effect passes */
1307
- type RenderPipelineMainCallback = (state: RootState) => PassRecord | void
1350
+ type RenderPipelineMainCallback = (state: RenderPipelineCallbackState) => PassRecord | void
1308
1351
 
1309
1352
  /** Return type for useRenderPipeline hook */
1310
1353
  interface UseRenderPipelineReturn {
1311
1354
  /** Current passes from state */
1312
1355
  passes: PassRecord
1313
1356
  /** RenderPipeline instance (null if not initialized) */
1314
- renderPipeline: any | null // THREE.PostProcessing (will be THREE.RenderPipeline in future Three.js release)
1357
+ renderPipeline: ThreeRenderPipeline | null
1315
1358
  /** Clear all passes from state */
1316
1359
  clearPasses: () => void
1317
1360
  /** Reset RenderPipeline entirely (clears PP + passes) */
@@ -1560,12 +1603,23 @@ type EnvironmentLoaderProps = {
1560
1603
  * const texture = useEnvironment({ preset: 'sunset' })
1561
1604
  * ```
1562
1605
  */
1563
- declare function useEnvironment({ files, path, preset, colorSpace, extensions, }?: Partial<EnvironmentLoaderProps>): Texture$1<unknown> | CubeTexture;
1606
+ declare function useEnvironment({ files, path, preset, colorSpace, extensions, }?: Partial<EnvironmentLoaderProps>): Texture$1<unknown, THREE$1.TextureEventMap> | CubeTexture<unknown>;
1564
1607
  declare namespace useEnvironment {
1565
1608
  var preload: (preloadOptions?: EnvironmentLoaderPreloadOptions) => void;
1566
1609
  var clear: (clearOptions?: EnvironmentLoaderClearOptions) => void;
1567
1610
  }
1568
- type EnvironmentLoaderPreloadOptions = Omit<EnvironmentLoaderProps, 'encoding'>;
1611
+ /**
1612
+ * Options accepted by `useEnvironment.preload`.
1613
+ *
1614
+ * `colorSpace` is deliberately omitted: preload only warms the loader cache, and colorSpace is
1615
+ * applied to the texture by `useEnvironment()` at use time, per consumer. Accepting it here would
1616
+ * advertise an option this function silently ignores.
1617
+ *
1618
+ * This previously read `Omit<…, 'encoding'>` — omitting a key that does not exist on
1619
+ * `EnvironmentLoaderProps`, a leftover from three's pre-`colorSpace` `encoding` API. That made the
1620
+ * type equivalent to the full props, so `colorSpace` was accepted and then dropped on the floor.
1621
+ */
1622
+ type EnvironmentLoaderPreloadOptions = Omit<EnvironmentLoaderProps, 'colorSpace'>;
1569
1623
  type EnvironmentLoaderClearOptions = Pick<EnvironmentLoaderProps, 'files' | 'preset'>;
1570
1624
 
1571
1625
  /**
@@ -1609,9 +1663,9 @@ type EnvironmentProps = {
1609
1663
  blur?: number;
1610
1664
  backgroundBlurriness?: number;
1611
1665
  backgroundIntensity?: number;
1612
- backgroundRotation?: Euler$3;
1666
+ backgroundRotation?: Euler;
1613
1667
  environmentIntensity?: number;
1614
- environmentRotation?: Euler$3;
1668
+ environmentRotation?: Euler;
1615
1669
  map?: Texture$1;
1616
1670
  preset?: PresetsType;
1617
1671
  scene?: Scene | React$1.RefObject<Scene>;
@@ -1695,7 +1749,7 @@ declare function EnvironmentCube({ background, scene, blur, backgroundBlurriness
1695
1749
  declare function EnvironmentPortal({ children, near, far, resolution, frames, map, background, blur, backgroundBlurriness, backgroundIntensity, backgroundRotation, environmentIntensity, environmentRotation, scene, files, path, preset, extensions, }: EnvironmentProps): react_jsx_runtime.JSX.Element;
1696
1750
  declare module '@react-three/fiber' {
1697
1751
  interface ThreeElements {
1698
- groundProjectedEnvImpl: ThreeElement$1<typeof GroundedSkybox>;
1752
+ groundProjectedEnvImpl: ThreeElement<typeof GroundedSkybox>;
1699
1753
  }
1700
1754
  }
1701
1755
  /**
@@ -1795,6 +1849,24 @@ declare module '@react-three/fiber' {
1795
1849
  */
1796
1850
  declare function Environment(props: EnvironmentProps): react_jsx_runtime.JSX.Element;
1797
1851
 
1852
+ /**
1853
+ * Moves every trace of interactivity from one object to its replacement, for reconstruction.
1854
+ *
1855
+ * When `args` or a `primitive`'s `object` changes, R3F builds a new three object and keeps the same
1856
+ * instance. Removing the old object from the interaction state and registering the new one from
1857
+ * scratch makes events *work* again (#3778), but it forgets what was in flight: a pointer resting on
1858
+ * the object fires a second `onPointerEnter` without ever having left, and an active pointer capture
1859
+ * is dropped mid-drag. Rewriting the references instead keeps the interaction continuous across a
1860
+ * swap the user never asked to see (#3744).
1861
+ *
1862
+ * Captures are re-keyed rather than released, so the DOM-level capture on `captureData.target` is
1863
+ * left alone — releasing and re-acquiring it is precisely the glitch being avoided.
1864
+ *
1865
+ * Visibility handlers are deliberately not transferred: that registry is keyed by `object.uuid`, so
1866
+ * the replacement re-registers itself through `applyProps`. The old entry is dropped here so it
1867
+ * cannot outlive the object it described.
1868
+ */
1869
+ declare function swapInteractivity(store: RootStore, object: Object3D, newObject: Object3D): void;
1798
1870
  declare function removeInteractivity(store: RootStore, object: Object3D): void;
1799
1871
  declare function createEvents(store: RootStore): {
1800
1872
  handlePointer: (name: string) => (event: DomEvent) => void;
@@ -1835,7 +1907,7 @@ declare namespace useLoader {
1835
1907
  *
1836
1908
  * @param callback - Function called each frame with (state, delta). Optional if you only need scheduler access.
1837
1909
  * @param priorityOrOptions - Either a priority number (backwards compat) or options object
1838
- * @returns Controls object with step(), stepAll(), pause(), resume(), isPaused, id, scheduler
1910
+ * @returns Controls object with step(), stepAll(), invalidate(), pause(), resume(), isPaused, id, rootId, scheduler
1839
1911
  *
1840
1912
  * @example
1841
1913
  * // Simple priority (backwards compat)
@@ -2131,7 +2203,10 @@ declare function addTail(callback: GlobalRenderCallback): () => void;
2131
2203
  * Invalidates the view, requesting a frame to be rendered.
2132
2204
  * In demand mode, this triggers the scheduler to run frames.
2133
2205
  *
2134
- * @param state - Optional root state (ignored in new scheduler, kept for backwards compat)
2206
+ * With a state argument, only that root's jobs run on the requested frames; other
2207
+ * roots on 'demand' stay idle. Without one, every registered root is invalidated.
2208
+ *
2209
+ * @param state - Optional root state; targets the invalidation at that root
2135
2210
  * @param frames - Number of frames to request (default: 1)
2136
2211
  * @param stackFrames - If false, sets pendingFrames to frames. If true, adds to existing pendingFrames (default: false)
2137
2212
  *
@@ -2142,14 +2217,16 @@ declare function invalidate(state?: RootState, frames?: number, stackFrames?: bo
2142
2217
  * Advances the frameloop and runs render effects.
2143
2218
  * Useful for when manually rendering via `frameloop="never"`.
2144
2219
  *
2220
+ * With a state argument, only that root is stepped. Without one, every
2221
+ * registered root is stepped for backwards compatibility.
2222
+ *
2145
2223
  * @param timestamp - The timestamp to use for this frame
2146
2224
  * @param runGlobalEffects - Ignored (kept for backwards compat, global effects always run)
2147
- * @param state - Ignored (kept for backwards compat)
2148
- * @param frame - Ignored (kept for backwards compat)
2225
+ * @param state - Optional root state; targets the manual step at that root
2149
2226
  *
2150
2227
  * @see https://docs.pmnd.rs/react-three-fiber/api/additional-exports#advance
2151
2228
  */
2152
- declare function advance(timestamp: number): void;
2229
+ declare function advance(timestamp: number, runGlobalEffects?: boolean, state?: RootState): void;
2153
2230
 
2154
2231
  /* eslint-disable @definitelytyped/no-unnecessary-generics */
2155
2232
  declare function ReactReconciler<
@@ -3220,11 +3297,6 @@ declare function flushSync<R>(fn: () => R): R;
3220
3297
  declare const context: React$1.Context<RootStore>;
3221
3298
  declare const createStore: (invalidate: (state?: RootState, frames?: number, stackFrames?: boolean) => void, advance: (timestamp: number, runGlobalEffects?: boolean, state?: RootState, frame?: XRFrame) => void) => RootStore;
3222
3299
 
3223
- /**
3224
- * Safely flush async effects when testing, simulating a legacy root.
3225
- * @deprecated Import from React instead. import { act } from 'react'
3226
- */
3227
- declare const act: typeof React$1.act;
3228
3300
  /**
3229
3301
  * An SSR-friendly useLayoutEffect.
3230
3302
  *
@@ -3708,5 +3780,5 @@ declare function isOnce(value: unknown): value is {
3708
3780
  */
3709
3781
  declare function Canvas(props: CanvasProps): react_jsx_runtime.JSX.Element;
3710
3782
 
3711
- export { Block, Canvas, Environment, EnvironmentCube, EnvironmentMap, EnvironmentPortal, ErrorBoundary, FROM_REF, IsObject, ONCE, Portal, R3F_BUILD_LEGACY, R3F_BUILD_WEBGPU, REACT_INTERNAL_PROPS, RESERVED_PROPS, three_d as ReactThreeFiber, Texture, _roots, act, addAfterEffect, addEffect, addTail, advance, applyProps, attach, buildGraph, calculateDpr, context, createEvents, createPointerEvents, createPortal, createRoot, createStore, detach, diffProps, dispose, createPointerEvents as events, extend, findInitialRoot, flushSync, fromRef, getInstanceProps, getPrimary, getPrimaryIds, getRootState, getUuidPrefix, hasConstructor, hasPrimary, invalidate, invalidateInstance, is, isColorRepresentation, isCopyable, isFromRef, isObject3D, isOnce, isOrthographicCamera, isRef, isRenderer, isTexture, isVectorLike, once, prepare, presetsObj, reconciler, registerPrimary, removeInteractivity, resolve, unmountComponentAtNode, unregisterPrimary, updateCamera, updateFrustum, useBridge, useEnvironment, useFrame, useGraph, useInstanceHandle, useIsomorphicLayoutEffect, useLoader, useMutableCallback, useRenderTarget, useStore, useTexture, useTextures, useThree, waitForPrimary };
3783
+ export { Block, Canvas, Environment, EnvironmentCube, EnvironmentMap, EnvironmentPortal, ErrorBoundary, FROM_REF, IsObject, ONCE, Portal, R3F_BUILD_LEGACY, R3F_BUILD_WEBGPU, REACT_INTERNAL_PROPS, RESERVED_PROPS, three_d as ReactThreeFiber, Texture, _roots, addAfterEffect, addEffect, addTail, advance, applyProps, attach, buildGraph, calculateDpr, context, createEvents, createPointerEvents, createPortal, createRoot, createStore, detach, diffProps, dispose, createPointerEvents as events, extend, findInitialRoot, flushSync, fromRef, getInstanceProps, getPrimary, getPrimaryIds, getRootState, getUuidPrefix, hasConstructor, hasPrimary, invalidate, invalidateInstance, is, isColorRepresentation, isCopyable, isFromRef, isObject3D, isOnce, isOrthographicCamera, isRef, isRenderer, isTexture, isVectorLike, once, prepare, presetsObj, reconciler, registerPrimary, removeInteractivity, resolve, swapInteractivity, unmountComponentAtNode, unregisterPrimary, updateCamera, updateFrustum, useBridge, useEnvironment, useFrame, useGraph, useInstanceHandle, useIsomorphicLayoutEffect, useLoader, useMutableCallback, useRenderTarget, useStore, useTexture, useTextures, useThree, waitForPrimary };
3712
3784
  export type { Act, Args, ArgsProp, AttachFnType, AttachType, BackgroundConfig, BackgroundProp, BaseRendererProps, Bridge, BufferLike, BufferRecord, BufferStore, Camera, CameraProps, CanvasProps, CanvasSchedulerConfig, Catalogue, Color, ColorManagementConfig, ComputeFunction, ConstructorRepresentation, DefaultGLProps, DefaultRendererProps, Disposable, DisposeOptions, DomEvent, Dpr, ElementProps, EnvironmentLoaderProps, EnvironmentProps, EquConfig, Euler, EventHandlers, EventManager, EventProps, Events, Extensions, FiberRoot, FilterFunction, FrameCallback, FrameNextCallback, FrameNextState, FrameState, Frameloop, GLProps, GLTFLike, GeometryProps, GeometryTransformProps, GlobalEffectType, GlobalRenderCallback, HostConfig, InferLoadResult, InjectState, InputLike, Instance, InstanceProps, InternalState, Intersection, IntersectionEvent, IsAllOptional, IsOptional, Layers, LegacyInternalState, LegacyRenderer, LegacyRootState, LoaderInstance, LoaderLike, LoaderResult, MappedTextureType, MathProps, MathRepresentation, MathType, MathTypes, Matrix3, Matrix4, Mutable, MutableOrReadonlyParameters, NodeProps, NonFunctionKeys, ObjectMap, OffscreenCanvas$1 as OffscreenCanvas, Overwrite, Performance, PointerCaptureTarget, PointerState, PresetsType, PrimaryCanvasEntry, Properties, Quaternion, R3FRenderer, RaycastableRepresentation, ReactProps, ReconcilerRoot, RenderCallback, RenderProps, RenderTargetOptions, Renderer, RendererConfigExtended, RendererFactory, RendererProps, Root, RootState, RootStore, SetBlock, Size, StorageLike, StorageRecord, StorageStore, Subscription, TSLNodeInput, TextureInput, TextureResult, ThreeCamera, ThreeElement, ThreeElements, ThreeElementsImpl, ThreeEvent, ThreeExports, ThreeToJSXElements, UnblockProps, UseTextureOptions, UseTexturesReturn, Vector2, Vector3, Vector4, VectorRepresentation, Viewport, VisibilityEntry, WebGLDefaultProps, WebGLProps, WebGLShadowConfig, XRManager, XRPointerConfig };
package/dist/index.d.mts CHANGED
@@ -1,7 +1,8 @@
1
+ import * as three_examples_jsm_inspector_Inspector_js from 'three/examples/jsm/inspector/Inspector.js';
1
2
  import * as three_webgpu from 'three/webgpu';
2
- import { RenderTarget, WebGPURenderer, Node, StorageTexture, Data3DTexture, CanvasTarget, ShaderNodeObject, Euler as Euler$2, Color as Color$2, ColorRepresentation as ColorRepresentation$1, Layers as Layers$1, Raycaster, Intersection as Intersection$1, BufferGeometry, Matrix4 as Matrix4$1, Quaternion as Quaternion$1, Vector2 as Vector2$1, Vector3 as Vector3$1, Vector4 as Vector4$1, Matrix3 as Matrix3$1, Loader as Loader$1, ColorSpace, Texture as Texture$1, CubeTexture, Scene, Object3D, Frustum, OrthographicCamera } from 'three/webgpu';
3
+ import { CubeRenderTarget, RenderTarget, WebGPURenderer, Node, StorageTexture, Data3DTexture, CanvasTarget, ShaderNodeObject, Euler as Euler$2, Color as Color$2, ColorRepresentation as ColorRepresentation$1, Layers as Layers$1, Raycaster, Intersection as Intersection$1, BufferGeometry, Matrix4 as Matrix4$1, Quaternion as Quaternion$1, Vector2 as Vector2$1, Vector3 as Vector3$1, Vector4 as Vector4$1, Matrix3 as Matrix3$1, Loader as Loader$1, ColorSpace, Texture as Texture$1, CubeTexture, Scene, Object3D, Frustum, OrthographicCamera } from 'three/webgpu';
3
4
  import * as THREE$1 from 'three';
4
- import { WebGLRenderTarget, WebGLRenderer, Color as Color$1, ColorRepresentation, Euler as Euler$1, Loader, RenderTargetOptions as RenderTargetOptions$1 } from 'three';
5
+ import { WebGLCubeRenderTarget, WebGLRenderTarget, WebGLRenderer, Color as Color$1, ColorRepresentation, Euler as Euler$1, Loader, RenderTargetOptions as RenderTargetOptions$1 } from 'three';
5
6
  import { WebGLRendererParameters } from 'three/src/renderers/WebGLRenderer.js';
6
7
  import { Inspector } from 'three/addons/inspector/Inspector.js';
7
8
  import * as React$1 from 'react';
@@ -12,7 +13,6 @@ import { FrameTimingState, FrameCallback as FrameCallback$1, SchedulerApi, UseFr
12
13
  export { AddPhaseOptions, FrameControls, FrameNextControls, FrameTimingState, RootOptions, Scheduler, SchedulerApi, UseFrameNextOptions, UseFrameOptions, getScheduler } from '@pmndrs/scheduler';
13
14
  import { Options } from 'react-use-measure';
14
15
  import * as react_jsx_runtime from 'react/jsx-runtime';
15
- import { ThreeElement as ThreeElement$1, Euler as Euler$3 } from '@react-three/fiber';
16
16
  import { GroundedSkybox } from 'three/examples/jsm/objects/GroundedSkybox.js';
17
17
 
18
18
  function _mergeNamespaces(n, m) {
@@ -48,15 +48,22 @@ function _mergeNamespaces(n, m) {
48
48
  declare const R3F_BUILD_LEGACY = true;
49
49
  declare const R3F_BUILD_WEBGPU = true;
50
50
 
51
+ /** Lazily load the three Inspector. Keeps it out of the eager module graph — see note above. */
52
+ declare function loadInspector(): Promise<typeof three_examples_jsm_inspector_Inspector_js.Inspector>;
53
+
51
54
  var THREE = /*#__PURE__*/_mergeNamespaces({
52
55
  __proto__: null,
56
+ CubeRenderTarget: CubeRenderTarget,
57
+ CubeRenderTargetCompat: CubeRenderTarget,
53
58
  Inspector: Inspector,
54
59
  R3F_BUILD_LEGACY: R3F_BUILD_LEGACY,
55
60
  R3F_BUILD_WEBGPU: R3F_BUILD_WEBGPU,
56
61
  RenderTargetCompat: RenderTarget,
62
+ WebGLCubeRenderTarget: WebGLCubeRenderTarget,
57
63
  WebGLRenderTarget: WebGLRenderTarget,
58
64
  WebGLRenderer: WebGLRenderer,
59
- WebGLRendererParameters: WebGLRendererParameters
65
+ WebGLRendererParameters: WebGLRendererParameters,
66
+ loadInspector: loadInspector
60
67
  }, [three_webgpu]);
61
68
 
62
69
  //* Utility Types ==============================
@@ -494,6 +501,18 @@ interface InternalState {
494
501
  * @see https://threejs.org/docs/#api/en/renderers/common/CanvasTarget
495
502
  */
496
503
  canvasTarget?: CanvasTarget
504
+ /**
505
+ * Set when this root's canvas target has been resized and the backend's cached render pass
506
+ * descriptor (which holds a depth-stencil view built once per canvas) is therefore stale.
507
+ *
508
+ * Flushed by the canvas-target job in the `start` phase, which is the only place this root's
509
+ * target is guaranteed to be the renderer's active one — `backend.updateSize()` operates on
510
+ * whatever `getCanvasTarget()` returns, so calling it from the resize subscription would
511
+ * invalidate some other canvas's descriptor instead.
512
+ *
513
+ * @see https://github.com/pmndrs/react-three-fiber/issues/3847
514
+ */
515
+ canvasTargetSizeDirty?: boolean
497
516
  /**
498
517
  * Whether multi-canvas rendering is active.
499
518
  * True when any canvas uses `renderer={{ primaryCanvas: 'id' }}` to share a renderer.
@@ -613,7 +632,7 @@ interface RootState {
613
632
  /** Internal: refcount per texture key, driven by mounted useTexture consumers (registry enrollment is on by default) */
614
633
  _textureRefs: Map<string, number>
615
634
  /** WebGPU RenderPipeline instance - use useRenderPipeline() hook */
616
- renderPipeline: any | null // THREE.PostProcessing (will be THREE.RenderPipeline in future Three.js release)
635
+ renderPipeline: ThreeRenderPipeline | null
617
636
  /** Global TSL pass nodes for render pipeline - use useRenderPipeline() hook */
618
637
  passes: Record<string, any>
619
638
  /** Internal version counter for HMR - incremented by rebuildNodes/rebuildUniforms to bust memoization */
@@ -703,12 +722,19 @@ type DefaultRendererProps = {
703
722
  */
704
723
  interface CanvasSchedulerConfig {
705
724
  /**
706
- * Render this canvas after another canvas completes.
707
- * Pass the `id` of another canvas.
725
+ * Run this Canvas root before the referenced Canvas root id(s).
708
726
  */
709
- after?: string
727
+ before?: string | string[]
710
728
  /**
711
- * Limit this canvas's render rate (frames per second).
729
+ * Run this Canvas root after the referenced Canvas root id(s).
730
+ */
731
+ after?: string | string[]
732
+ /**
733
+ * Numeric root order. Lower values run first.
734
+ */
735
+ order?: number
736
+ /**
737
+ * Limit this Canvas's default render job (frames per second).
712
738
  */
713
739
  fps?: number
714
740
  }
@@ -1142,10 +1168,21 @@ type RenderTargetOptions = RenderTargetOptions$1
1142
1168
  //* Global Types ==============================
1143
1169
 
1144
1170
  declare global {
1145
- /** Uniform node type - a Node with a value property (matches Three.js UniformNode) */
1146
- interface UniformNode<T = unknown> extends Node {
1147
- value: T
1148
- }
1171
+ /**
1172
+ * Uniform node type.
1173
+ *
1174
+ * This is three's own `UniformNode`, not a re-declaration of it. It previously was a
1175
+ * hand-rolled `interface UniformNode<T> extends Node { value: T }`, which shadowed the real
1176
+ * exported type globally — so R3F's ~58 references resolved to an approximation that was
1177
+ * missing members three actually ships (`setName` among them) and had drifted to the wrong
1178
+ * arity when three made `UniformNode` two-parameter.
1179
+ *
1180
+ * three's signature is `UniformNode<TNodeType, TValue>`. R3F only ever varies the value type,
1181
+ * so the node type is fixed to `unknown` and the single parameter is kept for call-site
1182
+ * ergonomics. The result is three's structural type, so members stay in sync with the
1183
+ * installed three instead of needing to be mirrored by hand.
1184
+ */
1185
+ type UniformNode<T = unknown> = three_webgpu.UniformNode<unknown, T>
1149
1186
 
1150
1187
  /**
1151
1188
  * ShaderCallable - the return type of Fn()
@@ -1290,28 +1327,34 @@ declare module 'three/tsl' {
1290
1327
  ): ShaderCallable<R>
1291
1328
  }
1292
1329
 
1293
- /**
1294
- * RenderPipeline Types for useRenderPipeline hook (WebGPU only)
1295
- */
1296
-
1297
-
1298
-
1299
1330
  declare global {
1331
+ /**
1332
+ * three's own render pipeline type. Named here so the rest of R3F refers to three's shape
1333
+ * rather than `any`. three r183 renamed `PostProcessing` to `RenderPipeline`; our peer floor
1334
+ * is r185, so the new name is the only one.
1335
+ */
1336
+ type ThreeRenderPipeline = three_webgpu.RenderPipeline
1337
+
1300
1338
  /** Pass record - stores TSL pass nodes for render pipeline */
1301
1339
  type PassRecord = Record<string, any>
1302
1340
 
1341
+ /** State passed to pipeline callbacks after the active pipeline has been created */
1342
+ type RenderPipelineCallbackState = RootState & {
1343
+ renderPipeline: ThreeRenderPipeline
1344
+ }
1345
+
1303
1346
  /** Setup callback - runs first to configure MRT, create additional passes */
1304
- type RenderPipelineSetupCallback = (state: RootState) => PassRecord | void
1347
+ type RenderPipelineSetupCallback = (state: RenderPipelineCallbackState) => PassRecord | void
1305
1348
 
1306
1349
  /** Main callback - runs second to configure outputNode, create effect passes */
1307
- type RenderPipelineMainCallback = (state: RootState) => PassRecord | void
1350
+ type RenderPipelineMainCallback = (state: RenderPipelineCallbackState) => PassRecord | void
1308
1351
 
1309
1352
  /** Return type for useRenderPipeline hook */
1310
1353
  interface UseRenderPipelineReturn {
1311
1354
  /** Current passes from state */
1312
1355
  passes: PassRecord
1313
1356
  /** RenderPipeline instance (null if not initialized) */
1314
- renderPipeline: any | null // THREE.PostProcessing (will be THREE.RenderPipeline in future Three.js release)
1357
+ renderPipeline: ThreeRenderPipeline | null
1315
1358
  /** Clear all passes from state */
1316
1359
  clearPasses: () => void
1317
1360
  /** Reset RenderPipeline entirely (clears PP + passes) */
@@ -1560,12 +1603,23 @@ type EnvironmentLoaderProps = {
1560
1603
  * const texture = useEnvironment({ preset: 'sunset' })
1561
1604
  * ```
1562
1605
  */
1563
- declare function useEnvironment({ files, path, preset, colorSpace, extensions, }?: Partial<EnvironmentLoaderProps>): Texture$1<unknown> | CubeTexture;
1606
+ declare function useEnvironment({ files, path, preset, colorSpace, extensions, }?: Partial<EnvironmentLoaderProps>): Texture$1<unknown, THREE$1.TextureEventMap> | CubeTexture<unknown>;
1564
1607
  declare namespace useEnvironment {
1565
1608
  var preload: (preloadOptions?: EnvironmentLoaderPreloadOptions) => void;
1566
1609
  var clear: (clearOptions?: EnvironmentLoaderClearOptions) => void;
1567
1610
  }
1568
- type EnvironmentLoaderPreloadOptions = Omit<EnvironmentLoaderProps, 'encoding'>;
1611
+ /**
1612
+ * Options accepted by `useEnvironment.preload`.
1613
+ *
1614
+ * `colorSpace` is deliberately omitted: preload only warms the loader cache, and colorSpace is
1615
+ * applied to the texture by `useEnvironment()` at use time, per consumer. Accepting it here would
1616
+ * advertise an option this function silently ignores.
1617
+ *
1618
+ * This previously read `Omit<…, 'encoding'>` — omitting a key that does not exist on
1619
+ * `EnvironmentLoaderProps`, a leftover from three's pre-`colorSpace` `encoding` API. That made the
1620
+ * type equivalent to the full props, so `colorSpace` was accepted and then dropped on the floor.
1621
+ */
1622
+ type EnvironmentLoaderPreloadOptions = Omit<EnvironmentLoaderProps, 'colorSpace'>;
1569
1623
  type EnvironmentLoaderClearOptions = Pick<EnvironmentLoaderProps, 'files' | 'preset'>;
1570
1624
 
1571
1625
  /**
@@ -1609,9 +1663,9 @@ type EnvironmentProps = {
1609
1663
  blur?: number;
1610
1664
  backgroundBlurriness?: number;
1611
1665
  backgroundIntensity?: number;
1612
- backgroundRotation?: Euler$3;
1666
+ backgroundRotation?: Euler;
1613
1667
  environmentIntensity?: number;
1614
- environmentRotation?: Euler$3;
1668
+ environmentRotation?: Euler;
1615
1669
  map?: Texture$1;
1616
1670
  preset?: PresetsType;
1617
1671
  scene?: Scene | React$1.RefObject<Scene>;
@@ -1695,7 +1749,7 @@ declare function EnvironmentCube({ background, scene, blur, backgroundBlurriness
1695
1749
  declare function EnvironmentPortal({ children, near, far, resolution, frames, map, background, blur, backgroundBlurriness, backgroundIntensity, backgroundRotation, environmentIntensity, environmentRotation, scene, files, path, preset, extensions, }: EnvironmentProps): react_jsx_runtime.JSX.Element;
1696
1750
  declare module '@react-three/fiber' {
1697
1751
  interface ThreeElements {
1698
- groundProjectedEnvImpl: ThreeElement$1<typeof GroundedSkybox>;
1752
+ groundProjectedEnvImpl: ThreeElement<typeof GroundedSkybox>;
1699
1753
  }
1700
1754
  }
1701
1755
  /**
@@ -1795,6 +1849,24 @@ declare module '@react-three/fiber' {
1795
1849
  */
1796
1850
  declare function Environment(props: EnvironmentProps): react_jsx_runtime.JSX.Element;
1797
1851
 
1852
+ /**
1853
+ * Moves every trace of interactivity from one object to its replacement, for reconstruction.
1854
+ *
1855
+ * When `args` or a `primitive`'s `object` changes, R3F builds a new three object and keeps the same
1856
+ * instance. Removing the old object from the interaction state and registering the new one from
1857
+ * scratch makes events *work* again (#3778), but it forgets what was in flight: a pointer resting on
1858
+ * the object fires a second `onPointerEnter` without ever having left, and an active pointer capture
1859
+ * is dropped mid-drag. Rewriting the references instead keeps the interaction continuous across a
1860
+ * swap the user never asked to see (#3744).
1861
+ *
1862
+ * Captures are re-keyed rather than released, so the DOM-level capture on `captureData.target` is
1863
+ * left alone — releasing and re-acquiring it is precisely the glitch being avoided.
1864
+ *
1865
+ * Visibility handlers are deliberately not transferred: that registry is keyed by `object.uuid`, so
1866
+ * the replacement re-registers itself through `applyProps`. The old entry is dropped here so it
1867
+ * cannot outlive the object it described.
1868
+ */
1869
+ declare function swapInteractivity(store: RootStore, object: Object3D, newObject: Object3D): void;
1798
1870
  declare function removeInteractivity(store: RootStore, object: Object3D): void;
1799
1871
  declare function createEvents(store: RootStore): {
1800
1872
  handlePointer: (name: string) => (event: DomEvent) => void;
@@ -1835,7 +1907,7 @@ declare namespace useLoader {
1835
1907
  *
1836
1908
  * @param callback - Function called each frame with (state, delta). Optional if you only need scheduler access.
1837
1909
  * @param priorityOrOptions - Either a priority number (backwards compat) or options object
1838
- * @returns Controls object with step(), stepAll(), pause(), resume(), isPaused, id, scheduler
1910
+ * @returns Controls object with step(), stepAll(), invalidate(), pause(), resume(), isPaused, id, rootId, scheduler
1839
1911
  *
1840
1912
  * @example
1841
1913
  * // Simple priority (backwards compat)
@@ -2131,7 +2203,10 @@ declare function addTail(callback: GlobalRenderCallback): () => void;
2131
2203
  * Invalidates the view, requesting a frame to be rendered.
2132
2204
  * In demand mode, this triggers the scheduler to run frames.
2133
2205
  *
2134
- * @param state - Optional root state (ignored in new scheduler, kept for backwards compat)
2206
+ * With a state argument, only that root's jobs run on the requested frames; other
2207
+ * roots on 'demand' stay idle. Without one, every registered root is invalidated.
2208
+ *
2209
+ * @param state - Optional root state; targets the invalidation at that root
2135
2210
  * @param frames - Number of frames to request (default: 1)
2136
2211
  * @param stackFrames - If false, sets pendingFrames to frames. If true, adds to existing pendingFrames (default: false)
2137
2212
  *
@@ -2142,14 +2217,16 @@ declare function invalidate(state?: RootState, frames?: number, stackFrames?: bo
2142
2217
  * Advances the frameloop and runs render effects.
2143
2218
  * Useful for when manually rendering via `frameloop="never"`.
2144
2219
  *
2220
+ * With a state argument, only that root is stepped. Without one, every
2221
+ * registered root is stepped for backwards compatibility.
2222
+ *
2145
2223
  * @param timestamp - The timestamp to use for this frame
2146
2224
  * @param runGlobalEffects - Ignored (kept for backwards compat, global effects always run)
2147
- * @param state - Ignored (kept for backwards compat)
2148
- * @param frame - Ignored (kept for backwards compat)
2225
+ * @param state - Optional root state; targets the manual step at that root
2149
2226
  *
2150
2227
  * @see https://docs.pmnd.rs/react-three-fiber/api/additional-exports#advance
2151
2228
  */
2152
- declare function advance(timestamp: number): void;
2229
+ declare function advance(timestamp: number, runGlobalEffects?: boolean, state?: RootState): void;
2153
2230
 
2154
2231
  /* eslint-disable @definitelytyped/no-unnecessary-generics */
2155
2232
  declare function ReactReconciler<
@@ -3220,11 +3297,6 @@ declare function flushSync<R>(fn: () => R): R;
3220
3297
  declare const context: React$1.Context<RootStore>;
3221
3298
  declare const createStore: (invalidate: (state?: RootState, frames?: number, stackFrames?: boolean) => void, advance: (timestamp: number, runGlobalEffects?: boolean, state?: RootState, frame?: XRFrame) => void) => RootStore;
3222
3299
 
3223
- /**
3224
- * Safely flush async effects when testing, simulating a legacy root.
3225
- * @deprecated Import from React instead. import { act } from 'react'
3226
- */
3227
- declare const act: typeof React$1.act;
3228
3300
  /**
3229
3301
  * An SSR-friendly useLayoutEffect.
3230
3302
  *
@@ -3708,5 +3780,5 @@ declare function isOnce(value: unknown): value is {
3708
3780
  */
3709
3781
  declare function Canvas(props: CanvasProps): react_jsx_runtime.JSX.Element;
3710
3782
 
3711
- export { Block, Canvas, Environment, EnvironmentCube, EnvironmentMap, EnvironmentPortal, ErrorBoundary, FROM_REF, IsObject, ONCE, Portal, R3F_BUILD_LEGACY, R3F_BUILD_WEBGPU, REACT_INTERNAL_PROPS, RESERVED_PROPS, three_d as ReactThreeFiber, Texture, _roots, act, addAfterEffect, addEffect, addTail, advance, applyProps, attach, buildGraph, calculateDpr, context, createEvents, createPointerEvents, createPortal, createRoot, createStore, detach, diffProps, dispose, createPointerEvents as events, extend, findInitialRoot, flushSync, fromRef, getInstanceProps, getPrimary, getPrimaryIds, getRootState, getUuidPrefix, hasConstructor, hasPrimary, invalidate, invalidateInstance, is, isColorRepresentation, isCopyable, isFromRef, isObject3D, isOnce, isOrthographicCamera, isRef, isRenderer, isTexture, isVectorLike, once, prepare, presetsObj, reconciler, registerPrimary, removeInteractivity, resolve, unmountComponentAtNode, unregisterPrimary, updateCamera, updateFrustum, useBridge, useEnvironment, useFrame, useGraph, useInstanceHandle, useIsomorphicLayoutEffect, useLoader, useMutableCallback, useRenderTarget, useStore, useTexture, useTextures, useThree, waitForPrimary };
3783
+ export { Block, Canvas, Environment, EnvironmentCube, EnvironmentMap, EnvironmentPortal, ErrorBoundary, FROM_REF, IsObject, ONCE, Portal, R3F_BUILD_LEGACY, R3F_BUILD_WEBGPU, REACT_INTERNAL_PROPS, RESERVED_PROPS, three_d as ReactThreeFiber, Texture, _roots, addAfterEffect, addEffect, addTail, advance, applyProps, attach, buildGraph, calculateDpr, context, createEvents, createPointerEvents, createPortal, createRoot, createStore, detach, diffProps, dispose, createPointerEvents as events, extend, findInitialRoot, flushSync, fromRef, getInstanceProps, getPrimary, getPrimaryIds, getRootState, getUuidPrefix, hasConstructor, hasPrimary, invalidate, invalidateInstance, is, isColorRepresentation, isCopyable, isFromRef, isObject3D, isOnce, isOrthographicCamera, isRef, isRenderer, isTexture, isVectorLike, once, prepare, presetsObj, reconciler, registerPrimary, removeInteractivity, resolve, swapInteractivity, unmountComponentAtNode, unregisterPrimary, updateCamera, updateFrustum, useBridge, useEnvironment, useFrame, useGraph, useInstanceHandle, useIsomorphicLayoutEffect, useLoader, useMutableCallback, useRenderTarget, useStore, useTexture, useTextures, useThree, waitForPrimary };
3712
3784
  export type { Act, Args, ArgsProp, AttachFnType, AttachType, BackgroundConfig, BackgroundProp, BaseRendererProps, Bridge, BufferLike, BufferRecord, BufferStore, Camera, CameraProps, CanvasProps, CanvasSchedulerConfig, Catalogue, Color, ColorManagementConfig, ComputeFunction, ConstructorRepresentation, DefaultGLProps, DefaultRendererProps, Disposable, DisposeOptions, DomEvent, Dpr, ElementProps, EnvironmentLoaderProps, EnvironmentProps, EquConfig, Euler, EventHandlers, EventManager, EventProps, Events, Extensions, FiberRoot, FilterFunction, FrameCallback, FrameNextCallback, FrameNextState, FrameState, Frameloop, GLProps, GLTFLike, GeometryProps, GeometryTransformProps, GlobalEffectType, GlobalRenderCallback, HostConfig, InferLoadResult, InjectState, InputLike, Instance, InstanceProps, InternalState, Intersection, IntersectionEvent, IsAllOptional, IsOptional, Layers, LegacyInternalState, LegacyRenderer, LegacyRootState, LoaderInstance, LoaderLike, LoaderResult, MappedTextureType, MathProps, MathRepresentation, MathType, MathTypes, Matrix3, Matrix4, Mutable, MutableOrReadonlyParameters, NodeProps, NonFunctionKeys, ObjectMap, OffscreenCanvas$1 as OffscreenCanvas, Overwrite, Performance, PointerCaptureTarget, PointerState, PresetsType, PrimaryCanvasEntry, Properties, Quaternion, R3FRenderer, RaycastableRepresentation, ReactProps, ReconcilerRoot, RenderCallback, RenderProps, RenderTargetOptions, Renderer, RendererConfigExtended, RendererFactory, RendererProps, Root, RootState, RootStore, SetBlock, Size, StorageLike, StorageRecord, StorageStore, Subscription, TSLNodeInput, TextureInput, TextureResult, ThreeCamera, ThreeElement, ThreeElements, ThreeElementsImpl, ThreeEvent, ThreeExports, ThreeToJSXElements, UnblockProps, UseTextureOptions, UseTexturesReturn, Vector2, Vector3, Vector4, VectorRepresentation, Viewport, VisibilityEntry, WebGLDefaultProps, WebGLProps, WebGLShadowConfig, XRManager, XRPointerConfig };