diff --git a/.gitignore b/.gitignore
index af2e7f3..8d13092 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,4 +4,3 @@ images/Thumbs.db
 .svn
 bin
 obj
-.idea/**
diff --git a/.idea/.idea.BlazorViz/.idea/.name b/.idea/.idea.BlazorViz/.idea/.name
index 4658a86..a347b4c 100644
--- a/.idea/.idea.BlazorViz/.idea/.name
+++ b/.idea/.idea.BlazorViz/.idea/.name
@@ -1 +1 @@
-BlazorViz
\ No newline at end of file
+BlazorCslyViz
\ No newline at end of file
diff --git a/BlazorVizView/BlazorVizView.csproj b/BlazorVizView/BlazorVizView.csproj
index 4c716c5..6d785a0 100644
--- a/BlazorVizView/BlazorVizView.csproj
+++ b/BlazorVizView/BlazorVizView.csproj
@@ -4,34 +4,35 @@
     <TargetFramework>net7.0</TargetFramework>
     <Nullable>enable</Nullable>
     <ImplicitUsings>enable</ImplicitUsings>
-    <BlazorLinkOnBuild>false</BlazorLinkOnBuild>
   </PropertyGroup>
 
   <ItemGroup>
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="7.0.0" />    
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="7.0.0" PrivateAssets="all" />
-
-    <PackageReference Include="sly" Version="3.1.6"/>
-    <PackageReference Include="csly-cli-api" Version="1.2.5"/>
+    
+<!--    <ProjectReference Include="..\..\csly-cli\csly-cli-api\csly-cli-api.csproj" />-->
+<!--    -->
+<!--    <ProjectReference Include="..\..\csly-cli\csly-cli-builder\csly-cli-builder.csproj" />-->
+<!--    -->
+<!--    <ProjectReference Include="..\..\csly-cli\csly-cli-model\csly-cli-model.csproj" />-->
+<!--    -->
+<!--    <ProjectReference Include="..\..\csly-cli\csly-cli-parser\csly-cli-parser.csproj" />-->
+<!--    <ProjectReference Include="..\..\csly\src\sly\sly.csproj" />-->
+    
+    
 
     <PackageReference Include="Newtonsoft.Json" Version="13.0.2"/>
     <PackageReference Include="System.Collections.Immutable" Version="8.0.0"/>
     <PackageReference Include="System.Memory" Version="4.5.5"/>
     <PackageReference Include="System.ValueTuple" Version="4.5.0"/>
-    <PackageReference Include="BlazorDialog" Version="2.3.0"/>
-    
-
-
-    <PackageReference Include="Microsoft.CodeAnalysis.CSharp" Version="4.4.0-4.final" />
     
+    <PackageReference Include="csly-cli-api" Version="1.0.3"/>
+    <PackageReference Include="sly" Version="3.1.5"/>
+      <PackageReference Include="BlazorMonaco" Version="3.2.0"/>
   </ItemGroup>
 
   <ItemGroup>
     <Folder Include="wwwroot\js\" />
   </ItemGroup>
 
-<!--  <ItemGroup>-->
-<!--    <ProjectReference Include="..\..\csly-cli\csly-cli-api\csly-cli-api.csproj" />-->
-<!--  </ItemGroup>-->
-
 </Project>
diff --git a/BlazorVizView/Program.cs b/BlazorVizView/Program.cs
index 4f7f3fe..9add380 100644
--- a/BlazorVizView/Program.cs
+++ b/BlazorVizView/Program.cs
@@ -1,16 +1,11 @@
 using BlazorVizView;
 using Microsoft.AspNetCore.Components.Web;
 using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
-using Microsoft.JSInterop;
 
 var builder = WebAssemblyHostBuilder.CreateDefault(args);
 builder.RootComponents.Add<App>("#app");
 builder.RootComponents.Add<HeadOutlet>("head::after");
 
 builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
-builder.Services.AddSingleton(serviceProvider => (IJSInProcessRuntime)serviceProvider.GetRequiredService<IJSRuntime>());
-builder.Services.AddSingleton(serviceProvider => (IJSUnmarshalledRuntime)serviceProvider.GetRequiredService<IJSRuntime>());
-
-builder.Services.AddBlazorDialog();
 
 await builder.Build().RunAsync();
diff --git a/BlazorVizView/Shared/ExtractDialog.razor b/BlazorVizView/Shared/ExtractDialog.razor
deleted file mode 100644
index acd53b4..0000000
--- a/BlazorVizView/Shared/ExtractDialog.razor
+++ /dev/null
@@ -1,43 +0,0 @@
-<DialogHeader ShowClose="true">
-    <h4>Grammar extraction</h4>
-</DialogHeader>
-<DialogBody>
-
-    <label for="lexerFile" class="input-label">Lexer</label>
-    <InputFile id="lexerFile" OnChange="LoadLexer"/>
-    <br/>
-    <label for="parserFile" class="input-label">Parser</label>
-    <InputFile id="parserFile" OnChange="LoadParser"/>
-    
-    
-</DialogBody>
-<DialogFooter>
-    <button type="button" class="btn btn-primary" @onclick="@(()=> Dialog.Hide(new ExtractDialogResult(lexer, parser)))">Yes</button>
-    <button type="button" class="btn btn-secondary" @onclick="@(()=> Dialog.Hide(new ExtractDialogResult()))">No</button>
-</DialogFooter>
-
-@code {
-
-    private string parser = "";
-
-    private string lexer = "";
-    
-    [CascadingParameter(Name = "ParentDialog")] Dialog Dialog { get; set; }
-    
-    private async Task LoadParser(InputFileChangeEventArgs e)
-    {
-        
-        var content = 
-            await new StreamReader(e.File.OpenReadStream()).ReadToEndAsync();
-        parser = content;
-    }
-    
-    private async Task LoadLexer(InputFileChangeEventArgs e)
-    {
-        
-        var content = 
-            await new StreamReader(e.File.OpenReadStream()).ReadToEndAsync();
-        lexer = content;
-    }
-    
-}
\ No newline at end of file
diff --git a/BlazorVizView/Shared/ExtractDialogResult.cs b/BlazorVizView/Shared/ExtractDialogResult.cs
deleted file mode 100644
index 2f9a94b..0000000
--- a/BlazorVizView/Shared/ExtractDialogResult.cs
+++ /dev/null
@@ -1,22 +0,0 @@
-namespace BlazorVizView.Shared;
-
-public class ExtractDialogResult
-{
-    public string Lexer { get; set; }
-    
-    public string Parser { get; set; }
-    
-    public bool Ok { get; set; }
-
-    public ExtractDialogResult(string lexer, string parser)
-    {
-        Ok = true;
-        Lexer = lexer;
-        Parser = parser;
-    }
-
-    public ExtractDialogResult()
-    {
-        Ok = false;
-    }
-}
\ No newline at end of file
diff --git a/BlazorVizView/Shared/GenerateDialog.razor b/BlazorVizView/Shared/GenerateDialog.razor
deleted file mode 100644
index dd5b9a6..0000000
--- a/BlazorVizView/Shared/GenerateDialog.razor
+++ /dev/null
@@ -1,24 +0,0 @@
-<DialogHeader ShowClose="true">
-    <h4>Source generation options</h4>
-</DialogHeader>
-<DialogBody>
-    <label for="ns">NameSpace</label>
-    <input type="text" @bind="nameSpace"/>
-    <br/>
-    <label for="type">Parser output type</label>
-    <input type="text" id="type" @bind="outputType"/>
-</DialogBody>
-<DialogFooter>
-    <button type="button" class="btn btn-primary" @onclick="@(()=> Dialog.Hide(new GenerateDialogResult(nameSpace,outputType)))">Yes</button>
-    <button type="button" class="btn btn-secondary" @onclick="@(()=> Dialog.Hide(new GenerateDialogResult()))">No</button>
-</DialogFooter>
-
-@code {
-
-    private string nameSpace = "ns";
-
-    private string outputType = "object";
-    
-    [CascadingParameter(Name = "ParentDialog")] Dialog Dialog { get; set; }
-    
-}
\ No newline at end of file
diff --git a/BlazorVizView/Shared/GenerateDialogResult.cs b/BlazorVizView/Shared/GenerateDialogResult.cs
deleted file mode 100644
index 873edb9..0000000
--- a/BlazorVizView/Shared/GenerateDialogResult.cs
+++ /dev/null
@@ -1,22 +0,0 @@
-namespace BlazorVizView.Shared;
-
-public class GenerateDialogResult
-{
-    public string NameSpace { get; set; }
-    
-    public string OutputType { get; set; }
-    
-    public bool Ok { get; set; }
-
-    public GenerateDialogResult(string ns, string outputType)
-    {
-        NameSpace = ns;
-        OutputType = outputType;
-        Ok = true;
-    }
-
-    public GenerateDialogResult()
-    {
-        Ok = false;
-    }
-}
\ No newline at end of file
diff --git a/BlazorVizView/Shared/MainLayout.razor b/BlazorVizView/Shared/MainLayout.razor
index ec33278..82a7081 100644
--- a/BlazorVizView/Shared/MainLayout.razor
+++ b/BlazorVizView/Shared/MainLayout.razor
@@ -6,6 +6,5 @@
         <article>
             @Body
         </article>
-        <DialogOutput/>
     </main>
 
diff --git a/BlazorVizView/Shared/VizGraph.razor b/BlazorVizView/Shared/VizGraph.razor
index 08e6c48..6399ed7 100644
--- a/BlazorVizView/Shared/VizGraph.razor
+++ b/BlazorVizView/Shared/VizGraph.razor
@@ -1,17 +1,13 @@
-@using System.IO.Compression
-@using System.Text
-@inject IJSRuntime JSRuntime
+@inject IJSRuntime JSRuntime
 @inject NavigationManager NavManager
-@inject IBlazorDialogService dialogService
-@inject IJSUnmarshalledRuntime JSUnmarshalledRuntime
-
+@using Microsoft.JSInterop
 
 <div>
     <strong>@Title</strong>
 
-    <p class="title">Visualization for CSLY with Viz.js </p>
-
-
+    <p class="title">Visualization  for CSLY with Viz.js </p>
+   
+    
     <div>
 
         <label for="grammarFile" class="input-label">Importer un fichier grammaire</label>
@@ -20,49 +16,75 @@
         <InputFile id="inputFile" OnChange="LoadGrammar"/>
         <div class="input" style="display: flex; flex-direction: row">
 
-            <div style="flex-grow:1">
-                <textarea style="flex-grow: 1" id="grammarBox" maxlength="2000" spellcheck="false" @bind="grammar" />
-            </div>
-
-            <div style="flex-grow:1">
-                <textarea style="flex-grow: 1" i d="inputBox" maxlength="2000" spellcheck="false" @bind="source" />
-            </div>
+<div style="flex-grow:1">        
+            <textarea style="flex-grow: 1" id="grammarBox" maxlength="2000" spellcheck="false" @bind="grammar" />
+</div>
 
+<div style="flex-grow:1">                 
+            <textarea style="flex-grow: 1" i d="inputBox" maxlength="2000" spellcheck="false" @bind="source" />
+</div>
+            
         </div>
         <button id="submitButton" @onclick="Render">
             Render
         </button>
-        <button id="submitButton" @onclick="Generate">
-            Generate...
-        </button>
-        <button id="submitButton" @onclick="GetJson">
-            Download JSON...
-        </button>
-        <button id="extractButton" @onclick="ExtractGrammar">
-            Extract grammar...
-        </button>
     </div>
+    
 
-
-    <div id="graph">
+    <div id="graph" >
         <div id="output">
             <div id="error"></div>
-        </div>
+          </div>
     </div>
 </div>
 
 @code {
 
-    [Parameter] public string? Title { get; set; }
+    // Demonstrates how a parent component can supply parameters
+    [Parameter]
+    public string? Title { get; set; }
+
+    string source = @"
 
-    string source = @"1 / 2 / 3 + 4 + 3.14";
+while i < 10 do
+(
+   i := i + 1;
+   print ""hello""
+)";
 
     string grammar = @"
-genericLexer ExprLexer;
 
-[Int] I;
-[Double] D;
+genericLexer WhileLexer;
+
+[String] STRING;
+[Int] INT;
+[AlphaId] ID; 
+
+
+[ KeyWord] IF:""if"";
+[ KeyWord] THEN:""then"";
+[ KeyWord] ELSE:""else"";
+[ KeyWord] WHILE:""while"";
+[ KeyWord] DO:""do"";
+[ KeyWord] SKIP:""skip"";
+[ KeyWord] TRUE:""true"";
+[ KeyWord] FALSE:""false"";
+[ KeyWord] NOT:""not"";
+[ KeyWord] AND:""and"";
+[ KeyWord] OR:""or"";
+[ KeyWord] PRINT:""print"";
+
+ [Sugar] GREATER : "">"";
+
+[Sugar] LESSER : ""<"";
+
+[Sugar] EQUALS : ""=="";
+
+[Sugar] DIFFERENT : ""!="";
 
+[Sugar] CONCAT : ""."";
+
+[Sugar] ASSIGN : "":="";
 
 [Sugar] PLUS : ""+"";
 [Sugar] MINUS : ""-"";
@@ -71,23 +93,52 @@ genericLexer ExprLexer;
 
 [Sugar] LPAREN : ""("";
 [Sugar] RPAREN : "")"";
+[Sugar] SEMICOLON : "";"";
 
+parser WhileParser;
 
-parser ExprParser;
-
-
--> root:  ExprParser_expressions ;
 
+[Right 50] LESSER;
+[Right 50] GREATER;
+[Right 50] EQUALS;
+[Right 50]DIFFERENT;
 
+[Right 10] CONCAT;
        
 [Right 10] PLUS;
 [Left 10] MINUS;
 [Right 50] TIMES;
 [Left 50]DIVIDE;
+
 [Prefix 100] MINUS;
 
-[Operand] operand : [I|D];
-[Operand] operand : LPAREN ExprParser_expressions RPAREN;
+[Right 10] OR;
+[Right 50] AND;
+[Prefix 100] NOT;
+
+
+-> statement :  LPAREN statement RPAREN ;
+
+
+statement : sequence;
+
+
+[Operand] operand : [INT | TRUE | FALSE | STRING | ID];
+[Operand] operand : LPAREN WhileParser_expressions RPAREN;
+
+sequence : [statementIf | statementWhile | statementAssign | statementSkip | statementPrint] additionalStatements*;
+
+additionalStatements : SEMICOLON [statementIf | statementWhile | statementAssign | statementSkip | statementPrint];
+
+statementIf: IF WhileParser_expressions THEN statement ELSE statement;
+
+statementWhile: WHILE WhileParser_expressions DO statement;
+
+statementAssign: ID ASSIGN WhileParser_expressions;
+
+statementSkip: SKIP;
+
+statementPrint: PRINT WhileParser_expressions;
 
 ";
 
@@ -97,154 +148,53 @@ parser ExprParser;
     {
     }
 
+// private StandaloneCodeEditor _grammar;
+// private StandaloneCodeEditor _source;
+
+
+
     private async Task LoadGrammar(InputFileChangeEventArgs e)
     {
-        var content =
+        
+        var content = 
             await new StreamReader(e.File.OpenReadStream()).ReadToEndAsync();
         grammar = content;
-        StateHasChanged();
+        //_grammar.SetValue(grammar);
     }
-
-    private async Task LoadSource(InputFileChangeEventArgs e)
+    
+    private async  Task LoadSource(InputFileChangeEventArgs e)
     {
-        var content =
+        var content = 
             await new StreamReader(e.File.OpenReadStream()).ReadToEndAsync();
         source = content;
-        StateHasChanged();
-    }
-
-
-    private async void GetJson()
-    {
-        var json = CslyProcessor.GetJson(grammar, source);
-        if (json.IsOK)
-        {
-            string fileName = "source.json";
-            string contentType = "text/json";
-
-            // Check if the IJSRuntime is the WebAssembly implementation of the JSRuntime
-            if (JSUnmarshalledRuntime is IJSUnmarshalledRuntime webAssemblyJSRuntime)
-            {
-                webAssemblyJSRuntime.InvokeUnmarshalled<string, string, byte[], bool>("BlazorDownloadFileFast", fileName, contentType, UTF8Encoding.UTF8.GetBytes(json.Result));
-                return;
-            }
-
-            // Fall back to the slow method if not in WebAssembly
-            await JSRuntime.InvokeVoidAsync("BlazorDownloadFile", fileName, contentType, UTF8Encoding.UTF8.GetBytes(json.Result));
-        }
-    }
-
-
-    private async void ExtractGrammar()
-    {
-        bool isCentered = true;
-        DialogSize size;
-        DialogAnimation animation = DialogAnimation.SlideDown;
-
-        var dialogResult = await dialogService.ShowComponentAsDialog<ExtractDialogResult>(new ComponentAsDialogOptions(typeof(ExtractDialog))
-        {
-            Animation = DialogAnimation.SlideDown,
-            Size = DialogSize.Normal,
-            Centered = true,
-            Parameters = new()
-        });
-        if (dialogResult != null && dialogResult.Ok)
-        {
-            var extractedGrammar = CslyProcessor.ExtractGrammar(dialogResult.Parser, dialogResult.Lexer);
-            if (extractedGrammar.IsOK && !string.IsNullOrEmpty(extractedGrammar.Result))
-            {
-                this.grammar = extractedGrammar.Result;
-                StateHasChanged();
-            }
-        }
-    }
-
-    private async void Generate()
-    {
-        bool isCentered = true;
-        DialogSize size;
-        DialogAnimation animation = DialogAnimation.SlideDown;
-
-        var dialogResult = await dialogService.ShowComponentAsDialog<GenerateDialogResult>(new ComponentAsDialogOptions(typeof(GenerateDialog))
-        {
-            Animation = DialogAnimation.SlideDown,
-            Size = DialogSize.Normal,
-            Centered = true,
-            Parameters = new()
-        });
-        if (dialogResult != null && dialogResult.Ok)
-        {
-            Console.WriteLine($"Generate => ns:{dialogResult.NameSpace}, type:{dialogResult.OutputType}");
-            var sources = CslyProcessor.GenerateParser(grammar, dialogResult.NameSpace, dialogResult.OutputType);
-            if (sources.IsOK)
-            {
-                byte[] compressedBytes;
-                using (var outStream = new MemoryStream())
-                {
-                    using (var archive = new ZipArchive(outStream, ZipArchiveMode.Create, true))
-                    {
-                        var fileInArchive = archive.CreateEntry(sources.Result.ParserName + ".cs", CompressionLevel.Fastest);
-                        using (var entryStream = fileInArchive.Open())
-                        {
-                            using (var fileToCompressStream = new MemoryStream(Encoding.UTF8.GetBytes(sources.Result.Parser)))
-                            {
-                                fileToCompressStream.CopyTo(entryStream);
-                            }
-                        }
-
-                        fileInArchive = archive.CreateEntry(sources.Result.LexerName + ".cs", CompressionLevel.Fastest);
-                        using (var entryStream = fileInArchive.Open())
-                        {
-                            using (var fileToCompressStream = new MemoryStream(Encoding.UTF8.GetBytes(sources.Result.Lexer)))
-                            {
-                                fileToCompressStream.CopyTo(entryStream);
-                            }
-                        }
-
-                        fileInArchive = archive.CreateEntry(sources.Result.ParserName + ".csproj", CompressionLevel.Fastest);
-                        using (var entryStream = fileInArchive.Open())
-                        {
-                            using (var fileToCompressStream = new MemoryStream(Encoding.UTF8.GetBytes(sources.Result.Project)))
-                            {
-                                fileToCompressStream.CopyTo(entryStream);
-                            }
-                        }
-                    }
-
-                    compressedBytes = outStream.ToArray();
-                }
-
-
-                string fileName = "parser.zip";
-                string contentType = "application/zip";
-
-                // Check if the IJSRuntime is the WebAssembly implementation of the JSRuntime
-                if (JSUnmarshalledRuntime is IJSUnmarshalledRuntime webAssemblyJSRuntime)
-                {
-                    webAssemblyJSRuntime.InvokeUnmarshalled<string, string, byte[], bool>("BlazorDownloadFileFast", fileName, contentType, compressedBytes);
-                    return;
-                }
-
-                // Fall back to the slow method if not in WebAssembly
-                await JSRuntime.InvokeVoidAsync("BlazorDownloadFile", fileName, contentType, compressedBytes);
-            }
-            else
-            {
-                foreach (var error in sources.Errors)
-                {
-                    Console.WriteLine(error);
-                    await AppendError(error);
-                }
-            }
-        }
-        else
-        {
-            Console.WriteLine("do not generate");
-        }
+        //_source.SetValue(source);
     }
 
+    // private StandaloneEditorConstructionOptions GrammarConstructionOptions(StandaloneCodeEditor editor)
+    // {
+    //     
+    //     return new StandaloneEditorConstructionOptions
+    //     {
+    //         AutomaticLayout = true,
+    //         Value = grammar
+    //     };
+    // }
+    
+    // private StandaloneEditorConstructionOptions InputConstructionOptions(StandaloneCodeEditor editor)
+    // {
+    //     return new StandaloneEditorConstructionOptions
+    //     {
+    //         AutomaticLayout = true,
+    //         Value = source
+    //     };
+    // }
+    
     private async void Render()
     {
+
+        // grammar = await _grammar.GetValue();
+        // source = await _source.GetValue();
+        
         var dotresult = CslyProcessor.GetDot(grammar, source);
         if (dotresult.IsOK)
         {
@@ -260,14 +210,13 @@ parser ExprParser;
         }
     }
 
-    public async Task VizRender(string graph)
+    public async Task VizRender(string graph) 
     {
-        await JSRuntime.InvokeAsync<string>("vizRender", graph);
+        await JSRuntime.InvokeAsync<string>("vizRender",graph);     
     }
 
-    public async Task AppendError(string errorMessage)
+    public async Task AppendError(string errorMessage) 
     {
-        await JSRuntime.InvokeAsync<string>("appendError", errorMessage);
+        await JSRuntime.InvokeAsync<string>("appendError", errorMessage);     
     }
-
 }
diff --git a/BlazorVizView/_Imports.razor b/BlazorVizView/_Imports.razor
index ec13e94..8a2b4af 100644
--- a/BlazorVizView/_Imports.razor
+++ b/BlazorVizView/_Imports.razor
@@ -9,4 +9,6 @@
 @using BlazorVizView
 @using BlazorVizView.Shared
 @using csly_cli_api
-@using BlazorDialog
\ No newline at end of file
+@using BlazorMonaco
+@using BlazorMonaco.Editor
+@using BlazorMonaco.Languages
\ No newline at end of file
diff --git a/BlazorVizView/wwwroot/index.html b/BlazorVizView/wwwroot/index.html
index acd315f..ca305e4 100644
--- a/BlazorVizView/wwwroot/index.html
+++ b/BlazorVizView/wwwroot/index.html
@@ -18,8 +18,6 @@
         <a class="dismiss">🗙</a>
     </div>
 
-    <link href="_content/BlazorDialog/styles.min.css" rel="stylesheet" />
-    
     <script src="js/viz.js"></script>
     <script src="js/full.render.js"></script>
     <script src="js/svg-pan-zoom.js"></script>
@@ -28,105 +26,8 @@
     <script src="_content/BlazorMonaco/jsInterop.js"></script>
     <script src="_content/BlazorMonaco/lib/monaco-editor/min/vs/loader.js"></script>
     <script src="_content/BlazorMonaco/lib/monaco-editor/min/vs/editor/editor.main.js"></script>
-
-    <script>
-
-        function BlazorDownloadFile(filename, contentType, content) {
-            // Blazor marshall byte[] to a base64 string, so we first need to convert the string (content) to a Uint8Array to create the File
-            const data = base64DecToArr(content);
-
-            // Create the URL
-            const file = new File([data], filename, { type: contentType });
-            const exportUrl = URL.createObjectURL(file);
-
-            // Create the <a> element and click on it
-            const a = document.createElement("a");
-            document.body.appendChild(a);
-            a.href = exportUrl;
-            a.download = filename;
-            a.target = "_self";
-            a.click();
-
-            // We don't need to keep the url, let's release the memory
-            // On Safari it seems you need to comment this line... (please let me know if you know why)
-            URL.revokeObjectURL(exportUrl);
-        }
-
-
-        // Convert a base64 string to a Uint8Array. This is needed to create a blob object from the base64 string.
-        // The code comes from: https://developer.mozilla.org/fr/docs/Web/API/WindowBase64/D%C3%A9coder_encoder_en_base64
-        function b64ToUint6(nChr) {
-            return nChr > 64 && nChr < 91 ? nChr - 65 : nChr > 96 && nChr < 123 ? nChr - 71 : nChr > 47 && nChr < 58 ? nChr + 4 : nChr === 43 ? 62 : nChr === 47 ? 63 : 0;
-        }
-
-        function base64DecToArr(sBase64, nBlocksSize) {
-            var
-                sB64Enc = sBase64.replace(/[^A-Za-z0-9\+\/]/g, ""),
-                nInLen = sB64Enc.length,
-                nOutLen = nBlocksSize ? Math.ceil((nInLen * 3 + 1 >> 2) / nBlocksSize) * nBlocksSize : nInLen * 3 + 1 >> 2,
-                taBytes = new Uint8Array(nOutLen);
-
-            for (var nMod3, nMod4, nUint24 = 0, nOutIdx = 0, nInIdx = 0; nInIdx < nInLen; nInIdx++) {
-                nMod4 = nInIdx & 3;
-                nUint24 |= b64ToUint6(sB64Enc.charCodeAt(nInIdx)) << 18 - 6 * nMod4;
-                if (nMod4 === 3 || nInLen - nInIdx === 1) {
-                    for (nMod3 = 0; nMod3 < 3 && nOutIdx < nOutLen; nMod3++, nOutIdx++) {
-                        taBytes[nOutIdx] = nUint24 >>> (16 >>> nMod3 & 24) & 255;
-                    }
-                    nUint24 = 0;
-                }
-            }
-            return taBytes;
-        }
-
-        function BlazorDownloadFileFast(name, contentType, content) {
-            // Convert the parameters to actual JS types
-            const nameStr = BINDING.conv_string(name);
-            const contentTypeStr = BINDING.conv_string(contentType);
-            const contentArray = Blazor.platform.toUint8Array(content);
-            console.log(`fast download file ${nameStr} - ${contentTypeStr} - ${contentArray.length} bytes`)
-            // Create the URL
-            const file = new File([contentArray], nameStr, { type: contentTypeStr });
-            const exportUrl = URL.createObjectURL(file);
-            
-            console.log(`export url is ${exportUrl}`);
-
-            // Create the <a> element and click on it
-            const a = document.createElement("a");
-            document.body.appendChild(a);
-            a.href = exportUrl;
-            a.download = nameStr;
-            a.target = "_self";
-            
-            console.log('clicking download link');
-            
-            a.click();
-
-            console.log(`revoking blob url ${exportUrl}`)
-            // We don't need to keep the url, let's release the memory
-            // On Safari it seems you need to comment this line... (please let me know if you know why)
-            URL.revokeObjectURL(exportUrl);
-        }
-
-    </script>
-    
     
     <script src="_framework/blazor.webassembly.js"></script>
-
-    <script>
-        if ('serviceWorker' in navigator) {
-            navigator.serviceWorker.register('/service-worker.js')
-                .then(registration => {
-                    console.log('Service Worker registered with scope:', registration.scope);
-                })
-                .catch(error => {
-                    console.error('Service Worker registration failed:', error);
-                });
-        }
-    </script>
-
-
-
     
 </body>
 
diff --git a/BlazorVizView/wwwroot/service-worker.js b/BlazorVizView/wwwroot/service-worker.js
deleted file mode 100644
index fe614da..0000000
--- a/BlazorVizView/wwwroot/service-worker.js
+++ /dev/null
@@ -1,4 +0,0 @@
-// In development, always fetch from the network and do not enable offline support.
-// This is because caching would make development more difficult (changes would not
-// be reflected on the first load after each change).
-self.addEventListener('fetch', () => { });
diff --git a/BlazorVizView/wwwroot/service-worker.published.js b/BlazorVizView/wwwroot/service-worker.published.js
deleted file mode 100644
index 1f7f543..0000000
--- a/BlazorVizView/wwwroot/service-worker.published.js
+++ /dev/null
@@ -1,55 +0,0 @@
-// Caution! Be sure you understand the caveats before publishing an application with
-// offline support. See https://aka.ms/blazor-offline-considerations
-
-self.importScripts('./service-worker-assets.js');
-self.addEventListener('install', event => event.waitUntil(onInstall(event)));
-self.addEventListener('activate', event => event.waitUntil(onActivate(event)));
-self.addEventListener('fetch', event => event.respondWith(onFetch(event)));
-
-const cacheNamePrefix = 'offline-cache-';
-const cacheName = `${cacheNamePrefix}${self.assetsManifest.version}`;
-const offlineAssetsInclude = [ /\.dll$/, /\.pdb$/, /\.wasm/, /\.html/, /\.js$/, /\.json$/, /\.css$/, /\.woff$/, /\.png$/, /\.jpe?g$/, /\.gif$/, /\.ico$/, /\.blat$/, /\.dat$/ ];
-const offlineAssetsExclude = [ /^service-worker\.js$/ ];
-
-// Replace with your base path if you are hosting on a subfolder. Ensure there is a trailing '/'.
-const base = "/";
-const baseUrl = new URL(base, self.origin);
-const manifestUrlList = self.assetsManifest.assets.map(asset => new URL(asset.url, baseUrl).href);
-
-async function onInstall(event) {
-    console.info('Service worker: Install');
-
-    // Fetch and cache all matching items from the assets manifest
-    const assetsRequests = self.assetsManifest.assets
-        .filter(asset => offlineAssetsInclude.some(pattern => pattern.test(asset.url)))
-        .filter(asset => !offlineAssetsExclude.some(pattern => pattern.test(asset.url)))
-        .map(asset => new Request(asset.url, { integrity: asset.hash, cache: 'no-cache' }));
-    await caches.open(cacheName).then(cache => cache.addAll(assetsRequests));
-}
-
-async function onActivate(event) {
-    console.info('Service worker: Activate');
-
-    // Delete unused caches
-    const cacheKeys = await caches.keys();
-    await Promise.all(cacheKeys
-        .filter(key => key.startsWith(cacheNamePrefix) && key !== cacheName)
-        .map(key => caches.delete(key)));
-}
-
-async function onFetch(event) {
-    let cachedResponse = null;
-    if (event.request.method === 'GET') {
-        // For all navigation requests, try to serve index.html from cache,
-        // unless that request is for an offline resource.
-        // If you need some URLs to be server-rendered, edit the following check to exclude those URLs
-        const shouldServeIndexHtml = event.request.mode === 'navigate'
-            && !manifestUrlList.some(url => url === event.request.url);
-
-        const request = shouldServeIndexHtml ? 'index.html' : event.request;
-        const cache = await caches.open(cacheName);
-        cachedResponse = await cache.match(request);
-    }
-
-    return cachedResponse || fetch(event.request);
-}
diff --git a/README.md b/README.md
index 0f5139d..0611d7f 100644
--- a/README.md
+++ b/README.md
@@ -10,5 +10,5 @@ Live demo: <https://b3b00.github.io/BlazorCslyViz/>
 
 ### Screenshot
 
-> TODO
-
+#> TODO
+![image](https://user-images.githubusercontent.com/47992551/179770048-cfed6985-e791-463b-b8be-982d0aead9c0.png)