attio 0.0.1-experimental.20241226 → 0.0.1-experimental.20250108

package/lib/components/Log.js

@@ -1,69 +0,0 @@
-import { Box, Text } from "ink";
-import React from "react";
-const emojis = {
-    log: "📝",
-    info: "💬",
-    warn: "🔸",
-    error: "🚨",
-};
-class GlobalLog {
-    constructor() {
-        this._messages = [];
-        this._listeners = new Map();
-        this._nextListenerId = 0;
-    }
-    notifyListeners() {
-        this._listeners.forEach((listener) => listener());
-    }
-    addMessage(level, messages) {
-        this._messages.push({
-            level,
-            message: messages
-                .map((message) => typeof message === "string"
-                ? message
-                : typeof message === "number"
-                    ? message.toString()
-                    : JSON.stringify(message, null, 2))
-                .join(" "),
-        });
-        this.notifyListeners();
-    }
-    log(...messages) {
-        this.addMessage("log", messages);
-    }
-    info(...messages) {
-        this.addMessage("info", messages);
-    }
-    warn(...messages) {
-        this.addMessage("warn", messages);
-    }
-    error(...messages) {
-        this.addMessage("error", messages);
-    }
-    clear() {
-        this._messages = [];
-        this.notifyListeners();
-    }
-    getMessages() {
-        return this._messages;
-    }
-    listen(listener) {
-        const id = this._nextListenerId++;
-        this._listeners.set(id, listener);
-        return () => this._listeners.delete(id);
-    }
-}
-const globalLog = new GlobalLog();
-export const log = (...messages) => globalLog.log(...messages);
-export const info = (...messages) => globalLog.info(...messages);
-export const warn = (...messages) => globalLog.warn(...messages);
-export const error = (...messages) => globalLog.error(...messages);
-export const Log = () => {
-    const messages = React.useSyncExternalStore(() => globalLog.listen(() => {
-    }), () => globalLog.getMessages(), () => []);
-    if (messages.length === 0)
-        return null;
-    return (React.createElement(Box, { flexDirection: "column", paddingY: 1 }, messages.map((message, index) => (React.createElement(Box, { key: index, flexDirection: "row", gap: 1 },
-        React.createElement(Text, null, emojis[message.level]),
-        React.createElement(Text, null, message.message))))));
-};

package/lib/components/Logo.js

@@ -1,10 +0,0 @@
-import { Box } from "ink";
-import BigText from "ink-big-text";
-import Gradient from "ink-gradient";
-import React from "react";
-import { Disclaimer } from "./Disclaimer.js";
-export const Logo = () => (React.createElement(Box, { flexDirection: "column" },
-    React.createElement(Box, null,
-        React.createElement(Gradient, { name: "morning" },
-            React.createElement(BigText, { text: "/. Attio" }))),
-    React.createElement(Disclaimer, null)));

package/lib/components/MultiSelect.js

@@ -1,65 +0,0 @@
-import figures from "figures";
-import { Box, Text, useStdin } from "ink";
-import React from "react";
-const ARROW_UP = "\u001B[A";
-const ARROW_DOWN = "\u001B[B";
-const ENTER = "\r";
-const SPACE = " ";
-export function MultiSelect({ items, requiredMin = 0, onSubmit, }) {
-    const [activeIndex, setActiveIndex] = React.useState(0);
-    const [selectedValues, setSelectedValues] = React.useState(new Set());
-    const { stdin, setRawMode } = useStdin();
-    React.useEffect(() => {
-        setRawMode(true);
-        return () => setRawMode(false);
-    }, [setRawMode]);
-    React.useEffect(() => {
-        const handleInput = (data) => {
-            switch (data) {
-                case ARROW_UP:
-                case "k":
-                    setActiveIndex((prev) => (prev - 1 + items.length) % items.length);
-                    break;
-                case ARROW_DOWN:
-                case "j":
-                    setActiveIndex((prev) => (prev + 1) % items.length);
-                    break;
-                case SPACE:
-                    setSelectedValues((prev) => {
-                        const newSelectedValues = new Set(prev);
-                        const item = items[activeIndex];
-                        if (newSelectedValues.has(item.value)) {
-                            newSelectedValues.delete(item.value);
-                        }
-                        else {
-                            newSelectedValues.add(item.value);
-                        }
-                        return newSelectedValues;
-                    });
-                    break;
-                case ENTER:
-                    if (selectedValues.size < requiredMin)
-                        break;
-                    onSubmit(Array.from(selectedValues));
-                    break;
-            }
-        };
-        stdin.on("data", handleInput);
-        return () => {
-            stdin.removeListener("data", handleInput);
-        };
-    }, [activeIndex, items, onSubmit, requiredMin, selectedValues, stdin]);
-    return (React.createElement(Box, { flexDirection: "column" }, items.map((item, index) => {
-        const isHighlighted = index === activeIndex;
-        const isSelected = selectedValues.has(item.value);
-        return (React.createElement(Box, { key: item.value },
-            React.createElement(Text, { color: isSelected ? "yellow" : isHighlighted ? "green" : "white" },
-                React.createElement(Text, null,
-                    isHighlighted ? figures.pointer : " ",
-                    " "),
-                React.createElement(Text, { color: isSelected ? "yellow" : undefined },
-                    isSelected ? figures.circleFilled : figures.circle,
-                    " "),
-                React.createElement(Text, null, item.label))));
-    })));
-}

