openbase-js 0.1.6 → 0.1.7

package/index.cjs

@@ -24,6 +24,25 @@ class QueryBuilder {
     return this;
   }
 
+  on(event, callback) {
+    if (!this._realtimeSub) {
+      this._realtimeSub = new RealtimeSubscription(
+        this._baseUrl, this._apiKey, this._dbName, this._table
+      );
+    }
+    this._realtimeSub.on(event, callback);
+    return this;
+  }
+
+  subscribe() {
+    if (!this._realtimeSub) {
+      this._realtimeSub = new RealtimeSubscription(
+        this._baseUrl, this._apiKey, this._dbName, this._table
+      );
+    }
+    return this._realtimeSub.subscribe();
+  }
+
   // ─── Filter operators ──────────────────────────────────────────────────────
 
   eq(column, value) {
@@ -336,6 +355,52 @@ class StorageClient {
   }
 }
 
+// ─── Realtime Subscription ────────────────────────────────────────────────────
+
+class RealtimeSubscription {
+  constructor(baseUrl, apiKey, dbName, table) {
+    this._baseUrl = baseUrl.replace('http://', 'ws://').replace('https://', 'wss://');
+    this._apiKey = apiKey;
+    this._dbName = dbName;
+    this._table = table;
+    this._listeners = {}; // { INSERT: [fn], UPDATE: [fn], DELETE: [fn] }
+    this._ws = null;
+  }
+
+  on(event, callback) {
+    if (!this._listeners[event]) this._listeners[event] = [];
+    this._listeners[event].push(callback);
+    return this;
+  }
+
+  subscribe() {
+    const url = `${this._baseUrl}/realtime/${this._dbName}/${this._table}?token=${this._apiKey}`;
+    this._ws = new WebSocket(url);
+
+    this._ws.onmessage = (e) => {
+      try {
+        const payload = JSON.parse(e.data);
+        if (payload.event === 'PING') return;
+        const handlers = this._listeners[payload.event] || [];
+        handlers.forEach(fn => fn(payload));
+      } catch { }
+    };
+
+    this._ws.onerror = (err) => {
+      console.error('[openbase] Realtime error:', err);
+    };
+
+    return this;
+  }
+
+  unsubscribe() {
+    if (this._ws) {
+      this._ws.close();
+      this._ws = null;
+    }
+  }
+}
+
 // ─── Client ───────────────────────────────────────────────────────────────────
 
 class OpenbaseClient {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openbase-js",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "JavaScript client for Openbase — a self-hosted Supabase alternative",
   "main": "index.js",
   "types": "index.d.ts",