@jakubmazanec/cli 0.2.1-unstable.ee5adfc → 0.3.0-next.2fa8a2c

package/build/ui/form/createForm.js

@@ -0,0 +1,73 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import { Box } from "ink";
+import { useCallback } from "react";
+import { FormRow } from "./FormRow.js";
+export function createForm(formConfig) {
+  let Form = ({
+    rows,
+    values: results,
+    onChange,
+    onComplete: onFinish,
+    ...boxProps
+  }) => {
+    let handleChange = useCallback(
+      (value, rowName) => {
+        if (onChange) {
+          onChange({
+            ...results,
+            [rowName]: {
+              ...results[rowName],
+              value
+            }
+          });
+        }
+      },
+      [onChange, results]
+    );
+    let handleFinish = useCallback(
+      (value, rowName) => {
+        onFinish({
+          ...results,
+          [rowName]: {
+            value,
+            isComplete: true
+          }
+        });
+      },
+      [onFinish, results]
+    );
+    let inputElements = [];
+    let activeInputName = null;
+    for (let [rowName] of Object.entries(formConfig.rows)) {
+      if (!results[rowName].isComplete) {
+        activeInputName = String(rowName);
+        break;
+      }
+    }
+    for (let [rowName, input] of Object.entries(formConfig.rows)) {
+      if (results[rowName].isComplete || rowName === activeInputName) {
+        inputElements.push(
+          /* @__PURE__ */ jsx(
+            FormRow,
+            {
+              marginTop: inputElements.length === 0 ? 0 : 1,
+              focus: rowName === activeInputName,
+              isComplete: results[rowName].isComplete,
+              config: input,
+              rows,
+              rowName,
+              value: results[rowName].value,
+              onChange: handleChange,
+              onComplete: handleFinish
+            },
+            rowName
+          )
+        );
+      }
+    }
+    return /* @__PURE__ */ jsx(Box, { ...boxProps, flexDirection: "column", children: inputElements });
+  };
+  return Object.assign(Form, { config: formConfig });
+}
+//# sourceMappingURL=createForm.js.map

package/build/ui/form/createForm.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/ui/form/createForm.tsx"],
+  "sourcesContent": ["import {Box, type BoxProps} from 'ink';\nimport {useCallback} from 'react';\n\nimport {type Form} from './Form.js';\nimport {type FormConfig} from './FormConfig.js';\nimport {type FormProps} from './FormProps.js';\nimport {FormRow} from './FormRow.js';\n\n/**\n * Creates form component that contains individual rows with inputs based on the provided config.\n *\n * @param formConfig Form configuration.\n * @returns Form component.\n */\nexport function createForm<C extends FormConfig>(formConfig: C): Form<C> {\n  let Form = ({\n    rows,\n    values: results,\n    onChange,\n    onComplete: onFinish,\n    ...boxProps\n  }: FormProps<C>) => {\n    let handleChange = useCallback(\n      (value: unknown, rowName: keyof C['rows']) => {\n        if (onChange) {\n          onChange({\n            ...results,\n            [rowName]: {\n              ...results[rowName],\n              value,\n            },\n          });\n        }\n      },\n      [onChange, results],\n    );\n\n    let handleFinish = useCallback(\n      (value: unknown, rowName: keyof C['rows']) => {\n        onFinish({\n          ...results,\n          [rowName]: {\n            value,\n            isComplete: true,\n          },\n        });\n      },\n      [onFinish, results],\n    );\n\n    let inputElements = [];\n    let activeInputName: string | null = null;\n\n    for (let [rowName] of Object.entries(formConfig.rows)) {\n      if (!results[rowName as keyof C['rows']].isComplete) {\n        activeInputName = String(rowName);\n\n        break;\n      }\n    }\n\n    for (let [rowName, input] of Object.entries(formConfig.rows)) {\n      if (results[rowName as keyof C['rows']].isComplete || rowName === activeInputName) {\n        inputElements.push(\n          <FormRow\n            key={rowName}\n            marginTop={inputElements.length === 0 ? 0 : 1}\n            focus={rowName === activeInputName}\n            isComplete={results[rowName as keyof C['rows']].isComplete}\n            config={input}\n            rows={rows}\n            rowName={rowName}\n            value={results[rowName as keyof C['rows']].value}\n            onChange={handleChange}\n            onComplete={handleFinish}\n          />,\n        );\n      }\n    }\n\n    return (\n      <Box {...(boxProps as BoxProps)} flexDirection=\"column\">\n        {inputElements}\n      </Box>\n    );\n  };\n\n  return Object.assign(Form, {config: formConfig});\n}\n"],
+  "mappings": ";AAgEU;AAhEV,SAAQ,WAAyB;AACjC,SAAQ,mBAAkB;AAK1B,SAAQ,eAAc;AAQf,gBAAS,WAAiC,YAAwB;AACvE,MAAI,OAAO,CAAC;AAAA,IACV;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA,YAAY;AAAA,IACZ,GAAG;AAAA,EACL,MAAoB;AAClB,QAAI,eAAe;AAAA,MACjB,CAAC,OAAgB,YAA6B;AAC5C,YAAI,UAAU;AACZ,mBAAS;AAAA,YACP,GAAG;AAAA,YACH,CAAC,OAAO,GAAG;AAAA,cACT,GAAG,QAAQ,OAAO;AAAA,cAClB;AAAA,YACF;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,MACA,CAAC,UAAU,OAAO;AAAA,IACpB;AAEA,QAAI,eAAe;AAAA,MACjB,CAAC,OAAgB,YAA6B;AAC5C,iBAAS;AAAA,UACP,GAAG;AAAA,UACH,CAAC,OAAO,GAAG;AAAA,YACT;AAAA,YACA,YAAY;AAAA,UACd;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MACA,CAAC,UAAU,OAAO;AAAA,IACpB;AAEA,QAAI,gBAAgB,CAAC;AACrB,QAAI,kBAAiC;AAErC,aAAS,CAAC,OAAO,KAAK,OAAO,QAAQ,WAAW,IAAI,GAAG;AACrD,UAAI,CAAC,QAAQ,OAA0B,EAAE,YAAY;AACnD,0BAAkB,OAAO,OAAO;AAEhC;AAAA,MACF;AAAA,IACF;AAEA,aAAS,CAAC,SAAS,KAAK,KAAK,OAAO,QAAQ,WAAW,IAAI,GAAG;AAC5D,UAAI,QAAQ,OAA0B,EAAE,cAAc,YAAY,iBAAiB;AACjF,sBAAc;AAAA,UACZ;AAAA,YAAC;AAAA;AAAA,cAEC,WAAW,cAAc,WAAW,IAAI,IAAI;AAAA,cAC5C,OAAO,YAAY;AAAA,cACnB,YAAY,QAAQ,OAA0B,EAAE;AAAA,cAChD,QAAQ;AAAA,cACR;AAAA,cACA;AAAA,cACA,OAAO,QAAQ,OAA0B,EAAE;AAAA,cAC3C,UAAU;AAAA,cACV,YAAY;AAAA;AAAA,YATP;AAAA,UAUP;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,WACE,oBAAC,OAAK,GAAI,UAAuB,eAAc,UAC5C,yBACH;AAAA,EAEJ;AAEA,SAAO,OAAO,OAAO,MAAM,EAAC,QAAQ,WAAU,CAAC;AACjD;",
+  "names": []
+}

