Blazor WebAssembly 7 app in ASP.NET Framework 4.8 project

.gitignore

@@ -4,3 +4,4 @@ obj/
 .idea/
 .vs/
 *.user
+/OldAspNetApp_4_8/_framework/*

BlazorWasmApp_7_0/App.razor

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

BlazorWasmApp_7_0/BlazorWasmApp_7_0.csproj

@@ -0,0 +1,19 @@
+<Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">
+
+  <PropertyGroup>
+    <TargetFramework>net7.0</TargetFramework>
+    <Nullable>enable</Nullable>
+    <ImplicitUsings>enable</ImplicitUsings>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="7.0.5" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="7.0.5" PrivateAssets="all" />
+  </ItemGroup>
+
+  <Target Name="CopyToSite" AfterTargets="Build" Condition="'$(Configuration)' == 'Debug' ">
+    <Exec Command="xcopy $(TargetDir)wwwroot\_framework $(SolutionDir)OldAspNetApp_4_8\_framework\ /Y /S" />
+    <Exec Command="xcopy $(TargetDir)web.config $(SolutionDir)OldAspNetApp_4_8\_framework\ /Y" />
+  </Target>
+
+</Project>

BlazorWasmApp_7_0/MainLayout.razor

@@ -0,0 +1,5 @@
+@inherits LayoutComponentBase
+
+<main>
+    @Body
+</main>

BlazorWasmApp_7_0/Pages/About.razor

@@ -0,0 +1,20 @@
+@page "/Home/About"
+
+<div class="card text-white bg-primary">
+    <div class="card-header">
+        Blazor WASM app
+    </div>
+    <div class="card-body">
+        <p>Current count: @currentCount</p>
+        <button class="btn btn-dark" @onclick="IncrementCount">Click me</button>
+    </div>
+</div>
+
+@code {
+    int currentCount = 0;
+
+    void IncrementCount()
+    {
+        currentCount++;
+    }
+}

BlazorWasmApp_7_0/Pages/Contact.razor

@@ -0,0 +1,20 @@
+@page "/Home/Contact"
+
+<div class="card text-white bg-warning">
+    <div class="card-header">
+        Blazor WASM app
+    </div>
+    <div class="card-body">
+        <p>Current count: @currentCount</p>
+        <button class="btn btn-dark" @onclick="IncrementCount">Click me</button>
+    </div>
+</div>
+
+@code {
+    int currentCount = 0;
+
+    void IncrementCount()
+    {
+        currentCount++;
+    }
+}

BlazorWasmApp_7_0/Pages/Index.razor

@@ -0,0 +1,20 @@
+@page "/"
+
+<div class="card text-white bg-success">
+    <div class="card-header">
+        Blazor WASM app
+    </div>
+    <div class="card-body">
+        <p>Current count: @currentCount</p>
+        <button class="btn btn-dark" @onclick="IncrementCount">Click me</button>
+    </div>
+</div>
+
+@code {
+    int currentCount = 0;
+
+    void IncrementCount()
+    {
+        currentCount++;
+    }
+}

BlazorWasmApp_7_0/Program.cs

@@ -0,0 +1,18 @@
+using BlazorWasmApp_7_0;
+using Microsoft.AspNetCore.Components.Routing;
+using Microsoft.AspNetCore.Components.Web;
+using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
+
+var builder = WebAssemblyHostBuilder.CreateDefault(args);
+builder.RootComponents.Add<App>("BlazorWasmApp");
+builder.RootComponents.Add<HeadOutlet>("head::after");
+
+builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
+builder.Services.AddSingleton<INavigationInterception>(new DisabledNavigationInterception());
+
+await builder.Build().RunAsync();
+
+public class DisabledNavigationInterception : INavigationInterception
+{
+    public Task EnableNavigationInterceptionAsync() => Task.CompletedTask;
+}

BlazorWasmApp_7_0/Properties/launchSettings.json

@@ -0,0 +1,28 @@
+{
+  "iisSettings": {
+    "iisExpress": {
+      "applicationUrl": "http://localhost:11903",
+      "sslPort": 0
+    }
+  },
+  "profiles": {
+    "http": {
+      "commandName": "Project",
+      "dotnetRunMessages": true,
+      "launchBrowser": true,
+      "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
+      "applicationUrl": "http://localhost:5208",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    },
+    "IIS Express": {
+      "commandName": "IISExpress",
+      "launchBrowser": true,
+      "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    }
+  }
+}

BlazorWasmApp_7_0/_Imports.razor

@@ -0,0 +1,7 @@
+@using System.Net.Http
+@using System.Net.Http.Json
+@using Microsoft.AspNetCore.Components.Routing
+@using Microsoft.AspNetCore.Components.Web
+@using Microsoft.AspNetCore.Components.WebAssembly.Http
+@using Microsoft.JSInterop
+@using BlazorWasmApp_7_0

BlazorWasmApp_7_0/web.config

@@ -0,0 +1,38 @@
+<configuration>
+    <system.webServer>
+        <handlers>
+            <clear />
+            <add
+                name="StaticFile"
+                path="*" verb="*"
+                modules="StaticFileModule,DefaultDocumentModule,DirectoryListingModule"
+                resourceType="Either"
+                requireAccess="Read" />
+        </handlers>
+        <staticContent>
+            <remove fileExtension=".blat" />
+            <remove fileExtension=".dat" />
+            <remove fileExtension=".dll" />
+            <remove fileExtension=".br" />
+            <remove fileExtension=".json" />
+            <remove fileExtension=".wasm" />
+            <remove fileExtension=".pdb" />
+            <remove fileExtension=".woff" />
+            <remove fileExtension=".woff2" />
+            <mimeMap fileExtension=".blat" mimeType="application/octet-stream" />
+            <mimeMap fileExtension=".dat" mimeType="application/octet-stream" />
+            <mimeMap fileExtension=".dll" mimeType="application/octet-stream" />
+            <mimeMap fileExtension=".br" mimeType="application/octet-stream" />
+            <mimeMap fileExtension=".json" mimeType="application/json" />
+            <mimeMap fileExtension=".wasm" mimeType="application/wasm" />
+            <mimeMap fileExtension=".pdb" mimeType="text/plain" />
+            <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
+            <mimeMap fileExtension=".woff2" mimeType="application/font-woff" />
+        </staticContent>
+        <httpProtocol>
+            <customHeaders>
+                <add name="Cache-Control" value="no-cache" />
+            </customHeaders>
+        </httpProtocol>
+    </system.webServer>
+</configuration>

BlazorWasmApp_7_0/wwwroot/css/app.css

@@ -0,0 +1,32 @@
+h1:focus {
+    outline: none;
+}
+
+#blazor-error-ui {
+    background: lightyellow;
+    bottom: 0;
+    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+    display: none;
+    left: 0;
+    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
+    position: fixed;
+    width: 100%;
+    z-index: 1000;
+}
+
+    #blazor-error-ui .dismiss {
+        cursor: pointer;
+        position: absolute;
+        right: 0.75rem;
+        top: 0.5rem;
+    }
+
+.blazor-error-boundary {
+    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
+    padding: 1rem 1rem 1rem 3.7rem;
+    color: white;
+}
+
+    .blazor-error-boundary::after {
+        content: "An error has occurred."
+    }

BlazorWasmApp_7_0/wwwroot/index.html

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8" />
+    <title>BlazorWasmApp_7_0</title>
+    <base href="/" />
+    <link href="css/app.css" rel="stylesheet" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" />
+
+    <!-- If you add any scoped CSS files, uncomment the following to load them
+    <link href="BlazorWasmApp_7_0.styles.css" rel="stylesheet" /> -->
+</head>
+
+<body>
+    <div class="container body-content">
+        <BlazorWasmApp>Loading...</BlazorWasmApp>
+    </div>
+    <div id="blazor-error-ui">
+        An unhandled error has occurred.
+        <a href="" class="reload">Reload</a>
+        <a class="dismiss">🗙</a>
+    </div>
+    <script src="_framework/blazor.webassembly.js"></script>
+</body>
+
+</html>

Gaev.BlazorOnAspNet_4_8.sln

@@ -5,6 +5,8 @@ VisualStudioVersion = 17.5.33627.172
 MinimumVisualStudioVersion = 10.0.40219.1
 Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "OldAspNetApp_4_8", "OldAspNetApp_4_8\OldAspNetApp_4_8.csproj", "{AAABE4E0-DDA4-48C7-B2AF-9E4F2FEC3353}"
 EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "BlazorWasmApp_7_0", "BlazorWasmApp_7_0\BlazorWasmApp_7_0.csproj", "{8812441E-C18E-4F9F-9762-2ACAEB21F21F}"
+EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
 		Debug|Any CPU = Debug|Any CPU
@@ -15,6 +17,10 @@ Global
 		{AAABE4E0-DDA4-48C7-B2AF-9E4F2FEC3353}.Debug|Any CPU.Build.0 = Debug|Any CPU
 		{AAABE4E0-DDA4-48C7-B2AF-9E4F2FEC3353}.Release|Any CPU.ActiveCfg = Release|Any CPU
 		{AAABE4E0-DDA4-48C7-B2AF-9E4F2FEC3353}.Release|Any CPU.Build.0 = Release|Any CPU
+		{8812441E-C18E-4F9F-9762-2ACAEB21F21F}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{8812441E-C18E-4F9F-9762-2ACAEB21F21F}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{8812441E-C18E-4F9F-9762-2ACAEB21F21F}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{8812441E-C18E-4F9F-9762-2ACAEB21F21F}.Release|Any CPU.Build.0 = Release|Any CPU
 	EndGlobalSection
 	GlobalSection(SolutionProperties) = preSolution
 		HideSolutionNode = FALSE

OldAspNetApp_4_8/OldAspNetApp_4_8.csproj

@@ -163,6 +163,7 @@
     <Content Include="Scripts\jquery.validate.unobtrusive.js" />
     <Content Include="Scripts\jquery.validate.unobtrusive.min.js" />
     <Content Include="Scripts\modernizr-2.8.3.js" />
+    <Content Include="Views\Shared\BlazorWasmApp.cshtml" />
     <Content Include="Web.config" />
     <Content Include="Web.Debug.config">
       <DependentUpon>Web.config</DependentUpon>

OldAspNetApp_4_8/Views/Home/About.cshtml

@@ -1,6 +1,9 @@
 @{
     ViewBag.Title = "About";
 }
+
+@Html.Partial("BlazorWasmApp")
+
 <main aria-labelledby="title">
     <h2 id="title">@ViewBag.Title.</h2>
     <h3>@ViewBag.Message</h3>

OldAspNetApp_4_8/Views/Home/Contact.cshtml

@@ -1,6 +1,9 @@
 @{
     ViewBag.Title = "Contact";
 }
+
+@Html.Partial("BlazorWasmApp")
+
 <main aria-labelledby="title">
     <h2 id="title">@ViewBag.Title.</h2>
     <h3>@ViewBag.Message</h3>

OldAspNetApp_4_8/Views/Home/Index.cshtml

@@ -2,6 +2,8 @@
     ViewBag.Title = "Home Page";
 }
 
+@Html.Partial("BlazorWasmApp")
+
 <main>
     <section class="row" aria-labelledby="aspnetTitle">
         <h1 id="title">ASP.NET</h1>

OldAspNetApp_4_8/Views/Shared/BlazorWasmApp.cshtml

@@ -0,0 +1,3 @@
+<BlazorWasmApp>Blazor WASM app loading...</BlazorWasmApp>
+<base href="/"/>
+<script src="/_framework/blazor.webassembly.js"></script>