@xyo-network/react-powered-by-xyo 2.77.0 → 2.77.1

package/dist/node/index.cjs

@@ -1,445 +1,2 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  ArchivistSummary: () => ArchivistSummary,
-  BridgeSummary: () => BridgeSummary,
-  DebugDialog: () => DebugDialog,
-  DivinerSummary: () => DivinerSummary,
-  ModuleAccordion: () => ModuleAccordion,
-  ModuleDetails: () => ModuleDetails,
-  ModuleSummary: () => ModuleSummary,
-  NodeDetails: () => NodeDetails,
-  PoweredByXyo: () => PoweredByXyo,
-  PoweredByXyoButton: () => PoweredByXyoButton,
-  SentinelSummary: () => SentinelSummary,
-  TypedModuleSummary: () => TypedModuleSummary,
-  WitnessSummary: () => WitnessSummary,
-  XyoBusy: () => XyoBusy
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/components/ArchivistSummary.tsx
-var import_icons_material2 = require("@mui/icons-material");
-
-// src/components/ModuleSummary.tsx
-var import_icons_material = require("@mui/icons-material");
-var import_delay = require("@xylabs/delay");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react_node = require("@xyo-network/react-node");
-var import_react_shared = require("@xyo-network/react-shared");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var ModuleSummary = ({ children, icon, mod, ...props }) => {
-  var _a;
-  const [downModules] = (0, import_react_node.useWeakModulesFromNode)(void 0, { direction: "down" });
-  const [upModules] = (0, import_react_node.useWeakModulesFromNode)(void 0, { direction: "up" });
-  const [busy, setBusy] = (0, import_react.useState)(false);
-  const downModulesFromResolve = downModules == null ? void 0 : downModules.length;
-  const upModulesFromResolve = upModules == null ? void 0 : upModules.length;
-  mod == null ? void 0 : mod.on("moduleBusy", async ({ busy: busy2 }) => {
-    setBusy(busy2);
-    await (0, import_delay.delay)(2e3);
-    setBusy(false);
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, { alignItems: "stretch", width: "100%", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { justifyContent: "flex-start", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexRow, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.TypographyEx, { color: busy ? "gray" : void 0, children: icon ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Extension, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_shared.TypographyEx, { marginX: 1, children: ((_a = mod == null ? void 0 : mod.config) == null ? void 0 : _a.name) ?? "<Unknown>" })
-    ] }),
-    children ?? (downModulesFromResolve !== void 0 && upModulesFromResolve !== void 0) ? `[${downModulesFromResolve}\u2193/${upModulesFromResolve}\u2191]` : null
-  ] }) });
-};
-
-// src/components/ArchivistSummary.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var ArchivistSummary = ({ mod, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ModuleSummary, { mod, icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material2.Inventory2Rounded, {}), ...props });
-};
-
-// src/components/BridgeSummary.tsx
-var import_icons_material3 = require("@mui/icons-material");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var BridgeSummary = ({ mod, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ModuleSummary, { mod, icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_material3.InsertLinkRounded, {}), ...props });
-};
-
-// src/components/DebugDialog.tsx
-var import_material4 = require("@mui/material");
-
-// src/components/NodeDetails.tsx
-var import_react_flexbox3 = require("@xylabs/react-flexbox");
-var import_react_node3 = require("@xyo-network/react-node");
-
-// src/components/ModuleAccordion.tsx
-var import_icons_material8 = require("@mui/icons-material");
-var import_material3 = require("@mui/material");
-
-// src/components/ModuleDetails.tsx
-var import_material2 = require("@mui/material");
-var import_react_button2 = require("@xylabs/react-button");
-var import_react_flexbox2 = require("@xylabs/react-flexbox");
-var import_react_promise = require("@xylabs/react-promise");
-var import_module_model = require("@xyo-network/module-model");
-var import_payload_model = require("@xyo-network/payload-model");
-var import_react_property = require("@xyo-network/react-property");
-
-// src/components/JsonViewerButton.tsx
-var import_material = require("@mui/material");
-var import_react_button = require("@xylabs/react-button");
-var import_react_payload_raw_info = require("@xyo-network/react-payload-raw-info");
-var import_react2 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var JsonViewerButton = ({ children, jsonViewProps, src, title, ...props }) => {
-  const [open, setOpen] = (0, import_react2.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_button.ButtonEx, { onClick: () => setOpen(!open), ...props, children: children ?? "JSON" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_material.Dialog, { open, onClose: () => setOpen(false), children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material.DialogTitle, { children: title }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_payload_raw_info.JsonViewerEx, { value: src, ...jsonViewProps }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material.DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_button.ButtonEx, { onClick: () => setOpen(false), children: "Close" }) })
-    ] })
-  ] });
-};
-
-// src/components/ModuleDetails.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var ModuleDetails = ({ mod, ...props }) => {
-  const [manifest] = (0, import_react_promise.usePromise)(async () => {
-    return await (mod == null ? void 0 : mod.manifest());
-  }, [mod]);
-  const [discover] = (0, import_react_promise.usePromise)(async () => {
-    return await (mod == null ? void 0 : mod.state());
-  }, [mod]);
-  const [describe] = (0, import_react_promise.usePromise)(async () => {
-    const state = await (mod == null ? void 0 : mod.state());
-    return state == null ? void 0 : state.find((0, import_payload_model.isPayloadOfSchemaType)(import_module_model.ModuleDescriptionSchema));
-  }, [mod]);
-  const queries = mod == null ? void 0 : mod.queries;
-  const config = mod == null ? void 0 : mod.config;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_flexbox2.FlexCol, { alignItems: "stretch", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_property.Property, { title: "Address", value: mod == null ? void 0 : mod.address }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_flexbox2.FlexRow, { gap: 1, justifyContent: "space-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material2.ButtonGroup, { children: [
-        manifest ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(JsonViewerButton, { variant: "contained", src: manifest, children: "Manifest" }) : null,
-        config ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(JsonViewerButton, { variant: "contained", src: config, children: "Config" }) : null,
-        discover ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(JsonViewerButton, { variant: "contained", src: discover, children: "Discover" }) : null,
-        describe ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(JsonViewerButton, { variant: "contained", src: describe, children: "Describe" }) : null,
-        queries ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(JsonViewerButton, { variant: "contained", src: queries, children: "Queries" }) : null
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material2.ButtonGroup, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_button2.ButtonEx, { target: "_blank", href: `https://explore.xyo.network/block?network=main&address=${mod == null ? void 0 : mod.address}`, variant: "outlined", children: "Main" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_button2.ButtonEx, { target: "_blank", href: `https://beta.explore.xyo.network/block?network=kerplunk&address=${mod == null ? void 0 : mod.address}`, variant: "outlined", children: "Kerplunk" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_button2.ButtonEx, { target: "_blank", href: `https://beta.explore.xyo.network/block?network=local&address=${mod == null ? void 0 : mod.address}`, variant: "outlined", children: "Local" })
-      ] })
-    ] })
-  ] });
-};
-
-// src/components/TypedModuleSummary.tsx
-var import_archivist_model = require("@xyo-network/archivist-model");
-var import_bridge_model = require("@xyo-network/bridge-model");
-var import_diviner_model = require("@xyo-network/diviner-model");
-var import_node_model = require("@xyo-network/node-model");
-var import_sentinel_model = require("@xyo-network/sentinel-model");
-var import_witness_model = require("@xyo-network/witness-model");
-
-// src/components/DivinerSummary.tsx
-var import_icons_material4 = require("@mui/icons-material");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var DivinerSummary = ({ mod, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ModuleSummary, { mod, icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons_material4.BubbleChartRounded, {}), ...props });
-};
-
-// src/components/NodeSummary.tsx
-var import_icons_material5 = require("@mui/icons-material");
-var import_react_promise2 = require("@xylabs/react-promise");
-var import_react_node2 = require("@xyo-network/react-node");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var NodeSummary = ({ mod, ...props }) => {
-  var _a, _b;
-  const [manifest] = (0, import_react_promise2.usePromise)(async () => {
-    return await (mod == null ? void 0 : mod.manifest());
-  }, [mod]);
-  const [downModules] = (0, import_react_node2.useWeakModulesFromNode)(void 0, { direction: "down" });
-  const [upModules] = (0, import_react_node2.useWeakModulesFromNode)(void 0, { direction: "up" });
-  const downModulesFromResolve = downModules == null ? void 0 : downModules.length;
-  const upModulesFromResolve = upModules == null ? void 0 : upModules.length;
-  const manifestPublicModules = (_b = (_a = manifest == null ? void 0 : manifest.modules) == null ? void 0 : _a.public) == null ? void 0 : _b.length;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ModuleSummary, { mod, icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_icons_material5.HubRounded, {}), ...props, children: manifestPublicModules !== void 0 && downModulesFromResolve !== void 0 && upModulesFromResolve !== void 0 ? `[${manifestPublicModules}m/${downModulesFromResolve}\u2193/${upModulesFromResolve}\u2191]` : null });
-};
-
-// src/components/SentinelSummary.tsx
-var import_icons_material6 = require("@mui/icons-material");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var SentinelSummary = ({ mod, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ModuleSummary, { mod, icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons_material6.TimerRounded, {}), ...props });
-};
-
-// src/components/WitnessSummary.tsx
-var import_icons_material7 = require("@mui/icons-material");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var WitnessSummary = ({ mod, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ModuleSummary, { mod, icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons_material7.VisibilityRounded, {}), ...props });
-};
-
-// src/components/TypedModuleSummary.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var TypedModuleSummary = ({ mod, ...props }) => {
-  if ((0, import_archivist_model.isArchivistInstance)(mod)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ArchivistSummary, { mod, ...props });
-  }
-  if ((0, import_diviner_model.isDivinerInstance)(mod)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DivinerSummary, { mod, ...props });
-  }
-  if ((0, import_node_model.isNodeInstance)(mod)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(NodeSummary, { mod, ...props });
-  }
-  if ((0, import_witness_model.isWitnessInstance)(mod)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(WitnessSummary, { mod, ...props });
-  }
-  if ((0, import_bridge_model.isBridgeInstance)(mod)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(BridgeSummary, { mod, ...props });
-  }
-  if ((0, import_sentinel_model.isSentinelInstance)(mod)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SentinelSummary, { mod, ...props });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ModuleSummary, { mod, ...props });
-};
-
-// src/components/ModuleAccordion.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var ModuleAccordion = ({ mod, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material3.Accordion, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material3.AccordionSummary, { expandIcon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons_material8.ExpandMore, {}), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TypedModuleSummary, { mod }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material3.AccordionDetails, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ModuleDetails, { mod }) })
-  ] });
-};
-
-// src/components/NodeDetails.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var NodeDetails = ({ mod, ...props }) => {
-  const [node = mod] = (0, import_react_node3.useProvidedNode)();
-  const [children] = (0, import_react_node3.useWeakModulesFromNode)(void 0, { node: node ?? void 0 });
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_flexbox3.FlexCol, { alignItems: "stretch", ...props, children: children ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_flexbox3.FlexCol, { alignItems: "stretch", marginY: 1, children: children == null ? void 0 : children.map((child) => {
-    const instance = child.deref();
-    return instance ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ModuleAccordion, { mod: instance }, instance.address) : null;
-  }) }) }) : null });
-};
-
-// src/components/DebugDialog.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var DebugDialog = ({ onClose, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_material4.Dialog, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material4.DialogTitle, { children: "Xyo Module Viewer" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material4.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(NodeDetails, { width: "100%" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material4.DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_material4.Button, { onClick: (event) => onClose == null ? void 0 : onClose(event, "backdropClick"), children: "Close" }) })
-  ] });
-};
-
-// src/components/PoweredByXyo.tsx
-var import_material6 = require("@mui/material");
-var import_delay2 = require("@xylabs/delay");
-var import_forget = require("@xylabs/forget");
-var import_react_async_effect = require("@xylabs/react-async-effect");
-var import_react_flexbox6 = require("@xylabs/react-flexbox");
-var import_react_node4 = require("@xyo-network/react-node");
-var import_react5 = require("react");
-
-// src/components/PoweredByXyoButton.tsx
-var import_material5 = require("@mui/material");
-var import_react_button3 = require("@xylabs/react-button");
-var import_react_flexbox5 = require("@xylabs/react-flexbox");
-var import_react4 = require("react");
-
-// src/img/index.ts
-var import_xyo_color_logo = __toESM(require("./xyo-color-logo-LHR2SMEM.svg"), 1);
-var import_xyo_color_logo_text_only = __toESM(require("./xyo-color-logo-text-only-QPAW5BSQ.svg"), 1);
-
-// src/components/XyoBusy.tsx
-var import_react_flexbox4 = require("@xylabs/react-flexbox");
-var import_react3 = require("react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var XyoBusy = ({ widthInPixels, busy, spinsPerSecond = 0.5, ...props }) => {
-  const [imageLoaded, setImageLoaded] = (0, import_react3.useState)(false);
-  if (!imageLoaded) {
-    const img = new Image();
-    img.addEventListener("load", () => setImageLoaded(true));
-    img.src = import_xyo_color_logo.default;
-  }
-  return imageLoaded ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    import_react_flexbox4.FlexCol,
-    {
-      sx: {
-        "@keyframes spin": {
-          "0%": {
-            transform: "rotate(360deg)"
-          },
-          "100%": {
-            transform: "rotate(0deg)"
-          }
-        },
-        animation: busy ? `spin ${1 / spinsPerSecond}s linear infinite` : void 0,
-        animationDirection: "reverse"
-      },
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("img", { src: import_xyo_color_logo.default, height: widthInPixels ?? 22 })
-    }
-  ) : null;
-};
-
-// src/components/PoweredByXyoButton.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var PoweredByXyoButton = ({
-  busy = false,
-  href,
-  logoHeight,
-  logoTextSize,
-  sx,
-  target = "_blank",
-  variant = "text",
-  ...props
-}) => {
-  const [imageLoaded, setImageLoaded] = (0, import_react4.useState)(false);
-  const img = new Image();
-  img.addEventListener("load", () => setImageLoaded(true));
-  img.src = import_xyo_color_logo_text_only.default;
-  return imageLoaded ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_button3.ButtonEx, { href, target, variant, sx: { borderRadius: 0, padding: 0, ...sx }, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_flexbox5.FlexCol, { padding: 0.5, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material5.Typography, { style: { fontSize: logoTextSize ?? 10 }, fontSize: "small", children: "Powered by" }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react_flexbox5.FlexRow, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(XyoBusy, { busy }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("img", { src: import_xyo_color_logo_text_only.default, height: logoHeight ?? 24, width: 45 })
-    ] })
-  ] }) }) : null;
-};
-
-// src/components/PoweredByXyo.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var PoweredByXyo = ({
-  autoStop,
-  busy,
-  buttonProps = {},
-  debugDialog = false,
-  disableAnimation = false,
-  href = "https://xyo.network",
-  logoHeight,
-  logoTextSize,
-  onButtonClick,
-  node: propNode,
-  ...props
-}) => {
-  const [node] = (0, import_react_node4.useProvidedNode)();
-  const [debugDialogOpen, setDebugDialogOpen] = (0, import_react5.useState)(false);
-  const busyMap = (0, import_react5.useMemo)(() => ({}), [node]);
-  const activeBusy = busy ?? Object.values(busyMap).includes(true);
-  const activeOnButtonClick = (debugDialog ? (event) => {
-    if (event.shiftKey && event.altKey) {
-      setDebugDialogOpen(true);
-    } else if (href) {
-      window.open(href);
-    }
-  } : void 0) ?? onButtonClick;
-  const activeHref = activeOnButtonClick ? void 0 : href;
-  const onKeyDownEscListener = (event) => {
-    if (event.key === "Escape" && debugDialogOpen) {
-      setDebugDialogOpen(false);
-    }
-  };
-  (0, import_react_async_effect.useAsyncEffect)(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async () => {
-      const activeNode = propNode ?? node;
-      if (disableAnimation) {
-        return;
-      } else if (activeNode) {
-        const mods = await (activeNode == null ? void 0 : activeNode.resolve("*"));
-        mods == null ? void 0 : mods.map((mod) => {
-          mod.on("moduleBusy", ({ module: mod2, busy: busy2 }) => {
-            busyMap[mod2.address] = busy2;
-            if (autoStop) {
-              (0, import_forget.forget)(
-                (async () => {
-                  await (0, import_delay2.delay)(1e3);
-                  busyMap[mod2.address] = false;
-                })()
-              );
-            }
-          });
-        });
-        activeNode == null ? void 0 : activeNode.on("moduleBusy", ({ module: mod, busy: busy2 }) => {
-          busyMap[mod.address] = busy2;
-          if (autoStop) {
-            (0, import_forget.forget)(
-              (async () => {
-                await (0, import_delay2.delay)(1e3);
-                busyMap[mod.address] = false;
-              })()
-            );
-          }
-        });
-      }
-    },
-    [disableAnimation, propNode, node, busyMap, autoStop]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react_flexbox6.FlexCol, { alignItems: "stretch", position: "absolute", bottom: "0", left: "0", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material6.Paper, { sx: { borderRadius: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      PoweredByXyoButton,
-      {
-        onClick: activeOnButtonClick,
-        href: activeHref,
-        busy: activeBusy,
-        logoHeight,
-        logoTextSize,
-        fullWidth: true,
-        ...buttonProps
-      }
-    ) }),
-    debugDialog && debugDialogOpen ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DebugDialog, { fullScreen: true, open: debugDialogOpen, onClose: () => setDebugDialogOpen(false), onKeyDown: onKeyDownEscListener }) : null
-  ] });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ArchivistSummary,
-  BridgeSummary,
-  DebugDialog,
-  DivinerSummary,
-  ModuleAccordion,
-  ModuleDetails,
-  ModuleSummary,
-  NodeDetails,
-  PoweredByXyo,
-  PoweredByXyoButton,
-  SentinelSummary,
-  TypedModuleSummary,
-  WitnessSummary,
-  XyoBusy
-});
+"use strict";var re=Object.create;var k=Object.defineProperty;var te=Object.getOwnPropertyDescriptor;var ne=Object.getOwnPropertyNames;var ie=Object.getPrototypeOf,se=Object.prototype.hasOwnProperty;var ae=(o,e)=>{for(var r in e)k(o,r,{get:e[r],enumerable:!0})},Po=(o,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of ne(e))!se.call(o,t)&&t!==r&&k(o,t,{get:()=>e[t],enumerable:!(n=te(e,t))||n.enumerable});return o};var Bo=(o,e,r)=>(r=o!=null?re(ie(o)):{},Po(e||!o||!o.__esModule?k(r,"default",{value:o,enumerable:!0}):r,o)),le=o=>Po(k({},"__esModule",{value:!0}),o);var me={};ae(me,{ArchivistSummary:()=>_,BridgeSummary:()=>q,DebugDialog:()=>mo,DivinerSummary:()=>j,ModuleAccordion:()=>ao,ModuleDetails:()=>Y,ModuleSummary:()=>a,NodeDetails:()=>uo,PoweredByXyo:()=>ue,PoweredByXyoButton:()=>fo,SentinelSummary:()=>to,TypedModuleSummary:()=>so,WitnessSummary:()=>io,XyoBusy:()=>co});module.exports=le(me);var bo=require("@mui/icons-material");var Mo=require("@mui/icons-material"),wo=require("@xylabs/delay"),h=require("@xylabs/react-flexbox"),H=require("@xyo-network/react-node"),K=require("@xyo-network/react-shared"),So=require("react"),y=require("react/jsx-runtime"),a=({children:o,icon:e,mod:r,...n})=>{var w;let[t]=(0,H.useWeakModulesFromNode)(void 0,{direction:"down"}),[i]=(0,H.useWeakModulesFromNode)(void 0,{direction:"up"}),[s,u]=(0,So.useState)(!1),f=t==null?void 0:t.length,p=i==null?void 0:i.length;return r==null||r.on("moduleBusy",async({busy:F})=>{u(F),await(0,wo.delay)(2e3),u(!1)}),(0,y.jsx)(h.FlexCol,{alignItems:"stretch",width:"100%",...n,children:(0,y.jsxs)(h.FlexRow,{justifyContent:"flex-start",children:[(0,y.jsxs)(h.FlexRow,{children:[(0,y.jsx)(K.TypographyEx,{color:s?"gray":void 0,children:e??(0,y.jsx)(Mo.Extension,{})}),(0,y.jsx)(K.TypographyEx,{marginX:1,children:((w=r==null?void 0:r.config)==null?void 0:w.name)??"<Unknown>"})]}),o??(f!==void 0&&p!==void 0)?`[${f}\u2193/${p}\u2191]`:null]})})};var z=require("react/jsx-runtime"),_=({mod:o,...e})=>(0,z.jsx)(a,{mod:o,icon:(0,z.jsx)(bo.Inventory2Rounded,{}),...e});var Io=require("@mui/icons-material");var G=require("react/jsx-runtime"),q=({mod:o,...e})=>(0,G.jsx)(a,{mod:o,icon:(0,G.jsx)(Io.InsertLinkRounded,{}),...e});var c=require("@mui/material");var lo=require("@xylabs/react-flexbox"),N=require("@xyo-network/react-node");var $o=require("@mui/icons-material"),D=require("@mui/material");var U=require("@mui/material"),E=require("@xylabs/react-button"),A=require("@xylabs/react-flexbox"),T=require("@xylabs/react-promise"),Fo=require("@xyo-network/module-model"),ho=require("@xyo-network/payload-model"),Ro=require("@xyo-network/react-property");var x=require("@mui/material"),Q=require("@xylabs/react-button"),Do=require("@xyo-network/react-payload-raw-info"),Co=require("react"),d=require("react/jsx-runtime"),I=({children:o,jsonViewProps:e,src:r,title:n,...t})=>{let[i,s]=(0,Co.useState)(!1);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(Q.ButtonEx,{onClick:()=>s(!i),...t,children:o??"JSON"}),(0,d.jsxs)(x.Dialog,{open:i,onClose:()=>s(!1),children:[n?(0,d.jsx)(x.DialogTitle,{children:n}):null,(0,d.jsx)(x.DialogContent,{children:(0,d.jsx)(Do.JsonViewerEx,{value:r,...e})}),(0,d.jsx)(x.DialogActions,{children:(0,d.jsx)(Q.ButtonEx,{onClick:()=>s(!1),children:"Close"})})]})]})};var l=require("react/jsx-runtime"),Y=({mod:o,...e})=>{let[r]=(0,T.usePromise)(async()=>await(o==null?void 0:o.manifest()),[o]),[n]=(0,T.usePromise)(async()=>await(o==null?void 0:o.state()),[o]),[t]=(0,T.usePromise)(async()=>{let u=await(o==null?void 0:o.state());return u==null?void 0:u.find((0,ho.isPayloadOfSchemaType)(Fo.ModuleDescriptionSchema))},[o]),i=o==null?void 0:o.queries,s=o==null?void 0:o.config;return(0,l.jsxs)(A.FlexCol,{alignItems:"stretch",...e,children:[(0,l.jsx)(Ro.Property,{title:"Address",value:o==null?void 0:o.address}),(0,l.jsxs)(A.FlexRow,{gap:1,justifyContent:"space-between",children:[(0,l.jsxs)(U.ButtonGroup,{children:[r?(0,l.jsx)(I,{variant:"contained",src:r,children:"Manifest"}):null,s?(0,l.jsx)(I,{variant:"contained",src:s,children:"Config"}):null,n?(0,l.jsx)(I,{variant:"contained",src:n,children:"Discover"}):null,t?(0,l.jsx)(I,{variant:"contained",src:t,children:"Describe"}):null,i?(0,l.jsx)(I,{variant:"contained",src:i,children:"Queries"}):null]}),(0,l.jsxs)(U.ButtonGroup,{children:[(0,l.jsx)(E.ButtonEx,{target:"_blank",href:`https://explore.xyo.network/block?network=main&address=${o==null?void 0:o.address}`,variant:"outlined",children:"Main"}),(0,l.jsx)(E.ButtonEx,{target:"_blank",href:`https://beta.explore.xyo.network/block?network=kerplunk&address=${o==null?void 0:o.address}`,variant:"outlined",children:"Kerplunk"}),(0,l.jsx)(E.ButtonEx,{target:"_blank",href:`https://beta.explore.xyo.network/block?network=local&address=${o==null?void 0:o.address}`,variant:"outlined",children:"Local"})]})]})]})};var Vo=require("@xyo-network/archivist-model"),Xo=require("@xyo-network/bridge-model"),Lo=require("@xyo-network/diviner-model"),Jo=require("@xyo-network/node-model"),Oo=require("@xyo-network/sentinel-model"),Wo=require("@xyo-network/witness-model");var vo=require("@mui/icons-material");var Z=require("react/jsx-runtime"),j=({mod:o,...e})=>(0,Z.jsx)(a,{mod:o,icon:(0,Z.jsx)(vo.BubbleChartRounded,{}),...e});var ko=require("@mui/icons-material"),Eo=require("@xylabs/react-promise"),oo=require("@xyo-network/react-node");var eo=require("react/jsx-runtime"),To=({mod:o,...e})=>{var f,p;let[r]=(0,Eo.usePromise)(async()=>await(o==null?void 0:o.manifest()),[o]),[n]=(0,oo.useWeakModulesFromNode)(void 0,{direction:"down"}),[t]=(0,oo.useWeakModulesFromNode)(void 0,{direction:"up"}),i=n==null?void 0:n.length,s=t==null?void 0:t.length,u=(p=(f=r==null?void 0:r.modules)==null?void 0:f.public)==null?void 0:p.length;return(0,eo.jsx)(a,{mod:o,icon:(0,eo.jsx)(ko.HubRounded,{}),...e,children:u!==void 0&&i!==void 0&&s!==void 0?`[${u}m/${i}\u2193/${s}\u2191]`:null})};var Ao=require("@mui/icons-material");var ro=require("react/jsx-runtime"),to=({mod:o,...e})=>(0,ro.jsx)(a,{mod:o,icon:(0,ro.jsx)(Ao.TimerRounded,{}),...e});var No=require("@mui/icons-material");var no=require("react/jsx-runtime"),io=({mod:o,...e})=>(0,no.jsx)(a,{mod:o,icon:(0,no.jsx)(No.VisibilityRounded,{}),...e});var g=require("react/jsx-runtime"),so=({mod:o,...e})=>(0,Vo.isArchivistInstance)(o)?(0,g.jsx)(_,{mod:o,...e}):(0,Lo.isDivinerInstance)(o)?(0,g.jsx)(j,{mod:o,...e}):(0,Jo.isNodeInstance)(o)?(0,g.jsx)(To,{mod:o,...e}):(0,Wo.isWitnessInstance)(o)?(0,g.jsx)(io,{mod:o,...e}):(0,Xo.isBridgeInstance)(o)?(0,g.jsx)(q,{mod:o,...e}):(0,Oo.isSentinelInstance)(o)?(0,g.jsx)(to,{mod:o,...e}):(0,g.jsx)(a,{mod:o,...e});var P=require("react/jsx-runtime"),ao=({mod:o,...e})=>(0,P.jsxs)(D.Accordion,{...e,children:[(0,P.jsx)(D.AccordionSummary,{expandIcon:(0,P.jsx)($o.ExpandMore,{}),children:(0,P.jsx)(so,{mod:o})}),(0,P.jsx)(D.AccordionDetails,{children:(0,P.jsx)(Y,{mod:o})})]});var S=require("react/jsx-runtime"),uo=({mod:o,...e})=>{let[r=o]=(0,N.useProvidedNode)(),[n]=(0,N.useWeakModulesFromNode)(void 0,{node:r??void 0});return(0,S.jsx)(lo.FlexCol,{alignItems:"stretch",...e,children:n?(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(lo.FlexCol,{alignItems:"stretch",marginY:1,children:n==null?void 0:n.map(t=>{let i=t.deref();return i?(0,S.jsx)(ao,{mod:i},i.address):null})})}):null})};var B=require("react/jsx-runtime"),mo=({onClose:o,...e})=>(0,B.jsxs)(c.Dialog,{...e,children:[(0,B.jsx)(c.DialogTitle,{children:"Xyo Module Viewer"}),(0,B.jsx)(c.DialogContent,{children:(0,B.jsx)(uo,{width:"100%"})}),(0,B.jsx)(c.DialogActions,{children:(0,B.jsx)(c.Button,{onClick:r=>o==null?void 0:o(r,"backdropClick"),children:"Close"})})]});var qo=require("@mui/material"),yo=require("@xylabs/delay"),xo=require("@xylabs/forget"),Qo=require("@xylabs/react-async-effect"),Uo=require("@xylabs/react-flexbox"),Yo=require("@xyo-network/react-node"),J=require("react");var zo=require("@mui/material"),_o=require("@xylabs/react-button"),L=require("@xylabs/react-flexbox"),Go=require("react");var V=Bo(require("./xyo-color-logo-LHR2SMEM.svg"),1),X=Bo(require("./xyo-color-logo-text-only-QPAW5BSQ.svg"),1);var Ho=require("@xylabs/react-flexbox"),Ko=require("react");var po=require("react/jsx-runtime"),co=({widthInPixels:o,busy:e,spinsPerSecond:r=.5,...n})=>{let[t,i]=(0,Ko.useState)(!1);if(!t){let s=new Image;s.addEventListener("load",()=>i(!0)),s.src=V.default}return t?(0,po.jsx)(Ho.FlexCol,{sx:{"@keyframes spin":{"0%":{transform:"rotate(360deg)"},"100%":{transform:"rotate(0deg)"}},animation:e?`spin ${1/r}s linear infinite`:void 0,animationDirection:"reverse"},...n,children:(0,po.jsx)("img",{src:V.default,height:o??22})}):null};var M=require("react/jsx-runtime"),fo=({busy:o=!1,href:e,logoHeight:r,logoTextSize:n,sx:t,target:i="_blank",variant:s="text",...u})=>{let[f,p]=(0,Go.useState)(!1),w=new Image;return w.addEventListener("load",()=>p(!0)),w.src=X.default,f?(0,M.jsx)(_o.ButtonEx,{href:e,target:i,variant:s,sx:{borderRadius:0,padding:0,...t},...u,children:(0,M.jsxs)(L.FlexCol,{padding:.5,children:[(0,M.jsx)(zo.Typography,{style:{fontSize:n??10},fontSize:"small",children:"Powered by"}),(0,M.jsxs)(L.FlexRow,{children:[(0,M.jsx)(co,{busy:o}),(0,M.jsx)("img",{src:X.default,height:r??24,width:45})]})]})}):null};var C=require("react/jsx-runtime"),ue=({autoStop:o,busy:e,buttonProps:r={},debugDialog:n=!1,disableAnimation:t=!1,href:i="https://xyo.network",logoHeight:s,logoTextSize:u,onButtonClick:f,node:p,...w})=>{let[F]=(0,Yo.useProvidedNode)(),[O,W]=(0,J.useState)(!1),b=(0,J.useMemo)(()=>({}),[F]),Zo=e??Object.values(b).includes(!0),go=(n?m=>{m.shiftKey&&m.altKey?W(!0):i&&window.open(i)}:void 0)??f,jo=go?void 0:i,oe=m=>{m.key==="Escape"&&O&&W(!1)};return(0,Qo.useAsyncEffect)(async()=>{let m=p??F;if(!t&&m){let $=await(m==null?void 0:m.resolve("*"));$==null||$.map(R=>{R.on("moduleBusy",({module:v,busy:ee})=>{b[v.address]=ee,o&&(0,xo.forget)((async()=>{await(0,yo.delay)(1e3),b[v.address]=!1})())})}),m==null||m.on("moduleBusy",({module:R,busy:v})=>{b[R.address]=v,o&&(0,xo.forget)((async()=>{await(0,yo.delay)(1e3),b[R.address]=!1})())})}},[t,p,F,b,o]),(0,C.jsxs)(Uo.FlexCol,{alignItems:"stretch",position:"absolute",bottom:"0",left:"0",...w,children:[(0,C.jsx)(qo.Paper,{sx:{borderRadius:0},children:(0,C.jsx)(fo,{onClick:go,href:jo,busy:Zo,logoHeight:s,logoTextSize:u,fullWidth:!0,...r})}),n&&O?(0,C.jsx)(mo,{fullScreen:!0,open:O,onClose:()=>W(!1),onKeyDown:oe}):null]})};0&&(module.exports={ArchivistSummary,BridgeSummary,DebugDialog,DivinerSummary,ModuleAccordion,ModuleDetails,ModuleSummary,NodeDetails,PoweredByXyo,PoweredByXyoButton,SentinelSummary,TypedModuleSummary,WitnessSummary,XyoBusy});
 //# sourceMappingURL=index.cjs.map