svelte-log-view 6.3.1 → 6.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-log-view",
-  "version": "6.3.1",
+  "version": "6.3.3",
   "publishConfig": {
     "access": "public",
     "provenance": true

package/src/LogView.svelte

@@ -73,22 +73,16 @@
     }
 
     if (selected < 0) {
-      const cursor = entries[0];
+      const additionalEntries = [];
 
-      for (let i = 0; i < fetchAboveRows; i++) {
-        entries.unshift();
+      for await (const entry of source.fetch(entries[0], -fetchAboveRows, fetchAboveRows)) {
+        additionalEntries.push(entry);
       }
 
-      selected += fetchAboveRows;
-      offsetRows += fetchAboveRows;
+      entries.unshift(...additionalEntries);
 
-      let i = 0;
-      for await (const entry of source.fetch(cursor, -fetchAboveRows, fetchAboveRows)) {
-        entries[i++] = entry;
-        if (i >= fetchAboveRows) {
-          break;
-        }
-      }
+      selected += additionalEntries.length;
+      offsetRows += additionalEntries.length;
     }
 
     if (selected < offsetRows) {
@@ -157,10 +151,8 @@
 </script>
 
 <svelte:window {onkeydown} />
-<log-content bind:this={content}>
+<log-content {onclick} {onkeydown} bind:this={content} role="none">
   {#each visible as entry, i (i)}
-    <log-row {onclick} {onkeydown} role="none">
-      {@render row(entry, selected, offsetRows + i, follow)}
-    </log-row>
+    {@render row(entry, selected, offsetRows + i, follow)}
   {/each}
 </log-content>

package/src/log.css

@@ -3,8 +3,3 @@ log-content {
   overflow-y: auto;
   display: block;
 }
-
-log-row {
-  display: block;
-  overflow: hidden;
-}