package/build/ui/form.js

@@ -0,0 +1,15 @@
+"use strict";
+export * from "./form/createForm.js";
+export * from "./form/Form.js";
+export * from "./form/FormConfig.js";
+export * from "./form/FormProps.js";
+export * from "./form/FormResult.js";
+export * from "./form/FormRow.js";
+export * from "./form/FormRowConfig.js";
+export * from "./form/FormRowsConfig.js";
+export * from "./form/FormValue.js";
+export * from "./form/FormValues.js";
+export * from "./form/SelectInput.js";
+export * from "./form/SelectInputItem.js";
+export * from "./form/TextInput.js";
+//# sourceMappingURL=form.js.map

package/build/ui/form.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/ui/form.ts"],
+  "sourcesContent": ["export * from './form/createForm.js';\nexport * from './form/Form.js';\nexport * from './form/FormConfig.js';\nexport * from './form/FormProps.js';\nexport * from './form/FormResult.js';\nexport * from './form/FormRow.js';\nexport * from './form/FormRowConfig.js';\nexport * from './form/FormRowsConfig.js';\nexport * from './form/FormValue.js';\nexport * from './form/FormValues.js';\nexport * from './form/SelectInput.js';\nexport * from './form/SelectInputItem.js';\nexport * from './form/TextInput.js';\n"],
+  "mappings": ";AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/build/ui/getErrorDetail.js

