summaryrefslogtreecommitdiffhomepage
path: root/packages/web/src/content/docs/zh-tw/sdk.mdx
blob: 713718c9b3d92a4be873e2d0fcfe6e330b7fffa0 (plain)
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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
---
title: SDK
description: opencode 伺服器的類型安全 JS 客戶端。
---

import config from "../../../../config.mjs"
export const typesUrl = `${config.github}/blob/dev/packages/sdk/js/src/gen/types.gen.ts`

opencode JS/TS SDK 提供類型安全的客戶端用於與伺服器互動。
使用它以程式化方式構建整合和控制 opencode。

[了解更多](/docs/server) 關於伺服器如何工作。例如,查看社群構建的[專案](/docs/ecosystem#projects)。

---

## 安裝

從 npm 安裝 SDK:

```bash
npm install @opencode-ai/sdk
```

---

## 建立客戶端

建立 opencode 的實例:

```javascript
import { createOpencode } from "@opencode-ai/sdk"

const { client } = await createOpencode()
```

這會同時啟動伺服器和客戶端

#### 選項

| 選項       | 類型          | 描述                           | 預設        |
| ---------- | ------------- | ------------------------------ | ----------- |
| `hostname` | `string`      | 伺服器主機名稱                 | `127.0.0.1` |
| `port`     | `number`      | 伺服器連接埠                   | `4096`      |
| `signal`   | `AbortSignal` | 取消的中止訊號                 | `undefined` |
| `timeout`  | `number`      | 伺服器啟動超時(以毫秒為單位) | `5000`      |
| `config`   | `Config`      | 設定物件                       | `{}`        |

---

## 配置

您可以傳遞設定物件來自定義行為。該實例仍然會選擇您的 `opencode.json`,但您可以覆寫或添加內聯設定:

```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()
```

## 僅限客戶端

如果您已經有一個正在執行的 opencode 實例,您可以建立一個客戶端實例來連接到它:

```javascript
import { createOpencodeClient } from "@opencode-ai/sdk"

const client = createOpencodeClient({
  baseUrl: "http://localhost:4096",
})
```

#### 選項

| 選項            | 類型       | 描述                         | 預設                    |
| --------------- | ---------- | ---------------------------- | ----------------------- |
| `baseUrl`       | `string`   | 伺服器的 URL                 | `http://localhost:4096` |
| `fetch`         | `function` | 自定義 fetch 實作            | `globalThis.fetch`      |
| `parseAs`       | `string`   | 回應解析方法                 | `auto`                  |
| `responseStyle` | `string`   | 返回樣式:`data` 或 `fields` | `fields`                |
| `throwOnError`  | `boolean`  | 拋出錯誤而不是返回           | `false`                 |

---

## 類型

SDK 包含所有 API 類型的 TypeScript 定義。直接匯入它們:

```typescript
import type { Session, Message, Part } from "@opencode-ai/sdk"
```

所有類型均根據伺服器的 OpenAPI 規範生成,並可在 <a href={typesUrl}>types 檔案</a>中找到。

---

## 錯誤

SDK 可能會拋出錯誤,您可以捕捉並處理這些錯誤:

```typescript
try {
  await client.session.get({ path: { id: "invalid-id" } })
} catch (error) {
  console.error("Failed to get session:", (error as Error).message)
}
```

---

## API

SDK 透過類型安全的客戶端公開所有伺服器 API。

---

### 全域

| 方法              | 描述                     | 回應                                 |
| ----------------- | ------------------------ | ------------------------------------ |
| `global.health()` | 檢查伺服器健康狀態和版本 | `{ healthy: true, version: string }` |

---

#### 範例

```javascript
const health = await client.global.health()
console.log(health.data.version)
```

---

### 應用程式

| 方法           | 描述               | 回應                                        |
| -------------- | ------------------ | ------------------------------------------- |
| `app.log()`    | 寫入日誌項目       | `boolean`                                   |
| `app.agents()` | 列出所有可用的代理 | <a href={typesUrl}><code>Agent[]</code></a> |

---

#### 範例

```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()
```

---

### 專案

| 方法                | 描述         | 回應                                          |
| ------------------- | ------------ | --------------------------------------------- |
| `project.list()`    | 列出所有專案 | <a href={typesUrl}><code>Project[]</code></a> |
| `project.current()` | 獲取當前專案 | <a href={typesUrl}><code>Project</code></a>   |

---

#### 範例

```javascript
// List all projects
const projects = await client.project.list()

// Get current project
const currentProject = await client.project.current()
```

---

### 路徑

| 方法         | 描述         | 回應                                     |
| ------------ | ------------ | ---------------------------------------- |
| `path.get()` | 獲取當前路徑 | <a href={typesUrl}><code>Path</code></a> |

---

#### 範例

```javascript
// Get current path information
const pathInfo = await client.path.get()
```

---

### 配置

| 方法                 | 描述                 | 回應                                                                                                  |
| -------------------- | -------------------- | ----------------------------------------------------------------------------------------------------- |
| `config.get()`       | 獲取設定資訊         | <a href={typesUrl}><code>Config</code></a>                                                            |
| `config.providers()` | 列出供應商和預設模型 | `{ providers: `<a href={typesUrl}><code>Provider[]</code></a>`, default: { [key: string]: string } }` |

---

#### 範例

```javascript
const config = await client.config.get()

const { providers, default: defaults } = await client.config.providers()
```

---

### 工作階段

| 方法                                                       | 描述                           | 備註                                                                                                                           |
| ---------------------------------------------------------- | ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------ |
| `session.list()`                                           | 列出工作階段                   | 返回 <a href={typesUrl}><code>Session[]</code></a>                                                                             |
| `session.get({ path })`                                    | 獲取工作階段                   | 返回 <a href={typesUrl}><code>Session</code></a>                                                                               |
| `session.children({ path })`                               | 列出子工作階段                 | 返回 <a href={typesUrl}><code>Session[]</code></a>                                                                             |
| `session.create({ body })`                                 | 建立工作階段                   | 返回 <a href={typesUrl}><code>Session</code></a>                                                                               |
| `session.delete({ path })`                                 | 刪除工作階段                   | 返回 `boolean`                                                                                                                 |
| `session.update({ path, body })`                           | 更新工作階段屬性               | 返回 <a href={typesUrl}><code>Session</code></a>                                                                               |
| `session.init({ path, body })`                             | 分析應用程式並建立 `AGENTS.md` | 返回 `boolean`                                                                                                                 |
| `session.abort({ path })`                                  | 中止正在執行的工作階段         | 返回 `boolean`                                                                                                                 |
| `session.share({ path })`                                  | 分享工作階段                   | 返回 <a href={typesUrl}><code>Session</code></a>                                                                               |
| `session.unshare({ path })`                                | 取消分享工作階段               | 返回 <a href={typesUrl}><code>Session</code></a>                                                                               |
| `session.summarize({ path, body })`                        | 工作階段摘要                   | 返回 `boolean`                                                                                                                 |
| `session.messages({ path })`                               | 列出工作階段中的訊息           | 返回 `{ info: `<a href={typesUrl}><code>Message</code></a>`, parts: `<a href={typesUrl}><code>Part[]</code></a>`}[]`           |
| `session.message({ path })`                                | 獲取訊息詳情                   | 返回 `{ info: `<a href={typesUrl}><code>Message</code></a>`, parts: `<a href={typesUrl}><code>Part[]</code></a>`}`             |
| `session.prompt({ path, body })`                           | 發送提示訊息                   | `body.noReply: true` 返回 UserMessage(僅上下文)。預設返回帶有 AI 回應的 <a href={typesUrl}><code>AssistantMessage</code></a> |
| `session.command({ path, body })`                          | 向工作階段發送指令             | 返回 `{ info: `<a href={typesUrl}><code>AssistantMessage</code></a>`, parts: `<a href={typesUrl}><code>Part[]</code></a>`}`    |
| `session.shell({ path, body })`                            | 執行 shell 指令                | 返回 <a href={typesUrl}><code>AssistantMessage</code></a>                                                                      |
| `session.revert({ path, body })`                           | 還原訊息                       | 返回 <a href={typesUrl}><code>Session</code></a>                                                                               |
| `session.unrevert({ path })`                               | 恢復已還原的訊息               | 返回 <a href={typesUrl}><code>Session</code></a>                                                                               |
| `postSessionByIdPermissionsByPermissionId({ path, body })` | 回覆權限請求                   | 返回 `boolean`                                                                                                                 |

---

#### 範例

```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." }],
  },
})
```

---

### 檔案

| 方法                      | 描述                 | 回應                                                                                |
| ------------------------- | -------------------- | ----------------------------------------------------------------------------------- |
| `find.text({ query })`    | 搜尋檔案中的文字     | 具有 `path`, `lines`, `line_number`, `absolute_offset`, `submatches` 的匹配物件陣列 |
| `find.files({ query })`   | 按名稱尋找檔案和目錄 | `string[]`(路徑)                                                                  |
| `find.symbols({ query })` | 尋找工作區符號       | <a href={typesUrl}><code>Symbol[]</code></a>                                        |
| `file.read({ query })`    | 讀取檔案             | `{ type: "raw" \| "patch", content: string }`                                       |
| `file.status({ query? })` | 獲取追蹤檔案的狀態   | <a href={typesUrl}><code>File[]</code></a>                                          |

`find.files` 支援一些可選的查詢欄位:

- `type`:`"file"` 或 `"directory"`
- `directory`:覆寫搜尋的專案根目錄
- `limit`:最大結果 (1–200)

---

#### 範例

```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

| 方法                           | 描述               | 回應      |
| ------------------------------ | ------------------ | --------- |
| `tui.appendPrompt({ body })`   | 將文字附加到提示   | `boolean` |
| `tui.openHelp()`               | 打開說明對話方塊   | `boolean` |
| `tui.openSessions()`           | 打開工作階段選擇器 | `boolean` |
| `tui.openThemes()`             | 打開主題選擇器     | `boolean` |
| `tui.openModels()`             | 打開模型選擇器     | `boolean` |
| `tui.submitPrompt()`           | 提交當前提示       | `boolean` |
| `tui.clearPrompt()`            | 清除提示           | `boolean` |
| `tui.executeCommand({ body })` | 執行指令           | `boolean` |
| `tui.showToast({ body })`      | 顯示 Toast 通知    | `boolean` |

---

#### 範例

```javascript
// Control TUI interface
await client.tui.appendPrompt({
  body: { text: "Add this to prompt" },
})

await client.tui.showToast({
  body: { message: "Task completed", variant: "success" },
})
```

---

### 授權

| 方法                | 描述             | 回應      |
| ------------------- | ---------------- | --------- |
| `auth.set({ ... })` | 設定身分驗證憑證 | `boolean` |

---

#### 範例

```javascript
await client.auth.set({
  path: { id: "anthropic" },
  body: { type: "api", key: "your-api-key" },
})
```

---

### 事件

| 方法                | 描述                 | 回應                 |
| ------------------- | -------------------- | -------------------- |
| `event.subscribe()` | 伺服器發送的事件串流 | 伺服器發送的事件串流 |

---

#### 範例

```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)
}
```