@react-three/fiber 9.0.0 → 9.0.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @react-three/fiber
 
+## 9.0.2
+
+### Patch Changes
+
+- 14e133278c3cf1550a3b9aeaaadb624a2aae4781: fix(reconciler): prefer to resolve unprefixed instance types
+
+## 9.0.1
+
+### Patch Changes
+
+- 5d711d103b8d3833b93c3ab74707b2b6db5d274a: fix: add use-sync-external-store dep
+
 ## 9.0.0
 
 ### Major Changes

package/dist/{events-0dc84b81.esm.js → events-2895749c.esm.js}

@@ -1256,7 +1256,7 @@ function extend(objects) {
 }
 function validateInstance(type, props) {
   // Get target from catalogue
-  const name = `${type[0].toUpperCase()}${type.slice(1)}`;
+  const name = toPascalCase(type);
   const target = catalogue[name];
 
   // Validate element target
@@ -1270,8 +1270,8 @@ function validateInstance(type, props) {
 }
 function createInstance(type, props, root) {
   var _props$object;
-  // Remove three* prefix from elements
-  type = type.replace(PREFIX_REGEX, '');
+  // Remove three* prefix from elements if native element not present
+  type = toPascalCase(type) in catalogue ? type : type.replace(PREFIX_REGEX, '');
   validateInstance(type, props);
 
   // Regenerate the R3F instance for primitives to simulate a new object

package/dist/{events-29e84b1f.cjs.dev.js → events-cee74b95.cjs.dev.js}

@@ -1282,7 +1282,7 @@ function extend(objects) {
 }
 function validateInstance(type, props) {
   // Get target from catalogue
-  const name = `${type[0].toUpperCase()}${type.slice(1)}`;
+  const name = toPascalCase(type);
   const target = catalogue[name];
 
   // Validate element target
@@ -1296,8 +1296,8 @@ function validateInstance(type, props) {
 }
 function createInstance(type, props, root) {
   var _props$object;
-  // Remove three* prefix from elements
-  type = type.replace(PREFIX_REGEX, '');
+  // Remove three* prefix from elements if native element not present
+  type = toPascalCase(type) in catalogue ? type : type.replace(PREFIX_REGEX, '');
   validateInstance(type, props);
 
   // Regenerate the R3F instance for primitives to simulate a new object

package/dist/{events-8ef03cf1.cjs.prod.js → events-ff8de4d2.cjs.prod.js}

@@ -1282,7 +1282,7 @@ function extend(objects) {
 }
 function validateInstance(type, props) {
   // Get target from catalogue
-  const name = `${type[0].toUpperCase()}${type.slice(1)}`;
+  const name = toPascalCase(type);
   const target = catalogue[name];
 
   // Validate element target
@@ -1296,8 +1296,8 @@ function validateInstance(type, props) {
 }
 function createInstance(type, props, root) {
   var _props$object;
-  // Remove three* prefix from elements
-  type = type.replace(PREFIX_REGEX, '');
+  // Remove three* prefix from elements if native element not present
+  type = toPascalCase(type) in catalogue ? type : type.replace(PREFIX_REGEX, '');
   validateInstance(type, props);
 
   // Regenerate the R3F instance for primitives to simulate a new object

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var events = require('./events-29e84b1f.cjs.dev.js');
+var events = require('./events-cee74b95.cjs.dev.js');
 var React = require('react');
 var THREE = require('three');
 var useMeasure = require('react-use-measure');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var events = require('./events-8ef03cf1.cjs.prod.js');
+var events = require('./events-ff8de4d2.cjs.prod.js');
 var React = require('react');
 var THREE = require('three');
 var useMeasure = require('react-use-measure');

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

@@ -1,5 +1,5 @@
-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-0dc84b81.esm.js';
-export { t as ReactThreeFiber, _ as _roots, w as act, k as addAfterEffect, j as addEffect, l as addTail, n as advance, q as applyProps, x as buildGraph, p as context, g as createEvents, o as createPortal, c as createRoot, v as dispose, f as events, e as extend, h as flushGlobalEffects, s as getRootState, m as invalidate, r as reconciler, d as unmountComponentAtNode, C as useFrame, D as useGraph, y as useInstanceHandle, F as useLoader, z as useStore, A as useThree } from './events-0dc84b81.esm.js';
+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-2895749c.esm.js';
+export { t as ReactThreeFiber, _ as _roots, w as act, k as addAfterEffect, j as addEffect, l as addTail, n as advance, q as applyProps, x as buildGraph, p as context, g as createEvents, o as createPortal, c as createRoot, v as dispose, f as events, e as extend, h as flushGlobalEffects, s as getRootState, m as invalidate, r as reconciler, d as unmountComponentAtNode, C as useFrame, D as useGraph, y as useInstanceHandle, F as useLoader, z as useStore, A as useThree } from './events-2895749c.esm.js';
 import * as React from 'react';
 import * as THREE from 'three';
 import useMeasure from 'react-use-measure';

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var events = require('../../dist/events-29e84b1f.cjs.dev.js');
+var events = require('../../dist/events-cee74b95.cjs.dev.js');
 var React = require('react');
 var THREE = require('three');
 var reactNative = require('react-native');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var events = require('../../dist/events-8ef03cf1.cjs.prod.js');
+var events = require('../../dist/events-ff8de4d2.cjs.prod.js');
 var React = require('react');
 var THREE = require('three');
 var reactNative = require('react-native');

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

@@ -1,5 +1,5 @@
-import { e as extend, u as useBridge, a as useMutableCallback, c as createRoot, b as useIsomorphicLayoutEffect, E as ErrorBoundary, B as Block, d as unmountComponentAtNode, f as createPointerEvents, g as createEvents } from '../../dist/events-0dc84b81.esm.js';
-export { t as ReactThreeFiber, _ as _roots, w as act, k as addAfterEffect, j as addEffect, l as addTail, n as advance, q as applyProps, x as buildGraph, p as context, g as createEvents, o as createPortal, c as createRoot, v as dispose, e as extend, h as flushGlobalEffects, s as getRootState, m as invalidate, r as reconciler, d as unmountComponentAtNode, C as useFrame, D as useGraph, y as useInstanceHandle, F as useLoader, z as useStore, A as useThree } from '../../dist/events-0dc84b81.esm.js';
+import { e as extend, u as useBridge, a as useMutableCallback, c as createRoot, b as useIsomorphicLayoutEffect, E as ErrorBoundary, B as Block, d as unmountComponentAtNode, f as createPointerEvents, g as createEvents } from '../../dist/events-2895749c.esm.js';
+export { t as ReactThreeFiber, _ as _roots, w as act, k as addAfterEffect, j as addEffect, l as addTail, n as advance, q as applyProps, x as buildGraph, p as context, g as createEvents, o as createPortal, c as createRoot, v as dispose, e as extend, h as flushGlobalEffects, s as getRootState, m as invalidate, r as reconciler, d as unmountComponentAtNode, C as useFrame, D as useGraph, y as useInstanceHandle, F as useLoader, z as useStore, A as useThree } from '../../dist/events-2895749c.esm.js';
 import * as React from 'react';
 import * as THREE from 'three';
 import { PanResponder, PixelRatio, StyleSheet, View, Platform, Image, NativeModules } from 'react-native';

package/package.json

@@ -1,87 +1,88 @@
-{
-  "name": "@react-three/fiber",
-  "version": "9.0.0",
-  "description": "A React renderer for Threejs",
-  "keywords": [
-    "react",
-    "renderer",
-    "fiber",
-    "three",
-    "threejs"
-  ],
-  "author": "Paul Henschel (https://github.com/drcmda)",
-  "license": "MIT",
-  "maintainers": [
-    "Josh Ellis (https://github.com/joshuaellis)",
-    "Cody Bennett (https://github.com/codyjasonbennett)"
-  ],
-  "bugs": {
-    "url": "https://github.com/pmndrs/react-three-fiber/issues"
-  },
-  "homepage": "https://github.com/pmndrs/react-three-fiber#readme",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/pmndrs/react-three-fiber.git"
-  },
-  "collective": {
-    "type": "opencollective",
-    "url": "https://opencollective.com/react-three-fiber"
-  },
-  "main": "dist/react-three-fiber.cjs.js",
-  "module": "dist/react-three-fiber.esm.js",
-  "types": "dist/react-three-fiber.cjs.d.ts",
-  "react-native": "native/dist/react-three-fiber-native.cjs.js",
-  "sideEffects": false,
-  "preconstruct": {
-    "entrypoints": [
-      "index.tsx",
-      "native.tsx"
-    ]
-  },
-  "scripts": {
-    "prebuild": "cp ../../readme.md readme.md"
-  },
-  "dependencies": {
-    "@babel/runtime": "^7.17.8",
-    "@types/react-reconciler": "^0.28.9",
-    "@types/webxr": "*",
-    "base64-js": "^1.5.1",
-    "buffer": "^6.0.3",
-    "its-fine": "^2.0.0",
-    "react-reconciler": "^0.31.0",
-    "react-use-measure": "^2.1.7",
-    "scheduler": "^0.25.0",
-    "suspend-react": "^0.1.3",
-    "zustand": "^5.0.3"
-  },
-  "peerDependencies": {
-    "expo": ">=43.0",
-    "expo-asset": ">=8.4",
-    "expo-gl": ">=11.0",
-    "expo-file-system": ">=11.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-native": ">=0.78",
-    "three": ">=0.156"
-  },
-  "peerDependenciesMeta": {
-    "react-dom": {
-      "optional": true
-    },
-    "react-native": {
-      "optional": true
-    },
-    "expo": {
-      "optional": true
-    },
-    "expo-asset": {
-      "optional": true
-    },
-    "expo-file-system": {
-      "optional": true
-    },
-    "expo-gl": {
-      "optional": true
-    }
-  }
-}
+{
+  "name": "@react-three/fiber",
+  "version": "9.0.2",
+  "description": "A React renderer for Threejs",
+  "keywords": [
+    "react",
+    "renderer",
+    "fiber",
+    "three",
+    "threejs"
+  ],
+  "author": "Paul Henschel (https://github.com/drcmda)",
+  "license": "MIT",
+  "maintainers": [
+    "Josh Ellis (https://github.com/joshuaellis)",
+    "Cody Bennett (https://github.com/codyjasonbennett)"
+  ],
+  "bugs": {
+    "url": "https://github.com/pmndrs/react-three-fiber/issues"
+  },
+  "homepage": "https://github.com/pmndrs/react-three-fiber#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/pmndrs/react-three-fiber.git"
+  },
+  "collective": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/react-three-fiber"
+  },
+  "main": "dist/react-three-fiber.cjs.js",
+  "module": "dist/react-three-fiber.esm.js",
+  "types": "dist/react-three-fiber.cjs.d.ts",
+  "react-native": "native/dist/react-three-fiber-native.cjs.js",
+  "sideEffects": false,
+  "preconstruct": {
+    "entrypoints": [
+      "index.tsx",
+      "native.tsx"
+    ]
+  },
+  "scripts": {
+    "prebuild": "cp ../../readme.md readme.md"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.17.8",
+    "@types/react-reconciler": "^0.28.9",
+    "@types/webxr": "*",
+    "base64-js": "^1.5.1",
+    "buffer": "^6.0.3",
+    "its-fine": "^2.0.0",
+    "react-reconciler": "^0.31.0",
+    "react-use-measure": "^2.1.7",
+    "scheduler": "^0.25.0",
+    "suspend-react": "^0.1.3",
+    "use-sync-external-store": "^1.4.0",
+    "zustand": "^5.0.3"
+  },
+  "peerDependencies": {
+    "expo": ">=43.0",
+    "expo-asset": ">=8.4",
+    "expo-file-system": ">=11.0",
+    "expo-gl": ">=11.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-native": ">=0.78",
+    "three": ">=0.156"
+  },
+  "peerDependenciesMeta": {
+    "react-dom": {
+      "optional": true
+    },
+    "react-native": {
+      "optional": true
+    },
+    "expo": {
+      "optional": true
+    },
+    "expo-asset": {
+      "optional": true
+    },
+    "expo-file-system": {
+      "optional": true
+    },
+    "expo-gl": {
+      "optional": true
+    }
+  }
+}