add velconnect url to env var in example dashboard

example_dashboard/package-lock.json

@@ -8,7 +8,7 @@
 			"name": "example-dashboard",
 			"version": "0.0.1",
 			"dependencies": {
-				"@velaboratory/velconnect-svelte": "^1.0.2"
+				"@velaboratory/velconnect-svelte": "^1.0.3"
 			},
 			"devDependencies": {
 				"@sveltejs/adapter-cloudflare": "^2.3.1",
@@ -18,6 +18,8 @@
 				"eslint": "^8.28.0",
 				"eslint-config-prettier": "^8.5.0",
 				"eslint-plugin-svelte": "^2.30.0",
+				"humanize-duration": "^3.29.0",
+				"luxon": "^3.3.0",
 				"prettier": "^2.8.0",
 				"prettier-plugin-svelte": "^2.10.1",
 				"sass": "^1.63.6",
@@ -898,9 +900,9 @@
 			}
 		},
 		"node_modules/@velaboratory/velconnect-svelte": {
-			"version": "1.0.2",
+			"version": "1.0.3",
-			"resolved": "https://registry.npmjs.org/@velaboratory/velconnect-svelte/-/velconnect-svelte-1.0.2.tgz",
+			"resolved": "https://registry.npmjs.org/@velaboratory/velconnect-svelte/-/velconnect-svelte-1.0.3.tgz",
-			"integrity": "sha512-vcoMjyqg+FBfhZami68G0+ewP4spzno8U9uiRuzqd9wIWBiE8FV3Zs5dbw5pXFU87uUv495fZrPkYeL7tsH+Mw==",
+			"integrity": "sha512-EDyUnfx5Ovubu2W2dY16XQYgAyt4i+osEqxUAB92KiKxZFZge8LB4RvsMRyZiKw9maIesPWCZVPxEfTJ1v14OA==",
 			"dependencies": {
 				"pocketbase": "^0.15.3",
 				"svelte": "^4.0.5"
@@ -1814,6 +1816,12 @@
 				"node": ">=8"
 			}
 		},
+		"node_modules/humanize-duration": {
+			"version": "3.29.0",
+			"resolved": "https://registry.npmjs.org/humanize-duration/-/humanize-duration-3.29.0.tgz",
+			"integrity": "sha512-G5wZGwYTLaQAmYqhfK91aw3xt6wNbJW1RnWDh4qP1PvF4T/jnkjx2RVhG5kzB2PGsYGTn+oSDBQp+dMdILLxcg==",
+			"dev": true
+		},
 		"node_modules/ignore": {
 			"version": "5.2.4",
 			"resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
@@ -2034,6 +2042,15 @@
 				"node": ">=10"
 			}
 		},
+		"node_modules/luxon": {
+			"version": "3.3.0",
+			"resolved": "https://registry.npmjs.org/luxon/-/luxon-3.3.0.tgz",
+			"integrity": "sha512-An0UCfG/rSiqtAIiBPO0Y9/zAnHUZxAMiCpTd5h2smgsj7GGmcenvrvww2cqNA8/4A5ZrD1gJpHN2mIHZQF+Mg==",
+			"dev": true,
+			"engines": {
+				"node": ">=12"
+			}
+		},
 		"node_modules/magic-string": {
 			"version": "0.30.1",
 			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.1.tgz",
@@ -3715,9 +3732,9 @@
 			}
 		},
 		"@velaboratory/velconnect-svelte": {
-			"version": "1.0.2",
+			"version": "1.0.3",
-			"resolved": "https://registry.npmjs.org/@velaboratory/velconnect-svelte/-/velconnect-svelte-1.0.2.tgz",
+			"resolved": "https://registry.npmjs.org/@velaboratory/velconnect-svelte/-/velconnect-svelte-1.0.3.tgz",
-			"integrity": "sha512-vcoMjyqg+FBfhZami68G0+ewP4spzno8U9uiRuzqd9wIWBiE8FV3Zs5dbw5pXFU87uUv495fZrPkYeL7tsH+Mw==",
+			"integrity": "sha512-EDyUnfx5Ovubu2W2dY16XQYgAyt4i+osEqxUAB92KiKxZFZge8LB4RvsMRyZiKw9maIesPWCZVPxEfTJ1v14OA==",
 			"requires": {
 				"pocketbase": "^0.15.3",
 				"svelte": "^4.0.5"
@@ -4402,6 +4419,12 @@
 			"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
 			"dev": true
 		},
+		"humanize-duration": {
+			"version": "3.29.0",
+			"resolved": "https://registry.npmjs.org/humanize-duration/-/humanize-duration-3.29.0.tgz",
+			"integrity": "sha512-G5wZGwYTLaQAmYqhfK91aw3xt6wNbJW1RnWDh4qP1PvF4T/jnkjx2RVhG5kzB2PGsYGTn+oSDBQp+dMdILLxcg==",
+			"dev": true
+		},
 		"ignore": {
 			"version": "5.2.4",
 			"resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
@@ -4574,6 +4597,12 @@
 				"yallist": "^4.0.0"
 			}
 		},
+		"luxon": {
+			"version": "3.3.0",
+			"resolved": "https://registry.npmjs.org/luxon/-/luxon-3.3.0.tgz",
+			"integrity": "sha512-An0UCfG/rSiqtAIiBPO0Y9/zAnHUZxAMiCpTd5h2smgsj7GGmcenvrvww2cqNA8/4A5ZrD1gJpHN2mIHZQF+Mg==",
+			"dev": true
+		},
 		"magic-string": {
 			"version": "0.30.1",
 			"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.1.tgz",

example_dashboard/package.json

@@ -19,6 +19,8 @@
 		"eslint": "^8.28.0",
 		"eslint-config-prettier": "^8.5.0",
 		"eslint-plugin-svelte": "^2.30.0",
+		"humanize-duration": "^3.29.0",
+		"luxon": "^3.3.0",
 		"prettier": "^2.8.0",
 		"prettier-plugin-svelte": "^2.10.1",
 		"sass": "^1.63.6",
@@ -31,6 +33,6 @@
 	},
 	"type": "module",
 	"dependencies": {
-		"@velaboratory/velconnect-svelte": "^1.0.2"
+		"@velaboratory/velconnect-svelte": "^1.0.3"
 	}
 }

example_dashboard/src/app.d.ts

@@ -9,4 +9,4 @@ declare global {
 	}
 }
 
-export {};
+export { };

example_dashboard/src/routes/+page.svelte

@@ -16,9 +16,10 @@
 	import Pair from '$lib/components/Pair.svelte';
 	import { prettyDate } from '$lib/js/util';
 	import { onDestroy, onMount } from 'svelte';
+	import { PUBLIC_VELCONNECT_URL } from '$env/static/public';
 
 	onMount(async () => {
-		await startListening('http://localhost:8090');
+		await startListening(PUBLIC_VELCONNECT_URL);
 	});
 	onDestroy(() => {
 		stopListening();