@rozenite/network-activity-plugin 1.5.1 → 1.7.0-rc.0

package/dist/useNetworkActivityDevTools.js

@@ -1,171 +0,0 @@
-import { useEffect, useRef } from "react";
-import { useRozeniteDevToolsClient } from "@rozenite/plugin-bridge";
-import { g as getOverridesRegistry, a as getResponseBody, c as createNetworkInspectorsConfiguration, D as DEFAULT_CONFIG, v as validateConfig, i as isHttpEvent, b as isWebSocketEvent, d as isSSEEvent } from "./boot-recording.js";
-const overridesRegistry = getOverridesRegistry();
-const useHttpInspector = (client, httpInspector, isEnabled, isRecordingEnabled) => {
-  useEffect(() => {
-    if (!client || !isEnabled) {
-      return;
-    }
-    const networkRequestsRegistry = httpInspector.getNetworkRequestsRegistry();
-    const subscriptions = [
-      client.onMessage("network-enable", () => {
-        httpInspector.enable();
-      }),
-      client.onMessage("network-disable", () => {
-        httpInspector.disable();
-      }),
-      client.onMessage("set-overrides", (data) => {
-        overridesRegistry.setOverrides(data.overrides);
-      }),
-      client.onMessage("get-response-body", async ({ requestId }) => {
-        const request = networkRequestsRegistry.getEntry(requestId);
-        if (!request) {
-          return;
-        }
-        const body = await getResponseBody(request);
-        client.send("response-body", {
-          requestId,
-          body
-        });
-      })
-    ];
-    if (isRecordingEnabled) {
-      httpInspector.enable();
-    }
-    return () => {
-      subscriptions.forEach((subscription) => subscription.remove());
-      httpInspector.dispose();
-    };
-  }, [client, httpInspector, isEnabled, isRecordingEnabled]);
-};
-const useWebSocketInspector = (client, websocketInspector, isEnabled, isRecordingEnabled) => {
-  useEffect(() => {
-    if (!client || !isEnabled) {
-      return;
-    }
-    const subscriptions = [
-      client.onMessage("network-enable", () => {
-        websocketInspector.enable();
-      }),
-      client.onMessage("network-disable", () => {
-        websocketInspector.disable();
-      })
-    ];
-    if (isRecordingEnabled) {
-      websocketInspector.enable();
-    }
-    return () => {
-      subscriptions.forEach((subscription) => subscription.remove());
-      websocketInspector.dispose();
-    };
-  }, [client, websocketInspector, isEnabled, isRecordingEnabled]);
-};
-const useSSEInspector = (client, sseInspector, isEnabled, isRecordingEnabled) => {
-  useEffect(() => {
-    if (!client || !isEnabled) {
-      return;
-    }
-    const subscriptions = [
-      client.onMessage("network-enable", () => {
-        sseInspector.enable();
-      }),
-      client.onMessage("network-disable", () => {
-        sseInspector.disable();
-      })
-    ];
-    if (isRecordingEnabled) {
-      sseInspector.enable();
-    }
-    return () => {
-      subscriptions.forEach((subscription) => subscription.remove());
-      sseInspector.dispose();
-    };
-  }, [client, sseInspector, isEnabled, isRecordingEnabled]);
-};
-const inspectorsConfig = createNetworkInspectorsConfiguration();
-const useNetworkActivityDevTools = (config = DEFAULT_CONFIG) => {
-  const isRecordingEnabledRef = useRef(false);
-  const client = useRozeniteDevToolsClient({
-    pluginId: "@rozenite/network-activity-plugin"
-  });
-  const isHttpInspectorEnabled = config.inspectors?.http ?? true;
-  const isWebSocketInspectorEnabled = config.inspectors?.websocket ?? true;
-  const isSSEInspectorEnabled = config.inspectors?.sse ?? true;
-  const showUrlAsName = config.clientUISettings?.showUrlAsName;
-  const { eventsListener, networkInspector } = inspectorsConfig;
-  useEffect(() => {
-    if (!client) {
-      return;
-    }
-    validateConfig(config);
-  }, [config]);
-  useEffect(() => {
-    if (!client) {
-      return;
-    }
-    const sendClientUISettings = () => {
-      client.send("client-ui-settings", {
-        settings: {
-          showUrlAsName: showUrlAsName ?? DEFAULT_CONFIG.clientUISettings?.showUrlAsName
-        }
-      });
-    };
-    const subscriptions = [
-      client.onMessage("network-enable", () => {
-        isRecordingEnabledRef.current = true;
-        eventsListener.connect(client.send, (message) => {
-          const type = message.type;
-          if (isHttpEvent(type)) {
-            return isHttpInspectorEnabled;
-          }
-          if (isWebSocketEvent(type)) {
-            return isWebSocketInspectorEnabled;
-          }
-          if (isSSEEvent(type)) {
-            return isSSEInspectorEnabled;
-          }
-          return true;
-        });
-      }),
-      client.onMessage("network-disable", () => {
-        isRecordingEnabledRef.current = false;
-      }),
-      client.onMessage("get-client-ui-settings", () => {
-        sendClientUISettings();
-      })
-    ];
-    sendClientUISettings();
-    return () => {
-      subscriptions.forEach((subscription) => subscription.remove());
-    };
-  }, [
-    client,
-    showUrlAsName,
-    isHttpInspectorEnabled,
-    isWebSocketInspectorEnabled,
-    isSSEInspectorEnabled
-  ]);
-  useHttpInspector(
-    client,
-    networkInspector.http,
-    isHttpInspectorEnabled,
-    isRecordingEnabledRef.current
-  );
-  useWebSocketInspector(
-    client,
-    networkInspector.websocket,
-    isWebSocketInspectorEnabled,
-    isRecordingEnabledRef.current
-  );
-  useSSEInspector(
-    client,
-    networkInspector.sse,
-    isSSEInspectorEnabled,
-    isRecordingEnabledRef.current
-  );
-  return client;
-};
-export {
-  useNetworkActivityDevTools
-};