Move examples to sample apps

8.0/BlazorSample_BlazorWebApp/BlazorSample.csproj

@@ -10,4 +10,8 @@
     <Folder Include="Development\unsafe_uploads\" />
   </ItemGroup>
 
+  <ItemGroup>
+    <PackageReference Include="Microsoft.AspNetCore.Components.QuickGrid" Version="8.0.0" />
+  </ItemGroup>
+
 </Project>

8.0/BlazorSample_BlazorWebApp/Components/Pages/Daleks.razor

@@ -0,0 +1,23 @@
+@page "/daleks"
+
+<PageTitle>Daleks</PageTitle>
+
+<h1>Root-level Cascading Value Example</h1>
+
+<ul>
+    <li>Dalek Units: @Dalek?.Units</li>
+    <li>Alpha Group Dalek Units: @AlphaGroupDalek?.Units</li>
+</ul>
+
+<p>
+    Dalek© <a href="https://www.imdb.com/name/nm0622334/">Terry Nation</a><br>
+    Doctor Who© <a href="https://www.bbc.co.uk/programmes/b006q2x0">BBC</a>
+</p>
+
+@code {
+    [CascadingParameter]
+    public Dalek? Dalek { get; set; }
+
+    [CascadingParameter(Name = "AlphaGroup")]
+    public Dalek? AlphaGroupDalek { get; set; }
+}

8.0/BlazorSample_BlazorWebApp/Components/Pages/EmptyContent.razor

@@ -0,0 +1,24 @@
+@page "/empty-content"
+
+<PageTitle>Empty Content</PageTitle>
+
+<h1>Empty Content Example</h1>
+
+<Virtualize Items="@stringList">
+    <ItemContent>
+        <p>
+            @context
+        </p>
+    </ItemContent>
+    <EmptyContent>
+        <p>
+            There are no strings to display.
+        </p>
+    </EmptyContent>
+</Virtualize>
+
+@code {
+    private List<string>? stringList;
+
+    protected override void OnInitialized() => stringList ??= new();
+}

8.0/BlazorSample_BlazorWebApp/Components/Pages/PrerenderedCounter1.razor

@@ -0,0 +1,27 @@
+@page "/prerendered-counter-1"
+@rendermode @(new InteractiveServerRenderMode(prerender: true))
+@inject ILogger<PrerenderedCounter1> Logger
+
+<PageTitle>Prerendered Counter 1</PageTitle>
+
+<h1>Prerendered Counter 1</h1>
+
+<p role="status">Current count: @currentCount</p>
+
+<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
+
+@code {
+    private int currentCount;
+    private Random r = new Random();
+
+    protected override void OnInitialized()
+    {
+        currentCount = r.Next(100);
+        Logger.LogInformation("currentCount set to {Count}", currentCount);
+    }
+
+    private void IncrementCount()
+    {
+        currentCount++;
+    }
+}

8.0/BlazorSample_BlazorWebApp/Components/Pages/PrerenderedCounter2.razor

@@ -0,0 +1,54 @@
+@page "/prerendered-counter-2"
+@rendermode @(new InteractiveServerRenderMode(prerender: true))
+@implements IDisposable
+@inject ILogger<PrerenderedCounter2> Logger
+@inject PersistentComponentState ApplicationState
+
+<PageTitle>Prerendered Counter 2</PageTitle>
+
+<h1>Prerendered Counter 2</h1>
+
+<p role="status">Current count: @currentCount</p>
+
+<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
+
+@code {
+    private int currentCount;
+    private Random r = new Random();
+    private PersistingComponentStateSubscription persistingSubscription;
+
+    protected override void OnInitialized()
+    {
+        persistingSubscription =
+            ApplicationState.RegisterOnPersisting(PersistCount);
+
+        if (!ApplicationState.TryTakeFromJson<int>(
+            "count", out var restoredCount))
+        {
+            currentCount = r.Next(100);
+            Logger.LogInformation("currentCount set to {Count}", currentCount);
+        }
+        else
+        {
+            currentCount = restoredCount!;
+            Logger.LogInformation("currentCount restored to {Count}", currentCount);
+        }
+    }
+
+    private Task PersistCount()
+    {
+        ApplicationState.PersistAsJson("count", currentCount);
+
+        return Task.CompletedTask;
+    }
+
+    void IDisposable.Dispose()
+    {
+        persistingSubscription.Dispose();
+    }
+
+    private void IncrementCount()
+    {
+        currentCount++;
+    }
+}

8.0/BlazorSample_BlazorWebApp/Components/Pages/PromotionGrid.razor

