@react-three/fiber 10.0.0-canary.f046a54 → 10.0.0-canary.fd3335d
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 +2207 -2024
- package/dist/index.d.cts +74 -33
- package/dist/index.d.mts +74 -33
- package/dist/index.d.ts +74 -33
- package/dist/index.mjs +2210 -2027
- package/dist/legacy.cjs +2205 -2027
- package/dist/legacy.d.cts +73 -35
- package/dist/legacy.d.mts +73 -35
- package/dist/legacy.d.ts +73 -35
- package/dist/legacy.mjs +2207 -2029
- package/dist/webgpu/index.cjs +2437 -2495
- package/dist/webgpu/index.d.cts +107 -37
- package/dist/webgpu/index.d.mts +107 -37
- package/dist/webgpu/index.d.ts +107 -37
- package/dist/webgpu/index.mjs +2440 -2498
- 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 ==============================
|
|
@@ -496,7 +503,7 @@ interface InternalState {
|
|
|
496
503
|
canvasTarget?: CanvasTarget
|
|
497
504
|
/**
|
|
498
505
|
* Whether multi-canvas rendering is active.
|
|
499
|
-
* True when any canvas uses `
|
|
506
|
+
* True when any canvas uses `renderer={{ primaryCanvas: 'id' }}` to share a renderer.
|
|
500
507
|
* When true, setCanvasTarget is called before each render.
|
|
501
508
|
*/
|
|
502
509
|
isMultiCanvas?: boolean
|
|
@@ -594,8 +601,8 @@ interface RootState {
|
|
|
594
601
|
setSize: (width?: number, height?: number, top?: number, left?: number) => void
|
|
595
602
|
/** Shortcut to manual setting the pixel ratio */
|
|
596
603
|
setDpr: (dpr: Dpr) => void
|
|
597
|
-
/** Shortcut to setting frameloop flags */
|
|
598
|
-
setFrameloop: (frameloop
|
|
604
|
+
/** Shortcut to setting frameloop flags. No args resets to 'always'. */
|
|
605
|
+
setFrameloop: (frameloop?: Frameloop) => void
|
|
599
606
|
/** Set error state to propagate to error boundary */
|
|
600
607
|
setError: (error: Error | null) => void
|
|
601
608
|
/** Current error state (null when no error) */
|
|
@@ -613,7 +620,7 @@ interface RootState {
|
|
|
613
620
|
/** Internal: refcount per texture key, driven by mounted useTexture consumers (registry enrollment is on by default) */
|
|
614
621
|
_textureRefs: Map<string, number>
|
|
615
622
|
/** WebGPU RenderPipeline instance - use useRenderPipeline() hook */
|
|
616
|
-
renderPipeline:
|
|
623
|
+
renderPipeline: ThreeRenderPipeline | null
|
|
617
624
|
/** Global TSL pass nodes for render pipeline - use useRenderPipeline() hook */
|
|
618
625
|
passes: Record<string, any>
|
|
619
626
|
/** Internal version counter for HMR - incremented by rebuildNodes/rebuildUniforms to bust memoization */
|
|
@@ -906,8 +913,6 @@ interface Instance<O = any> {
|
|
|
906
913
|
attach?: AttachType<O>
|
|
907
914
|
previousAttach?: any
|
|
908
915
|
isHidden: boolean
|
|
909
|
-
/** Deferred ref props to apply in commitMount */
|
|
910
|
-
deferredRefs?: Array<{ prop: string; ref: React$1.RefObject<any> }>
|
|
911
916
|
/** Set of props that have been applied via once() */
|
|
912
917
|
appliedOnce?: Set<string>
|
|
913
918
|
}
|
|
@@ -1144,10 +1149,21 @@ type RenderTargetOptions = RenderTargetOptions$1
|
|
|
1144
1149
|
//* Global Types ==============================
|
|
1145
1150
|
|
|
1146
1151
|
declare global {
|
|
1147
|
-
/**
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1152
|
+
/**
|
|
1153
|
+
* Uniform node type.
|
|
1154
|
+
*
|
|
1155
|
+
* This is three's own `UniformNode`, not a re-declaration of it. It previously was a
|
|
1156
|
+
* hand-rolled `interface UniformNode<T> extends Node { value: T }`, which shadowed the real
|
|
1157
|
+
* exported type globally — so R3F's ~58 references resolved to an approximation that was
|
|
1158
|
+
* missing members three actually ships (`setName` among them) and had drifted to the wrong
|
|
1159
|
+
* arity when three made `UniformNode` two-parameter.
|
|
1160
|
+
*
|
|
1161
|
+
* three's signature is `UniformNode<TNodeType, TValue>`. R3F only ever varies the value type,
|
|
1162
|
+
* so the node type is fixed to `unknown` and the single parameter is kept for call-site
|
|
1163
|
+
* ergonomics. The result is three's structural type, so members stay in sync with the
|
|
1164
|
+
* installed three instead of needing to be mirrored by hand.
|
|
1165
|
+
*/
|
|
1166
|
+
type UniformNode<T = unknown> = three_webgpu.UniformNode<unknown, T>
|
|
1151
1167
|
|
|
1152
1168
|
/**
|
|
1153
1169
|
* ShaderCallable - the return type of Fn()
|
|
@@ -1292,13 +1308,14 @@ declare module 'three/tsl' {
|
|
|
1292
1308
|
): ShaderCallable<R>
|
|
1293
1309
|
}
|
|
1294
1310
|
|
|
1295
|
-
/**
|
|
1296
|
-
* RenderPipeline Types for useRenderPipeline hook (WebGPU only)
|
|
1297
|
-
*/
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
1311
|
declare global {
|
|
1312
|
+
/**
|
|
1313
|
+
* three's own render pipeline type. Named here so the rest of R3F refers to three's shape
|
|
1314
|
+
* rather than `any`. three r183 renamed `PostProcessing` to `RenderPipeline`; our peer floor
|
|
1315
|
+
* is r185, so the new name is the only one.
|
|
1316
|
+
*/
|
|
1317
|
+
type ThreeRenderPipeline = three_webgpu.RenderPipeline
|
|
1318
|
+
|
|
1302
1319
|
/** Pass record - stores TSL pass nodes for render pipeline */
|
|
1303
1320
|
type PassRecord = Record<string, any>
|
|
1304
1321
|
|
|
@@ -1313,7 +1330,7 @@ declare global {
|
|
|
1313
1330
|
/** Current passes from state */
|
|
1314
1331
|
passes: PassRecord
|
|
1315
1332
|
/** RenderPipeline instance (null if not initialized) */
|
|
1316
|
-
renderPipeline:
|
|
1333
|
+
renderPipeline: ThreeRenderPipeline | null
|
|
1317
1334
|
/** Clear all passes from state */
|
|
1318
1335
|
clearPasses: () => void
|
|
1319
1336
|
/** Reset RenderPipeline entirely (clears PP + passes) */
|
|
@@ -1494,7 +1511,7 @@ declare namespace three_d {
|
|
|
1494
1511
|
* a single WebGPURenderer using Three.js CanvasTarget API.
|
|
1495
1512
|
*
|
|
1496
1513
|
* Primary canvas: Has `id` prop, creates its own renderer, registers here
|
|
1497
|
-
* Secondary canvas: Has `
|
|
1514
|
+
* Secondary canvas: Has `renderer={{ primaryCanvas: 'id' }}`, shares primary's renderer via CanvasTarget
|
|
1498
1515
|
*/
|
|
1499
1516
|
|
|
1500
1517
|
interface PrimaryCanvasEntry {
|
|
@@ -1562,12 +1579,23 @@ type EnvironmentLoaderProps = {
|
|
|
1562
1579
|
* const texture = useEnvironment({ preset: 'sunset' })
|
|
1563
1580
|
* ```
|
|
1564
1581
|
*/
|
|
1565
|
-
declare function useEnvironment({ files, path, preset, colorSpace, extensions, }?: Partial<EnvironmentLoaderProps>): Texture$1<unknown> | CubeTexture
|
|
1582
|
+
declare function useEnvironment({ files, path, preset, colorSpace, extensions, }?: Partial<EnvironmentLoaderProps>): Texture$1<unknown, THREE$1.TextureEventMap> | CubeTexture<unknown>;
|
|
1566
1583
|
declare namespace useEnvironment {
|
|
1567
1584
|
var preload: (preloadOptions?: EnvironmentLoaderPreloadOptions) => void;
|
|
1568
1585
|
var clear: (clearOptions?: EnvironmentLoaderClearOptions) => void;
|
|
1569
1586
|
}
|
|
1570
|
-
|
|
1587
|
+
/**
|
|
1588
|
+
* Options accepted by `useEnvironment.preload`.
|
|
1589
|
+
*
|
|
1590
|
+
* `colorSpace` is deliberately omitted: preload only warms the loader cache, and colorSpace is
|
|
1591
|
+
* applied to the texture by `useEnvironment()` at use time, per consumer. Accepting it here would
|
|
1592
|
+
* advertise an option this function silently ignores.
|
|
1593
|
+
*
|
|
1594
|
+
* This previously read `Omit<…, 'encoding'>` — omitting a key that does not exist on
|
|
1595
|
+
* `EnvironmentLoaderProps`, a leftover from three's pre-`colorSpace` `encoding` API. That made the
|
|
1596
|
+
* type equivalent to the full props, so `colorSpace` was accepted and then dropped on the floor.
|
|
1597
|
+
*/
|
|
1598
|
+
type EnvironmentLoaderPreloadOptions = Omit<EnvironmentLoaderProps, 'colorSpace'>;
|
|
1571
1599
|
type EnvironmentLoaderClearOptions = Pick<EnvironmentLoaderProps, 'files' | 'preset'>;
|
|
1572
1600
|
|
|
1573
1601
|
/**
|
|
@@ -1611,9 +1639,9 @@ type EnvironmentProps = {
|
|
|
1611
1639
|
blur?: number;
|
|
1612
1640
|
backgroundBlurriness?: number;
|
|
1613
1641
|
backgroundIntensity?: number;
|
|
1614
|
-
backgroundRotation?: Euler
|
|
1642
|
+
backgroundRotation?: Euler;
|
|
1615
1643
|
environmentIntensity?: number;
|
|
1616
|
-
environmentRotation?: Euler
|
|
1644
|
+
environmentRotation?: Euler;
|
|
1617
1645
|
map?: Texture$1;
|
|
1618
1646
|
preset?: PresetsType;
|
|
1619
1647
|
scene?: Scene | React$1.RefObject<Scene>;
|
|
@@ -1697,7 +1725,7 @@ declare function EnvironmentCube({ background, scene, blur, backgroundBlurriness
|
|
|
1697
1725
|
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;
|
|
1698
1726
|
declare module '@react-three/fiber' {
|
|
1699
1727
|
interface ThreeElements {
|
|
1700
|
-
groundProjectedEnvImpl: ThreeElement
|
|
1728
|
+
groundProjectedEnvImpl: ThreeElement<typeof GroundedSkybox>;
|
|
1701
1729
|
}
|
|
1702
1730
|
}
|
|
1703
1731
|
/**
|
|
@@ -1797,6 +1825,24 @@ declare module '@react-three/fiber' {
|
|
|
1797
1825
|
*/
|
|
1798
1826
|
declare function Environment(props: EnvironmentProps): react_jsx_runtime.JSX.Element;
|
|
1799
1827
|
|
|
1828
|
+
/**
|
|
1829
|
+
* Moves every trace of interactivity from one object to its replacement, for reconstruction.
|
|
1830
|
+
*
|
|
1831
|
+
* When `args` or a `primitive`'s `object` changes, R3F builds a new three object and keeps the same
|
|
1832
|
+
* instance. Removing the old object from the interaction state and registering the new one from
|
|
1833
|
+
* scratch makes events *work* again (#3778), but it forgets what was in flight: a pointer resting on
|
|
1834
|
+
* the object fires a second `onPointerEnter` without ever having left, and an active pointer capture
|
|
1835
|
+
* is dropped mid-drag. Rewriting the references instead keeps the interaction continuous across a
|
|
1836
|
+
* swap the user never asked to see (#3744).
|
|
1837
|
+
*
|
|
1838
|
+
* Captures are re-keyed rather than released, so the DOM-level capture on `captureData.target` is
|
|
1839
|
+
* left alone — releasing and re-acquiring it is precisely the glitch being avoided.
|
|
1840
|
+
*
|
|
1841
|
+
* Visibility handlers are deliberately not transferred: that registry is keyed by `object.uuid`, so
|
|
1842
|
+
* the replacement re-registers itself through `applyProps`. The old entry is dropped here so it
|
|
1843
|
+
* cannot outlive the object it described.
|
|
1844
|
+
*/
|
|
1845
|
+
declare function swapInteractivity(store: RootStore, object: Object3D, newObject: Object3D): void;
|
|
1800
1846
|
declare function removeInteractivity(store: RootStore, object: Object3D): void;
|
|
1801
1847
|
declare function createEvents(store: RootStore): {
|
|
1802
1848
|
handlePointer: (name: string) => (event: DomEvent) => void;
|
|
@@ -3222,11 +3268,6 @@ declare function flushSync<R>(fn: () => R): R;
|
|
|
3222
3268
|
declare const context: React$1.Context<RootStore>;
|
|
3223
3269
|
declare const createStore: (invalidate: (state?: RootState, frames?: number, stackFrames?: boolean) => void, advance: (timestamp: number, runGlobalEffects?: boolean, state?: RootState, frame?: XRFrame) => void) => RootStore;
|
|
3224
3270
|
|
|
3225
|
-
/**
|
|
3226
|
-
* Safely flush async effects when testing, simulating a legacy root.
|
|
3227
|
-
* @deprecated Import from React instead. import { act } from 'react'
|
|
3228
|
-
*/
|
|
3229
|
-
declare const act: typeof React$1.act;
|
|
3230
3271
|
/**
|
|
3231
3272
|
* An SSR-friendly useLayoutEffect.
|
|
3232
3273
|
*
|
|
@@ -3710,5 +3751,5 @@ declare function isOnce(value: unknown): value is {
|
|
|
3710
3751
|
*/
|
|
3711
3752
|
declare function Canvas(props: CanvasProps): react_jsx_runtime.JSX.Element;
|
|
3712
3753
|
|
|
3713
|
-
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,
|
|
3754
|
+
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 };
|
|
3714
3755
|
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 ==============================
|
|
@@ -496,7 +503,7 @@ interface InternalState {
|
|
|
496
503
|
canvasTarget?: CanvasTarget
|
|
497
504
|
/**
|
|
498
505
|
* Whether multi-canvas rendering is active.
|
|
499
|
-
* True when any canvas uses `
|
|
506
|
+
* True when any canvas uses `renderer={{ primaryCanvas: 'id' }}` to share a renderer.
|
|
500
507
|
* When true, setCanvasTarget is called before each render.
|
|
501
508
|
*/
|
|
502
509
|
isMultiCanvas?: boolean
|
|
@@ -594,8 +601,8 @@ interface RootState {
|
|
|
594
601
|
setSize: (width?: number, height?: number, top?: number, left?: number) => void
|
|
595
602
|
/** Shortcut to manual setting the pixel ratio */
|
|
596
603
|
setDpr: (dpr: Dpr) => void
|
|
597
|
-
/** Shortcut to setting frameloop flags */
|
|
598
|
-
setFrameloop: (frameloop
|
|
604
|
+
/** Shortcut to setting frameloop flags. No args resets to 'always'. */
|
|
605
|
+
setFrameloop: (frameloop?: Frameloop) => void
|
|
599
606
|
/** Set error state to propagate to error boundary */
|
|
600
607
|
setError: (error: Error | null) => void
|
|
601
608
|
/** Current error state (null when no error) */
|
|
@@ -613,7 +620,7 @@ interface RootState {
|
|
|
613
620
|
/** Internal: refcount per texture key, driven by mounted useTexture consumers (registry enrollment is on by default) */
|
|
614
621
|
_textureRefs: Map<string, number>
|
|
615
622
|
/** WebGPU RenderPipeline instance - use useRenderPipeline() hook */
|
|
616
|
-
renderPipeline:
|
|
623
|
+
renderPipeline: ThreeRenderPipeline | null
|
|
617
624
|
/** Global TSL pass nodes for render pipeline - use useRenderPipeline() hook */
|
|
618
625
|
passes: Record<string, any>
|
|
619
626
|
/** Internal version counter for HMR - incremented by rebuildNodes/rebuildUniforms to bust memoization */
|
|
@@ -906,8 +913,6 @@ interface Instance<O = any> {
|
|
|
906
913
|
attach?: AttachType<O>
|
|
907
914
|
previousAttach?: any
|
|
908
915
|
isHidden: boolean
|
|
909
|
-
/** Deferred ref props to apply in commitMount */
|
|
910
|
-
deferredRefs?: Array<{ prop: string; ref: React$1.RefObject<any> }>
|
|
911
916
|
/** Set of props that have been applied via once() */
|
|
912
917
|
appliedOnce?: Set<string>
|
|
913
918
|
}
|
|
@@ -1144,10 +1149,21 @@ type RenderTargetOptions = RenderTargetOptions$1
|
|
|
1144
1149
|
//* Global Types ==============================
|
|
1145
1150
|
|
|
1146
1151
|
declare global {
|
|
1147
|
-
/**
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1152
|
+
/**
|
|
1153
|
+
* Uniform node type.
|
|
1154
|
+
*
|
|
1155
|
+
* This is three's own `UniformNode`, not a re-declaration of it. It previously was a
|
|
1156
|
+
* hand-rolled `interface UniformNode<T> extends Node { value: T }`, which shadowed the real
|
|
1157
|
+
* exported type globally — so R3F's ~58 references resolved to an approximation that was
|
|
1158
|
+
* missing members three actually ships (`setName` among them) and had drifted to the wrong
|
|
1159
|
+
* arity when three made `UniformNode` two-parameter.
|
|
1160
|
+
*
|
|
1161
|
+
* three's signature is `UniformNode<TNodeType, TValue>`. R3F only ever varies the value type,
|
|
1162
|
+
* so the node type is fixed to `unknown` and the single parameter is kept for call-site
|
|
1163
|
+
* ergonomics. The result is three's structural type, so members stay in sync with the
|
|
1164
|
+
* installed three instead of needing to be mirrored by hand.
|
|
1165
|
+
*/
|
|
1166
|
+
type UniformNode<T = unknown> = three_webgpu.UniformNode<unknown, T>
|
|
1151
1167
|
|
|
1152
1168
|
/**
|
|
1153
1169
|
* ShaderCallable - the return type of Fn()
|
|
@@ -1292,13 +1308,14 @@ declare module 'three/tsl' {
|
|
|
1292
1308
|
): ShaderCallable<R>
|
|
1293
1309
|
}
|
|
1294
1310
|
|
|
1295
|
-
/**
|
|
1296
|
-
* RenderPipeline Types for useRenderPipeline hook (WebGPU only)
|
|
1297
|
-
*/
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
1311
|
declare global {
|
|
1312
|
+
/**
|
|
1313
|
+
* three's own render pipeline type. Named here so the rest of R3F refers to three's shape
|
|
1314
|
+
* rather than `any`. three r183 renamed `PostProcessing` to `RenderPipeline`; our peer floor
|
|
1315
|
+
* is r185, so the new name is the only one.
|
|
1316
|
+
*/
|
|
1317
|
+
type ThreeRenderPipeline = three_webgpu.RenderPipeline
|
|
1318
|
+
|
|
1302
1319
|
/** Pass record - stores TSL pass nodes for render pipeline */
|
|
1303
1320
|
type PassRecord = Record<string, any>
|
|
1304
1321
|
|
|
@@ -1313,7 +1330,7 @@ declare global {
|
|
|
1313
1330
|
/** Current passes from state */
|
|
1314
1331
|
passes: PassRecord
|
|
1315
1332
|
/** RenderPipeline instance (null if not initialized) */
|
|
1316
|
-
renderPipeline:
|
|
1333
|
+
renderPipeline: ThreeRenderPipeline | null
|
|
1317
1334
|
/** Clear all passes from state */
|
|
1318
1335
|
clearPasses: () => void
|
|
1319
1336
|
/** Reset RenderPipeline entirely (clears PP + passes) */
|
|
@@ -1494,7 +1511,7 @@ declare namespace three_d {
|
|
|
1494
1511
|
* a single WebGPURenderer using Three.js CanvasTarget API.
|
|
1495
1512
|
*
|
|
1496
1513
|
* Primary canvas: Has `id` prop, creates its own renderer, registers here
|
|
1497
|
-
* Secondary canvas: Has `
|
|
1514
|
+
* Secondary canvas: Has `renderer={{ primaryCanvas: 'id' }}`, shares primary's renderer via CanvasTarget
|
|
1498
1515
|
*/
|
|
1499
1516
|
|
|
1500
1517
|
interface PrimaryCanvasEntry {
|
|
@@ -1562,12 +1579,23 @@ type EnvironmentLoaderProps = {
|
|
|
1562
1579
|
* const texture = useEnvironment({ preset: 'sunset' })
|
|
1563
1580
|
* ```
|
|
1564
1581
|
*/
|
|
1565
|
-
declare function useEnvironment({ files, path, preset, colorSpace, extensions, }?: Partial<EnvironmentLoaderProps>): Texture$1<unknown> | CubeTexture
|
|
1582
|
+
declare function useEnvironment({ files, path, preset, colorSpace, extensions, }?: Partial<EnvironmentLoaderProps>): Texture$1<unknown, THREE$1.TextureEventMap> | CubeTexture<unknown>;
|
|
1566
1583
|
declare namespace useEnvironment {
|
|
1567
1584
|
var preload: (preloadOptions?: EnvironmentLoaderPreloadOptions) => void;
|
|
1568
1585
|
var clear: (clearOptions?: EnvironmentLoaderClearOptions) => void;
|
|
1569
1586
|
}
|
|
1570
|
-
|
|
1587
|
+
/**
|
|
1588
|
+
* Options accepted by `useEnvironment.preload`.
|
|
1589
|
+
*
|
|
1590
|
+
* `colorSpace` is deliberately omitted: preload only warms the loader cache, and colorSpace is
|
|
1591
|
+
* applied to the texture by `useEnvironment()` at use time, per consumer. Accepting it here would
|
|
1592
|
+
* advertise an option this function silently ignores.
|
|
1593
|
+
*
|
|
1594
|
+
* This previously read `Omit<…, 'encoding'>` — omitting a key that does not exist on
|
|
1595
|
+
* `EnvironmentLoaderProps`, a leftover from three's pre-`colorSpace` `encoding` API. That made the
|
|
1596
|
+
* type equivalent to the full props, so `colorSpace` was accepted and then dropped on the floor.
|
|
1597
|
+
*/
|
|
1598
|
+
type EnvironmentLoaderPreloadOptions = Omit<EnvironmentLoaderProps, 'colorSpace'>;
|
|
1571
1599
|
type EnvironmentLoaderClearOptions = Pick<EnvironmentLoaderProps, 'files' | 'preset'>;
|
|
1572
1600
|
|
|
1573
1601
|
/**
|
|
@@ -1611,9 +1639,9 @@ type EnvironmentProps = {
|
|
|
1611
1639
|
blur?: number;
|
|
1612
1640
|
backgroundBlurriness?: number;
|
|
1613
1641
|
backgroundIntensity?: number;
|
|
1614
|
-
backgroundRotation?: Euler
|
|
1642
|
+
backgroundRotation?: Euler;
|
|
1615
1643
|
environmentIntensity?: number;
|
|
1616
|
-
environmentRotation?: Euler
|
|
1644
|
+
environmentRotation?: Euler;
|
|
1617
1645
|
map?: Texture$1;
|
|
1618
1646
|
preset?: PresetsType;
|
|
1619
1647
|
scene?: Scene | React$1.RefObject<Scene>;
|
|
@@ -1697,7 +1725,7 @@ declare function EnvironmentCube({ background, scene, blur, backgroundBlurriness
|
|
|
1697
1725
|
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;
|
|
1698
1726
|
declare module '@react-three/fiber' {
|
|
1699
1727
|
interface ThreeElements {
|
|
1700
|
-
groundProjectedEnvImpl: ThreeElement
|
|
1728
|
+
groundProjectedEnvImpl: ThreeElement<typeof GroundedSkybox>;
|
|
1701
1729
|
}
|
|
1702
1730
|
}
|
|
1703
1731
|
/**
|
|
@@ -1797,6 +1825,24 @@ declare module '@react-three/fiber' {
|
|
|
1797
1825
|
*/
|
|
1798
1826
|
declare function Environment(props: EnvironmentProps): react_jsx_runtime.JSX.Element;
|
|
1799
1827
|
|
|
1828
|
+
/**
|
|
1829
|
+
* Moves every trace of interactivity from one object to its replacement, for reconstruction.
|
|
1830
|
+
*
|
|
1831
|
+
* When `args` or a `primitive`'s `object` changes, R3F builds a new three object and keeps the same
|
|
1832
|
+
* instance. Removing the old object from the interaction state and registering the new one from
|
|
1833
|
+
* scratch makes events *work* again (#3778), but it forgets what was in flight: a pointer resting on
|
|
1834
|
+
* the object fires a second `onPointerEnter` without ever having left, and an active pointer capture
|
|
1835
|
+
* is dropped mid-drag. Rewriting the references instead keeps the interaction continuous across a
|
|
1836
|
+
* swap the user never asked to see (#3744).
|
|
1837
|
+
*
|
|
1838
|
+
* Captures are re-keyed rather than released, so the DOM-level capture on `captureData.target` is
|
|
1839
|
+
* left alone — releasing and re-acquiring it is precisely the glitch being avoided.
|
|
1840
|
+
*
|
|
1841
|
+
* Visibility handlers are deliberately not transferred: that registry is keyed by `object.uuid`, so
|
|
1842
|
+
* the replacement re-registers itself through `applyProps`. The old entry is dropped here so it
|
|
1843
|
+
* cannot outlive the object it described.
|
|
1844
|
+
*/
|
|
1845
|
+
declare function swapInteractivity(store: RootStore, object: Object3D, newObject: Object3D): void;
|
|
1800
1846
|
declare function removeInteractivity(store: RootStore, object: Object3D): void;
|
|
1801
1847
|
declare function createEvents(store: RootStore): {
|
|
1802
1848
|
handlePointer: (name: string) => (event: DomEvent) => void;
|
|
@@ -3222,11 +3268,6 @@ declare function flushSync<R>(fn: () => R): R;
|
|
|
3222
3268
|
declare const context: React$1.Context<RootStore>;
|
|
3223
3269
|
declare const createStore: (invalidate: (state?: RootState, frames?: number, stackFrames?: boolean) => void, advance: (timestamp: number, runGlobalEffects?: boolean, state?: RootState, frame?: XRFrame) => void) => RootStore;
|
|
3224
3270
|
|
|
3225
|
-
/**
|
|
3226
|
-
* Safely flush async effects when testing, simulating a legacy root.
|
|
3227
|
-
* @deprecated Import from React instead. import { act } from 'react'
|
|
3228
|
-
*/
|
|
3229
|
-
declare const act: typeof React$1.act;
|
|
3230
3271
|
/**
|
|
3231
3272
|
* An SSR-friendly useLayoutEffect.
|
|
3232
3273
|
*
|
|
@@ -3710,5 +3751,5 @@ declare function isOnce(value: unknown): value is {
|
|
|
3710
3751
|
*/
|
|
3711
3752
|
declare function Canvas(props: CanvasProps): react_jsx_runtime.JSX.Element;
|
|
3712
3753
|
|
|
3713
|
-
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,
|
|
3754
|
+
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 };
|
|
3714
3755
|
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 };
|