File size: 3,137 Bytes
1dbc34b | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 | // @ts-nocheck - Codex setup wizard with Electron API integration
import { useMemo, useCallback } from 'react';
import { useSetupStore } from '@/store/setup-store';
import { getElectronAPI } from '@/lib/electron';
import { CliSetupStep } from './cli-setup-step';
import type { CodexAuthStatus } from '@/store/setup-store';
interface CodexSetupStepProps {
onNext: () => void;
onBack: () => void;
onSkip: () => void;
}
export function CodexSetupStep({ onNext, onBack, onSkip }: CodexSetupStepProps) {
const {
codexCliStatus,
codexAuthStatus,
setCodexCliStatus,
setCodexAuthStatus,
setCodexInstallProgress,
} = useSetupStore();
const statusApi = useCallback(
() => getElectronAPI().setup?.getCodexStatus() || Promise.reject(),
[]
);
const installApi = useCallback(
() => getElectronAPI().setup?.installCodex() || Promise.reject(),
[]
);
const verifyAuthApi = useCallback(
(method: 'cli' | 'api_key', apiKey?: string) =>
getElectronAPI().setup?.verifyCodexAuth(method, apiKey) || Promise.reject(),
[]
);
const config = useMemo(
() => ({
cliType: 'codex' as const,
displayName: 'Codex',
cliLabel: 'Codex CLI',
cliDescription: 'Use Codex CLI login',
apiKeyLabel: 'OpenAI API Key',
apiKeyDescription: 'Optional API key for Codex',
apiKeyProvider: 'openai' as const,
apiKeyPlaceholder: 'sk-...',
apiKeyDocsUrl: 'https://platform.openai.com/api-keys',
apiKeyDocsLabel: 'Get one from OpenAI',
apiKeyHelpText: "Don't have an API key?",
installCommands: {
macos: 'npm install -g @openai/codex',
windows: 'npm install -g @openai/codex',
},
cliLoginCommand: 'codex login',
testIds: {
installButton: 'install-codex-button',
verifyCliButton: 'verify-codex-cli-button',
verifyApiKeyButton: 'verify-codex-api-key-button',
apiKeyInput: 'openai-api-key-input',
saveApiKeyButton: 'save-openai-key-button',
deleteApiKeyButton: 'delete-openai-key-button',
nextButton: 'codex-next-button',
},
buildCliAuthStatus: (_previous: CodexAuthStatus | null) => ({
authenticated: true,
method: 'cli_authenticated',
hasAuthFile: true,
}),
buildApiKeyAuthStatus: (_previous: CodexAuthStatus | null) => ({
authenticated: true,
method: 'api_key',
hasApiKey: true,
}),
buildClearedAuthStatus: (_previous: CodexAuthStatus | null) => ({
authenticated: false,
method: 'none',
}),
statusApi,
installApi,
verifyAuthApi,
}),
[installApi, statusApi, verifyAuthApi]
);
return (
<CliSetupStep
config={config}
state={{
cliStatus: codexCliStatus,
authStatus: codexAuthStatus,
setCliStatus: setCodexCliStatus,
setAuthStatus: setCodexAuthStatus,
setInstallProgress: setCodexInstallProgress,
getStoreState: () => useSetupStore.getState().codexCliStatus,
}}
onNext={onNext}
onBack={onBack}
onSkip={onSkip}
/>
);
}
|