Blazor visual redesign by Samuelsotogit · Pull Request #93 · ni/systemlink-enterprise-examples

Samuelsotogit · 2026-03-19T06:11:29Z

Main points of this pull request:

Blazor App has been redesigned to match styling of companion apps.
Blazor App workflows should all pass now.
README.md file has been updated with detailed documentation.
Only Blazor web assembly related code has been included in this pull request (No React, Angular, Bootstrap, or auto-generated code).

Suggested testing steps:

Start a proxy and run "dotnet watch" to test app in development (See README.md).
Run the deploy.sh script to test app in production.
Run workflows to test CI/CD pipeline app deployment.

…stemlink-enterprise-examples-fork into BYU-Development

…enterprise-examples-fork into Blazor

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

… url in program.sc to resolve api calls

created deploy script to deal with fingerprinted file errors and automate deployment process updated gitignore file

…enterprise-examples-fork into Blazor

Removed unused files, implemented a new NavBar using Nimble Anchor tags, changed the styling of the app, and solved the routing issue (see README).

Cleaned up branch to only include the Blazor Wasm App changes

examples/Web Applications/Dev Tools/ApiServiceProxy/.gitignore

examples/Web Apps/Framework Examples/Blazor/BlazorWasmAuthExample/Layout/NavBar.razor.css

examples/Web Apps/Framework Examples/Blazor/BlazorWasmAuthExample/README.html

…ization

jattasNI

Some feedback to address. But good news: I was able to build and run the app locally and it looks and behaves just like the React one. Nice!

jattasNI · 2026-03-25T19:13:22Z

README.md

@@ -1,4 +1,4 @@
-# SystemLink Enterprise Examples
+# SystemLink Enterprise Examples - BYU team Branch


This change should be reverted before going in to the NI repo.

jattasNI · 2026-03-25T19:14:50Z

.gitignore

+#auto
+../../../../DotNet


This section looks strange: for a .gitignore at the root I wouldn't expect relative paths reaching up out of the root directory.

jattasNI · 2026-03-25T19:47:11Z

examples/Web Apps/Framework Examples/Blazor/BlazorWasmAuthExample/README.md

@@ -0,0 +1,431 @@
+# Blazor WebAssembly API Authentication Example


Could you take a pass at aligning the naming and READMEs across React and Blazor? Things I noticed:

directory names are different (ApiKeyAuthApp vs BlazorWasmAuthExample). I think my proposal would be to make the directory names the same, as long as we can make sure the built nipkgs get different names that include the framework. I don't have a strong preference about what the name should be.

Align the contents of the README to have the same description of what the app does but unique descriptions of the framework-specific setup.

Align the level of detail. I think this README has too much: it should just describe the prerequisites and step-by-step build instructions, doesn't need to explain the architecture or implementation details. (But the workaround for fingerprinting is really good information, that should stay)

jattasNI · 2026-03-25T19:49:41Z

examples/Web Apps/Framework Examples/Blazor/BlazorWasmAuthExample/.gitignore

@@ -0,0 +1,17 @@
+# Build output


