@comergehq/studio 0.1.21 → 0.1.23

package/dist/index.js

@@ -567,6 +567,95 @@ var BaseRepository = class {
   }
 };
 
+// src/core/services/supabase/realtimeManager.ts
+var INITIAL_BACKOFF_MS = 1e3;
+var MAX_BACKOFF_MS = 3e4;
+var realtimeLog = log.extend("realtime");
+var entries = /* @__PURE__ */ new Map();
+var subscriberIdCounter = 0;
+function clearTimer(entry) {
+  if (!entry.timer) return;
+  clearTimeout(entry.timer);
+  entry.timer = null;
+}
+function buildChannel(entry) {
+  const supabase = getSupabaseClient();
+  const channel = supabase.channel(entry.key);
+  entry.subscribers.forEach((configure) => {
+    configure(channel);
+  });
+  return channel;
+}
+function scheduleResubscribe(entry, reason) {
+  if (entry.timer) return;
+  const delay = entry.backoffMs;
+  entry.backoffMs = Math.min(entry.backoffMs * 2, MAX_BACKOFF_MS);
+  realtimeLog.warn(`[realtime] channel ${entry.key} ${reason}; resubscribe in ${delay}ms`);
+  entry.timer = setTimeout(() => {
+    entry.timer = null;
+    if (!entries.has(entry.key)) return;
+    if (entry.subscribers.size === 0) return;
+    subscribeChannel(entry);
+  }, delay);
+}
+function handleStatus(entry, status) {
+  if (status === "SUBSCRIBED") {
+    entry.backoffMs = INITIAL_BACKOFF_MS;
+    clearTimer(entry);
+    return;
+  }
+  if (status === "CLOSED" || status === "TIMED_OUT" || status === "CHANNEL_ERROR") {
+    scheduleResubscribe(entry, status);
+  }
+}
+function subscribeChannel(entry) {
+  try {
+    const supabase = getSupabaseClient();
+    if (entry.channel) supabase.removeChannel(entry.channel);
+    const channel = buildChannel(entry);
+    entry.channel = channel;
+    channel.subscribe((status) => handleStatus(entry, status));
+  } catch (error) {
+    realtimeLog.warn("[realtime] subscribe failed", error);
+    scheduleResubscribe(entry, "SUBSCRIBE_FAILED");
+  }
+}
+function subscribeManagedChannel(key, configure) {
+  let entry = entries.get(key);
+  if (!entry) {
+    entry = {
+      key,
+      channel: null,
+      subscribers: /* @__PURE__ */ new Map(),
+      backoffMs: INITIAL_BACKOFF_MS,
+      timer: null
+    };
+    entries.set(key, entry);
+  }
+  const subscriberId = ++subscriberIdCounter;
+  entry.subscribers.set(subscriberId, configure);
+  if (!entry.channel) {
+    subscribeChannel(entry);
+  } else {
+    configure(entry.channel);
+  }
+  return () => {
+    const current = entries.get(key);
+    if (!current) return;
+    current.subscribers.delete(subscriberId);
+    if (current.subscribers.size === 0) {
+      clearTimer(current);
+      try {
+        if (current.channel) getSupabaseClient().removeChannel(current.channel);
+      } finally {
+        entries.delete(key);
+      }
+      return;
+    }
+    subscribeChannel(current);
+  };
+}
+
 // src/data/apps/repository.ts
 function mapDbAppRow(row) {
   return {
@@ -648,35 +737,33 @@ var AppsRepositoryImpl = class extends BaseRepository {
     return this.subscribeToAppChannel(`apps:id:${appId}`, `id=eq.${appId}`, handlers);
   }
   subscribeToAppChannel(channelKey, filter, handlers) {
-    const supabase = getSupabaseClient();
-    const channel = supabase.channel(channelKey).on(
-      "postgres_changes",
-      { event: "INSERT", schema: "public", table: "app", filter },
-      (payload) => {
-        var _a;
-        console.log("[subscribeToAppChannel] onInsert", payload);
-        (_a = handlers.onInsert) == null ? void 0 : _a.call(handlers, mapDbAppRow(payload.new));
-      }
-    ).on(
-      "postgres_changes",
-      { event: "UPDATE", schema: "public", table: "app", filter },
-      (payload) => {
-        var _a;
-        console.log("[subscribeToAppChannel] onUpdate", payload);
-        (_a = handlers.onUpdate) == null ? void 0 : _a.call(handlers, mapDbAppRow(payload.new));
-      }
-    ).on(
-      "postgres_changes",
-      { event: "DELETE", schema: "public", table: "app", filter },
-      (payload) => {
-        var _a;
-        console.log("[subscribeToAppChannel] onDelete", payload);
-        (_a = handlers.onDelete) == null ? void 0 : _a.call(handlers, mapDbAppRow(payload.old));
-      }
-    ).subscribe();
-    return () => {
-      supabase.removeChannel(channel);
-    };
+    return subscribeManagedChannel(channelKey, (channel) => {
+      channel.on(
+        "postgres_changes",
+        { event: "INSERT", schema: "public", table: "app", filter },
+        (payload) => {
+          var _a;
+          console.log("[subscribeToAppChannel] onInsert", payload);
+          (_a = handlers.onInsert) == null ? void 0 : _a.call(handlers, mapDbAppRow(payload.new));
+        }
+      ).on(
+        "postgres_changes",
+        { event: "UPDATE", schema: "public", table: "app", filter },
+        (payload) => {
+          var _a;
+          console.log("[subscribeToAppChannel] onUpdate", payload);
+          (_a = handlers.onUpdate) == null ? void 0 : _a.call(handlers, mapDbAppRow(payload.new));
+        }
+      ).on(
+        "postgres_changes",
+        { event: "DELETE", schema: "public", table: "app", filter },
+        (payload) => {
+          var _a;
+          console.log("[subscribeToAppChannel] onDelete", payload);
+          (_a = handlers.onDelete) == null ? void 0 : _a.call(handlers, mapDbAppRow(payload.old));
+        }
+      );
+    });
   }
 };
 var appsRepository = new AppsRepositoryImpl(appsRemoteDataSource);
@@ -807,35 +894,33 @@ var MessagesRepositoryImpl = class extends BaseRepository {
     return this.unwrapOrThrow(res);
   }
   subscribeThread(threadId, handlers) {
-    const supabase = getSupabaseClient();
-    const channel = supabase.channel(`messages:thread:${threadId}`).on(
-      "postgres_changes",
-      { event: "INSERT", schema: "public", table: "message", filter: `thread_id=eq.${threadId}` },
-      (payload) => {
-        var _a;
-        const row = payload.new;
-        (_a = handlers.onInsert) == null ? void 0 : _a.call(handlers, mapDbRowToMessage(row));
-      }
-    ).on(
-      "postgres_changes",
-      { event: "UPDATE", schema: "public", table: "message", filter: `thread_id=eq.${threadId}` },
-      (payload) => {
-        var _a;
-        const row = payload.new;
-        (_a = handlers.onUpdate) == null ? void 0 : _a.call(handlers, mapDbRowToMessage(row));
-      }
-    ).on(
-      "postgres_changes",
-      { event: "DELETE", schema: "public", table: "message", filter: `thread_id=eq.${threadId}` },
-      (payload) => {
-        var _a;
-        const row = payload.old;
-        (_a = handlers.onDelete) == null ? void 0 : _a.call(handlers, mapDbRowToMessage(row));
-      }
-    ).subscribe();
-    return () => {
-      supabase.removeChannel(channel);
-    };
+    return subscribeManagedChannel(`messages:thread:${threadId}`, (channel) => {
+      channel.on(
+        "postgres_changes",
+        { event: "INSERT", schema: "public", table: "message", filter: `thread_id=eq.${threadId}` },
+        (payload) => {
+          var _a;
+          const row = payload.new;
+          (_a = handlers.onInsert) == null ? void 0 : _a.call(handlers, mapDbRowToMessage(row));
+        }
+      ).on(
+        "postgres_changes",
+        { event: "UPDATE", schema: "public", table: "message", filter: `thread_id=eq.${threadId}` },
+        (payload) => {
+          var _a;
+          const row = payload.new;
+          (_a = handlers.onUpdate) == null ? void 0 : _a.call(handlers, mapDbRowToMessage(row));
+        }
+      ).on(
+        "postgres_changes",
+        { event: "DELETE", schema: "public", table: "message", filter: `thread_id=eq.${threadId}` },
+        (payload) => {
+          var _a;
+          const row = payload.old;
+          (_a = handlers.onDelete) == null ? void 0 : _a.call(handlers, mapDbRowToMessage(row));
+        }
+      );
+    });
   }
 };
 var messagesRepository = new MessagesRepositoryImpl(messagesRemoteDataSource);
