Files
tf_code/packages/web/src/content/docs/es/sdk.mdx
2026-02-28 15:27:11 -06:00

464 lines
21 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
---
title: SDK
description: Cliente JS con seguridad de tipos para el servidor opencode.
---
import config from "../../../../config.mjs"
export const typesUrl = `${config.github}/blob/dev/packages/sdk/js/src/gen/types.gen.ts`
El SDK opencode JS/TS proporciona un cliente con seguridad de tipos para interactuar con el servidor.
Úselo para crear integraciones y controlar opencode mediante programación.
[Más información](/docs/server) sobre cómo funciona el servidor. Para ver ejemplos, consulte los [proyectos](/docs/ecosystem#projects) creados por la comunidad.
---
## Instalar
Instale el SDK desde npm:
```bash
npm install @opencode-ai/sdk
```
---
## Crear cliente
Cree una instancia de opencode:
```javascript
import { createOpencode } from "@opencode-ai/sdk"
const { client } = await createOpencode()
```
Esto inicia tanto un servidor como un cliente.
#### Opciones
| Opción | Tipo | Descripción | Predeterminado |
| ---------- | ------------- | ----------------------------------------------- | -------------- |
| `hostname` | `string` | Nombre de host del servidor | `127.0.0.1` |
| `port` | `number` | Puerto del servidor | `4096` |
| `signal` | `AbortSignal` | Señal de aborto para cancelación | `undefined` |
| `timeout` | `number` | Tiempo de espera en ms para inicio del servidor | `5000` |
| `config` | `Config` | Objeto de configuración | `{}` |
---
## Configuración
Puede pasar un objeto de configuración para personalizar el comportamiento. La instancia aún recoge su `opencode.json`, pero puede anular o agregar configuración en línea:
```javascript
import { createOpencode } from "@opencode-ai/sdk"
const opencode = await createOpencode({
hostname: "127.0.0.1",
port: 4096,
config: {
model: "anthropic/claude-3-5-sonnet-20241022",
},
})
console.log(`Server running at ${opencode.server.url}`)
opencode.server.close()
```
## Solo cliente
Si ya tiene una instancia en ejecución de opencode, puede crear una instancia de cliente para conectarse a ella:
```javascript
import { createOpencodeClient } from "@opencode-ai/sdk"
const client = createOpencodeClient({
baseUrl: "http://localhost:4096",
})
```
#### Opciones
| Opción | Tipo | Descripción | Predeterminado |
| --------------- | ---------- | -------------------------------------------- | ----------------------- |
| `baseUrl` | `string` | URL del servidor | `http://localhost:4096` |
| `fetch` | `function` | Implementación de recuperación personalizada | `globalThis.fetch` |
| `parseAs` | `string` | Método de análisis de respuesta | `auto` |
| `responseStyle` | `string` | Estilo de devolución: `data` o `fields` | `fields` |
| `throwOnError` | `boolean` | Lanzar errores en lugar de devolver | `false` |
---
## Tipos
El SDK incluye definiciones TypeScript para todos los tipos API. Importarlos directamente:
```typescript
import type { Session, Message, Part } from "@opencode-ai/sdk"
```
Todos los tipos se generan a partir de la especificación OpenAPI del servidor y están disponibles en el <a href={typesUrl}>archivo de tipos</a>.
---
## Errores
El SDK puede generar errores que puedes detectar y manejar:
```typescript
try {
await client.session.get({ path: { id: "invalid-id" } })
} catch (error) {
console.error("Failed to get session:", (error as Error).message)
}
```
---
## Salida Estructurada
Puede solicitar una salida JSON estructurada del modelo especificando un `format` con un esquema JSON. El modelo utilizará una herramienta `StructuredOutput` para devolver un JSON validado que coincida con su esquema.
### Uso Básico
```typescript
const result = await client.session.prompt({
path: { id: sessionId },
body: {
parts: [{ type: "text", text: "Research Anthropic and provide company info" }],
format: {
type: "json_schema",
schema: {
type: "object",
properties: {
company: { type: "string", description: "Company name" },
founded: { type: "number", description: "Year founded" },
products: {
type: "array",
items: { type: "string" },
description: "Main products",
},
},
required: ["company", "founded"],
},
},
},
})
// Access the structured output
console.log(result.data.info.structured_output)
// { company: "Anthropic", founded: 2021, products: ["Claude", "Claude API"] }
```
### Tipos de Formato de Salida
| Tipo | Descripción |
| ------------- | --------------------------------------------------------------------- |
| `text` | Predeterminado. Respuesta de texto estándar (sin salida estructurada) |
| `json_schema` | Devuelve JSON validado que coincide con el esquema proporcionado |
### Formato de Esquema JSON
Cuando use `type: 'json_schema'`, proporcione:
| Campo | Tipo | Descripción |
| ------------ | --------------- | ---------------------------------------------------------------- |
| `type` | `'json_schema'` | Requerido. Especifica el modo de esquema JSON |
| `schema` | `object` | Requerido. Objeto JSON Schema que define la estructura de salida |
| `retryCount` | `number` | Opcional. Número de reintentos de validación (predeterminado: 2) |
### Manejo de Errores
Si el modelo no logra producir una salida estructurada válida después de todos los reintentos, la respuesta incluirá un `StructuredOutputError`:
```typescript
if (result.data.info.error?.name === "StructuredOutputError") {
console.error("Failed to produce structured output:", result.data.info.error.message)
console.error("Attempts:", result.data.info.error.retries)
}
```
### Mejores Prácticas
1. **Proporcione descripciones claras** en las propiedades de su esquema para ayudar al modelo a entender qué datos extraer
2. **Use `required`** para especificar qué campos deben estar presentes
3. **Mantenga los esquemas enfocados** - los esquemas anidados complejos pueden ser más difíciles de completar correctamente para el modelo
4. **Establezca un `retryCount` apropiado** - aumente para esquemas complejos, disminuya para simples
---
## API
El SDK expone todas las API del servidor a través de un cliente con seguridad de tipos.
---
### Global
| Método | Descripción | Respuesta |
| ----------------- | --------------------------------------------- | ------------------------------------ |
| `global.health()` | Verificar el estado y la versión del servidor | `{ healthy: true, version: string }` |
---
#### Ejemplos
```javascript
const health = await client.global.health()
console.log(health.data.version)
```
---
### Aplicación
| Método | Descripción | Respuesta |
| -------------- | ------------------------------------ | ------------------------------------------- |
| `app.log()` | Escribe una entrada de registro | `boolean` |
| `app.agents()` | Listar todos los agentes disponibles | <a href={typesUrl}><code>Agent[]</code></a> |
---
#### Ejemplos
```javascript
// Write a log entry
await client.app.log({
body: {
service: "my-app",
level: "info",
message: "Operation completed",
},
})
// List available agents
const agents = await client.app.agents()
```
---
### Proyecto
| Método | Descripción | Respuesta |
| ------------------- | -------------------------- | --------------------------------------------- |
| `project.list()` | Listar todos los proyectos | <a href={typesUrl}><code>Project[]</code></a> |
| `project.current()` | Obtener proyecto actual | <a href={typesUrl}><code>Project</code></a> |
---
#### Ejemplos
```javascript
// List all projects
const projects = await client.project.list()
// Get current project
const currentProject = await client.project.current()
```
---
### Ruta
| Método | Descripción | Respuesta |
| ------------ | ------------------- | ---------------------------------------- |
| `path.get()` | Obtener ruta actual | <a href={typesUrl}><code>Path</code></a> |
---
#### Ejemplos
```javascript
// Get current path information
const pathInfo = await client.path.get()
```
---
### Configuración
| Método | Descripción | Respuesta |
| -------------------- | ---------------------------------------------- | ----------------------------------------------------------------------------------------------------- |
| `config.get()` | Obtener información de configuración | <a href={typesUrl}><code>Config</code></a> |
| `config.providers()` | Lista de proveedores y modelos predeterminados | `{ providers: `<a href={typesUrl}><code>Provider[]</code></a>`, default: { [key: string]: string } }` |
---
#### Ejemplos
```javascript
const config = await client.config.get()
const { providers, default: defaults } = await client.config.providers()
```
---
### Sesiones
| Método | Descripción | Notas |
| ---------------------------------------------------------- | --------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `session.list()` | Listar sesiones | Devuelve <a href={typesUrl}><code>Session[]</code></a> |
| `session.get({ path })` | Obtener sesión | Devuelve <a href={typesUrl}><code>Session</code></a> |
| `session.children({ path })` | Listar sesiones secundarias | Devuelve <a href={typesUrl}><code>Session[]</code></a> |
| `session.create({ body })` | Crear sesión | Devuelve <a href={typesUrl}><code>Session</code></a> |
| `session.delete({ path })` | Eliminar sesión | Devuelve `boolean` |
| `session.update({ path, body })` | Actualizar propiedades de sesión | Devuelve <a href={typesUrl}><code>Session</code></a> |
| `session.init({ path, body })` | Analizar aplicación y crear `AGENTS.md` | Devuelve `boolean` |
| `session.abort({ path })` | Cancelar una sesión en ejecución | Devuelve `boolean` |
| `session.share({ path })` | Compartir sesión | Devuelve <a href={typesUrl}><code>Session</code></a> |
| `session.unshare({ path })` | Dejar de compartir sesión | Devuelve <a href={typesUrl}><code>Session</code></a> |
| `session.summarize({ path, body })` | Resumir sesión | Devuelve `boolean` |
| `session.messages({ path })` | Listar mensajes en una sesión | Devuelve `{ info: `<a href={typesUrl}><code>Message</code></a>`, parts: `<a href={typesUrl}><code>Part[]</code></a>`}[]` |
| `session.message({ path })` | Obtener detalles del mensaje | Devuelve `{ info: `<a href={typesUrl}><code>Message</code></a>`, parts: `<a href={typesUrl}><code>Part[]</code></a>`}` |
| `session.prompt({ path, body })` | Enviar mensaje rápido | `body.noReply: true` devuelve UserMessage (solo contexto). El valor predeterminado devuelve <a href={typesUrl}><code>AssistantMessage</code></a> con respuesta de IA. Admite `body.outputFormat` para [salida estructurada](#salida-estructurada) |
| `session.command({ path, body })` | Enviar comando a la sesión | Devuelve `{ info: `<a href={typesUrl}><code>AssistantMessage</code></a>`, parts: `<a href={typesUrl}><code>Part[]</code></a>`}` |
| `session.shell({ path, body })` | Ejecute un comando de shell | Devuelve <a href={typesUrl}><code>AssistantMessage</code></a> |
| `session.revert({ path, body })` | Revertir un mensaje | Devuelve <a href={typesUrl}><code>Session</code></a> |
| `session.unrevert({ path })` | Restaurar mensajes revertidos | Devuelve <a href={typesUrl}><code>Session</code></a> |
| `postSessionByIdPermissionsByPermissionId({ path, body })` | Responder a una solicitud de permiso | Devuelve `boolean` |
---
#### Ejemplos
```javascript
// Create and manage sessions
const session = await client.session.create({
body: { title: "My session" },
})
const sessions = await client.session.list()
// Send a prompt message
const result = await client.session.prompt({
path: { id: session.id },
body: {
model: { providerID: "anthropic", modelID: "claude-3-5-sonnet-20241022" },
parts: [{ type: "text", text: "Hello!" }],
},
})
// Inject context without triggering AI response (useful for plugins)
await client.session.prompt({
path: { id: session.id },
body: {
noReply: true,
parts: [{ type: "text", text: "You are a helpful assistant." }],
},
})
```
---
### Archivos
| Método | Descripción | Respuesta |
| ------------------------- | -------------------------------------------- | -------------------------------------------------------------------------------------------------- |
| `find.text({ query })` | Buscar texto en archivos | Matriz de objetos coincidentes con `path`, `lines`, `line_number`, `absolute_offset`, `submatches` |
| `find.files({ query })` | Buscar archivos y directorios por nombre | `string[]` (rutas) |
| `find.symbols({ query })` | Buscar símbolos del espacio de trabajo | <a href={typesUrl}><code>Symbol[]</code></a> |
| `file.read({ query })` | Leer un archivo | `{ type: "raw" \| "patch", content: string }` |
| `file.status({ query? })` | Obtener el estado de los archivos rastreados | <a href={typesUrl}><code>File[]</code></a> |
`find.files` admite algunos campos de consulta opcionales:
- `type`: `"file"` o `"directory"`
- `directory`: anula la raíz del proyecto para la búsqueda.
- `limit`: resultados máximos (1200)
---
#### Ejemplos
```javascript
// Search and read files
const textResults = await client.find.text({
query: { pattern: "function.*opencode" },
})
const files = await client.find.files({
query: { query: "*.ts", type: "file" },
})
const directories = await client.find.files({
query: { query: "packages", type: "directory", limit: 20 },
})
const content = await client.file.read({
query: { path: "src/index.ts" },
})
```
---
### TUI
| Método | Descripción | Respuesta |
| ------------------------------ | ---------------------------------- | --------- |
| `tui.appendPrompt({ body })` | Agregar texto al mensaje | `boolean` |
| `tui.openHelp()` | Abra el cuadro de diálogo de ayuda | `boolean` |
| `tui.openSessions()` | Abrir el selector de sesiones | `boolean` |
| `tui.openThemes()` | Abra el selector de temas | `boolean` |
| `tui.openModels()` | Abrir el selector de modelo | `boolean` |
| `tui.submitPrompt()` | Enviar el mensaje actual | `boolean` |
| `tui.clearPrompt()` | Borrar el mensaje | `boolean` |
| `tui.executeCommand({ body })` | Ejecutar un comando | `boolean` |
| `tui.showToast({ body })` | Mostrar notificación del brindis | `boolean` |
---
#### Ejemplos
```javascript
// Control TUI interface
await client.tui.appendPrompt({
body: { text: "Add this to prompt" },
})
await client.tui.showToast({
body: { message: "Task completed", variant: "success" },
})
```
---
### Autenticación
| Método | Descripción | Respuesta |
| ------------------- | ---------------------------------------- | --------- |
| `auth.set({ ... })` | Establecer credenciales de autenticación | `boolean` |
---
#### Ejemplos
```javascript
await client.auth.set({
path: { id: "anthropic" },
body: { type: "api", key: "your-api-key" },
})
```
---
### Eventos
| Método | Descripción | Respuesta |
| ------------------- | ----------------------------------------------- | ----------------------------------------------- |
| `event.subscribe()` | Transmisión de eventos enviados por el servidor | Transmisión de eventos enviados por el servidor |
---
#### Ejemplos
```javascript
// Listen to real-time events
const events = await client.event.subscribe()
for await (const event of events.stream) {
console.log("Event:", event.type, event.properties)
}
```