@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.
- package/CHANGELOG.md +6 -0
- package/dist/declarations/src/core/events.d.ts +69 -69
- package/dist/declarations/src/core/hooks.d.ts +24 -21
- package/dist/declarations/src/core/index.d.ts +60 -60
- package/dist/declarations/src/core/loop.d.ts +13 -13
- package/dist/declarations/src/core/renderer.d.ts +51 -51
- package/dist/declarations/src/core/store.d.ts +92 -92
- package/dist/declarations/src/core/utils.d.ts +81 -81
- package/dist/declarations/src/index.d.ts +10 -10
- package/dist/declarations/src/native/Canvas.d.ts +8 -8
- package/dist/declarations/src/native/events.d.ts +4 -4
- package/dist/declarations/src/native.d.ts +10 -10
- package/dist/declarations/src/three-types.d.ts +329 -329
- package/dist/declarations/src/web/Canvas.d.ts +9 -9
- package/dist/declarations/src/web/events.d.ts +4 -4
- package/dist/{index-208291a3.esm.js → index-136ca0b0.esm.js} +2 -3
- package/dist/{index-05d06e15.cjs.prod.js → index-4e1c76e5.cjs.prod.js} +2 -3
- package/dist/{index-606d3385.cjs.dev.js → index-f3176a33.cjs.dev.js} +2 -3
- package/dist/react-three-fiber.cjs.dev.js +1 -1
- package/dist/react-three-fiber.cjs.prod.js +1 -1
- package/dist/react-three-fiber.esm.js +2 -2
- package/native/dist/react-three-fiber-native.cjs.dev.js +1 -1
- package/native/dist/react-three-fiber-native.cjs.prod.js +1 -1
- package/native/dist/react-three-fiber-native.esm.js +2 -2
- package/package.json +2 -2
|
@@ -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,
|
|
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,
|
|
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,
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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.
|
|
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.
|
|
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",
|