package/lib/components/ScrollBox.js

@@ -1,87 +0,0 @@
-import { useSelector } from "@xstate/react";
-import { Box, Text, measureElement, useInput } from "ink";
-import React from "react";
-import { useFullScreen } from "../hooks/useFullScreen.js";
-import { useScrollBoxStore } from "./ScrollBox.store.js";
-import { calculateChildRange } from "./ScrollBox.util.js";
-const GAP = 1;
-export const ScrollBox = React.memo(({ padding, ...props }) => {
-    const { height: screenHeight, width } = useFullScreen();
-    const [top, setTop] = React.useState(0);
-    const height = Number(screenHeight) - top;
-    const availableHeight = height - (props.borderStyle ? 2 : 0) - (padding ?? 0) * 2;
-    const children = React.useMemo(() => React.Children.toArray(props.children).filter((element) => Boolean(element) && React.isValidElement(element)), [props.children]);
-    const store = useScrollBoxStore(children.length, availableHeight, Number(width ?? ""));
-    const boxRef = React.useCallback((element) => setTop(element?.yogaNode?.getComputedTop() ?? 0), []);
-    const heights = useSelector(store, (state) => state.context.heights);
-    const offset = useSelector(store, (state) => state.context.offset);
-    const allMeasured = heights.length === children.length;
-    const haveOverflow = allMeasured && heights.reduce((a, b) => a + b, 0) > availableHeight;
-    const childRange = calculateChildRange(heights, offset, availableHeight);
-    const itemsShown = childRange[1] - childRange[0];
-    const hiddenAbove = offset;
-    const hiddenBelow = children.length - (offset + itemsShown);
-    useInput((input, key) => {
-        if (input === "j" || key.downArrow) {
-            if (key.meta) {
-                store.send({ type: "Page Down" });
-            }
-            else {
-                store.send({ type: "Down" });
-            }
-        }
-        else if (input === "k" || key.upArrow) {
-            if (key.meta) {
-                store.send({ type: "Page Up" });
-            }
-            else {
-                store.send({ type: "Up" });
-            }
-        }
-        else if (input === " " || (input === "d" && key.ctrl)) {
-            store.send({ type: "Page Down" });
-        }
-        else if (input === "b" || (input === "u" && key.ctrl)) {
-            store.send({ type: "Page Up" });
-        }
-        else if (input === "G") {
-            store.send({ type: "Bottom" });
-        }
-    });
-    return (React.createElement(Box, { ...props, height: height, ref: boxRef, flexDirection: "column" },
-        haveOverflow && (React.createElement(Box, { flexDirection: "column", alignItems: "center", marginBottom: -1 }, hiddenAbove > 0 ? (React.createElement(Text, null,
-            "+ ",
-            hiddenAbove,
-            " item",
-            hiddenAbove === 1 ? "" : "s",
-            " ... press \u2191 to scroll",
-            " ")) : (React.createElement(Text, null, " ")))),
-        React.createElement(Box, { flexDirection: "column", gap: GAP, flexGrow: 1, padding: padding }, allMeasured
-            ? children.map((child, index) => index >= childRange[0] && index < childRange[1]
-                ? React.cloneElement(child, {
-                    ref: (element) => {
-                        const height = element
-                            ? measureElement(element).height + GAP
-                            : 0;
-                        if (!height)
-                            return;
-                        store.send({ type: "Item Measured", index, height });
-                    },
-                })
-                : null)
-            :
-                React.cloneElement(children[heights.length], {
-                    ref: (element) => {
-                        const height = element ? measureElement(element).height + GAP : 0;
-                        if (!height)
-                            return;
-                        store.send({ type: "Item Measured", index: heights.length, height });
-                    },
-                })),
-        haveOverflow && (React.createElement(Box, { flexDirection: "column", alignItems: "center", marginTop: -1 }, hiddenBelow > 0 ? (React.createElement(Text, null,
-            "+ ",
-            hiddenBelow,
-            " item",
-            hiddenBelow === 1 ? "" : "s",
-            " ... press \u2193 to scroll")) : (React.createElement(Text, null, " "))))));
-});