@@ -0,0 +1,65 @@
+"use strict";
+import { ParsingError, ValidationError } from "@jakubmazanec/args";
+import { zodIssuesToStrings } from "@jakubmazanec/zod-utils";
+import { ZodError } from "zod";
+export function getErrorDetail(error) {
+  if (error instanceof ParsingError) {
+    switch (error.code) {
+      default: {
+        return {
+          label: "Parsing error",
+          description: error.message
+        };
+      }
+    }
+  }
+  if (error instanceof ValidationError) {
+    switch (error.code) {
+      default: {
+        return {
+          label: "Validation error",
+          description: error.message
+        };
+      }
+    }
+  }
+  if (error instanceof ReferenceError) {
+    let errorDetail = {
+      label: "Error",
+      description: error.message
+    };
+    if (error.stack) {
+      errorDetail.stack = error.stack;
+    }
+    return errorDetail;
+  }
+  if (error instanceof ZodError) {
+    let errorDetail = {
+      label: "Error",
+      description: zodIssuesToStrings(error.issues).join("\n")
+    };
+    return errorDetail;
+  }
+  if (error instanceof Error) {
+    let errorDetail = {
+      label: "Error",
+      description: error.message
+    };
+    if (error.stack) {
+      errorDetail.stack = error.stack;
+    }
+    if (error.cause instanceof Error) {
+      errorDetail.cause = {
+        description: error.cause.message
+      };
+      if (error.cause.stack) {
+        errorDetail.cause.stack = error.cause.stack;
+      }
+    }
+    return errorDetail;
+  }
+  return {
+    label: "Error"
+  };
+}
+//# sourceMappingURL=getErrorDetail.js.map

package/build/ui/getErrorDetail.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/ui/getErrorDetail.ts"],
+  "sourcesContent": ["import {ParsingError, ValidationError} from '@jakubmazanec/args';\nimport {zodIssuesToStrings} from '@jakubmazanec/zod-utils';\nimport {ZodError} from 'zod';\n\nimport {type ErrorDetail} from './ErrorDetail.js';\n\n/**\n * Creates detailed information about an error.\n */\nexport function getErrorDetail(error: unknown): ErrorDetail {\n  // TODO: add all codes\n  if (error instanceof ParsingError) {\n    switch (error.code) {\n      default: {\n        return {\n          label: 'Parsing error',\n          description: error.message,\n        };\n      }\n    }\n  }\n\n  // TODO: add all codes\n  if (error instanceof ValidationError) {\n    switch (error.code) {\n      default: {\n        return {\n          label: 'Validation error',\n          description: error.message,\n        };\n      }\n    }\n  }\n\n  // TODO: add all built-in errors\n  if (error instanceof ReferenceError) {\n    let errorDetail: ErrorDetail = {\n      label: 'Error',\n      description: error.message,\n    };\n\n    if (error.stack) {\n      errorDetail.stack = error.stack;\n    }\n\n    return errorDetail;\n  }\n\n  if (error instanceof ZodError) {\n    let errorDetail: ErrorDetail = {\n      label: 'Error',\n      description: zodIssuesToStrings(error.issues).join('\\n'),\n    };\n\n    return errorDetail;\n  }\n\n  if (error instanceof Error) {\n    let errorDetail: ErrorDetail = {\n      label: 'Error',\n      description: error.message,\n    };\n\n    if (error.stack) {\n      errorDetail.stack = error.stack;\n    }\n\n    if (error.cause instanceof Error) {\n      errorDetail.cause = {\n        description: error.cause.message,\n      };\n\n      if (error.cause.stack) {\n        errorDetail.cause.stack = error.cause.stack;\n      }\n    }\n\n    return errorDetail;\n  }\n\n  return {\n    label: 'Error',\n  };\n}\n"],
+  "mappings": ";AAAA,SAAQ,cAAc,uBAAsB;AAC5C,SAAQ,0BAAyB;AACjC,SAAQ,gBAAe;AAOhB,gBAAS,eAAe,OAA6B;AAE1D,MAAI,iBAAiB,cAAc;AACjC,YAAQ,MAAM,MAAM;AAAA,MAClB,SAAS;AACP,eAAO;AAAA,UACL,OAAO;AAAA,UACP,aAAa,MAAM;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAGA,MAAI,iBAAiB,iBAAiB;AACpC,YAAQ,MAAM,MAAM;AAAA,MAClB,SAAS;AACP,eAAO;AAAA,UACL,OAAO;AAAA,UACP,aAAa,MAAM;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAGA,MAAI,iBAAiB,gBAAgB;AACnC,QAAI,cAA2B;AAAA,MAC7B,OAAO;AAAA,MACP,aAAa,MAAM;AAAA,IACrB;AAEA,QAAI,MAAM,OAAO;AACf,kBAAY,QAAQ,MAAM;AAAA,IAC5B;AAEA,WAAO;AAAA,EACT;AAEA,MAAI,iBAAiB,UAAU;AAC7B,QAAI,cAA2B;AAAA,MAC7B,OAAO;AAAA,MACP,aAAa,mBAAmB,MAAM,MAAM,EAAE,KAAK,IAAI;AAAA,IACzD;AAEA,WAAO;AAAA,EACT;AAEA,MAAI,iBAAiB,OAAO;AAC1B,QAAI,cAA2B;AAAA,MAC7B,OAAO;AAAA,MACP,aAAa,MAAM;AAAA,IACrB;AAEA,QAAI,MAAM,OAAO;AACf,kBAAY,QAAQ,MAAM;AAAA,IAC5B;AAEA,QAAI,MAAM,iBAAiB,OAAO;AAChC,kBAAY,QAAQ;AAAA,QAClB,aAAa,MAAM,MAAM;AAAA,MAC3B;AAEA,UAAI,MAAM,MAAM,OAAO;AACrB,oBAAY,MAAM,QAAQ,MAAM,MAAM;AAAA,MACxC;AAAA,IACF;AAEA,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,EACT;AACF;",
+  "names": []
+}

