mini-coder 0.7.3 → 0.8.0

package/src/tool-read.ts

@@ -1,100 +0,0 @@
-import { Buffer } from "node:buffer";
-import { extname, isAbsolute, join } from "node:path";
-import { type Tool, Type } from "@earendil-works/pi-ai";
-import type { ToolRunnerEvent } from "./types";
-
-const imageMimeTypes: Record<string, string> = {
-  ".bmp": "image/bmp",
-  ".gif": "image/gif",
-  ".jpeg": "image/jpeg",
-  ".jpg": "image/jpeg",
-  ".png": "image/png",
-  ".svg": "image/svg+xml",
-  ".webp": "image/webp",
-};
-
-const description = `Read tool
-
-Read a file by path.
-
-For text files, returns line-numbered text. Use \`offset\` and \`limit\` to read a specific range.
-You can also read images files.
-`;
-
-export const read: Tool = {
-  name: "read",
-  description,
-  parameters: Type.Object({
-    path: Type.String({
-      description:
-        "File path. Absolute or relative to the current working directory.",
-    }),
-    offset: Type.Optional(
-      Type.Number({
-        description:
-          "Optional 1-based line number to start reading from. Text files only.",
-      }),
-    ),
-    limit: Type.Optional(
-      Type.Number({
-        description:
-          "Optional maximum number of lines to read. Text files only.",
-      }),
-    ),
-  }),
-};
-
-export async function* runReadTool(
-  args: Record<string, any>,
-  signal?: AbortSignal,
-): AsyncGenerator<ToolRunnerEvent> {
-  const filePath = isAbsolute(args.path)
-    ? args.path
-    : join(process.cwd(), args.path);
-  const file = Bun.file(filePath);
-  const exists = await file.exists();
-
-  if (!exists) {
-    yield { type: "result", text: `File not found: ${filePath}` };
-    return;
-  }
-
-  if (signal?.aborted) {
-    yield { type: "result", text: "Aborted before read." };
-    return;
-  }
-
-  const mimeType = imageMimeTypes[extname(filePath).toLowerCase()] ?? file.type;
-  if (mimeType.startsWith("image/")) {
-    const data = Buffer.from(await file.arrayBuffer()).toString("base64");
-    const text = `Image read: ${filePath}\nMIME type: ${mimeType}\nSize: ${file.size} bytes`;
-    yield {
-      type: "result",
-      text,
-      image: { data, mimeType },
-    };
-    return;
-  }
-
-  const content = await file.text();
-  const lines = content.split(/\r?\n/);
-  if (content.endsWith("\n")) lines.pop();
-
-  const offset = args.offset ?? 1;
-  const startIndex = offset - 1;
-  const endIndex = args.limit
-    ? Math.min(lines.length, startIndex + args.limit)
-    : lines.length;
-  const width = String(endIndex).length;
-  const body = lines
-    .slice(startIndex, endIndex)
-    .map((line, idx) => `${String(offset + idx).padStart(width)} | ${line}`)
-    .join("\n");
-
-  let text = `File: ${filePath}\nLines: ${offset}-${endIndex} of ${lines.length}\n\n${body}`;
-  if (endIndex < lines.length) {
-    text += `\n\nMore lines available. Use offset ${endIndex + 1} to continue.`;
-  }
-
-  yield { type: "result", text };
-}

package/src/tui-components.ts

