103
codex-cli/src/app.tsx
Normal file
103
codex-cli/src/app.tsx
Normal file
@@ -0,0 +1,103 @@
|
||||
import type { AppConfig } from "./utils/config";
|
||||
import type { ApprovalPolicy } from "@lib/approvals";
|
||||
import type { ResponseItem } from "openai/resources/responses/responses";
|
||||
|
||||
import TerminalChat from "./components/chat/terminal-chat";
|
||||
import TerminalChatPastRollout from "./components/chat/terminal-chat-past-rollout";
|
||||
import { checkInGit } from "./utils/check-in-git";
|
||||
import { CLI_VERSION, type TerminalChatSession } from "./utils/session.js";
|
||||
import { onExit } from "./utils/terminal";
|
||||
import { ConfirmInput } from "@inkjs/ui";
|
||||
import { Box, Text, useApp, useStdin } from "ink";
|
||||
import React, { useMemo, useState } from "react";
|
||||
|
||||
export type AppRollout = {
|
||||
session: TerminalChatSession;
|
||||
items: Array<ResponseItem>;
|
||||
};
|
||||
|
||||
type Props = {
|
||||
prompt?: string;
|
||||
config: AppConfig;
|
||||
imagePaths?: Array<string>;
|
||||
rollout?: AppRollout;
|
||||
approvalPolicy: ApprovalPolicy;
|
||||
fullStdout: boolean;
|
||||
};
|
||||
|
||||
export default function App({
|
||||
prompt,
|
||||
config,
|
||||
rollout,
|
||||
imagePaths,
|
||||
approvalPolicy,
|
||||
fullStdout,
|
||||
}: Props): JSX.Element {
|
||||
const app = useApp();
|
||||
const [accepted, setAccepted] = useState(() => false);
|
||||
const [cwd, inGitRepo] = useMemo(
|
||||
() => [process.cwd(), checkInGit(process.cwd())],
|
||||
[],
|
||||
);
|
||||
const { internal_eventEmitter } = useStdin();
|
||||
internal_eventEmitter.setMaxListeners(20);
|
||||
|
||||
if (rollout) {
|
||||
return (
|
||||
<TerminalChatPastRollout
|
||||
session={rollout.session}
|
||||
items={rollout.items}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
||||
if (!inGitRepo && !accepted) {
|
||||
return (
|
||||
<Box flexDirection="column">
|
||||
<Box borderStyle="round" paddingX={1} width={64}>
|
||||
<Text>
|
||||
● OpenAI <Text bold>Codex</Text>{" "}
|
||||
<Text dimColor>
|
||||
(research preview) <Text color="blueBright">v{CLI_VERSION}</Text>
|
||||
</Text>
|
||||
</Text>
|
||||
</Box>
|
||||
<Box
|
||||
borderStyle="round"
|
||||
borderColor="redBright"
|
||||
flexDirection="column"
|
||||
gap={1}
|
||||
>
|
||||
<Text>
|
||||
<Text color="yellow">Warning!</Text> It can be dangerous to run a
|
||||
coding agent outside of a git repo in case there are changes that
|
||||
you want to revert. Do you want to continue?
|
||||
</Text>
|
||||
<Text>{cwd}</Text>
|
||||
<ConfirmInput
|
||||
defaultChoice="cancel"
|
||||
onCancel={() => {
|
||||
app.exit();
|
||||
onExit();
|
||||
// eslint-disable-next-line
|
||||
console.error(
|
||||
"Quitting! Run again to accept or from inside a git repo",
|
||||
);
|
||||
}}
|
||||
onConfirm={() => setAccepted(true)}
|
||||
/>
|
||||
</Box>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<TerminalChat
|
||||
config={config}
|
||||
prompt={prompt}
|
||||
imagePaths={imagePaths}
|
||||
approvalPolicy={approvalPolicy}
|
||||
fullStdout={fullStdout}
|
||||
/>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user