feat(blazorui): add PdfReader component bitfoundation#8991 (bitfoundation#9078)

Author: msynk

.github/workflows/bit.ci.yml

@@ -36,7 +36,7 @@ jobs:
 
     - name: Run BeforeBuildTasks
       continue-on-error: true # Error MSB4057, not all csproj files have BeforeBuildTasks target.
-      run: dotnet build src/Bit-CI-release.sln -t:BeforeBuildTasks -m:1 
+      run: dotnet build src/Bit-CI-release.sln -t:BeforeBuildTasks -m:1 -f net8.0
 
     - name: MSBuild prerelease
       run: dotnet build src/Bit-CI-release.sln
@@ -78,7 +78,7 @@ jobs:
 
     - name: Run BeforeBuildTasks
       continue-on-error: true # Error MSB4057, not all csproj files have BeforeBuildTasks target.
-      run: dotnet build src/Bit-CI.sln -t:BeforeBuildTasks -m:1 
+      run: dotnet build src/Bit-CI.sln -t:BeforeBuildTasks -m:1 -f net8.0
 
     - name: Build
       run: dotnet build src/Bit-CI.sln -p:WarningLevel=0 -p:RunCodeAnalysis=false

.github/workflows/bit.full.ci.yml

@@ -174,7 +174,7 @@ jobs:
 
     - name: Run BeforeBuildTasks
       continue-on-error: true # Error MSB4057, not all csproj files have BeforeBuildTasks target.
-      run: dotnet build src/Bit-CI-release.sln -t:BeforeBuildTasks -m:1
+      run: dotnet build src/Bit-CI-release.sln -t:BeforeBuildTasks -m:1 -f net8.0
 
     - name: Release build bit blazor ui + butil + bswup + besql + bup + code analyzers + source generators
       run: dotnet build src/Bit-CI-release.sln -c Release

src/BlazorUI/Bit.BlazorUI.Extras/Bit.BlazorUI.Extras.csproj

@@ -58,9 +58,9 @@
     </ItemGroup>
 
     <Target Name="BeforeBuildTasks" AfterTargets="CoreCompile" Condition="'$(TargetFramework)' == 'net8.0'">
-        <CallTarget Targets="InstallNodejsDependencies"/>
-        <CallTarget Targets="BuildJavaScript"/>
-        <CallTarget Targets="BuildCss"/>
+        <CallTarget Targets="InstallNodejsDependencies" />
+        <CallTarget Targets="BuildJavaScript" />
+        <CallTarget Targets="BuildCss" />
     </Target>
 
     <Target Name="InstallNodejsDependencies" Inputs="package.json" Outputs="node_modules\.package-lock.json">

src/BlazorUI/Bit.BlazorUI.Extras/Components/Chart/BitChart.razor.cs

@@ -122,15 +122,15 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
                 scripts.AddRange(DateAdapterScripts);
             }
 
-            await _js.InitChartJs(scripts);
+            await _js.BitChartJsInitChartJs(scripts);
 
-            await _js.SetupChart(Config);
+            await _js.BitChartJsSetupChart(Config);
 
             await SetupCompletedCallback.InvokeAsync(this);
         }
         else
         {
-            await _js.SetupChart(Config);
+            await _js.BitChartJsSetupChart(Config);
         }
     }
 
@@ -142,7 +142,7 @@ protected override async Task OnAfterRenderAsync(bool firstRender)
     /// </summary>
     public Task Update()
     {
-        return _js.UpdateChart(Config).AsTask();
+        return _js.BitChartJsUpdateChart(Config).AsTask();
     }
 
     public async ValueTask DisposeAsync()
@@ -158,7 +158,7 @@ protected virtual async ValueTask DisposeAsync(bool disposing)
 
         try
         {
-            await _js.RemoveChart(Config?.CanvasId);
+            await _js.BitChartJsRemoveChart(Config?.CanvasId);
         }
         catch (JSDisconnectedException) { } // we can ignore this exception here
     }

