system-dashboard-frontend 2.1.2 → 2.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "system-dashboard-frontend",
-  "version": "2.1.2",
+  "version": "2.1.4",
   "publishConfig": {
     "access": "public",
     "provenance": false
@@ -29,13 +29,13 @@
   },
   "dependencies": {
     "@kronos-integration/svelte-components": "^4.0.7",
-    "mf-styling": "^3.2.24",
+    "mf-styling": "^3.3.0",
     "reader-line-iterator": "^1.2.3",
-    "svelte-command": "^3.0.49",
-    "svelte-common": "^6.19.43",
-    "svelte-guard-history-router": "^7.0.5",
-    "svelte-log-view": "^6.4.0",
-    "svelte-session-manager": "^3.0.67",
+    "svelte-command": "^3.0.50",
+    "svelte-common": "^6.19.44",
+    "svelte-guard-history-router": "^7.0.6",
+    "svelte-log-view": "^6.4.1",
+    "svelte-session-manager": "^3.0.68",
     "svelte-websocket-store": "^1.2.2"
   },
   "devDependencies": {

package/src/components/JournalEntry.svelte

@@ -4,7 +4,7 @@
   let ts = "";
   if (entry.__REALTIME_TIMESTAMP !== undefined) {
     const timestamp = new Date(parseInt(entry.__REALTIME_TIMESTAMP) / 1000);
-    ts += timestamp.toISOString().substring(0, 23);
+    ts = timestamp.toISOString().substring(0, 23);
   }
 
   const pid =

package/src/components/JournalView.svelte

@@ -3,7 +3,7 @@
   import { lineIterator } from "reader-line-iterator";
   import JournalEntry from "./JournalEntry.svelte";
 
-  let { api, headers, query = {}, visibleRows = 30 } = $props();
+  let { api, headers, query = $bindable({}), visibleRows = $bindable(30) } = $props();
 
   /**
    * Decodes json lines
@@ -76,6 +76,7 @@
   bind:follow
   let:selected
   let:position
+  fetchAboveRows={10}
   {row}
 >
 </LogView>

package/src/pages/Journal.svelte

@@ -2,6 +2,16 @@
   import JournalView from "../components/JournalView.svelte";
   import { session } from "../session.mjs";
   import { journalEndpoint } from "../constants.mjs";
+
+  let innerHeight = $state(window.innerHeight);
+
+  let visibleRows = $derived(Math.floor(innerHeight / 13) - 30);
 </script>
 
-<JournalView headers={session.authorizationHeader} api={journalEndpoint} />
+<svelte:window bind:innerHeight />
+
+<JournalView
+  headers={session.authorizationHeader}
+  api={journalEndpoint}
+  bind:visibleRows
+/>