@@ -1,127 +0,0 @@
-import { type Color, HStack, Text } from "@cel-tui/core";
-import { onceEvery } from "./shared";
-import { textColorForBackground, theme } from "./themes";
-import type { TUIState } from "./types";
-
-export { theme };
-
-export function TextPill(
-  content: string,
-  fgColor: Color,
-  bgColor: Color,
-  size?: number | undefined,
-) {
-  return HStack({ gap: 1, width: size }, [
-    HStack({ bgColor, padding: { x: 1 } }, [
-      Text(content, { bold: true, fgColor }),
-    ]),
-  ]);
-}
-
-export function Spinner() {
-  const spinnerFrames = [
-    "⠁",
-    "⠂",
-    "⠄",
-    "⡀",
-    "⡈",
-    "⡐",
-    "⡠",
-    "⣀",
-    "⣁",
-    "⣂",
-    "⣄",
-    "⣌",
-    "⣔",
-    "⣤",
-    "⣥",
-    "⣦",
-    "⣮",
-    "⣶",
-    "⣷",
-    "⣿",
-    "⡿",
-    "⠿",
-    "⢟",
-    "⠟",
-    "⡛",
-    "⠛",
-    "⠫",
-    "⢋",
-    "⠋",
-    "⠍",
-    "⡉",
-    "⠉",
-    "⠑",
-    "⠡",
-    "⢁",
-  ];
-  let spinnerTick = 0;
-  const spinnerEvery = onceEvery(4, () => spinnerTick++);
-  const currentSpinner = () =>
-    spinnerFrames[spinnerTick % spinnerFrames.length];
-
-  return { spinnerEvery, currentSpinner };
-}
-
-export function ActivityPill(state: TUIState, spinnerFrame: string) {
-  let label = "";
-  const frame = state.streaming ? spinnerFrame : "";
-
-  if (frame) {
-    label = frame;
-  }
-
-  return Text(label);
-}
-
-export function ContextPill(state: TUIState) {
-  let text = "";
-  let bg: Color = theme.bgreen;
-  if (!state.contextSize) {
-    text = "0%";
-    bg = theme.bwhite;
-  } else {
-    // Colors show the progress in the "smart window" or how much
-    // before the dumb zone. The user facing percentage is the model
-    // amount. An elegant way to show both :)
-    const max = state.options.model.contextWindow;
-    const smartMax = 80000;
-    const percent = Math.floor((state.contextSize / max) * 100);
-    const smartPercent = Math.floor((state.contextSize / smartMax) * 100);
-    if (smartPercent > 90) {
-      bg = theme.bred;
-    } else if (smartPercent > 85) {
-      bg = theme.red;
-    } else if (smartPercent > 80) {
-      bg = theme.yellow;
-    } else if (smartPercent > 60) {
-      bg = theme.byellow;
-    }
-    text = `~${percent}%`;
-  }
-
-  text += ` (${state.options.model.contextWindow / 1000}k)`;
-
-  return TextPill(text, textColorForBackground(bg, state.options.theme), bg);
-}
-
-export function GitPill(state: TUIState) {
-  return TextPill(state.gitBranch ?? "No git.", theme.bwhite, theme.bblack);
-}
-
-export function ModelPill(state: TUIState) {
-  // Like loot: Gold/purple/blue/green/white -> xhigh/high/medium/low/minimal
-  switch (state.options.effort) {
-    case "xhigh":
-      return TextPill(state.options.model.name, theme.black, theme.yellow);
-    case "high":
-      return TextPill(state.options.model.name, theme.black, theme.magenta);
-    case "medium":
-      return TextPill(state.options.model.name, theme.black, theme.blue);
-    case "low":
-      return TextPill(state.options.model.name, theme.black, theme.green);
-  }
-  // Minimal
-  return TextPill(state.options.model.name, theme.bwhite, theme.bblack);
-}

package/src/tui-conversation.ts

