Function createDevTools

packages/xstate-inspect/src/browser.ts:30–63

()

const serviceMap = new Map<string, AnyActor>();

export function createDevTools(): XStateDevInterface {
  const services = new Set<AnyActor>();
  const serviceListeners = new Set<ServiceListener>();

  const unregister: XStateDevInterface['unregister'] = (service) => {
    services.delete(service);
    serviceMap.delete(service.sessionId);
  };

  return {
    services,
    register: (service) => {
      services.add(service);
      serviceMap.set(service.sessionId, service);
      serviceListeners.forEach((listener) => listener(service));

      service.subscribe({
        complete: () => unregister(service),
        error: () => unregister(service)
      });
    },
    unregister,
    onRegister: (listener) => {
      serviceListeners.add(listener);
      services.forEach((service) => listener(service));

      return {
        unsubscribe: () => {
          serviceListeners.delete(listener);
        }
      };
    }
  };
}

const defaultInspectorOptions = {
  url: 'https://stately.ai/viz?inspect',