@react-three/drei 11.0.0-alpha.5 → 11.0.0-alpha.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-three/drei",
-  "version": "11.0.0-alpha.5",
+  "version": "11.0.0-alpha.7",
   "private": false,
   "type": "module",
   "description": "useful add-ons for react-three-fiber",
@@ -72,11 +72,11 @@
     "glsl-noise": "^0.0.0",
     "hls.js": "^1.5.17",
     "maath": "^0.10.8",
-    "stats-gl": "^2.2.8",
+    "stats-gl": "^4.2.3",
     "stats.js": "^0.17.0",
     "suspend-react": "^0.1.3",
-    "three-mesh-bvh": "^0.8.3",
-    "troika-three-text": "^0.52.4",
+    "three-mesh-bvh": "^0.9.14",
+    "troika-three-text": "^0.52.5",
     "tunnel-rat": "^0.1.2",
     "use-sync-external-store": "^1.4.0",
     "utility-types": "^3.11.0",
@@ -84,9 +84,9 @@
   },
   "peerDependencies": {
     "@react-three/fiber": ">=10.0.0-0",
-    "react": "^19",
-    "react-dom": "^19",
-    "three": ">=0.182"
+    "react": ">=19.0 <19.3",
+    "react-dom": ">=19.0 <19.3",
+    "three": ">=0.185"
   },
   "peerDependenciesMeta": {
     "react-dom": {

package/webgpu/chunks/inspector-runtime.mjs

@@ -0,0 +1,112 @@
+import { Inspector } from 'three/examples/jsm/inspector/Inspector.js';
+import { getConsoleFunction, setConsoleFunction } from 'three/webgpu';
+
+class FiberInspector extends Inspector {
+  attachment = 0;
+  setRenderer(renderer) {
+    const attachment = ++this.attachment;
+    const readback = this._resolveTimestampPromise;
+    if (!renderer && readback) {
+      const detach = () => {
+        if (this.attachment === attachment) super.setRenderer(null);
+      };
+      void readback.then(detach, detach);
+    } else super.setRenderer(renderer);
+    return this;
+  }
+  // R3F frame phases drive profiling. Ignore Three's separate animation loop.
+  begin() {
+  }
+  finish() {
+  }
+  beginFrame() {
+    super.begin();
+  }
+  finishFrame() {
+    if (this.currentFrame) super.finish();
+  }
+}
+const inspectors = /* @__PURE__ */ new WeakMap();
+const active = /* @__PURE__ */ new WeakMap();
+const pending = /* @__PURE__ */ new WeakMap();
+const consoleHandlers = /* @__PURE__ */ new WeakMap();
+function previousActiveConsole(handler) {
+  let entry = consoleHandlers.get(handler);
+  while (entry && !entry.active) {
+    handler = entry.previous;
+    entry = consoleHandlers.get(handler);
+  }
+  return handler;
+}
+async function attachInspector(renderer, eventSource, signal) {
+  await pending.get(renderer);
+  signal?.throwIfAborted();
+  if (active.has(renderer)) throw new Error("Only one <Inspector> can be mounted per renderer.");
+  if (!(eventSource instanceof HTMLElement) || !eventSource.parentElement || eventSource === eventSource.ownerDocument.body) {
+    throw new Error(
+      "Inspector requires an element event source with a parent. Document and body event sources are not supported."
+    );
+  }
+  const owner = {};
+  const current = inspectors.get(renderer) ?? new FiberInspector();
+  inspectors.set(renderer, current);
+  const internals = current;
+  const previous = renderer.inspector;
+  const previousConsole = getConsoleFunction();
+  const backend = renderer.backend;
+  const previousTracking = backend.trackTimestamp;
+  let inspectorConsole;
+  const consoleEntry = { previous: previousConsole, active: true };
+  try {
+    renderer.inspector = current;
+    inspectorConsole = getConsoleFunction();
+    consoleHandlers.set(inspectorConsole, consoleEntry);
+    eventSource.after(current.domElement);
+    current.init();
+  } catch (error) {
+    consoleEntry.active = false;
+    current.domElement.remove();
+    if (renderer.inspector === current) renderer.inspector = previous;
+    setConsoleFunction(previousConsole);
+    await renderer.init();
+    if (renderer.inspector === previous) backend.trackTimestamp = previousTracking;
+    throw error;
+  }
+  active.set(renderer, owner);
+  let released = false;
+  return {
+    inspector: current,
+    begin: () => {
+      if (!released && renderer.inspector === current) current.beginFrame();
+    },
+    finish: () => {
+      if (!released && renderer.inspector === current) current.finishFrame();
+    },
+    release() {
+      if (released) return;
+      released = true;
+      consoleEntry.active = false;
+      current.finishFrame();
+      current.domElement.remove();
+      if (getConsoleFunction() === inspectorConsole) setConsoleFunction(previousActiveConsole(previousConsole));
+      if (active.get(renderer) === owner) {
+        active.delete(renderer);
+        if (renderer.inspector === current) {
+          renderer.inspector = previous;
+          if (getConsoleFunction() === inspectorConsole) setConsoleFunction(previousActiveConsole(previousConsole));
+        }
+      }
+      const finishCleanup = () => {
+        if (renderer.inspector === previous) backend.trackTimestamp = previousTracking;
+      };
+      if (internals._resolveTimestampPromise) {
+        pending.set(
+          renderer,
+          internals._resolveTimestampPromise.then(finishCleanup, finishCleanup).finally(() => pending.delete(renderer))
+        );
+      } else finishCleanup();
+    }
+  };
+}
+
+export { attachInspector };