@chromahq/react 1.0.25 → 1.0.26

package/dist/index.js

@@ -762,4 +762,94 @@ const useConnectionStatus = (store) => {
   };
 };
 
-export { BridgeProvider, useBridge, useBridgeMutation, useBridgeQuery, useConnectionStatus };
+const globalSubscribers = /* @__PURE__ */ new Set();
+function subscribeToHealth(callback) {
+  globalSubscribers.add(callback);
+  return () => {
+    globalSubscribers.delete(callback);
+  };
+}
+let currentHealthStatus = "unknown";
+let currentIsHealthy = false;
+function getHealthStatus() {
+  return { status: currentHealthStatus, isHealthy: currentIsHealthy };
+}
+function broadcastHealthChange(status, isHealthy) {
+  currentHealthStatus = status;
+  currentIsHealthy = isHealthy;
+  globalSubscribers.forEach((callback) => {
+    try {
+      callback(status, isHealthy);
+    } catch (e) {
+      console.error("[ServiceWorkerHealth] Subscriber error:", e);
+    }
+  });
+}
+const ServiceWorkerHealthContext = createContext(null);
+const ServiceWorkerHealthProvider = ({
+  children,
+  onHealthChange
+}) => {
+  const bridgeContext = useContext(BridgeContext);
+  const [lastHealthyAt, setLastHealthyAt] = useState(null);
+  const bridgeStatus = bridgeContext?.status;
+  const isServiceWorkerAlive = bridgeContext?.isServiceWorkerAlive ?? false;
+  const derivedStatus = useMemo(() => {
+    if (!bridgeStatus) return "unknown";
+    if (bridgeStatus === "connected" && isServiceWorkerAlive) {
+      return "healthy";
+    }
+    if (bridgeStatus === "reconnecting" || bridgeStatus === "connecting") {
+      return "recovering";
+    }
+    return "unhealthy";
+  }, [bridgeStatus, isServiceWorkerAlive]);
+  const isHealthy = derivedStatus === "healthy";
+  const isRecovering = derivedStatus === "recovering";
+  const isLoading = derivedStatus === "recovering" || derivedStatus === "unknown";
+  useEffect(() => {
+    if (isHealthy) {
+      setLastHealthyAt(Date.now());
+    }
+  }, [isHealthy]);
+  useEffect(() => {
+    broadcastHealthChange(derivedStatus, isHealthy);
+    onHealthChange?.(derivedStatus, isHealthy);
+  }, [derivedStatus, isHealthy, onHealthChange]);
+  const forceReconnect = useCallback(() => {
+    bridgeContext?.reconnect();
+  }, [bridgeContext]);
+  const value = useMemo(
+    () => ({
+      status: derivedStatus,
+      isHealthy,
+      isRecovering,
+      isLoading,
+      lastHealthyAt,
+      forceReconnect
+    }),
+    [derivedStatus, isHealthy, isRecovering, isLoading, lastHealthyAt, forceReconnect]
+  );
+  return /* @__PURE__ */ jsx(ServiceWorkerHealthContext.Provider, { value, children });
+};
+function useServiceWorkerHealth() {
+  const context = useContext(ServiceWorkerHealthContext);
+  if (!context) {
+    throw new Error(
+      "useServiceWorkerHealth must be used within a ServiceWorkerHealthProvider. Wrap your app with <ServiceWorkerHealthProvider> inside <BridgeProvider>."
+    );
+  }
+  return context;
+}
+function useServiceWorkerHealthSimple() {
+  const bridgeContext = useContext(BridgeContext);
+  const isHealthy = bridgeContext?.status === "connected" && bridgeContext?.isServiceWorkerAlive === true;
+  const isRecovering = bridgeContext?.status === "reconnecting" || bridgeContext?.status === "connecting";
+  const isLoading = !isHealthy && (isRecovering || !bridgeContext);
+  const reconnect = useCallback(() => {
+    bridgeContext?.reconnect();
+  }, [bridgeContext]);
+  return { isHealthy, isRecovering, isLoading, reconnect };
+}
+
+export { BridgeProvider, ServiceWorkerHealthProvider, getHealthStatus, subscribeToHealth, useBridge, useBridgeMutation, useBridgeQuery, useConnectionStatus, useServiceWorkerHealth, useServiceWorkerHealthSimple };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chromahq/react",
-  "version": "1.0.25",
+  "version": "1.0.26",
   "description": "React bindings for the Chroma Chrome extension framework",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",