RabstackQuery.DevTools.Blazor
0.3.0
dotnet add package RabstackQuery.DevTools.Blazor --version 0.3.0
NuGet\Install-Package RabstackQuery.DevTools.Blazor -Version 0.3.0
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="RabstackQuery.DevTools.Blazor" Version="0.3.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="RabstackQuery.DevTools.Blazor" Version="0.3.0" />
<PackageReference Include="RabstackQuery.DevTools.Blazor" />
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package.
paket add RabstackQuery.DevTools.Blazor --version 0.3.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: RabstackQuery.DevTools.Blazor, 0.3.0"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
#:package RabstackQuery.DevTools.Blazor@0.3.0
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package.
#addin nuget:?package=RabstackQuery.DevTools.Blazor&version=0.3.0
#tool nuget:?package=RabstackQuery.DevTools.Blazor&version=0.3.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
RabStack Query DevTools for Blazor
A drop-in Blazor component that provides a real-time query and mutation inspector for RabStack Query, similar to TanStack Query DevTools.
Installation
dotnet add package RabstackQuery.DevTools.Blazor
Usage
Add the component to your layout or page:
@using RabstackQuery.DevTools.Blazor
<RabstackQueryDevTools QueryClient="@QueryClient" />
With custom options:
<RabstackQueryDevTools QueryClient="@QueryClient"
Options="@(new DevToolsOptions
{
DataFormatter = data => JsonSerializer.Serialize(data)
})" />
Features
- Floating action button with query count badge (turns red when queries are in error state)
- Query list with status indicators (Fresh, Stale, Fetching, Inactive, Error, Paused)
- Mutation list with status tracking
- Detail views for inspecting individual query/mutation state, data, and configuration
- Search and sort to find queries quickly
- Live updates via debounced cache observation
Conditional Rendering
Include DevTools only in development builds:
@if (Environment.GetEnvironmentVariable("ASPNETCORE_ENVIRONMENT") == "Development")
{
<RabstackQueryDevTools QueryClient="@QueryClient" />
}
Documentation
See the GitHub repository for full documentation, architecture guide, and examples.
License
MIT
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | net10.0 is compatible. net10.0-android was computed. net10.0-browser was computed. net10.0-ios was computed. net10.0-maccatalyst was computed. net10.0-macos was computed. net10.0-tvos was computed. net10.0-windows was computed. |
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.
-
net10.0
- Microsoft.AspNetCore.Components.Web (>= 10.0.5)
- RabstackQuery (>= 0.3.0)
- RabstackQuery.DevTools (>= 0.3.0)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.