[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-dotnet-fetch-and-send-data":3,"mdc--b11zoi-key":37,"related-org-dotnet-fetch-and-send-data":2310,"related-repo-dotnet-fetch-and-send-data":2474},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":25,"repoUrl":26,"updatedAt":27,"license":28,"forks":29,"topics":30,"repo":32,"sourceUrl":35,"mdContent":36},"fetch-and-send-data","fetch and manage data in Blazor apps","Call APIs, load data into components, and handle the async lifecycle in Blazor. USE FOR fetching data from a backend, submitting data to an API, displaying loading\u002Ferror states, registering HttpClient, building service abstractions for Auto\u002FWebAssembly render modes. DO NOT USE for form validation (see collect-user-input), prerendering persistence (see support-prerendering), or project scaffolding (see create-blazor-project).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"dotnet",".NET (Microsoft)","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fdotnet.png",[12,16,19,22],{"name":13,"slug":14,"type":15},".NET","net","tag",{"name":17,"slug":18,"type":15},"Blazor","blazor",{"name":20,"slug":21,"type":15},"API Development","api-development",{"name":23,"slug":24,"type":15},"Frontend","frontend",4576,"https:\u002F\u002Fgithub.com\u002Fdotnet\u002Fskills","2026-07-12T08:23:06.097285","MIT",332,[31],"agent-skills",{"repoUrl":26,"stars":25,"forks":29,"topics":33,"description":34},[31],"Repository for skills to assist AI coding agents with .NET and C#","https:\u002F\u002Fgithub.com\u002Fdotnet\u002Fskills\u002Ftree\u002FHEAD\u002Fplugins\u002Fdotnet-blazor\u002Fskills\u002Ffetch-and-send-data","---\nlicense: MIT\nname: fetch-and-send-data\ndescription: Call APIs, load data into components, and handle the async lifecycle in Blazor. USE FOR fetching data from a backend, submitting data to an API, displaying loading\u002Ferror states, registering HttpClient, building service abstractions for Auto\u002FWebAssembly render modes. DO NOT USE for form validation (see collect-user-input), prerendering persistence (see support-prerendering), or project scaffolding (see create-blazor-project).\n---\n\n# Fetch and Send Data\n\n## Step 1 — Read AGENTS.md\n\nCheck **Interactivity Mode** and **Scope**:\n\n| Mode | Data access |\n|------|-------------|\n| None (Static SSR) | Server-side: inject services\u002F`DbContext`. Use `[StreamRendering]` for loading UX. |\n| Server | Server-side: inject services\u002F`DbContext`. Guard prerender with `??=` + `[PersistentState]`. |\n| WebAssembly | Browser-side: `HttpClient` only. No direct server access. |\n| Auto | Both server and browser. Always go through an API. |\n\n## Step 2 — Register HttpClient\n\nOnly needed when calling external APIs from Server, or always for WebAssembly\u002FAuto. Server components accessing their own database should inject `DbContext` or a service directly.\n\n```csharp\n\u002F\u002F Named client — requires Microsoft.Extensions.Http NuGet\nbuilder.Services.AddHttpClient(\"CatalogAPI\", client =>\n{\n    client.BaseAddress = new Uri(\"https:\u002F\u002Fapi.example.com\u002F\");\n});\n\n\u002F\u002F Typed client\nbuilder.Services.AddHttpClient\u003CCatalogClient>(client =>\n    client.BaseAddress = new Uri(\"https:\u002F\u002Fapi.example.com\u002F\"));\n```\n\nFor WebAssembly\u002FAuto with prerendering, register in **both** server and `.Client` `Program.cs`.\n\n## Step 3 — Fetch Data\n\n### Simple load\n\n```razor\n@page \"\u002Fproducts\"\n@inject CatalogClient Catalog\n\n@if (products is null)\n{\n    \u003Cp>Loading…\u003C\u002Fp>\n}\nelse\n{\n    @foreach (var p in products)\n    {\n        \u003Cp>@p.Name — @p.Price.ToString(\"C\")\u003C\u002Fp>\n    }\n}\n\n@code {\n    private Product[]? products;\n\n    protected override async Task OnInitializedAsync()\n    {\n        products = await Catalog.GetProductsAsync();\n    }\n}\n```\n\nNo error handling needed in the simplest case — wrap the component usage in `\u003CErrorBoundary>` at the parent\u002Flayout level to catch unhandled exceptions.\n\n### Static SSR — StreamRendering\n\nWithout `[StreamRendering]`, the user sees nothing until `OnInitializedAsync` completes:\n\n```razor\n@attribute [StreamRendering]\n```\n\nOnly affects Static SSR. No effect on interactive components.\n\n### Prerendering guard\n\nPrerendering calls `OnInitializedAsync` twice. Skip the duplicate:\n\n```csharp\n[PersistentState] private Product[]? products;\n\nprotected override async Task OnInitializedAsync()\n{\n    products ??= await Catalog.GetProductsAsync();\n}\n```\n\nSee the `support-prerendering` skill for details.\n\n## Step 4 — Handle Errors\n\nUse `\u003CErrorBoundary>` as the default error strategy. It provides a consistent error experience across all components without any per-component catch logic. Wrap component usage at the layout or parent level:\n\n```razor\n\u003CErrorBoundary>\n    \u003CChildContent>\n        \u003CProductList \u002F>\n    \u003C\u002FChildContent>\n    \u003CErrorContent>\n        \u003Cdiv class=\"alert alert-danger\">Something went wrong. Please refresh.\u003C\u002Fdiv>\n    \u003C\u002FErrorContent>\n\u003C\u002FErrorBoundary>\n```\n\nNon-cancellation exceptions (`HttpRequestException`, etc.) propagate to `ErrorBoundary` automatically — no catch blocks needed in the component.\n\n### Cancellation is special\n\n`ComponentBase` silently swallows **all** `OperationCanceledException` — both self-initiated (disposal, parameter change) and external (HttpClient timeout). `ErrorBoundary` never sees them. This means:\n\n- Self-cancellation → silently ignored. Correct behavior, no action needed.\n- External cancellation (timeout) → also silently swallowed. Component gets stuck in loading state. Usually acceptable — timeouts are rare.\n\n### When to add in-component error handling\n\nOnly add catch blocks when the component needs behavior `ErrorBoundary` can't provide — typically **retries** or **timeout-specific messages**. Even then, only catch what you need:\n\n```csharp\n\u002F\u002F Catch only external cancellation (timeouts) — everything else flows to ErrorBoundary\ncatch (OperationCanceledException ex) when (!cancellationToken.IsCancellationRequested)\n{\n    Logger.LogWarning(ex, \"Request timed out for category {CategoryId}\", CategoryId);\n    error = \"The request timed out. Please try again.\";\n}\n```\n\nIf the component also needs to handle general errors with a retry button instead of letting `ErrorBoundary` take over:\n\n```csharp\ncatch (OperationCanceledException ex) when (!cancellationToken.IsCancellationRequested)\n{\n    Logger.LogWarning(ex, \"Request timed out for category {CategoryId}\", CategoryId);\n    error = \"The request timed out. Please try again.\";\n}\ncatch (Exception ex)\n{\n    Logger.LogError(ex, \"Failed to load products for category {CategoryId}\", CategoryId);\n    error = \"Unable to load products. Please try again.\";\n}\n```\n\n### Rules\n\n- **Never display `exception.Message`** — it may contain PII, connection strings, or internal details. Use hardcoded user-friendly messages.\n- **Always log through `ILogger`** — the real exception goes to the logging pipeline.\n- **Services must accept `CancellationToken`** — pass it to every async call so work stops when the component cancels.\n\n## Step 5 — Parameter-Driven Reloading\n\nWhen data depends on a route or query parameter that changes (e.g., navigating between `\u002Fproducts\u002F1` and `\u002Fproducts\u002F2`), use `OnParametersSetAsync` with a guard to skip reloads for parameters that don't affect data.\n\n### Pattern: cancel-and-reload with stale data overlay\n\n```razor\n@page \"\u002Fproducts\u002F{CategoryId:int}\"\n@implements IAsyncDisposable\n@inject ProductService ProductService\n@inject ILogger\u003CProducts> Logger\n\n@if (error is not null)\n{\n    \u003Cdiv class=\"alert alert-danger\">\n        \u003Cp>@error\u003C\u002Fp>\n        \u003Cbutton @onclick=\"LoadAsync\">Retry\u003C\u002Fbutton>\n    \u003C\u002Fdiv>\n}\nelse if (products is null)\n{\n    \u003Cp>Loading…\u003C\u002Fp>\n}\nelse\n{\n    @if (isLoading)\n    {\n        \u003Cp>\u003Cem>Refreshing…\u003C\u002Fem>\u003C\u002Fp>\n    }\n    @foreach (var p in products)\n    {\n        \u003Cp>@p.Name — @p.Price.ToString(\"C\")\u003C\u002Fp>\n    }\n}\n\n@code {\n    [Parameter] public int CategoryId { get; set; }\n    [SupplyParameterFromQuery] public string? ViewMode { get; set; } \u002F\u002F UI-only\n\n    private CancellationTokenSource? cts;\n    private int? loadedCategoryId;\n    private List\u003CProduct>? products;\n    private bool isLoading;\n    private string? error;\n\n    protected override async Task OnParametersSetAsync()\n    {\n        if (CategoryId == loadedCategoryId)\n        {\n            return; \u002F\u002F Only ViewMode changed — no reload\n        }\n\n        loadedCategoryId = CategoryId;\n        await LoadAsync();\n    }\n\n    private async Task LoadAsync()\n    {\n        if (cts is not null)\n        {\n            await cts.CancelAsync();\n            cts.Dispose();\n        }\n\n        cts = new CancellationTokenSource();\n        var cancellationToken = cts.Token; \u002F\u002F Capture locally before await\n\n        error = null;\n        isLoading = true;\n\n        try\n        {\n            var result = await ProductService.GetByCategoryAsync(CategoryId, cancellationToken);\n            products = result;\n        }\n        catch (OperationCanceledException ex) when (!cancellationToken.IsCancellationRequested)\n        {\n            Logger.LogWarning(ex, \"Timed out loading category {CategoryId}\", CategoryId);\n            error = \"The request timed out. Please try again.\";\n        }\n        finally\n        {\n            isLoading = false;\n        }\n    }\n\n    public async ValueTask DisposeAsync()\n    {\n        if (cts is not null)\n        {\n            await cts.CancelAsync();\n            cts.Dispose();\n        }\n    }\n}\n```\n\nKey details:\n- **Guard with tracked value**: `loadedCategoryId` skips reloads when only UI parameters change.\n- **Capture the token locally** before the await — the CTS field may be replaced by a concurrent parameter change.\n- **Don't null out `products`** on subsequent loads — keep existing data visible with an `isLoading` overlay.\n- **`IAsyncDisposable`** cancels pending work when the user navigates away.\n\n## Step 6 — Send Data\n\n```csharp\nvar response = await http.PostAsJsonAsync(\"products\", newProduct);\nresponse.EnsureSuccessStatusCode();\n\nvar response = await http.PutAsJsonAsync($\"products\u002F{id}\", updated);\nresponse.EnsureSuccessStatusCode();\n\nvar response = await http.DeleteAsync($\"products\u002F{id}\");\nresponse.EnsureSuccessStatusCode();\n```\n\nDisable the submit button while saving to prevent duplicate requests. Show a saving indicator.\n\n## Step 7 — Service Abstraction for Auto or WebAssembly with Prerendering\n\nWhen components run in both server and browser (Auto mode, or WebAssembly with prerendering), abstract data access behind an abstract base class:\n\n```csharp\npublic abstract class ProductServiceBase\n{\n    public abstract Task\u003CProduct[]> GetAllAsync(CancellationToken ct = default);\n}\n\n\u002F\u002F Server — direct database access\npublic class ServerProductService(AppDbContext db) : ProductServiceBase\n{\n    public override async Task\u003CProduct[]> GetAllAsync(CancellationToken ct = default) =>\n        await db.Products.ToArrayAsync(ct);\n}\n\n\u002F\u002F Client — calls API\npublic class ClientProductService(HttpClient http) : ProductServiceBase\n{\n    public override async Task\u003CProduct[]> GetAllAsync(CancellationToken ct = default) =>\n        await http.GetFromJsonAsync\u003CProduct[]>(\"api\u002Fproducts\", ct) ?? [];\n}\n```\n\nRegister the appropriate implementation in each project's `Program.cs`. Components inject the abstract base class.\n\n## Don'ts\n\n- **Don't call APIs in constructors** — use `OnInitializedAsync`.\n- **Don't use `OnParametersSetAsync` unless data depends on a changing parameter.** Use `OnInitializedAsync` for initial loads.\n- **Don't inject `DbContext` in WebAssembly\u002FAuto components** — no database in the browser.\n- **Don't call your own server via `HttpClient`** — inject the service directly.\n- **Don't display `exception.Message` to users** — PII risk. Log it, show a generic message.\n- **Don't catch `OperationCanceledException` for self-cancellation** — `ComponentBase` handles it.\n",{"data":38,"body":39},{"license":28,"name":4,"description":6},{"type":40,"children":41},"root",[42,50,57,78,205,211,223,318,345,351,358,556,569,575,595,609,614,620,632,684,697,703,715,786,807,813,845,860,866,892,945,957,1037,1043,1094,1100,1128,1134,1865,1870,1939,1945,2012,2017,2023,2028,2170,2182,2188,2304],{"type":43,"tag":44,"props":45,"children":46},"element","h1",{"id":4},[47],{"type":48,"value":49},"text","Fetch and Send Data",{"type":43,"tag":51,"props":52,"children":54},"h2",{"id":53},"step-1-read-agentsmd",[55],{"type":48,"value":56},"Step 1 — Read AGENTS.md",{"type":43,"tag":58,"props":59,"children":60},"p",{},[61,63,69,71,76],{"type":48,"value":62},"Check ",{"type":43,"tag":64,"props":65,"children":66},"strong",{},[67],{"type":48,"value":68},"Interactivity Mode",{"type":48,"value":70}," and ",{"type":43,"tag":64,"props":72,"children":73},{},[74],{"type":48,"value":75},"Scope",{"type":48,"value":77},":",{"type":43,"tag":79,"props":80,"children":81},"table",{},[82,101],{"type":43,"tag":83,"props":84,"children":85},"thead",{},[86],{"type":43,"tag":87,"props":88,"children":89},"tr",{},[90,96],{"type":43,"tag":91,"props":92,"children":93},"th",{},[94],{"type":48,"value":95},"Mode",{"type":43,"tag":91,"props":97,"children":98},{},[99],{"type":48,"value":100},"Data access",{"type":43,"tag":102,"props":103,"children":104},"tbody",{},[105,136,171,192],{"type":43,"tag":87,"props":106,"children":107},{},[108,114],{"type":43,"tag":109,"props":110,"children":111},"td",{},[112],{"type":48,"value":113},"None (Static SSR)",{"type":43,"tag":109,"props":115,"children":116},{},[117,119,126,128,134],{"type":48,"value":118},"Server-side: inject services\u002F",{"type":43,"tag":120,"props":121,"children":123},"code",{"className":122},[],[124],{"type":48,"value":125},"DbContext",{"type":48,"value":127},". Use ",{"type":43,"tag":120,"props":129,"children":131},{"className":130},[],[132],{"type":48,"value":133},"[StreamRendering]",{"type":48,"value":135}," for loading UX.",{"type":43,"tag":87,"props":137,"children":138},{},[139,144],{"type":43,"tag":109,"props":140,"children":141},{},[142],{"type":48,"value":143},"Server",{"type":43,"tag":109,"props":145,"children":146},{},[147,148,153,155,161,163,169],{"type":48,"value":118},{"type":43,"tag":120,"props":149,"children":151},{"className":150},[],[152],{"type":48,"value":125},{"type":48,"value":154},". Guard prerender with ",{"type":43,"tag":120,"props":156,"children":158},{"className":157},[],[159],{"type":48,"value":160},"??=",{"type":48,"value":162}," + ",{"type":43,"tag":120,"props":164,"children":166},{"className":165},[],[167],{"type":48,"value":168},"[PersistentState]",{"type":48,"value":170},".",{"type":43,"tag":87,"props":172,"children":173},{},[174,179],{"type":43,"tag":109,"props":175,"children":176},{},[177],{"type":48,"value":178},"WebAssembly",{"type":43,"tag":109,"props":180,"children":181},{},[182,184,190],{"type":48,"value":183},"Browser-side: ",{"type":43,"tag":120,"props":185,"children":187},{"className":186},[],[188],{"type":48,"value":189},"HttpClient",{"type":48,"value":191}," only. No direct server access.",{"type":43,"tag":87,"props":193,"children":194},{},[195,200],{"type":43,"tag":109,"props":196,"children":197},{},[198],{"type":48,"value":199},"Auto",{"type":43,"tag":109,"props":201,"children":202},{},[203],{"type":48,"value":204},"Both server and browser. Always go through an API.",{"type":43,"tag":51,"props":206,"children":208},{"id":207},"step-2-register-httpclient",[209],{"type":48,"value":210},"Step 2 — Register HttpClient",{"type":43,"tag":58,"props":212,"children":213},{},[214,216,221],{"type":48,"value":215},"Only needed when calling external APIs from Server, or always for WebAssembly\u002FAuto. Server components accessing their own database should inject ",{"type":43,"tag":120,"props":217,"children":219},{"className":218},[],[220],{"type":48,"value":125},{"type":48,"value":222}," or a service directly.",{"type":43,"tag":224,"props":225,"children":230},"pre",{"className":226,"code":227,"language":228,"meta":229,"style":229},"language-csharp shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F Named client — requires Microsoft.Extensions.Http NuGet\nbuilder.Services.AddHttpClient(\"CatalogAPI\", client =>\n{\n    client.BaseAddress = new Uri(\"https:\u002F\u002Fapi.example.com\u002F\");\n});\n\n\u002F\u002F Typed client\nbuilder.Services.AddHttpClient\u003CCatalogClient>(client =>\n    client.BaseAddress = new Uri(\"https:\u002F\u002Fapi.example.com\u002F\"));\n","csharp","",[231],{"type":43,"tag":120,"props":232,"children":233},{"__ignoreMap":229},[234,245,254,263,272,281,291,300,309],{"type":43,"tag":235,"props":236,"children":239},"span",{"class":237,"line":238},"line",1,[240],{"type":43,"tag":235,"props":241,"children":242},{},[243],{"type":48,"value":244},"\u002F\u002F Named client — requires Microsoft.Extensions.Http NuGet\n",{"type":43,"tag":235,"props":246,"children":248},{"class":237,"line":247},2,[249],{"type":43,"tag":235,"props":250,"children":251},{},[252],{"type":48,"value":253},"builder.Services.AddHttpClient(\"CatalogAPI\", client =>\n",{"type":43,"tag":235,"props":255,"children":257},{"class":237,"line":256},3,[258],{"type":43,"tag":235,"props":259,"children":260},{},[261],{"type":48,"value":262},"{\n",{"type":43,"tag":235,"props":264,"children":266},{"class":237,"line":265},4,[267],{"type":43,"tag":235,"props":268,"children":269},{},[270],{"type":48,"value":271},"    client.BaseAddress = new Uri(\"https:\u002F\u002Fapi.example.com\u002F\");\n",{"type":43,"tag":235,"props":273,"children":275},{"class":237,"line":274},5,[276],{"type":43,"tag":235,"props":277,"children":278},{},[279],{"type":48,"value":280},"});\n",{"type":43,"tag":235,"props":282,"children":284},{"class":237,"line":283},6,[285],{"type":43,"tag":235,"props":286,"children":288},{"emptyLinePlaceholder":287},true,[289],{"type":48,"value":290},"\n",{"type":43,"tag":235,"props":292,"children":294},{"class":237,"line":293},7,[295],{"type":43,"tag":235,"props":296,"children":297},{},[298],{"type":48,"value":299},"\u002F\u002F Typed client\n",{"type":43,"tag":235,"props":301,"children":303},{"class":237,"line":302},8,[304],{"type":43,"tag":235,"props":305,"children":306},{},[307],{"type":48,"value":308},"builder.Services.AddHttpClient\u003CCatalogClient>(client =>\n",{"type":43,"tag":235,"props":310,"children":312},{"class":237,"line":311},9,[313],{"type":43,"tag":235,"props":314,"children":315},{},[316],{"type":48,"value":317},"    client.BaseAddress = new Uri(\"https:\u002F\u002Fapi.example.com\u002F\"));\n",{"type":43,"tag":58,"props":319,"children":320},{},[321,323,328,330,336,338,344],{"type":48,"value":322},"For WebAssembly\u002FAuto with prerendering, register in ",{"type":43,"tag":64,"props":324,"children":325},{},[326],{"type":48,"value":327},"both",{"type":48,"value":329}," server and ",{"type":43,"tag":120,"props":331,"children":333},{"className":332},[],[334],{"type":48,"value":335},".Client",{"type":48,"value":337}," ",{"type":43,"tag":120,"props":339,"children":341},{"className":340},[],[342],{"type":48,"value":343},"Program.cs",{"type":48,"value":170},{"type":43,"tag":51,"props":346,"children":348},{"id":347},"step-3-fetch-data",[349],{"type":48,"value":350},"Step 3 — Fetch Data",{"type":43,"tag":352,"props":353,"children":355},"h3",{"id":354},"simple-load",[356],{"type":48,"value":357},"Simple load",{"type":43,"tag":224,"props":359,"children":363},{"className":360,"code":361,"language":362,"meta":229,"style":229},"language-razor shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","@page \"\u002Fproducts\"\n@inject CatalogClient Catalog\n\n@if (products is null)\n{\n    \u003Cp>Loading…\u003C\u002Fp>\n}\nelse\n{\n    @foreach (var p in products)\n    {\n        \u003Cp>@p.Name — @p.Price.ToString(\"C\")\u003C\u002Fp>\n    }\n}\n\n@code {\n    private Product[]? products;\n\n    protected override async Task OnInitializedAsync()\n    {\n        products = await Catalog.GetProductsAsync();\n    }\n}\n","razor",[364],{"type":43,"tag":120,"props":365,"children":366},{"__ignoreMap":229},[367,375,383,390,398,405,413,421,429,436,445,454,463,472,480,488,497,506,514,523,531,540,548],{"type":43,"tag":235,"props":368,"children":369},{"class":237,"line":238},[370],{"type":43,"tag":235,"props":371,"children":372},{},[373],{"type":48,"value":374},"@page \"\u002Fproducts\"\n",{"type":43,"tag":235,"props":376,"children":377},{"class":237,"line":247},[378],{"type":43,"tag":235,"props":379,"children":380},{},[381],{"type":48,"value":382},"@inject CatalogClient Catalog\n",{"type":43,"tag":235,"props":384,"children":385},{"class":237,"line":256},[386],{"type":43,"tag":235,"props":387,"children":388},{"emptyLinePlaceholder":287},[389],{"type":48,"value":290},{"type":43,"tag":235,"props":391,"children":392},{"class":237,"line":265},[393],{"type":43,"tag":235,"props":394,"children":395},{},[396],{"type":48,"value":397},"@if (products is null)\n",{"type":43,"tag":235,"props":399,"children":400},{"class":237,"line":274},[401],{"type":43,"tag":235,"props":402,"children":403},{},[404],{"type":48,"value":262},{"type":43,"tag":235,"props":406,"children":407},{"class":237,"line":283},[408],{"type":43,"tag":235,"props":409,"children":410},{},[411],{"type":48,"value":412},"    \u003Cp>Loading…\u003C\u002Fp>\n",{"type":43,"tag":235,"props":414,"children":415},{"class":237,"line":293},[416],{"type":43,"tag":235,"props":417,"children":418},{},[419],{"type":48,"value":420},"}\n",{"type":43,"tag":235,"props":422,"children":423},{"class":237,"line":302},[424],{"type":43,"tag":235,"props":425,"children":426},{},[427],{"type":48,"value":428},"else\n",{"type":43,"tag":235,"props":430,"children":431},{"class":237,"line":311},[432],{"type":43,"tag":235,"props":433,"children":434},{},[435],{"type":48,"value":262},{"type":43,"tag":235,"props":437,"children":439},{"class":237,"line":438},10,[440],{"type":43,"tag":235,"props":441,"children":442},{},[443],{"type":48,"value":444},"    @foreach (var p in products)\n",{"type":43,"tag":235,"props":446,"children":448},{"class":237,"line":447},11,[449],{"type":43,"tag":235,"props":450,"children":451},{},[452],{"type":48,"value":453},"    {\n",{"type":43,"tag":235,"props":455,"children":457},{"class":237,"line":456},12,[458],{"type":43,"tag":235,"props":459,"children":460},{},[461],{"type":48,"value":462},"        \u003Cp>@p.Name — @p.Price.ToString(\"C\")\u003C\u002Fp>\n",{"type":43,"tag":235,"props":464,"children":466},{"class":237,"line":465},13,[467],{"type":43,"tag":235,"props":468,"children":469},{},[470],{"type":48,"value":471},"    }\n",{"type":43,"tag":235,"props":473,"children":475},{"class":237,"line":474},14,[476],{"type":43,"tag":235,"props":477,"children":478},{},[479],{"type":48,"value":420},{"type":43,"tag":235,"props":481,"children":483},{"class":237,"line":482},15,[484],{"type":43,"tag":235,"props":485,"children":486},{"emptyLinePlaceholder":287},[487],{"type":48,"value":290},{"type":43,"tag":235,"props":489,"children":491},{"class":237,"line":490},16,[492],{"type":43,"tag":235,"props":493,"children":494},{},[495],{"type":48,"value":496},"@code {\n",{"type":43,"tag":235,"props":498,"children":500},{"class":237,"line":499},17,[501],{"type":43,"tag":235,"props":502,"children":503},{},[504],{"type":48,"value":505},"    private Product[]? products;\n",{"type":43,"tag":235,"props":507,"children":509},{"class":237,"line":508},18,[510],{"type":43,"tag":235,"props":511,"children":512},{"emptyLinePlaceholder":287},[513],{"type":48,"value":290},{"type":43,"tag":235,"props":515,"children":517},{"class":237,"line":516},19,[518],{"type":43,"tag":235,"props":519,"children":520},{},[521],{"type":48,"value":522},"    protected override async Task OnInitializedAsync()\n",{"type":43,"tag":235,"props":524,"children":526},{"class":237,"line":525},20,[527],{"type":43,"tag":235,"props":528,"children":529},{},[530],{"type":48,"value":453},{"type":43,"tag":235,"props":532,"children":534},{"class":237,"line":533},21,[535],{"type":43,"tag":235,"props":536,"children":537},{},[538],{"type":48,"value":539},"        products = await Catalog.GetProductsAsync();\n",{"type":43,"tag":235,"props":541,"children":543},{"class":237,"line":542},22,[544],{"type":43,"tag":235,"props":545,"children":546},{},[547],{"type":48,"value":471},{"type":43,"tag":235,"props":549,"children":551},{"class":237,"line":550},23,[552],{"type":43,"tag":235,"props":553,"children":554},{},[555],{"type":48,"value":420},{"type":43,"tag":58,"props":557,"children":558},{},[559,561,567],{"type":48,"value":560},"No error handling needed in the simplest case — wrap the component usage in ",{"type":43,"tag":120,"props":562,"children":564},{"className":563},[],[565],{"type":48,"value":566},"\u003CErrorBoundary>",{"type":48,"value":568}," at the parent\u002Flayout level to catch unhandled exceptions.",{"type":43,"tag":352,"props":570,"children":572},{"id":571},"static-ssr-streamrendering",[573],{"type":48,"value":574},"Static SSR — StreamRendering",{"type":43,"tag":58,"props":576,"children":577},{},[578,580,585,587,593],{"type":48,"value":579},"Without ",{"type":43,"tag":120,"props":581,"children":583},{"className":582},[],[584],{"type":48,"value":133},{"type":48,"value":586},", the user sees nothing until ",{"type":43,"tag":120,"props":588,"children":590},{"className":589},[],[591],{"type":48,"value":592},"OnInitializedAsync",{"type":48,"value":594}," completes:",{"type":43,"tag":224,"props":596,"children":598},{"className":360,"code":597,"language":362,"meta":229,"style":229},"@attribute [StreamRendering]\n",[599],{"type":43,"tag":120,"props":600,"children":601},{"__ignoreMap":229},[602],{"type":43,"tag":235,"props":603,"children":604},{"class":237,"line":238},[605],{"type":43,"tag":235,"props":606,"children":607},{},[608],{"type":48,"value":597},{"type":43,"tag":58,"props":610,"children":611},{},[612],{"type":48,"value":613},"Only affects Static SSR. No effect on interactive components.",{"type":43,"tag":352,"props":615,"children":617},{"id":616},"prerendering-guard",[618],{"type":48,"value":619},"Prerendering guard",{"type":43,"tag":58,"props":621,"children":622},{},[623,625,630],{"type":48,"value":624},"Prerendering calls ",{"type":43,"tag":120,"props":626,"children":628},{"className":627},[],[629],{"type":48,"value":592},{"type":48,"value":631}," twice. Skip the duplicate:",{"type":43,"tag":224,"props":633,"children":635},{"className":226,"code":634,"language":228,"meta":229,"style":229},"[PersistentState] private Product[]? products;\n\nprotected override async Task OnInitializedAsync()\n{\n    products ??= await Catalog.GetProductsAsync();\n}\n",[636],{"type":43,"tag":120,"props":637,"children":638},{"__ignoreMap":229},[639,647,654,662,669,677],{"type":43,"tag":235,"props":640,"children":641},{"class":237,"line":238},[642],{"type":43,"tag":235,"props":643,"children":644},{},[645],{"type":48,"value":646},"[PersistentState] private Product[]? products;\n",{"type":43,"tag":235,"props":648,"children":649},{"class":237,"line":247},[650],{"type":43,"tag":235,"props":651,"children":652},{"emptyLinePlaceholder":287},[653],{"type":48,"value":290},{"type":43,"tag":235,"props":655,"children":656},{"class":237,"line":256},[657],{"type":43,"tag":235,"props":658,"children":659},{},[660],{"type":48,"value":661},"protected override async Task OnInitializedAsync()\n",{"type":43,"tag":235,"props":663,"children":664},{"class":237,"line":265},[665],{"type":43,"tag":235,"props":666,"children":667},{},[668],{"type":48,"value":262},{"type":43,"tag":235,"props":670,"children":671},{"class":237,"line":274},[672],{"type":43,"tag":235,"props":673,"children":674},{},[675],{"type":48,"value":676},"    products ??= await Catalog.GetProductsAsync();\n",{"type":43,"tag":235,"props":678,"children":679},{"class":237,"line":283},[680],{"type":43,"tag":235,"props":681,"children":682},{},[683],{"type":48,"value":420},{"type":43,"tag":58,"props":685,"children":686},{},[687,689,695],{"type":48,"value":688},"See the ",{"type":43,"tag":120,"props":690,"children":692},{"className":691},[],[693],{"type":48,"value":694},"support-prerendering",{"type":48,"value":696}," skill for details.",{"type":43,"tag":51,"props":698,"children":700},{"id":699},"step-4-handle-errors",[701],{"type":48,"value":702},"Step 4 — Handle Errors",{"type":43,"tag":58,"props":704,"children":705},{},[706,708,713],{"type":48,"value":707},"Use ",{"type":43,"tag":120,"props":709,"children":711},{"className":710},[],[712],{"type":48,"value":566},{"type":48,"value":714}," as the default error strategy. It provides a consistent error experience across all components without any per-component catch logic. Wrap component usage at the layout or parent level:",{"type":43,"tag":224,"props":716,"children":718},{"className":360,"code":717,"language":362,"meta":229,"style":229},"\u003CErrorBoundary>\n    \u003CChildContent>\n        \u003CProductList \u002F>\n    \u003C\u002FChildContent>\n    \u003CErrorContent>\n        \u003Cdiv class=\"alert alert-danger\">Something went wrong. Please refresh.\u003C\u002Fdiv>\n    \u003C\u002FErrorContent>\n\u003C\u002FErrorBoundary>\n",[719],{"type":43,"tag":120,"props":720,"children":721},{"__ignoreMap":229},[722,730,738,746,754,762,770,778],{"type":43,"tag":235,"props":723,"children":724},{"class":237,"line":238},[725],{"type":43,"tag":235,"props":726,"children":727},{},[728],{"type":48,"value":729},"\u003CErrorBoundary>\n",{"type":43,"tag":235,"props":731,"children":732},{"class":237,"line":247},[733],{"type":43,"tag":235,"props":734,"children":735},{},[736],{"type":48,"value":737},"    \u003CChildContent>\n",{"type":43,"tag":235,"props":739,"children":740},{"class":237,"line":256},[741],{"type":43,"tag":235,"props":742,"children":743},{},[744],{"type":48,"value":745},"        \u003CProductList \u002F>\n",{"type":43,"tag":235,"props":747,"children":748},{"class":237,"line":265},[749],{"type":43,"tag":235,"props":750,"children":751},{},[752],{"type":48,"value":753},"    \u003C\u002FChildContent>\n",{"type":43,"tag":235,"props":755,"children":756},{"class":237,"line":274},[757],{"type":43,"tag":235,"props":758,"children":759},{},[760],{"type":48,"value":761},"    \u003CErrorContent>\n",{"type":43,"tag":235,"props":763,"children":764},{"class":237,"line":283},[765],{"type":43,"tag":235,"props":766,"children":767},{},[768],{"type":48,"value":769},"        \u003Cdiv class=\"alert alert-danger\">Something went wrong. Please refresh.\u003C\u002Fdiv>\n",{"type":43,"tag":235,"props":771,"children":772},{"class":237,"line":293},[773],{"type":43,"tag":235,"props":774,"children":775},{},[776],{"type":48,"value":777},"    \u003C\u002FErrorContent>\n",{"type":43,"tag":235,"props":779,"children":780},{"class":237,"line":302},[781],{"type":43,"tag":235,"props":782,"children":783},{},[784],{"type":48,"value":785},"\u003C\u002FErrorBoundary>\n",{"type":43,"tag":58,"props":787,"children":788},{},[789,791,797,799,805],{"type":48,"value":790},"Non-cancellation exceptions (",{"type":43,"tag":120,"props":792,"children":794},{"className":793},[],[795],{"type":48,"value":796},"HttpRequestException",{"type":48,"value":798},", etc.) propagate to ",{"type":43,"tag":120,"props":800,"children":802},{"className":801},[],[803],{"type":48,"value":804},"ErrorBoundary",{"type":48,"value":806}," automatically — no catch blocks needed in the component.",{"type":43,"tag":352,"props":808,"children":810},{"id":809},"cancellation-is-special",[811],{"type":48,"value":812},"Cancellation is special",{"type":43,"tag":58,"props":814,"children":815},{},[816,822,824,829,830,836,838,843],{"type":43,"tag":120,"props":817,"children":819},{"className":818},[],[820],{"type":48,"value":821},"ComponentBase",{"type":48,"value":823}," silently swallows ",{"type":43,"tag":64,"props":825,"children":826},{},[827],{"type":48,"value":828},"all",{"type":48,"value":337},{"type":43,"tag":120,"props":831,"children":833},{"className":832},[],[834],{"type":48,"value":835},"OperationCanceledException",{"type":48,"value":837}," — both self-initiated (disposal, parameter change) and external (HttpClient timeout). ",{"type":43,"tag":120,"props":839,"children":841},{"className":840},[],[842],{"type":48,"value":804},{"type":48,"value":844}," never sees them. This means:",{"type":43,"tag":846,"props":847,"children":848},"ul",{},[849,855],{"type":43,"tag":850,"props":851,"children":852},"li",{},[853],{"type":48,"value":854},"Self-cancellation → silently ignored. Correct behavior, no action needed.",{"type":43,"tag":850,"props":856,"children":857},{},[858],{"type":48,"value":859},"External cancellation (timeout) → also silently swallowed. Component gets stuck in loading state. Usually acceptable — timeouts are rare.",{"type":43,"tag":352,"props":861,"children":863},{"id":862},"when-to-add-in-component-error-handling",[864],{"type":48,"value":865},"When to add in-component error handling",{"type":43,"tag":58,"props":867,"children":868},{},[869,871,876,878,883,885,890],{"type":48,"value":870},"Only add catch blocks when the component needs behavior ",{"type":43,"tag":120,"props":872,"children":874},{"className":873},[],[875],{"type":48,"value":804},{"type":48,"value":877}," can't provide — typically ",{"type":43,"tag":64,"props":879,"children":880},{},[881],{"type":48,"value":882},"retries",{"type":48,"value":884}," or ",{"type":43,"tag":64,"props":886,"children":887},{},[888],{"type":48,"value":889},"timeout-specific messages",{"type":48,"value":891},". Even then, only catch what you need:",{"type":43,"tag":224,"props":893,"children":895},{"className":226,"code":894,"language":228,"meta":229,"style":229},"\u002F\u002F Catch only external cancellation (timeouts) — everything else flows to ErrorBoundary\ncatch (OperationCanceledException ex) when (!cancellationToken.IsCancellationRequested)\n{\n    Logger.LogWarning(ex, \"Request timed out for category {CategoryId}\", CategoryId);\n    error = \"The request timed out. Please try again.\";\n}\n",[896],{"type":43,"tag":120,"props":897,"children":898},{"__ignoreMap":229},[899,907,915,922,930,938],{"type":43,"tag":235,"props":900,"children":901},{"class":237,"line":238},[902],{"type":43,"tag":235,"props":903,"children":904},{},[905],{"type":48,"value":906},"\u002F\u002F Catch only external cancellation (timeouts) — everything else flows to ErrorBoundary\n",{"type":43,"tag":235,"props":908,"children":909},{"class":237,"line":247},[910],{"type":43,"tag":235,"props":911,"children":912},{},[913],{"type":48,"value":914},"catch (OperationCanceledException ex) when (!cancellationToken.IsCancellationRequested)\n",{"type":43,"tag":235,"props":916,"children":917},{"class":237,"line":256},[918],{"type":43,"tag":235,"props":919,"children":920},{},[921],{"type":48,"value":262},{"type":43,"tag":235,"props":923,"children":924},{"class":237,"line":265},[925],{"type":43,"tag":235,"props":926,"children":927},{},[928],{"type":48,"value":929},"    Logger.LogWarning(ex, \"Request timed out for category {CategoryId}\", CategoryId);\n",{"type":43,"tag":235,"props":931,"children":932},{"class":237,"line":274},[933],{"type":43,"tag":235,"props":934,"children":935},{},[936],{"type":48,"value":937},"    error = \"The request timed out. Please try again.\";\n",{"type":43,"tag":235,"props":939,"children":940},{"class":237,"line":283},[941],{"type":43,"tag":235,"props":942,"children":943},{},[944],{"type":48,"value":420},{"type":43,"tag":58,"props":946,"children":947},{},[948,950,955],{"type":48,"value":949},"If the component also needs to handle general errors with a retry button instead of letting ",{"type":43,"tag":120,"props":951,"children":953},{"className":952},[],[954],{"type":48,"value":804},{"type":48,"value":956}," take over:",{"type":43,"tag":224,"props":958,"children":960},{"className":226,"code":959,"language":228,"meta":229,"style":229},"catch (OperationCanceledException ex) when (!cancellationToken.IsCancellationRequested)\n{\n    Logger.LogWarning(ex, \"Request timed out for category {CategoryId}\", CategoryId);\n    error = \"The request timed out. Please try again.\";\n}\ncatch (Exception ex)\n{\n    Logger.LogError(ex, \"Failed to load products for category {CategoryId}\", CategoryId);\n    error = \"Unable to load products. Please try again.\";\n}\n",[961],{"type":43,"tag":120,"props":962,"children":963},{"__ignoreMap":229},[964,971,978,985,992,999,1007,1014,1022,1030],{"type":43,"tag":235,"props":965,"children":966},{"class":237,"line":238},[967],{"type":43,"tag":235,"props":968,"children":969},{},[970],{"type":48,"value":914},{"type":43,"tag":235,"props":972,"children":973},{"class":237,"line":247},[974],{"type":43,"tag":235,"props":975,"children":976},{},[977],{"type":48,"value":262},{"type":43,"tag":235,"props":979,"children":980},{"class":237,"line":256},[981],{"type":43,"tag":235,"props":982,"children":983},{},[984],{"type":48,"value":929},{"type":43,"tag":235,"props":986,"children":987},{"class":237,"line":265},[988],{"type":43,"tag":235,"props":989,"children":990},{},[991],{"type":48,"value":937},{"type":43,"tag":235,"props":993,"children":994},{"class":237,"line":274},[995],{"type":43,"tag":235,"props":996,"children":997},{},[998],{"type":48,"value":420},{"type":43,"tag":235,"props":1000,"children":1001},{"class":237,"line":283},[1002],{"type":43,"tag":235,"props":1003,"children":1004},{},[1005],{"type":48,"value":1006},"catch (Exception ex)\n",{"type":43,"tag":235,"props":1008,"children":1009},{"class":237,"line":293},[1010],{"type":43,"tag":235,"props":1011,"children":1012},{},[1013],{"type":48,"value":262},{"type":43,"tag":235,"props":1015,"children":1016},{"class":237,"line":302},[1017],{"type":43,"tag":235,"props":1018,"children":1019},{},[1020],{"type":48,"value":1021},"    Logger.LogError(ex, \"Failed to load products for category {CategoryId}\", CategoryId);\n",{"type":43,"tag":235,"props":1023,"children":1024},{"class":237,"line":311},[1025],{"type":43,"tag":235,"props":1026,"children":1027},{},[1028],{"type":48,"value":1029},"    error = \"Unable to load products. Please try again.\";\n",{"type":43,"tag":235,"props":1031,"children":1032},{"class":237,"line":438},[1033],{"type":43,"tag":235,"props":1034,"children":1035},{},[1036],{"type":48,"value":420},{"type":43,"tag":352,"props":1038,"children":1040},{"id":1039},"rules",[1041],{"type":48,"value":1042},"Rules",{"type":43,"tag":846,"props":1044,"children":1045},{},[1046,1062,1078],{"type":43,"tag":850,"props":1047,"children":1048},{},[1049,1060],{"type":43,"tag":64,"props":1050,"children":1051},{},[1052,1054],{"type":48,"value":1053},"Never display ",{"type":43,"tag":120,"props":1055,"children":1057},{"className":1056},[],[1058],{"type":48,"value":1059},"exception.Message",{"type":48,"value":1061}," — it may contain PII, connection strings, or internal details. Use hardcoded user-friendly messages.",{"type":43,"tag":850,"props":1063,"children":1064},{},[1065,1076],{"type":43,"tag":64,"props":1066,"children":1067},{},[1068,1070],{"type":48,"value":1069},"Always log through ",{"type":43,"tag":120,"props":1071,"children":1073},{"className":1072},[],[1074],{"type":48,"value":1075},"ILogger",{"type":48,"value":1077}," — the real exception goes to the logging pipeline.",{"type":43,"tag":850,"props":1079,"children":1080},{},[1081,1092],{"type":43,"tag":64,"props":1082,"children":1083},{},[1084,1086],{"type":48,"value":1085},"Services must accept ",{"type":43,"tag":120,"props":1087,"children":1089},{"className":1088},[],[1090],{"type":48,"value":1091},"CancellationToken",{"type":48,"value":1093}," — pass it to every async call so work stops when the component cancels.",{"type":43,"tag":51,"props":1095,"children":1097},{"id":1096},"step-5-parameter-driven-reloading",[1098],{"type":48,"value":1099},"Step 5 — Parameter-Driven Reloading",{"type":43,"tag":58,"props":1101,"children":1102},{},[1103,1105,1111,1112,1118,1120,1126],{"type":48,"value":1104},"When data depends on a route or query parameter that changes (e.g., navigating between ",{"type":43,"tag":120,"props":1106,"children":1108},{"className":1107},[],[1109],{"type":48,"value":1110},"\u002Fproducts\u002F1",{"type":48,"value":70},{"type":43,"tag":120,"props":1113,"children":1115},{"className":1114},[],[1116],{"type":48,"value":1117},"\u002Fproducts\u002F2",{"type":48,"value":1119},"), use ",{"type":43,"tag":120,"props":1121,"children":1123},{"className":1122},[],[1124],{"type":48,"value":1125},"OnParametersSetAsync",{"type":48,"value":1127}," with a guard to skip reloads for parameters that don't affect data.",{"type":43,"tag":352,"props":1129,"children":1131},{"id":1130},"pattern-cancel-and-reload-with-stale-data-overlay",[1132],{"type":48,"value":1133},"Pattern: cancel-and-reload with stale data overlay",{"type":43,"tag":224,"props":1135,"children":1137},{"className":360,"code":1136,"language":362,"meta":229,"style":229},"@page \"\u002Fproducts\u002F{CategoryId:int}\"\n@implements IAsyncDisposable\n@inject ProductService ProductService\n@inject ILogger\u003CProducts> Logger\n\n@if (error is not null)\n{\n    \u003Cdiv class=\"alert alert-danger\">\n        \u003Cp>@error\u003C\u002Fp>\n        \u003Cbutton @onclick=\"LoadAsync\">Retry\u003C\u002Fbutton>\n    \u003C\u002Fdiv>\n}\nelse if (products is null)\n{\n    \u003Cp>Loading…\u003C\u002Fp>\n}\nelse\n{\n    @if (isLoading)\n    {\n        \u003Cp>\u003Cem>Refreshing…\u003C\u002Fem>\u003C\u002Fp>\n    }\n    @foreach (var p in products)\n    {\n        \u003Cp>@p.Name — @p.Price.ToString(\"C\")\u003C\u002Fp>\n    }\n}\n\n@code {\n    [Parameter] public int CategoryId { get; set; }\n    [SupplyParameterFromQuery] public string? ViewMode { get; set; } \u002F\u002F UI-only\n\n    private CancellationTokenSource? cts;\n    private int? loadedCategoryId;\n    private List\u003CProduct>? products;\n    private bool isLoading;\n    private string? error;\n\n    protected override async Task OnParametersSetAsync()\n    {\n        if (CategoryId == loadedCategoryId)\n        {\n            return; \u002F\u002F Only ViewMode changed — no reload\n        }\n\n        loadedCategoryId = CategoryId;\n        await LoadAsync();\n    }\n\n    private async Task LoadAsync()\n    {\n        if (cts is not null)\n        {\n            await cts.CancelAsync();\n            cts.Dispose();\n        }\n\n        cts = new CancellationTokenSource();\n        var cancellationToken = cts.Token; \u002F\u002F Capture locally before await\n\n        error = null;\n        isLoading = true;\n\n        try\n        {\n            var result = await ProductService.GetByCategoryAsync(CategoryId, cancellationToken);\n            products = result;\n        }\n        catch (OperationCanceledException ex) when (!cancellationToken.IsCancellationRequested)\n        {\n            Logger.LogWarning(ex, \"Timed out loading category {CategoryId}\", CategoryId);\n            error = \"The request timed out. Please try again.\";\n        }\n        finally\n        {\n            isLoading = false;\n        }\n    }\n\n    public async ValueTask DisposeAsync()\n    {\n        if (cts is not null)\n        {\n            await cts.CancelAsync();\n            cts.Dispose();\n        }\n    }\n}\n",[1138],{"type":43,"tag":120,"props":1139,"children":1140},{"__ignoreMap":229},[1141,1149,1157,1165,1173,1180,1188,1195,1203,1211,1219,1227,1234,1242,1249,1256,1263,1270,1277,1285,1292,1300,1307,1314,1322,1330,1338,1346,1354,1362,1371,1380,1388,1397,1406,1415,1424,1433,1441,1450,1458,1467,1476,1485,1494,1502,1511,1520,1528,1536,1545,1553,1562,1570,1579,1588,1596,1604,1613,1622,1630,1639,1648,1656,1665,1673,1682,1691,1699,1708,1716,1725,1734,1742,1751,1759,1768,1776,1784,1792,1801,1809,1817,1825,1833,1841,1849,1857],{"type":43,"tag":235,"props":1142,"children":1143},{"class":237,"line":238},[1144],{"type":43,"tag":235,"props":1145,"children":1146},{},[1147],{"type":48,"value":1148},"@page \"\u002Fproducts\u002F{CategoryId:int}\"\n",{"type":43,"tag":235,"props":1150,"children":1151},{"class":237,"line":247},[1152],{"type":43,"tag":235,"props":1153,"children":1154},{},[1155],{"type":48,"value":1156},"@implements IAsyncDisposable\n",{"type":43,"tag":235,"props":1158,"children":1159},{"class":237,"line":256},[1160],{"type":43,"tag":235,"props":1161,"children":1162},{},[1163],{"type":48,"value":1164},"@inject ProductService ProductService\n",{"type":43,"tag":235,"props":1166,"children":1167},{"class":237,"line":265},[1168],{"type":43,"tag":235,"props":1169,"children":1170},{},[1171],{"type":48,"value":1172},"@inject ILogger\u003CProducts> Logger\n",{"type":43,"tag":235,"props":1174,"children":1175},{"class":237,"line":274},[1176],{"type":43,"tag":235,"props":1177,"children":1178},{"emptyLinePlaceholder":287},[1179],{"type":48,"value":290},{"type":43,"tag":235,"props":1181,"children":1182},{"class":237,"line":283},[1183],{"type":43,"tag":235,"props":1184,"children":1185},{},[1186],{"type":48,"value":1187},"@if (error is not null)\n",{"type":43,"tag":235,"props":1189,"children":1190},{"class":237,"line":293},[1191],{"type":43,"tag":235,"props":1192,"children":1193},{},[1194],{"type":48,"value":262},{"type":43,"tag":235,"props":1196,"children":1197},{"class":237,"line":302},[1198],{"type":43,"tag":235,"props":1199,"children":1200},{},[1201],{"type":48,"value":1202},"    \u003Cdiv class=\"alert alert-danger\">\n",{"type":43,"tag":235,"props":1204,"children":1205},{"class":237,"line":311},[1206],{"type":43,"tag":235,"props":1207,"children":1208},{},[1209],{"type":48,"value":1210},"        \u003Cp>@error\u003C\u002Fp>\n",{"type":43,"tag":235,"props":1212,"children":1213},{"class":237,"line":438},[1214],{"type":43,"tag":235,"props":1215,"children":1216},{},[1217],{"type":48,"value":1218},"        \u003Cbutton @onclick=\"LoadAsync\">Retry\u003C\u002Fbutton>\n",{"type":43,"tag":235,"props":1220,"children":1221},{"class":237,"line":447},[1222],{"type":43,"tag":235,"props":1223,"children":1224},{},[1225],{"type":48,"value":1226},"    \u003C\u002Fdiv>\n",{"type":43,"tag":235,"props":1228,"children":1229},{"class":237,"line":456},[1230],{"type":43,"tag":235,"props":1231,"children":1232},{},[1233],{"type":48,"value":420},{"type":43,"tag":235,"props":1235,"children":1236},{"class":237,"line":465},[1237],{"type":43,"tag":235,"props":1238,"children":1239},{},[1240],{"type":48,"value":1241},"else if (products is null)\n",{"type":43,"tag":235,"props":1243,"children":1244},{"class":237,"line":474},[1245],{"type":43,"tag":235,"props":1246,"children":1247},{},[1248],{"type":48,"value":262},{"type":43,"tag":235,"props":1250,"children":1251},{"class":237,"line":482},[1252],{"type":43,"tag":235,"props":1253,"children":1254},{},[1255],{"type":48,"value":412},{"type":43,"tag":235,"props":1257,"children":1258},{"class":237,"line":490},[1259],{"type":43,"tag":235,"props":1260,"children":1261},{},[1262],{"type":48,"value":420},{"type":43,"tag":235,"props":1264,"children":1265},{"class":237,"line":499},[1266],{"type":43,"tag":235,"props":1267,"children":1268},{},[1269],{"type":48,"value":428},{"type":43,"tag":235,"props":1271,"children":1272},{"class":237,"line":508},[1273],{"type":43,"tag":235,"props":1274,"children":1275},{},[1276],{"type":48,"value":262},{"type":43,"tag":235,"props":1278,"children":1279},{"class":237,"line":516},[1280],{"type":43,"tag":235,"props":1281,"children":1282},{},[1283],{"type":48,"value":1284},"    @if (isLoading)\n",{"type":43,"tag":235,"props":1286,"children":1287},{"class":237,"line":525},[1288],{"type":43,"tag":235,"props":1289,"children":1290},{},[1291],{"type":48,"value":453},{"type":43,"tag":235,"props":1293,"children":1294},{"class":237,"line":533},[1295],{"type":43,"tag":235,"props":1296,"children":1297},{},[1298],{"type":48,"value":1299},"        \u003Cp>\u003Cem>Refreshing…\u003C\u002Fem>\u003C\u002Fp>\n",{"type":43,"tag":235,"props":1301,"children":1302},{"class":237,"line":542},[1303],{"type":43,"tag":235,"props":1304,"children":1305},{},[1306],{"type":48,"value":471},{"type":43,"tag":235,"props":1308,"children":1309},{"class":237,"line":550},[1310],{"type":43,"tag":235,"props":1311,"children":1312},{},[1313],{"type":48,"value":444},{"type":43,"tag":235,"props":1315,"children":1317},{"class":237,"line":1316},24,[1318],{"type":43,"tag":235,"props":1319,"children":1320},{},[1321],{"type":48,"value":453},{"type":43,"tag":235,"props":1323,"children":1325},{"class":237,"line":1324},25,[1326],{"type":43,"tag":235,"props":1327,"children":1328},{},[1329],{"type":48,"value":462},{"type":43,"tag":235,"props":1331,"children":1333},{"class":237,"line":1332},26,[1334],{"type":43,"tag":235,"props":1335,"children":1336},{},[1337],{"type":48,"value":471},{"type":43,"tag":235,"props":1339,"children":1341},{"class":237,"line":1340},27,[1342],{"type":43,"tag":235,"props":1343,"children":1344},{},[1345],{"type":48,"value":420},{"type":43,"tag":235,"props":1347,"children":1349},{"class":237,"line":1348},28,[1350],{"type":43,"tag":235,"props":1351,"children":1352},{"emptyLinePlaceholder":287},[1353],{"type":48,"value":290},{"type":43,"tag":235,"props":1355,"children":1357},{"class":237,"line":1356},29,[1358],{"type":43,"tag":235,"props":1359,"children":1360},{},[1361],{"type":48,"value":496},{"type":43,"tag":235,"props":1363,"children":1365},{"class":237,"line":1364},30,[1366],{"type":43,"tag":235,"props":1367,"children":1368},{},[1369],{"type":48,"value":1370},"    [Parameter] public int CategoryId { get; set; }\n",{"type":43,"tag":235,"props":1372,"children":1374},{"class":237,"line":1373},31,[1375],{"type":43,"tag":235,"props":1376,"children":1377},{},[1378],{"type":48,"value":1379},"    [SupplyParameterFromQuery] public string? ViewMode { get; set; } \u002F\u002F UI-only\n",{"type":43,"tag":235,"props":1381,"children":1383},{"class":237,"line":1382},32,[1384],{"type":43,"tag":235,"props":1385,"children":1386},{"emptyLinePlaceholder":287},[1387],{"type":48,"value":290},{"type":43,"tag":235,"props":1389,"children":1391},{"class":237,"line":1390},33,[1392],{"type":43,"tag":235,"props":1393,"children":1394},{},[1395],{"type":48,"value":1396},"    private CancellationTokenSource? cts;\n",{"type":43,"tag":235,"props":1398,"children":1400},{"class":237,"line":1399},34,[1401],{"type":43,"tag":235,"props":1402,"children":1403},{},[1404],{"type":48,"value":1405},"    private int? loadedCategoryId;\n",{"type":43,"tag":235,"props":1407,"children":1409},{"class":237,"line":1408},35,[1410],{"type":43,"tag":235,"props":1411,"children":1412},{},[1413],{"type":48,"value":1414},"    private List\u003CProduct>? products;\n",{"type":43,"tag":235,"props":1416,"children":1418},{"class":237,"line":1417},36,[1419],{"type":43,"tag":235,"props":1420,"children":1421},{},[1422],{"type":48,"value":1423},"    private bool isLoading;\n",{"type":43,"tag":235,"props":1425,"children":1427},{"class":237,"line":1426},37,[1428],{"type":43,"tag":235,"props":1429,"children":1430},{},[1431],{"type":48,"value":1432},"    private string? error;\n",{"type":43,"tag":235,"props":1434,"children":1436},{"class":237,"line":1435},38,[1437],{"type":43,"tag":235,"props":1438,"children":1439},{"emptyLinePlaceholder":287},[1440],{"type":48,"value":290},{"type":43,"tag":235,"props":1442,"children":1444},{"class":237,"line":1443},39,[1445],{"type":43,"tag":235,"props":1446,"children":1447},{},[1448],{"type":48,"value":1449},"    protected override async Task OnParametersSetAsync()\n",{"type":43,"tag":235,"props":1451,"children":1453},{"class":237,"line":1452},40,[1454],{"type":43,"tag":235,"props":1455,"children":1456},{},[1457],{"type":48,"value":453},{"type":43,"tag":235,"props":1459,"children":1461},{"class":237,"line":1460},41,[1462],{"type":43,"tag":235,"props":1463,"children":1464},{},[1465],{"type":48,"value":1466},"        if (CategoryId == loadedCategoryId)\n",{"type":43,"tag":235,"props":1468,"children":1470},{"class":237,"line":1469},42,[1471],{"type":43,"tag":235,"props":1472,"children":1473},{},[1474],{"type":48,"value":1475},"        {\n",{"type":43,"tag":235,"props":1477,"children":1479},{"class":237,"line":1478},43,[1480],{"type":43,"tag":235,"props":1481,"children":1482},{},[1483],{"type":48,"value":1484},"            return; \u002F\u002F Only ViewMode changed — no reload\n",{"type":43,"tag":235,"props":1486,"children":1488},{"class":237,"line":1487},44,[1489],{"type":43,"tag":235,"props":1490,"children":1491},{},[1492],{"type":48,"value":1493},"        }\n",{"type":43,"tag":235,"props":1495,"children":1497},{"class":237,"line":1496},45,[1498],{"type":43,"tag":235,"props":1499,"children":1500},{"emptyLinePlaceholder":287},[1501],{"type":48,"value":290},{"type":43,"tag":235,"props":1503,"children":1505},{"class":237,"line":1504},46,[1506],{"type":43,"tag":235,"props":1507,"children":1508},{},[1509],{"type":48,"value":1510},"        loadedCategoryId = CategoryId;\n",{"type":43,"tag":235,"props":1512,"children":1514},{"class":237,"line":1513},47,[1515],{"type":43,"tag":235,"props":1516,"children":1517},{},[1518],{"type":48,"value":1519},"        await LoadAsync();\n",{"type":43,"tag":235,"props":1521,"children":1523},{"class":237,"line":1522},48,[1524],{"type":43,"tag":235,"props":1525,"children":1526},{},[1527],{"type":48,"value":471},{"type":43,"tag":235,"props":1529,"children":1531},{"class":237,"line":1530},49,[1532],{"type":43,"tag":235,"props":1533,"children":1534},{"emptyLinePlaceholder":287},[1535],{"type":48,"value":290},{"type":43,"tag":235,"props":1537,"children":1539},{"class":237,"line":1538},50,[1540],{"type":43,"tag":235,"props":1541,"children":1542},{},[1543],{"type":48,"value":1544},"    private async Task LoadAsync()\n",{"type":43,"tag":235,"props":1546,"children":1548},{"class":237,"line":1547},51,[1549],{"type":43,"tag":235,"props":1550,"children":1551},{},[1552],{"type":48,"value":453},{"type":43,"tag":235,"props":1554,"children":1556},{"class":237,"line":1555},52,[1557],{"type":43,"tag":235,"props":1558,"children":1559},{},[1560],{"type":48,"value":1561},"        if (cts is not null)\n",{"type":43,"tag":235,"props":1563,"children":1565},{"class":237,"line":1564},53,[1566],{"type":43,"tag":235,"props":1567,"children":1568},{},[1569],{"type":48,"value":1475},{"type":43,"tag":235,"props":1571,"children":1573},{"class":237,"line":1572},54,[1574],{"type":43,"tag":235,"props":1575,"children":1576},{},[1577],{"type":48,"value":1578},"            await cts.CancelAsync();\n",{"type":43,"tag":235,"props":1580,"children":1582},{"class":237,"line":1581},55,[1583],{"type":43,"tag":235,"props":1584,"children":1585},{},[1586],{"type":48,"value":1587},"            cts.Dispose();\n",{"type":43,"tag":235,"props":1589,"children":1591},{"class":237,"line":1590},56,[1592],{"type":43,"tag":235,"props":1593,"children":1594},{},[1595],{"type":48,"value":1493},{"type":43,"tag":235,"props":1597,"children":1599},{"class":237,"line":1598},57,[1600],{"type":43,"tag":235,"props":1601,"children":1602},{"emptyLinePlaceholder":287},[1603],{"type":48,"value":290},{"type":43,"tag":235,"props":1605,"children":1607},{"class":237,"line":1606},58,[1608],{"type":43,"tag":235,"props":1609,"children":1610},{},[1611],{"type":48,"value":1612},"        cts = new CancellationTokenSource();\n",{"type":43,"tag":235,"props":1614,"children":1616},{"class":237,"line":1615},59,[1617],{"type":43,"tag":235,"props":1618,"children":1619},{},[1620],{"type":48,"value":1621},"        var cancellationToken = cts.Token; \u002F\u002F Capture locally before await\n",{"type":43,"tag":235,"props":1623,"children":1625},{"class":237,"line":1624},60,[1626],{"type":43,"tag":235,"props":1627,"children":1628},{"emptyLinePlaceholder":287},[1629],{"type":48,"value":290},{"type":43,"tag":235,"props":1631,"children":1633},{"class":237,"line":1632},61,[1634],{"type":43,"tag":235,"props":1635,"children":1636},{},[1637],{"type":48,"value":1638},"        error = null;\n",{"type":43,"tag":235,"props":1640,"children":1642},{"class":237,"line":1641},62,[1643],{"type":43,"tag":235,"props":1644,"children":1645},{},[1646],{"type":48,"value":1647},"        isLoading = true;\n",{"type":43,"tag":235,"props":1649,"children":1651},{"class":237,"line":1650},63,[1652],{"type":43,"tag":235,"props":1653,"children":1654},{"emptyLinePlaceholder":287},[1655],{"type":48,"value":290},{"type":43,"tag":235,"props":1657,"children":1659},{"class":237,"line":1658},64,[1660],{"type":43,"tag":235,"props":1661,"children":1662},{},[1663],{"type":48,"value":1664},"        try\n",{"type":43,"tag":235,"props":1666,"children":1668},{"class":237,"line":1667},65,[1669],{"type":43,"tag":235,"props":1670,"children":1671},{},[1672],{"type":48,"value":1475},{"type":43,"tag":235,"props":1674,"children":1676},{"class":237,"line":1675},66,[1677],{"type":43,"tag":235,"props":1678,"children":1679},{},[1680],{"type":48,"value":1681},"            var result = await ProductService.GetByCategoryAsync(CategoryId, cancellationToken);\n",{"type":43,"tag":235,"props":1683,"children":1685},{"class":237,"line":1684},67,[1686],{"type":43,"tag":235,"props":1687,"children":1688},{},[1689],{"type":48,"value":1690},"            products = result;\n",{"type":43,"tag":235,"props":1692,"children":1694},{"class":237,"line":1693},68,[1695],{"type":43,"tag":235,"props":1696,"children":1697},{},[1698],{"type":48,"value":1493},{"type":43,"tag":235,"props":1700,"children":1702},{"class":237,"line":1701},69,[1703],{"type":43,"tag":235,"props":1704,"children":1705},{},[1706],{"type":48,"value":1707},"        catch (OperationCanceledException ex) when (!cancellationToken.IsCancellationRequested)\n",{"type":43,"tag":235,"props":1709,"children":1711},{"class":237,"line":1710},70,[1712],{"type":43,"tag":235,"props":1713,"children":1714},{},[1715],{"type":48,"value":1475},{"type":43,"tag":235,"props":1717,"children":1719},{"class":237,"line":1718},71,[1720],{"type":43,"tag":235,"props":1721,"children":1722},{},[1723],{"type":48,"value":1724},"            Logger.LogWarning(ex, \"Timed out loading category {CategoryId}\", CategoryId);\n",{"type":43,"tag":235,"props":1726,"children":1728},{"class":237,"line":1727},72,[1729],{"type":43,"tag":235,"props":1730,"children":1731},{},[1732],{"type":48,"value":1733},"            error = \"The request timed out. Please try again.\";\n",{"type":43,"tag":235,"props":1735,"children":1737},{"class":237,"line":1736},73,[1738],{"type":43,"tag":235,"props":1739,"children":1740},{},[1741],{"type":48,"value":1493},{"type":43,"tag":235,"props":1743,"children":1745},{"class":237,"line":1744},74,[1746],{"type":43,"tag":235,"props":1747,"children":1748},{},[1749],{"type":48,"value":1750},"        finally\n",{"type":43,"tag":235,"props":1752,"children":1754},{"class":237,"line":1753},75,[1755],{"type":43,"tag":235,"props":1756,"children":1757},{},[1758],{"type":48,"value":1475},{"type":43,"tag":235,"props":1760,"children":1762},{"class":237,"line":1761},76,[1763],{"type":43,"tag":235,"props":1764,"children":1765},{},[1766],{"type":48,"value":1767},"            isLoading = false;\n",{"type":43,"tag":235,"props":1769,"children":1771},{"class":237,"line":1770},77,[1772],{"type":43,"tag":235,"props":1773,"children":1774},{},[1775],{"type":48,"value":1493},{"type":43,"tag":235,"props":1777,"children":1779},{"class":237,"line":1778},78,[1780],{"type":43,"tag":235,"props":1781,"children":1782},{},[1783],{"type":48,"value":471},{"type":43,"tag":235,"props":1785,"children":1787},{"class":237,"line":1786},79,[1788],{"type":43,"tag":235,"props":1789,"children":1790},{"emptyLinePlaceholder":287},[1791],{"type":48,"value":290},{"type":43,"tag":235,"props":1793,"children":1795},{"class":237,"line":1794},80,[1796],{"type":43,"tag":235,"props":1797,"children":1798},{},[1799],{"type":48,"value":1800},"    public async ValueTask DisposeAsync()\n",{"type":43,"tag":235,"props":1802,"children":1804},{"class":237,"line":1803},81,[1805],{"type":43,"tag":235,"props":1806,"children":1807},{},[1808],{"type":48,"value":453},{"type":43,"tag":235,"props":1810,"children":1812},{"class":237,"line":1811},82,[1813],{"type":43,"tag":235,"props":1814,"children":1815},{},[1816],{"type":48,"value":1561},{"type":43,"tag":235,"props":1818,"children":1820},{"class":237,"line":1819},83,[1821],{"type":43,"tag":235,"props":1822,"children":1823},{},[1824],{"type":48,"value":1475},{"type":43,"tag":235,"props":1826,"children":1828},{"class":237,"line":1827},84,[1829],{"type":43,"tag":235,"props":1830,"children":1831},{},[1832],{"type":48,"value":1578},{"type":43,"tag":235,"props":1834,"children":1836},{"class":237,"line":1835},85,[1837],{"type":43,"tag":235,"props":1838,"children":1839},{},[1840],{"type":48,"value":1587},{"type":43,"tag":235,"props":1842,"children":1844},{"class":237,"line":1843},86,[1845],{"type":43,"tag":235,"props":1846,"children":1847},{},[1848],{"type":48,"value":1493},{"type":43,"tag":235,"props":1850,"children":1852},{"class":237,"line":1851},87,[1853],{"type":43,"tag":235,"props":1854,"children":1855},{},[1856],{"type":48,"value":471},{"type":43,"tag":235,"props":1858,"children":1860},{"class":237,"line":1859},88,[1861],{"type":43,"tag":235,"props":1862,"children":1863},{},[1864],{"type":48,"value":420},{"type":43,"tag":58,"props":1866,"children":1867},{},[1868],{"type":48,"value":1869},"Key details:",{"type":43,"tag":846,"props":1871,"children":1872},{},[1873,1891,1901,1925],{"type":43,"tag":850,"props":1874,"children":1875},{},[1876,1881,1883,1889],{"type":43,"tag":64,"props":1877,"children":1878},{},[1879],{"type":48,"value":1880},"Guard with tracked value",{"type":48,"value":1882},": ",{"type":43,"tag":120,"props":1884,"children":1886},{"className":1885},[],[1887],{"type":48,"value":1888},"loadedCategoryId",{"type":48,"value":1890}," skips reloads when only UI parameters change.",{"type":43,"tag":850,"props":1892,"children":1893},{},[1894,1899],{"type":43,"tag":64,"props":1895,"children":1896},{},[1897],{"type":48,"value":1898},"Capture the token locally",{"type":48,"value":1900}," before the await — the CTS field may be replaced by a concurrent parameter change.",{"type":43,"tag":850,"props":1902,"children":1903},{},[1904,1915,1917,1923],{"type":43,"tag":64,"props":1905,"children":1906},{},[1907,1909],{"type":48,"value":1908},"Don't null out ",{"type":43,"tag":120,"props":1910,"children":1912},{"className":1911},[],[1913],{"type":48,"value":1914},"products",{"type":48,"value":1916}," on subsequent loads — keep existing data visible with an ",{"type":43,"tag":120,"props":1918,"children":1920},{"className":1919},[],[1921],{"type":48,"value":1922},"isLoading",{"type":48,"value":1924}," overlay.",{"type":43,"tag":850,"props":1926,"children":1927},{},[1928,1937],{"type":43,"tag":64,"props":1929,"children":1930},{},[1931],{"type":43,"tag":120,"props":1932,"children":1934},{"className":1933},[],[1935],{"type":48,"value":1936},"IAsyncDisposable",{"type":48,"value":1938}," cancels pending work when the user navigates away.",{"type":43,"tag":51,"props":1940,"children":1942},{"id":1941},"step-6-send-data",[1943],{"type":48,"value":1944},"Step 6 — Send Data",{"type":43,"tag":224,"props":1946,"children":1948},{"className":226,"code":1947,"language":228,"meta":229,"style":229},"var response = await http.PostAsJsonAsync(\"products\", newProduct);\nresponse.EnsureSuccessStatusCode();\n\nvar response = await http.PutAsJsonAsync($\"products\u002F{id}\", updated);\nresponse.EnsureSuccessStatusCode();\n\nvar response = await http.DeleteAsync($\"products\u002F{id}\");\nresponse.EnsureSuccessStatusCode();\n",[1949],{"type":43,"tag":120,"props":1950,"children":1951},{"__ignoreMap":229},[1952,1960,1968,1975,1983,1990,1997,2005],{"type":43,"tag":235,"props":1953,"children":1954},{"class":237,"line":238},[1955],{"type":43,"tag":235,"props":1956,"children":1957},{},[1958],{"type":48,"value":1959},"var response = await http.PostAsJsonAsync(\"products\", newProduct);\n",{"type":43,"tag":235,"props":1961,"children":1962},{"class":237,"line":247},[1963],{"type":43,"tag":235,"props":1964,"children":1965},{},[1966],{"type":48,"value":1967},"response.EnsureSuccessStatusCode();\n",{"type":43,"tag":235,"props":1969,"children":1970},{"class":237,"line":256},[1971],{"type":43,"tag":235,"props":1972,"children":1973},{"emptyLinePlaceholder":287},[1974],{"type":48,"value":290},{"type":43,"tag":235,"props":1976,"children":1977},{"class":237,"line":265},[1978],{"type":43,"tag":235,"props":1979,"children":1980},{},[1981],{"type":48,"value":1982},"var response = await http.PutAsJsonAsync($\"products\u002F{id}\", updated);\n",{"type":43,"tag":235,"props":1984,"children":1985},{"class":237,"line":274},[1986],{"type":43,"tag":235,"props":1987,"children":1988},{},[1989],{"type":48,"value":1967},{"type":43,"tag":235,"props":1991,"children":1992},{"class":237,"line":283},[1993],{"type":43,"tag":235,"props":1994,"children":1995},{"emptyLinePlaceholder":287},[1996],{"type":48,"value":290},{"type":43,"tag":235,"props":1998,"children":1999},{"class":237,"line":293},[2000],{"type":43,"tag":235,"props":2001,"children":2002},{},[2003],{"type":48,"value":2004},"var response = await http.DeleteAsync($\"products\u002F{id}\");\n",{"type":43,"tag":235,"props":2006,"children":2007},{"class":237,"line":302},[2008],{"type":43,"tag":235,"props":2009,"children":2010},{},[2011],{"type":48,"value":1967},{"type":43,"tag":58,"props":2013,"children":2014},{},[2015],{"type":48,"value":2016},"Disable the submit button while saving to prevent duplicate requests. Show a saving indicator.",{"type":43,"tag":51,"props":2018,"children":2020},{"id":2019},"step-7-service-abstraction-for-auto-or-webassembly-with-prerendering",[2021],{"type":48,"value":2022},"Step 7 — Service Abstraction for Auto or WebAssembly with Prerendering",{"type":43,"tag":58,"props":2024,"children":2025},{},[2026],{"type":48,"value":2027},"When components run in both server and browser (Auto mode, or WebAssembly with prerendering), abstract data access behind an abstract base class:",{"type":43,"tag":224,"props":2029,"children":2031},{"className":226,"code":2030,"language":228,"meta":229,"style":229},"public abstract class ProductServiceBase\n{\n    public abstract Task\u003CProduct[]> GetAllAsync(CancellationToken ct = default);\n}\n\n\u002F\u002F Server — direct database access\npublic class ServerProductService(AppDbContext db) : ProductServiceBase\n{\n    public override async Task\u003CProduct[]> GetAllAsync(CancellationToken ct = default) =>\n        await db.Products.ToArrayAsync(ct);\n}\n\n\u002F\u002F Client — calls API\npublic class ClientProductService(HttpClient http) : ProductServiceBase\n{\n    public override async Task\u003CProduct[]> GetAllAsync(CancellationToken ct = default) =>\n        await http.GetFromJsonAsync\u003CProduct[]>(\"api\u002Fproducts\", ct) ?? [];\n}\n",[2032],{"type":43,"tag":120,"props":2033,"children":2034},{"__ignoreMap":229},[2035,2043,2050,2058,2065,2072,2080,2088,2095,2103,2111,2118,2125,2133,2141,2148,2155,2163],{"type":43,"tag":235,"props":2036,"children":2037},{"class":237,"line":238},[2038],{"type":43,"tag":235,"props":2039,"children":2040},{},[2041],{"type":48,"value":2042},"public abstract class ProductServiceBase\n",{"type":43,"tag":235,"props":2044,"children":2045},{"class":237,"line":247},[2046],{"type":43,"tag":235,"props":2047,"children":2048},{},[2049],{"type":48,"value":262},{"type":43,"tag":235,"props":2051,"children":2052},{"class":237,"line":256},[2053],{"type":43,"tag":235,"props":2054,"children":2055},{},[2056],{"type":48,"value":2057},"    public abstract Task\u003CProduct[]> GetAllAsync(CancellationToken ct = default);\n",{"type":43,"tag":235,"props":2059,"children":2060},{"class":237,"line":265},[2061],{"type":43,"tag":235,"props":2062,"children":2063},{},[2064],{"type":48,"value":420},{"type":43,"tag":235,"props":2066,"children":2067},{"class":237,"line":274},[2068],{"type":43,"tag":235,"props":2069,"children":2070},{"emptyLinePlaceholder":287},[2071],{"type":48,"value":290},{"type":43,"tag":235,"props":2073,"children":2074},{"class":237,"line":283},[2075],{"type":43,"tag":235,"props":2076,"children":2077},{},[2078],{"type":48,"value":2079},"\u002F\u002F Server — direct database access\n",{"type":43,"tag":235,"props":2081,"children":2082},{"class":237,"line":293},[2083],{"type":43,"tag":235,"props":2084,"children":2085},{},[2086],{"type":48,"value":2087},"public class ServerProductService(AppDbContext db) : ProductServiceBase\n",{"type":43,"tag":235,"props":2089,"children":2090},{"class":237,"line":302},[2091],{"type":43,"tag":235,"props":2092,"children":2093},{},[2094],{"type":48,"value":262},{"type":43,"tag":235,"props":2096,"children":2097},{"class":237,"line":311},[2098],{"type":43,"tag":235,"props":2099,"children":2100},{},[2101],{"type":48,"value":2102},"    public override async Task\u003CProduct[]> GetAllAsync(CancellationToken ct = default) =>\n",{"type":43,"tag":235,"props":2104,"children":2105},{"class":237,"line":438},[2106],{"type":43,"tag":235,"props":2107,"children":2108},{},[2109],{"type":48,"value":2110},"        await db.Products.ToArrayAsync(ct);\n",{"type":43,"tag":235,"props":2112,"children":2113},{"class":237,"line":447},[2114],{"type":43,"tag":235,"props":2115,"children":2116},{},[2117],{"type":48,"value":420},{"type":43,"tag":235,"props":2119,"children":2120},{"class":237,"line":456},[2121],{"type":43,"tag":235,"props":2122,"children":2123},{"emptyLinePlaceholder":287},[2124],{"type":48,"value":290},{"type":43,"tag":235,"props":2126,"children":2127},{"class":237,"line":465},[2128],{"type":43,"tag":235,"props":2129,"children":2130},{},[2131],{"type":48,"value":2132},"\u002F\u002F Client — calls API\n",{"type":43,"tag":235,"props":2134,"children":2135},{"class":237,"line":474},[2136],{"type":43,"tag":235,"props":2137,"children":2138},{},[2139],{"type":48,"value":2140},"public class ClientProductService(HttpClient http) : ProductServiceBase\n",{"type":43,"tag":235,"props":2142,"children":2143},{"class":237,"line":482},[2144],{"type":43,"tag":235,"props":2145,"children":2146},{},[2147],{"type":48,"value":262},{"type":43,"tag":235,"props":2149,"children":2150},{"class":237,"line":490},[2151],{"type":43,"tag":235,"props":2152,"children":2153},{},[2154],{"type":48,"value":2102},{"type":43,"tag":235,"props":2156,"children":2157},{"class":237,"line":499},[2158],{"type":43,"tag":235,"props":2159,"children":2160},{},[2161],{"type":48,"value":2162},"        await http.GetFromJsonAsync\u003CProduct[]>(\"api\u002Fproducts\", ct) ?? [];\n",{"type":43,"tag":235,"props":2164,"children":2165},{"class":237,"line":508},[2166],{"type":43,"tag":235,"props":2167,"children":2168},{},[2169],{"type":48,"value":420},{"type":43,"tag":58,"props":2171,"children":2172},{},[2173,2175,2180],{"type":48,"value":2174},"Register the appropriate implementation in each project's ",{"type":43,"tag":120,"props":2176,"children":2178},{"className":2177},[],[2179],{"type":48,"value":343},{"type":48,"value":2181},". Components inject the abstract base class.",{"type":43,"tag":51,"props":2183,"children":2185},{"id":2184},"donts",[2186],{"type":48,"value":2187},"Don'ts",{"type":43,"tag":846,"props":2189,"children":2190},{},[2191,2207,2231,2248,2263,2280],{"type":43,"tag":850,"props":2192,"children":2193},{},[2194,2199,2201,2206],{"type":43,"tag":64,"props":2195,"children":2196},{},[2197],{"type":48,"value":2198},"Don't call APIs in constructors",{"type":48,"value":2200}," — use ",{"type":43,"tag":120,"props":2202,"children":2204},{"className":2203},[],[2205],{"type":48,"value":592},{"type":48,"value":170},{"type":43,"tag":850,"props":2208,"children":2209},{},[2210,2222,2224,2229],{"type":43,"tag":64,"props":2211,"children":2212},{},[2213,2215,2220],{"type":48,"value":2214},"Don't use ",{"type":43,"tag":120,"props":2216,"children":2218},{"className":2217},[],[2219],{"type":48,"value":1125},{"type":48,"value":2221}," unless data depends on a changing parameter.",{"type":48,"value":2223}," Use ",{"type":43,"tag":120,"props":2225,"children":2227},{"className":2226},[],[2228],{"type":48,"value":592},{"type":48,"value":2230}," for initial loads.",{"type":43,"tag":850,"props":2232,"children":2233},{},[2234,2246],{"type":43,"tag":64,"props":2235,"children":2236},{},[2237,2239,2244],{"type":48,"value":2238},"Don't inject ",{"type":43,"tag":120,"props":2240,"children":2242},{"className":2241},[],[2243],{"type":48,"value":125},{"type":48,"value":2245}," in WebAssembly\u002FAuto components",{"type":48,"value":2247}," — no database in the browser.",{"type":43,"tag":850,"props":2249,"children":2250},{},[2251,2261],{"type":43,"tag":64,"props":2252,"children":2253},{},[2254,2256],{"type":48,"value":2255},"Don't call your own server via ",{"type":43,"tag":120,"props":2257,"children":2259},{"className":2258},[],[2260],{"type":48,"value":189},{"type":48,"value":2262}," — inject the service directly.",{"type":43,"tag":850,"props":2264,"children":2265},{},[2266,2278],{"type":43,"tag":64,"props":2267,"children":2268},{},[2269,2271,2276],{"type":48,"value":2270},"Don't display ",{"type":43,"tag":120,"props":2272,"children":2274},{"className":2273},[],[2275],{"type":48,"value":1059},{"type":48,"value":2277}," to users",{"type":48,"value":2279}," — PII risk. Log it, show a generic message.",{"type":43,"tag":850,"props":2281,"children":2282},{},[2283,2295,2297,2302],{"type":43,"tag":64,"props":2284,"children":2285},{},[2286,2288,2293],{"type":48,"value":2287},"Don't catch ",{"type":43,"tag":120,"props":2289,"children":2291},{"className":2290},[],[2292],{"type":48,"value":835},{"type":48,"value":2294}," for self-cancellation",{"type":48,"value":2296}," — ",{"type":43,"tag":120,"props":2298,"children":2300},{"className":2299},[],[2301],{"type":48,"value":821},{"type":48,"value":2303}," handles it.",{"type":43,"tag":2305,"props":2306,"children":2307},"style",{},[2308],{"type":48,"value":2309},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":2311,"total":2473},[2312,2328,2343,2358,2376,2390,2407,2417,2429,2439,2452,2463],{"slug":2313,"name":2313,"fn":2314,"description":2315,"org":2316,"tags":2317,"stars":2325,"repoUrl":2326,"updatedAt":2327},"multithreaded-task-migration","migrate MSBuild tasks to multithreaded mode","Guide for migrating MSBuild tasks to multithreaded mode support, including compatibility red-team review. Use this when converting tasks to thread-safe versions, implementing IMultiThreadableTask, adding TaskEnvironment support, or auditing migrations for behavioral compatibility.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2318,2319,2322],{"name":13,"slug":14,"type":15},{"name":2320,"slug":2321,"type":15},"Engineering","engineering",{"name":2323,"slug":2324,"type":15},"Performance","performance",5535,"https:\u002F\u002Fgithub.com\u002Fdotnet\u002Fmsbuild","2026-07-22T05:37:33.965588",{"slug":2329,"name":2329,"fn":2330,"description":2331,"org":2332,"tags":2333,"stars":25,"repoUrl":26,"updatedAt":2342},"analyzing-dotnet-performance","analyze .NET code for performance anti-patterns","Scans .NET code for ~50 performance anti-patterns across async, memory, strings, collections, LINQ, regex, serialization, and I\u002FO with tiered severity classification. Use when analyzing .NET code for optimization opportunities, reviewing hot paths, or auditing allocation-heavy patterns.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2334,2335,2338,2341],{"name":13,"slug":14,"type":15},{"name":2336,"slug":2337,"type":15},"Code Analysis","code-analysis",{"name":2339,"slug":2340,"type":15},"Debugging","debugging",{"name":2323,"slug":2324,"type":15},"2026-07-12T08:23:25.400375",{"slug":2344,"name":2344,"fn":2345,"description":2346,"org":2347,"tags":2348,"stars":25,"repoUrl":26,"updatedAt":2357},"android-tombstone-symbolication","symbolicate .NET runtime frames in Android tombstones","Symbolicate the .NET runtime frames in an Android tombstone file. Extracts BuildIds and PC offsets from the native backtrace, downloads debug symbols from the Microsoft symbol server, and runs llvm-symbolizer to produce function names with source file and line numbers. USE FOR triaging a .NET MAUI or Mono Android app crash from a tombstone, resolving native backtrace frames in libmonosgen-2.0.so or libcoreclr.so to .NET runtime source code, or investigating SIGABRT, SIGSEGV, or other native signals originating from the .NET runtime on Android. DO NOT USE FOR pure Java\u002FKotlin crashes, managed .NET exceptions that are already captured in logcat, or iOS crash logs. INVOKES Symbolicate-Tombstone.ps1 script, llvm-symbolizer, Microsoft symbol server.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2349,2350,2353,2354],{"name":13,"slug":14,"type":15},{"name":2351,"slug":2352,"type":15},"Android","android",{"name":2339,"slug":2340,"type":15},{"name":2355,"slug":2356,"type":15},"Microsoft","microsoft","2026-07-12T08:23:21.595572",{"slug":2359,"name":2359,"fn":2360,"description":2361,"org":2362,"tags":2363,"stars":25,"repoUrl":26,"updatedAt":2375},"apple-crash-symbolication","symbolicate .NET runtime frames in crash logs","Symbolicate .NET runtime frames in Apple platform .ips crash logs (iOS, tvOS, Mac Catalyst, macOS). Extracts UUIDs and addresses from the native backtrace, locates dSYM debug symbols, and runs atos to produce function names with source file and line numbers. Automatically downloads .dwarf symbols from the Microsoft symbol server using Mach-O UUIDs. USE FOR triaging a .NET MAUI or Mono app crash from an .ips file on any Apple platform, resolving native backtrace frames in libcoreclr or libmonosgen-2.0 to .NET runtime source code, retrieving .ips crash logs from a connected iOS device or iPhone, or investigating EXC_CRASH, EXC_BAD_ACCESS, SIGABRT, or SIGSEGV originating from the .NET runtime. DO NOT USE FOR pure Swift\u002FObjective-C crashes with no .NET components, or Android tombstone files. INVOKES Symbolicate-Crash.ps1 script, atos, dwarfdump, idevicecrashreport.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2364,2365,2366,2369,2372],{"name":13,"slug":14,"type":15},{"name":2339,"slug":2340,"type":15},{"name":2367,"slug":2368,"type":15},"iOS","ios",{"name":2370,"slug":2371,"type":15},"macOS","macos",{"name":2373,"slug":2374,"type":15},"Observability","observability","2026-07-12T08:23:20.369986",{"slug":2377,"name":2377,"fn":2378,"description":2379,"org":2380,"tags":2381,"stars":25,"repoUrl":26,"updatedAt":2389},"assertion-quality","evaluate assertion quality in test suites","Analyzes the variety and depth of assertions across test suites in any language. Use when the user asks to evaluate assertion quality, find shallow tests, identify assertion-free tests (no assertions or only trivial ones like Assert.IsNotNull \u002F toBeTruthy()), flag self-referential or tautological assertions, measure assertion diversity, or audit whether tests verify different facets of behavior. Polyglot: .NET, Python, TS\u002FJS, Java, Go, Ruby, Rust, Swift, Kotlin, PowerShell, C++. DO NOT USE FOR: writing new tests (use code-testing-agent \u002F writing-mstest-tests), mutation reasoning about whether tests would catch a bug (use test-gap-analysis), or a general severity-ranked anti-pattern audit (use test-anti-patterns), fixing or rewriting assertions, or writing, fixing, or modernizing MSTest tests, assertions, or attributes (use writing-mstest-tests).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2382,2383,2386],{"name":2336,"slug":2337,"type":15},{"name":2384,"slug":2385,"type":15},"QA","qa",{"name":2387,"slug":2388,"type":15},"Testing","testing","2026-07-12T08:23:51.277743",{"slug":2391,"name":2391,"fn":2392,"description":2393,"org":2394,"tags":2395,"stars":25,"repoUrl":26,"updatedAt":2406},"author-component","create and review Blazor components","Create or review Blazor components (.razor files) with correct architecture. USE FOR: writing new Blazor components that do NOT involve JavaScript interop, implementing parameters and EventCallback, RenderFragment slots, component lifecycle (OnInitializedAsync, OnParametersSet), async patterns, IAsyncDisposable, CancellationToken, CSS isolation, code-behind. DO NOT USE FOR: creating new projects (use create-blazor-project), JavaScript interop or calling browser APIs from Blazor (use use-js-interop), forms and validation (use collect-user-input), prerendering issues (use support-prerendering), HTTP data fetching patterns (use fetch-and-send-data), coordinating state between unrelated components (use coordinate-components).\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2396,2397,2398,2400,2403],{"name":13,"slug":14,"type":15},{"name":17,"slug":18,"type":15},{"name":2399,"slug":228,"type":15},"C#",{"name":2401,"slug":2402,"type":15},"UI Components","ui-components",{"name":2404,"slug":2405,"type":15},"Web Development","web-development","2026-07-15T06:03:29.216359",{"slug":2408,"name":2408,"fn":2409,"description":2410,"org":2411,"tags":2412,"stars":25,"repoUrl":26,"updatedAt":2416},"binlog-failure-analysis","analyze MSBuild binary logs","Analyze MSBuild binary logs to diagnose build failures. USE FOR: build errors that are unclear from console output, diagnosing cascading failures across multi-project builds, tracing MSBuild target execution order, and generally any MSBuild build issues. Requires an existing .binlog file. DO NOT USE FOR: generating binlogs (use binlog-generation), non-MSBuild build systems.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2413,2414,2415],{"name":2336,"slug":2337,"type":15},{"name":2339,"slug":2340,"type":15},{"name":2355,"slug":2356,"type":15},"2026-07-12T08:21:34.637923",{"slug":2418,"name":2418,"fn":2419,"description":2420,"org":2421,"tags":2422,"stars":25,"repoUrl":26,"updatedAt":2428},"binlog-generation","generate MSBuild binary logs for diagnostics","Generate MSBuild binary logs (binlogs) for build diagnostics and analysis. USE FOR: adding \u002Fbl:{} to any dotnet build, test, pack, publish, or restore command to capture a full build execution trace, prerequisite for binlog-failure-analysis and build-perf-diagnostics skills, enabling post-build investigation of errors or performance. Requires MSBuild 17.8+ \u002F .NET 8 SDK+ for {} placeholder; PowerShell needs -bl:{{}}. DO NOT USE FOR: non-MSBuild build systems (npm, Maven, CMake), analyzing an existing binlog (use binlog-failure-analysis instead).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2423,2426,2427],{"name":2424,"slug":2425,"type":15},"Build","build",{"name":2339,"slug":2340,"type":15},{"name":2320,"slug":2321,"type":15},"2026-07-19T05:38:19.340791",{"slug":2430,"name":2430,"fn":2431,"description":2432,"org":2433,"tags":2434,"stars":25,"repoUrl":26,"updatedAt":2438},"build-parallelism","optimize MSBuild build parallelism","Diagnose and fix under-parallelized MSBuild builds. USE WHEN a multi-project solution build is slower than expected, doesn't speed up when you add cores, pegs a single core while others idle, or you want to know why `-m` isn't helping. Note: `\u002Fmaxcpucount` default is 1 (sequential) — always pass `-m` for parallel builds. Covers finding the critical path (longest serial ProjectReference chain), graph build (`\u002Fgraph`), BuildInParallel, and solution filters (`.slnf`). DO NOT USE FOR: single-project builds, incremental issues (use incremental-build), compilation slowness inside one project (use build-perf-diagnostics), non-MSBuild build systems.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2435,2436,2437],{"name":13,"slug":14,"type":15},{"name":2320,"slug":2321,"type":15},{"name":2323,"slug":2324,"type":15},"2026-07-19T05:38:18.364937",{"slug":2440,"name":2440,"fn":2441,"description":2442,"org":2443,"tags":2444,"stars":25,"repoUrl":26,"updatedAt":2451},"build-perf-baseline","establish and optimize build performance baselines","Establish build performance baselines and apply systematic optimization techniques. USE FOR: diagnosing slow builds, establishing before\u002Fafter measurements (cold, warm, no-op scenarios), applying optimization strategies like MSBuild Server, static graph builds, artifacts output, and dependency graph trimming. Start here before diving into build-perf-diagnostics, incremental-build, or build-parallelism. DO NOT USE FOR: non-MSBuild build systems, detailed bottleneck analysis (use build-perf-diagnostics after baselining).",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2445,2446,2449,2450],{"name":2320,"slug":2321,"type":15},{"name":2447,"slug":2448,"type":15},"Monitoring","monitoring",{"name":2323,"slug":2324,"type":15},{"name":2387,"slug":2388,"type":15},"2026-07-12T08:21:35.865649",{"slug":2453,"name":2453,"fn":2454,"description":2455,"org":2456,"tags":2457,"stars":25,"repoUrl":26,"updatedAt":2462},"build-perf-diagnostics","diagnose MSBuild build performance bottlenecks","Diagnose MSBuild build performance bottlenecks using binary log analysis. USE FOR: identifying why builds are slow by analyzing binlog performance summaries, detecting ResolveAssemblyReference (RAR) taking >5s, Roslyn analyzers consuming >30% of Csc time, single targets dominating >50% of build time, node utilization below 80%, excessive Copy tasks, NuGet restore running every build. Covers timeline analysis, Target\u002FTask Performance Summary interpretation, and 7 common bottleneck categories. Use after build-perf-baseline has established measurements. DO NOT USE FOR: establishing initial baselines (use build-perf-baseline first), fixing incremental build issues (use incremental-build), parallelism tuning (use build-parallelism), non-MSBuild build systems.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2458,2459,2460,2461],{"name":13,"slug":14,"type":15},{"name":2339,"slug":2340,"type":15},{"name":2320,"slug":2321,"type":15},{"name":2323,"slug":2324,"type":15},"2026-07-12T08:21:40.961722",{"slug":2464,"name":2464,"fn":2465,"description":2466,"org":2467,"tags":2468,"stars":25,"repoUrl":26,"updatedAt":2472},"check-bin-obj-clash","detect MSBuild output path conflicts","Detects MSBuild projects with conflicting OutputPath or IntermediateOutputPath. USE FOR: builds failing with 'Cannot create a file when that file already exists', 'The process cannot access the file because it is being used by another process', intermittent build failures that succeed on retry, or missing\u002Foverwritten outputs in multi-project or multi-targeting builds where bin\u002Fobj (or project.assets.json) collide. Common causes: shared OutputPath, missing AppendTargetFrameworkToOutputPath, extra global properties (e.g. PublishReadyToRun), or SetTargetFramework on a ProjectReference to a single-targeting project. DO NOT USE FOR: file access errors unrelated to MSBuild (OS-level locking), single-project single-TFM builds, non-MSBuild build systems.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2469,2470,2471],{"name":2339,"slug":2340,"type":15},{"name":2320,"slug":2321,"type":15},{"name":2384,"slug":2385,"type":15},"2026-07-19T05:38:14.336279",144,{"items":2475,"total":2524},[2476,2483,2490,2498,2504,2512,2518],{"slug":2329,"name":2329,"fn":2330,"description":2331,"org":2477,"tags":2478,"stars":25,"repoUrl":26,"updatedAt":2342},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2479,2480,2481,2482],{"name":13,"slug":14,"type":15},{"name":2336,"slug":2337,"type":15},{"name":2339,"slug":2340,"type":15},{"name":2323,"slug":2324,"type":15},{"slug":2344,"name":2344,"fn":2345,"description":2346,"org":2484,"tags":2485,"stars":25,"repoUrl":26,"updatedAt":2357},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2486,2487,2488,2489],{"name":13,"slug":14,"type":15},{"name":2351,"slug":2352,"type":15},{"name":2339,"slug":2340,"type":15},{"name":2355,"slug":2356,"type":15},{"slug":2359,"name":2359,"fn":2360,"description":2361,"org":2491,"tags":2492,"stars":25,"repoUrl":26,"updatedAt":2375},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2493,2494,2495,2496,2497],{"name":13,"slug":14,"type":15},{"name":2339,"slug":2340,"type":15},{"name":2367,"slug":2368,"type":15},{"name":2370,"slug":2371,"type":15},{"name":2373,"slug":2374,"type":15},{"slug":2377,"name":2377,"fn":2378,"description":2379,"org":2499,"tags":2500,"stars":25,"repoUrl":26,"updatedAt":2389},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2501,2502,2503],{"name":2336,"slug":2337,"type":15},{"name":2384,"slug":2385,"type":15},{"name":2387,"slug":2388,"type":15},{"slug":2391,"name":2391,"fn":2392,"description":2393,"org":2505,"tags":2506,"stars":25,"repoUrl":26,"updatedAt":2406},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2507,2508,2509,2510,2511],{"name":13,"slug":14,"type":15},{"name":17,"slug":18,"type":15},{"name":2399,"slug":228,"type":15},{"name":2401,"slug":2402,"type":15},{"name":2404,"slug":2405,"type":15},{"slug":2408,"name":2408,"fn":2409,"description":2410,"org":2513,"tags":2514,"stars":25,"repoUrl":26,"updatedAt":2416},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2515,2516,2517],{"name":2336,"slug":2337,"type":15},{"name":2339,"slug":2340,"type":15},{"name":2355,"slug":2356,"type":15},{"slug":2418,"name":2418,"fn":2419,"description":2420,"org":2519,"tags":2520,"stars":25,"repoUrl":26,"updatedAt":2428},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2521,2522,2523],{"name":2424,"slug":2425,"type":15},{"name":2339,"slug":2340,"type":15},{"name":2320,"slug":2321,"type":15},96]