@@ -0,0 +1,26 @@
+@page "/promotion-grid"
+@using Microsoft.AspNetCore.Components.QuickGrid
+
+<PageTitle>Promotion Grid</PageTitle>
+
+<h1>Promotion Grid Example</h1>
+
+<QuickGrid Items="@people">
+    <PropertyColumn Property="@(p => p.PersonId)" Sortable="true" />
+    <PropertyColumn Property="@(p => p.Name)" Sortable="true" />
+    <PropertyColumn Property="@(p => p.PromotionDate)" Format="yyyy-MM-dd" Sortable="true" />
+</QuickGrid>
+
+@code {
+    private record Person(int PersonId, string Name, DateOnly PromotionDate);
+
+    private IQueryable<Person> people = new[]
+    {
+        new Person(10895, "Jean Martin", new DateOnly(1985, 3, 16)),
+        new Person(10944, "António Langa", new DateOnly(1991, 12, 1)),
+        new Person(11203, "Julie Smith", new DateOnly(1958, 10, 10)),
+        new Person(11205, "Nur Sari", new DateOnly(1922, 4, 27)),
+        new Person(11898, "Jose Hernandez", new DateOnly(2011, 5, 3)),
+        new Person(12130, "Kenji Sato", new DateOnly(2004, 1, 9)),
+    }.AsQueryable();
+}

8.0/BlazorSample_BlazorWebApp/Components/Pages/VirtualizedTable.razor

@@ -0,0 +1,34 @@
+@page "/virtualized-table"
+
+<PageTitle>Virtualized Table</PageTitle>
+
+<HeadContent>
+    <style>
+        html, body {
+            overflow-y: scroll
+        }
+    </style>
+</HeadContent>
+
+<h1>Virtualized Table Example</h1>
+
+<table id="virtualized-table">
+    <thead style="position: sticky; top: 0; background-color: silver">
+        <tr>
+            <th>Item</th>
+            <th>Another column</th>
+        </tr>
+    </thead>
+    <tbody>
+        <Virtualize Items="@fixedItems" ItemSize="30" SpacerElement="tr">
+            <tr @key="context" style="height: 30px;" id="row-@context">
+                <td>Item @context</td>
+                <td>Another value</td>
+            </tr>
+        </Virtualize>
+    </tbody>
+</table>
+
+@code {
+    private List<int> fixedItems = Enumerable.Range(0, 1000).ToList();
+}

8.0/BlazorSample_BlazorWebApp/Dalek.cs

@@ -0,0 +1,9 @@
+// "Dalek" ©Terry Nation https://www.imdb.com/name/nm0622334/
+// "Doctor Who" ©BBC https://www.bbc.co.uk/programmes/b006q2x0
+
+namespace BlazorSample;
+
+public class Dalek
+{
+    public int Units { get; set; }
+}

8.0/BlazorSample_BlazorWebApp/Program.cs

@@ -15,6 +15,9 @@
 builder.Services.AddScoped<IDataAccess, DataAccess>();
 builder.Services.AddScoped<IProductRepository, ProductRepository>();
 builder.Services.AddHttpClient();
+builder.Services.AddCascadingValue(sp => new Dalek { Units = 123 });
+builder.Services.AddCascadingValue("AlphaGroup", sp => new Dalek { Units = 456 });
+builder.Services.AddMemoryCache();
 
 var app = builder.Build();
 

8.0/BlazorSample_BlazorWebApp/WeatherForecastService.cs

@@ -1,28 +1,37 @@
+using Microsoft.Extensions.Caching.Memory;
+
 namespace BlazorSample;
 
-public class WeatherForecastService
+public class WeatherForecastService(IMemoryCache memoryCache)
 {
-    private static readonly string[] Summaries =
+    private static readonly string[] summaries =
     [
-        "Freezing",
-        "Bracing",
-        "Chilly",
-        "Cool",
-        "Mild",
-        "Warm",
-        "Balmy",
-        "Hot",
-        "Sweltering",
-        "Scorching"
+        "Freezing", "Bracing", "Chilly", "Cool", "Mild",
+        "Warm", "Balmy", "Hot", "Sweltering", "Scorching"
     ];
 
-    public Task<WeatherForecast[]> GetForecastAsync(DateOnly startDate)
+    public IMemoryCache MemoryCache { get; } = memoryCache;
+
+    public Task<WeatherForecast[]?> GetForecastAsync(DateOnly startDate)
     {
-        return Task.FromResult(Enumerable.Range(1, 5).Select(index => new WeatherForecast
+        return MemoryCache.GetOrCreateAsync(startDate, async e =>
         {
-            Date = startDate.AddDays(index),
-            TemperatureC = Random.Shared.Next(-20, 55),
-            Summary = Summaries[Random.Shared.Next(Summaries.Length)]
-        }).ToArray());
+            e.SetOptions(new MemoryCacheEntryOptions
+            {
+                AbsoluteExpirationRelativeToNow =
+                    TimeSpan.FromSeconds(30)
+            });
+
+            var rng = new Random();
+
+            await Task.Delay(TimeSpan.FromSeconds(10));
+
+            return Enumerable.Range(1, 5).Select(index => new WeatherForecast
+            {
+                Date = startDate.AddDays(index),
+                TemperatureC = rng.Next(-20, 55),
+                Summary = summaries[rng.Next(summaries.Length)]
+            }).ToArray();
+        });
     }
 }

