├── img
    ├── example1.jpg
    └── blazor-kernel.svg
├── .vscode
    ├── settings.json
    ├── launch.json
    └── tasks.json
├── .gitmodules
├── src
    └── BlazorInteractive
    │   ├── BlazorMarkdown.cs
    │   ├── SyntaxNodeExtensions.cs
    │   ├── VirtualRazorProjectFileSystem.cs
    │   ├── Repl.cs
    │   ├── KernelExtensions.cs
    │   ├── BlazorKernelExtension.cs
    │   ├── BlazorKernel.cs
    │   ├── BlazorInteractive.csproj
    │   ├── BlazorExtensions.cs
    │   └── BlazorCompilationService.cs
├── .github
    ├── dependabot.yml
    └── workflows
    │   └── ci.yml
├── LICENSE
├── tests
    ├── BlazorInteractive.Tests
    │   ├── KernelExtensions.cs
    │   ├── BlazorInteractive.Tests.csproj
    │   ├── BlazorInteractiveTests.cs
    │   └── TestUtility.cs
    ├── integration-test.dib
    └── integration-test.ipynb
├── .editorconfig
├── .devcontainer
    └── devcontainer.json
├── README.md
├── blazor-interactive.sln
└── .gitignore


/img/example1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/plbonneville/BlazorInteractive/HEAD/img/example1.jpg


--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
1 | {
2 |     "dotnet-test-explorer.testProjectPath": "**/*Tests.@(csproj|vbproj|fsproj)"
3 | }


--------------------------------------------------------------------------------
/.gitmodules:
--------------------------------------------------------------------------------
1 | [submodule "src/BlazorRepl"]
2 | 	path = src/BlazorRepl
3 | 	url = https://github.com/BlazorRepl/BlazorRepl.git
4 | 


--------------------------------------------------------------------------------
/src/BlazorInteractive/BlazorMarkdown.cs:
--------------------------------------------------------------------------------
1 | namespace BlazorInteractive;
2 | 
3 | /// <summary>
4 | /// Type used to register a markdown formatter for Blazor.
5 | /// </summary>
6 | internal sealed record BlazorMarkdown(string Value, string ComponentName)
7 | {
8 |     public override string ToString() => Value;
9 | }


--------------------------------------------------------------------------------
/.github/dependabot.yml:
--------------------------------------------------------------------------------
 1 | version: 2
 2 | updates:
 3 | - package-ecosystem: nuget
 4 |   directory: "/src/BlazorInteractive"
 5 |   schedule:
 6 |     interval: daily
 7 |     time: "10:00"
 8 |   open-pull-requests-limit: 10
 9 | - package-ecosystem: nuget
10 |   directory: "/tests/BlazorInteractive.Tests"
11 |   schedule:
12 |     interval: daily
13 |     time: "10:00"
14 |   open-pull-requests-limit: 10
15 | - package-ecosystem: nuget
16 |   directory: "/tests/BlazorInteractive.IntegrationTests"
17 |   schedule:
18 |     interval: daily
19 |     time: "10:00"
20 |   open-pull-requests-limit: 10
21 | 


--------------------------------------------------------------------------------
/src/BlazorInteractive/SyntaxNodeExtensions.cs:
--------------------------------------------------------------------------------
 1 | using System.Text;
 2 | 
 3 | using Microsoft.CodeAnalysis;
 4 | using Microsoft.CodeAnalysis.CSharp.Syntax;
 5 | 
 6 | namespace BlazorInteractive;
 7 | 
 8 | internal static class SyntaxNodeExtensions
 9 | {
10 |     public static string RemoveNamespace(this SyntaxNode root) =>
11 |         root
12 |         .ChildNodes()
13 |         .Where(node => node is not QualifiedNameSyntax)
14 |         .Aggregate(new StringBuilder(), (sb, node) =>
15 |         {
16 |             if (node is NamespaceDeclarationSyntax @namespace)
17 |             {
18 |                 return sb.Append(RemoveNamespace(@namespace));
19 |             }
20 | 
21 |             return sb.Append(node.ToFullString());
22 |         })
23 |         .ToString();
24 | }


--------------------------------------------------------------------------------
/src/BlazorInteractive/VirtualRazorProjectFileSystem.cs:
--------------------------------------------------------------------------------
 1 | namespace BlazorRepl.Core
 2 | {
 3 |     using System.Collections.Generic;
 4 |     using System.Linq;
 5 |     using Microsoft.AspNetCore.Razor.Language;
 6 | 
 7 |     internal class VirtualRazorProjectFileSystem : RazorProjectFileSystem
 8 |     {
 9 |         public override IEnumerable<RazorProjectItem> EnumerateItems(string basePath)
10 |         {
11 |             this.NormalizeAndEnsureValidPath(basePath);
12 |             return Enumerable.Empty<RazorProjectItem>();
13 |         }
14 | 
15 |         ////[Obsolete]
16 |         public override RazorProjectItem GetItem(string path) => this.GetItem(path, fileKind: null);
17 | 
18 | 
19 |         public override RazorProjectItem GetItem(string path, string fileKind)
20 |         {
21 |             this.NormalizeAndEnsureValidPath(path);
22 |             return new NotFoundProjectItem(string.Empty, path);
23 |         }
24 |     }
25 | }
26 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2023 Pier-Luc Bonneville
 4 | All rights reserved.
 5 | 
 6 | Permission is hereby granted, free of charge, to any person obtaining a copy
 7 | of this software and associated documentation files (the "Software"), to deal
 8 | in the Software without restriction, including without limitation the rights
 9 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10 | copies of the Software, and to permit persons to whom the Software is
11 | furnished to do so, subject to the following conditions:
12 | 
13 | The above copyright notice and this permission notice shall be included in all
14 | copies or substantial portions of the Software.
15 | 
16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22 | SOFTWARE.
23 | 


--------------------------------------------------------------------------------
/.vscode/launch.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "version": "0.2.0",
 3 |     "configurations": [
 4 |         {
 5 |             // Use IntelliSense to find out which attributes exist for C# debugging
 6 |             // Use hover for the description of the existing attributes
 7 |             // For further information visit https://github.com/OmniSharp/omnisharp-vscode/blob/master/debugger-launchjson.md
 8 |             "name": ".NET Core Launch (console)",
 9 |             "type": "coreclr",
10 |             "request": "launch",
11 |             "preLaunchTask": "build",
12 |             // If you have changed target frameworks, make sure to update the program path.
13 |             "program": "${workspaceFolder}/src/BlazorInteractive.Tests/bin/Debug/net5.0/BlazorInteractive.Tests.dll",
14 |             "args": [],
15 |             "cwd": "${workspaceFolder}/src/BlazorInteractive.Tests",
16 |             // For more information about the 'console' field, see https://aka.ms/VSCode-CS-LaunchJson-Console
17 |             "console": "internalConsole",
18 |             "stopAtEntry": false
19 |         },
20 |         {
21 |             "name": ".NET Core Attach",
22 |             "type": "coreclr",
23 |             "request": "attach",
24 |             "processId": "${command:pickProcess}"
25 |         }
26 |     ]
27 | }


--------------------------------------------------------------------------------
/tests/BlazorInteractive.Tests/KernelExtensions.cs:
--------------------------------------------------------------------------------
 1 | using Microsoft.DotNet.Interactive.CSharp;
 2 | using Microsoft.DotNet.Interactive.FSharp;
 3 | using Microsoft.DotNet.Interactive.PackageManagement;
 4 | 
 5 | namespace BlazorInteractive.Tests;
 6 | 
 7 | public static class KernelExtensions
 8 | {
 9 |     public static CSharpKernel UseNugetDirective(this CSharpKernel kernel, bool forceRestore = false)
10 |     {
11 |         kernel.UseNugetDirective((k, resolvedPackageReference) =>
12 |         {
13 |             k.AddAssemblyReferences(resolvedPackageReference
14 |                 .SelectMany(r => r.AssemblyPaths));
15 |             return Task.CompletedTask;
16 |         }, forceRestore);
17 | 
18 |         return kernel;
19 |     }
20 | 
21 |     public static FSharpKernel UseNugetDirective(this FSharpKernel kernel, bool forceRestore = false)
22 |     {
23 |         kernel.UseNugetDirective((k, resolvedPackageReference) =>
24 |         {
25 |             var resolvedAssemblies = resolvedPackageReference
26 |                 .SelectMany(r => r.AssemblyPaths);
27 | 
28 |             var packageRoots = resolvedPackageReference
29 |                 .Select(r => r.PackageRoot);
30 | 
31 | 
32 |             k.AddAssemblyReferencesAndPackageRoots(resolvedAssemblies, packageRoots);
33 |             return Task.CompletedTask;
34 |         }, forceRestore);
35 | 
36 |         return kernel;
37 |     }
38 | }


--------------------------------------------------------------------------------
/.github/workflows/ci.yml:
--------------------------------------------------------------------------------
 1 | name: CI
 2 | 
 3 | on:
 4 |   push:
 5 |     branches:
 6 |       - main
 7 |   pull_request:
 8 |     branches:
 9 |       - main
