Landing and angular tweaks

Blazor partially addressed by still need .net 9 changes for full nimble support: dotnet/aspnetcore#58322 (comment)
ni · Dec 10, 2024 · c01a3e1 · c01a3e1
1 parent 54484aa
commit c01a3e1
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 5 deletions.
diff --git a/packages/angular-workspace/angular.json b/packages/angular-workspace/angular.json
@@ -150,7 +150,11 @@
                 }
               ],
               "buildOptimizer": true,
-              "optimization": true,
+              "optimization": {
+                "styles": {
+                  "inlineCritical": false
+                }
+              },
               "sourceMap": true
             },
             "development": {

diff --git a/packages/blazor-workspace/Examples/Demo.Client/wwwroot/index.html b/packages/blazor-workspace/Examples/Demo.Client/wwwroot/index.html
@@ -6,6 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
     <title>Blazor All Components Demo - Nimble Design System - NI</title>
     <meta name="description" content="Blazor demo showing all nimble components">
+    <base href="./" />
     <link href="css/site.css" rel="stylesheet" />
     <link href="Demo.Client.styles.css" rel="stylesheet" />
     <link href="_content/NimbleBlazor/nimble-tokens/css/fonts.css" rel="stylesheet" />

diff --git a/packages/blazor-workspace/Examples/Demo.Shared/Pages/ComponentsDemo.razor b/packages/blazor-workspace/Examples/Demo.Shared/Pages/ComponentsDemo.razor
@@ -1,4 +1,5 @@
 @page "/"
+@page "/index.html"
 @namespace Demo.Shared.Pages
 @inherits LayoutComponentBase
 

diff --git a/packages/site/landing/index.html b/packages/site/landing/index.html
@@ -25,7 +25,7 @@
             </div>
             <div class="cards">
                 <div class="card-wrapper">
-                    <a class="card" href="storybook/">
+                    <a class="card" href="storybook/index.html">
                         <div class="icon"><img src="./images/sb.svg" width="64" height="64" alt="Storybook Logo"></div>
                         <div class="name">Storybook</div>
                         <div class="description">Browse documentation</div>
@@ -46,14 +46,14 @@
                     </a>
                 </div>
                 <div class="card-wrapper">
-                    <a class="card" href="storybook/example-client-app">
+                    <a class="card" href="storybook/example-client-app/index.html">
                         <div class="icon"><img src="./images/ng.svg" width="64" height="64" alt="Angular Logo"></div>
                         <div class="name">Angular Demo</div>
                         <div class="description">View the Angular demo application</div>
                     </a>
                 </div>
                 <div class="card-wrapper">
-                    <a class="card" href="storybook/blazor-client-app/wwwroot/">
+                    <a class="card" href="storybook/blazor-client-app/wwwroot/index.html">
                         <div class="icon"><img src="./images/blazor.svg" width="187" height="64" alt="Blazor Logo">
                         </div>
                         <div class="name">Blazor Demo</div>

diff --git a/packages/site/package.json b/packages/site/package.json
@@ -6,7 +6,7 @@
     "scripts": {
         "build": "npm run build:landing && npm run build:eleventy",
         "build:eleventy": "eleventy",
-        "build:landing": "tsc && vite build landing",
+        "build:landing": "tsc && vite --config ./vite.config.js build landing",
         "pack": "npm pack",
         "lint": "eslint .",
         "start:eleventy": "eleventy --serve",

diff --git a/packages/site/vite.config.js b/packages/site/vite.config.js
@@ -0,0 +1,7 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { defineConfig } from 'vite';
+
+// eslint-disable-next-line import/no-default-export
+export default defineConfig({
+    base: './'
+});