8.0/BlazorSample_WebAssembly/BlazorSample.csproj

@@ -7,6 +7,7 @@
   </PropertyGroup>
 
   <ItemGroup>
+    <PackageReference Include="Microsoft.AspNetCore.Components.QuickGrid" Version="8.0.0" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.0" PrivateAssets="all" />
     <PackageReference Include="System.Net.Http.Json" Version="8.0.0" />

8.0/BlazorSample_WebAssembly/Dalek.cs

@@ -0,0 +1,9 @@
+// "Dalek" ©Terry Nation https://www.imdb.com/name/nm0622334/
+// "Doctor Who" ©BBC https://www.bbc.co.uk/programmes/b006q2x0
+
+namespace BlazorSample;
+
+public class Dalek
+{
+    public int Units { get; set; }
+}

8.0/BlazorSample_WebAssembly/Pages/Daleks.razor

@@ -0,0 +1,23 @@
+@page "/daleks"
+
+<PageTitle>Daleks</PageTitle>
+
+<h1>Root-level Cascading Value Example</h1>
+
+<ul>
+    <li>Dalek Units: @Dalek?.Units</li>
+    <li>Alpha Group Dalek Units: @AlphaGroupDalek?.Units</li>
+</ul>
+
+<p>
+    Dalek© <a href="https://www.imdb.com/name/nm0622334/">Terry Nation</a><br>
+    Doctor Who© <a href="https://www.bbc.co.uk/programmes/b006q2x0">BBC</a>
+</p>
+
+@code {
+    [CascadingParameter]
+    public Dalek? Dalek { get; set; }
+
+    [CascadingParameter(Name = "AlphaGroup")]
+    public Dalek? AlphaGroupDalek { get; set; }
+}

8.0/BlazorSample_WebAssembly/Pages/EmptyContent.razor

@@ -0,0 +1,24 @@
+@page "/empty-content"
+
+<PageTitle>Empty Content</PageTitle>
+
+<h1>Empty Content Example</h1>
+
+<Virtualize Items="@stringList">
+    <ItemContent>
+        <p>
+            @context
+        </p>
+    </ItemContent>
+    <EmptyContent>
+        <p>
+            There are no strings to display.
+        </p>
+    </EmptyContent>
+</Virtualize>
+
+@code {
+    private List<string>? stringList;
+
+    protected override void OnInitialized() => stringList ??= new();
+}

8.0/BlazorSample_WebAssembly/Pages/PromotionGrid.razor

@@ -0,0 +1,26 @@
+@page "/promotion-grid"
+@using Microsoft.AspNetCore.Components.QuickGrid
+
+<PageTitle>Promotion Grid</PageTitle>
+
+<h1>Promotion Grid Example</h1>
+
+<QuickGrid Items="@people">
+    <PropertyColumn Property="@(p => p.PersonId)" Sortable="true" />
+    <PropertyColumn Property="@(p => p.Name)" Sortable="true" />
+    <PropertyColumn Property="@(p => p.PromotionDate)" Format="yyyy-MM-dd" Sortable="true" />
+</QuickGrid>
+
+@code {
+    private record Person(int PersonId, string Name, DateOnly PromotionDate);
+
+    private IQueryable<Person> people = new[]
+    {
+        new Person(10895, "Jean Martin", new DateOnly(1985, 3, 16)),
+        new Person(10944, "António Langa", new DateOnly(1991, 12, 1)),
+        new Person(11203, "Julie Smith", new DateOnly(1958, 10, 10)),
+        new Person(11205, "Nur Sari", new DateOnly(1922, 4, 27)),
+        new Person(11898, "Jose Hernandez", new DateOnly(2011, 5, 3)),
+        new Person(12130, "Kenji Sato", new DateOnly(2004, 1, 9)),
+    }.AsQueryable();
+}