fix missing link calls

webui/Dockerfile

@@ -0,0 +1,11 @@
+FROM node:latest AS build
+WORKDIR /app
+COPY package.json ./
+COPY package-lock.json ./
+RUN npm install
+COPY . ./
+RUN npm run build
+
+FROM nginx:1.19-alpine
+COPY --from=build /app/build /usr/share/nginx/html
+

webui/package-lock.json

@@ -8,7 +8,8 @@
 			"name": "my-app",
 			"version": "0.0.1",
 			"dependencies": {
-				"@fontsource/fira-mono": "^4.5.0"
+				"@fontsource/fira-mono": "^4.5.0",
+				"svelte-spa-router": "^3.3.0"
 			},
 			"devDependencies": {
 				"@sveltejs/adapter-static": "next",
@@ -821,6 +822,14 @@
 				"node": "^10 || ^12 || >=14"
 			}
 		},
+		"node_modules/regexparam": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/regexparam/-/regexparam-2.0.1.tgz",
+			"integrity": "sha512-zRgSaYemnNYxUv+/5SeoHI0eJIgTL/A2pUtXUPLHQxUldagouJ9p+K6IbIZ/JiQuCEv2E2B1O11SjVQy3aMCkw==",
+			"engines": {
+				"node": ">=8"
+			}
+		},
 		"node_modules/resolve": {
 			"version": "1.22.1",
 			"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz",
@@ -933,6 +942,17 @@
 				"svelte": ">=3.19.0"
 			}
 		},
+		"node_modules/svelte-spa-router": {
+			"version": "3.3.0",
+			"resolved": "https://registry.npmjs.org/svelte-spa-router/-/svelte-spa-router-3.3.0.tgz",
+			"integrity": "sha512-cwRNe7cxD43sCvSfEeaKiNZg3FCizGxeMcf7CPiWRP3jKXjEma3vxyyuDtPOam6nWbVxl9TNM3hlE/i87ZlqcQ==",
+			"dependencies": {
+				"regexparam": "2.0.1"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/ItalyPaleAle"
+			}
+		},
 		"node_modules/tiny-glob": {
 			"version": "0.2.9",
 			"resolved": "https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.9.tgz",
@@ -1470,6 +1490,11 @@
 				"source-map-js": "^1.0.2"
 			}
 		},
+		"regexparam": {
+			"version": "2.0.1",
+			"resolved": "https://registry.npmjs.org/regexparam/-/regexparam-2.0.1.tgz",
+			"integrity": "sha512-zRgSaYemnNYxUv+/5SeoHI0eJIgTL/A2pUtXUPLHQxUldagouJ9p+K6IbIZ/JiQuCEv2E2B1O11SjVQy3aMCkw=="
+		},
 		"resolve": {
 			"version": "1.22.1",
 			"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz",
@@ -1547,6 +1572,14 @@
 			"dev": true,
 			"requires": {}
 		},
+		"svelte-spa-router": {
+			"version": "3.3.0",
+			"resolved": "https://registry.npmjs.org/svelte-spa-router/-/svelte-spa-router-3.3.0.tgz",
+			"integrity": "sha512-cwRNe7cxD43sCvSfEeaKiNZg3FCizGxeMcf7CPiWRP3jKXjEma3vxyyuDtPOam6nWbVxl9TNM3hlE/i87ZlqcQ==",
+			"requires": {
+				"regexparam": "2.0.1"
+			}
+		},
 		"tiny-glob": {
 			"version": "0.2.9",
 			"resolved": "https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.9.tgz",

webui/package.json

@@ -14,6 +14,7 @@
 	},
 	"type": "module",
 	"dependencies": {
-		"@fontsource/fira-mono": "^4.5.0"
+		"@fontsource/fira-mono": "^4.5.0",
+		"svelte-spa-router": "^3.3.0"
 	}
 }

webui/src/lib/Header.svelte

@@ -1,6 +1,6 @@
 <script>
-    import perinetLogo from '../../static/perinet-logo.png'
-    import favicon from '../../static/favicon.png'
+    // import perinetLogo from '../../static/perinet-logo.png'
+    // import favicon from '../../static/favicon.png'
 </script>
 
 <header class="header">

webui/svelte.config.js

@@ -4,8 +4,12 @@ import adapter from '@sveltejs/adapter-static';
 const config = {
 	kit: {
 		adapter: adapter({
-			fallback: "200.html"
-		})
+			pages: '../static',
+			assets: '../static',
+			// fallback: '200.html',
+			precompress: false,
+		}),
+		trailingSlash: 'always'
 	}
 };