ni · rajsite · Dec 10, 2024 · Dec 11, 2024 · Dec 11, 2024 · Dec 11, 2024
@@ -150,7 +150,11 @@
                 }
               ],
               "buildOptimizer": true,
-              "optimization": true,
+              "optimization": {
+                "styles": {
+                  "inlineCritical": false
+                }
+              },
               "sourceMap": true
             },
             "development": {

@@ -1,7 +1,10 @@
 <div class="content container">
-    <p>Explore the components below to see the Nimble components in action. See the <a
-            href="https://ni.github.io/nimble/storybook/">Nimble
-            component docs</a> for additional usage details.</p>
+    <p>
+        Explore the components below to see the Nimble components in action. See the <a
+        href="https://ni.github.io/nimble/storybook/">Nimble
+        component docs</a> for additional usage details.
+        Navigate to the <a href="../index.html">parent page</a>.
+    </p>
     <div class="container">
         <div class="sub-container">
             <div class="container-label">Anchor</div>

@@ -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" />

@@ -1,4 +1,5 @@
 @page "/"
+@page "/index.html"
 @namespace Demo.Shared.Pages
 @inherits LayoutComponentBase
 
@@ -7,6 +8,7 @@
         Explore the components below to see the Nimble components in action. See the <a
                 href="https://nimble.ni.dev/storybook/">Nimble
                 component docs</a> for additional usage details.
+                Navigate to the <a href="../../index.html">parent page</a>.
     </p>
     <div class="container">
         <div class="sub-container">

@@ -12,5 +12,6 @@ <h1>Performance tests</h1>
     <ul>
         <li><a href="./wafer-map/index.html">Wafer Map</a></li>
     </ul>
+    Navigate to the <a href="../index.html">parent page</a>.
 </body>
 </html>
@@ -9,6 +9,7 @@
     <script type="module" src="./index.ts"></script>
 </head>
 <body>
+    <p>Navigate to the <a href="../index.html">parent page</a>.</p>
     <p>See devtools performance timing for results.</p>
     <p>Loading...</p>
     <p class="running" hidden>Running...</p>

@@ -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>

@@ -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",

@@ -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: './'
+});
@@ -22,11 +22,11 @@ documentation on using or contributing to the component libraries. To add or
 update component design documentation, refer to the
 [documentation guide](https://github.com/ni/nimble/tree/main/packages/storybook/CONTRIBUTING.md).
 
-See the <a href="./example-client-app" target="_blank">example Angular app</a>
-or <a href="./blazor-client-app/wwwroot" target="_blank">example Blazor app</a>
-using the components!
+{/* prettier-ignore */}
+<p>See the <a href="./example-client-app/index.html" target="_parent">example Angular app</a> or <a href="./blazor-client-app/wwwroot/index.html" target="_parent">example Blazor app</a> using the components!</p>
 
-See the <a href="./performance" target="_blank">component performance tests</a>.
+{/* prettier-ignore */}
+<p>See the <a href="./performance/index.html" target="_parent">component performance tests</a>. Navigate to the <a href="../index.html" target="_parent">parent page</a>.</p>
 
 ## How to use this site?
-Original file line number
+Diff line change
@@ Expand Up / @@ -12,5 +12,6 @@ <h1>Performance tests</h1> @@
         <ul>
             <li><a href="./wafer-map/index.html">Wafer Map</a></li>
         </ul>
+        Navigate to the <a href="../index.html">parent page</a>.
     </body>
     </html>