10 | 
11 | env:
12 |   NUGET_API_KEY: ${{ secrets.NUGET_API_KEY }}
13 | 
14 | jobs:
15 |   build:
16 |     runs-on: ubuntu-latest
17 | 
18 |     steps:
19 |       - uses: actions/checkout@v3
20 |         with:
21 |           submodules: true
22 | 
23 |       - name: Setup dotnet
24 |         uses: actions/setup-dotnet@v3
25 |         with:
26 |           dotnet-version: 8.0.100
27 | 
28 |       - name: Install dependencies
29 |         run: dotnet restore ./src/BlazorInteractive
30 | 
31 |       - name: Install dependencies for unit tests
32 |         run: dotnet restore ./tests/BlazorInteractive.Tests
33 | 
34 |       - name: Build
35 |         run: dotnet build --nologo --configuration Release --no-restore ./src/BlazorInteractive
36 | 
37 |       - name: Test
38 |         run: dotnet test --nologo --no-restore --verbosity normal ./tests/BlazorInteractive.Tests
39 | 
40 |       - name: Pack NuGet package
41 |         run: dotnet pack --configuration Release --no-build ./src/BlazorInteractive
42 | 
43 |       - name: Publish NuGet package
44 |         if: startsWith(github.ref, 'refs/heads/main')
45 |         run: dotnet nuget push ./src/BlazorInteractive/bin/Release/*.nupkg --api-key $NUGET_API_KEY --source https://api.nuget.org/v3/index.json --skip-duplicate
46 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | 
 2 | [*.{c,c++,cc,cp,cpp,cu,cuh,cxx,h,hh,hpp,hxx,inc,inl,ino,ipp,mpp,proto,tpp}]
 3 | indent_style=tab
 4 | indent_size=tab
 5 | tab_width=4
 6 | 
 7 | [*.{asax,ascx,aspx,cs,cshtml,css,htm,html,js,jsx,master,razor,skin,ts,tsx,vb,xaml,xamlx,xoml}]
 8 | indent_style=space
 9 | indent_size=4
10 | tab_width=4
11 | 
12 | [*.{appxmanifest,build,config,csproj,dbml,discomap,dtd,json,jsproj,lsproj,njsproj,nuspec,proj,props,resjson,resw,resx,StyleCop,targets,tasks,vbproj,xml,xsd}]
13 | indent_style=space
14 | indent_size=2
15 | tab_width=2
16 | 
17 | [*]
18 | 
19 | # Microsoft .NET properties
20 | csharp_new_line_before_members_in_object_initializers=false
21 | csharp_preferred_modifier_order=public, private, protected, internal, new, abstract, virtual, sealed, override, static, readonly, extern, unsafe, volatile, async:suggestion
22 | csharp_style_var_elsewhere=true:hint
23 | csharp_style_var_for_built_in_types=true:hint
24 | csharp_style_var_when_type_is_apparent=true:hint
25 | dotnet_style_predefined_type_for_locals_parameters_members=true:hint
26 | dotnet_style_predefined_type_for_member_access=true:hint
27 | dotnet_style_qualification_for_event=false:warning
28 | dotnet_style_qualification_for_field=false:warning
29 | dotnet_style_qualification_for_method=false:warning
30 | dotnet_style_qualification_for_property=false:warning
31 | dotnet_style_require_accessibility_modifiers=for_non_interface_members:hint
32 | 


--------------------------------------------------------------------------------
/src/BlazorInteractive/Repl.cs:
--------------------------------------------------------------------------------
 1 | using BlazorRepl.Core;
 2 | 
 3 | namespace BlazorInteractive;
 4 | 
 5 | internal class BlazorAssemblyCompiler
 6 | {
 7 |     public BlazorAssemblyCompiler(string code, string componentName)
 8 |     {
 9 |         CodeFiles.Add($"{componentName}.razor", new CodeFile { Content = code, Path = $"{componentName}.razor" });
10 |     }
11 | 
12 |     public BlazorCompilationService CompilationService { get; init; }
13 | 
14 |     public IReadOnlyCollection<CompilationDiagnostic> Diagnostics { get; private set; } = Array.Empty<CompilationDiagnostic>();
15 | 
16 |     private IDictionary<string, CodeFile> CodeFiles { get; } = new Dictionary<string, CodeFile>();
17 | 
18 |     public async Task<(CompileToAssemblyResult, string)> CompileAsync()
19 |     {
20 |         string code = null;
21 |         CompileToAssemblyResult compilationResult = null;
22 | 
23 |         try
24 |         {
25 |             (compilationResult, code) = await CompilationService.CompileToAssemblyAsync(
26 |                 CodeFiles.Values,
27 |                 _ => Task.CompletedTask);
28 | 
29 |             Diagnostics = compilationResult.Diagnostics.OrderByDescending(x => x.Severity).ThenBy(x => x.Code).ToList();
30 |         }
31 |         catch (Exception e)
32 |         {
33 |             throw new Exception("Error while compiling the code.", e);
34 |         }
35 | 
36 |         return (compilationResult, code);
37 |     }
38 | }
39 | 


--------------------------------------------------------------------------------
/.devcontainer/devcontainer.json:
--------------------------------------------------------------------------------
 1 | // For format details, see https://aka.ms/devcontainer.json. For config options, see the
 2 | // README at: https://github.com/devcontainers/templates/tree/main/src/dotnet
 3 | {
 4 |   "name": "C# (.NET)",
 5 |   // Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
 6 |   "image": "mcr.microsoft.com/devcontainers/dotnet:1-8.0-bookworm",
 7 | 
 8 |   // Features to add to the dev container. More info: https://containers.dev/features.
 9 |   "features": {
10 |     "ghcr.io/devcontainers/features/powershell:1": {}
11 |   },
12 | 
13 |   // Use 'forwardPorts' to make a list of ports inside the container available locally.
14 |   // "forwardPorts": [5000, 5001],
15 |   // "portsAttributes": {
16 |   //		"5001": {
17 |   //			"protocol": "https"
18 |   //		}
19 |   // }
20 | 
21 |   // Use 'postCreateCommand' to run commands after the container is created.
22 |   // "postCreateCommand": "dotnet restore",
23 | 
24 |   // Configure tool-specific properties.
25 |   "customizations": {
26 |     "vscode": {
27 |       "extensions": [
28 |         "formulahendry.dotnet-test-explorer",
29 |         "ms-dotnettools.csharp",
30 |         "ms-dotnettools.dotnet-interactive-vscode",
31 |         "ms-toolsai.jupyter"
32 |       ]
33 |     }
34 |   }
35 | 
36 |   // Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
37 |   // "remoteUser": "root"
38 | }
39 | 


--------------------------------------------------------------------------------
/.vscode/tasks.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "version": "2.0.0",
 3 |     "tasks": [
 4 |         {
 5 |             "label": "build",
 6 |             "command": "dotnet",
 7 |             "type": "process",
 8 |             "args": [
 9 |                 "build",
10 |                 "${workspaceFolder}/src/BlazorInteractive.Tests/BlazorInteractive.Tests.csproj",
11 |                 "/property:GenerateFullPaths=true",
12 |                 "/consoleloggerparameters:NoSummary"
13 |             ],
14 |             "problemMatcher": "$msCompile"
15 |         },
16 |         {
17 |             "label": "publish",
18 |             "command": "dotnet",
19 |             "type": "process",
20 |             "args": [
21 |                 "publish",
22 |                 "${workspaceFolder}/src/BlazorInteractive.Tests/BlazorInteractive.Tests.csproj",
23 |                 "/property:GenerateFullPaths=true",
24 |                 "/consoleloggerparameters:NoSummary"
25 |             ],
26 |             "problemMatcher": "$msCompile"
27 |         },
28 |         {
29 |             "label": "watch",
30 |             "command": "dotnet",
31 |             "type": "process",
32 |             "args": [
33 |                 "watch",
34 |                 "run",
35 |                 "${workspaceFolder}/src/BlazorInteractive.Tests/BlazorInteractive.Tests.csproj",
36 |                 "/property:GenerateFullPaths=true",
37 |                 "/consoleloggerparameters:NoSummary"
38 |             ],
39 |             "problemMatcher": "$msCompile"
40 |         }
41 |     ]
42 | }


--------------------------------------------------------------------------------
/src/BlazorInteractive/KernelExtensions.cs:
--------------------------------------------------------------------------------
 1 | using System.ComponentModel.DataAnnotations;
 2 | using System.Net.Http.Json;
 3 | using System.Reflection;
 4 | 
 5 | using Microsoft.AspNetCore.Components;
 6 | using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
 7 | using Microsoft.DotNet.Interactive;
 8 | using Microsoft.DotNet.Interactive.Commands;
 9 | using Microsoft.DotNet.Interactive.CSharp;
10 | 
11 | namespace BlazorInteractive;
12 | 
13 | internal static class KernelExtensions
14 | {
15 |     private static readonly Assembly[] _references =
16 |     {
17 |         typeof(ComponentBase).Assembly,   // Microsoft.AspNetCore.Components
18 |         typeof(WebAssemblyHost).Assembly, // Microsoft.AspNetCore.Components.WebAssembly
19 |         typeof(DataType).Assembly,        // System.ComponentModel.DataAnnotations
20 |         typeof(JsonContent).Assembly      // System.Net.Http.Json
21 |     };
22 | 
23 |     internal static Task LoadRequiredAssemblies(this CompositeKernel kernel)
24 |         => LoadRequiredAssemblies(kernel.FindKernelByName("csharp") as CSharpKernel);
25 | 
26 |     private static async Task LoadRequiredAssemblies(this CSharpKernel csharpKernel)
27 |     {
28 |         var rDirectives = string.Join(Environment.NewLine, _references.Select(a => $"#r \"{a.Location}\""));
29 | 
30 |         await csharpKernel.SendAsync(new SubmitCode($"{rDirectives}"), CancellationToken.None).ConfigureAwait(false);
31 |         //await csharpKernel.SendAsync(new SubmitCode($"{rDirectives}{Environment.NewLine}{usings}"), CancellationToken.None).ConfigureAwait(false);
32 |     }
33 | }


--------------------------------------------------------------------------------
/tests/BlazorInteractive.Tests/BlazorInteractive.Tests.csproj:
--------------------------------------------------------------------------------
 1 | <Project Sdk="Microsoft.NET.Sdk">
 2 | 
 3 |   <PropertyGroup>
 4 |     <TargetFramework>net8.0</TargetFramework>
 5 |     <ImplicitUsings>enable</ImplicitUsings>
 6 | 
 7 |     <IsPackable>false</IsPackable>
 8 | 
 9 |     <PreserveCompilationReferences>true</PreserveCompilationReferences>
10 |     <PreserveCompilationContext>true</PreserveCompilationContext>
11 | 
12 |   </PropertyGroup>
13 | 
14 |   <ItemGroup>
15 |     <PackageReference Include="Microsoft.DotNet.Interactive.Formatting" Version="1.0.0-beta.23611.1" />
16 |     <PackageReference Include="Microsoft.DotNet.Interactive.PackageManagement" Version="1.0.0-beta.23611.1" />
17 |     <PackageReference Include="Microsoft.DotNet.Interactive.CSharp" Version="1.0.0-beta.23611.1" />
18 |     <PackageReference Include="Microsoft.DotNet.Interactive.FSharp" Version="1.0.0-beta.23611.1" />
19 |     <PackageReference Include="Microsoft.NET.Test.Sdk" Version="17.8.0" />
20 |     <PackageReference Include="xunit" Version="2.6.3" />
21 |     <PackageReference Include="xunit.runner.visualstudio" Version="2.5.5">
22 |       <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
23 |       <PrivateAssets>all</PrivateAssets>
24 |     </PackageReference>
25 |     <PackageReference Include="coverlet.collector" Version="6.0.0">
26 |       <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
27 |       <PrivateAssets>all</PrivateAssets>
28 |     </PackageReference>
29 |     <PackageReference Include="FluentAssertions" Version="6.12.0" />
30 |   </ItemGroup>
31 | 
32 |     <ItemGroup>
33 |      <ProjectReference Include="..\..\src\BlazorInteractive\BlazorInteractive.csproj" />
34 |   </ItemGroup>
35 | 
36 | </Project>
37 | 


--------------------------------------------------------------------------------
/tests/integration-test.dib:
--------------------------------------------------------------------------------
 1 | #!meta
 2 | 
 3 | {"kernelInfo":{"defaultKernelName":"csharp","items":[{"aliases":[],"name":"blazor"},{"aliases":["c#","cs"],"languageName":"C#","name":"csharp"},{"aliases":["f#","fs"],"languageName":"F#","name":"fsharp"},{"aliases":[],"languageName":"HTML","name":"html"},{"aliases":[],"languageName":"http","name":"httpRequest"},{"aliases":["js"],"languageName":"JavaScript","name":"javascript"},{"aliases":[],"languageName":"KQL","name":"kql"},{"aliases":[],"languageName":"Mermaid","name":"mermaid"},{"aliases":["powershell"],"languageName":"PowerShell","name":"pwsh"},{"aliases":[],"languageName":"SQL","name":"sql"},{"aliases":[],"name":"value"}]}}
 4 | 
 5 | #!pwsh
 6 | 
 7 | # 0. Clean-up the bin and obj folders
 8 | Get-ChildItem .. -Include bin,obj -Recurse | Remove-Item -Force -Recurse
 9 | 
10 | # 2. Pack up the NuGet package. Note, you should increment the version because the previous one, once installed, will be in your NuGet cache
11 | $version = [System.DateTime]::Now.ToString("yyyy.MM.dd.HHmmss")
12 | dotnet pack /p:PackageVersion=$version ../src/BlazorInteractive/BlazorInteractive.csproj
13 | 
14 | # 3. Check that the package is there
15 | Get-ChildItem .. -Recurse *.nupkg
16 | 
17 | #!csharp
18 | 
19 | #i nuget:/workspaces/BlazorInteractive/src/BlazorInteractive/bin/Release
20 | #r "nuget:BlazorInteractive"
21 | 
22 | #!blazor
23 | 
24 | <h1>Hello @name</h1>
25 | 
26 | @code {
27 |     string name = "Alice";
28 | }
29 | 
30 | #!csharp
31 | 
32 | #!blazor --name Counter
33 | <h1>Counter</h1>
34 | 
35 | <p>
36 |     Current count: @currentCount
37 | </p>
38 | 
39 | <button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
40 | 
41 | @code {
42 |   public int currentCount = 0;
43 | 
44 |   void IncrementCount()
45 |   {
46 |     currentCount++;
47 |   }
48 | }
49 | 
50 | #!csharp
51 | 
52 | var componentName = typeof(Counter).Name;
53 | componentName
54 | 


--------------------------------------------------------------------------------
/src/BlazorInteractive/BlazorKernelExtension.cs:
--------------------------------------------------------------------------------
 1 | using Microsoft.AspNetCore.Html;
 2 | using Microsoft.DotNet.Interactive;
 3 | using Microsoft.DotNet.Interactive.Commands;
 4 | using Microsoft.DotNet.Interactive.Formatting;
 5 | 
 6 | namespace BlazorInteractive;
 7 | 
 8 | public sealed class BlazorKernelExtension : IKernelExtension, IStaticContentSource
 9 | {
10 |     public string Name => "Blazor";
11 | 
12 |     public async Task OnLoadAsync(Kernel kernel)
13 |     {
14 |         if (kernel is not CompositeKernel compositeKernel)
15 |         {
16 |             throw new InvalidOperationException("The Blazor kernel can only be added into a CompositeKernel.");
17 |         }
18 | 
19 |         // Add a BlazorKernel as a child kernel to the CompositeKernel
20 |         compositeKernel.Add(new BlazorKernel());
21 | 
22 |         await compositeKernel
23 |             .UseBlazor()
24 |             .LoadRequiredAssemblies();
25 | 
26 |         var message = new HtmlString(
27 |             """
28 |             <details>
29 |                 <summary>Compile and render Razor components (.razor) in .NET Interactive Notebooks.</summary>
30 |                 <p>This extension adds a new kernel that can render Blazor markdown.</p>
31 | 
32 |                 <pre>
33 |                     <code>
34 |             #!blazor
35 |             <h1>Counter</h1>
36 | 
37 |             <p>
38 |                 Current count: @currentCount
39 |             </p>
40 | 
41 |             @code {
42 |               int currentCount = 0;
43 |             }</code>
44 |                 </pre>
45 | 
46 |                 <p>This extension also adds the compiled component as a type to the interactive workspace.</p>
47 | 
48 |                 <p>Options:</p>
49 |                 <ul>
50 |                 <li>-n, --name &nbsp;&nbsp;&nbsp;&nbsp;The Razor component's (.razor) type name. The default value is <code>__Main</code></li>
51 |                 </ul>
52 |             </details>
53 |             """);
54 | 
55 |         var formattedValue = new FormattedValue(
56 |             HtmlFormatter.MimeType,
57 |             message.ToDisplayString(HtmlFormatter.MimeType));
58 | 
59 |         await compositeKernel.SendAsync(new DisplayValue(formattedValue, Guid.NewGuid().ToString()));
60 |     }
61 | }


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # .NET Interactive Notebooks Blazor Extension
  2 | 
  3 | [![NuGet version (BlazorInteractive)](https://img.shields.io/nuget/v/BlazorInteractive.svg)](https://www.nuget.org/packages/BlazorInteractive/)
  4 | [![MIT License](https://img.shields.io/apm/l/atomic-design-ui.svg?)](https://github.com/plbonneville/BlazorInteractive/blob/main/LICENSE)
  5 | 
  6 | Compile and render Razor components (.razor) in .NET Interactive Notebooks.
  7 | 
  8 | ## Table of content
  9 | 
 10 | - [Get started](#get-started)
 11 | - [Usage](#usageexamples)
 12 | - [How to compile this project](#how-to-compile-this-project)
 13 | 
 14 | ## Get started
 15 | 
 16 | To get started with Blazor in .NET Interactive Notebooks, first install the `BlazorInteractive` NuGet package.
 17 | 
 18 | In a new `C# (.NET Interactive)` cell enter and run the following:
 19 | 
 20 | ```
 21 | #r "nuget: BlazorInteractive, 1.2.0"
 22 | ```
 23 | 
 24 | ## Usage/Examples
 25 | 
 26 | Using the `#!blazor` magic command your code cell will be parsed by a Blazor engine and the results displayed using the `"txt/html"` mime type.
 27 | 
 28 | ```razor
 29 | #!blazor
 30 | <h1>Hello @name</h1>
 31 | 
 32 | @code {
 33 |     string name = "Alice";
 34 | }
 35 | ```
 36 | 
 37 | ![hello world](img/example1.jpg)
 38 | 
 39 | ### Naming your components
 40 | 
 41 | You can name the generated Razor components using the `-n` or `--name` options.
 42 | 
 43 | ```razor
 44 | #!blazor --name Counter
 45 | <h1>Counter</h1>
 46 | 
 47 | <p>
 48 |     Current count: @currentCount
 49 | </p>
 50 | 
 51 | <button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
 52 | 
 53 | @code {
 54 |   public int currentCount = 0;
 55 | 
 56 |   void IncrementCount()
 57 |   {
 58 |     currentCount++;
 59 |   }
 60 | }
 61 | ```
 62 | 
 63 | You can then use the component as any other class in the next code cells:
 64 | 
 65 | ```csharp
 66 | var componentName = typeof(Counter).Name;
 67 | componentName
 68 | ```
 69 | 
 70 | ```csharp
 71 | var counter = new Counter();
 72 | counter.currentCount
 73 | ```
 74 | 
 75 | ## Sequence of commands and events
 76 | 
 77 | Here is an overview of the sequence of commands and events:
 78 | 
 79 | ![sequence of commands and events](https://github.com/plbonneville/BlazorInteractive/blob/main/img/blazor-kernel.svg)
 80 | 
 81 | ## Contributing
 82 | 
 83 | Contributions are always welcome!
 84 | 
 85 | ### How to compile this project
 86 | 
 87 | Since this project requires a git submodule, you'll need to initialize and update the [Blazor REPL](https://github.com/BlazorRepl/BlazorRepl) submodule.
 88 | 
 89 | #### On the first `git clone`:
 90 | 
 91 | ```
 92 | git clone --recurse-submodules -j8 https://github.com/plbonneville/BlazorInteractive.git
 93 | ```
 94 | 
 95 | #### If you already have the repository cloned, run:
 96 | 
 97 | ```
 98 | git submodule init
 99 | git submodule update
100 | ```
101 | 
102 | ## Built with
103 | 
104 | - [Blazor REPL](https://github.com/BlazorRepl/BlazorRepl)
105 | - [bUnit](https://github.com/bUnit-dev/bUnit)
106 | - [.NET Interactive ](https://github.com/dotnet/interactive)
107 | 


--------------------------------------------------------------------------------
/src/BlazorInteractive/BlazorKernel.cs:
--------------------------------------------------------------------------------
 1 | using System.CommandLine;
 2 | using System.CommandLine.Invocation;
 3 | using System.CommandLine.NamingConventionBinder;
 4 | using System.CommandLine.Parsing;
 5 | 
 6 | using Microsoft.DotNet.Interactive;
 7 | using Microsoft.DotNet.Interactive.Commands;
 8 | 
 9 | namespace BlazorInteractive;
10 | 
11 | /// <summary>
12 | /// A <see cref="Kernel"/> that renders Blazor markup.
13 | /// </summary>
14 | internal sealed class BlazorKernel : Kernel, IKernelCommandHandler<SubmitCode>
15 | {
16 |     private const string DefaultComponentName = "__Main";
17 | 
18 |     /// <summary>
19 |     /// Initializes a new instance of the <see cref="BlazorKernel"/> class.
20 |     /// </summary>
21 |     /// <returns>A new <see cref="BlazorKernel"/> instance.</returns>
22 |     public BlazorKernel() : base("blazor")
23 |     {
24 |     }
25 | 
26 |     private string ComponentName { get; set; } = DefaultComponentName;
27 | 
28 |     public Task HandleAsync(SubmitCode command, KernelInvocationContext context)
29 |     {
30 |         var markdown = new BlazorMarkdown(command.Code, ComponentName);
31 |         context.Display(markdown);
32 |         return Task.CompletedTask;
33 |     }
34 | 
35 |     public override ChooseKernelDirective ChooseKernelDirective
36 |     {
37 |         get
38 |         {
39 |             var nameOption = new Option<string>(
40 |                 new[] { "-n", "--name" },
41 |                 "The Razor component's (.razor) type name. The default value is '__Main'")
42 |             {
43 |                 IsRequired = false
44 |             };
45 | 
46 |             return new BlazorKernelOptionsDirective(this)
47 |                 {
48 |                     nameOption,
49 |                     //fromFileOption,
50 |                 };
51 |         }
52 |     }
53 | 
54 |     private class BlazorKernelOptionsDirective : ChooseKernelDirective
55 |     {
56 |         private readonly BlazorKernel _kernel;
57 | 
58 |         public BlazorKernelOptionsDirective(BlazorKernel kernel, string description = "Compile and render Razor components (.razor).") : base(kernel, description)
59 |         {
60 |             _kernel = kernel;
61 |         }
62 | 
63 |         protected override async Task Handle(KernelInvocationContext kernelInvocationContext, InvocationContext commandLineInvocationContext)
64 |         {
65 |             var options = BlazorDirectiveOptions.Create(commandLineInvocationContext.ParseResult);
66 | 
67 |             //if (options.FromFile is { } fromFile)
68 |             //{
69 |             //    var value = await File.ReadAllTextAsync(fromFile.FullName);
70 |             //    await _kernel.StoreValueAsync(value, options, kernelInvocationContext);
71 |             //}
72 | 
73 |             if (options.Name is { })
74 |             {
75 |                 _kernel.ComponentName = options.Name;
76 |             }
77 | 
78 |             await base.Handle(kernelInvocationContext, commandLineInvocationContext);
79 |         }
80 |     }
81 | 
82 |     private class BlazorDirectiveOptions
83 |     {
84 |         private static readonly ModelBinder<BlazorDirectiveOptions> ModelBinder = new();
85 | 
86 |         public static BlazorDirectiveOptions Create(ParseResult parseResult)
87 |         {
88 |             var invocationContext = new InvocationContext(parseResult);
89 |             var bindingContext = invocationContext.BindingContext;
90 | 
91 |             return ModelBinder.CreateInstance(bindingContext) as BlazorDirectiveOptions;
92 |         }
93 | 
94 |         public string Name { get; set; }
95 | 
96 |         //public FileInfo FromFile { get; set; }
97 |     }
98 | }
99 | 


--------------------------------------------------------------------------------
/src/BlazorInteractive/BlazorInteractive.csproj:
--------------------------------------------------------------------------------
 1 | <Project Sdk="Microsoft.NET.Sdk">
 2 |   <PropertyGroup>
 3 |     <OutputType>Library</OutputType>
 4 |     <TargetFramework>net8.0</TargetFramework>
 5 |     <ImplicitUsings>enable</ImplicitUsings>
 6 |     <IncludeBuildOutput>true</IncludeBuildOutput>
 7 |     <IsPackable>true</IsPackable>
 8 |     <PackageDescription>Renders Blazor markup in dotnet-interactive notebooks.</PackageDescription>
 9 |     <Version>1.2.0</Version>
10 |     <NoWarn>$(NoWarn);NU5100,NU5104,IDE0003</NoWarn>
11 |     <TreatWarningsAsErrors>true</TreatWarningsAsErrors>
12 |     <Deterministic>true</Deterministic>
13 |     <IncludeSymbols>false</IncludeSymbols>
14 |     <Authors>Pier-Luc Bonneville</Authors>
15 |     <PackageLicenseExpression>MIT</PackageLicenseExpression>
16 |     <RepositoryUrl>https://github.com/plbonneville/BlazorInteractive</RepositoryUrl>
17 |   </PropertyGroup>
18 | 
19 |   <ItemGroup>
20 |     <Compile Remove="bin\**" />
21 |     <EmbeddedResource Remove="bin\**" />
22 |     <None Remove="bin\**" />
23 |   </ItemGroup>
24 | 
25 |   <ItemGroup>
26 |     <Compile Include="..\BlazorRepl\Core\CodeFile.cs" Link="BlazorRepl\CodeFile.cs" />
27 |     <Compile Include="..\BlazorRepl\Core\CodeFileType.cs" Link="BlazorRepl\CodeFileType.cs" />
28 |     <Compile Include="..\BlazorRepl\Core\CompilationDiagnostic.cs" Link="BlazorRepl\CompilationDiagnostic.cs" />
29 |     <Compile Include="..\BlazorRepl\Core\CompilationDiagnosticKind.cs" Link="BlazorRepl\CompilationDiagnosticKind.cs" />
30 |     <Compile Include="..\BlazorRepl\Core\CompilationService.cs" Link="BlazorRepl\CompilationService.cs" />
31 |     <Compile Include="..\BlazorRepl\Core\CompileToAssemblyResult.cs" Link="BlazorRepl\CompileToAssemblyResult.cs" />
32 |     <Compile Include="..\BlazorRepl\Core\CompileToCSharpResult.cs" Link="BlazorRepl\CompileToCSharpResult.cs" />
33 |     <Compile Include="..\BlazorRepl\Core\CoreConstants.cs" Link="BlazorRepl\CoreConstants.cs" />
34 |     <Compile Include="..\BlazorRepl\Core\NotFoundProjectItem.cs" Link="BlazorRepl\NotFoundProjectItem.cs" />
35 |     <!--<Compile Include="..\BlazorRepl\Core\VirtualProjectFileSystem.cs" Link="BlazorRepl\VirtualProjectFileSystem.cs" />-->
36 |     <Compile Include="..\BlazorRepl\Core\VirtualProjectItem.cs" Link="BlazorRepl\VirtualProjectItem.cs" />
37 |   </ItemGroup>
38 | 
39 |   <ItemGroup>
40 |     <None Include="$(OutputPath)/BlazorInteractive.dll" Pack="true" PackagePath="interactive-extensions/dotnet" />
41 |   </ItemGroup>
42 | 
43 |   <ItemGroup>
44 |     <PackageReference Include="bunit" Version="1.25.3" />
45 |     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
46 |     <PackageReference Include="Microsoft.AspNetCore.Razor.Language" Version="6.0.25" />
47 |     <PackageReference Include="Microsoft.CodeAnalysis" Version="4.8.0" />
48 |     <PackageReference Include="Microsoft.CodeAnalysis.Common" Version="4.8.0" />
49 |     <PackageReference Include="Microsoft.CodeAnalysis.Scripting" Version="4.8.0" />
50 |     <PackageReference Include="Microsoft.CodeAnalysis.CSharp.Features" Version="4.8.0" />
51 |     <PackageReference Include="Microsoft.CodeAnalysis.CSharp.Workspaces" Version="4.8.0" />
52 |     <PackageReference Include="Microsoft.CodeAnalysis.CSharp" Version="4.8.0" />
53 |     <PackageReference Include="Microsoft.CodeAnalysis.CSharp.Scripting" Version="4.8.0" />
54 |     <PackageReference Include="Microsoft.CodeAnalysis.Razor" Version="6.0.25" />
55 |     <PackageReference Include="Microsoft.DotNet.Interactive.CSharp" Version="1.0.0-beta.23611.1" />
56 |     <PackageReference Include="System.Diagnostics.DiagnosticSource" Version="8.0.0" />
57 |     <PackageReference Include="System.Text.Json" Version="8.0.0" />
58 |   </ItemGroup>
59 | 
60 |   <ItemGroup>
61 |     <InternalsVisibleTo Include="$(AssemblyName).Tests" />
62 |   </ItemGroup>
63 | </Project>
64 | 


--------------------------------------------------------------------------------
/src/BlazorInteractive/BlazorExtensions.cs:
--------------------------------------------------------------------------------
 1 | using System.Text.Encodings.Web;
 2 | 
 3 | using Bunit;
 4 | using Microsoft.AspNetCore.Components;
 5 | using Microsoft.AspNetCore.Html;
 6 | using Microsoft.CodeAnalysis.CSharp;
 7 | using Microsoft.DotNet.Interactive;
 8 | using Microsoft.DotNet.Interactive.Commands;
 9 | using Microsoft.DotNet.Interactive.CSharp;
10 | using Microsoft.DotNet.Interactive.Formatting;
11 | 
12 | namespace BlazorInteractive;
13 | 
14 | internal static class BlazorExtensions
15 | {
16 |     /// <summary>
17 |     /// Registers the type <see cref="BlazorMarkdown"/> as a formatter.
18 |     /// </summary>
19 |     /// <param name="kernel">A <see cref="Kernel"/>.</param>
20 |     /// <returns>A reference to this instance after the operation has completed.</returns>
21 |     public static T UseBlazor<T>(this T kernel) where T : Kernel
22 |     {
23 |         Formatter.Register<BlazorMarkdown>((markdown, writer) =>
24 |         {
25 |             // Formatter.Register() doesn't support async formatters yet.
26 |             // Prevent SynchronizationContext-induced deadlocks given the following sync-over-async code.
27 |             ExecutionContext.SuppressFlow();
28 | 
29 |             try
30 |             {
31 |                 Task.Run(async () =>
32 |                 {
33 |                     var (assemblyBytes, code) = await GenerateAssemblyAndCodeFile(markdown);
34 | 
35 |                     var html = GenerateHtml(assemblyBytes, markdown.ComponentName);
36 |                     html.WriteTo(writer, HtmlEncoder.Default);
37 | 
38 |                     AddComponentTypeToInteractiveWorkspace(kernel, code);
39 |                 })
40 |                 .Wait();
41 |             }
42 |             finally
43 |             {
44 |                 ExecutionContext.RestoreFlow();
45 |             }
46 |         }, HtmlFormatter.MimeType);
47 | 
48 |         return kernel;
49 |     }
50 | 
51 |     private static async Task<(byte[] assemblyBytes, string code)> GenerateAssemblyAndCodeFile(BlazorMarkdown markdown)
52 |     {
53 |         var blazorCompilationService = new BlazorCompilationService();
54 |         await blazorCompilationService.InitializeAsync();
55 | 
56 |         var blazorAssemblyCompiler = new BlazorAssemblyCompiler(markdown.ToString(), markdown.ComponentName)
57 |         {
58 |             CompilationService = blazorCompilationService
59 |         };
60 | 
61 |         var (compileToAssemblyResult, code) = await blazorAssemblyCompiler.CompileAsync();
62 | 
63 |         return (compileToAssemblyResult.AssemblyBytes, code);
64 |     }
65 | 
66 |     private static void AddComponentTypeToInteractiveWorkspace(Kernel kernel, string code)
67 |     {
68 |         var tree = CSharpSyntaxTree.ParseText(code);
69 |         var root = tree.GetCompilationUnitRoot();
70 |         var codeWithoutNamespace = root.RemoveNamespace();
71 | 
72 |         var csharpKernel = kernel.FindKernelByName("csharp") as CSharpKernel;
73 | 
74 |         csharpKernel.DeferCommand(new SubmitCode(codeWithoutNamespace));
75 |     }
76 | 
77 |     private static IHtmlContent GenerateHtml(byte[] assemblyBytes, string componentName)
78 |     {
79 |         var assembly = AppDomain.CurrentDomain.Load(assemblyBytes);
80 | 
81 |         var type = assembly.GetType($"BlazorRepl.UserComponents.{componentName}");
82 | 
83 |         using var ctx = new TestContext();
84 |         var method = typeof(TestContext).GetMethods().First(x => x.Name == nameof(TestContext.RenderComponent));
85 |         var generic = method.MakeGenericMethod(type);
86 |         var results = generic.Invoke(ctx, new object[] { Array.Empty<ComponentParameter>() });
87 |         var cut = results as IRenderedComponent<IComponent>;
88 | 
89 |         var markup = cut.Markup;
90 | 
91 |         var id = "blazorExtension" + Guid.NewGuid().ToString("N");
92 | 
93 |         var html = $"""
94 |                    <div id="{id}">{markup}</div>
95 |                    """.ToHtmlContent();
96 | 
97 |         return html;
98 |     }
99 | }


--------------------------------------------------------------------------------
/blazor-interactive.sln:
--------------------------------------------------------------------------------
 1 | 
 2 | Microsoft Visual Studio Solution File, Format Version 12.00
 3 | # Visual Studio Version 16
 4 | VisualStudioVersion = 16.6.30114.105
 5 | MinimumVisualStudioVersion = 10.0.40219.1
 6 | Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "src", "src", "{613EF67B-FFB0-4C36-A182-3DB50FAD7E31}"
 7 | EndProject
 8 | Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BlazorInteractive", "src\BlazorInteractive\BlazorInteractive.csproj", "{A69401AE-183E-41B5-BDEF-BE8AEA8D19A7}"
 9 | EndProject
10 | Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "tests", "tests", "{199EB841-975A-4AD2-888F-0069FAE90207}"
11 | EndProject
12 | Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BlazorInteractive.Tests", "tests\BlazorInteractive.Tests\BlazorInteractive.Tests.csproj", "{01CD8BE9-5946-4ECF-AB12-C13733BD198D}"
13 | EndProject
14 | Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "Solution Items", "Solution Items", "{2A3E6E66-BA9C-457E-BC2A-214D64685226}"
15 | 	ProjectSection(SolutionItems) = preProject
16 | 		.gitignore = .gitignore
17 | 		README.md = README.md
18 | 	EndProjectSection
19 | EndProject
20 | Global
21 | 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
22 | 		Debug|Any CPU = Debug|Any CPU
23 | 		Debug|x64 = Debug|x64
24 | 		Debug|x86 = Debug|x86
25 | 		Release|Any CPU = Release|Any CPU
26 | 		Release|x64 = Release|x64
27 | 		Release|x86 = Release|x86
28 | 	EndGlobalSection
29 | 	GlobalSection(ProjectConfigurationPlatforms) = postSolution
30 | 		{A69401AE-183E-41B5-BDEF-BE8AEA8D19A7}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
31 | 		{A69401AE-183E-41B5-BDEF-BE8AEA8D19A7}.Debug|Any CPU.Build.0 = Debug|Any CPU
32 | 		{A69401AE-183E-41B5-BDEF-BE8AEA8D19A7}.Debug|x64.ActiveCfg = Debug|Any CPU
33 | 		{A69401AE-183E-41B5-BDEF-BE8AEA8D19A7}.Debug|x64.Build.0 = Debug|Any CPU
34 | 		{A69401AE-183E-41B5-BDEF-BE8AEA8D19A7}.Debug|x86.ActiveCfg = Debug|Any CPU
35 | 		{A69401AE-183E-41B5-BDEF-BE8AEA8D19A7}.Debug|x86.Build.0 = Debug|Any CPU
36 | 		{A69401AE-183E-41B5-BDEF-BE8AEA8D19A7}.Release|Any CPU.ActiveCfg = Release|Any CPU
37 | 		{A69401AE-183E-41B5-BDEF-BE8AEA8D19A7}.Release|Any CPU.Build.0 = Release|Any CPU
38 | 		{A69401AE-183E-41B5-BDEF-BE8AEA8D19A7}.Release|x64.ActiveCfg = Release|Any CPU
39 | 		{A69401AE-183E-41B5-BDEF-BE8AEA8D19A7}.Release|x64.Build.0 = Release|Any CPU
40 | 		{A69401AE-183E-41B5-BDEF-BE8AEA8D19A7}.Release|x86.ActiveCfg = Release|Any CPU
41 | 		{A69401AE-183E-41B5-BDEF-BE8AEA8D19A7}.Release|x86.Build.0 = Release|Any CPU
42 | 		{01CD8BE9-5946-4ECF-AB12-C13733BD198D}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
43 | 		{01CD8BE9-5946-4ECF-AB12-C13733BD198D}.Debug|Any CPU.Build.0 = Debug|Any CPU
44 | 		{01CD8BE9-5946-4ECF-AB12-C13733BD198D}.Debug|x64.ActiveCfg = Debug|Any CPU
45 | 		{01CD8BE9-5946-4ECF-AB12-C13733BD198D}.Debug|x64.Build.0 = Debug|Any CPU
46 | 		{01CD8BE9-5946-4ECF-AB12-C13733BD198D}.Debug|x86.ActiveCfg = Debug|Any CPU
47 | 		{01CD8BE9-5946-4ECF-AB12-C13733BD198D}.Debug|x86.Build.0 = Debug|Any CPU
48 | 		{01CD8BE9-5946-4ECF-AB12-C13733BD198D}.Release|Any CPU.ActiveCfg = Release|Any CPU
49 | 		{01CD8BE9-5946-4ECF-AB12-C13733BD198D}.Release|Any CPU.Build.0 = Release|Any CPU
50 | 		{01CD8BE9-5946-4ECF-AB12-C13733BD198D}.Release|x64.ActiveCfg = Release|Any CPU
51 | 		{01CD8BE9-5946-4ECF-AB12-C13733BD198D}.Release|x64.Build.0 = Release|Any CPU
52 | 		{01CD8BE9-5946-4ECF-AB12-C13733BD198D}.Release|x86.ActiveCfg = Release|Any CPU
53 | 		{01CD8BE9-5946-4ECF-AB12-C13733BD198D}.Release|x86.Build.0 = Release|Any CPU
54 | 	EndGlobalSection
55 | 	GlobalSection(SolutionProperties) = preSolution
56 | 		HideSolutionNode = FALSE
57 | 	EndGlobalSection
58 | 	GlobalSection(NestedProjects) = preSolution
59 | 		{A69401AE-183E-41B5-BDEF-BE8AEA8D19A7} = {613EF67B-FFB0-4C36-A182-3DB50FAD7E31}
60 | 		{01CD8BE9-5946-4ECF-AB12-C13733BD198D} = {199EB841-975A-4AD2-888F-0069FAE90207}
61 | 	EndGlobalSection
62 | 	GlobalSection(ExtensibilityGlobals) = postSolution
63 | 		SolutionGuid = {52169C88-A241-48ED-93DF-ED15925961A3}
64 | 	EndGlobalSection
65 | EndGlobal
66 | 


--------------------------------------------------------------------------------
/tests/integration-test.ipynb:
--------------------------------------------------------------------------------
  1 | {
  2 |  "cells": [
  3 |   {
  4 |    "cell_type": "code",
  5 |    "execution_count": 1,
  6 |    "metadata": {
  7 |     "dotnet_interactive": {
  8 |      "language": "pwsh"
  9 |     }
 10 |    },
 11 |    "outputs": [
 12 |     {
 13 |      "name": "stdout",
 14 |      "output_type": "stream",
 15 |      "text": [
 16 |       "MSBuild version 17.8.3+195e7f5a3 for .NET\n",
 17 |       "  Determining projects to restore...\n",
 18 |       "  Restored /workspaces/BlazorInteractive/src/BlazorInteractive/BlazorInteractive.csproj (in 540 ms).\n",
 19 |       "  BlazorInteractive -> /workspaces/BlazorInteractive/src/BlazorInteractive/bin/Release/net8.0/BlazorInteractive.dll\n",
 20 |       "  The package BlazorInteractive.2023.12.13.15524 is missing a readme. Go to https://aka.ms/nuget/authoring-best-practices/readme to learn why package readmes are important.\n",
 21 |       "  Successfully created package '/workspaces/BlazorInteractive/src/BlazorInteractive/bin/Release/BlazorInteractive.2023.12.13.15524.nupkg'.\n",
 22 |       "\n",
 23 |       "    Directory: /workspaces/BlazorInteractive/src/BlazorInteractive/bin/Release\n",
 24 |       "\n",
 25 |       "\u001b[32;1mUnixMode  \u001b[0m\u001b[32;1m       User\u001b[0m\u001b[32;1m Group     \u001b[0m\u001b[32;1m    LastWriteTime\u001b[0m\u001b[32;1m         Size\u001b[0m\u001b[32;1m Name\u001b[0m\n",
 26 |       "\u001b[32;1m--------  \u001b[0m \u001b[32;1m      ----\u001b[0m \u001b[32;1m-----     \u001b[0m \u001b[32;1m   -------------\u001b[0m \u001b[32;1m        ----\u001b[0m \u001b[32;1m----\u001b[0m\n",
 27 |       "-rw-r--r--     vscode vscode     12/13/2023 01:55        53883 \u001b[31;1mBlazorInteractive.2023.12.13.15524.n\u001b[0m\n",
 28 |       "                                                               \u001b[31;1mupkg\u001b[0m\n",
 29 |       "\n"
 30 |      ]
 31 |     }
 32 |    ],
 33 |    "source": [
 34 |     "# 0. Clean-up the bin and obj folders\n",
 35 |     "Get-ChildItem .. -Include bin,obj -Recurse | Remove-Item -Force -Recurse\n",
 36 |     "\n",
 37 |     "# 2. Pack up the NuGet package. Note, you should increment the version because the previous one, once installed, will be in your NuGet cache\n",
 38 |     "$version = [System.DateTime]::Now.ToString(\"yyyy.MM.dd.HHmmss\")\n",
 39 |     "dotnet pack /p:PackageVersion=$version ../src/BlazorInteractive/BlazorInteractive.csproj\n",
 40 |     "\n",
 41 |     "# 3. Check that the package is there\n",
 42 |     "Get-ChildItem .. -Recurse *.nupkg"
 43 |    ]
 44 |   },
 45 |   {
 46 |    "cell_type": "code",
 47 |    "execution_count": 2,
 48 |    "metadata": {
 49 |     "dotnet_interactive": {
 50 |      "language": "csharp"
 51 |     }
 52 |    },
 53 |    "outputs": [
 54 |     {
 55 |      "data": {
 56 |       "text/html": [
 57 |        "<div><div><strong>Restore sources</strong><ul><li><span>/workspaces/BlazorInteractive/src/BlazorInteractive/bin/Release</span></li></ul></div><div></div><div><strong>Installed Packages</strong><ul><li><span>BlazorInteractive, 2023.12.13.15524</span></li></ul></div></div>"
 58 |       ]
 59 |      },
 60 |      "metadata": {},
 61 |      "output_type": "display_data"
 62 |     },
 63 |     {
 64 |      "data": {
 65 |       "text/plain": [
 66 |        "Loading extensions from `/home/vscode/.nuget/packages/blazorinteractive/2023.12.13.15524/lib/net8.0/BlazorInteractive.dll`"
 67 |       ]
 68 |      },
 69 |      "metadata": {},
 70 |      "output_type": "display_data"
 71 |     },
 72 |     {
 73 |      "data": {
 74 |       "text/html": [
 75 |        "<details>\r\n",
 76 |        "    <summary>Compile and render Razor components (.razor) in .NET Interactive Notebooks.</summary>\r\n",
 77 |        "    <p>This extension adds a new kernel that can render Blazor markdown.</p>\r\n",
 78 |        "\r\n",
 79 |        "    <pre>\r\n",
 80 |        "        <code>\r\n",
 81 |        "#!blazor\r\n",
 82 |        "<h1>Counter</h1>\r\n",
 83 |        "\r\n",
 84 |        "<p>\r\n",
 85 |        "    Current count: @currentCount\r\n",
 86 |        "</p>\r\n",
 87 |        "\r\n",
 88 |        "@code {\r\n",
 89 |        "  int currentCount = 0;\r\n",
 90 |        "}</code>\r\n",
 91 |        "    </pre>\r\n",
 92 |        "\r\n",
 93 |        "    <p>This extension also adds the compiled component as a type to the interactive workspace.</p>\r\n",
 94 |        "\r\n",
 95 |        "    <p>Options:</p>\r\n",
 96 |        "    <ul>\r\n",
 97 |        "    <li>-n, --name &nbsp;&nbsp;&nbsp;&nbsp;The Razor component's (.razor) type name. The default value is <code>__Main</code></li>\r\n",
 98 |        "    </ul>\r\n",
 99 |        "</details>"
100 |       ]
101 |      },
102 |      "metadata": {},
103 |      "output_type": "display_data"
104 |     }
105 |    ],
106 |    "source": [
107 |     "#i nuget:/workspaces/BlazorInteractive/src/BlazorInteractive/bin/Release\n",
108 |     "#r \"nuget:BlazorInteractive\""
109 |    ]
110 |   },
111 |   {
112 |    "cell_type": "code",
113 |    "execution_count": 3,
114 |    "metadata": {
115 |     "dotnet_interactive": {
116 |      "language": "csharp"
117 |     }
118 |    },
119 |    "outputs": [
120 |     {
121 |      "data": {
122 |       "text/html": [
123 |        "<div id=\"blazorExtension2eb01bf6e6db4e71b4e39c1256ea0c85\"><h1>Hello Alice</h1></div>"
124 |       ]
125 |      },
126 |      "metadata": {},
127 |      "output_type": "display_data"
128 |     }
129 |    ],
130 |    "source": [
131 |     "#!blazor\n",
132 |     "<h1>Hello @name</h1>\n",
133 |     "\n",
134 |     "@code {\n",
135 |     "    string name = \"Alice\";\n",
136 |     "}"
137 |    ]
138 |   },
139 |   {
140 |    "cell_type": "code",
141 |    "execution_count": 4,
142 |    "metadata": {
143 |     "dotnet_interactive": {
144 |      "language": "csharp"
145 |     }
146 |    },
147 |    "outputs": [
148 |     {
149 |      "data": {
150 |       "text/html": [
151 |        "<div id=\"blazorExtension90e2b481917a483697b2f554a90bb5f7\"><h1>Counter</h1>\n",
152 |        "\n",
153 |        "<p>\n",
154 |        "    Current count: 0</p>\n",
155 |        "\n",
156 |        "<button class=\"btn btn-primary\" blazor:onclick=\"1\">Click me</button></div>"
157 |       ]
158 |      },
159 |      "metadata": {},
160 |      "output_type": "display_data"
161 |     }
162 |    ],
163 |    "source": [
164 |     "#!blazor --name Counter\n",
165 |     "<h1>Counter</h1>\n",
166 |     "\n",
167 |     "<p>\n",
168 |     "    Current count: @currentCount\n",
169 |     "</p>\n",
170 |     "\n",
171 |     "<button class=\"btn btn-primary\" @onclick=\"IncrementCount\">Click me</button>\n",
172 |     "\n",
173 |     "@code {\n",
174 |     "  public int currentCount = 0;\n",
175 |     "\n",
176 |     "  void IncrementCount()\n",
177 |     "  {\n",
178 |     "    currentCount++;\n",
179 |     "  }\n",
180 |     "}"
181 |    ]
182 |   },
183 |   {
184 |    "cell_type": "code",
185 |    "execution_count": 5,
186 |    "metadata": {
187 |     "dotnet_interactive": {
188 |      "language": "csharp"
189 |     }
190 |    },
191 |    "outputs": [
192 |     {
193 |      "data": {
194 |       "text/plain": [
195 |        "Counter"
196 |       ]
197 |      },
198 |      "metadata": {},
199 |      "output_type": "display_data"
200 |     }
201 |    ],
202 |    "source": [
203 |     "var componentName = typeof(Counter).Name;\n",
204 |     "componentName"
205 |    ]
206 |   }
207 |  ],
208 |  "metadata": {
209 |   "kernelspec": {
210 |    "display_name": ".NET (C#)",
211 |    "language": "C#",
212 |    "name": ".net-csharp"
213 |   },
214 |   "language_info": {
215 |    "name": "polyglot-notebook"
216 |   },
217 |   "polyglot_notebook": {
218 |    "kernelInfo": {
219 |     "defaultKernelName": "csharp",
220 |     "items": [
221 |      {
222 |       "aliases": [],
223 |       "name": ".NET"
224 |      },
225 |      {
226 |       "aliases": [],
227 |       "name": "blazor"
228 |      },
229 |      {
230 |       "aliases": [
231 |        "C#",
232 |        "c#"
233 |       ],
234 |       "languageName": "C#",
235 |       "name": "csharp"
236 |      },
237 |      {
238 |       "aliases": [
239 |        "F#",
240 |        "f#"
241 |       ],
242 |       "languageName": "F#",
243 |       "name": "fsharp"
244 |      },
245 |      {
246 |       "aliases": [],
247 |       "languageName": "HTML",
248 |       "name": "html"
249 |      },
250 |      {
251 |       "aliases": [],
252 |       "languageName": "KQL",
253 |       "name": "kql"
254 |      },
255 |      {
256 |       "aliases": [],
257 |       "languageName": "Mermaid",
258 |       "name": "mermaid"
259 |      },
260 |      {
261 |       "aliases": [
262 |        "powershell"
263 |       ],
264 |       "languageName": "PowerShell",
265 |       "name": "pwsh"
266 |      },
267 |      {
268 |       "aliases": [],
269 |       "languageName": "SQL",
270 |       "name": "sql"
271 |      },
272 |      {
273 |       "aliases": [],
274 |       "name": "value"
275 |      },
276 |      {
277 |       "aliases": [
278 |        "frontend"
279 |       ],
280 |       "name": "vscode"
281 |      }
282 |     ]
283 |    }
284 |   }
285 |  },
286 |  "nbformat": 4,
287 |  "nbformat_minor": 2
288 | }
289 | 


--------------------------------------------------------------------------------
/tests/BlazorInteractive.Tests/BlazorInteractiveTests.cs:
--------------------------------------------------------------------------------
  1 | using FluentAssertions;
  2 | using Microsoft.DotNet.Interactive;
  3 | using Microsoft.DotNet.Interactive.Commands;
  4 | using Microsoft.DotNet.Interactive.CSharp;
  5 | using Microsoft.DotNet.Interactive.Events;
  6 | using Microsoft.DotNet.Interactive.FSharp;
  7 | using Microsoft.DotNet.Interactive.Tests.Utility;
  8 | using Xunit;
  9 | 
 10 | namespace BlazorInteractive.Tests;
 11 | 
 12 | public sealed class BlazorInteractiveTests : IDisposable
 13 | {
 14 |     private readonly Kernel _kernel;
 15 | 
 16 |     public BlazorInteractiveTests()
 17 |     {
 18 |         // Prevent SynchronizationContext-induced deadlocks given the following sync-over-async code.
 19 |         ExecutionContext.SuppressFlow();
 20 | 
 21 |         try
 22 |         {
 23 |             _kernel = new CompositeKernel
 24 |             {
 25 |                 new CSharpKernel().UseNugetDirective(),
 26 |                 new FSharpKernel().UseNugetDirective()
 27 |             };
 28 | 
 29 |             Task.Run(async () =>
 30 |             {
 31 |                 var extension = new BlazorKernelExtension();
 32 |                 await extension.OnLoadAsync(_kernel);
 33 |             })
 34 |             .Wait();
 35 | 
 36 |             KernelEvents = _kernel.KernelEvents.ToSubscribedList();
 37 |         }
 38 |         finally
 39 |         {
 40 |             ExecutionContext.RestoreFlow();
 41 |         }
 42 |     }
 43 | 
 44 |     private SubscribedList<KernelEvent> KernelEvents { get; }
 45 | 
 46 |     public void Dispose()
 47 |     {
 48 |         _kernel?.Dispose();
 49 |         KernelEvents?.Dispose();
 50 |         GC.SuppressFinalize(this);
 51 |     }
 52 | 
 53 |     [Fact]
 54 |     public async Task It_is_registered_as_a_directive()
 55 |     {
 56 |         // Arrange
 57 |         using var events = _kernel.KernelEvents.ToSubscribedList();
 58 | 
 59 |         // Act
 60 |         await _kernel.SubmitCodeAsync("#!blazor");
 61 | 
 62 |         // Assert
 63 |         KernelEvents
 64 |             .Should()
 65 |             .ContainSingle<CommandSucceeded>()
 66 |             .Which.Command.Should().BeOfType<SubmitCode>()
 67 |             .Which.Code.Should().Be("#!blazor");
 68 |     }
 69 | 
 70 |     [Fact]
 71 |     public async Task It_formats_BlazorCode_as_html()
 72 |     {
 73 |         // Arrange
 74 |         using var events = _kernel.KernelEvents.ToSubscribedList();
 75 | 
 76 |         // Act
 77 |         await _kernel.SubmitCodeAsync(
 78 |             """
 79 |                 #!blazor
 80 |                 <h1>hello world</h1>
 81 |                 """);
 82 | 
 83 |         // Assert
 84 |         events
 85 |             .Should()
 86 |             .ContainSingle<DisplayEvent>()
 87 |             .Which
 88 |             .FormattedValues
 89 |             .Should()
 90 |             .ContainSingle(v => v.MimeType == "text/html");
 91 |     }
 92 | 
 93 |     [Fact]
 94 |     public async Task It_interprets_BlazorCode()
 95 |     {
 96 |         // Arrange
 97 |         const string code =
 98 |             """
 99 |                 #!blazor
100 |                 <h1>Hello world @name!</h1>
101 | 
102 |                 @code {
103 |                     string name = "Alice";
104 |                 }
105 |                 """;
106 | 
107 |         using var events = _kernel.KernelEvents.ToSubscribedList();
108 | 
109 |         // Act
110 |         await _kernel.SubmitCodeAsync(code);
111 | 
112 |         // Assert
113 |         events
114 |             .Should()
115 |             .ContainSingle<DisplayEvent>()
116 |             .Which
117 |             .FormattedValues
118 |             .Should()
119 |             .ContainSingle(v => v.MimeType == "text/html")
120 |             .Which
121 |             .Value
122 |             .Should()
123 |             .Contain("Hello world Alice!");
124 |     }
125 | 
126 |     [Fact]
127 |     public async Task It_interpret_BlazorCode_with_a_method()
128 |     {
129 |         // Arrange
130 |         const string code =
131 |             """
132 |                 #!blazor
133 |                 <h1>Counter</h1>
134 | 
135 |                 <p>
136 |                     Current count: @currentCount
137 |                 </p>
138 | 
139 |                 <button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
140 | 
141 |                 @code {
142 |                     int currentCount = 0;
143 | 
144 |                     void IncrementCount()
145 |                     {
146 |                         currentCount++;
147 |                     }
148 |                 }
149 |                 """;
150 | 
151 |         using var events = _kernel.KernelEvents.ToSubscribedList();
152 | 
153 |         // Act
154 |         await _kernel.SubmitCodeAsync(code);
155 | 
156 |         // Assert
157 |         KernelEvents
158 |             .Should()
159 |             .ContainSingle<DisplayEvent>()
160 |             .Which
161 |             .FormattedValues
162 |             .Should()
163 |             .ContainSingle(v => v.MimeType == "text/html")
164 |             .Which
165 |             .Value
166 |             .Should()
167 |             .Contain("Current count: 0")
168 |             .And
169 |             .Contain("Click me");
170 |     }
171 | 
172 |     [Fact]
173 |     public async Task It_renders_html_and_not_html_encoded_html()
174 |     {
175 |         // Arrange
176 |         using var events = _kernel.KernelEvents.ToSubscribedList();
177 | 
178 |         // Act
179 |         await _kernel.SubmitCodeAsync(
180 |             """
181 |                 #!blazor
182 |                 <h1>hello world</h1>
183 |                 """);
184 | 
185 |         await Task.Delay(1000);
186 | 
187 |         // Assert
188 |         KernelEvents
189 |             .Should()
190 |             .ContainSingle<DisplayEvent>()
191 |             .Which
192 |             .FormattedValues
193 |             .Should()
194 |             .ContainSingle(v => v.MimeType == "text/html")
195 |             .Which
196 |             .Value
197 |             .Should()
198 |             .Contain("<h1>hello world</h1>");
199 |     }
200 | 
201 |     [Fact]
202 |     public async Task It_can_reference_a_component_defined_in_previous_compilation()
203 |     {
204 |         // Arrange
205 |         await _kernel.SubmitCodeAsync(
206 |             """
207 |                 #!blazor
208 |                 <h1>hello world</h1>
209 |                 """);
210 | 
211 |         using var events = _kernel.KernelEvents.ToSubscribedList();
212 | 
213 |         // Act
214 |         await _kernel.SubmitCodeAsync(
215 |             """
216 |                 #!csharp
217 |                 typeof(__Main).Name
218 |                 """);
219 | 
220 |         // Assert
221 |         events
222 |             .Should()
223 |             .ContainSingle<DisplayEvent>()
224 |             .Which
225 |             .FormattedValues
226 |             .Should()
227 |             .ContainSingle(v => v.MimeType == "text/plain")
228 |             .Which
229 |             .Value
230 |             .Should()
231 |             .Be("__Main");
232 |     }
233 | 
234 |     [Fact]
235 |     public async Task It_can_instantiate_a_component_defined_in_previous_compilation()
236 |     {
237 |         // Arrange
238 |         await _kernel.SubmitCodeAsync(
239 |             """
240 |                 #!blazor
241 |                 <h1>hello world</h1>
242 |                 """);
243 | 
244 |         using var events = _kernel.KernelEvents.ToSubscribedList();
245 | 
246 |         // Act
247 |         await _kernel.SubmitCodeAsync(
248 |             """
249 |                 #!csharp
250 |                 var component = new __Main();
251 |                 """);
252 | 
253 |         // Assert
254 |         events
255 |             .Should()
256 |             .ContainSingle<CommandSucceeded>()
257 |             .Which
258 |             .Command.As<SubmitCode>()
259 |             .Code
260 |             .Should()
261 |             .Be(
262 |                 """
263 |                     #!csharp
264 |                     var component = new __Main();
265 |                     """);
266 |     }
267 | 
268 |     [Fact]
269 |     public async Task It_can_reference_a_named_component_defined_in_previous_compilation()
270 |     {
271 |         // Arrange
272 |         await _kernel.SubmitCodeAsync(
273 |             """
274 |                 #!blazor --name HelloWorld
275 |                 <h1>hello world</h1>
276 |                 """);
277 | 
278 |         using var events = _kernel.KernelEvents.ToSubscribedList();
279 | 
280 |         // Act
281 |         await _kernel.SubmitCodeAsync(
282 |             """
283 |                 #!csharp
284 |                 typeof(HelloWorld).Name
285 |                 """);
286 | 
287 |         // Assert
288 |         events
289 |             .Should()
290 |             .ContainSingle<DisplayEvent>()
291 |             .Which
292 |             .FormattedValues
293 |             .Should()
294 |             .ContainSingle(v => v.MimeType == "text/plain")
295 |             .Which
296 |             .Value
297 |             .Should()
298 |             .Be("HelloWorld");
299 |     }
300 | 
301 |     [Fact]
302 |     public async Task It_can_instantiate_a_named_component_defined_in_previous_compilation()
303 |     {
304 |         // Arrange
305 |         await _kernel.SubmitCodeAsync(
306 |             """
307 |                 #!blazor -n HelloWorld
308 |                 <h1>hello world</h1>
309 |                 """);
310 | 
311 |         using var events = _kernel.KernelEvents.ToSubscribedList();
312 | 
313 |         // Act
314 |         await _kernel.SubmitCodeAsync(
315 |             """
316 |                 #!csharp
317 |                 var component = new HelloWorld();
318 |                 """);
319 | 
320 |         // Assert
321 |         events
322 |             .Should()
323 |             .ContainSingle<CommandSucceeded>()
324 |             .Which
325 |             .Command.As<SubmitCode>()
326 |             .Code
327 |             .Should()
328 |             .Be(
329 |                 """
330 |                     #!csharp
331 |                     var component = new HelloWorld();
332 |                     """);
333 |     }
334 | }


--------------------------------------------------------------------------------
/tests/BlazorInteractive.Tests/TestUtility.cs:
--------------------------------------------------------------------------------
  1 | // Copyright (c) .NET Foundation and contributors. All rights reserved.
  2 | // Licensed under the MIT license. See LICENSE file in the project root for full license information.
  3 | 
  4 | using System;
  5 | using System.Collections;
  6 | using System.Collections.Generic;
  7 | using System.Collections.Immutable;
  8 | using System.Diagnostics;
  9 | using System.Linq;
 10 | using System.Threading.Tasks;
 11 | 
 12 | using FluentAssertions;
 13 | using FluentAssertions.Collections;
 14 | using FluentAssertions.Equivalency;
 15 | using FluentAssertions.Execution;
 16 | using FluentAssertions.Primitives;
 17 | 
 18 | using Microsoft.DotNet.Interactive.Commands;
 19 | using Microsoft.DotNet.Interactive.Events;
 20 | using Microsoft.DotNet.Interactive.Formatting.TabularData;
 21 | using Microsoft.DotNet.Interactive.Parsing;
 22 | using Microsoft.DotNet.Interactive.Connection;
 23 | 
 24 | namespace Microsoft.DotNet.Interactive.Tests.Utility;
 25 | 
 26 | [DebuggerStepThrough]
 27 | public static class AssertionExtensions
 28 | {
 29 |     public static GenericCollectionAssertions<T> AllSatisfy<T>(
 30 |         this GenericCollectionAssertions<T> assertions,
 31 |         Action<T> assert)
 32 |     {
 33 |         using var _ = new AssertionScope();
 34 | 
 35 |         foreach (var item in assertions.Subject)
 36 |         {
 37 |             assert(item);
 38 |         }
 39 | 
 40 |         return assertions;
 41 |     }
 42 | 
 43 |     public static void BeEquivalentToRespectingRuntimeTypes<TExpectation>(
 44 |         this GenericCollectionAssertions<TExpectation> assertions,
 45 |         params object[] expectations)
 46 |     {
 47 |         assertions.BeEquivalentTo(expectations, o => o.RespectingRuntimeTypes());
 48 |     }
 49 | 
 50 |     public static void BeEquivalentToRespectingRuntimeTypes<TExpectation>(
 51 |         this ObjectAssertions assertions,
 52 |         TExpectation expectation,
 53 |         Func<EquivalencyAssertionOptions<TExpectation>, EquivalencyAssertionOptions<TExpectation>> config = null)
 54 |     {
 55 |         assertions.BeEquivalentTo(expectation, o =>
 56 |         {
 57 |             if (config is { })
 58 |             {
 59 |                 return config.Invoke(o).RespectingRuntimeTypes();
 60 |             }
 61 |             else
 62 |             {
 63 |                 return o.RespectingRuntimeTypes();
 64 |             }
 65 |         });
 66 |     }
 67 | 
 68 |     public static void BeJsonEquivalentTo<T>(this StringAssertions assertion, T expected)
 69 |     {
 70 |         var obj = System.Text.Json.JsonSerializer.Deserialize(assertion.Subject, expected.GetType());
 71 |         obj.Should().BeEquivalentToRespectingRuntimeTypes(expected);
 72 |     }
 73 | 
 74 |     public static AndConstraint<GenericCollectionAssertions<T>> BeEquivalentSequenceTo<T>(
 75 |         this GenericCollectionAssertions<T> assertions,
 76 |         params object[] expectedValues)
 77 |     {
 78 |         var actualValues = assertions.Subject.ToArray();
 79 | 
 80 |         actualValues
 81 |             .Select(a => a?.GetType())
 82 |             .Should()
 83 |             .BeEquivalentTo(expectedValues.Select(e => e?.GetType()));
 84 | 
 85 |         using (new AssertionScope())
 86 |         {
 87 |             foreach (var tuple in actualValues
 88 |                                   .Zip(expectedValues, (actual, expected) => (actual, expected))
 89 |                                   .Where(t => t.expected is null || t.expected.GetType().GetProperties().Any()))
 90 |             {
 91 |                 tuple.actual
 92 |                      .Should()
 93 |                      .BeEquivalentToRespectingRuntimeTypes(tuple.expected);
 94 |             }
 95 |         }
 96 | 
 97 |         return new AndConstraint<GenericCollectionAssertions<T>>(assertions);
 98 |     }
 99 | 
100 |     public static AndConstraint<StringCollectionAssertions<IEnumerable<string>>> BeEquivalentSequenceTo(
101 |         this StringCollectionAssertions assertions,
102 |         params string[] expectedValues)
103 |     {
104 |         return assertions.ContainInOrder(expectedValues).And.BeEquivalentTo(expectedValues);
105 |     }
106 | 
107 |     public static AndWhichConstraint<ObjectAssertions, T> ContainSingle<T>(
108 |         this GenericCollectionAssertions<KernelCommand> should,
109 |         Func<T, bool> where = null)
110 |         where T : KernelCommand
111 |     {
112 |         T subject;
113 | 
114 |         if (where is null)
115 |         {
116 |             should.ContainSingle(e => e is T);
117 | 
118 |             subject = should.Subject
119 |                             .OfType<T>()
120 |                             .Single();
121 |         }
122 |         else
123 |         {
124 |             should.ContainSingle(e => e is T && where((T)e));
125 | 
126 |             subject = should.Subject
127 |                             .OfType<T>()
128 |                             .Where(where)
129 |                             .Single();
130 |         }
131 | 
132 |         return new AndWhichConstraint<ObjectAssertions, T>(subject.Should(), subject);
133 |     }
134 | 
135 |     public static AndWhichConstraint<ObjectAssertions, T> ContainSingle<T>(
136 |         this GenericCollectionAssertions<SyntaxNodeOrToken> should,
137 |         Func<T, bool> where = null)
138 |         where T : SyntaxNodeOrToken
139 |     {
140 |         T subject;
141 | 
142 |         if (where is null)
143 |         {
144 |             should.ContainSingle(e => e is T);
145 | 
146 |             subject = should.Subject
147 |                             .OfType<T>()
148 |                             .Single();
149 |         }
150 |         else
151 |         {
152 |             should.ContainSingle(e => e is T && where((T)e));
153 | 
154 |             subject = should.Subject
155 |                             .OfType<T>()
156 |                             .Where(where)
157 |                             .Single();
158 |         }
159 | 
160 |         return new AndWhichConstraint<ObjectAssertions, T>(subject.Should(), subject);
161 |     }
162 | 
163 |     public static AndWhichConstraint<ObjectAssertions, T> ContainSingle<T>(
164 |         this GenericCollectionAssertions<SyntaxNode> should,
165 |         Func<T, bool> where = null)
166 |         where T : SyntaxNode
167 |     {
168 |         T subject;
169 | 
170 |         if (where is null)
171 |         {
172 |             should.ContainSingle(e => e is T);
173 | 
174 |             subject = should.Subject
175 |                             .OfType<T>()
176 |                             .Single();
177 |         }
178 |         else
179 |         {
180 |             should.ContainSingle(e => e is T && where((T)e));
181 | 
182 |             subject = should.Subject
183 |                             .OfType<T>()
184 |                             .Where(where)
185 |                             .Single();
186 |         }
187 | 
188 |         return new AndWhichConstraint<ObjectAssertions, T>(subject.Should(), subject);
189 |     }
190 | 
191 |     public static AndWhichConstraint<ObjectAssertions, T> ContainSingle<T>(
192 |         this GenericCollectionAssertions<KernelEvent> should,
193 |         Func<T, bool> where = null)
194 |         where T : KernelEvent
195 |     {
196 |         T subject;
197 | 
198 |         if (where is null)
199 |         {
200 |             should.ContainSingle(e => e is T);
201 | 
202 |             subject = should.Subject
203 |                             .OfType<T>()
204 |                             .Single();
205 |         }
206 |         else
207 |         {
208 |             should.ContainSingle(e => e is T && where((T)e));
209 | 
210 |             subject = should.Subject
211 |                             .OfType<T>()
212 |                             .Where(where)
213 |                             .Single();
214 |         }
215 | 
216 |         return new AndWhichConstraint<ObjectAssertions, T>(subject.Should(), subject);
217 |     }
218 | 
219 |     public static AndWhichConstraint<ObjectAssertions, T> ContainSingle<T>(
220 |         this GenericCollectionAssertions<IKernelEventEnvelope> should,
221 |         Func<T, bool> where = null)
222 |         where T : IKernelEventEnvelope
223 |     {
224 |         T subject;
225 | 
226 |         if (where is null)
227 |         {
228 |             should.ContainSingle(e => e is T);
229 | 
230 |             subject = should.Subject
231 |                             .OfType<T>()
232 |                             .Single();
233 |         }
234 |         else
235 |         {
236 |             should.ContainSingle(e => e is T && where((T)e));
237 | 
238 |             subject = should.Subject
239 |                             .OfType<T>()
240 |                             .Where(where)
241 |                             .Single();
242 |         }
243 | 
244 |         return new AndWhichConstraint<ObjectAssertions, T>(subject.Should(), subject);
245 |     }
246 | 
247 |     public static AndConstraint<GenericCollectionAssertions<KernelEvent>> NotContainErrors(
248 |         this GenericCollectionAssertions<KernelEvent> should) =>
249 |         should
250 |             .NotContain(e => e is ErrorProduced)
251 |             .And
252 |             .NotContain(e => e is CommandFailed);
253 | 
254 |     public static AndWhichConstraint<ObjectAssertions, T> EventuallyContainSingle<T>(
255 |         this GenericCollectionAssertions<KernelEvent> should,
256 |         Func<T, bool> where = null,
257 |         int timeout = 3000)
258 |         where T : KernelEvent
259 |     {
260 |         return Task.Run(async () =>
261 |         {
262 |             if (where is null)
263 |             {
264 |                 where = _ => true;
265 |             }
266 | 
267 |             var startTime = DateTime.UtcNow;
268 |             var endTime = startTime + TimeSpan.FromMilliseconds(timeout);
269 |             while (DateTime.UtcNow < endTime)
270 |             {
271 |                 if (should.Subject.OfType<T>().Any(where))
272 |                 {
273 |                     break;
274 |                 }
275 | 
276 |                 await Task.Delay(200);
277 |             }
278 | 
279 |             return should.ContainSingle(where);
280 |         }).Result;
281 |     }
282 | }
283 | 
284 | public static class ObservableExtensions
285 | {
286 |     public static SubscribedList<T> ToSubscribedList<T>(this IObservable<T> source)
287 |     {
288 |         return new SubscribedList<T>(source);
289 |     }
290 | }
291 | 
292 | public class SubscribedList<T> : IReadOnlyList<T>, IDisposable
293 | {
294 |     private ImmutableArray<T> _list = ImmutableArray<T>.Empty;
295 |     private readonly IDisposable _subscription;
296 | 
297 |     public SubscribedList(IObservable<T> source)
298 |     {
299 |         _subscription = source.Subscribe(x => { _list = _list.Add(x); });
300 |     }
301 | 
302 |     public IEnumerator<T> GetEnumerator()
303 |     {
304 |         return ((IEnumerable<T>)_list).GetEnumerator();
305 |     }
306 | 
307 |     IEnumerator IEnumerable.GetEnumerator() => GetEnumerator();
308 | 
309 |     public int Count => _list.Length;
310 | 
311 |     public T this[int index] => _list[index];
312 | 
313 |     public void Dispose() => _subscription.Dispose();
314 | }
315 | 
316 | internal static class TestUtility
317 | {
318 |     internal static TabularDataResource ShouldDisplayTabularDataResourceWhich(
319 |         this SubscribedList<KernelEvent> events)
320 |     {
321 |         events.Should().NotContainErrors();
322 | 
323 |         return events
324 |                .Should()
325 |                .ContainSingle<DisplayedValueProduced>(e => e.Value is DataExplorer<TabularDataResource>)
326 |                .Which
327 |                .Value
328 |                .As<DataExplorer<TabularDataResource>>()
329 |                .Data;
330 |     }
331 | }


--------------------------------------------------------------------------------
/src/BlazorInteractive/BlazorCompilationService.cs:
--------------------------------------------------------------------------------
  1 | using System.ComponentModel.DataAnnotations;
  2 | using System.Net.Http.Json;
  3 | using System.Reflection;
  4 | using System.Runtime;
  5 | using System.Text;
  6 | using System.Text.RegularExpressions;
  7 | 
  8 | using BlazorRepl.Core;
  9 | using Microsoft.AspNetCore.Components.Routing;
 10 | using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
 11 | using Microsoft.AspNetCore.Razor.Language;
 12 | using Microsoft.CodeAnalysis;
 13 | using Microsoft.CodeAnalysis.CSharp;
 14 | using Microsoft.CodeAnalysis.Razor;
 15 | 
 16 | namespace BlazorInteractive;
 17 | 
 18 | internal class BlazorCompilationService
 19 | {
 20 |     public const string DefaultRootNamespace = "BlazorRepl.UserComponents";
 21 | 
 22 |     private const string WorkingDirectory = "/BlazorRepl/";
 23 |     private const string DefaultImports =
 24 |         """
 25 |             @using System.ComponentModel.DataAnnotations
 26 |             @using System.Linq
 27 |             @using System.Net.Http
 28 |             @using System.Net.Http.Json
 29 |             @using Microsoft.AspNetCore.Components.Forms
 30 |             @using Microsoft.AspNetCore.Components.Routing
 31 |             @using Microsoft.AspNetCore.Components.Web
 32 |             @using Microsoft.JSInterop
 33 |             """;
 34 | 
 35 |     private static readonly CSharpParseOptions CSharpParseOptions = new(LanguageVersion.Preview);
 36 |     private static readonly RazorProjectFileSystem RazorProjectFileSystem = new VirtualRazorProjectFileSystem();
 37 | 
 38 |     // Creating the initial compilation + reading references is taking a lot of time without caching
 39 |     // so making sure it doesn't happen for each run.
 40 |     private CSharpCompilation baseCompilation;
 41 | 
 42 |     public BlazorCompilationService()
 43 |     {
 44 |     }
 45 | 
 46 |     public async Task InitializeAsync()
 47 |     {
 48 |         if (this.baseCompilation != null)
 49 |         {
 50 |             return;
 51 |         }
 52 | 
 53 |         var referenceAssemblyRoots = new[]
 54 |         {
 55 |             typeof(AssemblyTargetedPatchBandAttribute).Assembly, // System.Private.CoreLib
 56 |             typeof(Uri).Assembly,                                // System.Private.Uri
 57 |             typeof(Console).Assembly,                            // System.Console
 58 |             typeof(IQueryable).Assembly,                         // System.Linq.Expressions
 59 |             typeof(HttpClient).Assembly,                         // System.Net.Http
 60 |             typeof(HttpClientJsonExtensions).Assembly,           // System.Net.Http.Json
 61 |             typeof(RequiredAttribute).Assembly,                  // System.ComponentModel.Annotations
 62 |             typeof(Regex).Assembly,                              // System.Text.RegularExpressions
 63 |             typeof(NavLink).Assembly,                            // Microsoft.AspNetCore.Components.Web
 64 |             typeof(WebAssemblyHostBuilder).Assembly,             // Microsoft.AspNetCore.Components.WebAssembly
 65 |         };
 66 | 
 67 |         // Get all required assemblies
 68 |         var baseAssemblies = CompilationService
 69 |             .BaseAssemblyPackageVersionMappings
 70 |             .Select(package => Assembly.Load(package.Key));
 71 | 
 72 |         var referenceAssemblies = AppDomain.CurrentDomain.GetAssemblies()
 73 |                 .Union(baseAssemblies)
 74 |                 .Where(x => !x.IsDynamic)
 75 |                 .Where(x => !string.IsNullOrWhiteSpace(x.Location))
 76 |                 .Select(assembly => MetadataReference.CreateFromFile(assembly.Location, MetadataReferenceProperties.Assembly))
 77 |                 .ToList();
 78 | 
 79 |         this.baseCompilation = CSharpCompilation.Create(
 80 |             "BlazorRepl.UserComponents",
 81 |             references: referenceAssemblies,
 82 |             options: new CSharpCompilationOptions(
 83 |                 OutputKind.DynamicallyLinkedLibrary,
 84 |                 optimizationLevel: OptimizationLevel.Release,
 85 |                 concurrentBuild: false,
 86 |                 //// Warnings CS1701 and CS1702 are disabled when compiling in VS too
 87 |                 specificDiagnosticOptions: new[]
 88 |                 {
 89 |                     new KeyValuePair<string, ReportDiagnostic>("CS1701", ReportDiagnostic.Suppress),
 90 |                     new KeyValuePair<string, ReportDiagnostic>("CS1702", ReportDiagnostic.Suppress),
 91 |                 }));
 92 | 
 93 |         await Task.CompletedTask;
 94 |     }
 95 | 
 96 |     public async Task<(CompileToAssemblyResult, string)> CompileToAssemblyAsync(
 97 |         ICollection<CodeFile> codeFiles,
 98 |         Func<string, Task> updateStatusFunc) // TODO: try convert to event
 99 |     {
100 |         if (codeFiles == null)
101 |         {
102 |             throw new ArgumentNullException(nameof(codeFiles));
103 |         }
104 | 
105 |         this.ThrowIfNotInitialized();
106 | 
107 |         var cSharpResults = await this.CompileToCSharpAsync(codeFiles, updateStatusFunc);
108 | 
109 |         var result = this.CompileToAssembly(cSharpResults);
110 | 
111 |         return (result, cSharpResults[0].Code);
112 |     }
113 | 
114 |     private static RazorProjectItem CreateRazorProjectItem(string fileName, string fileContent)
115 |     {
116 |         var fullPath = WorkingDirectory + fileName;
117 | 
118 |         // File paths in Razor are always of the form '/a/b/c.razor'
119 |         var filePath = fileName;
120 |         if (!filePath.StartsWith('/'))
121 |         {
122 |             filePath = '/' + filePath;
123 |         }
124 | 
125 |         fileContent = fileContent.Replace("\r", string.Empty);
126 | 
127 |         return new VirtualProjectItem(
128 |             WorkingDirectory,
129 |             filePath,
130 |             fullPath,
131 |             fileName,
132 |             FileKinds.Component,
133 |             Encoding.UTF8.GetBytes(fileContent.TrimStart()));
134 |     }
135 | 
136 |     private static RazorProjectEngine CreateRazorProjectEngine(IReadOnlyList<MetadataReference> references) =>
137 |         RazorProjectEngine.Create(RazorConfiguration.Default, RazorProjectFileSystem, b =>
138 |         {
139 |             b.SetRootNamespace(DefaultRootNamespace);
140 |             b.AddDefaultImports(DefaultImports);
141 | 
142 |             // Features that use Roslyn are mandatory for components
143 |             CompilerFeatures.Register(b);
144 | 
145 |             b.Features.Add(new CompilationTagHelperFeature());
146 |             b.Features.Add(new DefaultMetadataReferenceFeature { References = references });
147 |         });
148 | 
149 |     private CompileToAssemblyResult CompileToAssembly(IReadOnlyList<CompileToCSharpResult> cSharpResults)
150 |     {
151 |         if (cSharpResults.Any(r => r.Diagnostics.Any(d => d.Severity == DiagnosticSeverity.Error)))
152 |         {
153 |             return new CompileToAssemblyResult { Diagnostics = cSharpResults.SelectMany(r => r.Diagnostics).ToList() };
154 |         }
155 | 
156 |         var syntaxTrees = new SyntaxTree[cSharpResults.Count];
157 |         for (var i = 0; i < cSharpResults.Count; i++)
158 |         {
159 |             var cSharpResult = cSharpResults[i];
160 |             syntaxTrees[i] = CSharpSyntaxTree.ParseText(cSharpResult.Code, CSharpParseOptions, cSharpResult.FilePath);
161 |         }
162 | 
163 |         var finalCompilation = this.baseCompilation.AddSyntaxTrees(syntaxTrees);
164 | 
165 |         var compilationDiagnostics = finalCompilation.GetDiagnostics().Where(d => d.Severity > DiagnosticSeverity.Info);
166 | 
167 |         var result = new CompileToAssemblyResult
168 |         {
169 |             Compilation = finalCompilation,
170 |             Diagnostics = compilationDiagnostics
171 |                 .Select(CompilationDiagnostic.FromCSharpDiagnostic)
172 |                 .Concat(cSharpResults.SelectMany(r => r.Diagnostics))
173 |                 .ToList(),
174 |         };
175 | 
176 |         if (result.Diagnostics.All(x => x.Severity != DiagnosticSeverity.Error))
177 |         {
178 |             using var peStream = new MemoryStream();
179 |             finalCompilation.Emit(peStream);
180 | 
181 |             result.AssemblyBytes = peStream.ToArray();
182 |         }
183 | 
184 |         return result;
185 |     }
186 | 
187 |     private async Task<IReadOnlyList<CompileToCSharpResult>> CompileToCSharpAsync(
188 |         ICollection<CodeFile> codeFiles,
189 |         Func<string, Task> updateStatusFunc)
190 |     {
191 |         await (updateStatusFunc?.Invoke("Preparing Project") ?? Task.CompletedTask);
192 | 
193 |         // The first phase won't include any metadata references for component discovery. This mirrors what the build does.
194 |         var projectEngine = CreateRazorProjectEngine(Array.Empty<MetadataReference>());
195 | 
196 |         // Result of generating declarations
197 |         var declarations = new CompileToCSharpResult[codeFiles.Count];
198 |         var index = 0;
199 |         foreach (var codeFile in codeFiles)
200 |         {
201 |             if (codeFile.Type == CodeFileType.Razor)
202 |             {
203 |                 var projectItem = CreateRazorProjectItem(codeFile.Path, codeFile.Content);
204 | 
205 |                 var codeDocument = projectEngine.ProcessDeclarationOnly(projectItem);
206 |                 var cSharpDocument = codeDocument.GetCSharpDocument();
207 | 
208 |                 declarations[index] = new CompileToCSharpResult
209 |                 {
210 |                     FilePath = codeFile.Path,
211 |                     ProjectItem = projectItem,
212 |                     Code = cSharpDocument.GeneratedCode,
213 |                     Diagnostics = cSharpDocument.Diagnostics.Select(CompilationDiagnostic.FromRazorDiagnostic).ToList(),
214 |                 };
215 |             }
216 |             else
217 |             {
218 |                 declarations[index] = new CompileToCSharpResult
219 |                 {
220 |                     FilePath = codeFile.Path,
221 |                     Code = codeFile.Content,
222 |                     Diagnostics = Enumerable.Empty<CompilationDiagnostic>(), // Will actually be evaluated later
223 |                 };
224 |             }
225 | 
226 |             index++;
227 |         }
228 | 
229 |         // Result of doing 'temp' compilation
230 |         var tempAssembly = this.CompileToAssembly(declarations);
231 |         if (tempAssembly.Diagnostics.Any(d => d.Severity == DiagnosticSeverity.Error))
232 |         {
233 |             return new[] { new CompileToCSharpResult { Diagnostics = tempAssembly.Diagnostics } };
234 |         }
235 | 
236 |         await (updateStatusFunc?.Invoke("Compiling Assembly") ?? Task.CompletedTask);
237 | 
238 |         // Add the 'temp' compilation as a metadata reference
239 |         var references = new List<MetadataReference>(this.baseCompilation.References) { tempAssembly.Compilation.ToMetadataReference() };
240 |         projectEngine = CreateRazorProjectEngine(references);
241 | 
242 |         var results = new CompileToCSharpResult[declarations.Length];
243 |         for (index = 0; index < declarations.Length; index++)
244 |         {
245 |             var declaration = declarations[index];
246 |             var isRazorDeclaration = declaration.ProjectItem != null;
247 | 
248 |             if (isRazorDeclaration)
249 |             {
250 |                 var codeDocument = projectEngine.Process(declaration.ProjectItem);
251 |                 var cSharpDocument = codeDocument.GetCSharpDocument();
252 | 
253 |                 results[index] = new CompileToCSharpResult
254 |                 {
255 |                     FilePath = declaration.FilePath,
256 |                     ProjectItem = declaration.ProjectItem,
257 |                     Code = cSharpDocument.GeneratedCode,
258 |                     Diagnostics = cSharpDocument.Diagnostics.Select(CompilationDiagnostic.FromRazorDiagnostic).ToList(),
259 |                 };
260 |             }
261 |             else
262 |             {
263 |                 results[index] = declaration;
264 |             }
265 |         }
266 | 
267 |         return results;
268 |     }
269 | 
270 |     private void ThrowIfNotInitialized()
271 |     {
272 |         if (this.baseCompilation == null)
273 |         {
274 |             throw new InvalidOperationException(
275 |                 $"{nameof(BlazorCompilationService)} is not initialized. Please call {nameof(this.InitializeAsync)} to initialize it.");
276 |         }
277 |     }
278 | }
279 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
  1 | 
  2 | # Created by https://www.toptal.com/developers/gitignore/api/csharp,dotnetcore,visualstudio,visualstudiocode,rider
  3 | # Edit at https://www.toptal.com/developers/gitignore?templates=csharp,dotnetcore,visualstudio,visualstudiocode,rider
  4 | 
  5 | ### Csharp ###
  6 | ## Ignore Visual Studio temporary files, build results, and
  7 | ## files generated by popular Visual Studio add-ons.
  8 | ##
  9 | ## Get latest from https://github.com/github/gitignore/blob/master/VisualStudio.gitignore
 10 | 
 11 | # User-specific files
 12 | *.rsuser
 13 | *.suo
 14 | *.user
 15 | *.userosscache
 16 | *.sln.docstates
 17 | 
 18 | # User-specific files (MonoDevelop/Xamarin Studio)
 19 | *.userprefs
 20 | 
 21 | # Mono auto generated files
 22 | mono_crash.*
 23 | 
 24 | # Build results
 25 | [Dd]ebug/
 26 | [Dd]ebugPublic/
 27 | [Rr]elease/
 28 | [Rr]eleases/
 29 | x64/
 30 | x86/
 31 | [Ww][Ii][Nn]32/
 32 | [Aa][Rr][Mm]/
 33 | [Aa][Rr][Mm]64/
 34 | bld/
 35 | [Bb]in/
 36 | [Oo]bj/
 37 | [Ll]og/
 38 | [Ll]ogs/
 39 | 
 40 | # Visual Studio 2015/2017 cache/options directory
 41 | .vs/
 42 | # Uncomment if you have tasks that create the project's static files in wwwroot
 43 | #wwwroot/
 44 | 
 45 | # Visual Studio 2017 auto generated files
 46 | Generated\ Files/
 47 | 
 48 | # MSTest test Results
 49 | [Tt]est[Rr]esult*/
 50 | [Bb]uild[Ll]og.*
 51 | 
 52 | # NUnit
 53 | *.VisualState.xml
 54 | TestResult.xml
 55 | nunit-*.xml
 56 | 
 57 | # Build Results of an ATL Project
 58 | [Dd]ebugPS/
 59 | [Rr]eleasePS/
 60 | dlldata.c
 61 | 
 62 | # Benchmark Results
 63 | BenchmarkDotNet.Artifacts/
 64 | 
 65 | # .NET Core
 66 | project.lock.json
 67 | project.fragment.lock.json
 68 | artifacts/
 69 | 
 70 | # ASP.NET Scaffolding
 71 | ScaffoldingReadMe.txt
 72 | 
 73 | # StyleCop
 74 | StyleCopReport.xml
 75 | 
 76 | # Files built by Visual Studio
 77 | *_i.c
 78 | *_p.c
 79 | *_h.h
 80 | *.ilk
 81 | *.meta
 82 | *.obj
 83 | *.iobj
 84 | *.pch
 85 | *.pdb
 86 | *.ipdb
 87 | *.pgc
 88 | *.pgd
 89 | *.rsp
 90 | *.sbr
 91 | *.tlb
 92 | *.tli
 93 | *.tlh
 94 | *.tmp
 95 | *.tmp_proj
 96 | *_wpftmp.csproj
 97 | *.log
 98 | *.vspscc
 99 | *.vssscc
