@itrocks/table 0.0.15 → 0.0.17

package/feed.d.ts

@@ -0,0 +1,8 @@
+import { Plugin } from '../../plugin/plugin.js';
+import { Table } from './table.js';
+export declare class TableFeed extends Plugin<Table> {
+    observer: IntersectionObserver | undefined;
+    constructor(table: Table);
+    feed(): Promise<void>;
+    observe(): void;
+}

package/feed.js

@@ -0,0 +1,34 @@
+import { Plugin } from '../plugin/plugin.js';
+export class TableFeed extends Plugin {
+    observer = undefined;
+    constructor(table) {
+        super(table);
+        this.observe();
+    }
+    async feed() {
+        const table = this.of.element;
+        const tbody = table.querySelector(':scope > tbody');
+        const url = table.dataset.feed ?? table.closest('form[action]')?.action;
+        if (!tbody || !url)
+            return;
+        const loaded = document.createElement('div');
+        const offsetUrl = url + (url.includes('?') ? '&' : '?') + 'offset=' + tbody.querySelectorAll(':scope > tr').length;
+        loaded.innerHTML = await (await fetch(offsetUrl)).text();
+        const loadedBody = loaded.querySelector('table > tbody');
+        if (!loadedBody)
+            return;
+        while (loadedBody.firstChild) {
+            tbody.append(loadedBody.firstChild);
+        }
+        this.observe();
+    }
+    observe() {
+        const table = this.of.element;
+        const lastCell = table.querySelector(':scope > tbody > tr:last-child > td:last-child');
+        if (!lastCell)
+            return;
+        this.observer?.disconnect();
+        this.observer = new IntersectionObserver(async (entries) => entries[0].isIntersecting && this.feed(), { root: table, threshold: .1 });
+        this.observer.observe(lastCell);
+    }
+}

package/package.json

@@ -12,7 +12,7 @@
 		"@itrocks/prepare-module": "latest",
 		"@types/node": "^22.9",
 		"sass": "^1.83",
-		"typescript": "5.6"
+		"typescript": "~5.8"
 	},
 	"files": [
 		"LICENSE",
@@ -49,5 +49,5 @@
 	},
 	"type": "module",
 	"types": "./table.d.ts",
-	"version": "0.0.15"
+	"version": "0.0.17"
 }