From 63bcdb7986871372eefddfbcd0ce50636e0ade76 Mon Sep 17 00:00:00 2001
From: KristofferStrube <kristoffer.strube@gmail.com>
Date: Sun, 18 Feb 2024 13:13:37 +0100
Subject: [PATCH] Update to .NET 8 and include source-link bar.

---
 ...Strube.Blazor.SVGEditor.WasmExample.csproj |  2 +-
 .../Pages/Animation.razor                     |  2 +-
 .../Pages/Index.razor                         |  2 +-
 .../Pages/Save.razor                          |  2 +-
 .../Pages/SnapToInteger.razor                 |  2 +-
 .../Shared/MainLayout.razor                   | 22 ++++++++++++---
 .../Shared/MainLayout.razor.css               | 27 +++++++++++++------
 .../Shared/NavMenu.razor                      | 10 +++----
 .../wwwroot/index.html                        |  1 +
 ...stofferStrube.Blazor.SvgEditor.Test.csproj |  2 +-
 10 files changed, 49 insertions(+), 23 deletions(-)

diff --git a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/KristofferStrube.Blazor.SVGEditor.WasmExample.csproj b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/KristofferStrube.Blazor.SVGEditor.WasmExample.csproj
index ca63e64e..fc9df1f8 100644
--- a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/KristofferStrube.Blazor.SVGEditor.WasmExample.csproj
+++ b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/KristofferStrube.Blazor.SVGEditor.WasmExample.csproj
@@ -2,7 +2,7 @@
 
   <PropertyGroup>
     <TargetFramework>net8.0</TargetFramework>
-    <RunAOTCompilation>true</RunAOTCompilation>
+    <RunAOTCompilation>false</RunAOTCompilation>
     <ImplicitUsings>enable</ImplicitUsings>
     <Nullable>enable</Nullable>
   </PropertyGroup>
diff --git a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Pages/Animation.razor b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Pages/Animation.razor
index bd2d0e8a..dbe13b60 100644
--- a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Pages/Animation.razor
+++ b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Pages/Animation.razor
@@ -3,7 +3,7 @@
 <PageTitle>Animation</PageTitle>
 
 <textarea @bind="Input" @bind:event="oninput" style="width:100%;height:150px;" />
-<div style="height:80vh">
+<div style="height:75vh">
     <SVGEditor Input=@Input InputUpdated="(string s) => { Input = s; StateHasChanged(); }" SnapToInteger=true />
 </div>
 
diff --git a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Pages/Index.razor b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Pages/Index.razor
index 8ae6621d..cae711d1 100644
--- a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Pages/Index.razor
+++ b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Pages/Index.razor
@@ -1,7 +1,7 @@
 @page "/"
 
 <textarea @bind="Input" @bind:event="oninput" style="width:100%;height:15vh;" />
-<div style="height:80vh">
+<div style="height:75vh">
     <SVGEditor Input=@Input InputUpdated="(string s) => { Input = s; StateHasChanged(); }" SelectionMode="SelectionMode.WindowSelection" />
 </div>
 
diff --git a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Pages/Save.razor b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Pages/Save.razor
index bb1317ef..21a31476 100644
--- a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Pages/Save.razor
+++ b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Pages/Save.razor
@@ -29,7 +29,7 @@
     }
 </div>
 <textarea @bind="Input" @bind:event="oninput" style="width:100%;height:15vh;" />
-<div style="height:75vh">
+<div style="height:70vh">
     <SVGEditor @ref=@SVG Input=@Input InputUpdated="(string s) => { Input = s; StateHasChanged(); }" SelectionMode="SelectionMode.WindowSelection" />
 </div>
 
diff --git a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Pages/SnapToInteger.razor b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Pages/SnapToInteger.razor
index 400fc16e..caa21ebf 100644
--- a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Pages/SnapToInteger.razor
+++ b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Pages/SnapToInteger.razor
@@ -3,7 +3,7 @@
 <PageTitle>Snap To Integer with SVGEditor</PageTitle>
 
 <textarea @bind="Input" @bind:event="oninput" style="width:100%;height:150px;" />
-<div style="height:80vh">
+<div style="height:75vh">
     <SVGEditor Input=@Input InputUpdated="(string s) => { Input = s; StateHasChanged(); }" SnapToInteger=true />
 </div>
 
diff --git a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Shared/MainLayout.razor b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Shared/MainLayout.razor
index df597ca7..a6ccd6c6 100644
--- a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Shared/MainLayout.razor
+++ b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Shared/MainLayout.razor
@@ -1,13 +1,27 @@
 @inherits LayoutComponentBase
+@inject NavigationManager NavigationManager
 
 <div class="page">
     <div class="sidebar">
         <NavMenu />
     </div>
 
-    <div class="main">
-        <div class="content px-4">
-            @Body
+    <main>
+        <div class="top-row px-4">
+            <a href="@($"https://github.com/KristofferStrube/Blazor.SVGEditor/blob/main/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Pages/{page}")" target="_blank" style="position: fixed; top: 5px; right: 5px">
+                <img src="https://img.shields.io/badge/this%20page%20on%20GitHub-@(page)-green?logo=github" />
+            </a>
         </div>
