Skip to content

feat(webgpu): add Inspector and reactive controls - #2827

Merged
krispya merged 2 commits into
v11-workingfrom
feat/webgpu-inspector
Sep 5, 2026
Merged

feat(webgpu): add Inspector and reactive controls#2827
krispya merged 2 commits into
v11-workingfrom
feat/webgpu-inspector

Conversation

@krispya

@krispya krispya commented Sep 5, 2026

Copy link
Copy Markdown
Member

This adds the Three inspector to Drei with <Inspector /> and a useInspectorControls hook for getting reactive controls built in.

For this first version there are two limitations:

  • This only supports frameloop 'always'.
  • It uses a top level await so that the inspector both loads before the renderer (required for some of its options) and also does not error SSR.

Note: This only works with Next using webpack. Turbopack fails and appears to be broken anyways.

@vercel

vercel Bot commented Sep 5, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
drei Error Error Sep 5, 2026 12:01pm UTC

Request Review

@github-actions

github-actions Bot commented Sep 5, 2026

Copy link
Copy Markdown

📊 Package size report   0.08%↑

File Before (Size / Gzip) After (Size / Gzip)
CHANGELOG-ALPHA.md 30.6 kB / 11.7 kB 3%↑31.4 kB / 3%↑12.0 kB
component-status.generated.ts 53.8 kB / 4.4 kB 0.6%↑54.1 kB / 0.6%↑4.4 kB
component-status.json 130.0 kB / 5.4 kB 0.7%↑130.8 kB / 0.7%↑5.4 kB
dist/webgpu/chunks/inspector-runtime.mjs 4.0 kB / 1.2 kB
dist/webgpu/index.d.mts 107.6 kB / 20.1 kB 1%↑108.6 kB / 1%↑20.3 kB
dist/webgpu/index.d.ts 107.6 kB / 20.1 kB 1%↑108.6 kB / 1%↑20.3 kB
dist/webgpu/index.mjs 473.4 kB / 102.2 kB 1%↑480.4 kB / 2%↑104.1 kB
examples/src/demos/componentRegistry.tsx 45.1 kB / 9.1 kB 0.7%↑45.4 kB / 1%↑9.2 kB
scripts/generate-native-exports.ts 7.0 kB / 2.3 kB 2%↑7.2 kB / 1%↑2.3 kB
src/webgpu/index.ts 810 B / 382 B 4%↑840 B / 2%↑389 B
src/webgpu/Performance/index.ts 28 B / 48 B
src/webgpu/Performance/Inspector/index.ts 270 B / 128 B
src/webgpu/Performance/Inspector/inspector-runtime.ts 5.3 kB / 1.8 kB
src/webgpu/Performance/Inspector/Inspector.docs.mdx 4.4 kB / 2.0 kB
src/webgpu/Performance/Inspector/Inspector.stories.tsx 3.3 kB / 1.1 kB
src/webgpu/Performance/Inspector/Inspector.tsx 3.8 kB / 1.4 kB
src/webgpu/Performance/Inspector/useInspectorControls.ts 7.1 kB / 2.3 kB
Total (Includes all files) 46.1 MB / 38.0 MB 0.08%↑46.2 MB / 0.03%↑38.0 MB
Tarball size 37.6 MB 0.02%↑37.6 MB
Hidden files
File Before (Size / Gzip) After (Size / Gzip)
.yarn/install-state.gz 1.5 MB / 1.5 MB -0.1%↓1.5 MB / -0.1%↓1.5 MB

🤖 This report was automatically generated by pkg-size-action

@krispya
krispya merged commit f14045a into v11-working Sep 5, 2026
8 of 11 checks passed
@krispya
krispya deleted the feat/webgpu-inspector branch September 5, 2026 13:03
@github-actions

github-actions Bot commented Sep 5, 2026

Copy link
Copy Markdown

🎉 This PR is included in version 11.0.0-alpha.7 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant