Update to .net 6

.github/workflows/ci-main.yml

@@ -7,7 +7,7 @@ on:
     types: [published]
 
 env:
-  NETCORE_VERSION: "5.0.102"
+  NETCORE_VERSION: "6.0.x"
   DOTNET_SKIP_FIRST_TIME_EXPERIENCE: true
   DOTNET_CLI_TELEMETRY_OPTOUT: true
   PROJECT_NAME: Modal
@@ -50,7 +50,7 @@ jobs:
       - name: Rewrite base href
         uses: SteveSandersonMS/ghaction-rewrite-base-href@v1
         with:
-          html_path: samples/BlazorWebAssembly/bin/Release/net5.0/publish/wwwroot/index.html
+          html_path: samples/BlazorWebAssembly/bin/Release/net6.0/publish/wwwroot/index.html
           base_href: /${{ env.PROJECT_NAME }}/
 
       - name: Deploy to Github Pages
@@ -59,7 +59,7 @@ jobs:
           ACCESS_TOKEN: $GITHUB_TOKEN
           BASE_BRANCH: main # The branch the action should deploy from.
           BRANCH: gh-pages # The branch the action should deploy to.
-          FOLDER: samples/BlazorWebAssembly/bin/Release/net5.0/publish/wwwroot # The folder the action should deploy.
+          FOLDER: samples/BlazorWebAssembly/bin/Release/net6.0/publish/wwwroot # The folder the action should deploy.
           SINGLE_COMMIT: true
 
       - name: Upload Artifact

.github/workflows/ci-pr.yml

@@ -6,7 +6,7 @@ on:
 
 env:
     PROJECT_NAME: Blazored.Modal
-    NETCORE_VERSION: '5.0.102'
+    NETCORE_VERSION: '6.0.x'
 
 jobs:
   build:

.gitignore