I think you could remove some of this since a lot of these paths are listed in the root .gitignore. Any files that are generic to .NET (like bin/obj/*.suo) can go in the root. Any content that's specific to this app (like README_files) should stay here.

jattasNI · 2026-03-25T19:53:21Z

examples/Web Apps/Framework Examples/Blazor/BlazorWasmAuthExample/Pages/API.razor

+@using System.Text.Json
+
+<div class="button-and-title">
+    <nimble-button class="button" appearance-variant="accent" @onclick="HandleClick">


Similar to my comment about the theme provider, this should use the Blazor component NimbleButton rather than the custom element nimble-button.

jattasNI · 2026-03-25T20:09:03Z

.github/workflows/webapp-deploy.yml

+        working-directory: ${{ env.APP_DIR }}
+        run: dotnet publish *.csproj -o dist
+
+      - name: Copy fingerprinted dotnet.js


Instead of writing custom code in the pipeline script to apply this workaround, could we do one of these instead?

Update the Blazor project to invoke the deploy.sh script as part of every build

Update the pipeline to invoke the deploy.sh script

1 is preferable because it applies the fix in a way that users could take advantage of it in their own web app development, even if they don't use github actions. But 2 is acceptable if you can't figure out the MSBuild commands needed to invoke a script during build.

To do 1 I think you'd need to split the deploy script into separate scripts for applying the fingerprinting workaround and for using the slcli to upload the app. That seems like a good direction too: again, it would help users leverage that workaround even if they have their own flow for building and uploading the nipkg.

jattasNI · 2026-03-25T20:12:22Z

examples/Web Apps/Framework Examples/Blazor/BlazorWasmAuthExample/README.md

+└── .gitignore                                ← Ignores appsettings.Development.json
+```
+
+## How It Works


Could you refactor this to be more clear getting started steps where each step includes the action required. Right now there's a lot of explanatory content that is making it hard to tell exactly what the minimum steps are to launch the app.

jattasNI · 2026-03-25T20:19:01Z

examples/Web Apps/Framework Examples/Blazor/BlazorWasmAuthExample/README.md

+
+## Prerequisites
+
+- .NET 10.0 SDK or higher


It would be good to link to where you go to download this.

jattasNI · 2026-03-25T20:21:38Z

examples/Web Apps/Framework Examples/Blazor/BlazorWasmAuthExample/README.md

+
+## Related Examples
+
+- [Blazor Server Example](../BlazorApp1/) — Server-side rendering with SignalR,


This ended up not being part of this PR so we can remove it from the README.

jattasNI · 2026-03-25T20:23:35Z

examples/Web Apps/Framework Examples/Blazor/BlazorWasmAuthExample/Layout/NavBar.razor

@@ -0,0 +1,42 @@
+<div class="header">
+    <a href="https://github.com/Samuelsotogit/systemlink-enterprise-examples-fork"


This link needs to be updated to point at the NI repo.

amur-bashirov and others added 30 commits January 21, 2026 11:09

Update README title for BYU team branch

a86a545

created React Demo

c69f6ff

Amur's React + Vite default app

e41f690

Rename React app folder

125eae9

Created folders to begin developing

6872ffb

Merge branch 'BYU-Development' of https://github.com/Samuelsotogit/sy…

d7c15cb

…stemlink-enterprise-examples-fork into BYU-Development

put react empty app into web-apps folder

cd99b03

Update Nimble package

dd5b89e

Remove default React buttons

0022308

Added NI icon to the page

f62b9bc

added buttons colors

684e857

Co-authored-by: Bowen Liu <reouct@users.noreply.github.com>

91d5c64

new path and css

0a24153

put a placeholder for config.js

85d83b1

changed it to the typescript

b1de94a

put a placeholder for config

df1b8ce

unable to use secrets not in pipline, reversed the proccess back

71bb8d2

pit config.ts into gitignore

fa85069

tried to put it one more time

51d0af9

changed config back

5a10fcc

Stop tracking config.ts

dff043c

push to delete config.ts

9bc4478

deleted dem_config

6b4de7c

finished creating demo config

9626c3b

finished config file and demo config file

07aca10

defined div for api call

3fc1884

finished css for button and api

acef4c6

defined first div and title for the example css

3084d50

Set Up README.md on top and lower levels within the repo

a2c4e9d

Merge branch 'BYU-Development' of https://github.com/Samuelsotogit/sy…

5026d57

…stemlink-enterprise-examples-fork into BYU-Development

Samuelsotogit and others added 20 commits February 20, 2026 11:12

Prettified json response

577f41e

Merge branch 'Blazor' of https://github.com/Samuelsotogit/systemlink-…

a6cdd91

…enterprise-examples-fork into Blazor

Removed ReactExploration.razor.css

2afac86

Merge branch 'Blazor' of https://github.com/Samuelsotogit/systemlink-…

8ac2479

…enterprise-examples-fork into Blazor

Add NimbleTable API display and configure NimbleBlazor for WASM

ec495bc

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Updated Folder Pathing

105cfb8

Merge remote-tracking branch 'upstream/main' into Blazor

b3b99df

Remove base tag from index.html to resolve csp issues and edited base…

c0e29e5

… url in program.sc to resolve api calls

Updated API Call to Nimble Table

a37cdfa

Fixed index.html to avoid CSP issues with system link

a7eb8a4

created deploy script to deal with fingerprinted file errors and automate deployment process updated gitignore file

Merge branch 'Blazor' of https://github.com/Samuelsotogit/systemlink-…

6b8cae2

…enterprise-examples-fork into Blazor

Refactored app's visual design and updated README.

318c5c1

Removed unused files, implemented a new NavBar using Nimble Anchor tags, changed the styling of the app, and solved the routing issue (see README).

Remove tracked build artifacts from Blazor branch

35d79a5

Prepared branch for Pull Request

99bff40

Cleaned up branch to only include the Blazor Wasm App changes

More clean up of unneeded files and folders

1184daf

Redesigned Blazor UI

ef91a1e

Add blazor to workflows

94b01f0

fix fail on no node or no blazor

92b5032

Refactored workflow to handle no node

e6e3eba

Added error handling to workflow and cleaned up bootstrap

8c59601

Samuelsotogit requested review from TJ-G, adamarnesen and fredvisser as code owners March 19, 2026 06:11

jattasNI requested changes Mar 24, 2026

View reviewed changes

Samuelsotogit added 4 commits March 25, 2026 12:03

Move Blazor example into Web Apps directory to match upstream reorgan…

c4f1c1d

…ization

Applied SCSS changes to css files to leverage nimble tokens

43408c8

Remove generated README.html and README_files

b44f1b7

Remove root-level generated README.html and README_files

e227280

jattasNI self-requested a review March 25, 2026 19:08

jattasNI requested changes Mar 25, 2026

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Blazor visual redesign#93

Blazor visual redesign#93
Samuelsotogit wants to merge 152 commits intoni:mainfrom
Samuelsotogit:Blazor-VisualRedesign

Samuelsotogit commented Mar 19, 2026

Uh oh!

Uh oh!

Uh oh!

Uh oh!

jattasNI left a comment

Uh oh!

jattasNI Mar 25, 2026

Uh oh!

jattasNI Mar 25, 2026

Uh oh!

jattasNI Mar 25, 2026

Uh oh!

jattasNI Mar 25, 2026

Uh oh!

jattasNI Mar 25, 2026

Uh oh!

jattasNI Mar 25, 2026

Uh oh!

jattasNI Mar 25, 2026

Uh oh!

jattasNI Mar 25, 2026

Uh oh!

jattasNI Mar 25, 2026

Uh oh!

jattasNI Mar 25, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

6 participants

		@@ -1,4 +1,4 @@
		# SystemLink Enterprise Examples
		# SystemLink Enterprise Examples - BYU team Branch

		@@ -0,0 +1,431 @@
		# Blazor WebAssembly API Authentication Example


		## Related Examples

		- [Blazor Server Example](../BlazorApp1/) — Server-side rendering with SignalR,

		@@ -0,0 +1,42 @@
		<div class="header">
		<a href="https://github.com/Samuelsotogit/systemlink-enterprise-examples-fork"

		#auto
		../../../../DotNet

Conversation

Samuelsotogit commented Mar 19, 2026

Uh oh!

Uh oh!

Uh oh!

Uh oh!

jattasNI left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

6 participants