.NET Interactive

Demo

.NET Interactive

Install: dotnet tool install --global Microsoft.dotnet-interactive --version 1.0.431302

Run: dotnet interactive stdio --http-port 9000

.NET Interactive

npm run start
open http://127.0.0.1:8080

Some extra HTML/JS code to connect to .NET Interactive.

.NET Interactive

Demo - Events

There are a number of events you can listen for and take action on:

• DisplayedValueProduced
• CodeSubmissionReceived
• CompleteCodeSubmissionReceived
• CodeSubmissionReceived
• CompleteCodeSubmissionReceived
• CodeSubmissionReceived
• CompleteCodeSubmissionReceived
• StandardOutputValueProduced
• CommandSucceeded

.NET Interactive

Demo

Run through

The anatomy of Blazor Interactive!

Compilation

CSharpCompilation.CreateScriptCompilation

Journey

								%%{init: {'theme': 'dark', 'themeVariables': { 'darkMode': true }}}%%
								flowchart LR
									A[SyntaxTree] --> E;
									B[CompilationOptions]--> E;
									C[MetadataReferences] --> E;
									D[Name] --> E;
									E[Compiler] --> F;
									F{Emit} --> G;
									G[Assembly] --> H;
									H{Create} --> I;
									I{Invoke} --> *;
							

Syntax Tree

Firstly you need to build a SyntaxTree using the code provided.

Compilation Options

Do you want to output a DLL or a Console App?

Also you need to pass a list of usings, prob best to add System as a minimum.

Metadata References

Usually able to get these from the AppDomain.

More on this later...

Publish Trimmed

This was added to the Blazor application .csproj so dlls weren't bundled together and we could make use of them in the list.

							<PropertyGroup>
								<PublishTrimmed>false</PublishTrimmed>
							</PropertyGroup>
						

Network Requests

Network Requests

blazor.boot.json

This contains a list of the DLLs related to the project.

Cache Storage (Application)

Steps

• Reference Filter (from blazor.boot.json)
• Reference Resolver (Local / Remote)
• Assembly Accessor (Local / Blazor)
• Code Compiler
• Assembly Loader
• Assembly Invoker

								%%{init: {'theme': 'dark', 'themeVariables': { 'darkMode': true }}}%%
								graph LR;

									subgraph Page
										A[Reference Filter];

										B[Reference Resolver] --> C
										C[Compile] --> D
										D[Assembly Loader]

										subgraph Load
											E[Emit] --> F
											F[Load]
										end

										subgraph Invoke
											G[Create Instance] --> H
											H[Invoke Member]
										end

										I[Console Display]
									end
								
							

Steps

								%%{init: {'theme': 'dark', 'themeVariables': { 'darkMode': true }}}%%
								graph LR
									A[Code] --> C
									B[Assemblies] --> |web call| C
									C[Compile] --> D
									D[Output]
							

Code from the Monaco Editor, Assemblies from a web call, compiled then output to screen.

Inspiration

Try .NET

• Try .NET
• Try .NET - Documentation
• Try .NET - code

Inspiration

.NET Interactive

• 📝 .NET Interactive is here! | .NET Notebooks Preview 2
• .NET Interactive (code)
  • [QUESTION]: Can .NET interactive be embedded in a Web Application? #800 (ISSUE)
  • [QUESTION]: Can .NET interactive be embedded in a Web Application? #2612 (DISCUSSION)

Inspiration

Experiments

• .NET Interactive Experiments
  • .NET Interactive Experiments (Original) @colombod

Inspiration

Blazor

• Building a C# Interactive shell in a browser with Blazor (WebAssembly) and Roslyn by Filip W 🗓️ June 7th 2019
• Strathweb.Samples.BlazorCSharpInteractive @filipw
  • FORK
  • DEMO