envio 3.0.0-alpha.21 → 3.0.0-alpha.23

package/src/tui/Tui.res.mjs

@@ -1,337 +1,339 @@
 // Generated by ReScript, PLEASE EDIT WITH CARE
 
 import * as Env from "../Env.res.mjs";
-import * as $$Ink from "./bindings/Ink.res.mjs";
-import * as $$Ink$1 from "ink";
-import * as Caml from "rescript/lib/es6/caml.js";
+import * as Ink from "./bindings/Ink.res.mjs";
+import * as Ink$1 from "ink";
+import * as Envio from "../Envio.res.mjs";
 import * as React from "react";
-import * as $$String from "rescript/lib/es6/string.js";
 import * as SyncETA from "./components/SyncETA.res.mjs";
 import * as TuiData from "./components/TuiData.res.mjs";
 import * as ChainMap from "../ChainMap.res.mjs";
 import * as Messages from "./components/Messages.res.mjs";
-import * as Belt_Array from "rescript/lib/es6/belt_Array.js";
 import * as FetchState from "../FetchState.res.mjs";
-import * as Belt_Option from "rescript/lib/es6/belt_Option.js";
-import * as Caml_option from "rescript/lib/es6/caml_option.js";
 import * as ChainFetcher from "../ChainFetcher.res.mjs";
+import * as Stdlib_Array from "@rescript/runtime/lib/es6/Stdlib_Array.js";
 import InkBigText from "ink-big-text";
+import * as Primitive_int from "@rescript/runtime/lib/es6/Primitive_int.js";
 import * as SourceManager from "../sources/SourceManager.res.mjs";
