@xyo-network/react-powered-by-xyo 2.77.2 → 2.78.1

package/dist/browser/index.js

@@ -1,2 +1,393 @@
-import{Inventory2Rounded as So}from"@mui/icons-material";import{Extension as Po}from"@mui/icons-material";import{delay as Mo}from"@xylabs/delay";import{FlexCol as Bo,FlexRow as N}from"@xylabs/react-flexbox";import{useWeakModulesFromNode as V}from"@xyo-network/react-node";import{TypographyEx as X}from"@xyo-network/react-shared";import{useState as wo}from"react";import{jsx as S,jsxs as L}from"react/jsx-runtime";var a=({children:o,icon:e,mod:t,...n})=>{let[s]=V(void 0,{direction:"down"}),[r]=V(void 0,{direction:"up"}),[i,l]=wo(!1),p=s?.length,u=r?.length;return t?.on("moduleBusy",async({busy:f})=>{l(f),await Mo(2e3),l(!1)}),S(Bo,{alignItems:"stretch",width:"100%",...n,children:L(N,{justifyContent:"flex-start",children:[L(N,{children:[S(X,{color:i?"gray":void 0,children:e??S(Po,{})}),S(X,{marginX:1,children:t?.config?.name??"<Unknown>"})]}),o??(p!==void 0&&u!==void 0)?`[${p}\u2193/${u}\u2191]`:null]})})};import{jsx as J}from"react/jsx-runtime";var O=({mod:o,...e})=>J(a,{mod:o,icon:J(So,{}),...e});import{InsertLinkRounded as bo}from"@mui/icons-material";import{jsx as W}from"react/jsx-runtime";var $=({mod:o,...e})=>W(a,{mod:o,icon:W(bo,{}),...e});import{Button as ee,Dialog as re,DialogActions as te,DialogContent as ne,DialogTitle as se}from"@mui/material";import{FlexCol as no}from"@xylabs/react-flexbox";import{useProvidedNode as Zo,useWeakModulesFromNode as jo}from"@xyo-network/react-node";import{ExpandMore as Go}from"@mui/icons-material";import{Accordion as qo,AccordionDetails as Qo,AccordionSummary as Uo}from"@mui/material";import{ButtonGroup as z}from"@mui/material";import{ButtonEx as R}from"@xylabs/react-button";import{FlexCol as ko,FlexRow as Eo}from"@xylabs/react-flexbox";import{usePromise as v}from"@xylabs/react-promise";import{ModuleDescriptionSchema as To}from"@xyo-network/module-model";import{isPayloadOfSchemaType as Ao}from"@xyo-network/payload-model";import{Property as No}from"@xyo-network/react-property";import{Dialog as Co,DialogActions as Io,DialogContent as Do,DialogTitle as Fo}from"@mui/material";import{ButtonEx as H}from"@xylabs/react-button";import{JsonViewerEx as ho}from"@xyo-network/react-payload-raw-info";import{useState as Ro}from"react";import{Fragment as vo,jsx as x,jsxs as K}from"react/jsx-runtime";var g=({children:o,jsonViewProps:e,src:t,title:n,...s})=>{let[r,i]=Ro(!1);return K(vo,{children:[x(H,{onClick:()=>i(!r),...s,children:o??"JSON"}),K(Co,{open:r,onClose:()=>i(!1),children:[n?x(Fo,{children:n}):null,x(Do,{children:x(ho,{value:t,...e})}),x(Io,{children:x(H,{onClick:()=>i(!1),children:"Close"})})]})]})};import{jsx as m,jsxs as b}from"react/jsx-runtime";var _=({mod:o,...e})=>{let[t]=v(async()=>await o?.manifest(),[o]),[n]=v(async()=>await o?.state(),[o]),[s]=v(async()=>(await o?.state())?.find(Ao(To)),[o]),r=o?.queries,i=o?.config;return b(ko,{alignItems:"stretch",...e,children:[m(No,{title:"Address",value:o?.address}),b(Eo,{gap:1,justifyContent:"space-between",children:[b(z,{children:[t?m(g,{variant:"contained",src:t,children:"Manifest"}):null,i?m(g,{variant:"contained",src:i,children:"Config"}):null,n?m(g,{variant:"contained",src:n,children:"Discover"}):null,s?m(g,{variant:"contained",src:s,children:"Describe"}):null,r?m(g,{variant:"contained",src:r,children:"Queries"}):null]}),b(z,{children:[m(R,{target:"_blank",href:`https://explore.xyo.network/block?network=main&address=${o?.address}`,variant:"outlined",children:"Main"}),m(R,{target:"_blank",href:`https://beta.explore.xyo.network/block?network=kerplunk&address=${o?.address}`,variant:"outlined",children:"Kerplunk"}),m(R,{target:"_blank",href:`https://beta.explore.xyo.network/block?network=local&address=${o?.address}`,variant:"outlined",children:"Local"})]})]})]})};import{isArchivistInstance as Wo}from"@xyo-network/archivist-model";import{isBridgeInstance as $o}from"@xyo-network/bridge-model";import{isDivinerInstance as Ho}from"@xyo-network/diviner-model";import{isNodeInstance as Ko}from"@xyo-network/node-model";import{isSentinelInstance as zo}from"@xyo-network/sentinel-model";import{isWitnessInstance as _o}from"@xyo-network/witness-model";import{BubbleChartRounded as Vo}from"@mui/icons-material";import{jsx as G}from"react/jsx-runtime";var q=({mod:o,...e})=>G(a,{mod:o,icon:G(Vo,{}),...e});import{HubRounded as Xo}from"@mui/icons-material";import{usePromise as Lo}from"@xylabs/react-promise";import{useWeakModulesFromNode as Q}from"@xyo-network/react-node";import{jsx as U}from"react/jsx-runtime";var Y=({mod:o,...e})=>{let[t]=Lo(async()=>await o?.manifest(),[o]),[n]=Q(void 0,{direction:"down"}),[s]=Q(void 0,{direction:"up"}),r=n?.length,i=s?.length,l=t?.modules?.public?.length;return U(a,{mod:o,icon:U(Xo,{}),...e,children:l!==void 0&&r!==void 0&&i!==void 0?`[${l}m/${r}\u2193/${i}\u2191]`:null})};import{TimerRounded as Jo}from"@mui/icons-material";import{jsx as Z}from"react/jsx-runtime";var j=({mod:o,...e})=>Z(a,{mod:o,icon:Z(Jo,{}),...e});import{VisibilityRounded as Oo}from"@mui/icons-material";import{jsx as oo}from"react/jsx-runtime";var eo=({mod:o,...e})=>oo(a,{mod:o,icon:oo(Oo,{}),...e});import{jsx as c}from"react/jsx-runtime";var ro=({mod:o,...e})=>Wo(o)?c(O,{mod:o,...e}):Ho(o)?c(q,{mod:o,...e}):Ko(o)?c(Y,{mod:o,...e}):_o(o)?c(eo,{mod:o,...e}):$o(o)?c($,{mod:o,...e}):zo(o)?c(j,{mod:o,...e}):c(a,{mod:o,...e});import{jsx as P,jsxs as Yo}from"react/jsx-runtime";var to=({mod:o,...e})=>Yo(qo,{...e,children:[P(Uo,{expandIcon:P(Go,{}),children:P(ro,{mod:o})}),P(Qo,{children:P(_,{mod:o})})]});import{Fragment as oe,jsx as C}from"react/jsx-runtime";var so=({mod:o,...e})=>{let[t=o]=Zo(),[n]=jo(void 0,{node:t??void 0});return C(no,{alignItems:"stretch",...e,children:n?C(oe,{children:C(no,{alignItems:"stretch",marginY:1,children:n?.map(s=>{let r=s.deref();return r?C(to,{mod:r},r.address):null})})}):null})};import{jsx as M,jsxs as ie}from"react/jsx-runtime";var io=({onClose:o,...e})=>ie(re,{...e,children:[M(se,{children:"Xyo Module Viewer"}),M(ne,{children:M(so,{width:"100%"})}),M(te,{children:M(ee,{onClick:t=>o?.(t,"backdropClick"),children:"Close"})})]});import{Paper as fe}from"@mui/material";import{delay as co}from"@xylabs/delay";import{forget as po}from"@xylabs/forget";import{useAsyncEffect as ye}from"@xylabs/react-async-effect";import{FlexCol as xe}from"@xylabs/react-flexbox";import{useProvidedNode as ge}from"@xyo-network/react-node";import{useMemo as Pe,useState as Me}from"react";import{Typography as me}from"@mui/material";import{ButtonEx as de}from"@xylabs/react-button";import{FlexCol as ue,FlexRow as ce}from"@xylabs/react-flexbox";import{useState as pe}from"react";import{default as k}from"./xyo-color-logo-LHR2SMEM.svg";import{default as E}from"./xyo-color-logo-text-only-QPAW5BSQ.svg";import{FlexCol as ae}from"@xylabs/react-flexbox";import{useState as le}from"react";import{jsx as ao}from"react/jsx-runtime";var lo=({widthInPixels:o,busy:e,spinsPerSecond:t=.5,...n})=>{let[s,r]=le(!1);if(!s){let i=new Image;i.addEventListener("load",()=>r(!0)),i.src=k}return s?ao(ae,{sx:{"@keyframes spin":{"0%":{transform:"rotate(360deg)"},"100%":{transform:"rotate(0deg)"}},animation:e?`spin ${1/t}s linear infinite`:void 0,animationDirection:"reverse"},...n,children:ao("img",{src:k,height:o??22})}):null};import{jsx as I,jsxs as mo}from"react/jsx-runtime";var uo=({busy:o=!1,href:e,logoHeight:t,logoTextSize:n,sx:s,target:r="_blank",variant:i="text",...l})=>{let[p,u]=pe(!1),f=new Image;return f.addEventListener("load",()=>u(!0)),f.src=E,p?I(de,{href:e,target:r,variant:i,sx:{borderRadius:0,padding:0,...s},...l,children:mo(ue,{padding:.5,children:[I(me,{style:{fontSize:n??10},fontSize:"small",children:"Powered by"}),mo(ce,{children:[I(lo,{busy:o}),I("img",{src:E,height:t??24,width:45})]})]})}):null};import{jsx as T,jsxs as Be}from"react/jsx-runtime";var Ot=({autoStop:o,busy:e,buttonProps:t={},debugDialog:n=!1,disableAnimation:s=!1,href:r="https://xyo.network",logoHeight:i,logoTextSize:l,onButtonClick:p,node:u,...f})=>{let[D]=ge(),[F,h]=Me(!1),y=Pe(()=>({}),[D]),fo=e??Object.values(y).includes(!0),A=(n?d=>{d.shiftKey&&d.altKey?h(!0):r&&window.open(r)}:void 0)??p,yo=A?void 0:r,xo=d=>{d.key==="Escape"&&F&&h(!1)};return ye(async()=>{let d=u??D;s||d&&((await d?.resolve("*"))?.map(B=>{B.on("moduleBusy",({module:w,busy:go})=>{y[w.address]=go,o&&po((async()=>{await co(1e3),y[w.address]=!1})())})}),d?.on("moduleBusy",({module:B,busy:w})=>{y[B.address]=w,o&&po((async()=>{await co(1e3),y[B.address]=!1})())}))},[s,u,D,y,o]),Be(xe,{alignItems:"stretch",position:"absolute",bottom:"0",left:"0",...f,children:[T(fe,{sx:{borderRadius:0},children:T(uo,{onClick:A,href:yo,busy:fo,logoHeight:i,logoTextSize:l,fullWidth:!0,...t})}),n&&F?T(io,{fullScreen:!0,open:F,onClose:()=>h(!1),onKeyDown:xo}):null]})};export{O as ArchivistSummary,$ as BridgeSummary,io as DebugDialog,q as DivinerSummary,to as ModuleAccordion,_ as ModuleDetails,a as ModuleSummary,so as NodeDetails,Ot as PoweredByXyo,uo as PoweredByXyoButton,j as SentinelSummary,ro as TypedModuleSummary,eo as WitnessSummary,lo as XyoBusy};
+// src/components/ArchivistSummary.tsx
+import { Inventory2Rounded as Inventory2RoundedIcon } from "@mui/icons-material";
+
+// src/components/ModuleSummary.tsx
+import { Extension as ExtensionIcon } from "@mui/icons-material";
+import { delay } from "@xylabs/delay";
+import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
+import { useWeakModulesFromNode } from "@xyo-network/react-node";
+import { TypographyEx } from "@xyo-network/react-shared";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ModuleSummary = ({ children, icon, mod, ...props }) => {
+  const [downModules] = useWeakModulesFromNode(void 0, { direction: "down" });
+  const [upModules] = useWeakModulesFromNode(void 0, { direction: "up" });
+  const [busy, setBusy] = useState(false);
+  const downModulesFromResolve = downModules?.length;
+  const upModulesFromResolve = upModules?.length;
+  mod?.on("moduleBusy", async ({ busy: busy2 }) => {
+    setBusy(busy2);
+    await delay(2e3);
+    setBusy(false);
+  });
+  return /* @__PURE__ */ jsx(FlexCol, { alignItems: "stretch", width: "100%", ...props, children: /* @__PURE__ */ jsxs(FlexRow, { justifyContent: "flex-start", children: [
+    /* @__PURE__ */ jsxs(FlexRow, { children: [
+      /* @__PURE__ */ jsx(TypographyEx, { color: busy ? "gray" : void 0, children: icon ?? /* @__PURE__ */ jsx(ExtensionIcon, {}) }),
+      /* @__PURE__ */ jsx(TypographyEx, { marginX: 1, children: mod?.config?.name ?? "<Unknown>" })
+    ] }),
+    children ?? (downModulesFromResolve !== void 0 && upModulesFromResolve !== void 0) ? `[${downModulesFromResolve}\u2193/${upModulesFromResolve}\u2191]` : null
+  ] }) });
+};
+
+// src/components/ArchivistSummary.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ArchivistSummary = ({ mod, ...props }) => {
+  return /* @__PURE__ */ jsx2(ModuleSummary, { mod, icon: /* @__PURE__ */ jsx2(Inventory2RoundedIcon, {}), ...props });
+};
+
+// src/components/BridgeSummary.tsx
+import { InsertLinkRounded as InsertLinkRoundedIcon } from "@mui/icons-material";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var BridgeSummary = ({ mod, ...props }) => {
+  return /* @__PURE__ */ jsx3(ModuleSummary, { mod, icon: /* @__PURE__ */ jsx3(InsertLinkRoundedIcon, {}), ...props });
+};
+
+// src/components/DebugDialog.tsx
+import { Button, Dialog as Dialog2, DialogActions as DialogActions2, DialogContent as DialogContent2, DialogTitle as DialogTitle2 } from "@mui/material";
+
+// src/components/NodeDetails.tsx
+import { FlexCol as FlexCol3 } from "@xylabs/react-flexbox";
+import { useProvidedNode, useWeakModulesFromNode as useWeakModulesFromNode3 } from "@xyo-network/react-node";
+
+// src/components/ModuleAccordion.tsx
+import { ExpandMore as ExpandMoreIcon } from "@mui/icons-material";
+import { Accordion, AccordionDetails, AccordionSummary } from "@mui/material";
+
+// src/components/ModuleDetails.tsx
+import { ButtonGroup } from "@mui/material";
+import { ButtonEx as ButtonEx2 } from "@xylabs/react-button";
+import { FlexCol as FlexCol2, FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
+import { usePromise } from "@xylabs/react-promise";
+import { ModuleDescriptionSchema } from "@xyo-network/module-model";
+import { isPayloadOfSchemaType } from "@xyo-network/payload-model";
+import { Property } from "@xyo-network/react-property";
+
+// src/components/JsonViewerButton.tsx
+import { Dialog, DialogActions, DialogContent, DialogTitle } from "@mui/material";
+import { ButtonEx } from "@xylabs/react-button";
+import { JsonViewerEx } from "@xyo-network/react-payload-raw-info";
+import { useState as useState2 } from "react";
+import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var JsonViewerButton = ({ children, jsonViewProps, src, title, ...props }) => {
+  const [open, setOpen] = useState2(false);
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx4(ButtonEx, { onClick: () => setOpen(!open), ...props, children: children ?? "JSON" }),
+    /* @__PURE__ */ jsxs2(Dialog, { open, onClose: () => setOpen(false), children: [
+      title ? /* @__PURE__ */ jsx4(DialogTitle, { children: title }) : null,
+      /* @__PURE__ */ jsx4(DialogContent, { children: /* @__PURE__ */ jsx4(JsonViewerEx, { value: src, ...jsonViewProps }) }),
+      /* @__PURE__ */ jsx4(DialogActions, { children: /* @__PURE__ */ jsx4(ButtonEx, { onClick: () => setOpen(false), children: "Close" }) })
+    ] })
+  ] });
+};
+
+// src/components/ModuleDetails.tsx
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var ModuleDetails = ({ mod, ...props }) => {
+  const [manifest] = usePromise(async () => {
+    return await mod?.manifest();
+  }, [mod]);
+  const [discover] = usePromise(async () => {
+    return await mod?.state();
+  }, [mod]);
+  const [describe] = usePromise(async () => {
+    const state = await mod?.state();
+    return state?.find(isPayloadOfSchemaType(ModuleDescriptionSchema));
+  }, [mod]);
+  const queries = mod?.queries;
+  const config = mod?.config;
+  return /* @__PURE__ */ jsxs3(FlexCol2, { alignItems: "stretch", ...props, children: [
+    /* @__PURE__ */ jsx5(Property, { title: "Address", value: mod?.address }),
+    /* @__PURE__ */ jsxs3(FlexRow2, { gap: 1, justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxs3(ButtonGroup, { children: [
+        manifest ? /* @__PURE__ */ jsx5(JsonViewerButton, { variant: "contained", src: manifest, children: "Manifest" }) : null,
+        config ? /* @__PURE__ */ jsx5(JsonViewerButton, { variant: "contained", src: config, children: "Config" }) : null,
+        discover ? /* @__PURE__ */ jsx5(JsonViewerButton, { variant: "contained", src: discover, children: "Discover" }) : null,
+        describe ? /* @__PURE__ */ jsx5(JsonViewerButton, { variant: "contained", src: describe, children: "Describe" }) : null,
+        queries ? /* @__PURE__ */ jsx5(JsonViewerButton, { variant: "contained", src: queries, children: "Queries" }) : null
+      ] }),
+      /* @__PURE__ */ jsxs3(ButtonGroup, { children: [
+        /* @__PURE__ */ jsx5(ButtonEx2, { target: "_blank", href: `https://explore.xyo.network/block?network=main&address=${mod?.address}`, variant: "outlined", children: "Main" }),
+        /* @__PURE__ */ jsx5(ButtonEx2, { target: "_blank", href: `https://beta.explore.xyo.network/block?network=kerplunk&address=${mod?.address}`, variant: "outlined", children: "Kerplunk" }),
+        /* @__PURE__ */ jsx5(ButtonEx2, { target: "_blank", href: `https://beta.explore.xyo.network/block?network=local&address=${mod?.address}`, variant: "outlined", children: "Local" })
+      ] })
+    ] })
+  ] });
+};
+
+// src/components/TypedModuleSummary.tsx
+import { isArchivistInstance } from "@xyo-network/archivist-model";
+import { isBridgeInstance } from "@xyo-network/bridge-model";
+import { isDivinerInstance } from "@xyo-network/diviner-model";
+import { isNodeInstance } from "@xyo-network/node-model";
+import { isSentinelInstance } from "@xyo-network/sentinel-model";
+import { isWitnessInstance } from "@xyo-network/witness-model";
+
+// src/components/DivinerSummary.tsx
+import { BubbleChartRounded as BubbleChartRoundedIcon } from "@mui/icons-material";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var DivinerSummary = ({ mod, ...props }) => {
+  return /* @__PURE__ */ jsx6(ModuleSummary, { mod, icon: /* @__PURE__ */ jsx6(BubbleChartRoundedIcon, {}), ...props });
+};
+
+// src/components/NodeSummary.tsx
+import { HubRounded as HubRoundedIcon } from "@mui/icons-material";
+import { usePromise as usePromise2 } from "@xylabs/react-promise";
+import { useWeakModulesFromNode as useWeakModulesFromNode2 } from "@xyo-network/react-node";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var NodeSummary = ({ mod, ...props }) => {
+  const [manifest] = usePromise2(async () => {
+    return await mod?.manifest();
+  }, [mod]);
+  const [downModules] = useWeakModulesFromNode2(void 0, { direction: "down" });
+  const [upModules] = useWeakModulesFromNode2(void 0, { direction: "up" });
+  const downModulesFromResolve = downModules?.length;
+  const upModulesFromResolve = upModules?.length;
+  const manifestPublicModules = manifest?.modules?.public?.length;
+  return /* @__PURE__ */ jsx7(ModuleSummary, { mod, icon: /* @__PURE__ */ jsx7(HubRoundedIcon, {}), ...props, children: manifestPublicModules !== void 0 && downModulesFromResolve !== void 0 && upModulesFromResolve !== void 0 ? `[${manifestPublicModules}m/${downModulesFromResolve}\u2193/${upModulesFromResolve}\u2191]` : null });
+};
+
+// src/components/SentinelSummary.tsx
+import { TimerRounded as TimerRoundedIcon } from "@mui/icons-material";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var SentinelSummary = ({ mod, ...props }) => {
+  return /* @__PURE__ */ jsx8(ModuleSummary, { mod, icon: /* @__PURE__ */ jsx8(TimerRoundedIcon, {}), ...props });
+};
+
+// src/components/WitnessSummary.tsx
+import { VisibilityRounded as VisibilityRoundedIcon } from "@mui/icons-material";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var WitnessSummary = ({ mod, ...props }) => {
+  return /* @__PURE__ */ jsx9(ModuleSummary, { mod, icon: /* @__PURE__ */ jsx9(VisibilityRoundedIcon, {}), ...props });
+};
+
+// src/components/TypedModuleSummary.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+var TypedModuleSummary = ({ mod, ...props }) => {
+  if (isArchivistInstance(mod)) {
+    return /* @__PURE__ */ jsx10(ArchivistSummary, { mod, ...props });
+  }
+  if (isDivinerInstance(mod)) {
+    return /* @__PURE__ */ jsx10(DivinerSummary, { mod, ...props });
+  }
+  if (isNodeInstance(mod)) {
+    return /* @__PURE__ */ jsx10(NodeSummary, { mod, ...props });
+  }
+  if (isWitnessInstance(mod)) {
+    return /* @__PURE__ */ jsx10(WitnessSummary, { mod, ...props });
+  }
+  if (isBridgeInstance(mod)) {
+    return /* @__PURE__ */ jsx10(BridgeSummary, { mod, ...props });
+  }
+  if (isSentinelInstance(mod)) {
+    return /* @__PURE__ */ jsx10(SentinelSummary, { mod, ...props });
+  }
+  return /* @__PURE__ */ jsx10(ModuleSummary, { mod, ...props });
+};
+
+// src/components/ModuleAccordion.tsx
+import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
+var ModuleAccordion = ({ mod, ...props }) => {
+  return /* @__PURE__ */ jsxs4(Accordion, { ...props, children: [
+    /* @__PURE__ */ jsx11(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx11(ExpandMoreIcon, {}), children: /* @__PURE__ */ jsx11(TypedModuleSummary, { mod }) }),
+    /* @__PURE__ */ jsx11(AccordionDetails, { children: /* @__PURE__ */ jsx11(ModuleDetails, { mod }) })
+  ] });
+};
+
+// src/components/NodeDetails.tsx
+import { Fragment as Fragment2, jsx as jsx12 } from "react/jsx-runtime";
+var NodeDetails = ({ mod, ...props }) => {
+  const [node = mod] = useProvidedNode();
+  const [children] = useWeakModulesFromNode3(void 0, { node: node ?? void 0 });
+  return /* @__PURE__ */ jsx12(FlexCol3, { alignItems: "stretch", ...props, children: children ? /* @__PURE__ */ jsx12(Fragment2, { children: /* @__PURE__ */ jsx12(FlexCol3, { alignItems: "stretch", marginY: 1, children: children?.map((child) => {
+    const instance = child.deref();
+    return instance ? /* @__PURE__ */ jsx12(ModuleAccordion, { mod: instance }, instance.address) : null;
+  }) }) }) : null });
+};
+
+// src/components/DebugDialog.tsx
+import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+var DebugDialog = ({ onClose, ...props }) => {
+  return /* @__PURE__ */ jsxs5(Dialog2, { ...props, children: [
+    /* @__PURE__ */ jsx13(DialogTitle2, { children: "Xyo Module Viewer" }),
+    /* @__PURE__ */ jsx13(DialogContent2, { children: /* @__PURE__ */ jsx13(NodeDetails, { width: "100%" }) }),
+    /* @__PURE__ */ jsx13(DialogActions2, { children: /* @__PURE__ */ jsx13(Button, { onClick: (event) => onClose?.(event, "backdropClick"), children: "Close" }) })
+  ] });
+};
+
+// src/components/PoweredByXyo.tsx
+import { Paper } from "@mui/material";
+import { delay as delay2 } from "@xylabs/delay";
+import { forget } from "@xylabs/forget";
+import { useAsyncEffect } from "@xylabs/react-async-effect";
+import { FlexCol as FlexCol6 } from "@xylabs/react-flexbox";
+import { useProvidedNode as useProvidedNode2 } from "@xyo-network/react-node";
+import { useMemo, useState as useState5 } from "react";
+
+// src/components/PoweredByXyoButton.tsx
+import { Typography } from "@mui/material";
+import { ButtonEx as ButtonEx3 } from "@xylabs/react-button";
+import { FlexCol as FlexCol5, FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
+import { useState as useState4 } from "react";
+
+// src/img/index.ts
+import { default as default2 } from "./xyo-color-logo-LHR2SMEM.svg";
+import { default as default3 } from "./xyo-color-logo-text-only-QPAW5BSQ.svg";
+
+// src/components/XyoBusy.tsx
+import { FlexCol as FlexCol4 } from "@xylabs/react-flexbox";
+import { useState as useState3 } from "react";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var XyoBusy = ({ widthInPixels, busy, spinsPerSecond = 0.5, ...props }) => {
+  const [imageLoaded, setImageLoaded] = useState3(false);
+  if (!imageLoaded) {
+    const img = new Image();
+    img.addEventListener("load", () => setImageLoaded(true));
+    img.src = default2;
+  }
+  return imageLoaded ? /* @__PURE__ */ jsx14(
+    FlexCol4,
+    {
+      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__ */ jsx14("img", { src: default2, height: widthInPixels ?? 22 })
+    }
+  ) : null;
+};
+
+// src/components/PoweredByXyoButton.tsx
+import { jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
+var PoweredByXyoButton = ({
+  busy = false,
+  href,
+  logoHeight,
+  logoTextSize,
+  sx,
+  target = "_blank",
+  variant = "text",
+  ...props
+}) => {
+  const [imageLoaded, setImageLoaded] = useState4(false);
+  const img = new Image();
+  img.addEventListener("load", () => setImageLoaded(true));
+  img.src = default3;
+  return imageLoaded ? /* @__PURE__ */ jsx15(ButtonEx3, { href, target, variant, sx: { borderRadius: 0, padding: 0, ...sx }, ...props, children: /* @__PURE__ */ jsxs6(FlexCol5, { padding: 0.5, children: [
+    /* @__PURE__ */ jsx15(Typography, { style: { fontSize: logoTextSize ?? 10 }, fontSize: "small", children: "Powered by" }),
+    /* @__PURE__ */ jsxs6(FlexRow3, { children: [
+      /* @__PURE__ */ jsx15(XyoBusy, { busy }),
+      /* @__PURE__ */ jsx15("img", { src: default3, height: logoHeight ?? 24, width: 45 })
+    ] })
+  ] }) }) : null;
+};
+
+// src/components/PoweredByXyo.tsx
+import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+var PoweredByXyo = ({
+  autoStop,
+  busy,
+  buttonProps = {},
+  debugDialog = false,
+  disableAnimation = false,
+  href = "https://xyo.network",
+  logoHeight,
+  logoTextSize,
+  onButtonClick,
+  node: propNode,
+  ...props
+}) => {
+  const [node] = useProvidedNode2();
+  const [debugDialogOpen, setDebugDialogOpen] = useState5(false);
+  const busyMap = 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);
+    }
+  };
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async () => {
+      const activeNode = propNode ?? node;
+      if (disableAnimation) {
+        return;
+      } else if (activeNode) {
+        const mods = await activeNode?.resolve("*");
+        mods?.map((mod) => {
+          mod.on("moduleBusy", ({ module: mod2, busy: busy2 }) => {
+            busyMap[mod2.address] = busy2;
+            if (autoStop) {
+              forget(
+                (async () => {
+                  await delay2(1e3);
+                  busyMap[mod2.address] = false;
+                })()
+              );
+            }
+          });
+        });
+        activeNode?.on("moduleBusy", ({ module: mod, busy: busy2 }) => {
+          busyMap[mod.address] = busy2;
+          if (autoStop) {
+            forget(
+              (async () => {
+                await delay2(1e3);
+                busyMap[mod.address] = false;
+              })()
+            );
+          }
+        });
+      }
+    },
+    [disableAnimation, propNode, node, busyMap, autoStop]
+  );
+  return /* @__PURE__ */ jsxs7(FlexCol6, { alignItems: "stretch", position: "absolute", bottom: "0", left: "0", ...props, children: [
+    /* @__PURE__ */ jsx16(Paper, { sx: { borderRadius: 0 }, children: /* @__PURE__ */ jsx16(
+      PoweredByXyoButton,
+      {
+        onClick: activeOnButtonClick,
+        href: activeHref,
+        busy: activeBusy,
+        logoHeight,
+        logoTextSize,
+        fullWidth: true,
+        ...buttonProps
+      }
+    ) }),
+    debugDialog && debugDialogOpen ? /* @__PURE__ */ jsx16(DebugDialog, { fullScreen: true, open: debugDialogOpen, onClose: () => setDebugDialogOpen(false), onKeyDown: onKeyDownEscListener }) : null
+  ] });
+};
+export {
+  ArchivistSummary,
+  BridgeSummary,
+  DebugDialog,
+  DivinerSummary,
+  ModuleAccordion,
+  ModuleDetails,
+  ModuleSummary,
+  NodeDetails,
+  PoweredByXyo,
+  PoweredByXyoButton,
+  SentinelSummary,
+  TypedModuleSummary,
+  WitnessSummary,
+  XyoBusy
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/ArchivistSummary.tsx","../../src/components/ModuleSummary.tsx","../../src/components/BridgeSummary.tsx","../../src/components/DebugDialog.tsx","../../src/components/NodeDetails.tsx","../../src/components/ModuleAccordion.tsx","../../src/components/ModuleDetails.tsx","../../src/components/JsonViewerButton.tsx","../../src/components/TypedModuleSummary.tsx","../../src/components/DivinerSummary.tsx","../../src/components/NodeSummary.tsx","../../src/components/SentinelSummary.tsx","../../src/components/WitnessSummary.tsx","../../src/components/PoweredByXyo.tsx","../../src/components/PoweredByXyoButton.tsx","../../src/img/index.ts","../../src/components/XyoBusy.tsx"],"sourcesContent":["import { Inventory2Rounded as Inventory2RoundedIcon } from '@mui/icons-material'\nimport { ArchivistInstance } from '@xyo-network/archivist-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const ArchivistSummary: React.FC<ModuleSummaryProps<ArchivistInstance>> = ({ mod, ...props }) => {\n  return <ModuleSummary mod={mod} icon={<Inventory2RoundedIcon />} {...props} />\n}\n","import { Extension as ExtensionIcon } from '@mui/icons-material'\nimport { delay } from '@xylabs/delay'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { useWeakModulesFromNode } from '@xyo-network/react-node'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport { ReactNode, useState } from 'react'\n\nexport interface ModuleSummaryProps<T extends ModuleInstance = ModuleInstance> extends FlexBoxProps {\n  icon?: ReactNode\n  mod?: T\n}\n\nexport const ModuleSummary: React.FC<ModuleSummaryProps> = ({ children, icon, mod, ...props }) => {\n  const [downModules] = useWeakModulesFromNode(undefined, { direction: 'down' })\n  const [upModules] = useWeakModulesFromNode(undefined, { direction: 'up' })\n  const [busy, setBusy] = useState(false)\n\n  const downModulesFromResolve = downModules?.length\n  const upModulesFromResolve = upModules?.length\n\n  mod?.on('moduleBusy', async ({ busy }) => {\n    setBusy(busy)\n    await delay(2000)\n    setBusy(false)\n  })\n\n  return (\n    <FlexCol alignItems=\"stretch\" width=\"100%\" {...props}>\n      <FlexRow justifyContent=\"flex-start\">\n        <FlexRow>\n          <TypographyEx color={busy ? 'gray' : undefined}>{icon ?? <ExtensionIcon />}</TypographyEx>\n          <TypographyEx marginX={1}>{mod?.config?.name ?? '<Unknown>'}</TypographyEx>\n        </FlexRow>\n        {children ?? (downModulesFromResolve !== undefined && upModulesFromResolve !== undefined) ?\n          `[${downModulesFromResolve}↓/${upModulesFromResolve}↑]`\n        : null}\n      </FlexRow>\n    </FlexCol>\n  )\n}\n","import { InsertLinkRounded as InsertLinkRoundedIcon } from '@mui/icons-material'\nimport { BridgeInstance } from '@xyo-network/bridge-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const BridgeSummary: React.FC<ModuleSummaryProps<BridgeInstance>> = ({ mod, ...props }) => {\n  return <ModuleSummary mod={mod} icon={<InsertLinkRoundedIcon />} {...props}></ModuleSummary>\n}\n","import { Button, Dialog, DialogActions, DialogContent, DialogProps, DialogTitle } from '@mui/material'\n\nimport { NodeDetails } from './NodeDetails'\n\nexport interface DebugDialogProps extends DialogProps {}\n\nexport const DebugDialog: React.FC<DebugDialogProps> = ({ onClose, ...props }) => {\n  return (\n    <Dialog {...props}>\n      <DialogTitle>Xyo Module Viewer</DialogTitle>\n      <DialogContent>\n        <NodeDetails width=\"100%\" />\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={(event) => onClose?.(event, 'backdropClick')}>Close</Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n","import { FlexCol } from '@xylabs/react-flexbox'\nimport { NodeInstance } from '@xyo-network/node-model'\nimport { useProvidedNode, useWeakModulesFromNode } from '@xyo-network/react-node'\n\nimport { ModuleAccordion } from './ModuleAccordion'\nimport { ModuleDetailsProps } from './ModuleDetails'\n\nexport interface NodeViewerProps extends ModuleDetailsProps<NodeInstance> {}\n\nexport const NodeDetails: React.FC<NodeViewerProps> = ({ mod, ...props }) => {\n  const [node = mod] = useProvidedNode()\n\n  const [children] = useWeakModulesFromNode(undefined, { node: node ?? undefined })\n\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      {children ?\n        <>\n          <FlexCol alignItems=\"stretch\" marginY={1}>\n            {children?.map((child) => {\n              const instance = child.deref()\n              return instance ? <ModuleAccordion key={instance.address} mod={instance} /> : null\n            })}\n          </FlexCol>\n        </>\n      : null}\n    </FlexCol>\n  )\n}\n","import { ExpandMore as ExpandMoreIcon } from '@mui/icons-material'\nimport { ModuleInstance } from '@xyo-network/module-model'\n\nexport interface ModuleAccordionProps<T extends ModuleInstance = ModuleInstance> extends Omit<AccordionProps, 'children'> {\n  mod?: T\n}\n\nimport { Accordion, AccordionDetails, AccordionProps, AccordionSummary } from '@mui/material'\n\nimport { ModuleDetails } from './ModuleDetails'\nimport { TypedModuleSummary } from './TypedModuleSummary'\n\nexport const ModuleAccordion: React.FC<ModuleAccordionProps> = ({ mod, ...props }) => {\n  return (\n    <Accordion {...props}>\n      <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n        <TypedModuleSummary mod={mod} />\n      </AccordionSummary>\n      <AccordionDetails>\n        <ModuleDetails mod={mod} />\n      </AccordionDetails>\n    </Accordion>\n  )\n}\n","import { ButtonGroup } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleDescriptionPayload, ModuleDescriptionSchema, ModuleInstance } from '@xyo-network/module-model'\nimport { isPayloadOfSchemaType } from '@xyo-network/payload-model'\nimport { Property } from '@xyo-network/react-property'\n\nimport { JsonViewerButton } from './JsonViewerButton'\n\nexport interface ModuleDetailsProps<T extends ModuleInstance = ModuleInstance> extends FlexBoxProps {\n  mod?: T\n}\n\nexport const ModuleDetails: React.FC<ModuleDetailsProps> = ({ mod, ...props }) => {\n  const [manifest] = usePromise(async () => {\n    return await mod?.manifest()\n  }, [mod])\n\n  const [discover] = usePromise(async () => {\n    return await mod?.state()\n  }, [mod])\n\n  const [describe] = usePromise(async () => {\n    const state = await mod?.state()\n    return state?.find<ModuleDescriptionPayload>(isPayloadOfSchemaType(ModuleDescriptionSchema))\n  }, [mod])\n\n  const queries = mod?.queries\n\n  const config = mod?.config\n\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      <Property title=\"Address\" value={mod?.address} />\n\n      <FlexRow gap={1} justifyContent=\"space-between\">\n        <ButtonGroup>\n          {manifest ?\n            <JsonViewerButton variant=\"contained\" src={manifest}>\n              Manifest\n            </JsonViewerButton>\n          : null}\n          {config ?\n            <JsonViewerButton variant=\"contained\" src={config}>\n              Config\n            </JsonViewerButton>\n          : null}\n          {discover ?\n            <JsonViewerButton variant=\"contained\" src={discover}>\n              Discover\n            </JsonViewerButton>\n          : null}\n          {describe ?\n            <JsonViewerButton variant=\"contained\" src={describe}>\n              Describe\n            </JsonViewerButton>\n          : null}\n          {queries ?\n            <JsonViewerButton variant=\"contained\" src={queries}>\n              Queries\n            </JsonViewerButton>\n          : null}\n        </ButtonGroup>\n        <ButtonGroup>\n          <ButtonEx target=\"_blank\" href={`https://explore.xyo.network/block?network=main&address=${mod?.address}`} variant=\"outlined\">\n            Main\n          </ButtonEx>\n          <ButtonEx target=\"_blank\" href={`https://beta.explore.xyo.network/block?network=kerplunk&address=${mod?.address}`} variant=\"outlined\">\n            Kerplunk\n          </ButtonEx>\n          <ButtonEx target=\"_blank\" href={`https://beta.explore.xyo.network/block?network=local&address=${mod?.address}`} variant=\"outlined\">\n            Local\n          </ButtonEx>\n        </ButtonGroup>\n      </FlexRow>\n    </FlexCol>\n  )\n}\n","import { Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material'\nimport { ButtonEx, ButtonExProps } from '@xylabs/react-button'\nimport { JsonViewerEx, JsonViewerExProps } from '@xyo-network/react-payload-raw-info'\nimport { useState } from 'react'\n\nexport interface JsonViewerButtonProps extends ButtonExProps {\n  jsonViewProps?: Partial<JsonViewerExProps>\n  src: object\n}\n\nexport const JsonViewerButton: React.FC<JsonViewerButtonProps> = ({ children, jsonViewProps, src, title, ...props }) => {\n  const [open, setOpen] = useState(false)\n  return (\n    <>\n      <ButtonEx onClick={() => setOpen(!open)} {...props}>\n        {children ?? 'JSON'}\n      </ButtonEx>\n      <Dialog open={open} onClose={() => setOpen(false)}>\n        {title ?\n          <DialogTitle>{title}</DialogTitle>\n        : null}\n        <DialogContent>\n          <JsonViewerEx value={src} {...jsonViewProps} />\n        </DialogContent>\n        <DialogActions>\n          <ButtonEx onClick={() => setOpen(false)}>Close</ButtonEx>\n        </DialogActions>\n      </Dialog>\n    </>\n  )\n}\n","import { isArchivistInstance } from '@xyo-network/archivist-model'\nimport { isBridgeInstance } from '@xyo-network/bridge-model'\nimport { isDivinerInstance } from '@xyo-network/diviner-model'\nimport { isNodeInstance } from '@xyo-network/node-model'\nimport { isSentinelInstance } from '@xyo-network/sentinel-model'\nimport { isWitnessInstance } from '@xyo-network/witness-model'\n\nimport { ArchivistSummary } from './ArchivistSummary'\nimport { BridgeSummary } from './BridgeSummary'\nimport { DivinerSummary } from './DivinerSummary'\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\nimport { NodeSummary } from './NodeSummary'\nimport { SentinelSummary } from './SentinelSummary'\nimport { WitnessSummary } from './WitnessSummary'\n\nexport const TypedModuleSummary: React.FC<ModuleSummaryProps> = ({ mod, ...props }) => {\n  if (isArchivistInstance(mod)) {\n    return <ArchivistSummary mod={mod} {...props} />\n  }\n  if (isDivinerInstance(mod)) {\n    return <DivinerSummary mod={mod} {...props} />\n  }\n  if (isNodeInstance(mod)) {\n    return <NodeSummary mod={mod} {...props} />\n  }\n  if (isWitnessInstance(mod)) {\n    return <WitnessSummary mod={mod} {...props} />\n  }\n  if (isBridgeInstance(mod)) {\n    return <BridgeSummary mod={mod} {...props} />\n  }\n  if (isSentinelInstance(mod)) {\n    return <SentinelSummary mod={mod} {...props} />\n  }\n  return <ModuleSummary mod={mod} {...props} />\n}\n","import { BubbleChartRounded as BubbleChartRoundedIcon } from '@mui/icons-material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const DivinerSummary: React.FC<ModuleSummaryProps<DivinerInstance>> = ({ mod, ...props }) => {\n  return <ModuleSummary mod={mod} icon={<BubbleChartRoundedIcon />} {...props} />\n}\n","import { HubRounded as HubRoundedIcon } from '@mui/icons-material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { NodeManifest } from '@xyo-network/manifest'\nimport { NodeInstance } from '@xyo-network/node-model'\nimport { useWeakModulesFromNode } from '@xyo-network/react-node'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const NodeSummary: React.FC<ModuleSummaryProps<NodeInstance>> = ({ mod, ...props }) => {\n  const [manifest] = usePromise(async () => {\n    return (await mod?.manifest()) as NodeManifest\n  }, [mod])\n\n  const [downModules] = useWeakModulesFromNode(undefined, { direction: 'down' })\n  const [upModules] = useWeakModulesFromNode(undefined, { direction: 'up' })\n\n  const downModulesFromResolve = downModules?.length\n  const upModulesFromResolve = upModules?.length\n\n  const manifestPublicModules = manifest?.modules?.public?.length\n\n  return (\n    <ModuleSummary mod={mod} icon={<HubRoundedIcon />} {...props}>\n      {manifestPublicModules !== undefined && downModulesFromResolve !== undefined && upModulesFromResolve !== undefined ?\n        `[${manifestPublicModules}m/${downModulesFromResolve}↓/${upModulesFromResolve}↑]`\n      : null}\n    </ModuleSummary>\n  )\n}\n","import { TimerRounded as TimerRoundedIcon } from '@mui/icons-material'\nimport { SentinelInstance } from '@xyo-network/sentinel-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const SentinelSummary: React.FC<ModuleSummaryProps<SentinelInstance>> = ({ mod, ...props }) => {\n  return <ModuleSummary mod={mod} icon={<TimerRoundedIcon />} {...props} />\n}\n","import { VisibilityRounded as VisibilityRoundedIcon } from '@mui/icons-material'\nimport { WitnessInstance } from '@xyo-network/witness-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const WitnessSummary: React.FC<ModuleSummaryProps<WitnessInstance>> = ({ mod, ...props }) => {\n  return <ModuleSummary mod={mod} icon={<VisibilityRoundedIcon />} {...props} />\n}\n","import { Paper } from '@mui/material'\nimport { delay } from '@xylabs/delay'\nimport { forget } from '@xylabs/forget'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { ButtonExProps } from '@xylabs/react-button'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { Module } from '@xyo-network/module-model'\nimport { NodeInstance } from '@xyo-network/node-model'\nimport { useProvidedNode } from '@xyo-network/react-node'\nimport { KeyboardEvent, useMemo, useState } from 'react'\n\nimport { DebugDialog } from './DebugDialog'\nimport { PoweredByXyoButton, PoweredByXyoButtonProps } from './PoweredByXyoButton'\n\nexport interface PoweredByXyoProps extends FlexBoxProps {\n  autoStop?: boolean\n  busy?: boolean\n  buttonProps?: PoweredByXyoButtonProps\n  debugDialog?: boolean\n  disableAnimation?: boolean\n  href?: ButtonExProps['href']\n  logoHeight?: number\n  logoTextSize?: number\n  node?: NodeInstance\n  onButtonClick?: ButtonExProps['onClick']\n}\n\nexport const PoweredByXyo: React.FC<PoweredByXyoProps> = ({\n  autoStop,\n  busy,\n  buttonProps = {},\n  debugDialog = false,\n  disableAnimation = false,\n  href = 'https://xyo.network',\n  logoHeight,\n  logoTextSize,\n  onButtonClick,\n  node: propNode,\n  ...props\n}) => {\n  const [node] = useProvidedNode()\n  const [debugDialogOpen, setDebugDialogOpen] = useState(false)\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const busyMap: Record<string, boolean> = useMemo(() => ({}), [node])\n\n  const activeBusy = busy ?? Object.values(busyMap).includes(true)\n\n  const activeOnButtonClick: PoweredByXyoProps['onButtonClick'] =\n    (debugDialog ?\n      (event) => {\n        if (event.shiftKey && event.altKey) {\n          setDebugDialogOpen(true)\n        } else if (href) {\n          window.open(href)\n        }\n      }\n    : undefined) ?? onButtonClick\n\n  const activeHref = activeOnButtonClick ? undefined : href\n\n  const onKeyDownEscListener = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Escape' && debugDialogOpen) {\n      setDebugDialogOpen(false)\n    }\n  }\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async () => {\n      const activeNode = propNode ?? node\n      if (disableAnimation) {\n        return\n      } else if (activeNode) {\n        const mods = await activeNode?.resolve('*')\n        mods?.map((mod) => {\n          mod.on('moduleBusy', ({ module: mod, busy }) => {\n            busyMap[(mod as Module).address] = busy\n            if (autoStop) {\n              forget(\n                (async () => {\n                  await delay(1000)\n                  busyMap[(mod as Module).address] = false\n                })(),\n              )\n            }\n          })\n        })\n        activeNode?.on('moduleBusy', ({ module: mod, busy }) => {\n          busyMap[(mod as Module).address] = busy\n          if (autoStop) {\n            forget(\n              (async () => {\n                await delay(1000)\n                busyMap[(mod as Module).address] = false\n              })(),\n            )\n          }\n        })\n      }\n    },\n    [disableAnimation, propNode, node, busyMap, autoStop],\n  )\n\n  return (\n    <FlexCol alignItems=\"stretch\" position=\"absolute\" bottom=\"0\" left=\"0\" {...props}>\n      <Paper sx={{ borderRadius: 0 }}>\n        <PoweredByXyoButton\n          onClick={activeOnButtonClick}\n          href={activeHref}\n          busy={activeBusy}\n          logoHeight={logoHeight}\n          logoTextSize={logoTextSize}\n          fullWidth\n          {...buttonProps}\n        />\n      </Paper>\n      {debugDialog && debugDialogOpen ?\n        <DebugDialog fullScreen open={debugDialogOpen} onClose={() => setDebugDialogOpen(false)} onKeyDown={onKeyDownEscListener} />\n      : null}\n    </FlexCol>\n  )\n}\n","import { Typography } from '@mui/material'\nimport { ButtonEx, ButtonExProps } from '@xylabs/react-button'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nimport { xyoColorLogoText } from '../img'\nimport { XyoBusy } from './XyoBusy'\n\nexport interface PoweredByXyoButtonProps extends ButtonExProps {\n  busy?: boolean\n  logoHeight?: number\n  logoTextSize?: number\n}\n\nexport const PoweredByXyoButton: React.FC<PoweredByXyoButtonProps> = ({\n  busy = false,\n  href,\n  logoHeight,\n  logoTextSize,\n  sx,\n  target = '_blank',\n  variant = 'text',\n  ...props\n}) => {\n  //preloading image to prevent shifting\n  const [imageLoaded, setImageLoaded] = useState(false)\n  const img = new Image()\n  img.addEventListener('load', () => setImageLoaded(true))\n  img.src = xyoColorLogoText\n  return imageLoaded ?\n      <ButtonEx href={href} target={target} variant={variant} sx={{ borderRadius: 0, padding: 0, ...sx }} {...props}>\n        <FlexCol padding={0.5}>\n          <Typography style={{ fontSize: logoTextSize ?? 10 }} fontSize=\"small\">\n            Powered by\n          </Typography>\n          <FlexRow>\n            <XyoBusy busy={busy} />\n            <img src={xyoColorLogoText} height={logoHeight ?? 24} width={45} />\n          </FlexRow>\n        </FlexCol>\n      </ButtonEx>\n    : null\n}\n","export { default as xyoColorLogo } from './xyo-color-logo.svg'\nexport { default as xyoColorLogoText } from './xyo-color-logo-text-only.svg'\n","import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nimport { xyoColorLogo } from '../img'\n\nexport type XyoBusyProps = Omit<FlexBoxProps, 'children'> & {\n  busy?: boolean\n  spinsPerSecond?: number\n  widthInPixels?: number\n}\n\nexport const XyoBusy: React.FC<XyoBusyProps> = ({ widthInPixels, busy, spinsPerSecond = 0.5, ...props }) => {\n  //preloading image to prevent shifting\n  const [imageLoaded, setImageLoaded] = useState(false)\n  if (!imageLoaded) {\n    const img = new Image()\n    img.addEventListener('load', () => setImageLoaded(true))\n    img.src = xyoColorLogo\n  }\n  return imageLoaded ?\n      <FlexCol\n        sx={{\n          '@keyframes spin': {\n            '0%': {\n              transform: 'rotate(360deg)',\n            },\n            '100%': {\n              transform: 'rotate(0deg)',\n            },\n          },\n          animation: busy ? `spin ${1 / spinsPerSecond}s linear infinite` : undefined,\n          animationDirection: 'reverse',\n        }}\n        {...props}\n      >\n        <img src={xyoColorLogo} height={widthInPixels ?? 22} />\n      </FlexCol>\n    : null\n}\n"],"mappings":"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","names":["Inventory2RoundedIcon","ExtensionIcon","delay","FlexCol","FlexRow","useWeakModulesFromNode","TypographyEx","useState","jsx","jsxs","ModuleSummary","children","icon","mod","props","downModules","upModules","busy","setBusy","downModulesFromResolve","upModulesFromResolve","jsx","ArchivistSummary","mod","props","ModuleSummary","Inventory2RoundedIcon","InsertLinkRoundedIcon","jsx","BridgeSummary","mod","props","ModuleSummary","InsertLinkRoundedIcon","Button","Dialog","DialogActions","DialogContent","DialogTitle","FlexCol","useProvidedNode","useWeakModulesFromNode","ExpandMoreIcon","Accordion","AccordionDetails","AccordionSummary","ButtonGroup","ButtonEx","FlexCol","FlexRow","usePromise","ModuleDescriptionSchema","isPayloadOfSchemaType","Property","Dialog","DialogActions","DialogContent","DialogTitle","ButtonEx","JsonViewerEx","useState","Fragment","jsx","jsxs","JsonViewerButton","children","jsonViewProps","src","title","props","open","setOpen","jsx","jsxs","ModuleDetails","mod","props","manifest","usePromise","discover","describe","isPayloadOfSchemaType","ModuleDescriptionSchema","queries","config","FlexCol","Property","FlexRow","ButtonGroup","JsonViewerButton","ButtonEx","isArchivistInstance","isBridgeInstance","isDivinerInstance","isNodeInstance","isSentinelInstance","isWitnessInstance","BubbleChartRoundedIcon","jsx","DivinerSummary","mod","props","ModuleSummary","BubbleChartRoundedIcon","HubRoundedIcon","usePromise","useWeakModulesFromNode","jsx","NodeSummary","mod","props","manifest","usePromise","downModules","useWeakModulesFromNode","upModules","downModulesFromResolve","upModulesFromResolve","manifestPublicModules","ModuleSummary","HubRoundedIcon","TimerRoundedIcon","jsx","SentinelSummary","mod","props","ModuleSummary","TimerRoundedIcon","VisibilityRoundedIcon","jsx","WitnessSummary","mod","props","ModuleSummary","VisibilityRoundedIcon","jsx","TypedModuleSummary","mod","props","isArchivistInstance","ArchivistSummary","isDivinerInstance","DivinerSummary","isNodeInstance","NodeSummary","isWitnessInstance","WitnessSummary","isBridgeInstance","BridgeSummary","isSentinelInstance","SentinelSummary","ModuleSummary","jsx","jsxs","ModuleAccordion","mod","props","Accordion","AccordionSummary","ExpandMoreIcon","TypedModuleSummary","AccordionDetails","ModuleDetails","Fragment","jsx","NodeDetails","mod","props","node","useProvidedNode","children","useWeakModulesFromNode","FlexCol","child","instance","ModuleAccordion","jsx","jsxs","DebugDialog","onClose","props","Dialog","DialogTitle","DialogContent","NodeDetails","DialogActions","Button","event","Paper","delay","forget","useAsyncEffect","FlexCol","useProvidedNode","useMemo","useState","Typography","ButtonEx","FlexCol","FlexRow","useState","default","FlexCol","useState","jsx","XyoBusy","widthInPixels","busy","spinsPerSecond","props","imageLoaded","setImageLoaded","useState","img","default","FlexCol","jsx","jsxs","PoweredByXyoButton","busy","href","logoHeight","logoTextSize","sx","target","variant","props","imageLoaded","setImageLoaded","useState","img","default","ButtonEx","FlexCol","Typography","FlexRow","XyoBusy","jsx","jsxs","PoweredByXyo","autoStop","busy","buttonProps","debugDialog","disableAnimation","href","logoHeight","logoTextSize","onButtonClick","propNode","props","node","useProvidedNode","debugDialogOpen","setDebugDialogOpen","useState","busyMap","useMemo","activeBusy","activeOnButtonClick","event","activeHref","onKeyDownEscListener","useAsyncEffect","activeNode","mod","forget","delay","FlexCol","Paper","PoweredByXyoButton","DebugDialog"]}
+{"version":3,"sources":["../../src/components/ArchivistSummary.tsx","../../src/components/ModuleSummary.tsx","../../src/components/BridgeSummary.tsx","../../src/components/DebugDialog.tsx","../../src/components/NodeDetails.tsx","../../src/components/ModuleAccordion.tsx","../../src/components/ModuleDetails.tsx","../../src/components/JsonViewerButton.tsx","../../src/components/TypedModuleSummary.tsx","../../src/components/DivinerSummary.tsx","../../src/components/NodeSummary.tsx","../../src/components/SentinelSummary.tsx","../../src/components/WitnessSummary.tsx","../../src/components/PoweredByXyo.tsx","../../src/components/PoweredByXyoButton.tsx","../../src/img/index.ts","../../src/components/XyoBusy.tsx"],"sourcesContent":["import { Inventory2Rounded as Inventory2RoundedIcon } from '@mui/icons-material'\nimport { ArchivistInstance } from '@xyo-network/archivist-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const ArchivistSummary: React.FC<ModuleSummaryProps<ArchivistInstance>> = ({ mod, ...props }) => {\n  return <ModuleSummary mod={mod} icon={<Inventory2RoundedIcon />} {...props} />\n}\n","import { Extension as ExtensionIcon } from '@mui/icons-material'\nimport { delay } from '@xylabs/delay'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { useWeakModulesFromNode } from '@xyo-network/react-node'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport { ReactNode, useState } from 'react'\n\nexport interface ModuleSummaryProps<T extends ModuleInstance = ModuleInstance> extends FlexBoxProps {\n  icon?: ReactNode\n  mod?: T\n}\n\nexport const ModuleSummary: React.FC<ModuleSummaryProps> = ({ children, icon, mod, ...props }) => {\n  const [downModules] = useWeakModulesFromNode(undefined, { direction: 'down' })\n  const [upModules] = useWeakModulesFromNode(undefined, { direction: 'up' })\n  const [busy, setBusy] = useState(false)\n\n  const downModulesFromResolve = downModules?.length\n  const upModulesFromResolve = upModules?.length\n\n  mod?.on('moduleBusy', async ({ busy }) => {\n    setBusy(busy)\n    await delay(2000)\n    setBusy(false)\n  })\n\n  return (\n    <FlexCol alignItems=\"stretch\" width=\"100%\" {...props}>\n      <FlexRow justifyContent=\"flex-start\">\n        <FlexRow>\n          <TypographyEx color={busy ? 'gray' : undefined}>{icon ?? <ExtensionIcon />}</TypographyEx>\n          <TypographyEx marginX={1}>{mod?.config?.name ?? '<Unknown>'}</TypographyEx>\n        </FlexRow>\n        {children ?? (downModulesFromResolve !== undefined && upModulesFromResolve !== undefined) ?\n          `[${downModulesFromResolve}↓/${upModulesFromResolve}↑]`\n        : null}\n      </FlexRow>\n    </FlexCol>\n  )\n}\n","import { InsertLinkRounded as InsertLinkRoundedIcon } from '@mui/icons-material'\nimport { BridgeInstance } from '@xyo-network/bridge-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const BridgeSummary: React.FC<ModuleSummaryProps<BridgeInstance>> = ({ mod, ...props }) => {\n  return <ModuleSummary mod={mod} icon={<InsertLinkRoundedIcon />} {...props}></ModuleSummary>\n}\n","import { Button, Dialog, DialogActions, DialogContent, DialogProps, DialogTitle } from '@mui/material'\n\nimport { NodeDetails } from './NodeDetails'\n\nexport interface DebugDialogProps extends DialogProps {}\n\nexport const DebugDialog: React.FC<DebugDialogProps> = ({ onClose, ...props }) => {\n  return (\n    <Dialog {...props}>\n      <DialogTitle>Xyo Module Viewer</DialogTitle>\n      <DialogContent>\n        <NodeDetails width=\"100%\" />\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={(event) => onClose?.(event, 'backdropClick')}>Close</Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n","import { FlexCol } from '@xylabs/react-flexbox'\nimport { NodeInstance } from '@xyo-network/node-model'\nimport { useProvidedNode, useWeakModulesFromNode } from '@xyo-network/react-node'\n\nimport { ModuleAccordion } from './ModuleAccordion'\nimport { ModuleDetailsProps } from './ModuleDetails'\n\nexport interface NodeViewerProps extends ModuleDetailsProps<NodeInstance> {}\n\nexport const NodeDetails: React.FC<NodeViewerProps> = ({ mod, ...props }) => {\n  const [node = mod] = useProvidedNode()\n\n  const [children] = useWeakModulesFromNode(undefined, { node: node ?? undefined })\n\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      {children ?\n        <>\n          <FlexCol alignItems=\"stretch\" marginY={1}>\n            {children?.map((child) => {\n              const instance = child.deref()\n              return instance ? <ModuleAccordion key={instance.address} mod={instance} /> : null\n            })}\n          </FlexCol>\n        </>\n      : null}\n    </FlexCol>\n  )\n}\n","import { ExpandMore as ExpandMoreIcon } from '@mui/icons-material'\nimport { ModuleInstance } from '@xyo-network/module-model'\n\nexport interface ModuleAccordionProps<T extends ModuleInstance = ModuleInstance> extends Omit<AccordionProps, 'children'> {\n  mod?: T\n}\n\nimport { Accordion, AccordionDetails, AccordionProps, AccordionSummary } from '@mui/material'\n\nimport { ModuleDetails } from './ModuleDetails'\nimport { TypedModuleSummary } from './TypedModuleSummary'\n\nexport const ModuleAccordion: React.FC<ModuleAccordionProps> = ({ mod, ...props }) => {\n  return (\n    <Accordion {...props}>\n      <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n        <TypedModuleSummary mod={mod} />\n      </AccordionSummary>\n      <AccordionDetails>\n        <ModuleDetails mod={mod} />\n      </AccordionDetails>\n    </Accordion>\n  )\n}\n","import { ButtonGroup } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleDescriptionPayload, ModuleDescriptionSchema, ModuleInstance } from '@xyo-network/module-model'\nimport { isPayloadOfSchemaType } from '@xyo-network/payload-model'\nimport { Property } from '@xyo-network/react-property'\n\nimport { JsonViewerButton } from './JsonViewerButton'\n\nexport interface ModuleDetailsProps<T extends ModuleInstance = ModuleInstance> extends FlexBoxProps {\n  mod?: T\n}\n\nexport const ModuleDetails: React.FC<ModuleDetailsProps> = ({ mod, ...props }) => {\n  const [manifest] = usePromise(async () => {\n    return await mod?.manifest()\n  }, [mod])\n\n  const [discover] = usePromise(async () => {\n    return await mod?.state()\n  }, [mod])\n\n  const [describe] = usePromise(async () => {\n    const state = await mod?.state()\n    return state?.find<ModuleDescriptionPayload>(isPayloadOfSchemaType(ModuleDescriptionSchema))\n  }, [mod])\n\n  const queries = mod?.queries\n\n  const config = mod?.config\n\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      <Property title=\"Address\" value={mod?.address} />\n\n      <FlexRow gap={1} justifyContent=\"space-between\">\n        <ButtonGroup>\n          {manifest ?\n            <JsonViewerButton variant=\"contained\" src={manifest}>\n              Manifest\n            </JsonViewerButton>\n          : null}\n          {config ?\n            <JsonViewerButton variant=\"contained\" src={config}>\n              Config\n            </JsonViewerButton>\n          : null}\n          {discover ?\n            <JsonViewerButton variant=\"contained\" src={discover}>\n              Discover\n            </JsonViewerButton>\n          : null}\n          {describe ?\n            <JsonViewerButton variant=\"contained\" src={describe}>\n              Describe\n            </JsonViewerButton>\n          : null}\n          {queries ?\n            <JsonViewerButton variant=\"contained\" src={queries}>\n              Queries\n            </JsonViewerButton>\n          : null}\n        </ButtonGroup>\n        <ButtonGroup>\n          <ButtonEx target=\"_blank\" href={`https://explore.xyo.network/block?network=main&address=${mod?.address}`} variant=\"outlined\">\n            Main\n          </ButtonEx>\n          <ButtonEx target=\"_blank\" href={`https://beta.explore.xyo.network/block?network=kerplunk&address=${mod?.address}`} variant=\"outlined\">\n            Kerplunk\n          </ButtonEx>\n          <ButtonEx target=\"_blank\" href={`https://beta.explore.xyo.network/block?network=local&address=${mod?.address}`} variant=\"outlined\">\n            Local\n          </ButtonEx>\n        </ButtonGroup>\n      </FlexRow>\n    </FlexCol>\n  )\n}\n","import { Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material'\nimport { ButtonEx, ButtonExProps } from '@xylabs/react-button'\nimport { JsonViewerEx, JsonViewerExProps } from '@xyo-network/react-payload-raw-info'\nimport { useState } from 'react'\n\nexport interface JsonViewerButtonProps extends ButtonExProps {\n  jsonViewProps?: Partial<JsonViewerExProps>\n  src: object\n}\n\nexport const JsonViewerButton: React.FC<JsonViewerButtonProps> = ({ children, jsonViewProps, src, title, ...props }) => {\n  const [open, setOpen] = useState(false)\n  return (\n    <>\n      <ButtonEx onClick={() => setOpen(!open)} {...props}>\n        {children ?? 'JSON'}\n      </ButtonEx>\n      <Dialog open={open} onClose={() => setOpen(false)}>\n        {title ?\n          <DialogTitle>{title}</DialogTitle>\n        : null}\n        <DialogContent>\n          <JsonViewerEx value={src} {...jsonViewProps} />\n        </DialogContent>\n        <DialogActions>\n          <ButtonEx onClick={() => setOpen(false)}>Close</ButtonEx>\n        </DialogActions>\n      </Dialog>\n    </>\n  )\n}\n","import { isArchivistInstance } from '@xyo-network/archivist-model'\nimport { isBridgeInstance } from '@xyo-network/bridge-model'\nimport { isDivinerInstance } from '@xyo-network/diviner-model'\nimport { isNodeInstance } from '@xyo-network/node-model'\nimport { isSentinelInstance } from '@xyo-network/sentinel-model'\nimport { isWitnessInstance } from '@xyo-network/witness-model'\n\nimport { ArchivistSummary } from './ArchivistSummary'\nimport { BridgeSummary } from './BridgeSummary'\nimport { DivinerSummary } from './DivinerSummary'\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\nimport { NodeSummary } from './NodeSummary'\nimport { SentinelSummary } from './SentinelSummary'\nimport { WitnessSummary } from './WitnessSummary'\n\nexport const TypedModuleSummary: React.FC<ModuleSummaryProps> = ({ mod, ...props }) => {\n  if (isArchivistInstance(mod)) {\n    return <ArchivistSummary mod={mod} {...props} />\n  }\n  if (isDivinerInstance(mod)) {\n    return <DivinerSummary mod={mod} {...props} />\n  }\n  if (isNodeInstance(mod)) {\n    return <NodeSummary mod={mod} {...props} />\n  }\n  if (isWitnessInstance(mod)) {\n    return <WitnessSummary mod={mod} {...props} />\n  }\n  if (isBridgeInstance(mod)) {\n    return <BridgeSummary mod={mod} {...props} />\n  }\n  if (isSentinelInstance(mod)) {\n    return <SentinelSummary mod={mod} {...props} />\n  }\n  return <ModuleSummary mod={mod} {...props} />\n}\n","import { BubbleChartRounded as BubbleChartRoundedIcon } from '@mui/icons-material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const DivinerSummary: React.FC<ModuleSummaryProps<DivinerInstance>> = ({ mod, ...props }) => {\n  return <ModuleSummary mod={mod} icon={<BubbleChartRoundedIcon />} {...props} />\n}\n","import { HubRounded as HubRoundedIcon } from '@mui/icons-material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { NodeManifest } from '@xyo-network/manifest'\nimport { NodeInstance } from '@xyo-network/node-model'\nimport { useWeakModulesFromNode } from '@xyo-network/react-node'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const NodeSummary: React.FC<ModuleSummaryProps<NodeInstance>> = ({ mod, ...props }) => {\n  const [manifest] = usePromise(async () => {\n    return (await mod?.manifest()) as NodeManifest\n  }, [mod])\n\n  const [downModules] = useWeakModulesFromNode(undefined, { direction: 'down' })\n  const [upModules] = useWeakModulesFromNode(undefined, { direction: 'up' })\n\n  const downModulesFromResolve = downModules?.length\n  const upModulesFromResolve = upModules?.length\n\n  const manifestPublicModules = manifest?.modules?.public?.length\n\n  return (\n    <ModuleSummary mod={mod} icon={<HubRoundedIcon />} {...props}>\n      {manifestPublicModules !== undefined && downModulesFromResolve !== undefined && upModulesFromResolve !== undefined ?\n        `[${manifestPublicModules}m/${downModulesFromResolve}↓/${upModulesFromResolve}↑]`\n      : null}\n    </ModuleSummary>\n  )\n}\n","import { TimerRounded as TimerRoundedIcon } from '@mui/icons-material'\nimport { SentinelInstance } from '@xyo-network/sentinel-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const SentinelSummary: React.FC<ModuleSummaryProps<SentinelInstance>> = ({ mod, ...props }) => {\n  return <ModuleSummary mod={mod} icon={<TimerRoundedIcon />} {...props} />\n}\n","import { VisibilityRounded as VisibilityRoundedIcon } from '@mui/icons-material'\nimport { WitnessInstance } from '@xyo-network/witness-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const WitnessSummary: React.FC<ModuleSummaryProps<WitnessInstance>> = ({ mod, ...props }) => {\n  return <ModuleSummary mod={mod} icon={<VisibilityRoundedIcon />} {...props} />\n}\n","import { Paper } from '@mui/material'\nimport { delay } from '@xylabs/delay'\nimport { forget } from '@xylabs/forget'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { ButtonExProps } from '@xylabs/react-button'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { Module } from '@xyo-network/module-model'\nimport { NodeInstance } from '@xyo-network/node-model'\nimport { useProvidedNode } from '@xyo-network/react-node'\nimport { KeyboardEvent, useMemo, useState } from 'react'\n\nimport { DebugDialog } from './DebugDialog'\nimport { PoweredByXyoButton, PoweredByXyoButtonProps } from './PoweredByXyoButton'\n\nexport interface PoweredByXyoProps extends FlexBoxProps {\n  autoStop?: boolean\n  busy?: boolean\n  buttonProps?: PoweredByXyoButtonProps\n  debugDialog?: boolean\n  disableAnimation?: boolean\n  href?: ButtonExProps['href']\n  logoHeight?: number\n  logoTextSize?: number\n  node?: NodeInstance\n  onButtonClick?: ButtonExProps['onClick']\n}\n\nexport const PoweredByXyo: React.FC<PoweredByXyoProps> = ({\n  autoStop,\n  busy,\n  buttonProps = {},\n  debugDialog = false,\n  disableAnimation = false,\n  href = 'https://xyo.network',\n  logoHeight,\n  logoTextSize,\n  onButtonClick,\n  node: propNode,\n  ...props\n}) => {\n  const [node] = useProvidedNode()\n  const [debugDialogOpen, setDebugDialogOpen] = useState(false)\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const busyMap: Record<string, boolean> = useMemo(() => ({}), [node])\n\n  const activeBusy = busy ?? Object.values(busyMap).includes(true)\n\n  const activeOnButtonClick: PoweredByXyoProps['onButtonClick'] =\n    (debugDialog ?\n      (event) => {\n        if (event.shiftKey && event.altKey) {\n          setDebugDialogOpen(true)\n        } else if (href) {\n          window.open(href)\n        }\n      }\n    : undefined) ?? onButtonClick\n\n  const activeHref = activeOnButtonClick ? undefined : href\n\n  const onKeyDownEscListener = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Escape' && debugDialogOpen) {\n      setDebugDialogOpen(false)\n    }\n  }\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async () => {\n      const activeNode = propNode ?? node\n      if (disableAnimation) {\n        return\n      } else if (activeNode) {\n        const mods = await activeNode?.resolve('*')\n        mods?.map((mod) => {\n          mod.on('moduleBusy', ({ module: mod, busy }) => {\n            busyMap[(mod as Module).address] = busy\n            if (autoStop) {\n              forget(\n                (async () => {\n                  await delay(1000)\n                  busyMap[(mod as Module).address] = false\n                })(),\n              )\n            }\n          })\n        })\n        activeNode?.on('moduleBusy', ({ module: mod, busy }) => {\n          busyMap[(mod as Module).address] = busy\n          if (autoStop) {\n            forget(\n              (async () => {\n                await delay(1000)\n                busyMap[(mod as Module).address] = false\n              })(),\n            )\n          }\n        })\n      }\n    },\n    [disableAnimation, propNode, node, busyMap, autoStop],\n  )\n\n  return (\n    <FlexCol alignItems=\"stretch\" position=\"absolute\" bottom=\"0\" left=\"0\" {...props}>\n      <Paper sx={{ borderRadius: 0 }}>\n        <PoweredByXyoButton\n          onClick={activeOnButtonClick}\n          href={activeHref}\n          busy={activeBusy}\n          logoHeight={logoHeight}\n          logoTextSize={logoTextSize}\n          fullWidth\n          {...buttonProps}\n        />\n      </Paper>\n      {debugDialog && debugDialogOpen ?\n        <DebugDialog fullScreen open={debugDialogOpen} onClose={() => setDebugDialogOpen(false)} onKeyDown={onKeyDownEscListener} />\n      : null}\n    </FlexCol>\n  )\n}\n","import { Typography } from '@mui/material'\nimport { ButtonEx, ButtonExProps } from '@xylabs/react-button'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nimport { xyoColorLogoText } from '../img'\nimport { XyoBusy } from './XyoBusy'\n\nexport interface PoweredByXyoButtonProps extends ButtonExProps {\n  busy?: boolean\n  logoHeight?: number\n  logoTextSize?: number\n}\n\nexport const PoweredByXyoButton: React.FC<PoweredByXyoButtonProps> = ({\n  busy = false,\n  href,\n  logoHeight,\n  logoTextSize,\n  sx,\n  target = '_blank',\n  variant = 'text',\n  ...props\n}) => {\n  //preloading image to prevent shifting\n  const [imageLoaded, setImageLoaded] = useState(false)\n  const img = new Image()\n  img.addEventListener('load', () => setImageLoaded(true))\n  img.src = xyoColorLogoText\n  return imageLoaded ?\n      <ButtonEx href={href} target={target} variant={variant} sx={{ borderRadius: 0, padding: 0, ...sx }} {...props}>\n        <FlexCol padding={0.5}>\n          <Typography style={{ fontSize: logoTextSize ?? 10 }} fontSize=\"small\">\n            Powered by\n          </Typography>\n          <FlexRow>\n            <XyoBusy busy={busy} />\n            <img src={xyoColorLogoText} height={logoHeight ?? 24} width={45} />\n          </FlexRow>\n        </FlexCol>\n      </ButtonEx>\n    : null\n}\n","export { default as xyoColorLogo } from './xyo-color-logo.svg'\nexport { default as xyoColorLogoText } from './xyo-color-logo-text-only.svg'\n","import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nimport { xyoColorLogo } from '../img'\n\nexport type XyoBusyProps = Omit<FlexBoxProps, 'children'> & {\n  busy?: boolean\n  spinsPerSecond?: number\n  widthInPixels?: number\n}\n\nexport const XyoBusy: React.FC<XyoBusyProps> = ({ widthInPixels, busy, spinsPerSecond = 0.5, ...props }) => {\n  //preloading image to prevent shifting\n  const [imageLoaded, setImageLoaded] = useState(false)\n  if (!imageLoaded) {\n    const img = new Image()\n    img.addEventListener('load', () => setImageLoaded(true))\n    img.src = xyoColorLogo\n  }\n  return imageLoaded ?\n      <FlexCol\n        sx={{\n          '@keyframes spin': {\n            '0%': {\n              transform: 'rotate(360deg)',\n            },\n            '100%': {\n              transform: 'rotate(0deg)',\n            },\n          },\n          animation: busy ? `spin ${1 / spinsPerSecond}s linear infinite` : undefined,\n          animationDirection: 'reverse',\n        }}\n        {...props}\n      >\n        <img src={xyoColorLogo} height={widthInPixels ?? 22} />\n      </FlexCol>\n    : null\n}\n"],"mappings":"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","names":["busy","jsx","jsx","Dialog","DialogActions","DialogContent","DialogTitle","FlexCol","useWeakModulesFromNode","ButtonEx","FlexCol","FlexRow","useState","jsx","jsxs","jsx","jsxs","FlexCol","FlexRow","ButtonEx","jsx","usePromise","useWeakModulesFromNode","jsx","usePromise","useWeakModulesFromNode","jsx","jsx","jsx","jsx","jsxs","Fragment","jsx","useWeakModulesFromNode","FlexCol","jsx","jsxs","Dialog","DialogTitle","DialogContent","DialogActions","delay","FlexCol","useProvidedNode","useState","ButtonEx","FlexCol","FlexRow","useState","default","FlexCol","useState","jsx","useState","default","FlexCol","jsx","jsxs","useState","default","ButtonEx","FlexCol","FlexRow","jsx","jsxs","useProvidedNode","useState","mod","busy","delay","FlexCol"]}