@youcan/cli-kit 2.1.4 → 2.3.0

package/dist/ui/components/Error.d.ts

@@ -0,0 +1,6 @@
+type ErrorPropsType = {
+    message: string;
+    suggestions?: string[];
+};
+export declare const renderError: (props: ErrorPropsType) => import("ink").Instance;
+export {};

package/dist/ui/components/Error.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { render, Newline, Box, Text } from 'ink';
+
+const Error = ({ message, suggestions = [] }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Newline, null),
+        React.createElement(Box, { flexDirection: 'column', borderStyle: 'round', borderColor: 'red', paddingLeft: 1 },
+            React.createElement(Text, { color: 'redBright' }, "Error"),
+            React.createElement(Text, { color: 'white' }, message),
+            suggestions.length > 0 && (React.createElement(Box, { marginTop: 1, flexDirection: 'column' },
+                React.createElement(Text, { color: 'yellow' }, "Suggestions:"),
+                suggestions.map((suggestion, index) => (React.createElement(Text, { key: index },
+                    " - ",
+                    suggestion))))))));
+};
+const renderError = (props) => render(React.createElement(Error, { ...props }));
+
+export { renderError };

package/dist/ui/components/HotKeys.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+type KeyType = {
+    keyboardKey: string;
+    description: string;
+    handler: () => void;
+};
+export type HotKeysPropsType = {
+    hotKeys: KeyType[];
+};
+export declare const HotKeys: ({ hotKeys }: HotKeysPropsType) => React.JSX.Element;
+export declare const renderHotKeys: (props: HotKeysPropsType) => import("ink").Instance;
+export {};

package/dist/ui/components/HotKeys.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { RightChevron, VerticalDivider } from './utils/symbols.js';
+import { Box, render, useInput, Text } from 'ink';
+
+const HotKey = ({ keyboardKey, description, handler }) => {
+    useInput((input) => {
+        if (input === keyboardKey)
+            handler();
+    });
+    return (React.createElement(Box, { flexDirection: 'column' },
+        React.createElement(Text, null,
+            React.createElement(RightChevron, null),
+            " Press ",
+            React.createElement(Text, { dimColor: true }, keyboardKey),
+            " ",
+            React.createElement(VerticalDivider, null),
+            " ",
+            description)));
+};
+const HotKeys = ({ hotKeys }) => {
+    return (React.createElement(Box, { flexDirection: 'column' }, hotKeys.map((hotKey) => React.createElement(HotKey, { key: hotKey.keyboardKey, ...hotKey }))));
+};
+const renderHotKeys = (props) => render(React.createElement(HotKeys, { ...props }), { exitOnCtrlC: false });
+
+export { HotKeys, renderHotKeys };

package/dist/ui/components/utils/symbols.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const VerticalDivider: () => React.JSX.Element;
+export declare const RightChevron: () => React.JSX.Element;

package/dist/ui/components/utils/symbols.js

@@ -0,0 +1,7 @@
+import { Text } from 'ink';
+import React from 'react';
+
+const VerticalDivider = () => React.createElement(Text, null, "\u2502");
+const RightChevron = () => React.createElement(Text, null, "\u203A");
+
+export { RightChevron, VerticalDivider };

package/dist/ui/index.d.ts

@@ -0,0 +1,3 @@
+export { renderDevOutput } from './components/DevOutput';
+export { renderHotKeys } from './components/HotKeys';
+export { renderError } from './components/Error';

package/dist/ui/index.js

@@ -0,0 +1,3 @@
+export { renderDevOutput } from './components/DevOutput.js';
+export { renderHotKeys } from './components/HotKeys.js';
+export { renderError } from './components/Error.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@youcan/cli-kit",
   "type": "module",
-  "version": "2.1.4",
+  "version": "2.3.0",
   "description": "Utilities for the YouCan CLI",
   "author": "YouCan <contact@youcan.shop> (https://youcan.shop)",
   "license": "MIT",
@@ -28,16 +28,20 @@
     "env-paths": "^3.0.0",
     "execa": "^6.1.0",
     "find-process": "^1.4.7",
-    "formdata-node": "^5.0.1",
+    "formdata-node": "^6.0.3",
     "fs-extra": "^11.1.1",
     "glob": "^11.0.0",
+    "ink": "^5.1.0",
     "kill-port-process": "^3.2.0",
     "kleur": "^4.1.5",
     "node-fetch": "^3.3.2",
     "open": "^9.1.0",
     "prompts": "^2.4.2",
     "ramda": "^0.28.0",
+    "react": "^18.3.1",
+    "rxjs": "^7.8.1",
     "simple-git": "^3.20.0",
+    "tar": "^7.4.3",
     "tcp-port-used": "^1.0.2",
     "tempy": "^3.1.0",
     "worker": "^0.4.0"
@@ -48,6 +52,7 @@
     "@types/node": "^18.18.0",
     "@types/prompts": "^2.4.5",
     "@types/ramda": "^0.28.25",
+    "@types/react": "^18.3.12",
     "@types/tcp-port-used": "^1.0.2",
     "shx": "^0.3.4"
   },