envio 3.0.0-alpha.3 → 3.0.0-alpha.5

package/src/tui/bindings/Ink.res

@@ -0,0 +1,376 @@
+open Style
+
+type instance = {
+  rerender: React.element => unit,
+  unmount: unit => unit,
+  waitUntilExit: unit => promise<unit>,
+  clear: unit => unit,
+}
+type readableStream
+type writableStream
+type options = {
+  stdout?: writableStream,
+  stdin?: readableStream,
+  exitOnCtrlC?: bool,
+  patchConsole?: bool,
+  debug?: bool,
+}
+@module("ink")
+external renderInternal: (React.element, ~options: option<options>) => instance = "render"
+
+let render = (~options=?, element) => {
+  renderInternal(element, ~options)
+}
+type measurement = {width: int, height: int}
+
+@module("ink")
+external measureElement: React.ref<'a> => measurement = "measureElement"
+
+module Text = {
+  type wrapOptions =
+    | @as("wrap") Wrap
+    | @as("truncate") Truncate
+    | @as("truncate-start") TruncateStart
+    | @as("truncate-middle") TruncateMiddle
+    | @as("truncate-end") TruncateEnd
+  @module("ink") @react.component
+  external make: (
+    ~children: React.element,
+    ~color: chalkTheme=?,
+    ~backgroundColor: chalkTheme=?,
+    ~dimColor: bool=?,
+    ~bold: bool=?,
+    ~italic: bool=?,
+    ~underline: bool=?,
+    ~strikethrough: bool=?,
+    ~inverse: bool=?,
+    ~wrap: wrapOptions=?,
+  ) => React.element = "Text"
+}
+
+module Box = {
+  @module("ink") @react.component
+  external make: (
+    ~children: React.element=?,
+    ~width: numOrStr=?,
+    ~height: numOrStr=?,
+    ~minWidth: int=?,
+    ~minHeight: int=?,
+    ~padding: int=?,
+    ~paddingTop: int=?,
+    ~paddingBottom: int=?,
+    ~paddingLeft: int=?,
+    ~paddingRight: int=?,
+    ~paddingX: int=?,
+    ~paddingY: int=?,
+    ~margin: int=?,
+    ~marginTop: int=?,
+    ~marginBottom: int=?,
+    ~marginLeft: int=?,
+    ~marginRight: int=?,
+    ~marginX: int=?,
+    ~marginY: int=?,
+    ~gap: int=?,
+    ~rowGap: int=?,
+    ~flexGrow: int=?,
+    ~flexShrink: int=?,
+    ~flexBasis: numOrStr=?,
+    ~flexDirection: flexDirection=?,
+    ~flexWrap: flexDirection=?,
+    ~alignItems: alignItems=?,
+    ~alignSelf: alignSelf=?,
+    ~justifyContent: justifyContent=?,
+    ~display: display=?,
+    ~overflow: overflow=?,
+    ~overflowX: overflow=?,
+    ~overflowY: overflow=?,
+    ~borderStyle: borderStyle=?,
+    ~borderColor: chalkTheme=?,
+    ~borderTopColor: chalkTheme=?,
+    ~borderRightColor: chalkTheme=?,
+    ~borderBottomColor: chalkTheme=?,
+    ~borderLeftColor: chalkTheme=?,
+    ~borderDimColor: bool=?,
+    ~borderTopDimColor: bool=?,
+    ~borderRightDimColor: bool=?,
+    ~borderBottomDimColor: bool=?,
+    ~borderLeftDimColor: bool=?,
+    ~borderTop: bool=?,
+    ~borderRight: bool=?,
+    ~borderBottom: bool=?,
+    ~borderLeft: bool=?,
+  ) => React.element = "Box"
+}
+
+module Newline = {
+  /**
+  Adds one or more newline characters. Must be used within <Text> components.
+
+  */
+  @react.component
+  let make = () => <Text> {" "->React.string} </Text>
+}
+
+module Spacer = {
+  /**
+  A flexible space that expands along the major axis of its containing layout. It's useful as a shortcut for filling all the available spaces between elements.
+
+  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
+  external make: unit => React.element = "Spacer"
+}
+
+module Static = {
+  /**
+  <Static> component permanently renders its output above everything else. It's useful for displaying activity like completed tasks or logs - things that are not changing after they're rendered (hence the name "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
+  external make: (
+    ~children: ('a, int) => React.element,
+    ~items: array<'a>,
+    ~style: styles=?,
+  ) => React.element = "Static"
+}
+
+module Transform = {
+  /**
+  Transform a string representation of React components before they are written to output. For example, you might want to apply a gradient to text, add a clickable link or create some text effects. These use cases can't accept React nodes as input, they are expecting a string. That's what <Transform> component does, it gives you an output string of its child components and lets you transform it in any way.
+
+  Note: <Transform> must be applied only to <Text> children components and shouldn't change the dimensions of the output, otherwise layout will be incorrect.
+  */
+  type outputLine = string
+  type index = int
+  @module("ink") @react.component
+  external make: (
+    ~children: string,
+    ~tranform: (outputLine, index) => string,
+    ~index: int=?,
+  ) => React.element = "Transform"
+}
+
+module Hooks = {
+  type key = {
+    leftArrow: bool,
+    rightArrow: bool,
+    upArrow: bool,
+    downArrow: bool,
+    return: bool,
+    escape: bool,
+    ctrl: bool,
+    shift: bool,
+    tab: bool,
+    backspace: bool,
+    delete: bool,
+    pageDown: bool,
+    pageUp: bool,
+    meta: bool,
+    enter: bool,
+  }
+  type input = string
+  type inputHandler = (input, key) => unit
+  type options = {isActive?: bool}
+
+  @module("ink") external useInput: (inputHandler, ~options: options=?) => unit = "useInput"
+
+  type app = {exit: (~err: exn=?) => unit}
+  @module("ink") external useApp: unit => app = "useApp"
+
+  type stdin = {
+    stdin: readableStream,
+    isRawModeSupported: bool,
+    setRawMode: bool => unit,
+  }
+
+  @module("ink") external useStdin: unit => stdin = "useStdin"
+
+  type stdout = {
+    stdout: writableStream,
+    write: string => unit,
+  }
+
+  @module("ink") external useStdout: unit => stdout = "useStdout"
+
+  type stderr = {
+    stderr: writableStream,
+    write: string => unit,
+  }
+
+  @module("ink") external useStderr: unit => stderr = "useStderr"
+
+  type focusOptions = {autoFocus?: bool, isActive?: bool, id?: string}
+  type focus = {isFocused: bool}
+  @module("ink") external useFocus: (~options: focusOptions=?) => focus = "useFocus"
+
+  type focusManager = {
+    enableFocus: unit => unit,
+    disableFocus: unit => unit,
+    focusNext: unit => unit,
+    focusPrevious: unit => unit,
+    focusId: string => unit,
+  }
+  @module("ink")
+  external useFocusManager: unit => focusManager = "useFocusManager"
+
+  @get external getColumns: writableStream => int = "columns"
+  @send external on: (writableStream, @as("resize") _, unit => unit) => unit = "on"
+  @send external off: (writableStream, @as("resize") _, unit => unit) => unit = "off"
+
+  let useStdoutColumns = () => {
+    let {stdout} = useStdout()
+    let (columns, setColumns) = React.useState(() => stdout->getColumns)
+
+    React.useEffect1(() => {
+      let handler = () => setColumns(_ => stdout->getColumns)
+      stdout->on(handler)
+      Some(() => stdout->off(handler))
+    }, [stdout])
+
+    columns
+  }
+}
+
+module BigText = {
+  type font =
+    | @as("block") Block
+    | @as("slick") Slick
+    | @as("tiny") Tiny
+    | @as("grid") Grid
+    | @as("pallet") Pallet
+    | @as("shade") Shade
+    | @as("simple") Simple
+    | @as("simpleBlock") SimpleBlock
+    | @as("3d") D3
+    | @as("simple3d") Simple3D
+    | @as("chrome") Chrome
+    | @as("huge") Huge
+  type align =
+    | @as("left") Left
+    | @as("center") Center
+    | @as("right") Right
+  type backgroundColor =
+    | @as("transparent") Transparent
+    | @as("black") Black
+    | @as("red") Red
+    | @as("green") Green
+    | @as("yellow") Yellow
+    | @as("blue") Blue
+    | @as("magenta") Magenta
+    | @as("cyan") Cyan
+    | @as("white") White
+
+  type color = | ...chalkTheme | @as("system") System
+  @module("ink-big-text") @react.component
+  external make: (
+    ~text: string,
+    ~font: font=?, //default block
+    ~align: align=?, //default left
+    ~colors: array<color>=?, //default [system]
+    ~backgroundColor: backgroundColor=?, //default transparent
+    ~letterSpacing: int=?, //default 1
+    ~lineHeight: int=?, //default 1
+    ~space: bool=?, //default true
+    ~maxLength: int=?,
+  ) => React.element = "default"
+}
+
+module Spinner = {
+  type typeOption =
+    | @as("dots") Dots
+    | @as("dots2") Dots2
+    | @as("dots3") Dots3
+    | @as("dots4") Dots4
+    | @as("dots5") Dots5
+    | @as("dots6") Dots6
+    | @as("dots7") Dots7
+    | @as("dots8") Dots8
+    | @as("dots9") Dots9
+    | @as("dots10") Dots10
+    | @as("dots11") Dots11
+    | @as("dots12") Dots12
+    | @as("dots13") Dots13
+    | @as("dots8Bit") Dots8Bit
+    | @as("sand") Sand
+    | @as("line") Line
+    | @as("line2") Line2
+    | @as("pipe") Pipe
+    | @as("simpleDots") SimpleDots
+    | @as("simpleDotsScrolling") SimpleDotsScrolling
+    | @as("star") Star
+    | @as("star2") Star2
+    | @as("flip") Flip
+    | @as("hamburger") Hamburger
+    | @as("growVertical") GrowVertical
+    | @as("growHorizontal") GrowHorizontal
+    | @as("balloon") Balloon
+    | @as("balloon2") Balloon2
+    | @as("noise") Noise
+    | @as("bounce") Bounce
+    | @as("boxBounce") BoxBounce
+    | @as("boxBounce2") BoxBounce2
+    | @as("triangle") Triangle
+    | @as("binary") Binary
+    | @as("arc") Arc
+    | @as("circle") Circle
+    | @as("squareCorners") SquareCorners
+    | @as("circleQuarters") CircleQuarters
+    | @as("circleHalves") CircleHalves
+    | @as("squish") Squish
+    | @as("toggle") Toggle
+    | @as("toggle2") Toggle2
+    | @as("toggle3") Toggle3
+    | @as("toggle4") Toggle4
+    | @as("toggle5") Toggle5
+    | @as("toggle6") Toggle6
+    | @as("toggle7") Toggle7
+    | @as("toggle8") Toggle8
+    | @as("toggle9") Toggle9
+    | @as("toggle10") Toggle10
+    | @as("toggle11") Toggle11
+    | @as("toggle12") Toggle12
+    | @as("toggle13") Toggle13
+    | @as("arrow") Arrow
+    | @as("arrow2") Arrow2
+    | @as("arrow3") Arrow3
+    | @as("bouncingBar") BouncingBar
+    | @as("bouncingBall") BouncingBall
+    | @as("smiley") Smiley
+    | @as("monkey") Monkey
+    | @as("hearts") Hearts
+    | @as("clock") Clock
+    | @as("earth") Earth
+    | @as("material") Material
+    | @as("moon") Moon
+    | @as("runner") Runner
+    | @as("pong") Pong
+    | @as("shark") Shark
+    | @as("dqpb") Dqpb
+    | @as("weather") Weather
+    | @as("christmas") Christmas
+    | @as("grenade") Grenade
+    | @as("point") Point
+    | @as("layer") Layer
+    | @as("betaWave") BetaWave
+    | @as("fingerDance") FingerDance
+    | @as("fistBump") FistBump
+    | @as("soccerHeader") SoccerHeader
+    | @as("mindblown") Mindblown
+    | @as("speaker") Speaker
+    | @as("orangePulse") OrangePulse
+    | @as("bluePulse") BluePulse
+    | @as("orangeBluePulse") OrangeBluePulse
+    | @as("timeTravel") TimeTravel
+    | @as("aesthetic") Aesthetic
+    | @as("dwarfFortress") DwarfFortress
+  @module("ink-spinner") @react.component
+  external make: (@as("type") ~type_: typeOption=?) => React.element = "default"
+}
+
+module Table = {
+  @module("ink-table") @react.component
+  external make: (~head: array<string>, ~rows: array<array<string>>) => React.element = "Table"
+}

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

