@react-three/fiber 7.0.18 → 7.0.19

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @react-three/fiber
 
+## 7.0.19
+
+### Patch Changes
+
+- 7aa2eab: fix: remove zustand subcribe selector
+
 ## 7.0.18
 
 ### Patch Changes

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var THREE = require('three');
 var React = require('react');
 var create = require('zustand');
-var shallow = require('zustand/shallow');
 var Reconciler = require('react-reconciler');
 var scheduler = require('scheduler');
 var useAsset = require('use-asset');
@@ -37,7 +36,6 @@ function _interopNamespace(e) {
 var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var create__default = /*#__PURE__*/_interopDefault(create);
-var shallow__default = /*#__PURE__*/_interopDefault(shallow);
 var Reconciler__default = /*#__PURE__*/_interopDefault(Reconciler);
 var mergeRefs__default = /*#__PURE__*/_interopDefault(mergeRefs);
 var useMeasure__default = /*#__PURE__*/_interopDefault(useMeasure);
@@ -1280,38 +1278,45 @@ const createStore = (applyProps, invalidate, advance, props) => {
         }
       }
     };
-  }); // Resize camera and renderer on changes to size and pixelratio
+  });
+  const state = rootState.getState(); // Resize camera and renderer on changes to size and pixelratio
 
+  let oldSize = state.size;
+  let oldDpr = state.viewport.dpr;
   rootState.subscribe(() => {
     const {
       camera,
       size,
       viewport,
       internal
-    } = rootState.getState(); // https://github.com/pmndrs/react-three-fiber/issues/92
-    // Do not mess with the camera if it belongs to the user
-
-    if (!(internal.lastProps.camera instanceof THREE__namespace.Camera)) {
-      if (isOrthographicCamera(camera)) {
-        camera.left = size.width / -2;
-        camera.right = size.width / 2;
-        camera.top = size.height / 2;
-        camera.bottom = size.height / -2;
-      } else {
-        camera.aspect = size.width / size.height;
-      }
+    } = rootState.getState();
+
+    if (size !== oldSize || viewport.dpr !== oldDpr) {
+      // https://github.com/pmndrs/react-three-fiber/issues/92
+      // Do not mess with the camera if it belongs to the user
+      if (!(internal.lastProps.camera instanceof THREE__namespace.Camera)) {
+        if (isOrthographicCamera(camera)) {
+          camera.left = size.width / -2;
+          camera.right = size.width / 2;
+          camera.top = size.height / 2;
+          camera.bottom = size.height / -2;
+        } else {
+          camera.aspect = size.width / size.height;
+        }
 
-      camera.updateProjectionMatrix(); // https://github.com/pmndrs/react-three-fiber/issues/178
-      // Update matrix world since the renderer is a frame late
+        camera.updateProjectionMatrix(); // https://github.com/pmndrs/react-three-fiber/issues/178
+        // Update matrix world since the renderer is a frame late
 
-      camera.updateMatrixWorld();
-    } // Update renderer
+        camera.updateMatrixWorld();
+      } // Update renderer
 
 
-    gl.setPixelRatio(viewport.dpr);
-    gl.setSize(size.width, size.height);
-  }, state => [state.viewport.dpr, state.size], shallow__default['default']);
-  const state = rootState.getState(); // Update size
+      gl.setPixelRatio(viewport.dpr);
+      gl.setSize(size.width, size.height);
+      oldSize = size;
+      oldDpr = viewport.dpr;
+    }
+  }); // Update size
 
   if (size) state.setSize(size.width, size.height); // Invalidate on any change
 

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var THREE = require('three');
 var React = require('react');
 var create = require('zustand');
-var shallow = require('zustand/shallow');
 var Reconciler = require('react-reconciler');
 var scheduler = require('scheduler');
 var useAsset = require('use-asset');
@@ -37,7 +36,6 @@ function _interopNamespace(e) {
 var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var create__default = /*#__PURE__*/_interopDefault(create);
-var shallow__default = /*#__PURE__*/_interopDefault(shallow);
 var Reconciler__default = /*#__PURE__*/_interopDefault(Reconciler);
 var mergeRefs__default = /*#__PURE__*/_interopDefault(mergeRefs);
 var useMeasure__default = /*#__PURE__*/_interopDefault(useMeasure);
@@ -1280,38 +1278,45 @@ const createStore = (applyProps, invalidate, advance, props) => {
         }
       }
     };
-  }); // Resize camera and renderer on changes to size and pixelratio
+  });
+  const state = rootState.getState(); // Resize camera and renderer on changes to size and pixelratio
 