@@ -2399,18 +2484,15 @@ function Bubble({
     [height, rotation, scale, size, translateX, translateY]
   );
   const animateOut = (0, import_react.useCallback)(() => {
+    var _a;
     if (isAnimatingOut.current) return;
     isAnimatingOut.current = true;
     try {
       void Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Medium);
     } catch {
     }
-    animateToHidden({
-      onFinish: () => {
-        var _a;
-        (_a = onPressRef.current) == null ? void 0 : _a.call(onPressRef);
-      }
-    });
+    (_a = onPressRef.current) == null ? void 0 : _a.call(onPressRef);
+    animateToHidden();
   }, [animateToHidden]);
   (0, import_react.useEffect)(() => {
     if (isLoading) {
@@ -7323,42 +7405,40 @@ var EditQueueRepositoryImpl = class extends BaseRepository {
     return this.unwrapOrThrow(res);
   }
   subscribeEditQueue(appId, handlers) {
-    const supabase = getSupabaseClient();
-    const channel = supabase.channel(`edit-queue:app:${appId}`).on(
-      "postgres_changes",
-      { event: "INSERT", schema: "public", table: "app_job_queue", filter: `app_id=eq.${appId}` },
-      (payload) => {
-        var _a;
-        const row = payload.new;
-        if (row.kind !== "edit") return;
-        const item = mapQueueItem(row);
-        if (!ACTIVE_STATUSES.includes(item.status)) return;
-        (_a = handlers.onInsert) == null ? void 0 : _a.call(handlers, item);
-      }
-    ).on(
-      "postgres_changes",
-      { event: "UPDATE", schema: "public", table: "app_job_queue", filter: `app_id=eq.${appId}` },
-      (payload) => {
-        var _a, _b;
-        const row = payload.new;
-        if (row.kind !== "edit") return;
-        const item = mapQueueItem(row);
-        if (ACTIVE_STATUSES.includes(item.status)) (_a = handlers.onUpdate) == null ? void 0 : _a.call(handlers, item);
-        else (_b = handlers.onDelete) == null ? void 0 : _b.call(handlers, item);
-      }
-    ).on(
-      "postgres_changes",
-      { event: "DELETE", schema: "public", table: "app_job_queue", filter: `app_id=eq.${appId}` },
-      (payload) => {
-        var _a;
-        const row = payload.old;
-        if (row.kind !== "edit") return;
-        (_a = handlers.onDelete) == null ? void 0 : _a.call(handlers, mapQueueItem(row));
-      }
-    ).subscribe();
-    return () => {
-      supabase.removeChannel(channel);
-    };
+    return subscribeManagedChannel(`edit-queue:app:${appId}`, (channel) => {
+      channel.on(
+        "postgres_changes",
+        { event: "INSERT", schema: "public", table: "app_job_queue", filter: `app_id=eq.${appId}` },
+        (payload) => {
+          var _a;
+          const row = payload.new;
+          if (row.kind !== "edit") return;
+          const item = mapQueueItem(row);
+          if (!ACTIVE_STATUSES.includes(item.status)) return;
+          (_a = handlers.onInsert) == null ? void 0 : _a.call(handlers, item);
+        }
+      ).on(
+        "postgres_changes",
+        { event: "UPDATE", schema: "public", table: "app_job_queue", filter: `app_id=eq.${appId}` },
+        (payload) => {
+          var _a, _b;
+          const row = payload.new;
+          if (row.kind !== "edit") return;
+          const item = mapQueueItem(row);
+          if (ACTIVE_STATUSES.includes(item.status)) (_a = handlers.onUpdate) == null ? void 0 : _a.call(handlers, item);
+          else (_b = handlers.onDelete) == null ? void 0 : _b.call(handlers, item);
+        }
+      ).on(
+        "postgres_changes",
+        { event: "DELETE", schema: "public", table: "app_job_queue", filter: `app_id=eq.${appId}` },
+        (payload) => {
+          var _a;
+          const row = payload.old;
+          if (row.kind !== "edit") return;
+          (_a = handlers.onDelete) == null ? void 0 : _a.call(handlers, mapQueueItem(row));
+        }
+      );
+    });
   }
 };
 var editQueueRepository = new EditQueueRepositoryImpl(