@@ -1,218 +0,0 @@
-import {
-  SyntaxHighlight,
-  type SyntaxHighlightTheme,
-} from "@cel-tui/components";
-import { type Color, HStack, type Node, Text, VStack } from "@cel-tui/core";
-import { estimateTokens } from "./shared";
-import { getTUITheme, textColorForBackground } from "./themes";
-import { TextPill, theme } from "./tui-components";
-import type { TUIMessage, TUIState, TUIToolCall } from "./types";
-
-export function emptyState(state: TUIState): Node {
-  const randColor = theme.bgreen;
-  const shortcutFgColor =
-    state.options.theme === "ansi16"
-      ? randColor
-      : textColorForBackground(theme.bblack, state.options.theme);
-  const updateNotice = state.availableUpdate
-    ? [
-        HStack({ gap: 1 }, [
-          TextPill("update", shortcutFgColor, theme.bblack, 13),
-          Text(
-            `mini-coder ${state.availableUpdate.latestVersion} is available. Run mc --update.`,
-            { fgColor: theme.bblack },
-          ),
-        ]),
-      ]
-    : [];
-  return HStack({ flex: 1, alignItems: "center" }, [
-    VStack({ flex: 1, alignItems: "center", gap: 1 }, [
-      HStack({ gap: 1 }, [
-        Text("mini"),
-        TextPill(
-          "coder",
-          textColorForBackground(randColor, state.options.theme),
-          randColor,
-        ),
-      ]),
-      VStack({ gap: 1 }, [
-        HStack({ gap: 1 }, [
-          TextPill("/new", shortcutFgColor, theme.bblack, 13),
-          Text("Start a new session from the input box.", {
-            fgColor: theme.bblack,
-          }),
-        ]),
-        HStack({ gap: 1 }, [
-          TextPill("ctrl+p", shortcutFgColor, theme.bblack, 13),
-          Text("Menu for session history, and settings.", {
-            fgColor: theme.bblack,
-          }),
-        ]),
-        HStack({ gap: 1 }, [
-          TextPill("ESC", shortcutFgColor, theme.bblack, 13),
-          Text("Abort agent response.", { fgColor: theme.bblack }),
-        ]),
-        HStack({ gap: 1 }, [
-          TextPill("ctrl+c|d|q", shortcutFgColor, theme.bblack, 13),
-          Text("Quit.", { fgColor: theme.bblack }),
-        ]),
-        ...updateNotice,
-      ]),
-    ]),
-  ]);
-}
-
-function ConversationMessageToolCall(
-  call: TUIToolCall,
-  syntaxTheme: SyntaxHighlightTheme,
-) {
-  let outputNode: Node | null = null;
-
-  // Compress read and bash calls
-  if (call.tool === "read") {
-    outputNode = Text(`Read ~${estimateTokens(call.output)} tokens`, {
-      wrap: "word",
-    });
-  } else if (call.tool === "bash") {
-    const tail = call.output.trim().slice(-200);
-    const blocks: Node[] = [];
-
-    if (tail.length !== call.output.trim().length) {
-      blocks.push(
-        Text("Showing the last 200 characters", {
-          fgColor: theme.bblack,
-          italic: true,
-        }),
-        Text(`[...] ${tail}`, { fgColor: theme.white, wrap: "word" }),
-      );
-    } else {
-      blocks.push(Text(tail, { fgColor: theme.white, wrap: "word" }));
-    }
-
-    outputNode = VStack({ width: "100%" }, blocks);
-  } else if (call.tool === "edit") {
-    outputNode = SyntaxHighlight(call.output, "patch", { theme: syntaxTheme });
-  } else {
-    outputNode = Text(call.output, { wrap: "word" });
-  }
-
-  let argumentNodes: Node[] = [];
-
-  if (call.tool === "edit") {
-    argumentNodes = [
-      Text(`Writing... ~${estimateTokens(JSON.stringify(call.args))} tokens`),
-    ];
-  } else {
-    argumentNodes = Object.entries(call.args).map(([key, value]) => {
-      let node: Node | null = Text(String(value));
-
-      // Syntax highlight bash args
-      if (call.tool === "bash") {
-        node = SyntaxHighlight(String(value), "bash", { theme: syntaxTheme });
-        return node;
-      }
-
-      return HStack({ gap: 1 }, [
-        Text(`${key}`, { italic: true, fgColor: theme.white }),
-        node,
-      ]);
-    });
-  }
-
-  return VStack({}, [
-    TextPill(call.tool, theme.black, theme.bwhite),
-    ...argumentNodes,
-    outputNode,
-  ]);
-}
-
-function ConversationMessage(
-  message: TUIMessage,
-  syntaxTheme: SyntaxHighlightTheme,
-  userMessageBgColor: Color | undefined,
-) {
-  const blocks: Node[] = [];
-
-  if (message.thinking) {
-    // Compress thinking blocks
-    const estThinkingTok = estimateTokens(message.thinking);
-    blocks.push(
-      Text(`Thinking... ~${estThinkingTok} tokens`, {
-        wrap: "word",
-        fgColor: theme.bblack,
-      }),
-    );
-  }
-
-  if (message.text.length) {
-    blocks.push(
-      VStack(
-        {
-          width: "100%",
-          bgColor: message.role === "user" ? userMessageBgColor : undefined,
-          padding: { y: 1, x: message.role === "user" ? 1 : 0 },
-        },
-        [SyntaxHighlight(message.text, "markdown", { theme: syntaxTheme })],
-      ),
-    );
-  }
-
-  if (message.toolCalls?.length) {
-    blocks.push(
-      VStack(
-        { gap: 1 },
-        message.toolCalls.map((call) =>
-          ConversationMessageToolCall(call, syntaxTheme),
-        ),
-      ),
-    );
-  }
-
-  if (!message.thinking && !message.text.length && !message.toolCalls?.length) {
-    blocks.push(
-      Text(`Loading...`, {
-        wrap: "word",
-        fgColor: theme.bblack,
-      }),
-    );
-  }
-
-  // Msg footer:
-  blocks.push(
-    Text(`on ${message.timestamp} by ${message.role}`, {
-      fgColor: theme.bblack,
-      italic: true,
-    }),
-  );
-
-  return VStack(
-    {
-      gap: 1,
-    },
-    blocks,
-  );
-}
-
-export function Conversation(state: TUIState) {
-  const activeTheme = getTUITheme(state.options.theme);
-
-  return VStack(
-    {
-      flex: 1,
-      gap: 2,
-      overflow: "scroll",
-      scrollOffset: state.stickToBottom ? Infinity : state.scrollOffset,
-      onScroll(offset, maxOffset) {
-        state.scrollOffset = offset;
-        state.stickToBottom = offset >= maxOffset;
-      },
-    },
-    state.tuiMessages.map((message) =>
-      ConversationMessage(
-        message,
-        activeTheme.syntax,
-        activeTheme.userMessageBgColor,
-      ),
-    ),
-  );
-}

package/src/tui-editor.ts

@@ -1,29 +0,0 @@
-import { cel, Text, TextInput } from "@cel-tui/core";
-import type { TUIState } from "./types";
-
-export function Editor(
-  state: TUIState,
-  onChange: (value: string) => void,
-  onKeyPress: (key: string) => void,
-) {
-  let isEditorFocused = !state.overlay;
-  return TextInput({
-    value: state.prompt,
-    minHeight: 3,
-    maxHeight: 10,
-    padding: { x: 1 },
-    placeholder: Text("Message...", { italic: true }),
-    onChange,
-    onKeyPress,
-    // TODO: Update `cel-tui` with an autofocus prop to fix this pattern
-    focused: isEditorFocused,
-    onFocus: () => {
-      isEditorFocused = true;
-      cel.render();
-    },
-    onBlur: () => {
-      isEditorFocused = false;
-      cel.render();
-    },
-  });
-}