@hyper-fetch/plugin-devtools/src/devtools.plugin.ts

Socket devtool plugin for HyperFetch

import { Plugin, RequestInstance } from "@hyper-fetch/core";

import { DevtoolsEventHandler } from "./devtools.event.handler";
import { CustomEvents, EventSourceType } from "./types/events.types";
import { DevtoolsPluginOptions } from "./types/plugin.types";

export const DevtoolsPlugin = (options: DevtoolsPluginOptions) => {
  const plugin = new Plugin({
    name: "plugin-devtools",
    data: {
      eventHandler: undefined as DevtoolsEventHandler | undefined,
      requests: [] as RequestInstance[],
    },
  });

  plugin.onMount(({ client }) => {
    plugin.data.eventHandler = new DevtoolsEventHandler(client, options);
  });

  plugin.onRequestCreate(({ request }) => {
    plugin.data.requests.push(request);
    plugin.data.eventHandler?.sendEvent({
      eventSource: EventSourceType.CUSTOM_EVENT,
      eventName: CustomEvents.REQUEST_CREATED,
      data: plugin.data.requests,
      isTriggeredExternally: false,
    });
  });

  return plugin;
};