skilluse 0.1.0

package/dist/components/CLIError.d.ts

@@ -0,0 +1,27 @@
+export interface CLIErrorProps {
+    /** Main error message */
+    message: string;
+    /** Optional context like the repository name */
+    context?: string;
+    /** Possible causes for the error */
+    causes?: string[];
+    /** Suggested command or action */
+    suggestion?: string;
+    /** Error type: 'error' for failures, 'warning' for non-fatal issues */
+    type?: "error" | "warning";
+}
+/**
+ * Structured CLI error message component.
+ * Shows actionable error information with possible causes and suggestions.
+ *
+ * Example output:
+ * ✗ Repository 'foo/bar' not found
+ *
+ *   Possible causes:
+ *   • The repository doesn't exist
+ *   • You don't have access (try: skilluse login)
+ *
+ *   Run 'skilluse repo list' to see available repos
+ */
+export declare function CLIError({ message, context, causes, suggestion, type, }: CLIErrorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CLIError.d.ts.map

package/dist/components/CLIError.js

@@ -0,0 +1,24 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import figures from "figures";
+/**
+ * Structured CLI error message component.
+ * Shows actionable error information with possible causes and suggestions.
+ *
+ * Example output:
+ * ✗ Repository 'foo/bar' not found
+ *
+ *   Possible causes:
+ *   • The repository doesn't exist
+ *   • You don't have access (try: skilluse login)
+ *
+ *   Run 'skilluse repo list' to see available repos
+ */
+export function CLIError({ message, context, causes, suggestion, type = "error", }) {
+    const icon = type === "error" ? figures.cross : figures.warning;
+    const color = type === "error" ? "red" : "yellow";
+    // Format the main message with optional context
+    const displayMessage = context ? `${message} '${context}'` : message;
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsxs(Text, { color: color, children: [icon, " "] }), _jsx(Text, { children: displayMessage })] }), causes && causes.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, marginLeft: 2, children: [_jsx(Text, { dimColor: true, children: "Possible causes:" }), causes.map((cause, i) => (_jsx(Box, { marginLeft: 0, children: _jsxs(Text, { dimColor: true, children: ["\u2022 ", cause] }) }, i)))] })), suggestion && (_jsx(Box, { marginTop: 1, marginLeft: 2, children: _jsx(Text, { dimColor: true, children: suggestion }) }))] }));
+}
+//# sourceMappingURL=CLIError.js.map

package/dist/components/ProgressBar.d.ts

