@react-three/fiber 9.5.0 → 10.0.0-alpha.1

package/dist/react-three-fiber.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./declarations/src/index";
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVhY3QtdGhyZWUtZmliZXIuY2pzLmQudHMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuL2RlY2xhcmF0aW9ucy9zcmMvaW5kZXguZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSJ9

package/dist/react-three-fiber.cjs.dev.js

@@ -1,220 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var events = require('./events-358c3764.cjs.dev.js');
-var React = require('react');
-var THREE = require('three');
-var useMeasure = require('react-use-measure');
-var itsFine = require('its-fine');
-var jsxRuntime = require('react/jsx-runtime');
-require('zustand/traditional');
-require('suspend-react');
-require('scheduler');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
-var useMeasure__default = /*#__PURE__*/_interopDefault(useMeasure);
-
-function CanvasImpl({
-  ref,
-  children,
-  fallback,
-  resize,
-  style,
-  gl,
-  events: events$1 = events.createPointerEvents,
-  eventSource,
-  eventPrefix,
-  shadows,
-  linear,
-  flat,
-  legacy,
-  orthographic,
-  frameloop,
-  dpr,
-  performance,
-  raycaster,
-  camera,
-  scene,
-  onPointerMissed,
-  onCreated,
-  ...props
-}) {
-  // Create a known catalogue of Threejs-native elements
-  // This will include the entire THREE namespace by default, users can extend
-  // their own elements by using the createRoot API instead
-  React__namespace.useMemo(() => events.extend(THREE__namespace), []);
-  const Bridge = events.useBridge();
-  const [containerRef, containerRect] = useMeasure__default["default"]({
-    scroll: true,
-    debounce: {
-      scroll: 50,
-      resize: 0
-    },
-    ...resize
-  });
-  const canvasRef = React__namespace.useRef(null);
-  const divRef = React__namespace.useRef(null);
-  React__namespace.useImperativeHandle(ref, () => canvasRef.current);
-  const handlePointerMissed = events.useMutableCallback(onPointerMissed);
-  const [block, setBlock] = React__namespace.useState(false);
-  const [error, setError] = React__namespace.useState(false);
-
-  // Suspend this component if block is a promise (2nd run)
-  if (block) throw block;
-  // Throw exception outwards if anything within canvas throws
-  if (error) throw error;
-  const root = React__namespace.useRef(null);
-  events.useIsomorphicLayoutEffect(() => {
-    const canvas = canvasRef.current;
-    if (containerRect.width > 0 && containerRect.height > 0 && canvas) {
-      if (!root.current) root.current = events.createRoot(canvas);
-      async function run() {
-        await root.current.configure({
-          gl,
-          scene,
-          events: events$1,
-          shadows,
-          linear,
-          flat,
-          legacy,
-          orthographic,
-          frameloop,
-          dpr,
-          performance,
-          raycaster,
-          camera,
-          size: containerRect,
-          // Pass mutable reference to onPointerMissed so it's free to update
-          onPointerMissed: (...args) => handlePointerMissed.current == null ? void 0 : handlePointerMissed.current(...args),
-          onCreated: state => {
-            // Connect to event source
-            state.events.connect == null ? void 0 : state.events.connect(eventSource ? events.isRef(eventSource) ? eventSource.current : eventSource : divRef.current);
-            // Set up compute function
-            if (eventPrefix) {
-              state.setEvents({
-                compute: (event, state) => {
-                  const x = event[eventPrefix + 'X'];
-                  const y = event[eventPrefix + 'Y'];
-                  state.pointer.set(x / state.size.width * 2 - 1, -(y / state.size.height) * 2 + 1);
-                  state.raycaster.setFromCamera(state.pointer, state.camera);
-                }
-              });
-            }
-            // Call onCreated callback
-            onCreated == null ? void 0 : onCreated(state);
-          }
-        });
-        root.current.render( /*#__PURE__*/jsxRuntime.jsx(Bridge, {
-          children: /*#__PURE__*/jsxRuntime.jsx(events.ErrorBoundary, {
-            set: setError,
-            children: /*#__PURE__*/jsxRuntime.jsx(React__namespace.Suspense, {
-              fallback: /*#__PURE__*/jsxRuntime.jsx(events.Block, {
-                set: setBlock
-              }),
-              children: children != null ? children : null
-            })
-          })
-        }));
-      }
-      run();
-    }
-  });
-  React__namespace.useEffect(() => {
-    const canvas = canvasRef.current;
-    if (canvas) return () => events.unmountComponentAtNode(canvas);
-  }, []);
-
-  // When the event source is not this div, we need to set pointer-events to none
-  // Or else the canvas will block events from reaching the event source
-  const pointerEvents = eventSource ? 'none' : 'auto';
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    ref: divRef,
-    style: {
-      position: 'relative',
-      width: '100%',
-      height: '100%',
-      overflow: 'hidden',
-      pointerEvents,
-      ...style
-    },
-    ...props,
-    children: /*#__PURE__*/jsxRuntime.jsx("div", {
-      ref: containerRef,
-      style: {
-        width: '100%',
-        height: '100%'
-      },
-      children: /*#__PURE__*/jsxRuntime.jsx("canvas", {
-        ref: canvasRef,
-        style: {
-          display: 'block'
-        },
-        children: fallback
-      })
-    })
-  });
-}
-
-/**
- * A DOM canvas which accepts threejs elements as children.
- * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
- */
-function Canvas(props) {
-  return /*#__PURE__*/jsxRuntime.jsx(itsFine.FiberProvider, {
-    children: /*#__PURE__*/jsxRuntime.jsx(CanvasImpl, {
-      ...props
-    })
-  });
-}
-
-exports.ReactThreeFiber = events.threeTypes;
-exports._roots = events._roots;
-exports.act = events.act;
-exports.addAfterEffect = events.addAfterEffect;
-exports.addEffect = events.addEffect;
-exports.addTail = events.addTail;
-exports.advance = events.advance;
-exports.applyProps = events.applyProps;
-exports.buildGraph = events.buildGraph;
-exports.context = events.context;
-exports.createEvents = events.createEvents;
-exports.createPortal = events.createPortal;
-exports.createRoot = events.createRoot;
-exports.dispose = events.dispose;
-exports.events = events.createPointerEvents;
-exports.extend = events.extend;
-exports.flushGlobalEffects = events.flushGlobalEffects;
-exports.flushSync = events.flushSync;
-exports.getRootState = events.getRootState;
-exports.invalidate = events.invalidate;
-exports.reconciler = events.reconciler;
-exports.unmountComponentAtNode = events.unmountComponentAtNode;
-exports.useFrame = events.useFrame;
-exports.useGraph = events.useGraph;
-exports.useInstanceHandle = events.useInstanceHandle;
-exports.useLoader = events.useLoader;
-exports.useStore = events.useStore;
-exports.useThree = events.useThree;
-exports.Canvas = Canvas;

