@trydecember/cli 0.2.1 → 0.2.3

package/package.json

@@ -3,7 +3,7 @@
     "module": "src/index.ts",
     "type": "module",
     "private": false,
-    "version": "0.2.1",
+    "version": "0.2.3",
     "engines": {
         "node": ">=18.0.0"
     },
@@ -13,19 +13,21 @@
     "scripts": {
         "build": "bun build ./src/index.ts --target=node --outfile=./dist/december.js"
     },
-    "dependencies": {
+    "devDependencies": {
         "@december/agent": "workspace:*",
+        "@december/providers": "workspace:*",
         "@december/tools": "workspace:*",
         "@december/tui": "workspace:*",
         "fast-glob": "3.3.3",
         "ink": "7.1.0",
-        "react": "19.2.7"
-    },
-    "devDependencies": {
+        "react": "19.2.7",
         "@types/bun": "latest",
         "react-devtools-core": "7.0.1"
     },
     "peerDependencies": {
         "typescript": "^5"
+    },
+    "dependencies": {
+        "open": "11.0.0"
     }
 }

package/src/auth.ts

@@ -0,0 +1,204 @@
+import http from 'node:http'
+import open from 'open'
+
+export async function loginViaBrowser(
+    baseUrl: string = 'http://localhost:3000/cli/login'
+): Promise<{ token: string; email: string | null }> {
+    return new Promise((resolve, reject) => {
+        const server = http.createServer((req, res) => {
+            const url = new URL(req.url || '', `http://${req.headers.host}`)
+
+            if (url.pathname === '/callback') {
+                const token = url.searchParams.get('token')
+                const email = url.searchParams.get('email')
+
+                if (token) {
+                    res.writeHead(200, { 'Content-Type': 'text/html' })
+                    res.end(`
+                        <html>
+                            <head>
+                                <title>Authorized</title>
+                                <style>
+                                    body {
+                                        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+                                        display: flex;
+                                        flex-direction: column;
+                                        justify-content: center;
+                                        align-items: center;
+                                        height: 100vh;
+                                        margin: 0;
+                                        background-color: #141414;
+                                        color: #fff;
+                                        text-align: center;
+                                    }
+                                    .container {
+                                        display: flex;
+                                        flex-direction: column;
+                                        align-items: center;
+                                        max-width: 380px;
+                                        width: 100%;
+                                    }
+                                    svg {
+                                        width: 42px;
+                                        height: 42px;
+                                        margin-bottom: 24px;
+                                    }
+                                    h1 { 
+                                        font-size: 22px; 
+                                        font-weight: 400; 
+                                        margin: 0 0 4px 0;
+                                        letter-spacing: -0.025em;
+                                    }
+                                    p {
+                                        font-size: 13px;
+                                        color: #A3A3A3;
+                                        margin: 0;
+                                    }
+                                </style>
+                            </head>
+                            <body>
+                                <div class="container">
+                                    <svg viewBox="5 4 14 16" fill="none" stroke="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
+                                        <line x1="12" y1="12" x2="12" y2="5.3" />
+                                        <line x1="12" y1="7.5" x2="13.9" y2="6.4" />
+                                        <line x1="12" y1="7.5" x2="10.1" y2="6.4" />
+                                        <line x1="12" y1="12" x2="17.8" y2="8.65" />
+                                        <line x1="15.9" y1="9.75" x2="17.8" y2="10.85" />
+                                        <line x1="15.9" y1="9.75" x2="15.9" y2="7.55" />
+                                        <line x1="12" y1="12" x2="17.8" y2="15.35" />
+                                        <line x1="15.9" y1="14.25" x2="15.9" y2="16.45" />
+                                        <line x1="15.9" y1="14.25" x2="17.8" y2="13.15" />
+                                        <line x1="12" y1="12" x2="12" y2="18.7" />
+                                        <line x1="12" y1="16.5" x2="10.1" y2="17.6" />
+                                        <line x1="12" y1="16.5" x2="13.9" y2="17.6" />
+                                        <line x1="12" y1="12" x2="6.2" y2="15.35" />
+                                        <line x1="8.1" y1="14.25" x2="6.2" y2="13.15" />
+                                        <line x1="8.1" y1="14.25" x2="8.1" y2="16.45" />
+                                        <line x1="12" y1="12" x2="6.2" y2="8.65" />
+                                        <line x1="8.1" y1="9.75" x2="8.1" y2="7.55" />
+                                        <line x1="8.1" y1="9.75" x2="6.2" y2="10.85" />
+                                    </svg>
+                                    <h1>Authorized</h1>
+                                    <p>You can safely close this tab and return to the terminal.</p>
+                                </div>
+                                <script>
+                                    setTimeout(() => window.close(), 3000);
+                                </script>
+                            </body>
+                        </html>
+                    `)
+
+                    server.close(() => {
+                        resolve({ token, email })
+                    })
+                } else {
+                    res.writeHead(400, { 'Content-Type': 'text/plain' })
+                    res.end('Missing token in callback.')
+                    server.close(() => {
+                        reject(new Error('Missing token in callback'))
+                    })
+                }
+            } else {
+                res.writeHead(404, { 'Content-Type': 'text/plain' })
+                res.end('Not found')
+            }
+        })
+
+        server.listen(0, '127.0.0.1', () => {
+            const address = server.address()
+            if (address && typeof address === 'object') {
+                const port = address.port
+                const redirectUri = `http://127.0.0.1:${port}/callback`
+                const loginUrl = `${baseUrl}?redirect_uri=${encodeURIComponent(redirectUri)}`
+
+                open(loginUrl).catch((err) => {
+                    server.close()
+                    reject(err)
+                })
+            } else {
+                server.close()
+                reject(new Error('Failed to start local server'))
+            }
+        })
+
+        // Timeout after 5 minutes
+        setTimeout(
+            () => {
+                server.close()
+                reject(new Error('Login timed out'))
+            },
+            5 * 60 * 1000
+        )
+    })
+}
+
+export async function loginViaDeviceCode(
+    baseUrl: string = 'http://localhost:4000',
+    onCodeGenerated: (userCode: string, verificationUri: string) => void
+): Promise<{ token: string; email: string | null }> {
+    return new Promise(async (resolve, reject) => {
+        try {
+            // 1. Generate Code
+            const genRes = await fetch(`${baseUrl}/api/v1/auth/device/code`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+            })
+
+            if (!genRes.ok) {
+                throw new Error('Failed to generate device code')
+            }
+
+            const genData = await genRes.json()
+            if (!genData.success) {
+                throw new Error(genData.message || 'Failed to generate device code')
+            }
+
+            const { deviceCode, userCode, verificationUri, expiresIn, interval } = genData.data
+
+            onCodeGenerated(userCode, verificationUri)
+
+            // 2. Poll for token
+            const startTime = Date.now()
+            const pollInterval = interval * 1000 || 5000
+
+            const poll = async () => {
+                if (Date.now() - startTime > expiresIn * 1000) {
+                    reject(new Error('Device code expired'))
+                    return
+                }
+
+                try {
+                    const tokenRes = await fetch(`${baseUrl}/api/v1/auth/device/token`, {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({ deviceCode }),
+                    })
+
+                    const tokenData = await tokenRes.json()
+
+                    if (tokenRes.ok && tokenData.success) {
+                        resolve({
+                            token: tokenData.data.token,
+                            email: tokenData.data.email,
+                        })
+                        return
+                    }
+
+                    // If not ok, check if it's authorization_pending
+                    if (tokenData.message === 'authorization_pending') {
+                        setTimeout(poll, pollInterval)
+                    } else {
+                        reject(new Error(tokenData.message || 'Polling failed'))
+                    }
+                } catch (err) {
+                    // Network errors during polling, just keep trying
+                    setTimeout(poll, pollInterval)
+                }
+            }
+
+            setTimeout(poll, pollInterval)
+        } catch (err) {
+            reject(err)
+        }
+    })
+}

