summaryrefslogtreecommitdiffhomepage
path: root/packages/web/src/content/docs/ja/sdk.mdx
blob: 5afaeb4a130d31d721f847a73fb44cfd15944dcb (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
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
---
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) をご覧ください。たとえば、コミュニティによって構築された [projects](/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` | カスタムフェッチの実装                   | `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}>タイプファイル</a> で使用できます。

---

## エラー

SDK は、キャッチして処理できるエラーをスローできます。

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

---

## 構造化出力

`format` を JSON スキーマで指定することで、モデルから構造化された JSON 出力をリクエストできます。モデルは `StructuredOutput` ツールを使用して、スキーマに一致する検証済み JSON を返します。

### 基本的な使用法

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

### 出力フォーマットの種類

| タイプ        | 説明                                                 |
| ------------- | ---------------------------------------------------- |
| `text`        | デフォルト。標準テキスト応答 (構造化出力なし)        |
| `json_schema` | 提供されたスキーマに一致する検証済み JSON を返します |

### JSON スキーマフォーマット

`type: 'json_schema'` を使用する場合は、以下を指定します:

| フィールド   | タイプ          | 説明                                               |
| ------------ | --------------- | -------------------------------------------------- |
| `type`       | `'json_schema'` | 必須。JSON スキーマモードを指定します              |
| `schema`     | `object`        | 必須。出力構造を定義する JSON スキーマオブジェクト |
| `retryCount` | `number`        | オプション。検証の再試行回数 (デフォルト: 2)       |

### エラー処理

すべての再試行後にモデルが有効な構造化出力を生成できない場合、応答には `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)
}
```

### ベストプラクティス

1. **明確な説明を提供する**: モデルが抽出するデータを理解できるように、スキーマプロパティに明確な説明を提供します
2. **`required` を使用する**: 存在する必要があるフィールドを指定します
3. **スキーマを焦点を絞ったものにする**: 複雑なネストされたスキーマは、モデルが正しく入力するのが難しい場合があります
4. **適切な `retryCount` を設定する**: 複雑なスキーマの場合は増やし、単純なスキーマの場合は減らします

---

## API

SDK は、型安全なクライアントを通じてすべてのサーバー API を公開します。

---

### Global

| メソッド          | 説明                                   | 戻り値                               |
| ----------------- | -------------------------------------- | ------------------------------------ |
| `global.health()` | サーバーの健全性とバージョンを確認する | `{ healthy: true, version: string }` |

---

#### 例

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

---

### App

| メソッド       | 説明                                       | 戻り値                                      |
| -------------- | ------------------------------------------ | ------------------------------------------- |
| `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

| メソッド            | 説明                             | 戻り値                                        |
| ------------------- | -------------------------------- | --------------------------------------------- |
| `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

| メソッド     | 説明             | 戻り値                                   |
| ------------ | ---------------- | ---------------------------------------- |
| `path.get()` | 現在のパスを取得 | <a href={typesUrl}><code>Path</code></a> |

---

#### 例

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

---

### Config

| メソッド             | 説明                                         | 戻り値                                                                                                |
| -------------------- | -------------------------------------------- | ----------------------------------------------------------------------------------------------------- |
| `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()
```

---

### Sessions

| メソッド                                                   | 説明                                    | 詳細                                                                                                                                                                                                                                        |
| ---------------------------------------------------------- | --------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `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> を返します。[構造化出力](#構造化出力) のための `body.outputFormat` をサポートします。 |
| `session.command({ path, body })`                          | コマンドをセッションに送信              | 戻り値 `{ info: `<a href={typesUrl}><code>AssistantMessage</code></a>`, parts: `<a href={typesUrl}><code>Part[]</code></a>`}`                                                                                                               |
| `session.shell({ path, body })`                            | シェルコマンドを実行する                | 戻り値 <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." }],
  },
})
```

---

### Files

| メソッド                  | 説明                               | 戻り値                                                                                      |
| ------------------------- | ---------------------------------- | ------------------------------------------------------------------------------------------- |
| `find.text({ query })`    | Search for text in files           | Array of match objects with `path`, `lines`, `line_number`, `absolute_offset`, `submatches` |
| `find.files({ query })`   | Find files and directories by name | `string[]` (paths)                                                                          |
| `find.symbols({ query })` | Find workspace symbols             | <a href={typesUrl}><code>Symbol[]</code></a>                                                |
| `file.read({ query })`    | Read a file                        | `{ type: "raw" \| "patch", content: string }`                                               |
| `file.status({ query? })` | Get status for tracked files       | <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 })`      | トースト通知を表示               | `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

| メソッド            | 説明                   | 戻り値    |
| ------------------- | ---------------------- | --------- |
| `auth.set({ ... })` | 認証資格情報を設定する | `boolean` |

---

#### 例

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

---

### Events

| メソッド            | 説明                           | 戻り値                         |
| ------------------- | ------------------------------ | ------------------------------ |
| `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)
}
```