Upgrade Website Design

.github/workflows/azure-static-web-apps-green-field-0353fee03.yml

@@ -114,24 +114,6 @@ jobs:
           if-no-files-found: error
           retention-days: 1
 
-      - name: Upload tools
-        uses: actions/upload-artifact@v4
-        if: matrix.os == 'ubuntu-latest'
-        with:
-          name: ${{ format('tools-{0}', matrix.os) }}
-          path: tools
-          if-no-files-found: error
-          retention-days: 1
-
-      - name: Upload API
-        uses: actions/upload-artifact@v4
-        if: matrix.os == 'ubuntu-latest'
-        with:
-          name: ${{ format('api-{0}', matrix.os) }}
-          path: blog-api
-          if-no-files-found: error
-          retention-days: 1
-
       #  Enable the following to do something with snapshot result(s)
       # - name: Check Verify Results
       #   if: always()
@@ -160,67 +142,60 @@ jobs:
     runs-on: ubuntu-latest
     needs: build_and_test      
     steps:
-      # Needed until dotnet is publsihed...
       - uses: actions/checkout@v4
+
+      - name: Use Node.js v20
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+
+      - name: Setup .NET Core
+        uses: actions/setup-dotnet@v4
+        with:
+          global-json-file: global.json
 
       - name: Download site artifact
         uses: actions/download-artifact@v4
         with:
           name: ${{ format('site-{0}', 'ubuntu-latest') }}
           path: dist
 
-      - name: Download tools artifact
-        uses: actions/download-artifact@v4
-        with:
-          name: ${{ format('tools-{0}', 'ubuntu-latest') }}
-          path: tools
-
-      - name: Download api artifact
-        uses: actions/download-artifact@v4
-        with:
-          name: ${{ format('api-{0}', 'ubuntu-latest') }}
-          path: api
-
-      - name: Use Node.js v20
-        uses: actions/setup-node@v4
-        with:
-          node-version: 20
-
       - name: Run npm steps
         shell: pwsh
         run: |
-          npm i --prefix dist
-          npm run build:prod --prefix dist
-
-      - name: Cleanup
-        shell: pwsh
-        run: |
-          ./tools/Clean-Dist.ps1
+          npm i
+          npm run build:prod
+          ./optimize.ps1
 
       - name: Print site
         shell: pwsh
         run: |
           tree dist
 
-      # Deploy the app to Azure Static Web Apps using the artifacts built previously
       - name: Build And Deploy
+        id: deploy
         uses: Azure/static-web-apps-deploy@v1
         with:
           azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_GREEN_FIELD_0353FEE03 }}
-          repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments)
+          # repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments)
           action: "upload"
           app_location: "dist"
-          api_location: "api"
+          api_location: "blog-api"
           output_location: ""
           skip_app_build: true
           skip_api_build: false
 
-      - name: Setup .NET Core
-        uses: actions/setup-dotnet@v4
+      - name: Post or Update Deployment URL in PR
+        uses: marocchino/sticky-pull-request-comment@v2
+        if: github.event_name == 'pull_request'
         with:
-          global-json-file: global.json
+          header: release
+          message: |
+            🚀 **Static Web App Deployed!**  
+            Release ${{ github.sha }}
+            🌍 URL: [${{ steps.deploy.outputs.static_web_app_url }}](${{ steps.deploy.outputs.static_web_app_url }})  
+            🔄 This comment updates with new deployments.
 
-      # Dotnet build is needed so we can use the playwright install
       - name: Run E2e
         shell: pwsh
         env:

.gitignore

@@ -499,4 +499,5 @@ dist/
 LivingDoc.html
 
 # Verify snapshot testing
-*.received.*
+*.received.*
+tools/node/swa-screenshot/screenshots-*/

.runsettings

@@ -6,7 +6,7 @@
     <!-- Configurations that affect the Test Framework -->
     <RunConfiguration>
         <EnvironmentVariables>
-          <!-- <PLAYWRIGHT_TEST_BASE_URL>https://green-field-0353fee03-1014.westeurope.1.azurestaticapps.net</PLAYWRIGHT_TEST_BASE_URL> -->
+          <!--<PLAYWRIGHT_TEST_BASE_URL>https://green-field-0353fee03-1023.westeurope.1.azurestaticapps.net</PLAYWRIGHT_TEST_BASE_URL>-->
         </EnvironmentVariables>
     </RunConfiguration>
 

README.md

@@ -74,4 +74,10 @@ classDiagram
 This repo (including Blog content) is licensed under the [MIT License](LICENSE)
 
 <!-- https://giscus.app -->
-<!-- https://github.com/giscus/giscus/blob/main/ADVANCED-USAGE.md -->
+<!-- https://github.com/giscus/giscus/blob/main/ADVANCED-USAGE.md -->
+
+<!--
+Brand Color
+green: '#4cae50',
+purple: '#55557b'
+-->