envio 3.0.0-alpha.21 → 3.0.0-alpha.22

package/src/tui/bindings/Ink.res

@@ -117,8 +117,7 @@ module Spacer = {
 
   For example, using <Spacer> in a <Box> with default flex direction (row) will position "Left" on the left side and will push "Right" to the right side.
   */
-  @module("ink")
-  @react.component
+  @module("ink") @react.component
   external make: unit => React.element = "Spacer"
 }
 
@@ -128,8 +127,7 @@ module Static = {
 
   It's preferred to use <Static> for use cases like these, when you can't know or control the amount of items that need to be rendered.
   */
-  @module("ink")
-  @react.component
+  @module("ink") @react.component
   external make: (
     ~children: ('a, int) => React.element,
     ~items: array<'a>,

package/src/tui/bindings/Ink.res.mjs

@@ -1,72 +1,66 @@
 // Generated by ReScript, PLEASE EDIT WITH CARE
 
-import * as $$Ink from "ink";
+import * as Ink from "ink";
 import * as React from "react";
 import * as JsxRuntime from "react/jsx-runtime";
 
 function render(options, element) {
-  return $$Ink.render(element, options);
+  return Ink.render(element, options);
 }
 
-var $$Text = {};
+let Text = {};
 
-var Box = {};
+let Box = {};
 
 function Ink$Newline(props) {
-  return JsxRuntime.jsx($$Ink.Text, {
-              children: " "
-            });
+  return JsxRuntime.jsx(Ink.Text, {
+    children: " "
+  });
 }
 
-var Newline = {
+let Newline = {
   make: Ink$Newline
 };
 
-var Spacer = {};
+let Spacer = {};
 
-var Static = {};
+let Static = {};
 
-var Transform = {};
+let Transform = {};
 
 function useStdoutColumns() {
-  var match = $$Ink.useStdout();
-  var stdout = match.stdout;
-  var match$1 = React.useState(function () {
-        return stdout.columns;
-      });
-  var setColumns = match$1[1];
-  React.useEffect((function () {
-          var handler = function () {
-            setColumns(function (param) {
-                  return stdout.columns;
-                });
-          };
-          stdout.on("resize", handler);
-          return (function () {
-                    stdout.off("resize", handler);
-                  });
-        }), [stdout]);
+  let match = Ink.useStdout();
+  let stdout = match.stdout;
+  let match$1 = React.useState(() => stdout.columns);
+  let setColumns = match$1[1];
+  React.useEffect(() => {
+    let handler = () => setColumns(param => stdout.columns);
+    stdout.on("resize", handler);
+    return () => {
+      stdout.off("resize", handler);
+    };
+  }, [stdout]);
   return match$1[0];
 }
 
-var Hooks = {
+let Hooks = {
   useStdoutColumns: useStdoutColumns
 };
 
-var BigText = {};
+let BigText = {};
 
-var Spinner = {};
+let Spinner = {};
 
 export {
-  render ,
-  $$Text ,
-  Box ,
-  Newline ,
-  Spacer ,
-  Static ,
-  Transform ,
-  Hooks ,
-  BigText ,
-  Spinner ,
+  render,
+  Text,
+  Box,
+  Newline,
+  Spacer,
+  Static,
+  Transform,
+  Hooks,
+  BigText,
+  Spinner,
 }
 /* ink Not a pure module */

package/src/tui/components/BufferedProgressBar.res

@@ -1,19 +1,19 @@
 open Ink
-open Belt
+
 @react.component
 let make = (~loaded, ~buffered=?, ~outOf, ~barWidth=36, ~loadingColor=Style.Secondary) => {
   let maxCount = barWidth
 
   let loadedFraction = loaded->Int.toFloat /. outOf->Int.toFloat
   let loadedCount = Pervasives.min(
-    Js.Math.floor_float(maxCount->Js.Int.toFloat *. loadedFraction)->Belt.Float.toInt,
+    Math.floor(maxCount->Int.toFloat *. loadedFraction)->Belt.Float.toInt,
     maxCount,
   )
 
-  let bufferedCount = buffered->Option.mapWithDefault(loadedCount, buffered => {
+  let bufferedCount = buffered->Option.mapOr(loadedCount, buffered => {
     let bufferedFraction = buffered->Int.toFloat /. outOf->Int.toFloat
     Pervasives.min(
-      Js.Math.floor_float(maxCount->Js.Int.toFloat *. bufferedFraction)->Belt.Float.toInt,
+      Math.floor(maxCount->Int.toFloat *. bufferedFraction)->Belt.Float.toInt,
       maxCount,
     )
   })
@@ -27,14 +27,14 @@ let make = (~loaded, ~buffered=?, ~outOf, ~barWidth=36, ~loadingColor=Style.Seco
 
   <Box>
     <Text backgroundColor={loadingColor} color={Gray}>
-      <Text> {" "->Js.String2.repeat(loadedSpaces)->React.string} </Text>
+      <Text> {" "->String.repeat(loadedSpaces)->React.string} </Text>
       <Text> {loadedPercentageStr->React.string} </Text>
     </Text>
     <Text backgroundColor={Gray}>
-      {" "->Js.String2.repeat(bufferedCount - loadedCount)->React.string}
+      {" "->String.repeat(bufferedCount - loadedCount)->React.string}
     </Text>
     <Text backgroundColor={White}>
-      {" "->Js.String2.repeat(maxCount - bufferedCount)->React.string}
+      {" "->String.repeat(maxCount - bufferedCount)->React.string}
     </Text>
   </Box>
 }

package/src/tui/components/BufferedProgressBar.res.mjs

@@ -1,57 +1,57 @@
 // Generated by ReScript, PLEASE EDIT WITH CARE
 
-import * as $$Ink from "ink";
-import * as Caml from "rescript/lib/es6/caml.js";
-import * as Belt_Option from "rescript/lib/es6/belt_Option.js";
+import * as Ink from "ink";
+import * as Primitive_int from "@rescript/runtime/lib/es6/Primitive_int.js";
+import * as Stdlib_Option from "@rescript/runtime/lib/es6/Stdlib_Option.js";
 import * as JsxRuntime from "react/jsx-runtime";
 
 function BufferedProgressBar(props) {
-  var __loadingColor = props.loadingColor;
-  var __barWidth = props.barWidth;
-  var outOf = props.outOf;
-  var barWidth = __barWidth !== undefined ? __barWidth : 36;
-  var loadingColor = __loadingColor !== undefined ? __loadingColor : "#FFBB2F";
-  var loadedFraction = props.loaded / outOf;
-  var loadedCount = Caml.int_min(Math.floor(barWidth * loadedFraction) | 0, barWidth);
-  var bufferedCount = Belt_Option.mapWithDefault(props.buffered, loadedCount, (function (buffered) {
-          var bufferedFraction = buffered / outOf;
-          return Caml.int_min(Math.floor(barWidth * bufferedFraction) | 0, barWidth);
-        }));
-  var loadedFraction$1 = loadedFraction > 0.0 ? loadedFraction : 0.0;
-  var loadedPercentageStr = String(loadedFraction$1 * 100 | 0) + "% ";
-  var loadedPercentageStrCount = loadedPercentageStr.length;
-  var loadedSpaces = Caml.int_max(loadedCount - loadedPercentageStrCount | 0, 0);
-  var loadedCount$1 = loadedCount > loadedPercentageStrCount ? loadedCount : loadedPercentageStrCount;
-  var bufferedCount$1 = bufferedCount > loadedCount$1 ? bufferedCount : loadedCount$1;
-  return JsxRuntime.jsxs($$Ink.Box, {
-              children: [
-                JsxRuntime.jsxs($$Ink.Text, {
-                      children: [
-                        JsxRuntime.jsx($$Ink.Text, {
-                              children: " ".repeat(loadedSpaces)
-                            }),
-                        JsxRuntime.jsx($$Ink.Text, {
-                              children: loadedPercentageStr
-                            })
-                      ],
-                      color: "gray",
-                      backgroundColor: loadingColor
-                    }),
-                JsxRuntime.jsx($$Ink.Text, {
-                      children: " ".repeat(bufferedCount$1 - loadedCount$1 | 0),
-                      backgroundColor: "gray"
-                    }),
-                JsxRuntime.jsx($$Ink.Text, {
-                      children: " ".repeat(barWidth - bufferedCount$1 | 0),
-                      backgroundColor: "white"
-                    })
-              ]
-            });
+  let __loadingColor = props.loadingColor;
+  let __barWidth = props.barWidth;
+  let outOf = props.outOf;
+  let barWidth = __barWidth !== undefined ? __barWidth : 36;
+  let loadingColor = __loadingColor !== undefined ? __loadingColor : "#FFBB2F";
+  let loadedFraction = props.loaded / outOf;
+  let loadedCount = Primitive_int.min(Math.floor(barWidth * loadedFraction) | 0, barWidth);
+  let bufferedCount = Stdlib_Option.mapOr(props.buffered, loadedCount, buffered => {
+    let bufferedFraction = buffered / outOf;
+    return Primitive_int.min(Math.floor(barWidth * bufferedFraction) | 0, barWidth);
+  });
+  let loadedFraction$1 = loadedFraction > 0.0 ? loadedFraction : 0.0;
+  let loadedPercentageStr = (loadedFraction$1 * 100 | 0).toString() + "% ";
+  let loadedPercentageStrCount = loadedPercentageStr.length;
+  let loadedSpaces = Primitive_int.max(loadedCount - loadedPercentageStrCount | 0, 0);
+  let loadedCount$1 = Primitive_int.max(loadedCount, loadedPercentageStrCount);
+  let bufferedCount$1 = Primitive_int.max(bufferedCount, loadedCount$1);
+  return JsxRuntime.jsxs(Ink.Box, {
+    children: [
+      JsxRuntime.jsxs(Ink.Text, {
+        children: [
+          JsxRuntime.jsx(Ink.Text, {
+            children: " ".repeat(loadedSpaces)
+          }),
+          JsxRuntime.jsx(Ink.Text, {
+            children: loadedPercentageStr
+          })
+        ],
+        color: "gray",
+        backgroundColor: loadingColor
+      }),
+      JsxRuntime.jsx(Ink.Text, {
+        children: " ".repeat(bufferedCount$1 - loadedCount$1 | 0),
+        backgroundColor: "gray"
+      }),
+      JsxRuntime.jsx(Ink.Text, {
+        children: " ".repeat(barWidth - bufferedCount$1 | 0),
+        backgroundColor: "white"
+      })
+    ]
+  });
 }
 
-var make = BufferedProgressBar;
+let make = BufferedProgressBar;
 
 export {
-  make ,
+  make,
 }
 /* ink Not a pure module */

package/src/tui/components/CustomHooks.res

@@ -1,4 +1,3 @@
-open Belt
 module InitApi = {
   type ecosystem = | @as("evm") Evm | @as("fuel") Fuel | @as("svm") Svm
   type body = {
@@ -35,7 +34,7 @@ module InitApi = {
       | true => hyperSyncNetworks
       | false => rpcNetworks
       }
-      ->Js.Array2.push(id)
+      ->Array.push(id)
       ->ignore
     })
 

package/src/tui/components/CustomHooks.res.mjs

@@ -6,131 +6,117 @@ import * as Utils from "../../Utils.res.mjs";
 import * as React from "react";
 import * as Logging from "../../Logging.res.mjs";
 import * as ChainMap from "../../ChainMap.res.mjs";
-import * as Belt_Array from "rescript/lib/es6/belt_Array.js";
 import * as S$RescriptSchema from "rescript-schema/src/S.res.mjs";
-import * as Caml_js_exceptions from "rescript/lib/es6/caml_js_exceptions.js";
+import * as Primitive_exceptions from "@rescript/runtime/lib/es6/Primitive_exceptions.js";
 
-var bodySchema = S$RescriptSchema.object(function (s) {
-      return {
-              envioVersion: s.f("envioVersion", S$RescriptSchema.string),
-              envioApiToken: s.f("envioApiToken", S$RescriptSchema.option(S$RescriptSchema.string)),
-              ecosystem: s.f("ecosystem", S$RescriptSchema.$$enum([
-                        "evm",
-                        "fuel",
-                        "svm"
-                      ])),
-              hyperSyncNetworks: s.f("hyperSyncNetworks", S$RescriptSchema.array(S$RescriptSchema.$$int)),
-              rpcNetworks: s.f("rpcNetworks", S$RescriptSchema.array(S$RescriptSchema.$$int))
-            };
-    });
+let bodySchema = S$RescriptSchema.object(s => ({
+  envioVersion: s.f("envioVersion", S$RescriptSchema.string),
+  envioApiToken: s.f("envioApiToken", S$RescriptSchema.option(S$RescriptSchema.string)),
+  ecosystem: s.f("ecosystem", S$RescriptSchema.$$enum([
+    "evm",
+    "fuel",
+    "svm"
+  ])),
+  hyperSyncNetworks: s.f("hyperSyncNetworks", S$RescriptSchema.array(S$RescriptSchema.int)),
+  rpcNetworks: s.f("rpcNetworks", S$RescriptSchema.array(S$RescriptSchema.int))
+}));
 
 function makeBody(envioVersion, envioApiToken, config) {
-  var hyperSyncNetworks = [];
-  var rpcNetworks = [];
-  Belt_Array.forEach(ChainMap.values(config.chainMap), (function (param) {
-          var sourceConfig = param.sourceConfig;
-          var usesHyperSync;
-          switch (sourceConfig.TAG) {
-            case "EvmSourceConfig" :
-                usesHyperSync = sourceConfig.hypersync !== undefined;
-                break;
-            case "FuelSourceConfig" :
-                usesHyperSync = true;
-                break;
-            case "SvmSourceConfig" :
-                usesHyperSync = false;
-                break;
-            case "CustomSources" :
-                usesHyperSync = Belt_Array.some(sourceConfig._0, (function (s) {
-                        return s.poweredByHyperSync;
-                      }));
-                break;
-            
-          }
-          (
-              usesHyperSync ? hyperSyncNetworks : rpcNetworks
-            ).push(param.id);
-        }));
+  let hyperSyncNetworks = [];
+  let rpcNetworks = [];
+  ChainMap.values(config.chainMap).forEach(param => {
+    let sourceConfig = param.sourceConfig;
+    let usesHyperSync;
+    switch (sourceConfig.TAG) {
+      case "EvmSourceConfig" :
+        usesHyperSync = sourceConfig.hypersync !== undefined;
+        break;
+      case "FuelSourceConfig" :
+        usesHyperSync = true;
+        break;
+      case "SvmSourceConfig" :
+        usesHyperSync = false;
+        break;
+      case "CustomSources" :
+        usesHyperSync = sourceConfig._0.some(s => s.poweredByHyperSync);
+        break;
+    }
+    (
+      usesHyperSync ? hyperSyncNetworks : rpcNetworks
+    ).push(param.id);
+  });
   return {
-          envioVersion: envioVersion,
-          envioApiToken: envioApiToken,
-          ecosystem: config.ecosystem.name,
-          hyperSyncNetworks: hyperSyncNetworks,
-          rpcNetworks: rpcNetworks
-        };
+    envioVersion: envioVersion,
+    envioApiToken: envioApiToken,
+    ecosystem: config.ecosystem.name,
+    hyperSyncNetworks: hyperSyncNetworks,
+    rpcNetworks: rpcNetworks
+  };
 }
 
 function toTheme(color) {
   switch (color) {
     case "primary" :
-        return "#9860E5";
+      return "#9860E5";
     case "secondary" :
-        return "#FFBB2F";
+      return "#FFBB2F";
     case "info" :
-        return "#6CBFEE";
+      return "#6CBFEE";
     case "danger" :
-        return "#FF8269";
+      return "#FF8269";
     case "success" :
-        return "#3B8C3D";
+      return "#3B8C3D";
     case "white" :
-        return "white";
+      return "white";
     case "gray" :
-        return "gray";
-    
+      return "gray";
   }
 }
 
-var messageSchema = S$RescriptSchema.object(function (s) {
-      return {
-              color: s.f("color", S$RescriptSchema.$$enum([
-                        "primary",
-                        "secondary",
-                        "info",
-                        "danger",
-                        "success",
-                        "white",
-                        "gray"
-                      ])),
-              content: s.f("content", S$RescriptSchema.string)
-            };
-    });
+let messageSchema = S$RescriptSchema.object(s => ({
+  color: s.f("color", S$RescriptSchema.$$enum([
+    "primary",
+    "secondary",
+    "info",
+    "danger",
+    "success",
+    "white",
+    "gray"
+  ])),
+  content: s.f("content", S$RescriptSchema.string)
+}));
 
-var client = Rest.client(Env.envioAppUrl + "/api", undefined);
+let client = Rest.client(Env.envioAppUrl + "/api", undefined);
 
 function route() {
   return {
-          method: "POST",
-          path: "/hyperindex/init",
-          input: (function (s) {
-              return s.body(bodySchema);
-            }),
-          responses: [(function (s) {
-                return s.field("messages", S$RescriptSchema.array(messageSchema));
-              })]
-        };
+    method: "POST",
+    path: "/hyperindex/init",
+    input: s => s.body(bodySchema),
+    responses: [s => s.field("messages", S$RescriptSchema.array(messageSchema))]
+  };
 }
 
 async function getMessages(config) {
-  var envioVersion = Utils.EnvioPackage.value.version;
-  var body = makeBody(envioVersion, Env.envioApiToken, config);
-  var messages;
+  let envioVersion = Utils.EnvioPackage.value.version;
+  let body = makeBody(envioVersion, Env.envioApiToken, config);
+  let messages;
   try {
-    messages = await Rest.$$fetch(route, body, client);
-  }
-  catch (raw_exn){
-    var exn = Caml_js_exceptions.internalToOCamlException(raw_exn);
+    messages = await Rest.fetch(route, body, client);
+  } catch (raw_exn) {
+    let exn = Primitive_exceptions.internalToException(raw_exn);
     return {
-            TAG: "Error",
-            _0: exn
-          };
+      TAG: "Error",
+      _0: exn
+    };
   }
   return {
-          TAG: "Ok",
-          _0: messages
-        };
+    TAG: "Ok",
+    _0: messages
+  };
 }
 
-var InitApi = {
+let InitApi = {
   bodySchema: bodySchema,
   makeBody: makeBody,
   toTheme: toTheme,
@@ -141,39 +127,33 @@ var InitApi = {
 };
 
 function useMessages(config) {
-  var match = React.useState(function () {
-        return "Loading";
+  let match = React.useState(() => "Loading");
+  let setRequest = match[1];
+  React.useEffect(() => {
+    getMessages(config).then(res => {
+      if (res.TAG === "Ok") {
+        let data = res._0;
+        return setRequest(param => ({
+          TAG: "Data",
+          _0: data
+        }));
+      }
+      let e = res._0;
+      Logging.error({
+        msg: "Failed to load messages from envio server",
+        err: Utils.prettifyExn(e)
       });
-  var setRequest = match[1];
-  React.useEffect((function () {
-          getMessages(config).then(function (res) {
-                if (res.TAG === "Ok") {
-                  var data = res._0;
-                  return setRequest(function (param) {
-                              return {
-                                      TAG: "Data",
-                                      _0: data
-                                    };
-                            });
-                }
-                var e = res._0;
-                Logging.error({
-                      msg: "Failed to load messages from envio server",
-                      err: Utils.prettifyExn(e)
-                    });
-                setRequest(function (param) {
-                      return {
-                              TAG: "Err",
-                              _0: e
-                            };
-                    });
-              });
-        }), []);
+      setRequest(param => ({
+        TAG: "Err",
+        _0: e
+      }));
+    });
+  }, []);
   return match[0];
 }
 
 export {
-  InitApi ,
-  useMessages ,
+  InitApi,
+  useMessages,
 }
 /* bodySchema Not a pure module */

package/src/tui/components/Messages.res

@@ -1,4 +1,3 @@
-open Belt
 open Ink
 module Message = {
   @react.component
@@ -29,7 +28,7 @@ let make = (~config) => {
     | Data(messages) =>
       <Notifications>
         {messages
-        ->Array.mapWithIndex((i, message) => {<Message key={i->Int.toString} message />})
+        ->Array.mapWithIndex((message, i) => {<Message key={i->Int.toString} message />})
         ->React.array}
       </Notifications>
     | Err(_) =>