@react-three/fiber 8.0.0-beta.7 → 8.0.0-beta.8

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.
@@ -50,20 +50,23 @@ export declare type InternalState = {
50
50
  subscribe: (callback: React.MutableRefObject<RenderCallback>, priority?: number) => () => void;
51
51
  };
52
52
  export declare type RootState = {
53
+ set: SetState<RootState>;
54
+ get: GetState<RootState>;
53
55
  gl: THREE.WebGLRenderer;
54
56
  camera: Camera & {
55
57
  manual?: boolean;
56
58
  };
59
+ scene: THREE.Scene;
57
60
  raycaster: THREE.Raycaster;
61
+ clock: THREE.Clock;
58
62
  events: EventManager<any>;
59
63
  xr: {
60
64
  connect: () => void;
61
65
  disconnect: () => void;
62
66
  };
63
- scene: THREE.Scene;
64
67
  controls: THREE.EventDispatcher | null;
65
68
  pointer: THREE.Vector2;
66
- clock: THREE.Clock;
69
+ mouse: THREE.Vector2;
67
70
  linear: boolean;
68
71
  flat: boolean;
69
72
  frameloop: 'always' | 'demand' | 'never';
@@ -72,10 +75,9 @@ export declare type RootState = {
72
75
  viewport: Viewport & {
73
76
  getCurrentViewport: (camera?: Camera, target?: THREE.Vector3 | Parameters<THREE.Vector3['set']>, size?: Size) => Omit<Viewport, 'dpr' | 'initialDpr'>;
74
77
  };
75
- set: SetState<RootState>;
76
- get: GetState<RootState>;
77
78
  invalidate: () => void;
78
79
  advance: (timestamp: number, runGlobalEffects?: boolean) => void;
80
+ setEvents: (events: EventManager<any>) => void;
79
81
  setSize: (width: number, height: number) => void;
80
82
  setDpr: (dpr: Dpr) => void;
81
83
  setFrameloop: (frameloop?: 'always' | 'demand' | 'never') => void;
@@ -1176,6 +1176,7 @@ const createStore = (invalidate, advance) => {
1176
1176
  }
1177
1177
  }));
1178
1178
 
1179
+ const pointer = new THREE__namespace.Vector2();
1179
1180
  return {
1180
1181
  set,
1181
1182
  get,
@@ -1196,7 +1197,8 @@ const createStore = (invalidate, advance) => {
1196
1197
  scene: prepare(new THREE__namespace.Scene()),
1197
1198
  controls: null,
1198
1199
  clock: new THREE__namespace.Clock(),
1199
- pointer: new THREE__namespace.Vector2(),
1200
+ pointer,
1201
+ mouse: pointer,
1200
1202
  frameloop: 'always',
1201
1203
  onPointerMissed: undefined,
1202
1204
  performance: {
@@ -1228,6 +1230,11 @@ const createStore = (invalidate, advance) => {
1228
1230
  factor: 0,
1229
1231
  getCurrentViewport
1230
1232
  },
1233
+ setEvents: events => set(state => ({ ...state,
1234
+ events: { ...state.events,
1235
+ events
1236
+ }
1237
+ })),
1231
1238
  setSize: (width, height) => {
1232
1239
  const camera = get().camera;
1233
1240
  const size = {
@@ -1147,6 +1147,7 @@ const createStore = (invalidate, advance) => {
1147
1147
  }
1148
1148
  }));
1149
1149
 
1150
+ const pointer = new THREE.Vector2();
1150
1151
  return {
1151
1152
  set,
1152
1153
  get,
@@ -1167,7 +1168,8 @@ const createStore = (invalidate, advance) => {
1167
1168
  scene: prepare(new THREE.Scene()),
1168
1169
  controls: null,
1169
1170
  clock: new THREE.Clock(),
1170
- pointer: new THREE.Vector2(),
1171
+ pointer,
1172
+ mouse: pointer,
1171
1173
  frameloop: 'always',
1172
1174
  onPointerMissed: undefined,
1173
1175
  performance: {
@@ -1199,6 +1201,11 @@ const createStore = (invalidate, advance) => {
1199
1201
  factor: 0,
1200
1202
  getCurrentViewport
1201
1203
  },
1204
+ setEvents: events => set(state => ({ ...state,
1205
+ events: { ...state.events,
1206
+ events
1207
+ }
1208
+ })),
1202
1209
  setSize: (width, height) => {
1203
1210
  const camera = get().camera;
1204
1211
  const size = {
@@ -1176,6 +1176,7 @@ const createStore = (invalidate, advance) => {
1176
1176
  }
1177
1177
  }));
1178
1178
 
1179
+ const pointer = new THREE__namespace.Vector2();
1179
1180
  return {
1180
1181
  set,
1181
1182
  get,
@@ -1196,7 +1197,8 @@ const createStore = (invalidate, advance) => {
1196
1197
  scene: prepare(new THREE__namespace.Scene()),
1197
1198
  controls: null,
1198
1199
  clock: new THREE__namespace.Clock(),
1199
- pointer: new THREE__namespace.Vector2(),
1200
+ pointer,
1201
+ mouse: pointer,
1200
1202
  frameloop: 'always',
1201
1203
  onPointerMissed: undefined,
1202
1204
  performance: {
@@ -1228,6 +1230,11 @@ const createStore = (invalidate, advance) => {
1228
1230
  factor: 0,
1229
1231
  getCurrentViewport
1230
1232
  },
1233
+ setEvents: events => set(state => ({ ...state,
1234
+ events: { ...state.events,
1235
+ events
1236
+ }
1237
+ })),
1231
1238
  setSize: (width, height) => {
1232
1239
  const camera = get().camera;
1233
1240
  const size = {
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var index = require('./index-8ce56249.cjs.dev.js');
5
+ var index = require('./index-2056f0b6.cjs.dev.js');
6
6
  var _extends = require('@babel/runtime/helpers/extends');
7
7
  var React = require('react');
8
8
  var THREE = require('three');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var index = require('./index-2d224292.cjs.prod.js');
5
+ var index = require('./index-f5108bb9.cjs.prod.js');
6
6
  var _extends = require('@babel/runtime/helpers/extends');
7
7
  var React = require('react');
8
8
  var THREE = require('three');
@@ -1,5 +1,5 @@
1
- import { c as createEvents, e as extend, u as useMemoizedFn, p as pick, o as omit, a as createRoot, b as unmountComponentAtNode } from './index-6a8cc5a4.esm.js';
2
- export { t as ReactThreeFiber, v as _roots, s as act, m as addAfterEffect, l as addEffect, n as addTail, k as advance, h as applyProps, d as context, f as createPortal, a as createRoot, i as dispose, e as extend, q as getRootState, j as invalidate, g as reconciler, r as render, b as unmountComponentAtNode, y as useFrame, z as useGraph, A as useLoader, u as useMemoizedFn, w as useStore, x as useThree } from './index-6a8cc5a4.esm.js';
1
+ import { c as createEvents, e as extend, u as useMemoizedFn, p as pick, o as omit, a as createRoot, b as unmountComponentAtNode } from './index-3238fd12.esm.js';
2
+ export { t as ReactThreeFiber, v as _roots, s as act, m as addAfterEffect, l as addEffect, n as addTail, k as advance, h as applyProps, d as context, f as createPortal, a as createRoot, i as dispose, e as extend, q as getRootState, j as invalidate, g as reconciler, r as render, b as unmountComponentAtNode, y as useFrame, z as useGraph, A as useLoader, u as useMemoizedFn, w as useStore, x as useThree } from './index-3238fd12.esm.js';
3
3
  import _extends from '@babel/runtime/helpers/esm/extends';
4
4
  import * as React from 'react';
5
5
  import * as THREE from 'three';
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var THREE = require('three');
6
6
  var expoAsset = require('expo-asset');
7
- var index = require('../../dist/index-8ce56249.cjs.dev.js');
7
+ var index = require('../../dist/index-2056f0b6.cjs.dev.js');
8
8
  var _extends = require('@babel/runtime/helpers/extends');
9
9
  var React = require('react');
10
10
  var mergeRefs = require('react-merge-refs');
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var THREE = require('three');
6
6
  var expoAsset = require('expo-asset');
7
- var index = require('../../dist/index-2d224292.cjs.prod.js');
7
+ var index = require('../../dist/index-f5108bb9.cjs.prod.js');
8
8
  var _extends = require('@babel/runtime/helpers/extends');
9
9
  var React = require('react');
10
10
  var mergeRefs = require('react-merge-refs');
@@ -1,7 +1,7 @@
1
1
  import * as THREE from 'three';
2
2
  import { Asset } from 'expo-asset';
3
- import { c as createEvents, e as extend, u as useMemoizedFn, p as pick, o as omit, a as createRoot, b as unmountComponentAtNode } from '../../dist/index-6a8cc5a4.esm.js';
4
- export { t as ReactThreeFiber, v as _roots, s as act, m as addAfterEffect, l as addEffect, n as addTail, k as advance, h as applyProps, d as context, f as createPortal, a as createRoot, i as dispose, e as extend, q as getRootState, j as invalidate, g as reconciler, r as render, b as unmountComponentAtNode, y as useFrame, z as useGraph, A as useLoader, u as useMemoizedFn, w as useStore, x as useThree } from '../../dist/index-6a8cc5a4.esm.js';
3
+ import { c as createEvents, e as extend, u as useMemoizedFn, p as pick, o as omit, a as createRoot, b as unmountComponentAtNode } from '../../dist/index-3238fd12.esm.js';
4
+ export { t as ReactThreeFiber, v as _roots, s as act, m as addAfterEffect, l as addEffect, n as addTail, k as advance, h as applyProps, d as context, f as createPortal, a as createRoot, i as dispose, e as extend, q as getRootState, j as invalidate, g as reconciler, r as render, b as unmountComponentAtNode, y as useFrame, z as useGraph, A as useLoader, u as useMemoizedFn, w as useStore, x as useThree } from '../../dist/index-3238fd12.esm.js';
5
5
  import _extends from '@babel/runtime/helpers/esm/extends';
6
6
  import * as React from 'react';
7
7
  import mergeRefs from 'react-merge-refs';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-three/fiber",
3
- "version": "8.0.0-beta.7",
3
+ "version": "8.0.0-beta.8",
4
4
  "description": "A React renderer for Threejs",
5
5
  "keywords": [
6
6
  "react",