Ask

import { $ } from "bun";
import { launch } from "@tooee/ask";

const current = (await $`git branch --show-current`.text()).trim();
const name = await launch({ defaultValue: current, multiline: false, prompt: "Branch name:" });
if (name === null || name === current) {
  process.exit(0);
}
await $`git branch -m ${name}`;

import { launch } from "@tooee/ask";

const summary = await launch({
  actions: [
    {
      handler: (ctx) => {
        const words = ctx.ask?.value.trim().split(/\s+/).filter(Boolean).length ?? 0;
        ctx.toast?.toast({ level: "info", message: `${words} words` });
      },
      hotkey: "ctrl+w",
      id: "word-count",
      modes: ["insert", "cursor"],
      title: "Count words",
    },
  ],
  prompt: "Summary:",
});

import { useState } from "react";
import type { ReactNode } from "react";
import { useAskDialog } from "@tooee/ask";
import { useCommand } from "@tooee/commands";
import { AppLayout } from "@tooee/layout";
import { launchCli, useQuitCommand } from "@tooee/shell";

const Notes = function Notes(): ReactNode {
  const ask = useAskDialog();
  const [notes, setNotes] = useState<string[]>([]);
  useQuitCommand();
  useCommand({
    handler: async () => {
      const note = await ask.open({ multiline: false, prompt: "New note" });
      if (note !== null) {
        setNotes((previous) => [...previous, note]);
      }
    },
    hotkey: "a",
    id: "notes.add",
    modes: ["cursor"],
    title: "Add note",
  });

  return (
    <AppLayout
      titleBar={{ title: "Notes" }}
      statusBar={{ items: [{ label: "", value: "a add  q quit" }] }}
    >
      <box flexDirection="column" paddingLeft={1}>
        {notes.map((note, index) => (
          <text key={`${index}-${note}`} content={`${index + 1}. ${note}`} />
        ))}
      </box>
    </AppLayout>
  );
};

await launchCli(<Notes />);

import { useState } from "react";
import type { ReactNode } from "react";
import { AskEditor, AskPanel, useAskEditor } from "@tooee/ask";
import { AppLayout } from "@tooee/layout";
import { Panel, PanelGroup } from "@tooee/panels";
import { launchCli, useQuitCommand } from "@tooee/shell";

const Composer = function Composer({ onSend }: { onSend: (text: string) => void }): ReactNode {
  const { controller, editor } = useAskEditor({
    multiline: false,
    onSubmit: (text) => {
      onSend(text);
      controller.setText("");
    },
    placeholder: "Type a message",
  });

  return (
    <box style={{ flexShrink: 0, width: 40 }} height="100%">
      <AskPanel
        title="Compose"
        multiline={false}
        inset={{ bottom: 0, left: 0, right: 0, top: 0 }}
        onMouseDown={editor.onMouseDown}
      >
        <AskEditor editor={editor} />
      </AskPanel>
    </box>
  );
};

const Chat = function Chat(): ReactNode {
  const [messages, setMessages] = useState<string[]>([]);
  useQuitCommand();

  return (
    <AppLayout statusBar={{ items: [{ label: "", value: "Esc then Tab switch panel  q quit" }] }}>
      <box flexDirection="row" style={{ flexGrow: 1 }}>
        <PanelGroup defaultActivePanelId="compose">
          <Panel id="log" title="Messages" style={{ flexGrow: 1 }}>
            <box flexDirection="column" paddingLeft={1}>
              {messages.map((message, index) => (
                <text key={`${index}-${message}`} content={`${index + 1}. ${message}`} />
              ))}
            </box>
          </Panel>
          <Panel id="compose" chrome="none" initialMode="insert">
            <Composer onSend={(text) => setMessages((previous) => [...previous, text])} />
          </Panel>
        </PanelGroup>
      </box>
    </AppLayout>
  );
};

await launchCli(<Chat />);