package/build/ui/icons.js

@@ -0,0 +1,13 @@
+"use strict";
+import chalk from "chalk";
+import * as colors from "./colors.js";
+export const question = chalk[colors.notice]("?");
+export const info = chalk[colors.info]("i");
+export const success = chalk[colors.success]("\u2713");
+export const warning = chalk[colors.warning]("\u25B2");
+export const error = chalk[colors.failure]("\xD7");
+export const unselectedSquare = chalk[colors.unselected]("\u25FB");
+export const selectedSquare = chalk[colors.selected]("\u25FC");
+export const unselectedCircle = chalk[colors.unselected]("\u25CB");
+export const selectedCircle = chalk[colors.selected]("\u25CF");
+//# sourceMappingURL=icons.js.map

package/build/ui/icons.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/ui/icons.ts"],
+  "sourcesContent": ["import chalk from 'chalk';\n\nimport * as colors from './colors.js';\n\nexport const question = chalk[colors.notice]('?');\nexport const info = chalk[colors.info]('i');\nexport const success = chalk[colors.success]('\u2713');\nexport const warning = chalk[colors.warning]('\u25B2');\nexport const error = chalk[colors.failure]('\u00D7');\nexport const unselectedSquare = chalk[colors.unselected]('\u25FB');\nexport const selectedSquare = chalk[colors.selected]('\u25FC');\nexport const unselectedCircle = chalk[colors.unselected]('\u25CB');\nexport const selectedCircle = chalk[colors.selected]('\u25CF');\n"],
+  "mappings": ";AAAA,OAAO,WAAW;AAElB,YAAY,YAAY;AAEjB,aAAM,WAAW,MAAM,OAAO,MAAM,EAAE,GAAG;AACzC,aAAM,OAAO,MAAM,OAAO,IAAI,EAAE,GAAG;AACnC,aAAM,UAAU,MAAM,OAAO,OAAO,EAAE,QAAG;AACzC,aAAM,UAAU,MAAM,OAAO,OAAO,EAAE,QAAG;AACzC,aAAM,QAAQ,MAAM,OAAO,OAAO,EAAE,MAAG;AACvC,aAAM,mBAAmB,MAAM,OAAO,UAAU,EAAE,QAAG;AACrD,aAAM,iBAAiB,MAAM,OAAO,QAAQ,EAAE,QAAG;AACjD,aAAM,mBAAmB,MAAM,OAAO,UAAU,EAAE,QAAG;AACrD,aAAM,iBAAiB,MAAM,OAAO,QAAQ,EAAE,QAAG;",
+  "names": []
+}

package/build/ui/internals/Wrapper.js