@@ -0,0 +1,75 @@
+// Generated by ReScript, PLEASE EDIT WITH CARE
+
+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);
+}
+
+var $$Text = {};
+
+var Box = {};
+
+function Ink$Newline(props) {
+  return JsxRuntime.jsx($$Ink.Text, {
+              children: " "
+            });
+}
+
+var Newline = {
+  make: Ink$Newline
+};
+
+var Spacer = {};
+
+var Static = {};
+
+var 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]);
+  return match$1[0];
+}
+
+var Hooks = {
+  useStdoutColumns: useStdoutColumns
+};
+
+var BigText = {};
+
+var Spinner = {};
+
+var Table = {};
+
+export {
+  render ,
+  $$Text ,
+  Box ,
+  Newline ,
+  Spacer ,
+  Static ,
+  Transform ,
+  Hooks ,
+  BigText ,
+  Spinner ,
+  Table ,
+}
+/* ink Not a pure module */

package/src/tui/bindings/Style.res

@@ -0,0 +1,123 @@
+type chalkTheme =
+  | @as("#9860E5") Primary
+  | @as("#FFBB2F") Secondary
+  | @as("#6CBFEE") Info
+  | @as("#FF8269") Danger
+  | @as("#3B8C3D") Success
+  | @as("white") White
+  | @as("gray") Gray
+
+@unboxed type numOrStr = Num(int) | Str(string)
+
+type textWrap =
+  | @as("wrap") Wrap
+  | @as("end") End
+  | @as("middle") Middle
+  | @as("truncate-end") TruncateEnd
+  | @as("truncate") Truncate
+  | @as("truncate-middle") TruncateMiddle
+  | @as("truncate-start") TruncateStart
+
+type position =
+  | @as("absolute") Absolute
+  | @as("relative") Relative
+
+type flexDirection =
+  | @as("row") Row
+  | @as("column") Column
+  | @as("row-reverse") RowReverse
+  | @as("column-reverse") ColumnReverse
+
+type flexWrap =
+  | @as("nowrap") NoWrap
+  | @as("wrap") Wrap
+  | @as("wrap-reverse") WrapReverse
+
+type alignItems =
+  | @as("flex-start") FlexStart
+  | @as("center") Center
+  | @as("flex-end") FlexEnd
+  | @as("stretch") Stretch
+
+type alignSelf =
+  | @as("flex-start") FlexStartSelf
+  | @as("center") CenterSelf
+  | @as("flex-end") FlexEndSelf
+  | @as("auto") Auto
+
+type justifyContent =
+  | @as("flex-start") JustifyFlexStart
+  | @as("flex-end") JustifyFlexEnd
+  | @as("space-between") SpaceBetween
+  | @as("space-around") SpaceAround
+  | @as("center") JustifyCenter
+
+type display =
+  | @as("flex") Flex
+  | @as("none") None
+
+type overflow =
+  | @as("visible") Visible
+  | @as("hidden") Hidden
+
+type borderStyle =
+  | @as("single") Single
+  | @as("double") Double
+  | @as("round") Round
+  | @as("bold") Bold
+  | @as("singleDouble") SingleDouble
+  | @as("doubleSingle") DoubleSingle
+  | @as("classic") Classic
+
+type styles = {
+  textWrap?: textWrap,
+  position?: position,
+  columnGap?: int,
+  rowGap?: int,
+  gap?: int,
+  margin?: int,
+  marginX?: int,
+  marginY?: int,
+  marginTop?: int,
+  marginBottom?: int,
+  marginLeft?: int,
+  marginRight?: int,
+  padding?: int,
+  paddingX?: int,
+  paddingY?: int,
+  paddingTop?: int,
+  paddingBottom?: int,
+  paddingLeft?: int,
+  paddingRight?: int,
+  flexGrow?: int,
+  flexShrink?: int,
+  flexDirection?: flexDirection,
+  flexBasis?: numOrStr,
+  flexWrap?: flexWrap,
+  alignItems?: alignItems,
+  alignSelf?: alignSelf,
+  justifyContent?: justifyContent,
+  width?: numOrStr,
+  height?: numOrStr,
+  minWidth?: numOrStr,
+  minHeight?: numOrStr,
+  display?: display,
+  borderStyle?: borderStyle,
+  borderTop?: bool,
+  borderBottom?: bool,
+  borderLeft?: bool,
+  borderRight?: bool,
+  borderColor?: chalkTheme,
+  borderTopColor?: chalkTheme,
+  borderBottomColor?: chalkTheme,
+  borderLeftColor?: chalkTheme,
+  borderRightColor?: chalkTheme,
+  borderDimColor?: bool,
+  borderTopDimColor?: bool,
+  borderBottomDimColor?: bool,
+  borderLeftDimColor?: bool,
+  borderRightDimColor?: bool,
+  overflow?: overflow,
+  overflowX?: overflow,
+  overflowY?: overflow,
+}

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

