@react-three/fiber 10.0.0-canary.0706a92 → 10.0.0-canary.0f7fc9b
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.cjs +1747 -1575
- package/dist/index.d.cts +82 -27
- package/dist/index.d.mts +82 -27
- package/dist/index.d.ts +82 -27
- package/dist/index.mjs +1750 -1578
- package/dist/legacy.cjs +2207 -2040
- package/dist/legacy.d.cts +81 -29
- package/dist/legacy.d.mts +81 -29
- package/dist/legacy.d.ts +81 -29
- package/dist/legacy.mjs +2209 -2042
- package/dist/webgpu/index.cjs +2195 -2246
- package/dist/webgpu/index.d.cts +120 -80
- package/dist/webgpu/index.d.mts +120 -80
- package/dist/webgpu/index.d.ts +120 -80
- package/dist/webgpu/index.mjs +2462 -2513
- package/package.json +5 -5
- package/readme.md +1 -2
- package/react-reconciler/constants.d.ts +0 -7
- package/react-reconciler/constants.js +0 -1
- package/react-reconciler/index.d.ts +0 -1044
- package/react-reconciler/index.js +0 -208
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:
|
|
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 */
|
|
@@ -1142,10 +1161,21 @@ type RenderTargetOptions = RenderTargetOptions$1
|
|
|
1142
1161
|
//* Global Types ==============================
|
|
1143
1162
|
|
|
1144
1163
|
declare global {
|
|
1145
|
-
/**
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
|
|
1164
|
+
/**
|
|
1165
|
+
* Uniform node type.
|
|
1166
|
+
*
|
|
1167
|
+
* This is three's own `UniformNode`, not a re-declaration of it. It previously was a
|
|
1168
|
+
* hand-rolled `interface UniformNode<T> extends Node { value: T }`, which shadowed the real
|
|
1169
|
+
* exported type globally — so R3F's ~58 references resolved to an approximation that was
|
|
1170
|
+
* missing members three actually ships (`setName` among them) and had drifted to the wrong
|
|
1171
|
+
* arity when three made `UniformNode` two-parameter.
|
|
1172
|
+
*
|
|
1173
|
+
* three's signature is `UniformNode<TNodeType, TValue>`. R3F only ever varies the value type,
|
|
1174
|
+
* so the node type is fixed to `unknown` and the single parameter is kept for call-site
|
|
1175
|
+
* ergonomics. The result is three's structural type, so members stay in sync with the
|
|
1176
|
+
* installed three instead of needing to be mirrored by hand.
|
|
1177
|
+
*/
|
|
1178
|
+
type UniformNode<T = unknown> = three_webgpu.UniformNode<unknown, T>
|
|
1149
1179
|
|
|
1150
1180
|
/**
|
|
1151
1181
|
* ShaderCallable - the return type of Fn()
|
|
@@ -1290,13 +1320,14 @@ declare module 'three/tsl' {
|
|
|
1290
1320
|
): ShaderCallable<R>
|
|
1291
1321
|
}
|
|
1292
1322
|
|
|
1293
|
-
/**
|
|
1294
|
-
* RenderPipeline Types for useRenderPipeline hook (WebGPU only)
|
|
1295
|
-
*/
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
1323
|
declare global {
|
|
1324
|
+
/**
|
|
1325
|
+
* three's own render pipeline type. Named here so the rest of R3F refers to three's shape
|
|
1326
|
+
* rather than `any`. three r183 renamed `PostProcessing` to `RenderPipeline`; our peer floor
|
|
1327
|
+
* is r185, so the new name is the only one.
|
|
1328
|
+
*/
|
|
1329
|
+
type ThreeRenderPipeline = three_webgpu.RenderPipeline
|
|
1330
|
+
|
|
1300
1331
|
/** Pass record - stores TSL pass nodes for render pipeline */
|
|
1301
1332
|
type PassRecord = Record<string, any>
|
|
1302
1333
|
|
|
@@ -1311,7 +1342,7 @@ declare global {
|
|
|
1311
1342
|
/** Current passes from state */
|
|
1312
1343
|
passes: PassRecord
|
|
1313
1344
|
/** RenderPipeline instance (null if not initialized) */
|
|
1314
|
-
renderPipeline:
|
|
1345
|
+
renderPipeline: ThreeRenderPipeline | null
|
|
1315
1346
|
/** Clear all passes from state */
|
|
1316
1347
|
clearPasses: () => void
|
|
1317
1348
|
/** Reset RenderPipeline entirely (clears PP + passes) */
|
|
@@ -1560,12 +1591,23 @@ type EnvironmentLoaderProps = {
|
|
|
1560
1591
|
* const texture = useEnvironment({ preset: 'sunset' })
|
|
1561
1592
|
* ```
|
|
1562
1593
|
*/
|
|
1563
|
-
declare function useEnvironment({ files, path, preset, colorSpace, extensions, }?: Partial<EnvironmentLoaderProps>): Texture$1<unknown> | CubeTexture
|
|
1594
|
+
declare function useEnvironment({ files, path, preset, colorSpace, extensions, }?: Partial<EnvironmentLoaderProps>): Texture$1<unknown, THREE$1.TextureEventMap> | CubeTexture<unknown>;
|
|
1564
1595
|
declare namespace useEnvironment {
|
|
1565
1596
|
var preload: (preloadOptions?: EnvironmentLoaderPreloadOptions) => void;
|
|
1566
1597
|
var clear: (clearOptions?: EnvironmentLoaderClearOptions) => void;
|
|
1567
1598
|
}
|
|
1568
|
-
|
|
1599
|
+
/**
|
|
1600
|
+
* Options accepted by `useEnvironment.preload`.
|
|
1601
|
+
*
|
|
1602
|
+
* `colorSpace` is deliberately omitted: preload only warms the loader cache, and colorSpace is
|
|
1603
|
+
* applied to the texture by `useEnvironment()` at use time, per consumer. Accepting it here would
|
|
1604
|
+
* advertise an option this function silently ignores.
|
|
1605
|
+
*
|
|
1606
|
+
* This previously read `Omit<…, 'encoding'>` — omitting a key that does not exist on
|
|
1607
|
+
* `EnvironmentLoaderProps`, a leftover from three's pre-`colorSpace` `encoding` API. That made the
|
|
1608
|
+
* type equivalent to the full props, so `colorSpace` was accepted and then dropped on the floor.
|
|
1609
|
+
*/
|
|
1610
|
+
type EnvironmentLoaderPreloadOptions = Omit<EnvironmentLoaderProps, 'colorSpace'>;
|
|
1569
1611
|
type EnvironmentLoaderClearOptions = Pick<EnvironmentLoaderProps, 'files' | 'preset'>;
|
|
1570
1612
|
|
|
1571
1613
|
/**
|
|
@@ -1609,9 +1651,9 @@ type EnvironmentProps = {
|
|
|
1609
1651
|
blur?: number;
|
|
1610
1652
|
backgroundBlurriness?: number;
|
|
1611
1653
|
backgroundIntensity?: number;
|
|
1612
|
-
backgroundRotation?: Euler
|
|
1654
|
+
backgroundRotation?: Euler;
|
|
1613
1655
|
environmentIntensity?: number;
|
|
1614
|
-
environmentRotation?: Euler
|
|
1656
|
+
environmentRotation?: Euler;
|
|
1615
1657
|
map?: Texture$1;
|
|
1616
1658
|
preset?: PresetsType;
|
|
1617
1659
|
scene?: Scene | React$1.RefObject<Scene>;
|
|
@@ -1695,7 +1737,7 @@ declare function EnvironmentCube({ background, scene, blur, backgroundBlurriness
|
|
|
1695
1737
|
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
1738
|
declare module '@react-three/fiber' {
|
|
1697
1739
|
interface ThreeElements {
|
|
1698
|
-
groundProjectedEnvImpl: ThreeElement
|
|
1740
|
+
groundProjectedEnvImpl: ThreeElement<typeof GroundedSkybox>;
|
|
1699
1741
|
}
|
|
1700
1742
|
}
|
|
1701
1743
|
/**
|
|
@@ -1795,6 +1837,24 @@ declare module '@react-three/fiber' {
|
|
|
1795
1837
|
*/
|
|
1796
1838
|
declare function Environment(props: EnvironmentProps): react_jsx_runtime.JSX.Element;
|
|
1797
1839
|
|
|
1840
|
+
/**
|
|
1841
|
+
* Moves every trace of interactivity from one object to its replacement, for reconstruction.
|
|
1842
|
+
*
|
|
1843
|
+
* When `args` or a `primitive`'s `object` changes, R3F builds a new three object and keeps the same
|
|
1844
|
+
* instance. Removing the old object from the interaction state and registering the new one from
|
|
1845
|
+
* scratch makes events *work* again (#3778), but it forgets what was in flight: a pointer resting on
|
|
1846
|
+
* the object fires a second `onPointerEnter` without ever having left, and an active pointer capture
|
|
1847
|
+
* is dropped mid-drag. Rewriting the references instead keeps the interaction continuous across a
|
|
1848
|
+
* swap the user never asked to see (#3744).
|
|
1849
|
+
*
|
|
1850
|
+
* Captures are re-keyed rather than released, so the DOM-level capture on `captureData.target` is
|
|
1851
|
+
* left alone — releasing and re-acquiring it is precisely the glitch being avoided.
|
|
1852
|
+
*
|
|
1853
|
+
* Visibility handlers are deliberately not transferred: that registry is keyed by `object.uuid`, so
|
|
1854
|
+
* the replacement re-registers itself through `applyProps`. The old entry is dropped here so it
|
|
1855
|
+
* cannot outlive the object it described.
|
|
1856
|
+
*/
|
|
1857
|
+
declare function swapInteractivity(store: RootStore, object: Object3D, newObject: Object3D): void;
|
|
1798
1858
|
declare function removeInteractivity(store: RootStore, object: Object3D): void;
|
|
1799
1859
|
declare function createEvents(store: RootStore): {
|
|
1800
1860
|
handlePointer: (name: string) => (event: DomEvent) => void;
|
|
@@ -3220,11 +3280,6 @@ declare function flushSync<R>(fn: () => R): R;
|
|
|
3220
3280
|
declare const context: React$1.Context<RootStore>;
|
|
3221
3281
|
declare const createStore: (invalidate: (state?: RootState, frames?: number, stackFrames?: boolean) => void, advance: (timestamp: number, runGlobalEffects?: boolean, state?: RootState, frame?: XRFrame) => void) => RootStore;
|
|
3222
3282
|
|
|
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
3283
|
/**
|
|
3229
3284
|
* An SSR-friendly useLayoutEffect.
|
|
3230
3285
|
*
|
|
@@ -3708,5 +3763,5 @@ declare function isOnce(value: unknown): value is {
|
|
|
3708
3763
|
*/
|
|
3709
3764
|
declare function Canvas(props: CanvasProps): react_jsx_runtime.JSX.Element;
|
|
3710
3765
|
|
|
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,
|
|
3766
|
+
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
3767
|
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:
|
|
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 */
|
|
@@ -1142,10 +1161,21 @@ type RenderTargetOptions = RenderTargetOptions$1
|
|
|
1142
1161
|
//* Global Types ==============================
|
|
1143
1162
|
|
|
1144
1163
|
declare global {
|
|
1145
|
-
/**
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
|
|
1164
|
+
/**
|
|
1165
|
+
* Uniform node type.
|
|
1166
|
+
*
|
|
1167
|
+
* This is three's own `UniformNode`, not a re-declaration of it. It previously was a
|
|
1168
|
+
* hand-rolled `interface UniformNode<T> extends Node { value: T }`, which shadowed the real
|
|
1169
|
+
* exported type globally — so R3F's ~58 references resolved to an approximation that was
|
|
1170
|
+
* missing members three actually ships (`setName` among them) and had drifted to the wrong
|
|
1171
|
+
* arity when three made `UniformNode` two-parameter.
|
|
1172
|
+
*
|
|
1173
|
+
* three's signature is `UniformNode<TNodeType, TValue>`. R3F only ever varies the value type,
|
|
1174
|
+
* so the node type is fixed to `unknown` and the single parameter is kept for call-site
|
|
1175
|
+
* ergonomics. The result is three's structural type, so members stay in sync with the
|
|
1176
|
+
* installed three instead of needing to be mirrored by hand.
|
|
1177
|
+
*/
|
|
1178
|
+
type UniformNode<T = unknown> = three_webgpu.UniformNode<unknown, T>
|
|
1149
1179
|
|
|
1150
1180
|
/**
|
|
1151
1181
|
* ShaderCallable - the return type of Fn()
|
|
@@ -1290,13 +1320,14 @@ declare module 'three/tsl' {
|
|
|
1290
1320
|
): ShaderCallable<R>
|
|
1291
1321
|
}
|
|
1292
1322
|
|
|
1293
|
-
/**
|
|
1294
|
-
* RenderPipeline Types for useRenderPipeline hook (WebGPU only)
|
|
1295
|
-
*/
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
1323
|
declare global {
|
|
1324
|
+
/**
|
|
1325
|
+
* three's own render pipeline type. Named here so the rest of R3F refers to three's shape
|
|
1326
|
+
* rather than `any`. three r183 renamed `PostProcessing` to `RenderPipeline`; our peer floor
|
|
1327
|
+
* is r185, so the new name is the only one.
|
|
1328
|
+
*/
|
|
1329
|
+
type ThreeRenderPipeline = three_webgpu.RenderPipeline
|
|
1330
|
+
|
|
1300
1331
|
/** Pass record - stores TSL pass nodes for render pipeline */
|
|
1301
1332
|
type PassRecord = Record<string, any>
|
|
1302
1333
|
|
|
@@ -1311,7 +1342,7 @@ declare global {
|
|
|
1311
1342
|
/** Current passes from state */
|
|
1312
1343
|
passes: PassRecord
|
|
1313
1344
|
/** RenderPipeline instance (null if not initialized) */
|
|
1314
|
-
renderPipeline:
|
|
1345
|
+
renderPipeline: ThreeRenderPipeline | null
|
|
1315
1346
|
/** Clear all passes from state */
|
|
1316
1347
|
clearPasses: () => void
|
|
1317
1348
|
/** Reset RenderPipeline entirely (clears PP + passes) */
|
|
@@ -1560,12 +1591,23 @@ type EnvironmentLoaderProps = {
|
|
|
1560
1591
|
* const texture = useEnvironment({ preset: 'sunset' })
|
|
1561
1592
|
* ```
|
|
1562
1593
|
*/
|
|
1563
|
-
declare function useEnvironment({ files, path, preset, colorSpace, extensions, }?: Partial<EnvironmentLoaderProps>): Texture$1<unknown> | CubeTexture
|
|
1594
|
+
declare function useEnvironment({ files, path, preset, colorSpace, extensions, }?: Partial<EnvironmentLoaderProps>): Texture$1<unknown, THREE$1.TextureEventMap> | CubeTexture<unknown>;
|
|
1564
1595
|
declare namespace useEnvironment {
|
|
1565
1596
|
var preload: (preloadOptions?: EnvironmentLoaderPreloadOptions) => void;
|
|
1566
1597
|
var clear: (clearOptions?: EnvironmentLoaderClearOptions) => void;
|
|
1567
1598
|
}
|
|
1568
|
-
|
|
1599
|
+
/**
|
|
1600
|
+
* Options accepted by `useEnvironment.preload`.
|
|
1601
|
+
*
|
|
1602
|
+
* `colorSpace` is deliberately omitted: preload only warms the loader cache, and colorSpace is
|
|
1603
|
+
* applied to the texture by `useEnvironment()` at use time, per consumer. Accepting it here would
|
|
1604
|
+
* advertise an option this function silently ignores.
|
|
1605
|
+
*
|
|
1606
|
+
* This previously read `Omit<…, 'encoding'>` — omitting a key that does not exist on
|
|
1607
|
+
* `EnvironmentLoaderProps`, a leftover from three's pre-`colorSpace` `encoding` API. That made the
|
|
1608
|
+
* type equivalent to the full props, so `colorSpace` was accepted and then dropped on the floor.
|
|
1609
|
+
*/
|
|
1610
|
+
type EnvironmentLoaderPreloadOptions = Omit<EnvironmentLoaderProps, 'colorSpace'>;
|
|
1569
1611
|
type EnvironmentLoaderClearOptions = Pick<EnvironmentLoaderProps, 'files' | 'preset'>;
|
|
1570
1612
|
|
|
1571
1613
|
/**
|
|
@@ -1609,9 +1651,9 @@ type EnvironmentProps = {
|
|
|
1609
1651
|
blur?: number;
|
|
1610
1652
|
backgroundBlurriness?: number;
|
|
1611
1653
|
backgroundIntensity?: number;
|
|
1612
|
-
backgroundRotation?: Euler
|
|
1654
|
+
backgroundRotation?: Euler;
|
|
1613
1655
|
environmentIntensity?: number;
|
|
1614
|
-
environmentRotation?: Euler
|
|
1656
|
+
environmentRotation?: Euler;
|
|
1615
1657
|
map?: Texture$1;
|
|
1616
1658
|
preset?: PresetsType;
|
|
1617
1659
|
scene?: Scene | React$1.RefObject<Scene>;
|
|
@@ -1695,7 +1737,7 @@ declare function EnvironmentCube({ background, scene, blur, backgroundBlurriness
|
|
|
1695
1737
|
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
1738
|
declare module '@react-three/fiber' {
|
|
1697
1739
|
interface ThreeElements {
|
|
1698
|
-
groundProjectedEnvImpl: ThreeElement
|
|
1740
|
+
groundProjectedEnvImpl: ThreeElement<typeof GroundedSkybox>;
|
|
1699
1741
|
}
|
|
1700
1742
|
}
|
|
1701
1743
|
/**
|
|
@@ -1795,6 +1837,24 @@ declare module '@react-three/fiber' {
|
|
|
1795
1837
|
*/
|
|
1796
1838
|
declare function Environment(props: EnvironmentProps): react_jsx_runtime.JSX.Element;
|
|
1797
1839
|
|
|
1840
|
+
/**
|
|
1841
|
+
* Moves every trace of interactivity from one object to its replacement, for reconstruction.
|
|
1842
|
+
*
|
|
1843
|
+
* When `args` or a `primitive`'s `object` changes, R3F builds a new three object and keeps the same
|
|
1844
|
+
* instance. Removing the old object from the interaction state and registering the new one from
|
|
1845
|
+
* scratch makes events *work* again (#3778), but it forgets what was in flight: a pointer resting on
|
|
1846
|
+
* the object fires a second `onPointerEnter` without ever having left, and an active pointer capture
|
|
1847
|
+
* is dropped mid-drag. Rewriting the references instead keeps the interaction continuous across a
|
|
1848
|
+
* swap the user never asked to see (#3744).
|
|
1849
|
+
*
|
|
1850
|
+
* Captures are re-keyed rather than released, so the DOM-level capture on `captureData.target` is
|
|
1851
|
+
* left alone — releasing and re-acquiring it is precisely the glitch being avoided.
|
|
1852
|
+
*
|
|
1853
|
+
* Visibility handlers are deliberately not transferred: that registry is keyed by `object.uuid`, so
|
|
1854
|
+
* the replacement re-registers itself through `applyProps`. The old entry is dropped here so it
|
|
1855
|
+
* cannot outlive the object it described.
|
|
1856
|
+
*/
|
|
1857
|
+
declare function swapInteractivity(store: RootStore, object: Object3D, newObject: Object3D): void;
|
|
1798
1858
|
declare function removeInteractivity(store: RootStore, object: Object3D): void;
|
|
1799
1859
|
declare function createEvents(store: RootStore): {
|
|
1800
1860
|
handlePointer: (name: string) => (event: DomEvent) => void;
|
|
@@ -3220,11 +3280,6 @@ declare function flushSync<R>(fn: () => R): R;
|
|
|
3220
3280
|
declare const context: React$1.Context<RootStore>;
|
|
3221
3281
|
declare const createStore: (invalidate: (state?: RootState, frames?: number, stackFrames?: boolean) => void, advance: (timestamp: number, runGlobalEffects?: boolean, state?: RootState, frame?: XRFrame) => void) => RootStore;
|
|
3222
3282
|
|
|
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
3283
|
/**
|
|
3229
3284
|
* An SSR-friendly useLayoutEffect.
|
|
3230
3285
|
*
|
|
@@ -3708,5 +3763,5 @@ declare function isOnce(value: unknown): value is {
|
|
|
3708
3763
|
*/
|
|
3709
3764
|
declare function Canvas(props: CanvasProps): react_jsx_runtime.JSX.Element;
|
|
3710
3765
|
|
|
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,
|
|
3766
|
+
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
3767
|
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 };
|