@@ -0,0 +1,48 @@
+"use strict";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Spacer, Text } from "ink";
+import { useMemo } from "react";
+import { ErrorBoundary } from "react-error-boundary";
+import { highlighted, notice } from "../colors.js";
+import { Failure } from "../Failure.js";
+import { programContext } from "./programContext.js";
+export const Wrapper = ({ program, children }) => {
+  let programContextValue = useMemo(
+    () => ({
+      program
+    }),
+    [program]
+  );
+  return /* @__PURE__ */ jsx(ErrorBoundary, { FallbackComponent: Failure, children: /* @__PURE__ */ jsxs(programContext.Provider, { value: programContextValue, children: [
+    program.latestVersion && program.latestVersion !== program.version ? /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsxs(
+        Box,
+        {
+          flexDirection: "column",
+          borderColor: notice,
+          borderStyle: "round",
+          margin: 1,
+          paddingTop: 1,
+          paddingRight: 4,
+          paddingBottom: 1,
+          paddingLeft: 4,
+          children: [
+            /* @__PURE__ */ jsxs(Text, { children: [
+              "New version ",
+              /* @__PURE__ */ jsx(Text, { color: highlighted, children: program.latestVersion }),
+              " is available!"
+            ] }),
+            /* @__PURE__ */ jsxs(Text, { children: [
+              "Run ",
+              /* @__PURE__ */ jsx(Text, { color: highlighted, children: `npm install ${program.name} -D` }),
+              " to update."
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(Spacer, {})
+    ] }) : null,
+    /* @__PURE__ */ jsx(Box, { children })
+  ] }) });
+};
+//# sourceMappingURL=Wrapper.js.map

package/build/ui/internals/Wrapper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/ui/internals/Wrapper.tsx"],
+  "sourcesContent": ["import {Box, Spacer, Text} from 'ink';\nimport {type FC, type PropsWithChildren, useMemo} from 'react';\nimport {ErrorBoundary} from 'react-error-boundary';\n\nimport {type Program} from '../../program.js';\nimport {highlighted, notice} from '../colors.js';\nimport {Failure} from '../Failure.js';\nimport {programContext} from './programContext.js';\n\n/**\n * {@link Wrapper} component props.\n */\nexport type WrapperProps = {\n  program: Program;\n};\n\n/**\n * A component that wraps anything {@link Program} tries to render with an error boundary and all neccessary providers.\n */\nexport const Wrapper: FC<PropsWithChildren<WrapperProps>> = ({program, children}) => {\n  let programContextValue = useMemo(\n    () => ({\n      program,\n    }),\n    [program],\n  );\n\n  return (\n    <ErrorBoundary FallbackComponent={Failure}>\n      <programContext.Provider value={programContextValue}>\n        {program.latestVersion && program.latestVersion !== program.version ?\n          <Box>\n            <Box\n              flexDirection=\"column\"\n              borderColor={notice}\n              borderStyle=\"round\"\n              margin={1}\n              paddingTop={1}\n              paddingRight={4}\n              paddingBottom={1}\n              paddingLeft={4}\n            >\n              <Text>\n                New version <Text color={highlighted}>{program.latestVersion}</Text> is available!\n              </Text>\n              <Text>\n                Run <Text color={highlighted}>{`npm install ${program.name} -D`}</Text> to update.\n              </Text>\n            </Box>\n            <Spacer />\n          </Box>\n        : null}\n        <Box>{children}</Box>\n      </programContext.Provider>\n    </ErrorBoundary>\n  );\n};\n"],
+  "mappings": ";AA0Cc,SACc,KADd;AA1Cd,SAAQ,KAAK,QAAQ,YAAW;AAChC,SAAyC,eAAc;AACvD,SAAQ,qBAAoB;AAG5B,SAAQ,aAAa,cAAa;AAClC,SAAQ,eAAc;AACtB,SAAQ,sBAAqB;AAYtB,aAAM,UAA+C,CAAC,EAAC,SAAS,SAAQ,MAAM;AACnF,MAAI,sBAAsB;AAAA,IACxB,OAAO;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,SACE,oBAAC,iBAAc,mBAAmB,SAChC,+BAAC,eAAe,UAAf,EAAwB,OAAO,qBAC7B;AAAA,YAAQ,iBAAiB,QAAQ,kBAAkB,QAAQ,UAC1D,qBAAC,OACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,eAAc;AAAA,UACd,aAAa;AAAA,UACb,aAAY;AAAA,UACZ,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,cAAc;AAAA,UACd,eAAe;AAAA,UACf,aAAa;AAAA,UAEb;AAAA,iCAAC,QAAK;AAAA;AAAA,cACQ,oBAAC,QAAK,OAAO,aAAc,kBAAQ,eAAc;AAAA,cAAO;AAAA,eACtE;AAAA,YACA,qBAAC,QAAK;AAAA;AAAA,cACA,oBAAC,QAAK,OAAO,aAAc,yBAAe,QAAQ,IAAI,OAAM;AAAA,cAAO;AAAA,eACzE;AAAA;AAAA;AAAA,MACF;AAAA,MACA,oBAAC,UAAO;AAAA,OACV,IACA;AAAA,IACF,oBAAC,OAAK,UAAS;AAAA,KACjB,GACF;AAEJ;",
+  "names": []
+}

package/build/ui/internals/programContext.js

@@ -0,0 +1,4 @@
+"use strict";
+import React from "react";
+export const programContext = React.createContext({});
+//# sourceMappingURL=programContext.js.map

package/build/ui/internals/programContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/ui/internals/programContext.ts"],
+  "sourcesContent": ["import React from 'react';\n\nimport {type Program} from '../../program/Program.js';\n\nexport type ProgramContext = {\n  program: Program;\n};\n\n/**\n * A React context that stores {@link Program} instance.\n */\nexport const programContext = React.createContext<ProgramContext>({} as ProgramContext);\n"],
+  "mappings": ";AAAA,OAAO,WAAW;AAWX,aAAM,iBAAiB,MAAM,cAA8B,CAAC,CAAmB;",
+  "names": []
+}

package/build/ui/internals/rotate.js

@@ -0,0 +1,6 @@
+"use strict";
+export function rotate(value, n) {
+  let x = [...value];
+  return [...x.splice(-n % x.length), ...x];
+}
+//# sourceMappingURL=rotate.js.map

package/build/ui/internals/rotate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/ui/internals/rotate.ts"],
+  "sourcesContent": ["/**\n * Rotate an array by `n` places.\n *\n * @param value An array to rotate.\n * @param n By how many places the items should move.\n * @returns The new item with items rotated.\n */\nexport function rotate<T>(value: T[], n: number) {\n  let x = [...value];\n\n  return [...x.splice(-n % x.length), ...x];\n}\n"],
+  "mappings": ";AAOO,gBAAS,OAAU,OAAY,GAAW;AAC/C,MAAI,IAAI,CAAC,GAAG,KAAK;AAEjB,SAAO,CAAC,GAAG,EAAE,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC;AAC1C;",
+  "names": []
+}