package/dist/react-three-fiber.cjs.js

@@ -1,7 +0,0 @@
-'use strict';
-
-if (process.env.NODE_ENV === "production") {
-  module.exports = require("./react-three-fiber.cjs.prod.js");
-} else {
-  module.exports = require("./react-three-fiber.cjs.dev.js");
-}

package/dist/react-three-fiber.cjs.prod.js

@@ -1,220 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var events = require('./events-238e0986.cjs.prod.js');
-var React = require('react');
-var THREE = require('three');
-var useMeasure = require('react-use-measure');
-var itsFine = require('its-fine');
-var jsxRuntime = require('react/jsx-runtime');
-require('zustand/traditional');
-require('suspend-react');
-require('scheduler');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
-var useMeasure__default = /*#__PURE__*/_interopDefault(useMeasure);
-
-function CanvasImpl({
-  ref,
-  children,
-  fallback,
-  resize,
-  style,
-  gl,
-  events: events$1 = events.createPointerEvents,
-  eventSource,
-  eventPrefix,
-  shadows,
-  linear,
-  flat,
-  legacy,
-  orthographic,
-  frameloop,
-  dpr,
-  performance,
-  raycaster,
-  camera,
-  scene,
-  onPointerMissed,
-  onCreated,
-  ...props
-}) {
-  // Create a known catalogue of Threejs-native elements
-  // This will include the entire THREE namespace by default, users can extend
-  // their own elements by using the createRoot API instead
-  React__namespace.useMemo(() => events.extend(THREE__namespace), []);
-  const Bridge = events.useBridge();
-  const [containerRef, containerRect] = useMeasure__default["default"]({
-    scroll: true,
-    debounce: {
-      scroll: 50,
-      resize: 0
-    },
-    ...resize
-  });
-  const canvasRef = React__namespace.useRef(null);
-  const divRef = React__namespace.useRef(null);
-  React__namespace.useImperativeHandle(ref, () => canvasRef.current);
-  const handlePointerMissed = events.useMutableCallback(onPointerMissed);
-  const [block, setBlock] = React__namespace.useState(false);
-  const [error, setError] = React__namespace.useState(false);
-
-  // Suspend this component if block is a promise (2nd run)
-  if (block) throw block;
-  // Throw exception outwards if anything within canvas throws
-  if (error) throw error;
-  const root = React__namespace.useRef(null);
-  events.useIsomorphicLayoutEffect(() => {
-    const canvas = canvasRef.current;
-    if (containerRect.width > 0 && containerRect.height > 0 && canvas) {
-      if (!root.current) root.current = events.createRoot(canvas);
-      async function run() {
-        await root.current.configure({
-          gl,
-          scene,
-          events: events$1,
-          shadows,
-          linear,
-          flat,
-          legacy,
-          orthographic,
-          frameloop,
-          dpr,
-          performance,
-          raycaster,
-          camera,
-          size: containerRect,
-          // Pass mutable reference to onPointerMissed so it's free to update
-          onPointerMissed: (...args) => handlePointerMissed.current == null ? void 0 : handlePointerMissed.current(...args),
-          onCreated: state => {
-            // Connect to event source
-            state.events.connect == null ? void 0 : state.events.connect(eventSource ? events.isRef(eventSource) ? eventSource.current : eventSource : divRef.current);
-            // Set up compute function
-            if (eventPrefix) {
-              state.setEvents({
-                compute: (event, state) => {
-                  const x = event[eventPrefix + 'X'];
-                  const y = event[eventPrefix + 'Y'];
-                  state.pointer.set(x / state.size.width * 2 - 1, -(y / state.size.height) * 2 + 1);
-                  state.raycaster.setFromCamera(state.pointer, state.camera);
-                }
-              });
-            }
-            // Call onCreated callback
-            onCreated == null ? void 0 : onCreated(state);
-          }
-        });
-        root.current.render( /*#__PURE__*/jsxRuntime.jsx(Bridge, {
-          children: /*#__PURE__*/jsxRuntime.jsx(events.ErrorBoundary, {
-            set: setError,
-            children: /*#__PURE__*/jsxRuntime.jsx(React__namespace.Suspense, {
-              fallback: /*#__PURE__*/jsxRuntime.jsx(events.Block, {
-                set: setBlock
-              }),
-              children: children != null ? children : null
-            })
-          })
-        }));
-      }
-      run();
-    }
-  });
-  React__namespace.useEffect(() => {
-    const canvas = canvasRef.current;
-    if (canvas) return () => events.unmountComponentAtNode(canvas);
-  }, []);
-
-  // When the event source is not this div, we need to set pointer-events to none
-  // Or else the canvas will block events from reaching the event source
-  const pointerEvents = eventSource ? 'none' : 'auto';
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    ref: divRef,
-    style: {
-      position: 'relative',
-      width: '100%',
-      height: '100%',
-      overflow: 'hidden',
-      pointerEvents,
-      ...style
-    },
-    ...props,
-    children: /*#__PURE__*/jsxRuntime.jsx("div", {
-      ref: containerRef,
-      style: {
-        width: '100%',
-        height: '100%'
-      },
-      children: /*#__PURE__*/jsxRuntime.jsx("canvas", {
-        ref: canvasRef,
-        style: {
-          display: 'block'
-        },
-        children: fallback
-      })
-    })
-  });
-}
-
-/**
- * A DOM canvas which accepts threejs elements as children.
- * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
- */
-function Canvas(props) {
-  return /*#__PURE__*/jsxRuntime.jsx(itsFine.FiberProvider, {
-    children: /*#__PURE__*/jsxRuntime.jsx(CanvasImpl, {
-      ...props
-    })
-  });
-}
-
-exports.ReactThreeFiber = events.threeTypes;
-exports._roots = events._roots;
-exports.act = events.act;
-exports.addAfterEffect = events.addAfterEffect;
-exports.addEffect = events.addEffect;
-exports.addTail = events.addTail;
-exports.advance = events.advance;
-exports.applyProps = events.applyProps;
-exports.buildGraph = events.buildGraph;
-exports.context = events.context;
-exports.createEvents = events.createEvents;
-exports.createPortal = events.createPortal;
-exports.createRoot = events.createRoot;
-exports.dispose = events.dispose;
-exports.events = events.createPointerEvents;
-exports.extend = events.extend;
-exports.flushGlobalEffects = events.flushGlobalEffects;
-exports.flushSync = events.flushSync;
-exports.getRootState = events.getRootState;
-exports.invalidate = events.invalidate;
-exports.reconciler = events.reconciler;
-exports.unmountComponentAtNode = events.unmountComponentAtNode;
-exports.useFrame = events.useFrame;
-exports.useGraph = events.useGraph;
-exports.useInstanceHandle = events.useInstanceHandle;
-exports.useLoader = events.useLoader;
-exports.useStore = events.useStore;
-exports.useThree = events.useThree;
-exports.Canvas = Canvas;

