Running samples in REPL

[SeanFeldman]

I'm a backend developer so if I'm making no sense, you'll know why 😄

When I need to put together a UI, I start by prototyping the UI to see what's feasible and what's not. With Blazor, REPL is my go-to tool for prototyping and getting an idea. In the past, I've used MudBlazor (hopefully mentioning it here won't get me banned for life). What I'd do is go to the component I'm interested in, and click the "Run" button, which would serialize everything that sample needed (.razor, .razor.css, .cs, packages, etc) and open it in the REPL. That was a lifesaver. Not only because I was a total newbie. But also when I wanted to prototype w/o starting from scratch. I couldn't find this with FluentUI for Blazor. This, IMO, is making experimentation and exploration of this library sub-par.

Seeing that FluentUI4B does support saving snippets by serializing all the information, would it be possible to load samples from the doco site?

[SeanFeldman]

I also noticed that REPL site is crushing when trying to reload a saved snippet 😞
Example snippet: https://try.fluentui-blazor.net/snippet/mkGTuUOMrpPMBzZk

Error:

Details

Error on app startup: System.IO.FileNotFoundException: Could not load file or assembly 'FluentUI.Blazor.Repl.UserComponents, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null' or one of its dependencies.

File name: 'FluentUI.Blazor.Repl.UserComponents, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null'

crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
Unhandled exception rendering component: Could not load file or assembly 'FluentUI.Blazor.Repl.UserComponents, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null' or one of its dependencies.
System.IO.FileNotFoundException: Could not load file or assembly 'FluentUI.Blazor.Repl.UserComponents, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null' or one of its dependencies.
File name: 'FluentUI.Blazor.Repl.UserComponents, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null'
at Microsoft.AspNetCore.Components.ComponentBase.<.ctor>b__7_0(RenderTreeBuilder builder)
at Microsoft.AspNetCore.Components.Rendering.ComponentState.RenderIntoBatch(RenderBatchBuilder batchBuilder, RenderFragment renderFragment, Exception& renderFragmentException)

Looks like it fails when a custom class is added to what's REPL's appropriate namespace is, 'FluentUI.Blazor.Repl.UserComponents

[SeanFeldman]

Had to do the following to fix the error: DevTools --> Application --> Clear Site Data

[vnbaaij]

The REPL project is my personal side-project of the side-project this library already is 😁. I have a lot of things I'd like to add but too little time to do so.

Anyway, it is not part of the repo and project and we don't have plans to do so because we can't take the additional load. Because it is not a part of the project, I don't think we can/will link it to the docs site in the near future.