package/build/ui/internals.js

@@ -0,0 +1,5 @@
+"use strict";
+export * from "./internals/programContext.js";
+export * from "./internals/rotate.js";
+export * from "./internals/Wrapper.js";
+//# sourceMappingURL=internals.js.map

package/build/ui/internals.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/ui/internals.ts"],
+  "sourcesContent": ["export * from './internals/programContext.js';\nexport * from './internals/rotate.js';\nexport * from './internals/Wrapper.js';\n"],
+  "mappings": ";AAAA,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/build/ui/useProgram.js

@@ -0,0 +1,20 @@
+"use strict";
+import { useApp } from "ink";
+import { useCallback, useContext } from "react";
+import { useErrorBoundary } from "react-error-boundary";
+import { programContext } from "./internals.js";
+export function useProgram() {
+  let { showBoundary } = useErrorBoundary();
+  let { exit: appExit } = useApp();
+  let { program } = useContext(programContext);
+  let exit = useCallback(
+    (error) => {
+      process.exitCode = 1;
+      showBoundary(error);
+      appExit(error);
+    },
+    [appExit, showBoundary]
+  );
+  return { program, exit };
+}
+//# sourceMappingURL=useProgram.js.map

package/build/ui/useProgram.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/ui/useProgram.ts"],
+  "sourcesContent": ["import {useApp} from 'ink';\nimport {useCallback, useContext} from 'react';\nimport {useErrorBoundary} from 'react-error-boundary';\n\nimport {programContext} from './internals.js';\n\n/**\n * A React hook for accessing {@link Program} instance and `exit` function that is used for showing an error (via an error boundary) and exiting.\n */\nexport function useProgram() {\n  let {showBoundary} = useErrorBoundary();\n  let {exit: appExit} = useApp();\n  let {program} = useContext(programContext);\n\n  let exit = useCallback(\n    (error: unknown) => {\n      process.exitCode = 1;\n\n      showBoundary(error);\n      appExit(error as Error);\n    },\n    [appExit, showBoundary],\n  );\n\n  return {program, exit};\n}\n"],
+  "mappings": ";AAAA,SAAQ,cAAa;AACrB,SAAQ,aAAa,kBAAiB;AACtC,SAAQ,wBAAuB;AAE/B,SAAQ,sBAAqB;AAKtB,gBAAS,aAAa;AAC3B,MAAI,EAAC,aAAY,IAAI,iBAAiB;AACtC,MAAI,EAAC,MAAM,QAAO,IAAI,OAAO;AAC7B,MAAI,EAAC,QAAO,IAAI,WAAW,cAAc;AAEzC,MAAI,OAAO;AAAA,IACT,CAAC,UAAmB;AAClB,cAAQ,WAAW;AAEnB,mBAAa,KAAK;AAClB,cAAQ,KAAc;AAAA,IACxB;AAAA,IACA,CAAC,SAAS,YAAY;AAAA,EACxB;AAEA,SAAO,EAAC,SAAS,KAAI;AACvB;",
+  "names": []
+}

package/build/ui.js

@@ -0,0 +1,12 @@
+"use strict";
+export * as colors from "./ui/colors.js";
+export * from "./ui/ErrorDetail.js";
+export * from "./ui/Failure.js";
+export * from "./ui/form.js";
+export * from "./ui/getErrorDetail.js";
+export * from "./ui/Header.js";
+export * from "./ui/Help.js";
+export * as icons from "./ui/icons.js";
+export * from "./ui/Spinner.js";
+export * from "./ui/useProgram.js";
+//# sourceMappingURL=ui.js.map