100 | .builds
101 | *.pidb
102 | *.svclog
103 | *.scc
104 | 
105 | # Chutzpah Test files
106 | _Chutzpah*
107 | 
108 | # Visual C++ cache files
109 | ipch/
110 | *.aps
111 | *.ncb
112 | *.opendb
113 | *.opensdf
114 | *.sdf
115 | *.cachefile
116 | *.VC.db
117 | *.VC.VC.opendb
118 | 
119 | # Visual Studio profiler
120 | *.psess
121 | *.vsp
122 | *.vspx
123 | *.sap
124 | 
125 | # Visual Studio Trace Files
126 | *.e2e
127 | 
128 | # TFS 2012 Local Workspace
129 | $tf/
130 | 
131 | # Guidance Automation Toolkit
132 | *.gpState
133 | 
134 | # ReSharper is a .NET coding add-in
135 | _ReSharper*/
136 | *.[Rr]e[Ss]harper
137 | *.DotSettings.user
138 | 
139 | # TeamCity is a build add-in
140 | _TeamCity*
141 | 
142 | # DotCover is a Code Coverage Tool
143 | *.dotCover
144 | 
145 | # AxoCover is a Code Coverage Tool
146 | .axoCover/*
147 | !.axoCover/settings.json
148 | 
149 | # Coverlet is a free, cross platform Code Coverage Tool
150 | coverage*.[ji][sn][of][no]
151 | coverage*.xml
152 | 
153 | # Visual Studio code coverage results
154 | *.coverage
155 | *.coveragexml
156 | 
157 | # NCrunch
158 | _NCrunch_*
159 | .*crunch*.local.xml
160 | nCrunchTemp_*
161 | 
162 | # MightyMoose
163 | *.mm.*
164 | AutoTest.Net/
165 | 
166 | # Web workbench (sass)
167 | .sass-cache/
168 | 
169 | # Installshield output folder
170 | [Ee]xpress/
171 | 
172 | # DocProject is a documentation generator add-in
173 | DocProject/buildhelp/
174 | DocProject/Help/*.HxT
175 | DocProject/Help/*.HxC
176 | DocProject/Help/*.hhc
177 | DocProject/Help/*.hhk
178 | DocProject/Help/*.hhp
179 | DocProject/Help/Html2
180 | DocProject/Help/html
181 | 
182 | # Click-Once directory
183 | publish/
184 | 
185 | # Publish Web Output
186 | *.[Pp]ublish.xml
187 | *.azurePubxml
188 | # Note: Comment the next line if you want to checkin your web deploy settings,
189 | # but database connection strings (with potential passwords) will be unencrypted
190 | *.pubxml
191 | *.publishproj
192 | 
193 | # Microsoft Azure Web App publish settings. Comment the next line if you want to
194 | # checkin your Azure Web App publish settings, but sensitive information contained
195 | # in these scripts will be unencrypted
196 | PublishScripts/
197 | 
198 | # NuGet Packages
199 | *.nupkg
200 | # NuGet Symbol Packages
201 | *.snupkg
202 | # The packages folder can be ignored because of Package Restore
203 | **/[Pp]ackages/*
204 | # except build/, which is used as an MSBuild target.
205 | !**/[Pp]ackages/build/
206 | # Uncomment if necessary however generally it will be regenerated when needed
207 | #!**/[Pp]ackages/repositories.config
208 | # NuGet v3's project.json files produces more ignorable files
209 | *.nuget.props
210 | *.nuget.targets
211 | 
212 | # Microsoft Azure Build Output
213 | csx/
214 | *.build.csdef
215 | 
216 | # Microsoft Azure Emulator
217 | ecf/
218 | rcf/
219 | 
220 | # Windows Store app package directories and files
221 | AppPackages/
222 | BundleArtifacts/
223 | Package.StoreAssociation.xml
224 | _pkginfo.txt
225 | *.appx
226 | *.appxbundle
227 | *.appxupload
228 | 
229 | # Visual Studio cache files
230 | # files ending in .cache can be ignored
231 | *.[Cc]ache
232 | # but keep track of directories ending in .cache
233 | !?*.[Cc]ache/
234 | 
235 | # Others
236 | ClientBin/
237 | ~$*
238 | *~
239 | *.dbmdl
240 | *.dbproj.schemaview
241 | *.jfm
242 | *.pfx
243 | *.publishsettings
244 | orleans.codegen.cs
245 | 
246 | # Including strong name files can present a security risk
247 | # (https://github.com/github/gitignore/pull/2483#issue-259490424)
248 | #*.snk
249 | 
250 | # Since there are multiple workflows, uncomment next line to ignore bower_components
251 | # (https://github.com/github/gitignore/pull/1529#issuecomment-104372622)
252 | #bower_components/
253 | 
254 | # RIA/Silverlight projects
255 | Generated_Code/
256 | 
257 | # Backup & report files from converting an old project file
258 | # to a newer Visual Studio version. Backup files are not needed,
259 | # because we have git ;-)
260 | _UpgradeReport_Files/
261 | Backup*/
262 | UpgradeLog*.XML
263 | UpgradeLog*.htm
264 | ServiceFabricBackup/
265 | *.rptproj.bak
266 | 
267 | # SQL Server files
268 | *.mdf
269 | *.ldf
270 | *.ndf
271 | 
272 | # Business Intelligence projects
273 | *.rdl.data
274 | *.bim.layout
275 | *.bim_*.settings
276 | *.rptproj.rsuser
277 | *- [Bb]ackup.rdl
278 | *- [Bb]ackup ([0-9]).rdl
279 | *- [Bb]ackup ([0-9][0-9]).rdl
280 | 
281 | # Microsoft Fakes
282 | FakesAssemblies/
283 | 
284 | # GhostDoc plugin setting file
285 | *.GhostDoc.xml
286 | 
287 | # Node.js Tools for Visual Studio
288 | .ntvs_analysis.dat
289 | node_modules/
290 | 
291 | # Visual Studio 6 build log
292 | *.plg
293 | 
294 | # Visual Studio 6 workspace options file
295 | *.opt
296 | 
297 | # Visual Studio 6 auto-generated workspace file (contains which files were open etc.)
298 | *.vbw
299 | 
300 | # Visual Studio LightSwitch build output
301 | **/*.HTMLClient/GeneratedArtifacts
302 | **/*.DesktopClient/GeneratedArtifacts
303 | **/*.DesktopClient/ModelManifest.xml
304 | **/*.Server/GeneratedArtifacts
305 | **/*.Server/ModelManifest.xml
306 | _Pvt_Extensions
307 | 
308 | # Paket dependency manager
309 | .paket/paket.exe
310 | paket-files/
311 | 
312 | # FAKE - F# Make
313 | .fake/
314 | 
315 | # CodeRush personal settings
316 | .cr/personal
317 | 
318 | # Python Tools for Visual Studio (PTVS)
319 | __pycache__/
320 | *.pyc
321 | 
322 | # Cake - Uncomment if you are using it
323 | # tools/**
324 | # !tools/packages.config
325 | 
326 | # Tabs Studio
327 | *.tss
328 | 
329 | # Telerik's JustMock configuration file
330 | *.jmconfig
331 | 
332 | # BizTalk build output
333 | *.btp.cs
334 | *.btm.cs
335 | *.odx.cs
336 | *.xsd.cs
337 | 
338 | # OpenCover UI analysis results
339 | OpenCover/
340 | 
341 | # Azure Stream Analytics local run output
342 | ASALocalRun/
343 | 
344 | # MSBuild Binary and Structured Log
345 | *.binlog
346 | 
347 | # NVidia Nsight GPU debugger configuration file
348 | *.nvuser
349 | 
350 | # MFractors (Xamarin productivity tool) working folder
351 | .mfractor/
352 | 
353 | # Local History for Visual Studio
354 | .localhistory/
355 | 
356 | # BeatPulse healthcheck temp database
357 | healthchecksdb
358 | 
359 | # Backup folder for Package Reference Convert tool in Visual Studio 2017
360 | MigrationBackup/
361 | 
362 | # Ionide (cross platform F# VS Code tools) working folder
363 | .ionide/
364 | 
365 | # Fody - auto-generated XML schema
366 | FodyWeavers.xsd
367 | 
368 | ### DotnetCore ###
369 | # .NET Core build folders
370 | bin/
371 | obj/
372 | 
373 | # Common node modules locations
374 | /node_modules
375 | /wwwroot/node_modules
376 | 
377 | ### Rider ###
378 | # Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio, WebStorm and Rider
379 | # Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
380 | 
381 | # User-specific stuff
382 | .idea/**/workspace.xml
383 | .idea/**/tasks.xml
384 | .idea/**/usage.statistics.xml
385 | .idea/**/dictionaries
386 | .idea/**/shelf
387 | 
388 | # Generated files
389 | .idea/**/contentModel.xml
390 | 
391 | # Sensitive or high-churn files
392 | .idea/**/dataSources/
393 | .idea/**/dataSources.ids
394 | .idea/**/dataSources.local.xml
395 | .idea/**/sqlDataSources.xml
396 | .idea/**/dynamic.xml
397 | .idea/**/uiDesigner.xml
398 | .idea/**/dbnavigator.xml
399 | 
400 | # Gradle
401 | .idea/**/gradle.xml
402 | .idea/**/libraries
403 | 
404 | # Gradle and Maven with auto-import
405 | # When using Gradle or Maven with auto-import, you should exclude module files,
406 | # since they will be recreated, and may cause churn.  Uncomment if using
407 | # auto-import.
408 | # .idea/artifacts
409 | # .idea/compiler.xml
410 | # .idea/jarRepositories.xml
411 | # .idea/modules.xml
412 | # .idea/*.iml
413 | # .idea/modules
414 | # *.iml
415 | # *.ipr
416 | 
417 | # CMake
418 | cmake-build-*/
419 | 
420 | # Mongo Explorer plugin
421 | .idea/**/mongoSettings.xml
422 | 
423 | # File-based project format
424 | *.iws
425 | 
426 | # IntelliJ
427 | out/
428 | 
429 | # mpeltonen/sbt-idea plugin
430 | .idea_modules/
431 | 
432 | # JIRA plugin
433 | atlassian-ide-plugin.xml
434 | 
435 | # Cursive Clojure plugin
436 | .idea/replstate.xml
437 | 
438 | # Crashlytics plugin (for Android Studio and IntelliJ)
439 | com_crashlytics_export_strings.xml
440 | crashlytics.properties
441 | crashlytics-build.properties
442 | fabric.properties
443 | 
444 | # Editor-based Rest Client
445 | .idea/httpRequests
446 | 
447 | # Android studio 3.1+ serialized cache file
448 | .idea/caches/build_file_checksums.ser
449 | 
450 | ### VisualStudioCode ###
451 | .vscode/*
452 | !.vscode/settings.json
453 | !.vscode/tasks.json
454 | !.vscode/launch.json
455 | !.vscode/extensions.json
456 | *.code-workspace
457 | 
458 | ### VisualStudioCode Patch ###
459 | # Ignore all local history of files
460 | .history
461 | .ionide
462 | 
463 | ### VisualStudio ###
464 | 
465 | # User-specific files
466 | 
467 | # User-specific files (MonoDevelop/Xamarin Studio)
468 | 
469 | # Mono auto generated files
470 | 
471 | # Build results
472 | 
473 | # Visual Studio 2015/2017 cache/options directory
474 | # Uncomment if you have tasks that create the project's static files in wwwroot
475 | 
476 | # Visual Studio 2017 auto generated files
477 | 
478 | # MSTest test Results
479 | 
480 | # NUnit
481 | 
482 | # Build Results of an ATL Project
483 | 
484 | # Benchmark Results
485 | 
486 | # .NET Core
487 | 
488 | # ASP.NET Scaffolding
489 | 
490 | # StyleCop
491 | 
492 | # Files built by Visual Studio
493 | 
494 | # Chutzpah Test files
495 | 
496 | # Visual C++ cache files
497 | 
498 | # Visual Studio profiler
499 | 
500 | # Visual Studio Trace Files
501 | 
502 | # TFS 2012 Local Workspace
503 | 
504 | # Guidance Automation Toolkit
505 | 
506 | # ReSharper is a .NET coding add-in
507 | 
508 | # TeamCity is a build add-in
509 | 
510 | # DotCover is a Code Coverage Tool
511 | 
512 | # AxoCover is a Code Coverage Tool
513 | 
514 | # Coverlet is a free, cross platform Code Coverage Tool
515 | 
516 | # Visual Studio code coverage results
517 | 
518 | # NCrunch
519 | 
520 | # MightyMoose
521 | 
522 | # Web workbench (sass)
523 | 
524 | # Installshield output folder
525 | 
526 | # DocProject is a documentation generator add-in
527 | 
528 | # Click-Once directory
529 | 
530 | # Publish Web Output
531 | # Note: Comment the next line if you want to checkin your web deploy settings,
532 | # but database connection strings (with potential passwords) will be unencrypted
533 | 
534 | # Microsoft Azure Web App publish settings. Comment the next line if you want to
535 | # checkin your Azure Web App publish settings, but sensitive information contained
536 | # in these scripts will be unencrypted
537 | 
538 | # NuGet Packages
539 | # NuGet Symbol Packages
540 | # The packages folder can be ignored because of Package Restore
541 | # except build/, which is used as an MSBuild target.
542 | # Uncomment if necessary however generally it will be regenerated when needed
543 | # NuGet v3's project.json files produces more ignorable files
544 | 
545 | # Microsoft Azure Build Output
546 | 
547 | # Microsoft Azure Emulator
548 | 
549 | # Windows Store app package directories and files
550 | 
551 | # Visual Studio cache files
552 | # files ending in .cache can be ignored
553 | # but keep track of directories ending in .cache
554 | 
555 | # Others
556 | 
557 | # Including strong name files can present a security risk
558 | # (https://github.com/github/gitignore/pull/2483#issue-259490424)
559 | 
560 | # Since there are multiple workflows, uncomment next line to ignore bower_components
561 | # (https://github.com/github/gitignore/pull/1529#issuecomment-104372622)
562 | 
563 | # RIA/Silverlight projects
564 | 
565 | # Backup & report files from converting an old project file
566 | # to a newer Visual Studio version. Backup files are not needed,
567 | # because we have git ;-)
568 | 
569 | # SQL Server files
570 | 
571 | # Business Intelligence projects
572 | 
573 | # Microsoft Fakes
574 | 
575 | # GhostDoc plugin setting file
576 | 
577 | # Node.js Tools for Visual Studio
578 | 
579 | # Visual Studio 6 build log
580 | 
581 | # Visual Studio 6 workspace options file
582 | 
583 | # Visual Studio 6 auto-generated workspace file (contains which files were open etc.)
584 | 
585 | # Visual Studio LightSwitch build output
586 | 
587 | # Paket dependency manager
588 | 
589 | # FAKE - F# Make
590 | 
591 | # CodeRush personal settings
592 | 
593 | # Python Tools for Visual Studio (PTVS)
594 | 
595 | # Cake - Uncomment if you are using it
596 | # tools/**
597 | # !tools/packages.config
598 | 
599 | # Tabs Studio
600 | 
601 | # Telerik's JustMock configuration file
602 | 
603 | # BizTalk build output
604 | 
605 | # OpenCover UI analysis results
606 | 
607 | # Azure Stream Analytics local run output
608 | 
609 | # MSBuild Binary and Structured Log
610 | 
611 | # NVidia Nsight GPU debugger configuration file
612 | 
613 | # MFractors (Xamarin productivity tool) working folder
614 | 
615 | # Local History for Visual Studio
616 | 
617 | # BeatPulse healthcheck temp database
618 | 
619 | # Backup folder for Package Reference Convert tool in Visual Studio 2017
620 | 
621 | # Ionide (cross platform F# VS Code tools) working folder
622 | 
623 | # Fody - auto-generated XML schema
624 | 
625 | ### VisualStudio Patch ###
626 | # Additional files built by Visual Studio
627 | *.tlog
628 | 
629 | # End of https://www.toptal.com/developers/gitignore/api/csharp,dotnetcore,visualstudio,visualstudiocode,rider
630 | 


--------------------------------------------------------------------------------
/img/blazor-kernel.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3 | <svg xmlns="http://www.w3.org/2000/svg" style="background-color: rgb(255, 255, 255);" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="722px" height="699px" viewBox="-0.5 -0.5 722 699" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2021-06-09T00:33:03.962Z&quot; agent=&quot;5.0 (Windows)&quot; version=&quot;14.7.6&quot; etag=&quot;tRKOdhG_YMInK1McCl5u&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;GrGW6dQSncDW478V5vuG&quot;&gt;7VtJc+I4FP4tc+AYygvGcATSTA7pqq5JV8/MKSVsAZrYlseWA+lfP0+25FUOmyHTKbsrjf20v+8tn4UYmAt//3uEwu1X6mJvYGjufmDeDwzDsMYT+OCSt0wy1ceZYBMRNxPpheCJ/MRCqAlpQlwcVyoySj1GwqrQoUGAHVaRoSiiu2q1NfWqo4ZogxuCJwd5TemfxGXbTDqxtEL+gMlmK0fWNVHiI1lZCOItcumuJDK/DMxFRCnL7vz9AntceVIvWbtlS2k+sQgH7JgGRtbgFXmJWNvAGHvQdL6m0ANMkL2JVY//TagsuItTTGZQQR+HgOu8KIe7Df9cUD+kMWEYKr3gKOA2kHUN08l6zyoKTeQDGRFNAhfzGepQvNtCH08hcnjpDgwKZFvme6L4FUeMADQzj2wCkDHKK8Qsoi94QT0agSygARYzF8YEBgfPxPNklYFhYhs7eC3rieno4rlUb6mNOaBy4nwCeN+qfz1HFdwBUx+z6A2qiAaWNAThCSPxuCvMypDGsy2ZlDUWQiRMeZN3XaANNwJwNfhmA/yFR/jEbwbICQBUgLseIPphQPIqnQMyagIy4Cjl/vMxuDiWYzrjFhxu5SjjGi7WkcDoZgfAWA1g5h76CevsoWlCMzkSGaMLlxkrElgNipKi83TLl+6ieJsixB+QUL0Di8aRAhOfuC7vkfcR8p79/Yazm2FGKIzsk3f7Jvvn+tH5XUCZsxVSD62wN0fOyyY1EUWKKsO0XCxSmKq2ACXmaDSzQCPziDLECOVTvNMnWtNE8ppdREe7CrVhThtY555Zwdq4HGq7AfU9iUMPvWH3B5d9i6ibOIBo3QBgvazqcAddS4ikVXh4zd6zCZV/FxHgfNi5fIl84nF9PyYOcREsbUGDmKbjdgCpYdUgVWS8kQrRDpx30so+XfJa0MNMFIcoKMkG3PaKUhiqXOEpWfkEVOoKllpjtU6u64K1mtPZwp4vm0RWPQGt1GttcOjrt5XIDy2MNxdXFtrb7fl2m6eYctqxr2S40z7rfGTWsRUh6lpZR+45lEk59X0UuE+J42Ds9gnnwoSjQvNKfqvrveN+oONa+i0dV7W31WN9M6xH+g2xVmxlAfdLWWAcgwr+wA4mr32ovixUW7oC02uFasVmGPVDDzPcQ3sFaEfG7aBtbqddFpkP4XTduNwSU9vjchvsXUThSe2tSFds0Chx7SIKqzbj+vf5PiCdE5CU7/NK/tBFRLIbYGF3g+UGOo3Ylm5ogLwvhbSm2KLOI+Xb9ym+/2DG3sS2PEoYraKP94T9xZsPLfH0d6nkfi96Th9khDqERA1BLb1yhPiiTsUnwh6wyNdqO5WyRdNvlKQ+2RKRrGkNr5gmkYNFqwKy0ztiKNpg1ugoxT5fz3HmoNqY/JhXh+R7EgWzcp7S+ZBp8QNGfCCueshc8P+9bQ+n5lFefo4NvZPRWnJg6Q0kNV6PhD+E0roIGdOqRZhaM2SYpjJkdBEzut4E7FmMBNasATuyJw1gDSWwHbAYmU8+I4txwIaisGcxV2Mx5ng6nE7HxWUfjFCGZl2H1BhHbHZy/YWt6xbn59BKVtdO1YdRfx8ZKxSgOhzQxdkAud7jPPnoA29auC+7o7bODLWQNUxL5bzI52adjrzV8+e09AGWQaE5OIaDq1VhyfXal3nzgZMp9ZyzQjFxhhEYxQLBJBMm042p5fyEk9lV5q6PK9nRSR6bXarskzlVM1+tLf7vcIwRJ2tgvSTYPKZ17o1jXb/N1uUXGbc07eaGZwNaiR3x0+OsuS4eORTf+NHMjJmtKGPUb8eIqze9WvWJ4jA7Zrsmex6j5+mQMynVpATut4zxQ7ozvlJjmYQeRe5wR16Ij12ChjTagJg/h/wZ7h3q++BGcMe2ib+CzzH/AyiWD9+/PlrPHrx1PaPAfd7RyPVR9DKMX3knugmOevdOnWEYbC6FXraYWpUwJ9Eom4KtiPJ2B5bQ3Cf9+Cjf3HRSeoLeBQ9XHM77mJBebBJpd3cB8vnB5zSU/0kjz5VzWkWKCK0K3GnUPn3u//ekNhhpmW4uS2s3XlgLdE3JufMSvYzAG11uOAP7kAY6H1uqP1jF4VHPMFIEaRRuhLWng2pF15LAyJEOotr5muz7w/SoZ03XZU0jde64TXI44nzwZ+NJLv8D3S2zM+on0ZwWrPIt2OrrbJPlqDZlujiArzj8e3OWY46qLMdU/ATBUH1DoevaUCtfZgcKOXB29tciDmfuTP2i6w2TFSTGzPYYQRxWx0NxrOSLn1sVZ5CObPD014UBeC4EVXyWrm66zILNVSjOqWsfDoeKft4hOT1vOZ+32Id5S0u07yC8H/Hl0mfjLXJ/h1MXjZOYxfMTTwqNjR2Db+yoCk+iOi3wyi0NvUp1RteiOvBY/Nw7+666+NG8+eU/&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><rect x="480" y="25.2" width="240" height="672" rx="36" ry="36" fill="#e7ecef" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(1.2)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 28px; margin-left: 401px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: #F06100; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; "><font style="font-size: 16px">Composite kernel</font></div></div></div></foreignObject><text x="500" y="44" fill="#F06100" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">Composite kernel</text></switch></g><rect x="0" y="25.2" width="144" height="672" rx="21.6" ry="21.6" fill="#e7ecef" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(1.2)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 28px; margin-left: 1px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: #F06100; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; ">Client</div></div></div></foreignObject><text x="60" y="44" fill="#F06100" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">Client</text></switch></g><rect x="528" y="517.2" width="144" height="156" rx="21.6" ry="21.6" fill="#c5c3c6" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(1.2)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 438px; margin-left: 441px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: #F06100; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; ">C# kernel</div></div></div></foreignObject><text x="500" y="454" fill="#F06100" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">C# kernel</text></switch></g><rect x="528" y="73.2" width="144" height="312" rx="21.6" ry="21.6" fill="#c5c3c6" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(1.2)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 68px; margin-left: 441px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: #F06100; line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; word-wrap: normal; ">Blazor kernel</div></div></div></foreignObject><text x="500" y="84" fill="#F06100" font-family="Helvetica" font-size="16px" text-anchor="middle" font-weight="bold">Blazor kernel</text></switch></g><path d="M 60 264 L 588 264 L 588 264 L 600 277.2 L 588 290.4 L 588 290.4 L 60 290.4 L 60 277.2 Z" fill="#344a5e" stroke="#344a5e" stroke-width="1.2" stroke-miterlimit="10" transform="rotate(-180,330,277.2)" pointer-events="all"/><rect x="156" y="265.2" width="48" height="24" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(1.2)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 38px; height: 1px; padding-top: 231px; margin-left: 132px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 12px; font-family: Lucida Console; color: #FFCC00; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">DisplayedValueProduced</div></div></div></foreignObject><text x="132" y="235" fill="#FFCC00" font-family="Lucida Console" font-size="12px">Display...</text></switch></g><rect x="156" y="121.2" width="204" height="24" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(1.2)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 168px; height: 1px; padding-top: 111px; margin-left: 132px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 12px; font-family: Lucida Console; color: #FFCC00; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div><span>	</span>SubmitCode: <font color="#9AC7BF"><span>  </span>#!blazor</font></div></div></div></div></foreignObject><text x="132" y="115" fill="#FFCC00" font-family="Lucida Console" font-size="12px">	SubmitCode:   #!blazor</text></switch></g><path d="M 60 301.2 L 588 301.2 L 588 301.2 L 600 314.4 L 588 327.6 L 588 327.6 L 60 327.6 L 60 314.4 Z" fill="#344a5e" stroke="#344a5e" stroke-width="1.2" stroke-miterlimit="10" transform="rotate(-180,330,314.4)" pointer-events="all"/><rect x="156" y="301.2" width="48" height="24" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(1.2)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 38px; height: 1px; padding-top: 261px; margin-left: 132px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 12px; font-family: Lucida Console; color: #FFCC00; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">CommandSucceeded</div></div></div></foreignObject><text x="132" y="265" fill="#FFCC00" font-family="Lucida Console" font-size="12px">Command...</text></switch></g><path d="M 60 589.2 L 588 589.2 L 588 589.2 L 600 602.4 L 588 615.6 L 588 615.6 L 60 615.6 L 60 602.4 Z" fill="#344a5e" stroke="#344a5e" stroke-width="1.2" stroke-miterlimit="10" transform="rotate(-180,330,602.4)" pointer-events="all"/><path d="M 60 626.4 L 588 626.4 L 588 626.4 L 600 639.6 L 588 652.8 L 588 652.8 L 60 652.8 L 60 639.6 Z" fill="#344a5e" stroke="#344a5e" stroke-width="1.2" stroke-miterlimit="10" transform="rotate(-180,330,639.6)" pointer-events="all"/><rect x="156" y="590.4" width="48" height="24" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(1.2)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 38px; height: 1px; padding-top: 502px; margin-left: 132px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 12px; font-family: Lucida Console; color: #FFCC00; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">CodeSubmissionReceived</div></div></div></foreignObject><text x="132" y="506" fill="#FFCC00" font-family="Lucida Console" font-size="12px">CodeSub...</text></switch></g><rect x="156" y="627.6" width="48" height="24" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(1.2)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 38px; height: 1px; padding-top: 533px; margin-left: 132px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 12px; font-family: Lucida Console; color: #FFCC00; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">CompleteCodeSubmissionReceived</div></div></div></foreignObject><text x="132" y="537" fill="#FFCC00" font-family="Lucida Console" font-size="12px">Complet...</text></switch></g><path d="M 72 120 L 588 120 L 588 120 L 600 133.2 L 588 146.4 L 588 146.4 L 72 146.4 L 72 133.2 Z" fill="#344a5e" stroke="#344a5e" stroke-width="1.2" stroke-miterlimit="10" pointer-events="all"/><rect x="156" y="121.2" width="180" height="24" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(1.2)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 148px; height: 1px; padding-top: 111px; margin-left: 132px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 12px; font-family: Lucida Console; color: #FFCC00; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div><span>	</span>SubmitCode: <font color="#9AC7BF"><span>  </span>#!blazor</font></div></div></div></div></foreignObject><text x="132" y="115" fill="#FFCC00" font-family="Lucida Console" font-size="12px">	SubmitCode:   #!blazor</text></switch></g><path d="M 324 337.2 L 417.52 350.4 L 324 363.6 L 324 363.6 C 272.31 363.6 230.4 405.51 230.4 457.2 C 230.4 508.89 272.31 550.8 324 550.8 L 600 550.8 L 600 577.2 L 324 577.2 C 257.73 577.2 204 523.47 204 457.2 C 204 390.93 257.73 337.2 324 337.2 Z" fill="#344a5e" stroke="#344a5e" stroke-width="1.2" stroke-miterlimit="10" transform="translate(0,457.2)scale(1,-1)translate(0,-457.2)" pointer-events="all"/><path d="M 324 550.8 L 588 550.8 L 588 550.8 L 600 564 L 588 577.2 L 588 577.2 L 324 577.2 L 324 564 Z" fill="#344a5e" stroke="#344a5e" stroke-width="1.2" stroke-miterlimit="10" pointer-events="all"/><rect x="300" y="337.2" width="246" height="24" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(1.2)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 203px; height: 1px; padding-top: 291px; margin-left: 252px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 12px; font-family: Lucida Console; color: #FFCC00; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><div><span>	</span>SubmitCode: <font color="#9AC7BF"><span>  </span>#!csharp</font></div></div></div></div></foreignObject><text x="252" y="295" fill="#FFCC00" font-family="Lucida Console" font-size="12px">	SubmitCode:   #!csharp</text></switch></g><path d="M 219 247.2 L 192 247.2 L 192 193.2 L 456 193.2 L 456 247.2 L 237 247.2 L 210 265.2 Z" fill="#f5f5f5" stroke="#666666" stroke-width="1.2" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)scale(1.2)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 216px; height: 1px; padding-top: 168px; margin-left: 164px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #333333; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><div><font style="font-size: 10px" face="Lucida Console">&lt;h1&gt;Hello Alice&lt;/h1&gt;</font></div></div></div></div></foreignObject><text x="164" y="180" fill="#333333" font-family="Helvetica" font-size="12px">&lt;h1&gt;Hello Alice&lt;/h1&gt;</text></switch></g><image x="425.5" y="195.1" width="32.4" height="32.4" xlink:href="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/130px-HTML5_logo_and_wordmark.svg.png" preserveAspectRatio="none" pointer-events="none"/><path d="M 219 102 L 192 102 L 192 0 L 456 0 L 456 102 L 237 102 L 210 120 Z" fill="#f5f5f5" stroke="#666666" stroke-width="1.2" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)scale(1.2)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 216px; height: 1px; padding-top: 7px; margin-left: 164px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #333333; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><font style="font-size: 10px" face="Lucida Console">#!blazor --name HelloWorld<br /></font><div style="font-size: 10px"><font style="font-size: 10px" face="Lucida Console">&lt;h1&gt;Hello @name&lt;/h1&gt;</font><font style="font-size: 10px" face="Lucida Console"><br /><br /><font style="font-size: 10px">@code {</font><br /><font style="font-size: 10px">    string name = "Alice";</font><br /><font style="font-size: 10px">}</font></font></div></div></div></div></foreignObject><text x="164" y="19" fill="#333333" font-family="Helvetica" font-size="12px">#!blazor --name HelloWorld...</text></switch></g><image x="415.9" y="1.9" width="36" height="36" xlink:href="https://upload.wikimedia.org/wikipedia/commons/d/d0/Blazor.png" preserveAspectRatio="none" pointer-events="none"/><path d="M 291 511.2 L 264 511.2 L 264 397.2 L 564 397.2 L 564 511.2 L 309 511.2 L 282 529.2 Z" fill="#f5f5f5" stroke="#666666" stroke-width="1.2" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)scale(1.2)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 246px; height: 1px; padding-top: 338px; margin-left: 224px;"><div style="box-sizing: border-box; font-size: 0; text-align: left; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #333333; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; "><div style="font-size: 10px"><font style="font-size: 10px" face="Lucida Console">#!csharp</font></div><div style="font-size: 10px"><font style="font-size: 10px" face="Lucida Console">public partial class HelloWorld</font></div><div style="font-size: 10px"><font style="font-size: 10px" face="Lucida Console">    : ComponentBase</font></div><font style="font-size: 10px" face="Lucida Console">{<br />    ...<br />}</font></div></div></div></foreignObject><text x="224" y="350" fill="#333333" font-family="Helvetica" font-size="12px">#!csharp...</text></switch></g><image x="523.9" y="401.5" width="36" height="36" xlink:href="https://upload.wikimedia.org/wikipedia/commons/thumb/0/0d/C_Sharp_wordmark.svg/120px-C_Sharp_wordmark.svg.png" preserveAspectRatio="none" pointer-events="none"/></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Viewer does not support full SVG 1.1</text></a></switch></svg>


--------------------------------------------------------------------------------