+  let oldSize = state.size;
+  let oldDpr = state.viewport.dpr;
   rootState.subscribe(() => {
     const {
       camera,
       size,
       viewport,
       internal
-    } = rootState.getState(); // https://github.com/pmndrs/react-three-fiber/issues/92
-    // Do not mess with the camera if it belongs to the user
-
-    if (!(internal.lastProps.camera instanceof THREE__namespace.Camera)) {
-      if (isOrthographicCamera(camera)) {
-        camera.left = size.width / -2;
-        camera.right = size.width / 2;
-        camera.top = size.height / 2;
-        camera.bottom = size.height / -2;
-      } else {
-        camera.aspect = size.width / size.height;
-      }
+    } = rootState.getState();
+
+    if (size !== oldSize || viewport.dpr !== oldDpr) {
+      // https://github.com/pmndrs/react-three-fiber/issues/92
+      // Do not mess with the camera if it belongs to the user
+      if (!(internal.lastProps.camera instanceof THREE__namespace.Camera)) {
+        if (isOrthographicCamera(camera)) {
+          camera.left = size.width / -2;
+          camera.right = size.width / 2;
+          camera.top = size.height / 2;
+          camera.bottom = size.height / -2;
+        } else {
+          camera.aspect = size.width / size.height;
+        }
 
-      camera.updateProjectionMatrix(); // https://github.com/pmndrs/react-three-fiber/issues/178
-      // Update matrix world since the renderer is a frame late
+        camera.updateProjectionMatrix(); // https://github.com/pmndrs/react-three-fiber/issues/178
+        // Update matrix world since the renderer is a frame late
 
-      camera.updateMatrixWorld();
-    } // Update renderer
+        camera.updateMatrixWorld();
+      } // Update renderer
 
 
-    gl.setPixelRatio(viewport.dpr);
-    gl.setSize(size.width, size.height);
-  }, state => [state.viewport.dpr, state.size], shallow__default['default']);
-  const state = rootState.getState(); // Update size
+      gl.setPixelRatio(viewport.dpr);
+      gl.setSize(size.width, size.height);
+      oldSize = size;
+      oldDpr = viewport.dpr;
+    }
+  }); // Update size
 
   if (size) state.setSize(size.width, size.height); // Invalidate on any change
 

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

@@ -1,7 +1,6 @@
 import * as THREE from 'three';
 import * as React from 'react';
 import create from 'zustand';
-import shallow from 'zustand/shallow';
 import Reconciler from 'react-reconciler';
 import { unstable_now, unstable_runWithPriority, unstable_IdlePriority } from 'scheduler';
 import { useAsset } from 'use-asset';
@@ -1246,38 +1245,45 @@ const createStore = (applyProps, invalidate, advance, props) => {
         }
       }
     };
-  }); // Resize camera and renderer on changes to size and pixelratio
+  });
+  const state = rootState.getState(); // Resize camera and renderer on changes to size and pixelratio
 
+  let oldSize = state.size;
+  let oldDpr = state.viewport.dpr;
   rootState.subscribe(() => {
     const {
       camera,
       size,
       viewport,
       internal
-    } = rootState.getState(); // https://github.com/pmndrs/react-three-fiber/issues/92
-    // Do not mess with the camera if it belongs to the user
-
-    if (!(internal.lastProps.camera instanceof THREE.Camera)) {
-      if (isOrthographicCamera(camera)) {
-        camera.left = size.width / -2;
-        camera.right = size.width / 2;
-        camera.top = size.height / 2;
-        camera.bottom = size.height / -2;
-      } else {
-        camera.aspect = size.width / size.height;
-      }
+    } = rootState.getState();
+
+    if (size !== oldSize || viewport.dpr !== oldDpr) {
+      // https://github.com/pmndrs/react-three-fiber/issues/92
+      // Do not mess with the camera if it belongs to the user
+      if (!(internal.lastProps.camera instanceof THREE.Camera)) {
+        if (isOrthographicCamera(camera)) {
+          camera.left = size.width / -2;
+          camera.right = size.width / 2;
+          camera.top = size.height / 2;
+          camera.bottom = size.height / -2;
+        } else {
+          camera.aspect = size.width / size.height;
+        }
 
-      camera.updateProjectionMatrix(); // https://github.com/pmndrs/react-three-fiber/issues/178
-      // Update matrix world since the renderer is a frame late
+        camera.updateProjectionMatrix(); // https://github.com/pmndrs/react-three-fiber/issues/178
+        // Update matrix world since the renderer is a frame late
 
-      camera.updateMatrixWorld();
-    } // Update renderer
+        camera.updateMatrixWorld();
+      } // Update renderer
 
 
-    gl.setPixelRatio(viewport.dpr);
-    gl.setSize(size.width, size.height);
-  }, state => [state.viewport.dpr, state.size], shallow);
-  const state = rootState.getState(); // Update size
+      gl.setPixelRatio(viewport.dpr);
+      gl.setSize(size.width, size.height);
+      oldSize = size;
+      oldDpr = viewport.dpr;
+    }
+  }); // Update size
 
   if (size) state.setSize(size.width, size.height); // Invalidate on any change
 

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

@@ -0,0 +1,11 @@
+// are you seeing an error that a default export doesn't exist but your source file has a default export?
+// you should run `yarn` or `yarn preconstruct dev` if preconstruct dev isn't in your postinstall hook
+
+// curious why you need to?
+// this file exists so that you can import from the entrypoint normally
+// except that it points to your source file and you don't need to run build constantly
+// which means we need to re-export all of the modules from your source file
+// and since export * doesn't include default exports, we need to read your source file
+// to check for a default export and re-export it if it exists
+// it's not ideal, but it works pretty well ¯\_(ツ)_/¯
+export * from "../../src/native";

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

@@ -0,0 +1,16 @@
+"use strict";
+// this file might look strange and you might be wondering what it's for
+// it's lets you import your source files by importing this entrypoint
+// as you would import it if it was built with preconstruct build
+// this file is slightly different to some others though
+// it has a require hook which compiles your code with Babel
+// this means that you don't have to set up @babel/register or anything like that
+// but you can still require this module and it'll be compiled
+
+// this bit of code imports the require hook and registers it
+let unregister = require("../../../../node_modules/@preconstruct/hook").___internalHook(typeof __dirname === 'undefined' ? undefined : __dirname, "../../../..", "../..");
+
+// this re-exports the source file
+module.exports = require("../../src/native.tsx");
+
+unregister();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/fiber",
-  "version": "7.0.18",
+  "version": "7.0.19",
   "description": "A React renderer for Threejs",
   "keywords": [
     "react",