+import * as Stdlib_Option from "@rescript/runtime/lib/es6/Stdlib_Option.js";
 import * as JsxRuntime from "react/jsx-runtime";
 import * as BufferedProgressBar from "./components/BufferedProgressBar.res.mjs";
 
 function Tui$ChainLine(props) {
-  var poweredByHyperSync = props.poweredByHyperSync;
-  var endBlock = props.endBlock;
-  var startBlock = props.startBlock;
-  var sourceBlock = props.sourceBlock;
-  var bufferBlock = props.bufferBlock;
-  var progressBlock = props.progressBlock;
-  var chainId = props.chainId;
-  var chainsWidth = Caml.int_min(props.stdoutColumns - 2 | 0, 60);
-  var headerWidth = props.maxChainIdLength + 10 | 0;
+  let poweredByHyperSync = props.poweredByHyperSync;
+  let endBlock = props.endBlock;
+  let startBlock = props.startBlock;
+  let sourceBlock = props.sourceBlock;
+  let bufferBlock = props.bufferBlock;
+  let progressBlock = props.progressBlock;
+  let chainId = props.chainId;
+  let chainsWidth = Primitive_int.min(props.stdoutColumns - 2 | 0, 60);
+  let headerWidth = props.maxChainIdLength + 10 | 0;
   if (progressBlock !== undefined && bufferBlock !== undefined && sourceBlock !== undefined) {
-    var toBlock = endBlock !== undefined && sourceBlock >= endBlock ? endBlock : sourceBlock;
-    var progressBlockStr = TuiData.formatLocaleString(progressBlock);
-    var toBlockStr = TuiData.formatLocaleString(toBlock);
-    var eventsStr = TuiData.formatFloatLocaleString(props.eventsProcessed);
-    var blocksText = "Blocks: " + progressBlockStr + " / " + toBlockStr + (
-      Belt_Option.isSome(endBlock) ? " (End Block)" : ""
-    ) + "  ";
-    var eventsText = "Events: " + eventsStr;
-    var fitsSameLine = (blocksText.length + eventsText.length | 0) <= chainsWidth;
-    return JsxRuntime.jsxs($$Ink$1.Box, {
-                children: [
-                  JsxRuntime.jsxs($$Ink$1.Box, {
-                        children: [
-                          JsxRuntime.jsxs($$Ink$1.Box, {
-                                children: [
-                                  JsxRuntime.jsx($$Ink$1.Text, {
-                                        children: "Chain: "
-                                      }),
-                                  JsxRuntime.jsx($$Ink$1.Text, {
-                                        children: chainId,
-                                        bold: true
-                                      }),
-                                  JsxRuntime.jsx($$Ink$1.Text, {
-                                        children: " "
-                                      }),
-                                  poweredByHyperSync ? JsxRuntime.jsx($$Ink$1.Text, {
-                                          children: "⚡",
-                                          color: "#FFBB2F"
-                                        }) : null
-                                ],
-                                width: headerWidth
-                              }),
-                          JsxRuntime.jsx(BufferedProgressBar.make, {
-                                loaded: progressBlock - startBlock | 0,
-                                buffered: bufferBlock - startBlock | 0,
-                                outOf: toBlock - startBlock | 0,
-                                barWidth: chainsWidth - headerWidth | 0,
-                                loadingColor: "#FFBB2F"
-                              })
-                        ],
-                        width: chainsWidth,
-                        flexDirection: "row"
-                      }),
-                  JsxRuntime.jsxs($$Ink$1.Box, {
-                        children: [
-                          JsxRuntime.jsx($$Ink$1.Text, {
-                                children: blocksText,
-                                color: "gray"
-                              }),
-                          fitsSameLine ? JsxRuntime.jsx($$Ink$1.Text, {
-                                  children: eventsText,
-                                  color: "gray"
-                                }) : null
-                        ],
-                        flexDirection: "row"
-                      }),
-                  fitsSameLine ? null : JsxRuntime.jsx($$Ink$1.Box, {
-                          children: Caml_option.some(JsxRuntime.jsx($$Ink$1.Text, {
-                                    children: $$String.trim(eventsText),
-                                    color: "gray"
-                                  })),
-                          flexDirection: "row"
-                        }),
-                  JsxRuntime.jsx($$Ink.Newline.make, {})
-                ],
-                flexDirection: "column"
-              });
+    let toBlock = endBlock !== undefined ? Primitive_int.min(sourceBlock, endBlock) : sourceBlock;
+    let progressBlockStr = TuiData.formatLocaleString(progressBlock);
+    let toBlockStr = TuiData.formatLocaleString(toBlock);
+    let eventsStr = TuiData.formatFloatLocaleString(props.eventsProcessed);
+    let blocksText = `Blocks: ` + progressBlockStr + ` / ` + toBlockStr + (
+      Stdlib_Option.isSome(endBlock) ? " (End Block)" : ""
+    ) + `  `;
+    let eventsText = `Events: ` + eventsStr;
+    let fitsSameLine = (blocksText.length + eventsText.length | 0) <= chainsWidth;
+    return JsxRuntime.jsxs(Ink$1.Box, {
+      children: [
+        JsxRuntime.jsxs(Ink$1.Box, {
+          children: [
+            JsxRuntime.jsxs(Ink$1.Box, {
+              children: [
+                JsxRuntime.jsx(Ink$1.Text, {
+                  children: "Chain: "
+                }),
+                JsxRuntime.jsx(Ink$1.Text, {
+                  children: chainId,
+                  bold: true
+                }),
+                JsxRuntime.jsx(Ink$1.Text, {
+                  children: " "
+                }),
+                poweredByHyperSync ? JsxRuntime.jsx(Ink$1.Text, {
+                    children: "⚡",
+                    color: "#FFBB2F"
+                  }) : null
+              ],
+              width: headerWidth
+            }),
+            JsxRuntime.jsx(BufferedProgressBar.make, {
+              loaded: progressBlock - startBlock | 0,
+              buffered: bufferBlock - startBlock | 0,
+              outOf: toBlock - startBlock | 0,
+              barWidth: chainsWidth - headerWidth | 0,
+              loadingColor: "#FFBB2F"
+            })
+          ],
+          width: chainsWidth,
+          flexDirection: "row"
+        }),
+        JsxRuntime.jsxs(Ink$1.Box, {
+          children: [
+            JsxRuntime.jsx(Ink$1.Text, {
+              children: blocksText,
+              color: "gray"
+            }),
+            fitsSameLine ? JsxRuntime.jsx(Ink$1.Text, {
+                children: eventsText,
+                color: "gray"
+              }) : null
+          ],
+          flexDirection: "row"
+        }),
+        fitsSameLine ? null : JsxRuntime.jsx(Ink$1.Box, {
+            children: JsxRuntime.jsx(Ink$1.Text, {
+              children: eventsText.trim(),
+              color: "gray"
+            }),
+            flexDirection: "row"
+          }),
+        JsxRuntime.jsx(Ink.Newline.make, {})
+      ],
+      flexDirection: "column"
+    });
   }
   return JsxRuntime.jsxs(JsxRuntime.Fragment, {
-              children: [
-                JsxRuntime.jsxs($$Ink$1.Box, {
-                      children: [
-                        JsxRuntime.jsxs($$Ink$1.Box, {
-                              children: [
-                                JsxRuntime.jsx($$Ink$1.Text, {
-                                      children: "Chain: "
-                                    }),
-                                JsxRuntime.jsx($$Ink$1.Text, {
-                                      children: chainId,
-                                      bold: true
-                                    }),
-                                JsxRuntime.jsx($$Ink$1.Text, {
-                                      children: " "
-                                    }),
-                                poweredByHyperSync ? JsxRuntime.jsx($$Ink$1.Text, {
-                                        children: "⚡",
-                                        color: "#FFBB2F"
-                                      }) : null
-                              ],
-                              width: headerWidth
-                            }),
-                        JsxRuntime.jsx($$Ink$1.Text, {
-                              children: "Loading progress..."
-                            })
-                      ],
-                      width: chainsWidth,
-                      flexDirection: "row"
-                    }),
-                JsxRuntime.jsx($$Ink.Newline.make, {})
-              ]
-            });
+    children: [
+      JsxRuntime.jsxs(Ink$1.Box, {
+        children: [
+          JsxRuntime.jsxs(Ink$1.Box, {
+            children: [
+              JsxRuntime.jsx(Ink$1.Text, {
+                children: "Chain: "
+              }),
+              JsxRuntime.jsx(Ink$1.Text, {
+                children: chainId,
+                bold: true
+              }),
+              JsxRuntime.jsx(Ink$1.Text, {
+                children: " "
+              }),
+              poweredByHyperSync ? JsxRuntime.jsx(Ink$1.Text, {
+                  children: "⚡",
+                  color: "#FFBB2F"
+                }) : null
+            ],
+            width: headerWidth
+          }),
+          JsxRuntime.jsx(Ink$1.Text, {
+            children: "Loading progress..."
+          })
+        ],
+        width: chainsWidth,
+        flexDirection: "row"
+      }),
+      JsxRuntime.jsx(Ink.Newline.make, {})
+    ]
+  });
 }
 
