@yoltra/devtools-ui 0.2.0

package/dist/devtools-ui.esm.js

@@ -0,0 +1,847 @@
+import Re, { createContext as ve, useState as w, useRef as k, useCallback as b, useEffect as M, useContext as be, useMemo as Oe } from "react";
+import { DevtoolsRole as v, PROTOCOL_VERSION as K } from "@yoltra/devtools-protocol";
+const H = () => {
+}, de = ve({
+  status: "disconnected",
+  send: H,
+  subscribe: () => H,
+  disconnect: H,
+  reconnect: H
+});
+var X = { exports: {} }, L = {};
+var ie;
+function _e() {
+  if (ie) return L;
+  ie = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), s = /* @__PURE__ */ Symbol.for("react.fragment");
+  function n(o, r, c) {
+    var a = null;
+    if (c !== void 0 && (a = "" + c), r.key !== void 0 && (a = "" + r.key), "key" in r) {
+      c = {};
+      for (var i in r)
+        i !== "key" && (c[i] = r[i]);
+    } else c = r;
+    return r = c.ref, {
+      $$typeof: e,
+      type: o,
+      key: a,
+      ref: r !== void 0 ? r : null,
+      props: c
+    };
+  }
+  return L.Fragment = s, L.jsx = n, L.jsxs = n, L;
+}
+var U = {};
+var ae;
+function ye() {
+  return ae || (ae = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(t) {
+      if (t == null) return null;
+      if (typeof t == "function")
+        return t.$$typeof === Te ? null : t.displayName || t.name || null;
+      if (typeof t == "string") return t;
+      switch (t) {
+        case p:
+          return "Fragment";
+        case N:
+          return "Profiler";
+        case h:
+          return "StrictMode";
+        case A:
+          return "Suspense";
+        case P:
+          return "SuspenseList";
+        case Se:
+          return "Activity";
+      }
+      if (typeof t == "object")
+        switch (typeof t.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), t.$$typeof) {
+          case I:
+            return "Portal";
+          case d:
+            return (t.displayName || "Context") + ".Provider";
+          case g:
+            return (t._context.displayName || "Context") + ".Consumer";
+          case R:
+            var u = t.render;
+            return t = t.displayName, t || (t = u.displayName || u.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case x:
+            return u = t.displayName || null, u !== null ? u : e(t.type) || "Memo";
+          case V:
+            u = t._payload, t = t._init;
+            try {
+              return e(t(u));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function s(t) {
+      return "" + t;
+    }
+    function n(t) {
+      try {
+        s(t);
+        var u = !1;
+      } catch {
+        u = !0;
+      }
+      if (u) {
+        u = console;
+        var T = u.error, _ = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return T.call(
+          u,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          _
+        ), s(t);
+      }
+    }
+    function o(t) {
+      if (t === p) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === V)
+        return "<...>";
+      try {
+        var u = e(t);
+        return u ? "<" + u + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function r() {
+      var t = J.A;
+      return t === null ? null : t.getOwner();
+    }
+    function c() {
+      return Error("react-stack-top-frame");
+    }
+    function a(t) {
+      if (te.call(t, "key")) {
+        var u = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (u && u.isReactWarning) return !1;
+      }
+      return t.key !== void 0;
+    }
+    function i(t, u) {
+      function T() {
+        re || (re = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          u
+        ));
+      }
+      T.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: T,
+        configurable: !0
+      });
+    }
+    function f() {
+      var t = e(this.type);
+      return ne[t] || (ne[t] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), t = this.props.ref, t !== void 0 ? t : null;
+    }
+    function l(t, u, T, _, D, C, W, G) {
+      return T = C.ref, t = {
+        $$typeof: O,
+        type: t,
+        key: u,
+        props: C,
+        _owner: D
+      }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(t, "ref", {
+        enumerable: !1,
+        get: f
+      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(t, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(t, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: W
+      }), Object.defineProperty(t, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: G
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
+    }
+    function E(t, u, T, _, D, C, W, G) {
+      var y = u.children;
+      if (y !== void 0)
+        if (_)
+          if (he(y)) {
+            for (_ = 0; _ < y.length; _++)
+              m(y[_]);
+            Object.freeze && Object.freeze(y);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else m(y);
+      if (te.call(u, "key")) {
+        y = e(t);
+        var Y = Object.keys(u).filter(function(me) {
+          return me !== "key";
+        });
+        _ = 0 < Y.length ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}", ce[y + _] || (Y = 0 < Y.length ? "{" + Y.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          _,
+          y,
+          Y,
+          y
+        ), ce[y + _] = !0);
+      }
+      if (y = null, T !== void 0 && (n(T), y = "" + T), a(u) && (n(u.key), y = "" + u.key), "key" in u) {
+        T = {};
+        for (var B in u)
+          B !== "key" && (T[B] = u[B]);
+      } else T = u;
+      return y && i(
+        T,
+        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      ), l(
+        t,
+        y,
+        C,
+        D,
+        r(),
+        T,
+        W,
+        G
+      );
+    }
+    function m(t) {
+      typeof t == "object" && t !== null && t.$$typeof === O && t._store && (t._store.validated = 1);
+    }
+    var S = Re, O = /* @__PURE__ */ Symbol.for("react.transitional.element"), I = /* @__PURE__ */ Symbol.for("react.portal"), p = /* @__PURE__ */ Symbol.for("react.fragment"), h = /* @__PURE__ */ Symbol.for("react.strict_mode"), N = /* @__PURE__ */ Symbol.for("react.profiler"), g = /* @__PURE__ */ Symbol.for("react.consumer"), d = /* @__PURE__ */ Symbol.for("react.context"), R = /* @__PURE__ */ Symbol.for("react.forward_ref"), A = /* @__PURE__ */ Symbol.for("react.suspense"), P = /* @__PURE__ */ Symbol.for("react.suspense_list"), x = /* @__PURE__ */ Symbol.for("react.memo"), V = /* @__PURE__ */ Symbol.for("react.lazy"), Se = /* @__PURE__ */ Symbol.for("react.activity"), Te = /* @__PURE__ */ Symbol.for("react.client.reference"), J = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, te = Object.prototype.hasOwnProperty, he = Array.isArray, q = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    S = {
+      react_stack_bottom_frame: function(t) {
+        return t();
+      }
+    };
+    var re, ne = {}, se = S.react_stack_bottom_frame.bind(
+      S,
+      c
+    )(), oe = q(o(c)), ce = {};
+    U.Fragment = p, U.jsx = function(t, u, T, _, D) {
+      var C = 1e4 > J.recentlyCreatedOwnerStacks++;
+      return E(
+        t,
+        u,
+        T,
+        !1,
+        _,
+        D,
+        C ? Error("react-stack-top-frame") : se,
+        C ? q(o(t)) : oe
+      );
+    }, U.jsxs = function(t, u, T, _, D) {
+      var C = 1e4 > J.recentlyCreatedOwnerStacks++;
+      return E(
+        t,
+        u,
+        T,
+        !0,
+        _,
+        D,
+        C ? Error("react-stack-top-frame") : se,
+        C ? q(o(t)) : oe
+      );
+    };
+  })()), U;
+}
+var ue;
+function Ne() {
+  return ue || (ue = 1, process.env.NODE_ENV === "production" ? X.exports = _e() : X.exports = ye()), X.exports;
+}
+var Ae = Ne();
+const Ie = {
+  timeTravel: !0,
+  eventReplay: !0,
+  stateExplorer: !0,
+  eventEmit: !0,
+  performanceMetrics: !0
+}, ke = 750, we = 3e4;
+function Ye({
+  config: e,
+  children: s
+}) {
+  const [n, o] = w("disconnected"), r = k(null), c = k(/* @__PURE__ */ new Set()), a = k(0), i = k(null), f = k(crypto.randomUUID()), l = k(e);
+  l.current = e;
+  const E = b(() => {
+    const h = l.current, g = `ws://${h.host ?? "localhost"}:${h.port}`, d = h.WebSocket ?? (typeof globalThis.WebSocket < "u" ? globalThis.WebSocket : void 0);
+    if (!d) {
+      console.error(
+        "[Yoltra DevTools] No WebSocket implementation available. In Node.js, pass { WebSocket } from 'ws' via config.WebSocket."
+      );
+      return;
+    }
+    o("connecting");
+    try {
+      const R = new d(g);
+      r.current = R, R.onopen = () => {
+        a.current = 0;
+        const A = JSON.stringify({
+          type: "HANDSHAKE_REQUEST",
+          protocolVersion: K,
+          role: v.EXTENSION,
+          extension: {
+            id: f.current,
+            name: h.extensionName ?? "DevTools UI",
+            capabilities: Ie
+          }
+        });
+        R.send(A);
+      }, R.onmessage = (A) => {
+        try {
+          const P = typeof A.data == "string" ? A.data : String(A.data), x = JSON.parse(P);
+          if (x.type === "HANDSHAKE_RESPONSE") {
+            x.success ? o("connected") : R.close();
+            return;
+          }
+          c.current.forEach((V) => V(x));
+        } catch {
+        }
+      }, R.onclose = () => {
+        r.current = null, o("disconnected");
+        const A = h.autoReconnect ?? !0, P = h.maxReconnectAttempts ?? 1 / 0;
+        if (A && a.current < P) {
+          const x = a.current++, V = Math.min(
+            ke * Math.pow(2, x) + Math.random() * 500,
+            we
+          );
+          i.current = setTimeout(E, V);
+        }
+      }, R.onerror = () => {
+      };
+    } catch {
+      o("disconnected");
+    }
+  }, []), m = b(() => {
+    i.current && (clearTimeout(i.current), i.current = null), a.current = 1 / 0, r.current?.close(), r.current = null, o("disconnected");
+  }, []), S = b(() => {
+    a.current = 0, r.current?.close(), r.current = null, E();
+  }, [E]), O = b((h) => {
+    const N = r.current;
+    N && N.readyState === 1 && N.send(JSON.stringify(h));
+  }, []), I = b((h) => (c.current.add(h), () => {
+    c.current.delete(h);
+  }), []);
+  M(() => (E(), () => {
+    i.current && clearTimeout(i.current), a.current = 1 / 0, r.current?.close();
+  }), [E]);
+  const p = {
+    status: n,
+    send: O,
+    subscribe: I,
+    disconnect: m,
+    reconnect: S
+  };
+  return /* @__PURE__ */ Ae.jsx(de.Provider, { value: p, children: s });
+}
+function j() {
+  return be(de);
+}
+function Le(e) {
+  const { send: s } = j();
+  return { emit: b(
+    (o, r, c) => {
+      e && s({
+        type: "EMIT_TO_STORE",
+        storeId: e,
+        event: { channel: o, type: r, payload: c },
+        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+        sourceId: "",
+        sourceRole: v.EXTENSION
+      });
+    },
+    [e, s]
+  ) };
+}
+const xe = 2e3;
+function Ue(e, s) {
+  const { subscribe: n } = j(), o = s?.maxEntries ?? xe, r = k(/* @__PURE__ */ new Map()), c = k(o);
+  c.current = o;
+  const [, a] = w(0);
+  M(() => n((E) => {
+    if (E.type !== "STORE_EVENT") return;
+    const m = E.storeId, S = {
+      event: E.event,
+      storeId: m,
+      patches: E.patches,
+      snapshotVersion: E.snapshotVersion,
+      committed: E.committed,
+      timestamp: E.timestamp
+    }, I = [...r.current.get(m) ?? [], S];
+    r.current.set(
+      m,
+      I.length > c.current ? I.slice(I.length - c.current) : I
+    ), a((p) => p + 1);
+  }), [n]);
+  const i = b(() => {
+    e && (r.current.delete(e), a((l) => l + 1));
+  }, [e]);
+  return { entries: e ? r.current.get(e) ?? [] : [], clear: i };
+}
+function Fe(e) {
+  const { send: s } = j();
+  return { replay: b(
+    (o, r) => {
+      e && s({
+        type: "EVENT_REPLAY",
+        storeId: e,
+        snapshot: o,
+        events: r.map((c) => ({
+          id: c.event.id,
+          channel: c.event.channel,
+          type: c.event.type,
+          payload: c.event.payload
+        })),
+        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+        sourceId: "",
+        sourceRole: v.EXTENSION
+      });
+    },
+    [e, s]
+  ) };
+}
+function He(e, s) {
+  const { send: n, subscribe: o } = j(), [r, c] = w(null), [a, i] = w(!1), f = s?.refreshIntervalMs ?? 2e3, l = k(null), E = b(() => {
+    e && (i(!0), n({
+      type: "REQUEST_METRICS",
+      storeId: e,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      sourceId: "",
+      sourceRole: v.EXTENSION
+    }));
+  }, [e, n]);
+  return M(() => {
+    if (!e) {
+      c(null);
+      return;
+    }
+    E();
+    const m = o((S) => {
+      S.type === "STORE_METRICS" && S.storeId === e && (c(S.metrics), i(!1));
+    });
+    return f > 0 && (l.current = setInterval(E, f)), () => {
+      m(), l.current && (clearInterval(l.current), l.current = null);
+    };
+  }, [e, o, E, f]), { metrics: r, loading: a, refresh: E };
+}
+function Xe() {
+  const { subscribe: e } = j(), [s, n] = w([]);
+  return M(() => e((r) => {
+    switch (r.type) {
+      case "STORE_REGISTRY":
+        n(r.stores);
+        break;
+      case "STORE_CONNECTED":
+        n((c) => c.some((i) => i.id === r.store.id) ? c.map(
+          (i) => i.id === r.store.id ? { ...i, status: "connected" } : i
+        ) : [
+          ...c,
+          {
+            id: r.store.id,
+            name: r.store.name,
+            status: "connected",
+            capabilities: r.store.capabilities,
+            connectedAt: r.timestamp
+          }
+        ]);
+        break;
+      case "STORE_DISCONNECTED":
+        n(
+          (c) => c.map(
+            (a) => a.id === r.storeId ? { ...a, status: "disconnected" } : a
+          )
+        );
+        break;
+    }
+  }), [e]), s;
+}
+function Z(e, s) {
+  let n = structuredClone(e);
+  for (const o of s) {
+    const r = Ce(o.path);
+    switch (o.op) {
+      case "add":
+        n = ee(n, r, o.value, !0);
+        break;
+      case "replace":
+        n = ee(n, r, o.value, !1);
+        break;
+      case "remove":
+        n = pe(n, r);
+        break;
+    }
+  }
+  return n;
+}
+function Ce(e) {
+  return e === "" || e === "/" ? [] : e.slice(1).split("/").map((s) => s.replace(/~1/g, "/").replace(/~0/g, "~"));
+}
+const Ee = /* @__PURE__ */ new Set(["__proto__", "constructor", "prototype"]);
+function ee(e, s, n, o) {
+  if (s.length === 0) return n;
+  const r = Array.isArray(e) ? [...e] : { ...e }, [c, ...a] = s;
+  if (Ee.has(c)) return r;
+  if (a.length === 0)
+    if (o && Array.isArray(r)) {
+      const i = c === "-" ? r.length : Number(c);
+      Number.isInteger(i) && i >= 0 && i <= r.length ? r.splice(i, 0, n) : r[c] = n;
+    } else
+      r[c] = n;
+  else
+    r[c] = ee(r[c] ?? {}, a, n, o);
+  return r;
+}
+function pe(e, s) {
+  if (s.length === 0) return;
+  const n = Array.isArray(e) ? [...e] : { ...e }, [o, ...r] = s;
+  return Ee.has(o) || (r.length === 0 ? Array.isArray(n) ? n.splice(Number(o), 1) : delete n[o] : n[o] = pe(n[o], r)), n;
+}
+function ge(e) {
+  const s = e.scheduler ?? {
+    setInterval: (r, c) => setInterval(r, c),
+    clearInterval: (r) => clearInterval(r)
+  };
+  let n = s.setInterval(() => {
+    if (e.isSettled()) {
+      o();
+      return;
+    }
+    e.request();
+  }, e.intervalMs);
+  function o() {
+    n !== null && (s.clearInterval(n), n = null);
+  }
+  return o;
+}
+const Pe = 1500;
+function $e(e) {
+  const { send: s, subscribe: n } = j(), [o, r] = w(null), [c, a] = w(0), [i, f] = w(!1), l = k(0), E = k([]), m = k(null), S = b(() => {
+    m.current?.(), m.current = null;
+  }, []), O = b(() => {
+    e && (f(!0), s({
+      type: "REQUEST_STATE",
+      storeId: e,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      sourceId: "",
+      sourceRole: v.EXTENSION
+    }));
+  }, [e, s]);
+  return M(() => {
+    if (!e) {
+      r(null), a(0), l.current = 0;
+      return;
+    }
+    O(), m.current = ge({
+      request: O,
+      isSettled: () => l.current !== 0,
+      intervalMs: Pe
+    });
+    const I = n((p) => {
+      if (p.type === "STATE_SNAPSHOT" && p.storeId === e) {
+        S(), r(p.state), a(p.version), l.current = p.version, f(!1);
+        const h = E.current.filter((N) => N.version > p.version).sort((N, g) => N.version - g.version);
+        if (E.current = [], h.length > 0) {
+          r((g) => {
+            let d = g;
+            for (const R of h)
+              d = Z(d, R.patches);
+            return d;
+          });
+          const N = h[h.length - 1].version;
+          a(N), l.current = N;
+        }
+        return;
+      }
+      if (p.type === "STORE_EVENT" && p.storeId === e && p.committed) {
+        if (l.current === 0) {
+          E.current.push({
+            patches: p.patches,
+            version: p.snapshotVersion
+          });
+          return;
+        }
+        if (p.snapshotVersion <= l.current)
+          return;
+        r((h) => Z(h, p.patches)), a(p.snapshotVersion), l.current = p.snapshotVersion;
+      }
+    });
+    return () => {
+      I(), S(), E.current = [];
+    };
+  }, [e, n, O, S]), { state: o, version: c, loading: i, refresh: O };
+}
+function Je(e) {
+  const { send: s, subscribe: n } = j(), [o, r] = w(null), [c, a] = w(!1), i = b(() => {
+    e && (a(!0), s({
+      type: "REQUEST_SUBSCRIPTIONS",
+      storeId: e,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      sourceId: "",
+      sourceRole: v.EXTENSION
+    }));
+  }, [e, s]);
+  return M(() => {
+    if (!e) {
+      r(null);
+      return;
+    }
+    return i(), n((l) => {
+      l.type === "STORE_SUBSCRIPTIONS" && l.storeId === e && (r({
+        atomic: l.atomic,
+        event: l.event,
+        coarse: l.coarse,
+        effects: l.effects,
+        middleware: l.middleware,
+        reducers: l.reducers
+      }), a(!1));
+    });
+  }, [e, n, i]), { data: o, loading: c, refresh: i };
+}
+function le(e, s) {
+  const { isTimeTraveling: n, currentIndex: o, entryCount: r } = s, c = r - 1;
+  if (e === "back") {
+    const f = (n ? o : c) - 1;
+    return f >= 0 ? { kind: "jump", index: f } : { kind: "none" };
+  }
+  if (!n) return { kind: "none" };
+  const a = o + 1;
+  return a > c ? { kind: "resume" } : { kind: "jump", index: a };
+}
+function qe(e, s, n = !0) {
+  const { send: o, subscribe: r } = j(), [c, a] = w(-1), [i, f] = w(!1), [l, E] = w(null), m = k(null);
+  M(() => {
+    if (m.current = null, E(null), !!e)
+      return r((d) => {
+        d.type === "STATE_SNAPSHOT" && d.storeId === e && m.current === null && (m.current = { state: d.state, version: d.version });
+      });
+  }, [e, r]);
+  const S = b(
+    (d) => {
+      const R = m.current;
+      if (!R) return null;
+      let A = R.state;
+      for (let P = 0; P <= d; P++) {
+        const x = s[P];
+        if (!x) break;
+        x.snapshotVersion <= R.version || (A = Z(A, x.patches));
+      }
+      return A;
+    },
+    [s]
+  ), O = b(
+    (d) => {
+      if (!e || !n || d < 0 || d >= s.length) return;
+      E((A) => A ?? s.length), a(d), f(!0);
+      const R = s[d];
+      o({
+        type: "TIME_TRAVEL",
+        storeId: e,
+        state: S(d),
+        snapshotVersion: R.snapshotVersion,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+        sourceId: "",
+        sourceRole: v.EXTENSION
+      });
+    },
+    [e, s, o, S, n]
+  ), I = b(() => {
+    if (f(!1), a(-1), E(null), n && e && s.length > 0) {
+      const d = s.length - 1, R = s[d];
+      o({
+        type: "TIME_TRAVEL",
+        storeId: e,
+        state: S(d),
+        snapshotVersion: R.snapshotVersion,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+        sourceId: "",
+        sourceRole: v.EXTENSION
+      });
+    }
+  }, [e, s, o, S, n]), p = l ?? s.length, h = b(() => {
+    const d = le("back", {
+      isTimeTraveling: i,
+      currentIndex: c,
+      entryCount: p
+    });
+    d.kind === "jump" && O(d.index);
+  }, [i, c, p, O]), N = b(() => {
+    const d = le("forward", {
+      isTimeTraveling: i,
+      currentIndex: c,
+      entryCount: p
+    });
+    d.kind === "jump" ? O(d.index) : d.kind === "resume" && I();
+  }, [i, c, p, O, I]), g = Oe(
+    () => S(i ? c : s.length - 1),
+    [S, i, c, s.length]
+  );
+  return {
+    currentIndex: c,
+    isTimeTraveling: i,
+    previewState: g,
+    frameCount: l,
+    jumpTo: O,
+    stepBack: h,
+    stepForward: N,
+    resume: I
+  };
+}
+const z = 0, Q = 1, De = 2, F = 3;
+function $() {
+  return {
+    timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+    sourceId: "loopback-hub",
+    sourceRole: v.HUB
+  };
+}
+function fe(e) {
+  return e.split(".")[0] ?? "0";
+}
+class je {
+  constructor() {
+    this.peers = /* @__PURE__ */ new Set();
+  }
+  add(s) {
+    const n = { role: null, id: null, deliver: s, closed: !1 };
+    return this.peers.add(n), n;
+  }
+  remove(s) {
+    if (this.peers.delete(s) && (s.closed = !0, s.role === v.STORE && s.id)) {
+      const n = JSON.stringify({
+        type: "STORE_DISCONNECTED",
+        storeId: s.id,
+        reason: "disconnected",
+        ...$()
+      });
+      this.eachExtension((o) => o.deliver(n));
+    }
+  }
+  receive(s, n) {
+    if (s.closed) return;
+    let o;
+    try {
+      o = JSON.parse(n);
+    } catch {
+      return;
+    }
+    if (!(o === null || typeof o != "object" || typeof o.type != "string")) {
+      if (s.role === null) {
+        this.handshake(s, o);
+        return;
+      }
+      if (s.role === v.STORE)
+        this.eachExtension((r) => r.deliver(n));
+      else if (typeof o.storeId == "string")
+        for (const r of this.peers)
+          r.role === v.STORE && r.id === o.storeId && r.deliver(n);
+    }
+  }
+  handshake(s, n) {
+    if (n.type !== "HANDSHAKE_REQUEST") return;
+    const o = n.role, r = o === v.STORE ? n.store?.id : o === v.EXTENSION ? n.extension?.id : void 0, a = fe(String(n.protocolVersion ?? "")) === fe(K) && typeof r == "string";
+    if (s.deliver(
+      JSON.stringify({
+        type: "HANDSHAKE_RESPONSE",
+        success: a,
+        protocolVersion: K,
+        ...$(),
+        ...a ? {} : { error: "Loopback handshake rejected (version or id mismatch)" }
+      })
+    ), !!a)
+      if (s.role = o, s.id = r, o === v.STORE) {
+        s.storeInfo = { name: n.store?.name ?? r, capabilities: n.store?.capabilities };
+        const i = JSON.stringify({
+          type: "STORE_CONNECTED",
+          store: { id: r, name: s.storeInfo.name, capabilities: s.storeInfo.capabilities },
+          ...$()
+        });
+        this.eachExtension((f) => f.deliver(i));
+      } else {
+        const i = [...this.peers].filter((f) => f.role === v.STORE && f.storeInfo).map((f) => ({
+          id: f.id,
+          name: f.storeInfo.name,
+          status: "connected",
+          capabilities: f.storeInfo.capabilities,
+          connectedAt: (/* @__PURE__ */ new Date()).toISOString()
+        }));
+        s.deliver(JSON.stringify({ type: "STORE_REGISTRY", stores: i, ...$() }));
+      }
+  }
+  eachExtension(s) {
+    for (const n of this.peers) n.role === v.EXTENSION && s(n);
+  }
+}
+function We() {
+  const e = new je(), s = (r, c) => {
+    let a = z;
+    const i = e.add((f) => c.onMessage(f));
+    return queueMicrotask(() => {
+      a = Q, c.onOpen();
+    }), {
+      get readyState() {
+        return a;
+      },
+      send: (f) => e.receive(i, f),
+      close: () => {
+        a !== F && (a = F, e.remove(i), c.onClose());
+      },
+      dispose: () => {
+        i.closed = !0;
+      }
+    };
+  }, o = class o {
+    constructor(c) {
+      this.onopen = null, this.onmessage = null, this.onclose = null, this.onerror = null, this.readyState = z, this.peer = e.add((a) => this.onmessage?.({ data: a })), queueMicrotask(() => {
+        this.readyState = Q, this.onopen?.();
+      });
+    }
+    send(c) {
+      e.receive(this.peer, c);
+    }
+    close() {
+      this.readyState !== F && (this.readyState = F, e.remove(this.peer), this.onclose?.());
+    }
+  };
+  o.CONNECTING = z, o.OPEN = Q, o.CLOSING = De, o.CLOSED = F;
+  let n = o;
+  return {
+    agentSocketFactory: s,
+    WebSocket: n
+  };
+}
+export {
+  de as HubContext,
+  Ye as HubProvider,
+  Z as applyPatches,
+  We as createLoopbackHub,
+  Le as useEventEmitter,
+  Ue as useEventLog,
+  Fe as useEventReplay,
+  j as useHubConnection,
+  He as useStoreMetrics,
+  Xe as useStoreRegistry,
+  $e as useStoreState,
+  Je as useStoreSubscriptions,
+  qe as useTimeTravel
+};
+//# sourceMappingURL=devtools-ui.esm.js.map