refactor: use AssemblyMetadata for build info instead of sed on index.html

- SkiaSharpDemo.Blazor.csproj: add BuildInfo MSBuild property (defaults
  to "local") and an AssemblyAttribute item that bakes it into the
  assembly as AssemblyMetadataAttribute("BuildInfo", ...)
- Layout/MainLayout.razor: add @code block that reads BuildInfo from
  the executing assembly at runtime; renders it in a <footer class="build-info">
- Layout/MainLayout.razor.css: add .build-info footer style (right-aligned,
  monospace, muted, with top border)
- docs-deploy.yml: pass -p:BuildInfo="SOURCE_LABEL · SHA" to dotnet publish
  so CI bakes the correct label into the assembly; remove sed
  BUILD_INFO_PLACEHOLDER step and its env vars from the copy step
- wwwroot/index.html: remove BUILD_INFO_PLACEHOLDER div (no longer needed)
- wwwroot/css/app.css: remove #build-info fixed-position badge style

Co-authored-by: mattleibow <1096616+mattleibow@users.noreply.github.com>

Author: Copilot

.github/workflows/docs-deploy.yml

@@ -82,7 +82,14 @@ jobs:
         run: dotnet build scripts/SkiaSharp.Extended-Pack.slnf -c Release -f net10.0
 
       - name: Publish Blazor sample
-        run: dotnet publish samples/SkiaSharpDemo.Blazor/SkiaSharpDemo.Blazor.csproj -c Release -o publish/sample
+        env:
+          SOURCE_LABEL: ${{ steps.vars.outputs.source_label }}
+        run: |
+          COMMIT_SHORT="${GITHUB_SHA:0:7}"
+          BUILD_INFO="${SOURCE_LABEL} · ${COMMIT_SHORT}"
+          dotnet publish samples/SkiaSharpDemo.Blazor/SkiaSharpDemo.Blazor.csproj \
+            -c Release -o publish/sample \
+            -p:BuildInfo="$BUILD_INFO"
 
       - name: Build docs
         env:
@@ -99,11 +106,7 @@ jobs:
         env:
           BASE_HREF: ${{ steps.vars.outputs.sample_base_href }}
           SEGMENT_COUNT: ${{ steps.vars.outputs.sample_segment_count }}
-          SOURCE_LABEL: ${{ steps.vars.outputs.source_label }}
         run: |
-          COMMIT_SHORT="${GITHUB_SHA:0:7}"
-          BUILD_INFO="${SOURCE_LABEL} · ${COMMIT_SHORT}"
-
           mkdir -p docs/_site/sample
           cp -r publish/sample/wwwroot/. docs/_site/sample/
 
@@ -115,9 +118,6 @@ jobs:
             sed -i "s|var segmentCount = [0-9]*;|var segmentCount = $SEGMENT_COUNT;|" docs/_site/sample/404.html
           fi
 
-          # Inject build info
-          sed -i "s|BUILD_INFO_PLACEHOLDER|$BUILD_INFO|" docs/_site/sample/index.html
-
       - name: Upload site artifact
         uses: actions/upload-artifact@v4
         with:

samples/SkiaSharpDemo.Blazor/Layout/MainLayout.razor

@@ -1,4 +1,5 @@
-@inherits LayoutComponentBase
+@inherits LayoutComponentBase
+@using System.Reflection
 <div class="page">
     <div class="sidebar">
         <NavMenu />
@@ -13,5 +14,13 @@
         <article class="content px-4">
             @Body
         </article>
+
+        <footer class="build-info">@_buildInfo</footer>
     </main>
 </div>
+
+@code {
+    private string _buildInfo = typeof(App).Assembly
+        .GetCustomAttributes<AssemblyMetadataAttribute>()
+        .FirstOrDefault(a => a.Key == "BuildInfo")?.Value ?? "local";
+}

samples/SkiaSharpDemo.Blazor/Layout/MainLayout.razor.css

@@ -45,8 +45,16 @@ main {
         margin-left: 0;
     }
 }
+
+.build-info {
+    text-align: right;
+    padding: 0.25rem 1.5rem;
+    font-size: 0.65rem;
+    font-family: monospace;
+    color: #999;
+    border-top: 1px solid #eee;
+}
 
-@media (min-width: 641px) {
     .page {
         flex-direction: row;
     }

samples/SkiaSharpDemo.Blazor/SkiaSharpDemo.Blazor.csproj

@@ -12,8 +12,19 @@
     <!-- Do not make NuGet packages or include in tests -->
     <IsPackable>false</IsPackable>
     <IsTestProject>false</IsTestProject>
+
+    <!-- Build info shown in the app footer; overridden by CI via -p:BuildInfo="..." -->
+    <BuildInfo Condition="'$(BuildInfo)' == ''">local</BuildInfo>
   </PropertyGroup>
 
+  <ItemGroup>
+    <!-- Expose BuildInfo as an assembly-level attribute so the Blazor app can read it at runtime -->
+    <AssemblyAttribute Include="System.Reflection.AssemblyMetadataAttribute">
+      <_Parameter1>BuildInfo</_Parameter1>
+      <_Parameter2>$(BuildInfo)</_Parameter2>
+    </AssemblyAttribute>
+  </ItemGroup>
+
   <ItemGroup>
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="10.0.3" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="10.0.3" PrivateAssets="all" />

samples/SkiaSharpDemo.Blazor/wwwroot/css/app.css

@@ -109,16 +109,3 @@ code {
     text-align: end;
 }
 
-#build-info {
-    position: fixed;
-    bottom: 0.4rem;
-    right: 0.5rem;
-    background: rgba(0, 0, 0, 0.45);
-    color: rgba(255, 255, 255, 0.85);
-    font-size: 0.65rem;
-    font-family: monospace;
-    padding: 0.15rem 0.4rem;
-    border-radius: 0.2rem;
-    z-index: 9998;
-    pointer-events: none;
-}

samples/SkiaSharpDemo.Blazor/wwwroot/index.html

@@ -38,7 +38,6 @@
         <a href="." class="reload">Reload</a>
         <span class="dismiss">🗙</span>
     </div>
-    <div id="build-info">BUILD_INFO_PLACEHOLDER</div>
     <script src="_framework/blazor.webassembly.js"></script>
 </body>