@react-three/fiber 7.0.28 → 7.0.29

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/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @react-three/fiber
2
2
 
3
+ ## 7.0.29
4
+
5
+ ### Patch Changes
6
+
7
+ - c99a175: fix native entrypoint
8
+
3
9
  ## 7.0.28
4
10
 
5
11
  ### Patch Changes
@@ -1,63 +1,63 @@
1
- import * as THREE from 'three';
2
- import type { UseBoundStore } from 'zustand';
3
- import type { RootState } from './store';
4
- export interface Intersection extends THREE.Intersection {
5
- eventObject: THREE.Object3D;
6
- }
7
- export interface IntersectionEvent<TSourceEvent> extends Intersection {
8
- intersections: Intersection[];
9
- stopped: boolean;
10
- unprojectedPoint: THREE.Vector3;
11
- ray: THREE.Ray;
12
- camera: Camera;
13
- stopPropagation: () => void;
14
- sourceEvent: TSourceEvent;
15
- nativeEvent: TSourceEvent;
16
- delta: number;
17
- spaceX: number;
18
- spaceY: number;
19
- }
20
- export declare type Camera = THREE.OrthographicCamera | THREE.PerspectiveCamera;
21
- export declare type ThreeEvent<TEvent> = IntersectionEvent<TEvent>;
22
- export declare type DomEvent = PointerEvent | MouseEvent | WheelEvent;
23
- export declare type Events = {
24
- onClick: EventListener;
25
- onContextMenu: EventListener;
26
- onDoubleClick: EventListener;
27
- onWheel: EventListener;
28
- onPointerDown: EventListener;
29
- onPointerUp: EventListener;
30
- onPointerLeave: EventListener;
31
- onPointerMove: EventListener;
32
- onPointerCancel: EventListener;
33
- onLostPointerCapture: EventListener;
34
- };
35
- export declare type EventHandlers = {
36
- onClick?: (event: ThreeEvent<MouseEvent>) => void;
37
- onContextMenu?: (event: ThreeEvent<MouseEvent>) => void;
38
- onDoubleClick?: (event: ThreeEvent<MouseEvent>) => void;
39
- onPointerUp?: (event: ThreeEvent<PointerEvent>) => void;
40
- onPointerDown?: (event: ThreeEvent<PointerEvent>) => void;
41
- onPointerOver?: (event: ThreeEvent<PointerEvent>) => void;
42
- onPointerOut?: (event: ThreeEvent<PointerEvent>) => void;
43
- onPointerEnter?: (event: ThreeEvent<PointerEvent>) => void;
44
- onPointerLeave?: (event: ThreeEvent<PointerEvent>) => void;
45
- onPointerMove?: (event: ThreeEvent<PointerEvent>) => void;
46
- onPointerMissed?: (event: MouseEvent) => void;
47
- onPointerCancel?: (event: ThreeEvent<PointerEvent>) => void;
48
- onWheel?: (event: ThreeEvent<WheelEvent>) => void;
49
- };
50
- export interface EventManager<TTarget> {
51
- connected: TTarget | boolean;
52
- handlers?: Events;
53
- connect?: (target: TTarget) => void;
54
- disconnect?: () => void;
55
- }
56
- export interface PointerCaptureTarget {
57
- intersection: Intersection;
58
- target: Element;
59
- }
60
- export declare function removeInteractivity(store: UseBoundStore<RootState>, object: THREE.Object3D): void;
61
- export declare function createEvents(store: UseBoundStore<RootState>): {
62
- handlePointer: (name: string) => (event: DomEvent) => void;
63
- };
1
+ import * as THREE from 'three';
2
+ import type { UseBoundStore } from 'zustand';
3
+ import type { RootState } from './store';
4
+ export interface Intersection extends THREE.Intersection {
5
+ eventObject: THREE.Object3D;
6
+ }
7
+ export interface IntersectionEvent<TSourceEvent> extends Intersection {
8
+ intersections: Intersection[];
9
+ stopped: boolean;
10
+ unprojectedPoint: THREE.Vector3;
11
+ ray: THREE.Ray;
12
+ camera: Camera;
13
+ stopPropagation: () => void;
14
+ sourceEvent: TSourceEvent;
15
+ nativeEvent: TSourceEvent;
16
+ delta: number;
17
+ spaceX: number;
18
+ spaceY: number;
19
+ }
20
+ export declare type Camera = THREE.OrthographicCamera | THREE.PerspectiveCamera;
21
+ export declare type ThreeEvent<TEvent> = IntersectionEvent<TEvent>;
22
+ export declare type DomEvent = PointerEvent | MouseEvent | WheelEvent;
23
+ export declare type Events = {
24
+ onClick: EventListener;
25
+ onContextMenu: EventListener;
26
+ onDoubleClick: EventListener;
27
+ onWheel: EventListener;
28
+ onPointerDown: EventListener;
29
+ onPointerUp: EventListener;
30
+ onPointerLeave: EventListener;
31
+ onPointerMove: EventListener;
32
+ onPointerCancel: EventListener;
33
+ onLostPointerCapture: EventListener;
34
+ };
35
+ export declare type EventHandlers = {
36
+ onClick?: (event: ThreeEvent<MouseEvent>) => void;
37
+ onContextMenu?: (event: ThreeEvent<MouseEvent>) => void;
38
+ onDoubleClick?: (event: ThreeEvent<MouseEvent>) => void;
39
+ onPointerUp?: (event: ThreeEvent<PointerEvent>) => void;
40
+ onPointerDown?: (event: ThreeEvent<PointerEvent>) => void;
41
+ onPointerOver?: (event: ThreeEvent<PointerEvent>) => void;
42
+ onPointerOut?: (event: ThreeEvent<PointerEvent>) => void;
43
+ onPointerEnter?: (event: ThreeEvent<PointerEvent>) => void;
44
+ onPointerLeave?: (event: ThreeEvent<PointerEvent>) => void;
45
+ onPointerMove?: (event: ThreeEvent<PointerEvent>) => void;
46
+ onPointerMissed?: (event: MouseEvent) => void;
47
+ onPointerCancel?: (event: ThreeEvent<PointerEvent>) => void;
48
+ onWheel?: (event: ThreeEvent<WheelEvent>) => void;
49
+ };
50
+ export interface EventManager<TTarget> {
51
+ connected: TTarget | boolean;
52
+ handlers?: Events;
53
+ connect?: (target: TTarget) => void;
54
+ disconnect?: () => void;
55
+ }
56
+ export interface PointerCaptureTarget {
57
+ intersection: Intersection;
58
+ target: Element;
59
+ }
60
+ export declare function removeInteractivity(store: UseBoundStore<RootState>, object: THREE.Object3D): void;
61
+ export declare function createEvents(store: UseBoundStore<RootState>): {
62
+ handlePointer: (name: string) => (event: DomEvent) => void;
63
+ };
@@ -1,32 +1,32 @@
1
- import * as THREE from 'three';
2
- import { StateSelector, EqualityChecker } from 'zustand';
3
- import type { GLTF } from 'three/examples/jsm/loaders/GLTFLoader';
4
- import { RootState, RenderCallback } from './store';
5
- export interface Loader<T> extends THREE.Loader {
6
- load(url: string, onLoad?: (result: T) => void, onProgress?: (event: ProgressEvent) => void, onError?: (event: ErrorEvent) => void): unknown;
7
- }
8
- declare type Extensions = (loader: THREE.Loader) => void;
9
- declare type LoaderResult<T> = T extends any[] ? Loader<T[number]> : Loader<T>;
10
- declare type ConditionalType<Child, Parent, Truthy, Falsy> = Child extends Parent ? Truthy : Falsy;
11
- declare type BranchingReturn<T, Parent, Coerced> = ConditionalType<T, Parent, Coerced, T>;
12
- declare type noop = (...args: any[]) => any;
13
- declare type PickFunction<T extends noop> = (...args: Parameters<T>) => ReturnType<T>;
14
- export declare type ObjectMap = {
15
- nodes: {
16
- [name: string]: THREE.Object3D;
17
- };
18
- materials: {
19
- [name: string]: THREE.Material;
20
- };
21
- };
22
- export declare function useStore(): import("zustand").UseBoundStore<RootState, import("zustand").StoreApi<RootState>>;
23
- export declare function useThree<T = RootState>(selector?: StateSelector<RootState, T>, equalityFn?: EqualityChecker<T>): T;
24
- export declare function useFrame(callback: RenderCallback, renderPriority?: number): null;
25
- export declare function useGraph(object: THREE.Object3D): ObjectMap;
26
- export declare function useMemoizedFn<T extends noop>(fn?: T): PickFunction<T>;
27
- export declare function useLoader<T, U extends string | string[]>(Proto: new () => LoaderResult<T>, input: U, extensions?: Extensions, onProgress?: (event: ProgressEvent<EventTarget>) => void): U extends any[] ? BranchingReturn<T, GLTF, GLTF & ObjectMap>[] : BranchingReturn<T, GLTF, GLTF & ObjectMap>;
28
- export declare namespace useLoader {
29
- var preload: <T, U extends string | string[]>(Proto: new () => LoaderResult<T>, input: U, extensions?: Extensions | undefined) => undefined;
30
- var clear: <T, U extends string | string[]>(Proto: new () => LoaderResult<T>, input: U) => void;
31
- }
32
- export {};
1
+ import * as THREE from 'three';
2
+ import { StateSelector, EqualityChecker } from 'zustand';
3
+ import type { GLTF } from 'three/examples/jsm/loaders/GLTFLoader';
4
+ import { RootState, RenderCallback } from './store';
5
+ export interface Loader<T> extends THREE.Loader {
6
+ load(url: string, onLoad?: (result: T) => void, onProgress?: (event: ProgressEvent) => void, onError?: (event: ErrorEvent) => void): unknown;
7
+ }
8
+ declare type Extensions = (loader: THREE.Loader) => void;
9
+ declare type LoaderResult<T> = T extends any[] ? Loader<T[number]> : Loader<T>;
10
+ declare type ConditionalType<Child, Parent, Truthy, Falsy> = Child extends Parent ? Truthy : Falsy;
11
+ declare type BranchingReturn<T, Parent, Coerced> = ConditionalType<T, Parent, Coerced, T>;
12
+ declare type noop = (...args: any[]) => any;
13
+ declare type PickFunction<T extends noop> = (...args: Parameters<T>) => ReturnType<T>;
14
+ export declare type ObjectMap = {
15
+ nodes: {
16
+ [name: string]: THREE.Object3D;
17
+ };
18
+ materials: {
19
+ [name: string]: THREE.Material;
20
+ };
21
+ };
22
+ export declare function useStore(): import("zustand").UseBoundStore<RootState, import("zustand").StoreApi<RootState>>;
23
+ export declare function useThree<T = RootState>(selector?: StateSelector<RootState, T>, equalityFn?: EqualityChecker<T>): T;
24
+ export declare function useFrame(callback: RenderCallback, renderPriority?: number): null;
25
+ export declare function useGraph(object: THREE.Object3D): ObjectMap;
26
+ export declare function useMemoizedFn<T extends noop>(fn?: T): PickFunction<T>;
27
+ export declare function useLoader<T, U extends string | string[]>(Proto: new () => LoaderResult<T>, input: U, extensions?: Extensions, onProgress?: (event: ProgressEvent<EventTarget>) => void): U extends any[] ? BranchingReturn<T, GLTF, GLTF & ObjectMap>[] : BranchingReturn<T, GLTF, GLTF & ObjectMap>;
28
+ export declare namespace useLoader {
29
+ var preload: <T, U extends string | string[]>(Proto: new () => LoaderResult<T>, input: U, extensions?: Extensions | undefined) => undefined;
30
+ var clear: <T, U extends string | string[]>(Proto: new () => LoaderResult<T>, input: U) => void;
31
+ }
32
+ export {};
@@ -1,9 +1,9 @@
1
- export declare const is: {
2
- obj: (a: any) => boolean;
3
- fun: (a: any) => a is Function;
4
- str: (a: any) => a is string;
5
- num: (a: any) => a is number;
6
- und: (a: any) => boolean;
7
- arr: (a: any) => boolean;
8
- equ(a: any, b: any): boolean;
9
- };
1
+ export declare const is: {
2
+ obj: (a: any) => boolean;
3
+ fun: (a: any) => a is Function;
4
+ str: (a: any) => a is string;
5
+ num: (a: any) => a is number;
6
+ und: (a: any) => boolean;
7
+ arr: (a: any) => boolean;
8
+ equ(a: any, b: any): boolean;
9
+ };
@@ -1,12 +1,12 @@
1
- import { Root } from './renderer';
2
- import { RootState } from './store';
3
- declare type GlobalRenderCallback = (timeStamp: number) => void;
4
- export declare const addEffect: (callback: GlobalRenderCallback) => () => void;
5
- export declare const addAfterEffect: (callback: GlobalRenderCallback) => () => void;
6
- export declare const addTail: (callback: GlobalRenderCallback) => () => void;
7
- export declare function createLoop<TCanvas>(roots: Map<TCanvas, Root>): {
8
- loop: (timestamp: number) => number | undefined;
9
- invalidate: (state?: RootState | undefined) => void;
10
- advance: (timestamp: number, runGlobalEffects?: boolean, state?: RootState | undefined) => void;
11
- };
12
- export {};
1
+ import { Root } from './renderer';
2
+ import { RootState } from './store';
3
+ declare type GlobalRenderCallback = (timeStamp: number) => void;
4
+ export declare const addEffect: (callback: GlobalRenderCallback) => () => void;
5
+ export declare const addAfterEffect: (callback: GlobalRenderCallback) => () => void;
6
+ export declare const addTail: (callback: GlobalRenderCallback) => () => void;
7
+ export declare function createLoop<TCanvas>(roots: Map<TCanvas, Root>): {
8
+ loop: (timestamp: number) => number | undefined;
9
+ invalidate: (state?: RootState | undefined) => void;
10
+ advance: (timestamp: number, runGlobalEffects?: boolean, state?: RootState | undefined) => void;
11
+ };
12
+ export {};
@@ -1,61 +1,61 @@
1
- import * as THREE from 'three';
2
- import Reconciler from 'react-reconciler';
3
- import { UseBoundStore } from 'zustand';
4
- import { RootState } from './store';
5
- import { EventHandlers } from './events';
6
- export declare type Root = {
7
- fiber: Reconciler.FiberRoot;
8
- store: UseBoundStore<RootState>;
9
- };
10
- export declare type LocalState = {
11
- root: UseBoundStore<RootState>;
12
- objects: Instance[];
13
- parent: Instance | null;
14
- primitive?: boolean;
15
- eventCount: number;
16
- handlers: Partial<EventHandlers>;
17
- memoizedProps: {
18
- [key: string]: any;
19
- };
20
- };
21
- export declare type ClassConstructor = {
22
- new (): void;
23
- };
24
- export declare type AttachFnType = (self: Instance, parent: Instance) => void;
25
- export declare type AttachFnsType = [attach: string | AttachFnType, detach: string | AttachFnType];
26
- export declare type BaseInstance = Omit<THREE.Object3D, 'children' | 'attach' | 'add' | 'remove' | 'raycast'> & {
27
- __r3f: LocalState;
28
- children: Instance[];
29
- attach?: string;
30
- attachFns?: AttachFnsType;
31
- remove: (...object: Instance[]) => Instance;
32
- add: (...object: Instance[]) => Instance;
33
- raycast?: (raycaster: THREE.Raycaster, intersects: THREE.Intersection[]) => void;
34
- };
35
- export declare type Instance = BaseInstance & {
36
- [key: string]: any;
37
- };
38
- export declare type InstanceProps = {
39
- [key: string]: unknown;
40
- } & {
41
- args?: any[];
42
- object?: object;
43
- visible?: boolean;
44
- dispose?: null;
45
- attach?: string;
46
- };
47
- export declare type DiffSet = {
48
- accumulative: boolean;
49
- memoized: {
50
- [key: string]: any;
51
- };
52
- changes: [key: string, value: unknown, isEvent: boolean, keys: string[]][];
53
- };
54
- export declare const isDiffSet: (def: any) => def is DiffSet;
55
- declare let extend: (objects: object) => void;
56
- declare function prepare<T = THREE.Object3D>(object: T, state?: Partial<LocalState>): T;
57
- declare function createRenderer<TCanvas>(roots: Map<TCanvas, Root>): {
58
- reconciler: Reconciler.Reconciler<unknown, unknown, unknown, unknown, unknown>;
59
- applyProps: (instance: Instance, data: InstanceProps | DiffSet) => Instance;
60
- };
61
- export { prepare, createRenderer, extend };
1
+ import * as THREE from 'three';
2
+ import Reconciler from 'react-reconciler';
3
+ import { UseBoundStore } from 'zustand';
4
+ import { RootState } from './store';
5
+ import { EventHandlers } from './events';
6
+ export declare type Root = {
7
+ fiber: Reconciler.FiberRoot;
8
+ store: UseBoundStore<RootState>;
9
+ };
10
+ export declare type LocalState = {
11
+ root: UseBoundStore<RootState>;
12
+ objects: Instance[];
13
+ parent: Instance | null;
14
+ primitive?: boolean;
15
+ eventCount: number;
16
+ handlers: Partial<EventHandlers>;
17
+ memoizedProps: {
18
+ [key: string]: any;
19
+ };
20
+ };
21
+ export declare type ClassConstructor = {
22
+ new (): void;
23
+ };
24
+ export declare type AttachFnType = (self: Instance, parent: Instance) => void;
25
+ export declare type AttachFnsType = [attach: string | AttachFnType, detach: string | AttachFnType];
26
+ export declare type BaseInstance = Omit<THREE.Object3D, 'children' | 'attach' | 'add' | 'remove' | 'raycast'> & {
27
+ __r3f: LocalState;
28
+ children: Instance[];
29
+ attach?: string;
30
+ attachFns?: AttachFnsType;
31
+ remove: (...object: Instance[]) => Instance;
32
+ add: (...object: Instance[]) => Instance;
33
+ raycast?: (raycaster: THREE.Raycaster, intersects: THREE.Intersection[]) => void;
34
+ };
35
+ export declare type Instance = BaseInstance & {
36
+ [key: string]: any;
37
+ };
38
+ export declare type InstanceProps = {
39
+ [key: string]: unknown;
40
+ } & {
41
+ args?: any[];
42
+ object?: object;
43
+ visible?: boolean;
44
+ dispose?: null;
45
+ attach?: string;
46
+ };
47
+ export declare type DiffSet = {
48
+ accumulative: boolean;
49
+ memoized: {
50
+ [key: string]: any;
51
+ };
52
+ changes: [key: string, value: unknown, isEvent: boolean, keys: string[]][];
53
+ };
54
+ export declare const isDiffSet: (def: any) => def is DiffSet;
55
+ declare let extend: (objects: object) => void;
56
+ declare function prepare<T = THREE.Object3D>(object: T, state?: Partial<LocalState>): T;
57
+ declare function createRenderer<TCanvas>(roots: Map<TCanvas, Root>): {
58
+ reconciler: Reconciler.Reconciler<unknown, unknown, unknown, unknown, unknown>;
59
+ applyProps: (instance: Instance, data: InstanceProps | DiffSet) => Instance;
60
+ };
61
+ export { prepare, createRenderer, extend };
@@ -1,118 +1,118 @@
1
- import * as THREE from 'three';
2
- import * as React from 'react';
3
- import * as ReactThreeFiber from '../three-types';
4
- import { GetState, SetState, UseBoundStore } from 'zustand';
5
- import { Instance, InstanceProps } from './renderer';
6
- import { DomEvent, EventManager, PointerCaptureTarget, ThreeEvent } from './events';
7
- export interface Intersection extends THREE.Intersection {
8
- eventObject: THREE.Object3D;
9
- }
10
- export declare type Subscription = {
11
- ref: React.MutableRefObject<RenderCallback>;
12
- priority: number;
13
- };
14
- export declare type Dpr = number | [min: number, max: number];
15
- export declare type Size = {
16
- width: number;
17
- height: number;
18
- };
19
- export declare type Viewport = Size & {
20
- initialDpr: number;
21
- dpr: number;
22
- factor: number;
23
- distance: number;
24
- aspect: number;
25
- };
26
- export declare type Camera = THREE.OrthographicCamera | THREE.PerspectiveCamera;
27
- export declare type Raycaster = THREE.Raycaster & {
28
- enabled: boolean;
29
- filter?: FilterFunction;
30
- computeOffsets?: ComputeOffsetsFunction;
31
- };
32
- export declare type RenderCallback = (state: RootState, delta: number) => void;
33
- export declare type Performance = {
34
- current: number;
35
- min: number;
36
- max: number;
37
- debounce: number;
38
- regress: () => void;
39
- };
40
- export declare type Renderer = {
41
- render: (scene: THREE.Scene, camera: THREE.Camera) => any;
42
- };
43
- export declare const isRenderer: (def: Renderer) => boolean;
44
- export declare const isOrthographicCamera: (def: THREE.Camera) => def is THREE.OrthographicCamera;
45
- export declare type InternalState = {
46
- active: boolean;
47
- priority: number;
48
- frames: number;
49
- lastProps: StoreProps;
50
- lastEvent: React.MutableRefObject<DomEvent | null>;
51
- interaction: THREE.Object3D[];
52
- hovered: Map<string, ThreeEvent<DomEvent>>;
53
- subscribers: Subscription[];
54
- capturedMap: Map<number, Map<THREE.Object3D, PointerCaptureTarget>>;
55
- initialClick: [x: number, y: number];
56
- initialHits: THREE.Object3D[];
57
- subscribe: (callback: React.MutableRefObject<RenderCallback>, priority?: number) => () => void;
58
- };
59
- export declare type RootState = {
60
- gl: THREE.WebGLRenderer;
61
- scene: THREE.Scene;
62
- camera: Camera & {
63
- manual?: boolean;
64
- };
65
- controls: THREE.EventDispatcher | null;
66
- raycaster: Raycaster;
67
- mouse: THREE.Vector2;
68
- clock: THREE.Clock;
69
- vr: boolean;
70
- linear: boolean;
71
- flat: boolean;
72
- frameloop: 'always' | 'demand' | 'never';
73
- performance: Performance;
74
- size: Size;
75
- viewport: Viewport & {
76
- getCurrentViewport: (camera?: Camera, target?: THREE.Vector3, size?: Size) => Omit<Viewport, 'dpr' | 'initialDpr'>;
77
- };
78
- set: SetState<RootState>;
79
- get: GetState<RootState>;
80
- invalidate: () => void;
81
- advance: (timestamp: number, runGlobalEffects?: boolean) => void;
82
- setSize: (width: number, height: number) => void;
83
- setDpr: (dpr: Dpr) => void;
84
- setFrameloop: (frameloop?: 'always' | 'demand' | 'never') => void;
85
- onPointerMissed?: (event: MouseEvent) => void;
86
- events: EventManager<any>;
87
- internal: InternalState;
88
- };
89
- export declare type FilterFunction = (items: THREE.Intersection[], state: RootState) => THREE.Intersection[];
90
- export declare type ComputeOffsetsFunction = (event: any, state: RootState) => {
91
- offsetX: number;
92
- offsetY: number;
93
- width?: number;
94
- height?: number;
95
- };
96
- export declare type StoreProps = {
97
- gl: THREE.WebGLRenderer;
98
- size: Size;
99
- vr?: boolean;
100
- shadows?: boolean | Partial<THREE.WebGLShadowMap>;
101
- linear?: boolean;
102
- flat?: boolean;
103
- orthographic?: boolean;
104
- frameloop?: 'always' | 'demand' | 'never';
105
- performance?: Partial<Omit<Performance, 'regress'>>;
106
- dpr?: Dpr;
107
- clock?: THREE.Clock;
108
- raycaster?: Partial<Raycaster>;
109
- camera?: (Camera | Partial<ReactThreeFiber.Object3DNode<THREE.Camera, typeof THREE.Camera> & ReactThreeFiber.Object3DNode<THREE.PerspectiveCamera, typeof THREE.PerspectiveCamera> & ReactThreeFiber.Object3DNode<THREE.OrthographicCamera, typeof THREE.OrthographicCamera>>) & {
110
- manual?: boolean;
111
- };
112
- onPointerMissed?: (event: MouseEvent) => void;
113
- };
114
- export declare type ApplyProps = (instance: Instance, newProps: InstanceProps) => void;
115
- export declare function calculateDpr(dpr: Dpr): number;
116
- declare const context: React.Context<UseBoundStore<RootState, import("zustand").StoreApi<RootState>>>;
117
- declare const createStore: (applyProps: ApplyProps, invalidate: (state?: RootState | undefined) => void, advance: (timestamp: number, runGlobalEffects?: boolean | undefined, state?: RootState | undefined) => void, props: StoreProps) => UseBoundStore<RootState>;
118
- export { createStore, context };
1
+ import * as THREE from 'three';
2
+ import * as React from 'react';
3
+ import * as ReactThreeFiber from '../three-types';
4
+ import { GetState, SetState, UseBoundStore } from 'zustand';
5
+ import { Instance, InstanceProps } from './renderer';
6
+ import { DomEvent, EventManager, PointerCaptureTarget, ThreeEvent } from './events';
7
+ export interface Intersection extends THREE.Intersection {
8
+ eventObject: THREE.Object3D;
9
+ }
10
+ export declare type Subscription = {
11
+ ref: React.MutableRefObject<RenderCallback>;
12
+ priority: number;
13
+ };
14
+ export declare type Dpr = number | [min: number, max: number];
15
+ export declare type Size = {
16
+ width: number;
17
+ height: number;
18
+ };
19
+ export declare type Viewport = Size & {
20
+ initialDpr: number;
21
+ dpr: number;
22
+ factor: number;
23
+ distance: number;
24
+ aspect: number;
25
+ };
26
+ export declare type Camera = THREE.OrthographicCamera | THREE.PerspectiveCamera;
27
+ export declare type Raycaster = THREE.Raycaster & {
28
+ enabled: boolean;
29
+ filter?: FilterFunction;
30
+ computeOffsets?: ComputeOffsetsFunction;
31
+ };
32
+ export declare type RenderCallback = (state: RootState, delta: number) => void;
33
+ export declare type Performance = {
34
+ current: number;
35
+ min: number;
36
+ max: number;
37
+ debounce: number;
38
+ regress: () => void;
39
+ };
40
+ export declare type Renderer = {
41
+ render: (scene: THREE.Scene, camera: THREE.Camera) => any;
42
+ };
43
+ export declare const isRenderer: (def: Renderer) => boolean;
44
+ export declare const isOrthographicCamera: (def: THREE.Camera) => def is THREE.OrthographicCamera;
45
+ export declare type InternalState = {
46
+ active: boolean;
47
+ priority: number;
48
+ frames: number;
49
+ lastProps: StoreProps;
50
+ lastEvent: React.MutableRefObject<DomEvent | null>;
51
+ interaction: THREE.Object3D[];
52
+ hovered: Map<string, ThreeEvent<DomEvent>>;
53
+ subscribers: Subscription[];
54
+ capturedMap: Map<number, Map<THREE.Object3D, PointerCaptureTarget>>;
55
+ initialClick: [x: number, y: number];
56
+ initialHits: THREE.Object3D[];
57
+ subscribe: (callback: React.MutableRefObject<RenderCallback>, priority?: number) => () => void;
58
+ };
59
+ export declare type RootState = {
60
+ gl: THREE.WebGLRenderer;
61
+ scene: THREE.Scene;
62
+ camera: Camera & {
63
+ manual?: boolean;
64
+ };
65
+ controls: THREE.EventDispatcher | null;
66
+ raycaster: Raycaster;
67
+ mouse: THREE.Vector2;
68
+ clock: THREE.Clock;
69
+ vr: boolean;
70
+ linear: boolean;
71
+ flat: boolean;
72
+ frameloop: 'always' | 'demand' | 'never';
73
+ performance: Performance;
74
+ size: Size;
75
+ viewport: Viewport & {
76
+ getCurrentViewport: (camera?: Camera, target?: THREE.Vector3, size?: Size) => Omit<Viewport, 'dpr' | 'initialDpr'>;
77
+ };
78
+ set: SetState<RootState>;
79
+ get: GetState<RootState>;
80
+ invalidate: () => void;
81
+ advance: (timestamp: number, runGlobalEffects?: boolean) => void;
82
+ setSize: (width: number, height: number) => void;
83
+ setDpr: (dpr: Dpr) => void;
84
+ setFrameloop: (frameloop?: 'always' | 'demand' | 'never') => void;
85
+ onPointerMissed?: (event: MouseEvent) => void;
86
+ events: EventManager<any>;
87
+ internal: InternalState;
88
+ };
89
+ export declare type FilterFunction = (items: THREE.Intersection[], state: RootState) => THREE.Intersection[];
90
+ export declare type ComputeOffsetsFunction = (event: any, state: RootState) => {
91
+ offsetX: number;
92
+ offsetY: number;
93
+ width?: number;
94
+ height?: number;
95
+ };
96
+ export declare type StoreProps = {
97
+ gl: THREE.WebGLRenderer;
98
+ size: Size;
99
+ vr?: boolean;
100
+ shadows?: boolean | Partial<THREE.WebGLShadowMap>;
101
+ linear?: boolean;
102
+ flat?: boolean;
103
+ orthographic?: boolean;
104
+ frameloop?: 'always' | 'demand' | 'never';
105
+ performance?: Partial<Omit<Performance, 'regress'>>;
106
+ dpr?: Dpr;
107
+ clock?: THREE.Clock;
108
+ raycaster?: Partial<Raycaster>;
109
+ camera?: (Camera | Partial<ReactThreeFiber.Object3DNode<THREE.Camera, typeof THREE.Camera> & ReactThreeFiber.Object3DNode<THREE.PerspectiveCamera, typeof THREE.PerspectiveCamera> & ReactThreeFiber.Object3DNode<THREE.OrthographicCamera, typeof THREE.OrthographicCamera>>) & {
110
+ manual?: boolean;
111
+ };
112
+ onPointerMissed?: (event: MouseEvent) => void;
113
+ };
114
+ export declare type ApplyProps = (instance: Instance, newProps: InstanceProps) => void;
115
+ export declare function calculateDpr(dpr: Dpr): number;
116
+ declare const context: React.Context<UseBoundStore<RootState, import("zustand").StoreApi<RootState>>>;
117
+ declare const createStore: (applyProps: ApplyProps, invalidate: (state?: RootState | undefined) => void, advance: (timestamp: number, runGlobalEffects?: boolean | undefined, state?: RootState | undefined) => void, props: StoreProps) => UseBoundStore<RootState>;
118
+ export { createStore, context };
@@ -1,8 +1,8 @@
1
- export * from './three-types';
2
- import * as ReactThreeFiber from './three-types';
3
- export { ReactThreeFiber };
4
- export type { BaseInstance, LocalState } from './core/renderer';
5
- export type { Intersection, Subscription, Dpr, Size, Viewport, Camera, RenderCallback, Performance, RootState, } from './core/store';
6
- export type { ThreeEvent, Events, EventManager } from './core/events';
7
- export type { Props } from './web/Canvas';
8
- export * from './web';
1
+ export * from './three-types';
2
+ import * as ReactThreeFiber from './three-types';
3
+ export { ReactThreeFiber };
4
+ export type { BaseInstance, LocalState } from './core/renderer';
5
+ export type { Intersection, Subscription, Dpr, Size, Viewport, Camera, RenderCallback, Performance, RootState, } from './core/store';
6
+ export type { ThreeEvent, Events, EventManager } from './core/events';
7
+ export type { Props } from './web/Canvas';
8
+ export * from './web';