@@ -6,6 +6,7 @@
 # Custom rules
 src/Blazored.Modal/wwwroot/*.js
 src/Blazored.Modal/wwwroot/*.map
+.DS_Store
 
 # User-specific files
 *.suo

Blazored.Modal.sln

@@ -14,6 +14,9 @@ EndProject
 Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "Solution Items", "Solution Items", "{E8AD9151-AB7E-4531-A1DF-8952B1D5580D}"
 	ProjectSection(SolutionItems) = preProject
 		README.md = README.md
+		.gitignore = .gitignore
+		.github\workflows\ci-main.yml = .github\workflows\ci-main.yml
+		.github\workflows\ci-pr.yml = .github\workflows\ci-pr.yml
 	EndProjectSection
 EndProject
 Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "Tests", "Tests", "{DF45C5D5-16E0-47FC-A764-08ED8AF713E2}"

samples/BlazorServer/App.razor

@@ -1,14 +1,14 @@
 <CascadingBlazoredModal>
-    <Router AppAssembly="@typeof(Program).Assembly">
+    <Router AppAssembly="@typeof(App).Assembly">
         <Found Context="routeData">
-            <AuthorizeRouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
+            <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)"/>
+            <FocusOnNavigate RouteData="@routeData" Selector="h1"/>
         </Found>
         <NotFound>
-            <CascadingAuthenticationState>
-                <LayoutView Layout="@typeof(MainLayout)">
-                    <p>Sorry, there's nothing at this address.</p>
-                </LayoutView>
-            </CascadingAuthenticationState>
+            <PageTitle>Not found</PageTitle>
+            <LayoutView Layout="@typeof(MainLayout)">
+                <p role="alert">Sorry, there's nothing at this address.</p>
+            </LayoutView>
         </NotFound>
     </Router>
 </CascadingBlazoredModal>

samples/BlazorServer/BlazorServer.csproj

@@ -1,7 +1,9 @@
 <Project Sdk="Microsoft.NET.Sdk.Web">
 
   <PropertyGroup>
-    <TargetFramework>netcoreapp3.1</TargetFramework>
+    <TargetFramework>net6.0</TargetFramework>
+    <Nullable>enable</Nullable>
+    <ImplicitUsings>enable</ImplicitUsings>
   </PropertyGroup>
 
   <ItemGroup>

samples/BlazorServer/Pages/Animation.razor

@@ -32,12 +32,12 @@
     </div>
 </div>
 
-<input type="number" @bind-value="@duration" />
+<input type="number" @bind-value="@_duration" />
 
-<button @onclick="@(() => AnimationCustom(ModalAnimation.FadeIn(duration)))" class="btn btn-secondary">Fade-In</button>
-<button @onclick="@(() => AnimationCustom(ModalAnimation.FadeOut(duration)))" class="btn btn-secondary">Fade-Out</button>
+<button @onclick="@(() => AnimationCustom(ModalAnimation.FadeIn(_duration)))" class="btn btn-secondary">Fade-In</button>
+<button @onclick="@(() => AnimationCustom(ModalAnimation.FadeOut(_duration)))" class="btn btn-secondary">Fade-Out</button>
 <button @onclick="AnimationDefault" class="btn btn-primary">Globally set value (default no animation)</button>
-<button @onclick="@(() => AnimationCustom(ModalAnimation.FadeInOut(duration)))" class="btn btn-secondary">Fade-in Fade-Out</button>
+<button @onclick="@(() => AnimationCustom(ModalAnimation.FadeInOut(_duration)))" class="btn btn-secondary">Fade-in Fade-Out</button>
 
 <p>
     It is also possible to have multiple modals (like in the Multiple Modals example) with different animations. With the below modal, the first modal will only fade-in with a duration of 2 seconds. The second modal will fade-in and fade-out in 5.0 seconds.
@@ -47,9 +47,9 @@
 
 @code {
 
-    [CascadingParameter] public IModalService Modal { get; set; }
+    [CascadingParameter] public IModalService Modal { get; set; } = default!;
 
-    private double duration = 1.0;
+    private double _duration = 1.0;
 
     void AnimationDefault()
     {

samples/BlazorServer/Pages/BackgroundCancel.razor

@@ -38,7 +38,7 @@
 
 @code {
 
-    [CascadingParameter] public IModalService Modal { get; set; }
+    [CascadingParameter] public IModalService Modal { get; set; } = default!;
 
     void BackgroundCancelEnabled()
     {

samples/BlazorServer/Pages/CustomLayout.razor

@@ -35,13 +35,12 @@
 
 @code {
 
-    [CascadingParameter] public IModalService Modal { get; set; }
+    [CascadingParameter] public IModalService Modal { get; set; } = default!;
 
     void ShowModalCustomLayout()
     {
         var options = new ModalOptions { UseCustomLayout = true };
-        var parameters = new ModalParameters();
-        parameters.Add(nameof(CustomBootstrapModal.Message), "Hello custom modal!!");
+        var parameters = new ModalParameters {{nameof(CustomBootstrapModal.Message), "Hello custom modal!!"}};
         Modal.Show<CustomBootstrapModal>("Custom Layout", parameters, options);
     }
 

samples/BlazorServer/Pages/CustomOverlay.razor

@@ -36,7 +36,7 @@
 
 @code {
 
-    [CascadingParameter] public IModalService Modal { get; set; }
+    [CascadingParameter] public IModalService Modal { get; set; } = default!;
 
     void ShowModalCustomOverlay()
     {

samples/BlazorServer/Pages/CustomStyle.razor

@@ -39,7 +39,7 @@
 
 @code {
 
-    [CascadingParameter] public IModalService Modal { get; set; }
+    [CascadingParameter] public IModalService Modal { get; set; } = default!;
 
     void ShowModalCustomStyle()
     {

samples/BlazorServer/Pages/Error.cshtml

@@ -0,0 +1,42 @@
+@page
+@model BlazorServer.Pages.ErrorModel
+
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <title>Error</title>
+    <link href="~/css/bootstrap/bootstrap.min.css" rel="stylesheet" />
+    <link href="~/css/site.css" rel="stylesheet" asp-append-version="true" />
+</head>
+
+<body>
+<div class="main">
+    <div class="content px-4">
+        <h1 class="text-danger">Error.</h1>
+        <h2 class="text-danger">An error occurred while processing your request.</h2>
+
+        @if (Model.ShowRequestId)
+        {
+            <p>
+                <strong>Request ID:</strong> <code>@Model.RequestId</code>
+            </p>
+        }
+
+        <h3>Development Mode</h3>
+        <p>
+            Swapping to the <strong>Development</strong> environment displays detailed information about the error that occurred.
+        </p>
+        <p>
+            <strong>The Development environment shouldn't be enabled for deployed applications.</strong>
+            It can result in displaying sensitive information from exceptions to end users.
+            For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>
+            and restarting the app.
+        </p>
+    </div>
+</div>
+</body>
+
+</html>

samples/BlazorServer/Pages/Error.cshtml.cs

@@ -0,0 +1,26 @@
+using System.Diagnostics;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.RazorPages;
+
+namespace BlazorServer.Pages;
+
+[ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]
+[IgnoreAntiforgeryToken]
+public class ErrorModel : PageModel
+{
+    public string? RequestId { get; set; }
+
+    public bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
+
+    private readonly ILogger<ErrorModel> _logger;
+
+    public ErrorModel(ILogger<ErrorModel> logger)
+    {
+        _logger = logger;
+    }
+
+    public void OnGet()
+    {
+        RequestId = Activity.Current?.Id ?? HttpContext.TraceIdentifier;
+    }
+}

samples/BlazorServer/Pages/HideCloseButton.razor

@@ -37,7 +37,7 @@
 
 @code {
 
-    [CascadingParameter] public IModalService Modal { get; set; }
+    [CascadingParameter] public IModalService Modal { get; set; } = default!;
 
     void CloseButtonShown()
     {

samples/BlazorServer/Pages/Index.razor

@@ -1,5 +1,7 @@
 @page "/"
 
+<PageTitle>Blazored Modal Samples</PageTitle>
+
 <h1>Blazored Modal Sample</h1>
 
 <hr class="mb-5" />
@@ -22,7 +24,7 @@
 
 @code {
 
-    [CascadingParameter] public IModalService Modal { get; set; }
+    [CascadingParameter] public IModalService Modal { get; set; } = default!;
 
     void ShowModal() => Modal.Show<Confirm>("Welcome to Blazored Modal");
 

samples/BlazorServer/Pages/LongRunningTask.razor

@@ -30,9 +30,9 @@
 
 @code {
 
-    [CascadingParameter] public IModalService Modal { get; set; }
+    [CascadingParameter] public IModalService Modal { get; set; } = default!;
 
-    string _result;
+    string? _result;
 
     async Task ShowModal()
     {
@@ -48,7 +48,7 @@
 
         loading.Close();
         var result = await loading.Result;
-        if (result.Data == null && result.DataType == typeof(object))
+        if (result.DataType == typeof(object))
             _result = "Modal returned with default ModalResult";
 
         StateHasChanged();
@@ -69,7 +69,7 @@
         loading.Close(ModalResult.Ok("Closed with OK result"));
         var result = await loading.Result;
         if (result.DataType == typeof(string))
-            _result = result.Data.ToString();
+            _result = result.Data.ToString()!;
 
         StateHasChanged();
     }

samples/BlazorServer/Pages/MultipleModals.razor

@@ -15,7 +15,7 @@
 
 @code {
 
-    [CascadingParameter] public IModalService Modal { get; set; }
+    [CascadingParameter] public IModalService Modal { get; set; } = default!;
 
     void ShowModal() => Modal.Show<YesNoPrompt>("First Modal");
 

samples/BlazorServer/Pages/PassDataToModal.razor

@@ -33,9 +33,9 @@
 
 @code {
 
-    [CascadingParameter] public IModalService Modal { get; set; }
+    [CascadingParameter] public IModalService Modal { get; set; } = default!;
 
-    string _message;
+    string _message = "";
 
     void ShowModal()
     {

samples/BlazorServer/Pages/Position.razor

@@ -42,7 +42,7 @@
 
 @code {
 
-    [CascadingParameter] public IModalService Modal { get; set; }
+    [CascadingParameter] public IModalService Modal { get; set; } = default!;
 
     void PositionCenter()
     {

samples/BlazorServer/Pages/ReturnDataFromModal.razor

@@ -34,9 +34,9 @@
 
 @code {
 
-    [CascadingParameter] public IModalService Modal { get; set; }
+    [CascadingParameter] public IModalService Modal { get; set; } = default!;
 
-    string _message;
+    string? _message;
 
     async Task ShowModal()
     {

samples/BlazorServer/Pages/ScrollableContent.razor

@@ -36,7 +36,7 @@
 
 @code {
 
-    [CascadingParameter] public IModalService Modal { get; set; }
+    [CascadingParameter] public IModalService Modal { get; set; } = default!;
 
     void ContentScrollableEnabled()
     {

samples/BlazorServer/Pages/_Host.cshtml

@@ -1,29 +1,8 @@
 @page "/"
 @namespace BlazorServer.Pages
 @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
+@{
+    Layout = "_Layout";
+}
 
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Blazored Modal (Server)</title>
-    <base href="~/" />
-    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
-    <link href="_content/Blazored.Modal/blazored-modal.css" rel="stylesheet" />
-    <link href="css/site.css" rel="stylesheet" />
-</head>
-<body>
-    <app>
-        @(await Html.RenderComponentAsync<App>(RenderMode.ServerPrerendered))
-    </app>
-
-    <script type="text/javascript">
-        if (/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) {
-            document.write('<script src="js/blazor.polyfill.min.js"><\/script>');
-        }
-    </script>
-    <script src="_framework/blazor.server.js"></script>
-    <script src="_content/Blazored.Modal/blazored.modal.js"></script>
-</body>
-</html>
+<component type="typeof(App)" render-mode="ServerPrerendered" />