-var ChainLine = {
+let ChainLine = {
   make: Tui$ChainLine
 };
 
 function Tui$TotalEventsProcessed(props) {
-  return JsxRuntime.jsxs($$Ink$1.Text, {
-              children: [
-                JsxRuntime.jsx($$Ink$1.Text, {
-                      children: "Total Events: ",
-                      bold: true
-                    }),
-                JsxRuntime.jsx($$Ink$1.Text, {
-                      children: TuiData.formatFloatLocaleString(props.totalEventsProcessed),
-                      color: "#FFBB2F"
-                    })
-              ]
-            });
+  return JsxRuntime.jsxs(Ink$1.Text, {
+    children: [
+      JsxRuntime.jsx(Ink$1.Text, {
+        children: "Total Events: ",
+        bold: true
+      }),
+      JsxRuntime.jsx(Ink$1.Text, {
+        children: TuiData.formatFloatLocaleString(props.totalEventsProcessed),
+        color: "#FFBB2F"
+      })
+    ]
+  });
 }
 
-var TotalEventsProcessed = {
+let TotalEventsProcessed = {
   make: Tui$TotalEventsProcessed
 };
 
 function Tui$App(props) {
-  var getState = props.getState;
-  var stdoutColumns = $$Ink.Hooks.useStdoutColumns();
-  var match = React.useState(function () {
-        return getState();
-      });
-  var setState = match[1];
-  var state = match[0];
-  React.useEffect((function () {
-          var intervalId = setInterval((function () {
-                  setState(function (param) {
-                        return getState();
-                      });
-                }), 500);
-          return (function () {
-                    clearInterval(intervalId);
-                  });
-        }), [getState]);
-  var chains = Belt_Array.map(ChainMap.values(state.chainManager.chainFetchers), (function (cf) {
-          var numEventsProcessed = cf.numEventsProcessed;
-          var latestFetchedBlockNumber = Caml.int_max(FetchState.bufferBlockNumber(cf.fetchState), 0);
-          var hasProcessedToEndblock = ChainFetcher.hasProcessedToEndblock(cf);
-          var knownHeight = ChainFetcher.hasProcessedToEndblock(cf) ? Belt_Option.getWithDefault(cf.fetchState.endBlock, cf.fetchState.knownHeight) : cf.fetchState.knownHeight;
-          var firstEventBlock = cf.fetchState.firstEventBlock;
-          var progress;
-          if (hasProcessedToEndblock) {
-            progress = {
+  let getState = props.getState;
+  let stdoutColumns = Ink.Hooks.useStdoutColumns();
+  let match = React.useState(() => getState());
+  let setState = match[1];
+  let state = match[0];
+  React.useEffect(() => {
+    let intervalId = setInterval(() => setState(param => getState()), 500);
+    return () => {
+      clearInterval(intervalId);
+    };
+  }, [getState]);
+  let chains = ChainMap.values(state.chainManager.chainFetchers).map(cf => {
+    let numEventsProcessed = cf.numEventsProcessed;
+    let latestFetchedBlockNumber = Primitive_int.max(FetchState.bufferBlockNumber(cf.fetchState), 0);
+    let hasProcessedToEndblock = ChainFetcher.hasProcessedToEndblock(cf);
+    let knownHeight = ChainFetcher.hasProcessedToEndblock(cf) ? Stdlib_Option.getOr(cf.fetchState.endBlock, cf.fetchState.knownHeight) : cf.fetchState.knownHeight;
+    let firstEventBlock = cf.fetchState.firstEventBlock;
+    let progress;
+    if (hasProcessedToEndblock) {
+      progress = {
+        TAG: "Synced",
+        _0: {
+          firstEventBlockNumber: Stdlib_Option.getOr(firstEventBlock, 0),
+          latestProcessedBlock: cf.committedProgressBlockNumber,
+          numEventsProcessed: numEventsProcessed,
+          timestampCaughtUpToHeadOrEndblock: Stdlib_Option.getOr(cf.timestampCaughtUpToHeadOrEndblock, new Date(Date.now()))
+        }
+      };
+    } else {
+      let match = cf.timestampCaughtUpToHeadOrEndblock;
+      progress = firstEventBlock !== undefined ? (
+          match !== undefined ? ({
               TAG: "Synced",
               _0: {
-                firstEventBlockNumber: Belt_Option.getWithDefault(firstEventBlock, 0),
+                firstEventBlockNumber: firstEventBlock,
                 latestProcessedBlock: cf.committedProgressBlockNumber,
                 numEventsProcessed: numEventsProcessed,
-                timestampCaughtUpToHeadOrEndblock: Belt_Option.getWithDefault(cf.timestampCaughtUpToHeadOrEndblock, new Date(Date.now()))
+                timestampCaughtUpToHeadOrEndblock: match
               }
-            };
-          } else {
-            var match = cf.timestampCaughtUpToHeadOrEndblock;
-            progress = firstEventBlock !== undefined ? (
-                match !== undefined ? ({
-                      TAG: "Synced",
-                      _0: {
-                        firstEventBlockNumber: firstEventBlock,
-                        latestProcessedBlock: cf.committedProgressBlockNumber,
-                        numEventsProcessed: numEventsProcessed,
-                        timestampCaughtUpToHeadOrEndblock: Caml_option.valFromOption(match)
-                      }
-                    }) : ({
-                      TAG: "Syncing",
-                      _0: {
-                        firstEventBlockNumber: firstEventBlock,
-                        latestProcessedBlock: cf.committedProgressBlockNumber,
-                        numEventsProcessed: numEventsProcessed
-                      }
-                    })
-              ) : "SearchingForEvents";
-          }
-          return {
-                  chainId: String(cf.chainConfig.id),
-                  eventsProcessed: numEventsProcessed,
-                  progressBlock: cf.committedProgressBlockNumber < cf.fetchState.startBlock ? cf.fetchState.startBlock : cf.committedProgressBlockNumber,
-                  bufferBlock: latestFetchedBlockNumber,
-                  sourceBlock: cf.fetchState.knownHeight,
-                  startBlock: cf.fetchState.startBlock,
-                  endBlock: cf.fetchState.endBlock,
-                  firstEventBlockNumber: cf.fetchState.firstEventBlock,
-                  poweredByHyperSync: SourceManager.getActiveSource(cf.sourceManager).poweredByHyperSync,
-                  progress: progress,
-                  latestFetchedBlockNumber: latestFetchedBlockNumber,
-                  knownHeight: knownHeight
-                };
-        }));
-  var totalEventsProcessed = Belt_Array.reduce(chains, 0, (function (acc, chain) {
-          return acc + chain.eventsProcessed;
-        }));
-  var maxChainIdLength = Belt_Array.reduce(chains, 0, (function (acc, chain) {
-          var chainIdLength = chain.chainId.length;
-          if (chainIdLength > acc) {
-            return chainIdLength;
-          } else {
-            return acc;
-          }
-        }));
-  var defaultPassword = "testing";
-  return JsxRuntime.jsxs($$Ink$1.Box, {
-              children: [
-                JsxRuntime.jsx(InkBigText, {
-                      text: "envio",
-                      font: chains.length > 5 ? "tiny" : "block",
-                      colors: [
-                        "#FFBB2F",
-                        "#9860E5"
-                      ],
-                      space: false
-                    }),
-                JsxRuntime.jsx($$Ink.Newline.make, {}),
-                Belt_Array.mapWithIndex(chains, (function (i, chainData) {
-                        return JsxRuntime.jsx(Tui$ChainLine, {
-                                    chainId: chainData.chainId,
-                                    maxChainIdLength: maxChainIdLength,
-                                    stdoutColumns: stdoutColumns,
-                                    progressBlock: chainData.progressBlock,
-                                    bufferBlock: chainData.bufferBlock,
-                                    sourceBlock: chainData.sourceBlock,
-                                    startBlock: chainData.startBlock,
-                                    endBlock: chainData.endBlock,
-                                    poweredByHyperSync: chainData.poweredByHyperSync,
-                                    eventsProcessed: chainData.eventsProcessed
-                                  }, String(i));
-                      })),
-                JsxRuntime.jsx(Tui$TotalEventsProcessed, {
-                      totalEventsProcessed: totalEventsProcessed
-                    }),
-                JsxRuntime.jsx(SyncETA.make, {
-                      chains: chains,
-                      indexerStartTime: state.indexerStartTime
-                    }),
-                JsxRuntime.jsx($$Ink.Newline.make, {}),
-                JsxRuntime.jsxs($$Ink$1.Box, {
-                      children: [
-                        JsxRuntime.jsx($$Ink$1.Text, {
-                              children: "GraphQL: "
-                            }),
-                        JsxRuntime.jsx($$Ink$1.Text, {
-                              children: Env.Hasura.url,
-                              color: "#6CBFEE",
-                              underline: true
-                            }),
-                        Env.Hasura.secret === defaultPassword ? JsxRuntime.jsx($$Ink$1.Text, {
-                                children: " (password: " + defaultPassword + ")",
-                                color: "gray"
-                              }) : null
-                      ],
-                      flexDirection: "row"
-                    }),
-                JsxRuntime.jsxs($$Ink$1.Box, {
-                      children: [
-                        JsxRuntime.jsx($$Ink$1.Text, {
-                              children: "Dev Console: "
-                            }),
-                        JsxRuntime.jsx($$Ink$1.Text, {
-                              children: Env.envioAppUrl + "/console",
-                              color: "#6CBFEE",
-                              underline: true
-                            })
-                      ],
-                      flexDirection: "row"
-                    }),
-                JsxRuntime.jsx(Messages.make, {
-                      config: state.ctx.config
-                    })
-              ],
-              flexDirection: "column"
-            });
+            }) : ({
+              TAG: "Syncing",
+              _0: {
+                firstEventBlockNumber: firstEventBlock,
+                latestProcessedBlock: cf.committedProgressBlockNumber,
+                numEventsProcessed: numEventsProcessed
+              }
+            })
+        ) : "SearchingForEvents";
+    }
+    return {
+      chainId: cf.chainConfig.id.toString(),
+      eventsProcessed: numEventsProcessed,
+      progressBlock: cf.committedProgressBlockNumber < cf.fetchState.startBlock ? cf.fetchState.startBlock : cf.committedProgressBlockNumber,
+      bufferBlock: latestFetchedBlockNumber,
+      sourceBlock: cf.fetchState.knownHeight,
+      startBlock: cf.fetchState.startBlock,
+      endBlock: cf.fetchState.endBlock,
+      firstEventBlockNumber: cf.fetchState.firstEventBlock,
+      poweredByHyperSync: SourceManager.getActiveSource(cf.sourceManager).poweredByHyperSync,
+      progress: progress,
+      latestFetchedBlockNumber: latestFetchedBlockNumber,
+      knownHeight: knownHeight
+    };
+  });
+  let totalEventsProcessed = Stdlib_Array.reduce(chains, 0, (acc, chain) => acc + chain.eventsProcessed);
+  let maxChainIdLength = Stdlib_Array.reduce(chains, 0, (acc, chain) => {
+    let chainIdLength = chain.chainId.length;
+    if (chainIdLength > acc) {
+      return chainIdLength;
+    } else {
+      return acc;
+    }
+  });
+  let defaultPassword = "testing";
+  let match$1 = state.ctx.config.storage.clickhouse;
+  let match$2 = Env.ClickHouse.host();
+  return JsxRuntime.jsxs(Ink$1.Box, {
+    children: [
+      JsxRuntime.jsx(InkBigText, {
+        text: "envio",
+        font: chains.length > 5 ? "tiny" : "block",
+        colors: [
+          "#FFBB2F",
+          "#9860E5"
+        ],
+        space: false
+      }),
+      JsxRuntime.jsx(Ink.Newline.make, {}),
+      chains.map((chainData, i) => JsxRuntime.jsx(Tui$ChainLine, {
+        chainId: chainData.chainId,
+        maxChainIdLength: maxChainIdLength,
+        stdoutColumns: stdoutColumns,
+        progressBlock: chainData.progressBlock,
+        bufferBlock: chainData.bufferBlock,
+        sourceBlock: chainData.sourceBlock,
+        startBlock: chainData.startBlock,
+        endBlock: chainData.endBlock,
+        poweredByHyperSync: chainData.poweredByHyperSync,
+        eventsProcessed: chainData.eventsProcessed
+      }, i.toString())),
+      JsxRuntime.jsx(Tui$TotalEventsProcessed, {
+        totalEventsProcessed: totalEventsProcessed
+      }),
+      JsxRuntime.jsx(SyncETA.make, {
+        chains: chains,
+        indexerStartTime: state.indexerStartTime
+      }),
+      JsxRuntime.jsx(Ink.Newline.make, {}),
+      JsxRuntime.jsxs(Ink$1.Box, {
+        children: [
+          JsxRuntime.jsx(Ink$1.Text, {
+            children: "GraphQL: "
+          }),
+          JsxRuntime.jsx(Ink$1.Text, {
+            children: Env.Hasura.url,
+            color: "#6CBFEE",
+            underline: true
+          }),
+          Env.Hasura.secret === defaultPassword ? JsxRuntime.jsx(Ink$1.Text, {
+              children: ` (password: ` + defaultPassword + `)`,
+              color: "gray"
+            }) : null
+        ],
+        flexDirection: "row"
+      }),
+      Envio.isDevMode() ? JsxRuntime.jsxs(Ink$1.Box, {
+          children: [
+            JsxRuntime.jsx(Ink$1.Text, {
+              children: "Dev Console: "
+            }),
+            JsxRuntime.jsx(Ink$1.Text, {
+              children: Env.envioAppUrl + `/console`,
+              color: "#6CBFEE",
+              underline: true
+            })
+          ],
+          flexDirection: "row"
+        }) : null,
+      match$1 && match$2 !== undefined ? JsxRuntime.jsxs(Ink$1.Box, {
+          children: [
+            JsxRuntime.jsx(Ink$1.Text, {
+              children: "ClickHouse: "
+            }),
+            JsxRuntime.jsx(Ink$1.Text, {
+              children: match$2 + `/play`,
+              color: "#6CBFEE",
+              underline: true
+            })
+          ],
+          flexDirection: "row"
+        }) : null,
+      JsxRuntime.jsx(Messages.make, {
+        config: state.ctx.config
+      })
+    ],
+    flexDirection: "column"
+  });
 }
 
-var App = {
+let App = {
   make: Tui$App
 };
 
 function start(getState) {
-  var match = $$Ink.render(undefined, JsxRuntime.jsx(Tui$App, {
-            getState: getState
-          }));
-  var rerender = match.rerender;
-  return function () {
-    rerender(JsxRuntime.jsx(Tui$App, {
-              getState: getState
-            }));
-  };
+  let match = Ink.render(undefined, JsxRuntime.jsx(Tui$App, {
+    getState: getState
+  }));
+  let rerender = match.rerender;
+  return () => rerender(JsxRuntime.jsx(Tui$App, {
+    getState: getState
+  }));
 }
 
 export {
-  ChainLine ,
-  TotalEventsProcessed ,
-  App ,
-  start ,
+  ChainLine,
+  TotalEventsProcessed,
+  App,
+  start,
 }
 /* Env Not a pure module */