package/build/ui.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../source/ui.ts"],
+  "sourcesContent": ["export * as colors from './ui/colors.js';\nexport * from './ui/ErrorDetail.js';\nexport * from './ui/Failure.js';\nexport * from './ui/form.js';\nexport * from './ui/getErrorDetail.js';\nexport * from './ui/Header.js';\nexport * from './ui/Help.js';\nexport * as icons from './ui/icons.js';\nexport * from './ui/Spinner.js';\nexport * from './ui/useProgram.js';\n"],
+  "mappings": ";AAAA,YAAY,YAAY;AACxB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,YAAY,WAAW;AACvB,cAAc;AACd,cAAc;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jakubmazanec/cli",
-  "version": "0.2.1-unstable.ee5adfc",
+  "version": "0.3.0-next.2fa8a2c",
   "description": "TypeScript-first library for building CLIs.",
   "repository": {
     "type": "git",
@@ -11,55 +11,60 @@
   "author": "Jakub Mazanec <jakub@mazanec.dev>",
   "sideEffects": false,
   "type": "module",
-  "exports": "./dist/main.js",
+  "exports": "./build/main.js",
   "files": [
-    "dist",
-    "src"
+    "build",
+    "source"
   ],
   "scripts": {
-    "build": "swc src -d dist && tsc",
-    "clean": "del-cli coverage dist *.tsbuildinfo",
-    "develop": "concurrently \"swc src -d dist --watch\" \"tsc --watch\"",
-    "document": "typedoc --options typedoc.config.cjs",
-    "format": "prettier . --write --ignore-unknown --ignore-path ../../.prettierignore",
+    "build": "del-cli build tsconfig.tsbuildinfo && esbuild \"source/**/*\" --platform=node --target=node20.8 --outdir=build --sourcemap && tsc",
+    "clean": "del-cli coverage build *.tsbuildinfo",
+    "develop": "concurrently \"esbuild \"source/**/*\" --platform=node --target=node20.8 --outdir=build --sourcemap --watch\" \"tsc --watch\"",
+    "document": "del-cli docs && typedoc --options typedoc.config.cjs",
+    "format": "prettier . --write --ignore-unknown",
     "lint": "eslint .",
-    "test": "cross-env FORCE_COLOR=1 NODE_OPTIONS=--experimental-vm-modules jest --passWithNoTests",
+    "test": "del-cli coverage && cross-env FORCE_COLOR=1 vitest run --coverage",
     "typecheck": "tsc --project tsconfig.typecheck.json"
   },
   "dependencies": {
-    "@jakubmazanec/args": "1.0.3-unstable.ee5adfc",
-    "@jakubmazanec/error": "^2.0.0",
-    "@jakubmazanec/ts-utils": "^2.1.0",
-    "@jakubmazanec/zod-utils": "1.0.3-unstable.ee5adfc",
-    "chalk": "^5.2.0",
-    "fs-extra": "^10.0.1",
-    "latest-version": "^7.0.0",
+    "@jakubmazanec/args": "2.0.0-next.2fa8a2c",
+    "@jakubmazanec/error": "3.0.0-next.2fa8a2c",
+    "@jakubmazanec/ts-utils": "3.0.0-next.2fa8a2c",
+    "@jakubmazanec/zod-utils": "2.0.0-next.2fa8a2c",
+    "chalk": "^5.3.0",
+    "fs-extra": "^11.2.0",
+    "latest-version": "^8.0.0",
     "lodash": "^4.17.21",
-    "react-error-boundary": "^4.0.7",
-    "zod": "^3.14.4"
+    "react-error-boundary": "^4.0.12",
+    "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@jest/globals": "^29.5.0",
-    "@types/fs-extra": "^9.0.13",
-    "@types/lodash": "^4.14.195",
-    "@types/node": "^16.18.55",
-    "@types/react": "^18.0.26",
-    "ink": "^3.2.0",
+    "@types/fs-extra": "^11.0.4",
+    "@types/lodash": "^4.14.202",
+    "@types/node": "^20.8.5",
+    "@types/react": "^18.2.53",
+    "@vitest/coverage-v8": "^1.2.2",
+    "concurrently": "^8.2.2",
+    "cross-env": "^7.0.3",
+    "del-cli": "^5.1.0",
+    "esbuild": "^0.20.0",
+    "eslint": "^8.56.0",
+    "ink": "^4.4.1",
     "ink-testing-library": "^3.0.0",
-    "react": "^18.2.0"
+    "prettier": "^3.2.5",
+    "prettier-plugin-packagejson": "^2.4.10",
+    "react": "^18.2.0",
+    "typedoc": "^0.25.7",
+    "typedoc-plugin-markdown": "^3.17.1",
+    "typescript": "^5.3.3",
+    "vitest": "^1.2.2"
   },
   "peerDependencies": {
-    "@types/react": "17.x || 18.x",
-    "ink": "^3.0.0",
-    "react": "17.x || 18.x"
+    "ink": "4.x",
+    "react": "18.x"
   },
-  "peerDependenciesMeta": {
-    "@types/react": {
-      "optional": true
-    }
-  },
-  "packageManager": "npm@8.19.4",
+  "packageManager": "npm@10.1.0",
   "engines": {
-    "node": ">=16.20.0"
+    "node": "^20.8.0"
   }
 }

package/{src → source}/program/CommandAction.ts

@@ -1,4 +1,4 @@
-import {type OptionsConfig, type ParametersConfig, type Arguments} from '@jakubmazanec/args';
+import {type Arguments, type OptionsConfig, type ParametersConfig} from '@jakubmazanec/args';
 
 import {type Program} from './Program.js';
 