@@ -0,0 +1,2 @@
+// Generated by ReScript, PLEASE EDIT WITH CARE
+/* This output is empty. Its source's type definitions, externals and/or unused code got optimized away. */

package/src/tui/components/BufferedProgressBar.res

@@ -0,0 +1,40 @@
+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,
+    maxCount,
+  )
+
+  let bufferedCount = buffered->Option.mapWithDefault(loadedCount, buffered => {
+    let bufferedFraction = buffered->Int.toFloat /. outOf->Int.toFloat
+    Pervasives.min(
+      Js.Math.floor_float(maxCount->Js.Int.toFloat *. bufferedFraction)->Belt.Float.toInt,
+      maxCount,
+    )
+  })
+  let loadedFraction = loadedFraction > 0.0 ? loadedFraction : 0.0
+  let loadedPercentageStr = (loadedFraction *. 100.)->Int.fromFloat->Int.toString ++ "% "
+
+  let loadedPercentageStrCount = loadedPercentageStr->String.length
+  let loadedSpaces = Pervasives.max(loadedCount - loadedPercentageStrCount, 0)
+  let loadedCount = Pervasives.max(loadedCount, loadedPercentageStrCount)
+  let bufferedCount = Pervasives.max(bufferedCount, loadedCount)
+
+  <Box>
+    <Text backgroundColor={loadingColor} color={Gray}>
+      <Text> {" "->Js.String2.repeat(loadedSpaces)->React.string} </Text>
+      <Text> {loadedPercentageStr->React.string} </Text>
+    </Text>
+    <Text backgroundColor={Gray}>
+      {" "->Js.String2.repeat(bufferedCount - loadedCount)->React.string}
+    </Text>
+    <Text backgroundColor={White}>
+      {" "->Js.String2.repeat(maxCount - bufferedCount)->React.string}
+    </Text>
+  </Box>
+}

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

@@ -0,0 +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 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"
+                    })
+              ]
+            });
+}
+
+var make = BufferedProgressBar;
+
+export {
+  make ,
+}
+/* ink Not a pure module */