@alaarab/ogrid-mcp 2.4.0

package/dist/esm/bridge-client.js

@@ -0,0 +1,162 @@
+// src/bridge-client.ts
+function connectGridToBridge(options) {
+  const {
+    gridId,
+    getData,
+    getColumns,
+    getPagination,
+    getSort,
+    getFilters,
+    api,
+    onCellUpdate,
+    bridgeUrl = "http://localhost:7890",
+    pollIntervalMs = 500
+  } = options;
+  let stopped = false;
+  let intervalId = null;
+  function buildState() {
+    const data = getData();
+    const columns = getColumns();
+    const pagination = getPagination?.() ?? {
+      page: 1,
+      pageSize: data.length,
+      totalCount: data.length,
+      pageCount: 1
+    };
+    const sortModel = getSort?.() ?? [];
+    const filterModel = getFilters?.() ?? {};
+    return {
+      gridId,
+      rowCount: data.length,
+      data: data.slice(0, 200),
+      // cap at 200 rows to keep payload small
+      columns,
+      sortModel,
+      filterModel,
+      ...pagination
+    };
+  }
+  async function connect() {
+    try {
+      await fetch(`${bridgeUrl}/grids/connect`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(buildState())
+      });
+    } catch {
+    }
+  }
+  async function push() {
+    if (stopped) return;
+    try {
+      await fetch(`${bridgeUrl}/grids/${encodeURIComponent(gridId)}/state`, {
+        method: "PUT",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(buildState())
+      });
+    } catch {
+    }
+  }
+  async function handleCommand(cmd) {
+    let result = null;
+    let error;
+    try {
+      switch (cmd.type) {
+        case "update_cell": {
+          const rowIndex = cmd.payload["rowIndex"];
+          const columnId = cmd.payload["columnId"];
+          const value = cmd.payload["value"];
+          if (onCellUpdate) {
+            onCellUpdate(rowIndex, columnId, value);
+            result = { ok: true, rowIndex, columnId, value };
+          } else {
+            error = "No onCellUpdate handler provided";
+          }
+          break;
+        }
+        case "set_filter": {
+          const columnId = cmd.payload["columnId"];
+          const value = cmd.payload["value"];
+          if (api?.updateFilter) {
+            api.updateFilter(columnId, value);
+            result = { ok: true };
+          } else {
+            error = "No api.updateFilter available";
+          }
+          break;
+        }
+        case "clear_filters": {
+          if (api?.clearFilters) {
+            api.clearFilters();
+            result = { ok: true };
+          } else {
+            error = "No api.clearFilters available";
+          }
+          break;
+        }
+        case "set_sort": {
+          const sortModel = cmd.payload["sortModel"];
+          if (api?.updateSort) {
+            api.updateSort(sortModel);
+            result = { ok: true };
+          } else {
+            error = "No api.updateSort available";
+          }
+          break;
+        }
+        case "go_to_page": {
+          const page = cmd.payload["page"];
+          if (api?.goToPage) {
+            api.goToPage(page);
+            result = { ok: true };
+          } else {
+            error = "No api.goToPage available";
+          }
+          break;
+        }
+        default:
+          error = `Unknown command type: ${cmd.type}`;
+      }
+    } catch (e) {
+      error = String(e);
+    }
+    try {
+      await fetch(
+        `${bridgeUrl}/grids/${encodeURIComponent(gridId)}/commands/${encodeURIComponent(cmd.id)}/result`,
+        {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ result, error })
+        }
+      );
+    } catch {
+    }
+  }
+  async function tick() {
+    if (stopped) return;
+    try {
+      const res = await fetch(
+        `${bridgeUrl}/grids/${encodeURIComponent(gridId)}/commands`
+      );
+      if (res.ok) {
+        const cmds = await res.json();
+        for (const cmd of cmds) {
+          void handleCommand(cmd);
+        }
+      }
+    } catch {
+    }
+    await push();
+  }
+  void connect();
+  intervalId = setInterval(() => void tick(), pollIntervalMs);
+  return {
+    disconnect() {
+      stopped = true;
+      if (intervalId !== null) clearInterval(intervalId);
+    },
+    push
+  };
+}
+
+export { connectGridToBridge };