Skip to content

feat(devtools): add KV, Blob, Cache management UI#776

Open
onmax wants to merge 14 commits intonuxt-hub:mainfrom
onmax:feat/devtools-kv-blob-cache
Open

feat(devtools): add KV, Blob, Cache management UI#776
onmax wants to merge 14 commits intonuxt-hub:mainfrom
onmax:feat/devtools-kv-blob-cache

Conversation

@onmax
Copy link
Contributor

@onmax onmax commented Jan 14, 2026

Summary

Switch NuxtHub DevTools KV/Blob/Cache tabs to a hosted UI loaded via iframe (no separate UI bundle shipped from @nuxthub/core). Functionality stays the same; only the UI delivery changes.

How It Works

  • DevTools tabs iframe the hosted pages on hub.nuxt.com.
  • We pass ?url=<localOrigin> so the hosted UI can call back into your local app.
  • Local origin detection is robust (uses Nuxt devServer URL/port + CLI argv fallbacks) and supports an escape hatch: hub.devtools.appOrigin.
  • Adds /api/_hub/* compatibility endpoints + CORS so the hosted UI can call http://localhost:<port>/api/_hub/....

Limitations

  • Requires internet to load the hosted UI.
  • Safari currently blocks https://... iframes calling http://localhost... (mixed content). See nuxt-hub/core#34 (comment).

Closes #774

TODO (Before Merge)

  • Update the deployment on hub.nuxt.com (hosted DevTools embed) and test it
  • Take screenshots and update the docs

@vercel
Copy link

vercel bot commented Jan 14, 2026

@onmax is attempting to deploy a commit to the NuxtLabs Team on Vercel.

A member of the Team first needs to authorize it.

@onmax onmax marked this pull request as draft January 14, 2026 12:55
@onmax onmax force-pushed the feat/devtools-kv-blob-cache branch 2 times, most recently from b256b67 to 0a1fb74 Compare January 14, 2026 13:02
@pkg-pr-new
Copy link

pkg-pr-new bot commented Jan 17, 2026

npm i https://pkg.pr.new/@nuxthub/core@776

commit: 785d0e4

@onmax onmax force-pushed the feat/devtools-kv-blob-cache branch 2 times, most recently from 5a77aa2 to b7cd15f Compare January 17, 2026 11:04
@onmax onmax marked this pull request as ready for review January 17, 2026 11:04
@onmax onmax force-pushed the feat/devtools-kv-blob-cache branch from b7cd15f to a96a31f Compare January 17, 2026 11:30
@RihanArfan
Copy link
Member

Looks good! My feedback after seeing the video:

@onmax onmax force-pushed the feat/devtools-kv-blob-cache branch 2 times, most recently from d8d8d37 to 2081e1d Compare January 23, 2026 07:50
@onmax
Copy link
Contributor Author

onmax commented Jan 27, 2026

@RihanArfan added your feedback :)

onmax added 3 commits January 31, 2026 11:21
- KV Storage: view, create, edit, delete keys with JSON support
- Blob Storage: file browser with folder navigation, upload, preview, drag&drop, context menu, search, sort, grid/table view, multi-select
- Cache: inspect Nitro cache entries grouped by handler type
- Uses Vite proxy pattern for dev mode, pre-built static SPA for production
@onmax onmax force-pushed the feat/devtools-kv-blob-cache branch from 427c119 to f2ead86 Compare January 31, 2026 10:21
@RihanArfan
Copy link
Member

Hey, was facing some issues running it due to missing imports for useRouter, useFetch and navigateTo from #app in the Vue pages.

image

Besides that, functionality seems all good

@onmax
Copy link
Contributor Author

onmax commented Feb 5, 2026

@RihanArfan fixed the missing #app imports (useFetch/useRouter/navigateTo) in the devtools client pages. The runtime error you hit should be resolved now. Thanks for the catch!

@onmax
Copy link
Contributor Author

onmax commented Feb 7, 2026

@atinux

Switched the NuxtHub DevTools storage tabs (KV/Blob/Cache) to use the hosted UI embedded as an iframe from hub.nuxt.com/devtools/. The hosted UI calls back into the local app via ?url=<localOrigin>.

  • No more separate DevTools UI bundle shipped from @nuxthub/core (only server endpoints + tab registration)
  • localOrigin now prefers nuxt.options.devServer.url (actual listening port) and supports hub.devtools.appOrigin override
  • Added /api/_hub/* compatibility endpoints + CORS for https://hub.nuxt.com -> localhost
  • Safari limitation still applies (mixed content): nuxt-hub/core#34 (comment)

@onmax onmax force-pushed the feat/devtools-kv-blob-cache branch from d8880d8 to 785d0e4 Compare February 7, 2026 23:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Enhanced DevTools for KV, Blob, and Cache management

3 participants