@react-three/fiber 8.0.15 → 8.0.16

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.
@@ -1,9 +1,9 @@
1
- import * as React from 'react';
2
- import type { Options as ResizeOptions } from 'react-use-measure';
3
- import { RenderProps } from '../core';
4
- export interface Props extends Omit<RenderProps<HTMLCanvasElement>, 'size'>, React.HTMLAttributes<HTMLDivElement> {
5
- children: React.ReactNode;
6
- fallback?: React.ReactNode;
7
- resize?: ResizeOptions;
8
- }
9
- export declare const Canvas: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLCanvasElement>>;
1
+ import * as React from 'react';
2
+ import type { Options as ResizeOptions } from 'react-use-measure';
3
+ import { RenderProps } from '../core';
4
+ export interface Props extends Omit<RenderProps<HTMLCanvasElement>, 'size'>, React.HTMLAttributes<HTMLDivElement> {
5
+ children: React.ReactNode;
6
+ fallback?: React.ReactNode;
7
+ resize?: ResizeOptions;
8
+ }
9
+ export declare const Canvas: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLCanvasElement>>;
@@ -1,4 +1,4 @@
1
- import { UseBoundStore } from 'zustand';
2
- import { RootState } from '../core/store';
3
- import { EventManager } from '../core/events';
4
- export declare function createPointerEvents(store: UseBoundStore<RootState>): EventManager<HTMLElement>;
1
+ import { UseBoundStore } from 'zustand';
2
+ import { RootState } from '../core/store';
3
+ import { EventManager } from '../core/events';
4
+ export declare function createPointerEvents(store: UseBoundStore<RootState>): EventManager<HTMLElement>;
@@ -1566,14 +1566,13 @@ function loadingFn(extensions, onProgress) {
1566
1566
  }, onProgress, error => reject(`Could not load ${input}: ${error.message}`)))));
1567
1567
  };
1568
1568
  }
1569
+
1569
1570
  /**
1570
1571
  * Synchronously loads and caches assets with a three loader.
1571
1572
  *
1572
1573
  * Note: this hook's caller must be wrapped with `React.Suspense`
1573
1574
  * @see https://docs.pmnd.rs/react-three-fiber/api/hooks#useloader
1574
1575
  */
1575
-
1576
-
1577
1576
  function useLoader(Proto, input, extensions, onProgress) {
1578
1577
  // Use suspense to load async assets
1579
1578
  const keys = Array.isArray(input) ? input : [input];
@@ -1641,7 +1640,7 @@ function createRoot(canvas) {
1641
1640
 
1642
1641
  const store = prevStore || createStore(invalidate, advance); // Create renderer
1643
1642
 
1644
- const fiber = prevFiber || reconciler.createContainer(store, ConcurrentRoot, null, false, null, null, logRecoverableError, null); // Map it
1643
+ const fiber = prevFiber || reconciler.createContainer(store, ConcurrentRoot, null, false, null, '', logRecoverableError, null); // Map it
1645
1644
 
1646
1645
  if (!prevRoot) roots.set(canvas, {
1647
1646
  fiber,
@@ -1593,14 +1593,13 @@ function loadingFn(extensions, onProgress) {
1593
1593
  }, onProgress, error => reject(`Could not load ${input}: ${error.message}`)))));
1594
1594
  };
1595
1595
  }
1596
+
1596
1597
  /**
1597
1598
  * Synchronously loads and caches assets with a three loader.
1598
1599
  *
1599
1600
  * Note: this hook's caller must be wrapped with `React.Suspense`
1600
1601
  * @see https://docs.pmnd.rs/react-three-fiber/api/hooks#useloader
1601
1602
  */
1602
-
1603
-
1604
1603
  function useLoader(Proto, input, extensions, onProgress) {
1605
1604
  // Use suspense to load async assets
1606
1605
  const keys = Array.isArray(input) ? input : [input];
@@ -1668,7 +1667,7 @@ function createRoot(canvas) {
1668
1667
 
1669
1668
  const store = prevStore || createStore(invalidate, advance); // Create renderer
1670
1669
 
1671
- const fiber = prevFiber || reconciler.createContainer(store, constants.ConcurrentRoot, null, false, null, null, logRecoverableError, null); // Map it
1670
+ const fiber = prevFiber || reconciler.createContainer(store, constants.ConcurrentRoot, null, false, null, '', logRecoverableError, null); // Map it
1672
1671
 
1673
1672
  if (!prevRoot) roots.set(canvas, {
1674
1673
  fiber,
@@ -1593,14 +1593,13 @@ function loadingFn(extensions, onProgress) {
1593
1593
  }, onProgress, error => reject(`Could not load ${input}: ${error.message}`)))));
1594
1594
  };
1595
1595
  }