package/src/index.ts

@@ -4,35 +4,88 @@ import React from 'react'
 import { App } from '@december/tui'
 import {
     Agent,
-    createProvider,
+    AgentHarness,
+    FileSessionRepository,
     ProviderConfig,
     getProviderConfig,
-    OpenAIProvider,
+    loadConfig,
 } from '@december/agent'
+import pkg from '../package.json' with { type: 'json' }
+import {
+    OpenAIProvider,
+    AnthropicProvider,
+    GeminiProvider,
+    OpenRouterProvider,
+} from '@december/providers'
 import {
     BashTool,
     ReadFileTool,
     WriteFileTool,
     LsTool,
     EditFileTool,
+    EditDiffTool,
     FindFilesTool,
     GrepSearchTool,
     SubagentTool,
 } from '@december/tools'
 import { localOperations } from './local-operations'
+import { loginViaBrowser, loginViaDeviceCode } from './auth'
 
 async function main() {
     let providerConfig = await getProviderConfig()
 
     // If not authenticated, we pass a dummy provider so the Agent can boot.
     // The TUI will intercept prompts and force them to /login
-    const llm = providerConfig
-        ? createProvider(providerConfig)
-        : new OpenAIProvider('dummy', undefined, 'gpt-4o')
+    let llm: any
+    if (providerConfig) {
+        switch (providerConfig.provider) {
+            case 'openai':
+                llm = new OpenAIProvider(undefined, providerConfig.apiKey)
+                break
+            case 'anthropic':
+                llm = new AnthropicProvider(providerConfig.apiKey)
+                break
+            case 'google':
+            case 'gemini':
+                llm = new GeminiProvider(providerConfig.apiKey)
+                break
+            case 'openrouter':
+                llm = new OpenRouterProvider(providerConfig.apiKey)
+                break
+            case 'deepseek':
+                llm = new OpenAIProvider('https://api.deepseek.com', providerConfig.apiKey)
+                break
+            case 'groq':
+                llm = new OpenAIProvider('https://api.groq.com/openai/v1', providerConfig.apiKey)
+                break
+            case 'huggingface':
+                llm = new OpenAIProvider(
+                    'https://api-inference.huggingface.co/v1',
+                    providerConfig.apiKey
+                )
+                break
+            case 'kimi':
+            case 'moonshoot':
+                llm = new OpenAIProvider('https://api.moonshot.cn/v1', providerConfig.apiKey)
+                break
+            case 'mistral':
+                llm = new OpenAIProvider('https://api.mistral.ai/v1', providerConfig.apiKey)
+                break
+            case 'xai':
+                llm = new OpenAIProvider('https://api.x.ai/v1', providerConfig.apiKey)
+                break
+            case 'zai':
+                llm = new OpenAIProvider('https://api.zai.ai/v1', providerConfig.apiKey)
+                break
+        }
+    } else {
+        llm = new OpenAIProvider(undefined, 'dummy-key')
+    }
+
     const isAuthenticated = !!providerConfig
 
-    const agent = new Agent({
-        systemPrompt:
+    const harness = new AgentHarness({
+        baseSystemPrompt:
             'You are December, an autonomous software engineer. You have access to tools. When executing code, please use JSON schemas for tool inputs.',
         llm: llm,
         tools: [
@@ -41,16 +94,41 @@ async function main() {
             WriteFileTool,
             LsTool,
             EditFileTool,
+            EditDiffTool,
             FindFilesTool,
             GrepSearchTool,
             SubagentTool,
         ],
         operations: localOperations,
+        modelOptions: providerConfig?.model ? { model: providerConfig.model } : undefined,
+        sessionRepository: new FileSessionRepository(),
+        workspaceDir: process.cwd(),
+        hooks: {
+            beforeToolCall: async (toolCall) => {
+                // Future integration: Hook into the TUI to request user approval for destructive bash commands
+            },
+        },
     })
 
+    const agent = harness.getAgent()
+
     await agent.loadContext()
 
-    render(React.createElement(App, { agent, isAuthenticated }), { exitOnCtrlC: false })
+    const config = await loadConfig()
+    const userEmail = config.decemberToken ? config.email : undefined
+
+    render(
+        React.createElement(App, {
+            agent,
+            isAuthenticated,
+            cliVersion: pkg.version,
+            userEmail,
+            onLogin: loginViaBrowser,
+            onLoginHeadless: (onCode: (code: string, uri: string) => void) =>
+                loginViaDeviceCode('http://localhost:4000', onCode), // Replace with prod URL later
+        }),
+        { exitOnCtrlC: false }
+    )
 }
 
 main().catch(console.error)