package/lib/components/ScrollBox.store.js

@@ -1,36 +0,0 @@
-import { createStoreWithProducer } from "@xstate/store";
-import { produce } from "immer";
-import React from "react";
-import { calculateChildRange, calculateLastPageOffset, calculatePreviousPageOffset, } from "./ScrollBox.util.js";
-const initial = {
-    offset: 0,
-    heights: [],
-};
-export function useScrollBoxStore(numChildren, availableHeight, width) {
-    return React.useMemo(() => createStoreWithProducer(produce, initial, {
-        "Down": (context) => {
-            const [, end] = calculateChildRange(context.heights, context.offset, availableHeight);
-            if (end < numChildren) {
-                context.offset = Math.min(context.offset + 1, numChildren - 1);
-            }
-        },
-        "Up": (context) => {
-            context.offset = Math.max(context.offset - 1, 0);
-        },
-        "Page Down": (context) => {
-            const [, end] = calculateChildRange(context.heights, context.offset, availableHeight);
-            if (end < numChildren - 1) {
-                context.offset = end;
-            }
-        },
-        "Page Up": (context) => {
-            context.offset = calculatePreviousPageOffset(context.heights, context.offset, availableHeight);
-        },
-        "Bottom": (context) => {
-            context.offset = calculateLastPageOffset(context.heights, context.offset, availableHeight);
-        },
-        "Item Measured": (context, { index, height }) => {
-            context.heights[index] = height;
-        },
-    }), [availableHeight, numChildren, width]);
-}

package/lib/components/ScrollBox.util.js

@@ -1,27 +0,0 @@
-export function calculateChildRange(heights, offset, availableHeight) {
-    let heightUsed = 0;
-    for (let index = offset; index < heights.length; index++) {
-        heightUsed += heights[index];
-        if (heightUsed > availableHeight)
-            return [offset, Math.max(index, 1)];
-    }
-    return [offset, heights.length];
-}
-export function calculatePreviousPageOffset(heights, offset, availableHeight) {
-    let heightUsed = 0;
-    for (let index = offset - 1; index > 0; index--) {
-        heightUsed += heights[index];
-        if (heightUsed > availableHeight)
-            return index + 1;
-    }
-    return 0;
-}
-export function calculateLastPageOffset(heights, offset, availableHeight) {
-    let heightUsed = 0;
-    for (let index = heights.length - 1; index > 0; index--) {
-        heightUsed += heights[index];
-        if (heightUsed > availableHeight)
-            return index + 1;
-    }
-    return 0;
-}

package/lib/components/Select.js

@@ -1,6 +0,0 @@
-import { Text } from "ink";
-import SelectInput from "ink-select-input";
-import React from "react";
-export function Select({ initialValue, items, onSelect }) {
-    return (React.createElement(SelectInput, { items: items.map((item) => ({ ...item, key: item.label })), onSelect: ({ value }) => onSelect(value), initialIndex: initialValue ? items.findIndex((item) => item.value === initialValue) : 0, indicatorComponent: ({ isSelected }) => isSelected ? React.createElement(Text, { color: "green" }, "> ") : React.createElement(Text, null, "  "), itemComponent: ({ isSelected, label }) => (React.createElement(Text, { color: isSelected ? "green" : "white" }, label)) }));
-}

package/lib/components/Table.js