@@ -0,0 +1,7 @@
+interface ProgressBarProps {
+    percent: number;
+    width?: number;
+}
+export declare function ProgressBar({ percent, width }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/components/ProgressBar.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+export function ProgressBar({ percent, width = 20 }) {
+    const clampedPercent = Math.max(0, Math.min(100, percent));
+    const filled = Math.round((clampedPercent / 100) * width);
+    const empty = width - filled;
+    return (_jsxs(Box, { children: [_jsx(Text, { color: "green", children: "█".repeat(filled) }), _jsx(Text, { color: "gray", children: "░".repeat(empty) }), _jsxs(Text, { children: [" ", clampedPercent, "%"] })] }));
+}
+//# sourceMappingURL=ProgressBar.js.map

package/dist/components/Select.d.ts

@@ -0,0 +1,11 @@
+interface SelectItem {
+    label: string;
+    value: string;
+}
+interface SelectProps {
+    items: SelectItem[];
+    onSelect: (item: SelectItem) => void;
+}
+export declare function Select({ items, onSelect }: SelectProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Select.d.ts.map

package/dist/components/Select.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import SelectInput from "ink-select-input";
+export function Select({ items, onSelect }) {
+    return _jsx(SelectInput, { items: items, onSelect: onSelect });
+}
+//# sourceMappingURL=Select.js.map

package/dist/components/Spinner.d.ts

@@ -0,0 +1,6 @@
+interface SpinnerProps {
+    text?: string;
+}
+export declare function Spinner({ text }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Spinner.d.ts.map

package/dist/components/Spinner.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import InkSpinner from "ink-spinner";
+export function Spinner({ text }) {
+    return (_jsxs(Box, { children: [_jsx(Text, { color: "cyan", children: _jsx(InkSpinner, { type: "dots" }) }), text && _jsxs(Text, { children: [" ", text] })] }));
+}
+//# sourceMappingURL=Spinner.js.map

package/dist/components/StatusMessage.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+type StatusType = "success" | "error" | "warning";
+interface StatusMessageProps {
+    type: StatusType;
+    children: React.ReactNode;
+}
+export declare function StatusMessage({ type, children }: StatusMessageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StatusMessage.d.ts.map

package/dist/components/StatusMessage.js

@@ -0,0 +1,13 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import figures from "figures";
+const statusConfig = {
+    success: { icon: figures.tick, color: "green" },
+    error: { icon: figures.cross, color: "red" },
+    warning: { icon: figures.warning, color: "yellow" },
+};
+export function StatusMessage({ type, children }) {
+    const { icon, color } = statusConfig[type];
+    return (_jsxs(Box, { children: [_jsxs(Text, { color: color, children: [icon, " "] }), _jsx(Text, { children: children })] }));
+}
+//# sourceMappingURL=StatusMessage.js.map

package/dist/components/Table.d.ts

@@ -0,0 +1,9 @@
+type Scalar = string | number | boolean | null | undefined;
+type ScalarDict = Record<string, Scalar>;
+interface TableProps<T extends ScalarDict> {
+    data: T[];
+    columns?: (keyof T)[];
+}
+export declare function Table<T extends ScalarDict>({ data, columns, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Table.d.ts.map

package/dist/components/Table.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+export function Table({ data, columns, }) {
+    if (data.length === 0) {
+        return _jsx(Text, { dimColor: true, children: "No data" });
+    }
+    // Get columns from data keys if not specified
+    const cols = columns || Object.keys(data[0]);
+    // Calculate column widths
+    const widths = cols.map((col) => {
+        const headerWidth = String(col).length;
+        const maxDataWidth = data.reduce((max, row) => {
+            const value = row[col];
+            const width = value == null ? 0 : String(value).length;
+            return Math.max(max, width);
+        }, 0);
+        return Math.max(headerWidth, maxDataWidth);
+    });
+    const renderCell = (value, width, isHeader = false) => {
+        const str = value == null ? "" : String(value);
+        const padded = str.padEnd(width);
+        return isHeader ? (_jsx(Text, { bold: true, children: padded })) : (_jsx(Text, { children: padded }));
+    };
+    const separator = (_jsx(Box, { children: _jsx(Text, { children: widths.map((w, i) => "─".repeat(w) + (i < widths.length - 1 ? "─┼─" : "")).join("") }) }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { children: cols.map((col, i) => (_jsxs(Box, { children: [renderCell(String(col), widths[i], true), i < cols.length - 1 && _jsx(Text, { children: " \u2502 " })] }, String(col)))) }), separator, data.map((row, rowIndex) => (_jsx(Box, { children: cols.map((col, i) => (_jsxs(Box, { children: [renderCell(row[col], widths[i]), i < cols.length - 1 && _jsx(Text, { children: " \u2502 " })] }, String(col)))) }, rowIndex)))] }));
+}
+//# sourceMappingURL=Table.js.map

package/dist/components/TextInput.d.ts

@@ -0,0 +1,9 @@
+interface TextInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    onSubmit?: (value: string) => void;
+}
+export declare function TextInput({ value, onChange, placeholder, onSubmit, }: TextInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TextInput.d.ts.map

package/dist/components/TextInput.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import InkTextInput from "ink-text-input";
+export function TextInput({ value, onChange, placeholder, onSubmit, }) {
+    return (_jsx(InkTextInput, { value: value, onChange: onChange, placeholder: placeholder, onSubmit: onSubmit }));
+}
+//# sourceMappingURL=TextInput.js.map

package/dist/components/index.d.ts

@@ -0,0 +1,8 @@
+export { Spinner } from "./Spinner.js";
+export { Select } from "./Select.js";
+export { Table } from "./Table.js";
+export { ProgressBar } from "./ProgressBar.js";
+export { StatusMessage } from "./StatusMessage.js";
+export { TextInput } from "./TextInput.js";
+export { CLIError, type CLIErrorProps } from "./CLIError.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.js

@@ -0,0 +1,8 @@
+export { Spinner } from "./Spinner.js";
+export { Select } from "./Select.js";
+export { Table } from "./Table.js";
+export { ProgressBar } from "./ProgressBar.js";
+export { StatusMessage } from "./StatusMessage.js";
+export { TextInput } from "./TextInput.js";
+export { CLIError } from "./CLIError.js";
+//# sourceMappingURL=index.js.map

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=index.d.ts.map