package/dist/react-three-fiber.esm.js

@@ -1,165 +0,0 @@
-import { e as extend, u as useBridge, a as useMutableCallback, b as useIsomorphicLayoutEffect, c as createRoot, i as isRef, E as ErrorBoundary, B as Block, d as unmountComponentAtNode, f as createPointerEvents } from './events-5a94e5eb.esm.js';
-export { t as ReactThreeFiber, _ as _roots, x as act, k as addAfterEffect, j as addEffect, l as addTail, n as advance, s as applyProps, y as buildGraph, q as context, g as createEvents, o as createPortal, c as createRoot, w as dispose, f as events, e as extend, h as flushGlobalEffects, p as flushSync, v as getRootState, m as invalidate, r as reconciler, d as unmountComponentAtNode, D as useFrame, F as useGraph, z as useInstanceHandle, G as useLoader, A as useStore, C as useThree } from './events-5a94e5eb.esm.js';
-import * as React from 'react';
-import * as THREE from 'three';
-import useMeasure from 'react-use-measure';
-import { FiberProvider } from 'its-fine';
-import { jsx } from 'react/jsx-runtime';
-import 'zustand/traditional';
-import 'suspend-react';
-import 'scheduler';
-
-function CanvasImpl({
-  ref,
-  children,
-  fallback,
-  resize,
-  style,
-  gl,
-  events = createPointerEvents,
-  eventSource,
-  eventPrefix,
-  shadows,
-  linear,
-  flat,
-  legacy,
-  orthographic,
-  frameloop,
-  dpr,
-  performance,
-  raycaster,
-  camera,
-  scene,
-  onPointerMissed,
-  onCreated,
-  ...props
-}) {
-  // Create a known catalogue of Threejs-native elements
-  // This will include the entire THREE namespace by default, users can extend
-  // their own elements by using the createRoot API instead
-  React.useMemo(() => extend(THREE), []);
-  const Bridge = useBridge();
-  const [containerRef, containerRect] = useMeasure({
-    scroll: true,
-    debounce: {
-      scroll: 50,
-      resize: 0
-    },
-    ...resize
-  });
-  const canvasRef = React.useRef(null);
-  const divRef = React.useRef(null);
-  React.useImperativeHandle(ref, () => canvasRef.current);
-  const handlePointerMissed = useMutableCallback(onPointerMissed);
-  const [block, setBlock] = React.useState(false);
-  const [error, setError] = React.useState(false);
-
-  // Suspend this component if block is a promise (2nd run)
-  if (block) throw block;
-  // Throw exception outwards if anything within canvas throws
-  if (error) throw error;
-  const root = React.useRef(null);
-  useIsomorphicLayoutEffect(() => {
-    const canvas = canvasRef.current;
-    if (containerRect.width > 0 && containerRect.height > 0 && canvas) {
-      if (!root.current) root.current = createRoot(canvas);
-      async function run() {
-        await root.current.configure({
-          gl,
-          scene,
-          events,
-          shadows,
-          linear,
-          flat,
-          legacy,
-          orthographic,
-          frameloop,
-          dpr,
-          performance,
-          raycaster,
-          camera,
-          size: containerRect,
-          // Pass mutable reference to onPointerMissed so it's free to update
-          onPointerMissed: (...args) => handlePointerMissed.current == null ? void 0 : handlePointerMissed.current(...args),
-          onCreated: state => {
-            // Connect to event source
-            state.events.connect == null ? void 0 : state.events.connect(eventSource ? isRef(eventSource) ? eventSource.current : eventSource : divRef.current);
-            // Set up compute function
-            if (eventPrefix) {
-              state.setEvents({
-                compute: (event, state) => {
-                  const x = event[eventPrefix + 'X'];
-                  const y = event[eventPrefix + 'Y'];
-                  state.pointer.set(x / state.size.width * 2 - 1, -(y / state.size.height) * 2 + 1);
-                  state.raycaster.setFromCamera(state.pointer, state.camera);
-                }
-              });
-            }
-            // Call onCreated callback
-            onCreated == null ? void 0 : onCreated(state);
-          }
-        });
-        root.current.render( /*#__PURE__*/jsx(Bridge, {
-          children: /*#__PURE__*/jsx(ErrorBoundary, {
-            set: setError,
-            children: /*#__PURE__*/jsx(React.Suspense, {
-              fallback: /*#__PURE__*/jsx(Block, {
-                set: setBlock
-              }),
-              children: children != null ? children : null
-            })
-          })
-        }));
-      }
-      run();
-    }
-  });
-  React.useEffect(() => {
-    const canvas = canvasRef.current;
-    if (canvas) return () => unmountComponentAtNode(canvas);
-  }, []);
-
-  // When the event source is not this div, we need to set pointer-events to none
-  // Or else the canvas will block events from reaching the event source
-  const pointerEvents = eventSource ? 'none' : 'auto';
-  return /*#__PURE__*/jsx("div", {
-    ref: divRef,
-    style: {
-      position: 'relative',
-      width: '100%',
-      height: '100%',
-      overflow: 'hidden',
-      pointerEvents,
-      ...style
-    },
-    ...props,
-    children: /*#__PURE__*/jsx("div", {
-      ref: containerRef,
-      style: {
-        width: '100%',
-        height: '100%'
-      },
-      children: /*#__PURE__*/jsx("canvas", {
-        ref: canvasRef,
-        style: {
-          display: 'block'
-        },
-        children: fallback
-      })
-    })
-  });
-}
-
-/**
- * A DOM canvas which accepts threejs elements as children.
- * @see https://docs.pmnd.rs/react-three-fiber/api/canvas
- */
-function Canvas(props) {
-  return /*#__PURE__*/jsx(FiberProvider, {
-    children: /*#__PURE__*/jsx(CanvasImpl, {
-      ...props
-    })
-  });
-}
-
-export { Canvas };

package/native/dist/react-three-fiber-native.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "../../dist/declarations/src/native";
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVhY3QtdGhyZWUtZmliZXItbmF0aXZlLmNqcy5kLnRzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vZGlzdC9kZWNsYXJhdGlvbnMvc3JjL25hdGl2ZS5kLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIn0=