@@ -1,33 +0,0 @@
-import { Box, Text } from "ink";
-import React from "react";
-export function Table({ rows, }) {
-    const columns = React.useMemo(() => (rows.length > 0 ? Object.keys(rows[0]) : []), [rows]);
-    const widths = React.useMemo(() => {
-        return rows.reduce((acc, row) => {
-            columns.forEach((column) => {
-                acc[column] = Math.max(acc[column] ?? 0, row[column].length);
-            });
-            return acc;
-        }, columns.reduce((acc, column) => {
-            acc[column] = column.length;
-            return acc;
-        }, {}));
-    }, [rows, columns]);
-    const flexWidths = React.useMemo(() => {
-        return columns.reduce((acc, column) => {
-            acc[column] = {
-                flexDirection: "row",
-                flexGrow: widths[column],
-                flexShrink: widths[column],
-                flexBasis: widths[column],
-                justifyContent: "center",
-            };
-            return acc;
-        }, {});
-    }, [columns, widths]);
-    return (React.createElement(Box, { flexDirection: "column", width: "100%" },
-        React.createElement(Box, { flexDirection: "row", width: "100%" }, columns.map((column, index) => (React.createElement(Box, { key: index, ...flexWidths[column], borderTop: false, borderLeft: false, borderRight: false, borderStyle: "single" },
-            React.createElement(Text, { color: "blue" }, column))))),
-        rows.map((row, rowIndex) => (React.createElement(Box, { key: rowIndex, flexDirection: "row", width: "100%", borderStyle: "single", borderTop: rowIndex > 0, borderLeft: false, borderRight: false, borderBottom: rowIndex === rows.length - 1 }, columns.map((column, columnIndex) => (React.createElement(Box, { key: columnIndex, ...flexWidths[column] },
-            React.createElement(Text, null, row[column])))))))));
-}

package/lib/components/TypeScriptErrors.js

@@ -1,38 +0,0 @@
-import { Box, Text } from "ink";
-import React from "react";
-const Error = React.forwardRef(({ error }, ref) => {
-    return (React.createElement(Box, { flexDirection: "column", ref: ref },
-        React.createElement(Box, null,
-            React.createElement(Text, { color: "red" },
-                React.createElement(Text, { backgroundColor: "red", color: "white" },
-                    " ",
-                    "TYPESCRIPT ERROR",
-                    " "),
-                " "),
-            React.createElement(Text, { bold: true }, error.text)),
-        error.location && (React.createElement(Box, { paddingTop: 1, flexDirection: "column" },
-            React.createElement(Box, { marginLeft: 4 },
-                React.createElement(Text, null,
-                    error.location.file,
-                    ":",
-                    error.location.line,
-                    ":",
-                    error.location.character)),
-            React.createElement(Box, { marginLeft: 4, marginTop: 1 },
-                React.createElement(Box, { flexDirection: "column", marginRight: 1 },
-                    React.createElement(Text, null, error.location.line)),
-                React.createElement(Box, { flexDirection: "column" },
-                    React.createElement(Text, null,
-                        "| ",
-                        error.location.lineText.trim()),
-                    React.createElement(Box, null,
-                        React.createElement(Text, null, "|"),
-                        React.createElement(Box, { paddingLeft: error.location.character +
-                                error.location.lineText.trim().length -
-                                error.location.lineText.length +
-                                1 },
-                            React.createElement(Text, { color: "greenBright" }, "^")))))))));
-});
-export function renderTypeScriptErrors(errors) {
-    return errors.map((error, index) => React.createElement(Error, { key: `TypeScriptError-${index}`, error: error }));
-}

package/lib/hooks/useFullScreen.js

@@ -1,22 +0,0 @@
-import { useStdout } from "ink";
-import React from "react";
-export const useFullScreen = () => {
-    const { stdout } = useStdout();
-    const [columns, setColumns] = React.useState(stdout.columns);
-    const [rows, setRows] = React.useState(stdout.rows);
-    React.useEffect(() => {
-        const handleResize = () => {
-            setColumns(stdout.columns);
-            setRows(stdout.rows);
-        };
-        stdout.addListener("resize", handleResize);
-        stdout.write("\x1b[?1049h");
-        process.on("beforeExit", () => {
-            stdout.write("\x1b[?1049l");
-        });
-        return () => {
-            stdout.removeListener("resize", handleResize);
-        };
-    }, []);
-    return { width: columns, height: rows };
-};

package/lib/hooks/useTerminalTitle.js

@@ -1,11 +0,0 @@
-import React from "react";
-export function useTerminalTitle(title) {
-    React.useEffect(() => {
-        if (process.platform === "win32") {
-            process.title = title;
-        }
-        else {
-            process.stdout.write(`\x1B]2;${title}\x1B\x5C`);
-        }
-    }, [title]);
-}