1596
+
1596
1597
  /**
1597
1598
  * Synchronously loads and caches assets with a three loader.
1598
1599
  *
1599
1600
  * Note: this hook's caller must be wrapped with `React.Suspense`
1600
1601
  * @see https://docs.pmnd.rs/react-three-fiber/api/hooks#useloader
1601
1602
  */
1602
-
1603
-
1604
1603
  function useLoader(Proto, input, extensions, onProgress) {
1605
1604
  // Use suspense to load async assets
1606
1605
  const keys = Array.isArray(input) ? input : [input];
@@ -1668,7 +1667,7 @@ function createRoot(canvas) {
1668
1667
 
1669
1668
  const store = prevStore || createStore(invalidate, advance); // Create renderer
1670
1669
 
1671
- const fiber = prevFiber || reconciler.createContainer(store, constants.ConcurrentRoot, null, false, null, null, logRecoverableError, null); // Map it
1670
+ const fiber = prevFiber || reconciler.createContainer(store, constants.ConcurrentRoot, null, false, null, '', logRecoverableError, null); // Map it
1672
1671
 
1673
1672
  if (!prevRoot) roots.set(canvas, {
1674
1673
  fiber,
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var index = require('./index-606d3385.cjs.dev.js');
5
+ var index = require('./index-f3176a33.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-05d06e15.cjs.prod.js');
5
+ var index = require('./index-4e1c76e5.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 useMutableCallback, a as createRoot, E as ErrorBoundary, B as Block, b as useIsomorphicLayoutEffect, d as unmountComponentAtNode } from './index-208291a3.esm.js';
2
- export { t as ReactThreeFiber, s as _roots, q as act, n as addAfterEffect, m as addEffect, o as addTail, l as advance, i as applyProps, f as context, g as createPortal, a as createRoot, j as dispose, e as extend, p as getRootState, k as invalidate, h as reconciler, r as render, d as unmountComponentAtNode, x as useFrame, y as useGraph, z as useLoader, v as useStore, w as useThree } from './index-208291a3.esm.js';
1
+ import { c as createEvents, e as extend, u as useMutableCallback, a as createRoot, E as ErrorBoundary, B as Block, b as useIsomorphicLayoutEffect, d as unmountComponentAtNode } from './index-136ca0b0.esm.js';
2
+ export { t as ReactThreeFiber, s as _roots, q as act, n as addAfterEffect, m as addEffect, o as addTail, l as advance, i as applyProps, f as context, g as createPortal, a as createRoot, j as dispose, e as extend, p as getRootState, k as invalidate, h as reconciler, r as render, d as unmountComponentAtNode, x as useFrame, y as useGraph, z as useLoader, v as useStore, w as useThree } from './index-136ca0b0.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-606d3385.cjs.dev.js');
7
+ var index = require('../../dist/index-f3176a33.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-05d06e15.cjs.prod.js');
7
+ var index = require('../../dist/index-4e1c76e5.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 useMutableCallback, a as createRoot, E as ErrorBoundary, B as Block, d as unmountComponentAtNode } from '../../dist/index-208291a3.esm.js';
4
- export { t as ReactThreeFiber, s as _roots, q as act, n as addAfterEffect, m as addEffect, o as addTail, l as advance, i as applyProps, f as context, g as createPortal, a as createRoot, j as dispose, e as extend, p as getRootState, k as invalidate, h as reconciler, r as render, d as unmountComponentAtNode, x as useFrame, y as useGraph, z as useLoader, v as useStore, w as useThree } from '../../dist/index-208291a3.esm.js';
3
+ import { c as createEvents, e as extend, u as useMutableCallback, a as createRoot, E as ErrorBoundary, B as Block, d as unmountComponentAtNode } from '../../dist/index-136ca0b0.esm.js';
4
+ export { t as ReactThreeFiber, s as _roots, q as act, n as addAfterEffect, m as addEffect, o as addTail, l as advance, i as applyProps, f as context, g as createPortal, a as createRoot, j as dispose, e as extend, p as getRootState, k as invalidate, h as reconciler, r as render, d as unmountComponentAtNode, x as useFrame, y as useGraph, z as useLoader, v as useStore, w as useThree } from '../../dist/index-136ca0b0.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.15",
3
+ "version": "8.0.16",
4
4
  "description": "A React renderer for Threejs",
5
5
  "keywords": [
6
6
  "react",
@@ -43,7 +43,7 @@
43
43
  },
44
44
  "dependencies": {
45
45
  "@babel/runtime": "^7.17.8",
46
- "@types/react-reconciler": "^0.26.6",
46
+ "@types/react-reconciler": "^0.26.7",
47
47
  "react-merge-refs": "^1.1.0",
48
48
  "react-reconciler": "^0.27.0",
49
49
  "react-use-measure": "^2.1.1",