src/BlazorUI/Bit.BlazorUI.Extras/Components/Chart/Interop/TypeScript/BitChart.ts renamed to src/BlazorUI/Bit.BlazorUI.Extras/Components/Chart/BitChart.ts

@@ -20,12 +20,12 @@ internal static class BitChartJsInterop
         Converters = { new IsoDateTimeConverter() }
     };
 
-    public static ValueTask InitChartJs(this IJSRuntime jsRuntime, IEnumerable<string> scripts)
+    public static ValueTask BitChartJsInitChartJs(this IJSRuntime jsRuntime, IEnumerable<string> scripts)
     {
         return jsRuntime.InvokeVoidAsync("BitBlazorUI.BitChart.initChartJs", scripts);
     }
 
-    public static ValueTask RemoveChart(this IJSRuntime jsRuntime, string canvasId)
+    public static ValueTask BitChartJsRemoveChart(this IJSRuntime jsRuntime, string canvasId)
     {
         return jsRuntime.InvokeVoidAsync("BitBlazorUI.BitChart.removeChart", canvasId);
     }
@@ -36,13 +36,28 @@ public static ValueTask RemoveChart(this IJSRuntime jsRuntime, string canvasId)
     /// <param name="jsRuntime"></param>
     /// <param name="chartConfig">The config for the new chart.</param>
     /// <returns></returns>
-    public static ValueTask<bool> SetupChart(this IJSRuntime jsRuntime, BitChartConfigBase chartConfig)
+    public static ValueTask<bool> BitChartJsSetupChart(this IJSRuntime jsRuntime, BitChartConfigBase chartConfig)
     {
         var dynParam = StripNulls(chartConfig);
         Dictionary<string, object> param = ConvertExpandoObjectToDictionary(dynParam);
         return jsRuntime.InvokeAsync<bool>("BitBlazorUI.BitChart.setupChart", param);
     }
 
+    /// <summary>
+    /// Update an existing chart. Make sure that the Chart with this <see cref="BitChartConfigBase.CanvasId"/> already exists.
+    /// </summary>
+    /// <param name="jsRuntime"></param>
+    /// <param name="chartConfig">The updated config of the chart you want to update.</param>
+    /// <returns></returns>
+    public static ValueTask<bool> BitChartJsUpdateChart(this IJSRuntime jsRuntime, BitChartConfigBase chartConfig)
+    {
+        var dynParam = StripNulls(chartConfig);
+        Dictionary<string, object> param = ConvertExpandoObjectToDictionary(dynParam);
+        return jsRuntime.InvokeAsync<bool>("BitBlazorUI.BitChart.updateChart", param);
+    }
+
+
+
     /// <summary>
     /// This method is specifically used to convert an <see cref="ExpandoObject"/> with a Tree structure to a <c>Dictionary&lt;string, object&gt;</c>.
     /// </summary>
@@ -85,19 +100,6 @@ private static Dictionary<string, object> RecursivelyConvertIDictToDict(IDiction
             }
         );
 
-    /// <summary>
-    /// Update an existing chart. Make sure that the Chart with this <see cref="BitChartConfigBase.CanvasId"/> already exists.
-    /// </summary>
-    /// <param name="jsRuntime"></param>
-    /// <param name="chartConfig">The updated config of the chart you want to update.</param>
-    /// <returns></returns>
-    public static ValueTask<bool> UpdateChart(this IJSRuntime jsRuntime, BitChartConfigBase chartConfig)
-    {
-        var dynParam = StripNulls(chartConfig);
-        Dictionary<string, object> param = ConvertExpandoObjectToDictionary(dynParam);
-        return jsRuntime.InvokeAsync<bool>("BitBlazorUI.BitChart.updateChart", param);
-    }
-
     /// <summary>
     /// Returns an object that is equivalent to the given parameter but without any null members AND it preserves <see cref="IBitChartMethodHandler"/>s intact.
     /// <para>Preserving <see cref="IBitChartMethodHandler"/> members is important because they might be <see cref="BitChartDelegateHandler{T}"/> instances which contain