-    </div>
+
+        <article class="content px-4">
+            @Body
+        </article>
+    </main>
 </div>
+
+
+@code {
+    private string relativeUri => NavigationManager.ToBaseRelativePath(NavigationManager.Uri);
+
+    protected string page => (string.IsNullOrEmpty(relativeUri) ? "Index" : relativeUri) + ".razor";
+}
\ No newline at end of file
diff --git a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Shared/MainLayout.razor.css b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Shared/MainLayout.razor.css
index 43c355a4..e9459c50 100644
--- a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Shared/MainLayout.razor.css
+++ b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Shared/MainLayout.razor.css
@@ -4,7 +4,7 @@
     flex-direction: column;
 }
 
-.main {
+main {
     flex: 1;
 }
 
@@ -21,15 +21,20 @@
     align-items: center;
 }
 
-    .top-row ::deep a, .top-row .btn-link {
+    .top-row ::deep a, .top-row ::deep .btn-link {
         white-space: nowrap;
         margin-left: 1.5rem;
+        text-decoration: none;
     }
 
-    .top-row a:first-child {
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
+        .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
+            text-decoration: underline;
+        }
+
+        .top-row ::deep a:first-child {
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
 
 @media (max-width: 640.98px) {
     .top-row:not(.auth) {
@@ -40,7 +45,7 @@
         justify-content: space-between;
     }
 
-    .top-row a, .top-row .btn-link {
+    .top-row ::deep a, .top-row ::deep .btn-link {
         margin-left: 0;
     }
 }
@@ -63,7 +68,13 @@
         z-index: 1;
     }
 
-    .main > div {
+        .top-row.auth ::deep a:first-child {
+            flex: 1;
+            text-align: right;
+            width: 0;
+        }
+
+    .top-row, article {
         padding-left: 2rem !important;
         padding-right: 1.5rem !important;
     }
diff --git a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Shared/NavMenu.razor b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Shared/NavMenu.razor
index 3b65646e..5f53f3d7 100644
--- a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Shared/NavMenu.razor
+++ b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Shared/NavMenu.razor
@@ -13,27 +13,27 @@
             </NavLink>
         </li>
         <li class="nav-item px-3">
-            <NavLink class="nav-link" href="Minimal/">
+            <NavLink class="nav-link" href="Minimal">
                 <span class="oi oi-box" aria-hidden="true"></span> Minimal
             </NavLink>
         </li>
         <li class="nav-item px-3">
-            <NavLink class="nav-link" href="CustomElements/">
+            <NavLink class="nav-link" href="CustomElements">
                 <span class="oi oi-lightbulb" aria-hidden="true"></span> Custom Elements
             </NavLink>
         </li>
         <li class="nav-item px-3">
-            <NavLink class="nav-link" href="Save/">
+            <NavLink class="nav-link" href="Save">
                 <span class="oi oi-hard-drive" aria-hidden="true"></span> Save
             </NavLink>
         </li>
         <li class="nav-item px-3">
-            <NavLink class="nav-link" href="SnapToInteger/">
+            <NavLink class="nav-link" href="SnapToInteger">
                 <span class="oi oi-grid-two-up" aria-hidden="true"></span> Snap To Integer
             </NavLink>
         </li>
         <li class="nav-item px-3">
-            <NavLink class="nav-link" href="Animation/">
+            <NavLink class="nav-link" href="Animation">
                 <span class="oi oi-play-circle" aria-hidden="true"></span> Animation
             </NavLink>
         </li>
diff --git a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/wwwroot/index.html b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/wwwroot/index.html
index 74feb5dd..9f36bb3d 100644
--- a/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/wwwroot/index.html
+++ b/samples/KristofferStrube.Blazor.SVGEditor.WasmExample/wwwroot/index.html
@@ -5,6 +5,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
     <title>Blazor SVGEditor</title>
+
     <base />
     <script type="text/javascript">
         // Single Page Apps for GitHub Pages
diff --git a/test/KristofferStrube.Blazor.SvgEditor.Test/KristofferStrube.Blazor.SvgEditor.Test.csproj b/test/KristofferStrube.Blazor.SvgEditor.Test/KristofferStrube.Blazor.SvgEditor.Test.csproj
index 2413feaa..33e68bee 100644
--- a/test/KristofferStrube.Blazor.SvgEditor.Test/KristofferStrube.Blazor.SvgEditor.Test.csproj
+++ b/test/KristofferStrube.Blazor.SvgEditor.Test/KristofferStrube.Blazor.SvgEditor.Test.csproj
@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk">
 
   <PropertyGroup>
-    <TargetFramework>net7.0</TargetFramework>
+    <TargetFramework>net8.0</TargetFramework>
     <IsPackable>false</IsPackable>
     <ImplicitUsings>enable</ImplicitUsings>
     <EnablePreviewFeatures>True</EnablePreviewFeatures>