package/{src → source}/program/Program.ts

@@ -1,19 +1,19 @@
 /* eslint-disable @typescript-eslint/no-explicit-any -- needed */
-import {type ParametersConfig, type Argv, type OptionsConfig} from '@jakubmazanec/args';
+import {type Argv, type OptionsConfig, type ParametersConfig} from '@jakubmazanec/args';
 import fs from 'fs-extra';
 import fetchLatestVersion from 'latest-version';
 import path from 'path';
 import {type ComponentType} from 'react';
 import {type FallbackProps} from 'react-error-boundary';
 
+import {CACHE_PATH} from '../constants.js';
+import {Failure, Help} from '../ui.js';
+import {Wrapper} from '../ui/internals.js';
 import {type Command} from './Command.js';
 import {type ProgramCreateOptions} from './ProgramCreateOptions.js';
 import {ProgramError} from './ProgramError.js';
 import {type ProgramOptions} from './ProgramOptions.js';
 import {type ProgramStreams} from './ProgramStreams.js';
-import {CACHE_PATH} from '../constants.js';
-import {Wrapper} from '../ui/internals.js';
-import {Failure, Help} from '../ui.js';
 
 /**
  * Program manages and executes {@link Command} instances attached to it based on parsing command line arguments.

package/{src → source}/ui/Failure.tsx

@@ -1,4 +1,4 @@
-import {Box, Text, type BoxProps} from 'ink';
+import {Box, type BoxProps, Text} from 'ink';
 
 import * as colors from './colors.js';
 import {type ErrorDetail} from './ErrorDetail.js';
@@ -29,31 +29,31 @@ export function Failure({error, errorDetail, ...boxProps}: FailureProps) {
         <Text color={colors.highlighted}>{label}</Text>
       </Header>
 
-      {description ? (
+      {description ?
         <Box flexDirection="column" marginLeft={2}>
           <Text color={colors.failure}>{description}</Text>
         </Box>
-      ) : null}
+      : null}
 
-      {stack ? (
+      {stack ?
         <Box flexDirection="column" marginTop={1} marginLeft={2}>
           <Text color={colors.muted}>{stack}</Text>
         </Box>
-      ) : null}
+      : null}
 
-      {cause ? (
+      {cause ?
         <>
           <Box flexDirection="column" marginTop={1} marginLeft={2}>
             <Text color={colors.muted}>{cause.description}</Text>
           </Box>
 
-          {cause.stack ? (
+          {cause.stack ?
             <Box flexDirection="column" marginTop={1} marginLeft={2}>
               <Text color={colors.muted}>{cause.stack}</Text>
             </Box>
-          ) : null}
+          : null}
         </>
-      ) : null}
+      : null}
     </Box>
   );
 }

package/{src → source}/ui/Header.tsx

@@ -25,12 +25,16 @@ export function Header({
 }: PropsWithChildren<HeaderProps>) {
   return (
     <Box {...boxProps}>
-      {icon || showSpinner ? (
+      {icon || showSpinner ?
         <Box marginRight={1}>
-          {showSpinner ? <Spinner /> : null}
-          {!showSpinner && icon ? <Text>{icon}</Text> : null}
+          {showSpinner ?
+            <Spinner />
+          : null}
+          {!showSpinner && icon ?
+            <Text>{icon}</Text>
+          : null}
         </Box>
-      ) : null}
+      : null}
       <Box>{children}</Box>
     </Box>
   );

package/{src → source}/ui/Help.tsx

@@ -1,10 +1,10 @@
 import chalk from 'chalk';
-import {Box, Text, type BoxProps} from 'ink';
+import {Box, type BoxProps, Text} from 'ink';
 
+import {type Program} from '../program.js';
 import * as colors from './colors.js';
 import {Header} from './Header.js';
 import * as icons from './icons.js';
-import {type Program} from '../program.js';
 
 /**
  * {@link Help} component props.
@@ -25,7 +25,7 @@ export function Help({program, ...boxProps}: HelpProps) {
       ](program.version ?? '?')}`}</Text>
       <Text color={colors.body}>{program.description}</Text>
 
-      {program.commands.length ? (
+      {program.commands.length ?
         <>
           <Header icon={icons.info} marginTop={1}>
             <Text color={colors.highlighted}>Usage</Text>
@@ -62,7 +62,7 @@ export function Help({program, ...boxProps}: HelpProps) {
             );
           })}
         </>
-      ) : null}
+      : null}
     </Box>
   );
 }

package/{src → source}/ui/Spinner.tsx

@@ -1,5 +1,5 @@
 import {Text} from 'ink';
-import {useState, useEffect} from 'react';
+import {useEffect, useState} from 'react';
 
 const SPINNER = {
   interval: 80,