mirror of
https://github.com/anomalyco/opencode.git
synced 2026-08-25 11:06:12 +00:00
Compare commits
37
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
cea182508e | ||
|
|
9fc85ae9db | ||
|
|
2e4b2c82f4 | ||
|
|
a9042a58ab | ||
|
|
244ec6c8f7 | ||
|
|
e28471e0ad | ||
|
|
778d5b675c | ||
|
|
127113188e | ||
|
|
ce16b7cc12 | ||
|
|
eda6d774bf | ||
|
|
e11b3d08b6 | ||
|
|
0cdd711abf | ||
|
|
22c63833d2 | ||
|
|
42d160f4a0 | ||
|
|
8be467de8d | ||
|
|
50c5218bca | ||
|
|
c1763e2b64 | ||
|
|
34bd7c220c | ||
|
|
7f5ea1889c | ||
|
|
a02b0a4729 | ||
|
|
d8ce27fa29 | ||
|
|
2f740cec5d | ||
|
|
162c3fcebd | ||
|
|
71f81dc0fe | ||
|
|
de388dede4 | ||
|
|
c936acd3fe | ||
|
|
c19186ee54 | ||
|
|
563943c52e | ||
|
|
575bbd6ea1 | ||
|
|
5d9b53b2c7 | ||
|
|
4780248e84 | ||
|
|
43d4968356 | ||
|
|
0164c1c8bc | ||
|
|
6a687398eb | ||
|
|
f4cb9d06c8 | ||
|
|
3e82b1a9fd | ||
|
|
e2a7600a2a |
@@ -1,6 +0,0 @@
|
||||
---
|
||||
"@opencode-ai/plugin": patch
|
||||
"@opencode-ai/core": patch
|
||||
---
|
||||
|
||||
Compile Effect-authored plugins to the runtime-neutral Promise and Standard Schema plugin contract.
|
||||
@@ -181,12 +181,14 @@
|
||||
"dependencies": {
|
||||
"@opencode-ai/protocol": "workspace:*",
|
||||
"@opencode-ai/schema": "workspace:*",
|
||||
"ws": "8.21.0",
|
||||
},
|
||||
"devDependencies": {
|
||||
"@effect/platform-node": "catalog:",
|
||||
"@opencode-ai/httpapi-codegen": "workspace:*",
|
||||
"@tsconfig/bun": "catalog:",
|
||||
"@types/bun": "catalog:",
|
||||
"@types/ws": "8.18.1",
|
||||
"@typescript/native-preview": "catalog:",
|
||||
"effect": "catalog:",
|
||||
"solid-js": "catalog:",
|
||||
@@ -579,6 +581,7 @@
|
||||
"@opencode-ai/protocol": "workspace:*",
|
||||
"@opencode-ai/schema": "workspace:*",
|
||||
"@standard-schema/spec": "catalog:",
|
||||
"effect": "catalog:",
|
||||
"zod": "catalog:",
|
||||
},
|
||||
"devDependencies": {
|
||||
@@ -589,7 +592,6 @@
|
||||
"@tsconfig/node22": "catalog:",
|
||||
"@types/node": "catalog:",
|
||||
"@typescript/native-preview": "catalog:",
|
||||
"effect": "catalog:",
|
||||
"solid-js": "catalog:",
|
||||
"typescript": "catalog:",
|
||||
},
|
||||
@@ -597,14 +599,12 @@
|
||||
"@opencode-ai/theme": "workspace:*",
|
||||
"@opentui/core": ">=0.5.8",
|
||||
"@opentui/solid": ">=0.5.8",
|
||||
"effect": "catalog:",
|
||||
"solid-js": ">=1.9.0",
|
||||
},
|
||||
"optionalPeers": [
|
||||
"@opencode-ai/theme",
|
||||
"@opentui/core",
|
||||
"@opentui/solid",
|
||||
"effect",
|
||||
"solid-js",
|
||||
],
|
||||
},
|
||||
|
||||
+4
-4
@@ -1,8 +1,8 @@
|
||||
{
|
||||
"nodeModules": {
|
||||
"x86_64-linux": "sha256-phyTF0/jQZ3L0B66PSLdpH//kyPc1M6j5a40wCSx7TA=",
|
||||
"aarch64-linux": "sha256-1Zb/Is0ujIslCbPPusAVhcuzAPyIauQyeIIRRGtzpAk=",
|
||||
"aarch64-darwin": "sha256-DDsVm7z+PSDry6QqrwVDFSmEnq6jIKb709Y4ymAv9f8=",
|
||||
"x86_64-darwin": "sha256-S+5LI2J+WRhRP7jp2PAv6AesXk238wEYoyIO1oKdF3w="
|
||||
"x86_64-linux": "sha256-2bkzaLe/n63btVRQNhu8LXCtMZJArX1Kedi5U40l1xw=",
|
||||
"aarch64-linux": "sha256-5Cs9M3hvDKAymo71y8oZ7jj3pEm+MI+HHhuSuV7UvtM=",
|
||||
"aarch64-darwin": "sha256-LsJcuxE/NMu+vUFdpBKHc2z0sC0C5bRMlH1Kj+ns9dY=",
|
||||
"x86_64-darwin": "sha256-KDjmKC3JZD8I5A7gi+dYIl0dgHVt20/DwkM9RKBWiJk="
|
||||
}
|
||||
}
|
||||
|
||||
@@ -157,7 +157,7 @@ type AnthropicDocumentBlock = Schema.Schema.Type<typeof AnthropicDocumentBlock>
|
||||
const AnthropicThinkingBlock = Schema.Struct({
|
||||
type: Schema.tag("thinking"),
|
||||
thinking: Schema.String,
|
||||
signature: Schema.optional(Schema.String),
|
||||
signature: Schema.String,
|
||||
cache_control: Schema.optional(AnthropicCacheControl),
|
||||
})
|
||||
|
||||
@@ -701,6 +701,26 @@ const lowerToolResultContent = Effect.fnUntraced(function* (part: ToolResultPart
|
||||
return yield* Effect.forEach(content, lowerToolResultContentItem)
|
||||
})
|
||||
|
||||
const requireThinkingSignature = (request: LLMRequest) => {
|
||||
if (request.model.compatibility?.requireSignature !== undefined)
|
||||
return request.model.compatibility.requireSignature
|
||||
const provider = request.model.provider.toLowerCase()
|
||||
const model = request.model.id.toLowerCase()
|
||||
const baseURL = (request.model.route.endpoint.baseURL ?? "").toLowerCase()
|
||||
if (
|
||||
provider === "kimi-for-coding" ||
|
||||
provider === "moonshotai" ||
|
||||
provider === "moonshotai-cn" ||
|
||||
model.startsWith("kimi-") ||
|
||||
baseURL.includes("api.kimi.com/coding") ||
|
||||
baseURL.includes("api.moonshot.ai/anthropic") ||
|
||||
baseURL.includes("api.moonshot.cn/anthropic")
|
||||
)
|
||||
return false
|
||||
if (provider.includes("xiaomi") || model.includes("mimo") || baseURL.includes("xiaomimimo.com")) return false
|
||||
return true
|
||||
}
|
||||
|
||||
// Mid-conversation system messages became available with Opus 4.8 and version
|
||||
// 5 of the other supported Claude families. Treat later family versions as
|
||||
// compatible without assuming that every Anthropic Messages model is Claude.
|
||||
@@ -807,15 +827,30 @@ const lowerMessages = Effect.fn("AnthropicMessages.lowerMessages")(function* (
|
||||
continue
|
||||
}
|
||||
if (part.type === "reasoning") {
|
||||
// Mirrors Vercel's @ai-sdk/anthropic: a signature marks visible
|
||||
// thinking; only signature-less parts carrying redactedData
|
||||
// round-trip as opaque redacted_thinking blocks.
|
||||
// A signature marks visible thinking; only signature-less parts carrying
|
||||
// redactedData round-trip as opaque redacted_thinking blocks.
|
||||
const signature = part.encrypted ?? signatureFromMetadata(part.providerMetadata)
|
||||
const redactedData = redactedDataFromMetadata(part.providerMetadata)
|
||||
if (signature === undefined && redactedData !== undefined) {
|
||||
content.push({ type: "redacted_thinking", data: redactedData })
|
||||
continue
|
||||
}
|
||||
if (typeof signature !== "string" || signature.trim().length === 0) {
|
||||
if (part.text.trim().length === 0) continue
|
||||
if (!requireThinkingSignature(request)) {
|
||||
content.push({ type: "thinking", thinking: part.text, signature: "" })
|
||||
continue
|
||||
}
|
||||
// Without a signature this cannot be a valid thinking block per
|
||||
// the SDK ThinkingBlockParam:3217 — demote to text so the
|
||||
// conversation remains sendable.
|
||||
content.push({
|
||||
type: "text",
|
||||
text: part.text,
|
||||
cache_control: cacheControl(breakpoints, part.cache),
|
||||
})
|
||||
continue
|
||||
}
|
||||
content.push({ type: "thinking", thinking: part.text, signature })
|
||||
continue
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Effect, Schema } from "effect"
|
||||
import { Effect, Option, Schema } from "effect"
|
||||
import { Tool } from "@opencode-ai/schema/tool"
|
||||
import { Route } from "../route/client.js"
|
||||
import { Auth } from "../route/auth.js"
|
||||
@@ -125,6 +125,7 @@ const GeminiContentPart = Schema.Union([
|
||||
GeminiFunctionCallPart,
|
||||
GeminiFunctionResponsePart,
|
||||
])
|
||||
const decodeGeminiContentPart = Schema.decodeUnknownOption(GeminiContentPart)
|
||||
|
||||
const GeminiContent = Schema.Struct({
|
||||
role: optionalNull(Schema.Literals(["user", "model"])),
|
||||
@@ -132,6 +133,11 @@ const GeminiContent = Schema.Struct({
|
||||
})
|
||||
type GeminiContent = Schema.Schema.Type<typeof GeminiContent>
|
||||
|
||||
const GeminiResponseContent = Schema.Struct({
|
||||
role: optionalNull(Schema.Literals(["user", "model"])),
|
||||
parts: optionalNull(Schema.Array(Schema.Unknown)),
|
||||
})
|
||||
|
||||
const GeminiSystemInstruction = Schema.Struct({
|
||||
parts: Schema.Array(Schema.Struct({ text: Schema.String })),
|
||||
})
|
||||
@@ -200,7 +206,7 @@ const GeminiUsage = Schema.Struct({
|
||||
type GeminiUsage = Schema.Schema.Type<typeof GeminiUsage>
|
||||
|
||||
const GeminiCandidate = Schema.Struct({
|
||||
content: optionalNull(GeminiContent),
|
||||
content: optionalNull(GeminiResponseContent),
|
||||
finishReason: optionalNull(Schema.String),
|
||||
})
|
||||
|
||||
@@ -222,6 +228,7 @@ const GeminiEvent = Schema.Struct({
|
||||
type GeminiEvent = Schema.Schema.Type<typeof GeminiEvent>
|
||||
|
||||
interface ParserState {
|
||||
readonly route: string
|
||||
readonly finishReason?: string
|
||||
readonly hasToolCalls: boolean
|
||||
readonly promptFeedback?: GeminiPromptFeedback
|
||||
@@ -598,7 +605,21 @@ const step = (state: ParserState, event: GeminiEvent) => {
|
||||
// Supplier ids must be tracked across chunks of the same response, not just within one event's parts.
|
||||
const seenCallIds = new Set(nextState.seenCallIds)
|
||||
|
||||
for (const part of candidate.content.parts ?? []) {
|
||||
for (const input of candidate.content.parts ?? []) {
|
||||
if (
|
||||
ProviderShared.isRecord(input) &&
|
||||
!("text" in input) &&
|
||||
!("inlineData" in input) &&
|
||||
!("functionCall" in input) &&
|
||||
!("functionResponse" in input)
|
||||
)
|
||||
continue
|
||||
const decoded = decodeGeminiContentPart(input)
|
||||
if (Option.isNone(decoded))
|
||||
return Effect.fail(
|
||||
ProviderShared.eventError(ADAPTER, `Invalid ${state.route} stream event`, ProviderShared.encodeJson(event)),
|
||||
)
|
||||
const part = decoded.value
|
||||
const signature = "thoughtSignature" in part && part.thoughtSignature ? part.thoughtSignature : undefined
|
||||
// Gemini attaches replay signatures to thought parts, visible text, or function calls;
|
||||
// each block kind must retain the signature attached to its own parts.
|
||||
@@ -691,7 +712,11 @@ export const protocol = Protocol.make({
|
||||
},
|
||||
stream: {
|
||||
event: Protocol.jsonEvent(GeminiEvent),
|
||||
initial: () => ({ hasToolCalls: false, lifecycle: Lifecycle.initial() }),
|
||||
initial: (request) => ({
|
||||
route: `${request.model.provider}/${request.model.route.id}`,
|
||||
hasToolCalls: false,
|
||||
lifecycle: Lifecycle.initial(),
|
||||
}),
|
||||
step,
|
||||
onHalt: finish,
|
||||
},
|
||||
|
||||
@@ -666,6 +666,7 @@ const lowerMessages = Effect.fn("OpenResponses.lowerMessages")(function* (reques
|
||||
const lowerOptions = (request: LLMRequest) => {
|
||||
const options = OpenResponsesOptions.resolve(request)
|
||||
const cacheKey = ProviderShared.clampPromptCacheKey(request.promptCacheKey)
|
||||
const parallelToolCalls = resolveParallelToolCalls(request)
|
||||
return {
|
||||
...(options.instructions ? { instructions: options.instructions } : {}),
|
||||
...(options.store !== undefined ? { store: options.store } : {}),
|
||||
@@ -683,11 +684,18 @@ const lowerOptions = (request: LLMRequest) => {
|
||||
...(options.textVerbosity ? { text: { verbosity: options.textVerbosity } } : {}),
|
||||
...(options.serviceTier ? { service_tier: options.serviceTier } : {}),
|
||||
...(options.maxToolCalls !== undefined ? { max_tool_calls: options.maxToolCalls } : {}),
|
||||
...(options.parallelToolCalls !== undefined ? { parallel_tool_calls: options.parallelToolCalls } : {}),
|
||||
...(parallelToolCalls !== undefined ? { parallel_tool_calls: parallelToolCalls } : {}),
|
||||
...(options.truncation ? { truncation: options.truncation } : {}),
|
||||
}
|
||||
}
|
||||
|
||||
export const resolveParallelToolCalls = (request: LLMRequest) => {
|
||||
const configured = OpenResponsesOptions.resolve(request).parallelToolCalls
|
||||
if (configured !== undefined) return configured
|
||||
const disabled = request.toolChoice?.disableParallelToolUse
|
||||
return disabled === undefined ? undefined : !disabled
|
||||
}
|
||||
|
||||
const allowedToolChoice = (request: LLMRequest) => {
|
||||
const allowed = OpenResponsesOptions.resolve(request).allowedTools
|
||||
if (!allowed) return undefined
|
||||
@@ -1186,7 +1194,6 @@ export const step = (state: ParserState, event: Event) => {
|
||||
if (
|
||||
event.type === "response.reasoning.done" ||
|
||||
event.type === "response.reasoning_summary_text.done" ||
|
||||
event.type === "response.reasoning_summary.done" ||
|
||||
event.type === "response.reasoning_text.done"
|
||||
) {
|
||||
if (!event.item_id) return ProviderShared.eventError(state.id, `${event.type} is missing item_id`)
|
||||
|
||||
@@ -51,7 +51,12 @@ const OpenAIChatFunction = Schema.Struct({
|
||||
|
||||
const OpenAIChatTool = Schema.Struct({
|
||||
type: Schema.tag("function"),
|
||||
function: OpenAIChatFunction,
|
||||
function: Schema.Struct({
|
||||
name: Schema.String,
|
||||
description: Schema.String,
|
||||
parameters: JsonObject,
|
||||
strict: Schema.optional(Schema.Boolean),
|
||||
}),
|
||||
cache_control: Schema.optional(OpenAIChatCacheControl),
|
||||
})
|
||||
type OpenAIChatTool = Schema.Schema.Type<typeof OpenAIChatTool>
|
||||
@@ -133,6 +138,7 @@ export const bodyFields = {
|
||||
store: Schema.optional(Schema.Boolean),
|
||||
prompt_cache_key: Schema.optional(Schema.String),
|
||||
reasoning_effort: Schema.optional(OpenAIOptions.OpenAIReasoningEffort),
|
||||
tool_stream: Schema.optional(Schema.Boolean),
|
||||
max_completion_tokens: Schema.optional(Schema.Number),
|
||||
max_tokens: Schema.optional(Schema.Number),
|
||||
temperature: Schema.optional(Schema.Number),
|
||||
@@ -264,12 +270,18 @@ interface LoweringOptions {
|
||||
) => Schema.Schema.Type<typeof OpenAIChatCacheControl> | undefined
|
||||
}
|
||||
|
||||
const lowerTool = (tool: ToolDefinition, inputSchema: JsonSchema, options: LoweringOptions): OpenAIChatTool => ({
|
||||
const lowerTool = (
|
||||
tool: ToolDefinition,
|
||||
inputSchema: JsonSchema,
|
||||
options: LoweringOptions,
|
||||
supportsStrictMode: boolean,
|
||||
): OpenAIChatTool => ({
|
||||
type: "function",
|
||||
function: {
|
||||
name: tool.name,
|
||||
description: tool.description,
|
||||
parameters: inputSchema,
|
||||
...(supportsStrictMode ? { strict: false } : {}),
|
||||
},
|
||||
cache_control: options.cacheControl?.(tool.cache),
|
||||
})
|
||||
@@ -528,11 +540,122 @@ const hasToolHistory = (messages: ReadonlyArray<LLMRequest["messages"][number]>)
|
||||
return false
|
||||
}
|
||||
|
||||
const lowerOptions = (request: LLMRequest) => {
|
||||
// Derive `max_tokens` vs `max_completion_tokens` from provider/baseURL when
|
||||
// explicit `compatibility.maxTokensField` is not set. Aligned with
|
||||
// models.dev provider naming: DeepSeek, Moonshot AI, Together AI, ZAI
|
||||
// (Zhipu + Coding Plan variants), Nvidia, Cerebras, Chutes, etc. still
|
||||
// require `max_tokens`.
|
||||
const detectMaxTokensField = (provider: string, baseURL: string | undefined): "max_tokens" | "max_completion_tokens" => {
|
||||
const p = provider.toLowerCase()
|
||||
const url = (baseURL ?? "").toLowerCase()
|
||||
if (
|
||||
p === "deepseek" ||
|
||||
url.includes("deepseek.com") ||
|
||||
p === "moonshotai" ||
|
||||
url.includes("api.moonshot.ai") ||
|
||||
p === "togetherai" ||
|
||||
url.includes("api.together.") ||
|
||||
p === "zai" ||
|
||||
p === "zai-coding-plan" ||
|
||||
p === "zhipuai" ||
|
||||
p === "zhipuai-coding-plan" ||
|
||||
url.includes("api.z.ai") ||
|
||||
url.includes("open.bigmodel.cn") ||
|
||||
p === "nvidia" ||
|
||||
url.includes("integrate.api.nvidia.com") ||
|
||||
p === "cerebras" ||
|
||||
url.includes("cerebras.ai") ||
|
||||
url.includes("llm.chutes.ai") ||
|
||||
p === "chutes" ||
|
||||
p === "cloudflare-ai-gateway" ||
|
||||
url.includes("gateway.ai.cloudflare.com") ||
|
||||
p === "cloudflare-workers-ai" ||
|
||||
url.includes("api.cloudflare.com")
|
||||
)
|
||||
return "max_tokens"
|
||||
return "max_completion_tokens"
|
||||
}
|
||||
|
||||
const detectSupportsStore = (provider: string, baseURL: string | undefined): boolean => {
|
||||
const p = provider.toLowerCase()
|
||||
const url = (baseURL ?? "").toLowerCase()
|
||||
const isNvidia = p === "nvidia" || url.includes("integrate.api.nvidia.com")
|
||||
const isMoonshot = p === "moonshotai" || p === "moonshotai-cn" || url.includes("api.moonshot.")
|
||||
const isTogether = p === "togetherai" || p === "together" || url.includes("api.together.")
|
||||
const isZai =
|
||||
p === "zai" ||
|
||||
p === "zai-coding-plan" ||
|
||||
p === "zhipuai" ||
|
||||
p === "zhipuai-coding-plan" ||
|
||||
url.includes("api.z.ai") ||
|
||||
url.includes("open.bigmodel.cn")
|
||||
const isDeepSeek = p === "deepseek" || url.includes("deepseek.com")
|
||||
const isCerebras = p === "cerebras" || url.includes("cerebras.ai")
|
||||
const isXai = p === "xai" || url.includes("api.x.ai")
|
||||
const isChutes = p === "chutes" || url.includes("chutes.ai")
|
||||
const isCloudflareWorkersAI = p === "cloudflare-workers-ai" || url.includes("api.cloudflare.com")
|
||||
const isCloudflareAiGateway = p === "cloudflare-ai-gateway" || url.includes("gateway.ai.cloudflare.com")
|
||||
const isVercelAiGateway = p === "vercel-ai-gateway" || url.includes("ai-gateway.vercel.sh") || url.includes("vercel.sh")
|
||||
const isAntLing = p === "ant-ling" || url.includes("api.ant-ling.com")
|
||||
const isOpencode = p === "opencode" || url.includes("opencode.ai")
|
||||
const isNonStandard =
|
||||
isNvidia ||
|
||||
isCerebras ||
|
||||
isXai ||
|
||||
isTogether ||
|
||||
isChutes ||
|
||||
isDeepSeek ||
|
||||
isZai ||
|
||||
isMoonshot ||
|
||||
isOpencode ||
|
||||
isCloudflareWorkersAI ||
|
||||
isCloudflareAiGateway ||
|
||||
isVercelAiGateway ||
|
||||
isAntLing
|
||||
return !isNonStandard
|
||||
}
|
||||
|
||||
const detectSupportsUsageInStreaming = (): boolean => true
|
||||
|
||||
const detectSupportsStrictMode = (provider: string, baseURL: string | undefined): boolean => {
|
||||
const p = provider.toLowerCase()
|
||||
const url = (baseURL ?? "").toLowerCase()
|
||||
const isMoonshot = p === "moonshotai" || p === "moonshotai-cn" || url.includes("api.moonshot.")
|
||||
const isTogether = p === "togetherai" || p === "together" || url.includes("api.together.")
|
||||
const isCloudflareAiGateway = p === "cloudflare-ai-gateway" || url.includes("gateway.ai.cloudflare.com")
|
||||
const isNvidia = p === "nvidia" || url.includes("integrate.api.nvidia.com")
|
||||
return !isMoonshot && !isTogether && !isCloudflareAiGateway && !isNvidia
|
||||
}
|
||||
|
||||
const detectZaiToolStream = (
|
||||
provider: string,
|
||||
baseURL: string | undefined,
|
||||
modelID: string,
|
||||
): boolean => {
|
||||
const p = provider.toLowerCase()
|
||||
const url = (baseURL ?? "").toLowerCase()
|
||||
const isZai =
|
||||
p === "zai" ||
|
||||
p === "zai-coding-plan" ||
|
||||
p === "zhipuai" ||
|
||||
p === "zhipuai-coding-plan" ||
|
||||
url.includes("api.z.ai") ||
|
||||
url.includes("open.bigmodel.cn")
|
||||
if (!isZai) return false
|
||||
const id = modelID.toLowerCase()
|
||||
if (id === "glm-4.5" || id === "glm-4.5-air" || id === "glm-4.5-flash" || id === "glm-4.5v") return false
|
||||
return true
|
||||
}
|
||||
|
||||
const lowerOptions = (request: LLMRequest, supportsStore: boolean) => {
|
||||
const options = OpenAIOptions.resolve(request)
|
||||
const cacheKey = ProviderShared.clampPromptCacheKey(request.promptCacheKey)
|
||||
return {
|
||||
...(options.store !== undefined ? { store: options.store } : {}),
|
||||
...(supportsStore && options.store !== undefined ? { store: options.store } : {}),
|
||||
// For providers that support `store`, ensure stateless `store:false` is sent
|
||||
// even when no explicit `providerOptions.store` was supplied, mirroring the
|
||||
// native OpenAI Chat default. Non-standard providers omit `store` entirely.
|
||||
...(supportsStore && options.store === undefined ? { store: false } : {}),
|
||||
...(cacheKey ? { prompt_cache_key: cacheKey } : {}),
|
||||
...(options.reasoningEffort ? { reasoning_effort: options.reasoningEffort } : {}),
|
||||
}
|
||||
@@ -551,8 +674,19 @@ export const fromRequest = Effect.fn("OpenAIChat.fromRequest")(function* (
|
||||
)
|
||||
const generation = request.generation
|
||||
const toolSchemaCompatibility = request.model.compatibility?.toolSchema
|
||||
const maxTokensField = request.model.compatibility?.maxTokensField ?? "max_tokens"
|
||||
const provider = String(request.model.provider)
|
||||
const baseURL = request.model.route.endpoint.baseURL
|
||||
const detectedMaxTokensField = detectMaxTokensField(provider, baseURL)
|
||||
const maxTokensField = request.model.compatibility?.maxTokensField ?? detectedMaxTokensField
|
||||
const supportsStore = request.model.compatibility?.supportsStore ?? detectSupportsStore(provider, baseURL)
|
||||
const supportsUsageInStreaming =
|
||||
request.model.compatibility?.supportsUsageInStreaming ?? detectSupportsUsageInStreaming()
|
||||
const supportsStrictMode = request.model.compatibility?.supportsStrictMode ?? detectSupportsStrictMode(provider, baseURL)
|
||||
const zaiToolStream =
|
||||
request.model.compatibility?.zaiToolStream ??
|
||||
detectZaiToolStream(provider, baseURL, request.model.id)
|
||||
const hasHistory = hasToolHistory(request.messages)
|
||||
const hasActiveTools = request.tools.length > 0
|
||||
return {
|
||||
model: request.model.id,
|
||||
messages: yield* lowerMessages(request, options),
|
||||
@@ -566,11 +700,13 @@ export const fromRequest = Effect.fn("OpenAIChat.fromRequest")(function* (
|
||||
tool,
|
||||
ToolSchemaProjection.modelCompatibility(tool.inputSchema, toolSchemaCompatibility),
|
||||
options,
|
||||
supportsStrictMode,
|
||||
),
|
||||
),
|
||||
tool_choice: request.toolChoice ? yield* lowerToolChoice(request.toolChoice) : undefined,
|
||||
stream: true as const,
|
||||
stream_options: { include_usage: true },
|
||||
...(supportsUsageInStreaming ? { stream_options: { include_usage: true } } : {}),
|
||||
...(zaiToolStream && hasActiveTools ? { tool_stream: true } : {}),
|
||||
...(maxTokensField === "max_completion_tokens"
|
||||
? { max_completion_tokens: generation?.maxTokens }
|
||||
: { max_tokens: generation?.maxTokens }),
|
||||
@@ -580,7 +716,7 @@ export const fromRequest = Effect.fn("OpenAIChat.fromRequest")(function* (
|
||||
presence_penalty: generation?.presencePenalty,
|
||||
seed: generation?.seed,
|
||||
stop: generation?.stop,
|
||||
...lowerOptions(request),
|
||||
...lowerOptions(request, supportsStore),
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
@@ -111,8 +111,10 @@ const fromRequest = Effect.fn("OpenAIResponses.fromRequest")(function* (request:
|
||||
extension,
|
||||
)
|
||||
const toolSchemaCompatibility = request.model.compatibility?.toolSchema
|
||||
const parallelToolCalls = OpenResponses.resolveParallelToolCalls(request)
|
||||
return {
|
||||
...body,
|
||||
...(parallelToolCalls === undefined ? {} : { parallel_tool_calls: parallelToolCalls }),
|
||||
tools:
|
||||
request.tools.length === 0
|
||||
? undefined
|
||||
@@ -162,7 +164,7 @@ const HOSTED_TOOLS = {
|
||||
} as const satisfies ResponsesHostedTools.Definitions
|
||||
|
||||
const step = (state: OpenResponses.ParserState, event: OpenResponses.Event) => {
|
||||
if (event.type === "response.reasoning_text.delta" || event.type === "response.reasoning_summary.delta")
|
||||
if (event.type === "response.reasoning_text.delta")
|
||||
return event.item_id
|
||||
? Effect.succeed(OpenResponses.onReasoningDelta(state, event, event.item_id))
|
||||
: ProviderShared.eventError(ADAPTER, `${event.type} is missing item_id`)
|
||||
|
||||
@@ -0,0 +1,64 @@
|
||||
/*
|
||||
* Adapted from partial-json by the Promplate Dev Team:
|
||||
* https://github.com/promplate/partial-json-parser-js/blob/main/src/options.ts
|
||||
* Licensed under the MIT License; see partial-json.ts for the complete notice.
|
||||
*/
|
||||
|
||||
/**
|
||||
* allow partial strings like `"hello \u12` to be parsed as `"hello `
|
||||
*/
|
||||
export const STR = 0b000000001
|
||||
|
||||
/**
|
||||
* allow partial numbers like `123.` to be parsed as `123`
|
||||
*/
|
||||
export const NUM = 0b000000010
|
||||
|
||||
/**
|
||||
* allow partial arrays like `[1, 2,` to be parsed as `[1, 2]`
|
||||
*/
|
||||
export const ARR = 0b000000100
|
||||
|
||||
/**
|
||||
* allow partial objects like `{"a": 1, "b":` to be parsed as `{"a": 1}`
|
||||
*/
|
||||
export const OBJ = 0b000001000
|
||||
|
||||
/**
|
||||
* allow `nu` to be parsed as `null`
|
||||
*/
|
||||
export const NULL = 0b000010000
|
||||
|
||||
/**
|
||||
* allow `tr` to be parsed as `true`, and `fa` to be parsed as `false`
|
||||
*/
|
||||
export const BOOL = 0b000100000
|
||||
|
||||
/**
|
||||
* allow `Na` to be parsed as `NaN`
|
||||
*/
|
||||
export const NAN = 0b001000000
|
||||
|
||||
/**
|
||||
* allow `Inf` to be parsed as `Infinity`
|
||||
*/
|
||||
export const INFINITY = 0b010000000
|
||||
|
||||
/**
|
||||
* allow `-Inf` to be parsed as `-Infinity`
|
||||
*/
|
||||
export const _INFINITY = 0b100000000
|
||||
|
||||
export const INF = INFINITY | _INFINITY
|
||||
export const SPECIAL = NULL | BOOL | INF | NAN
|
||||
export const ATOM = STR | NUM | SPECIAL
|
||||
export const COLLECTION = ARR | OBJ
|
||||
export const ALL = ATOM | COLLECTION
|
||||
|
||||
/**
|
||||
* Control what types you allow to be partially parsed.
|
||||
* The default is to allow all types to be partially parsed, which in most cases is the best option.
|
||||
*/
|
||||
export const Allow = { STR, NUM, ARR, OBJ, NULL, BOOL, NAN, INFINITY, _INFINITY, INF, SPECIAL, ATOM, COLLECTION, ALL }
|
||||
|
||||
export default Allow
|
||||
@@ -0,0 +1,223 @@
|
||||
/*
|
||||
* Adapted from partial-json by the Promplate Dev Team:
|
||||
* https://github.com/promplate/partial-json-parser-js
|
||||
*
|
||||
* MIT License
|
||||
*
|
||||
* Copyright (c) 2023 Promplate Dev Team
|
||||
*
|
||||
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
* of this software and associated documentation files (the "Software"), to deal
|
||||
* in the Software without restriction, including without limitation the rights
|
||||
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
* copies of the Software, and to permit persons to whom the Software is
|
||||
* furnished to do so, subject to the following conditions:
|
||||
*
|
||||
* The above copyright notice and this permission notice shall be included in all
|
||||
* copies or substantial portions of the Software.
|
||||
*
|
||||
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
* SOFTWARE.
|
||||
*/
|
||||
|
||||
import { Schema } from "effect"
|
||||
import { Allow } from "./partial-json-options.js"
|
||||
export * from "./partial-json-options.js"
|
||||
|
||||
export class PartialJSON extends Error {}
|
||||
export class MalformedJSON extends Error {}
|
||||
|
||||
const decodeJson = Schema.decodeUnknownSync(Schema.fromJsonString(Schema.Unknown))
|
||||
|
||||
/** Parse complete or incomplete JSON, restricted by the supplied partial-value flags. */
|
||||
export function parseJSON(jsonString: string, allowPartial = Allow.ALL): unknown {
|
||||
if (typeof jsonString !== "string") throw new TypeError(`expecting str, got ${typeof jsonString}`)
|
||||
const input = jsonString.trim()
|
||||
if (!input) throw new Error(`${jsonString} is empty`)
|
||||
try {
|
||||
return decodeJson(input)
|
||||
} catch {}
|
||||
return _parseJSON(input, allowPartial)
|
||||
}
|
||||
|
||||
const _parseJSON = (jsonString: string, allow: number) => {
|
||||
const length = jsonString.length
|
||||
let index = 0
|
||||
|
||||
const markPartialJSON = (message: string): never => {
|
||||
throw new PartialJSON(`${message} at position ${index}`)
|
||||
}
|
||||
|
||||
const throwMalformedError = (message: string): never => {
|
||||
throw new MalformedJSON(`${message} at position ${index}`)
|
||||
}
|
||||
|
||||
const parseAny = (): unknown => {
|
||||
skipBlank()
|
||||
if (index >= length) markPartialJSON("Unexpected end of input")
|
||||
if (jsonString[index] === '"') return parseStr()
|
||||
if (jsonString[index] === "{") return parseObj()
|
||||
if (jsonString[index] === "[") return parseArr()
|
||||
if (
|
||||
jsonString.substring(index, index + 4) === "null" ||
|
||||
(Allow.NULL & allow && length - index < 4 && "null".startsWith(jsonString.substring(index)))
|
||||
) {
|
||||
index += 4
|
||||
return null
|
||||
}
|
||||
if (
|
||||
jsonString.substring(index, index + 4) === "true" ||
|
||||
(Allow.BOOL & allow && length - index < 4 && "true".startsWith(jsonString.substring(index)))
|
||||
) {
|
||||
index += 4
|
||||
return true
|
||||
}
|
||||
if (
|
||||
jsonString.substring(index, index + 5) === "false" ||
|
||||
(Allow.BOOL & allow && length - index < 5 && "false".startsWith(jsonString.substring(index)))
|
||||
) {
|
||||
index += 5
|
||||
return false
|
||||
}
|
||||
if (
|
||||
jsonString.substring(index, index + 8) === "Infinity" ||
|
||||
(Allow.INFINITY & allow && length - index < 8 && "Infinity".startsWith(jsonString.substring(index)))
|
||||
) {
|
||||
index += 8
|
||||
return Infinity
|
||||
}
|
||||
if (
|
||||
jsonString.substring(index, index + 9) === "-Infinity" ||
|
||||
(Allow._INFINITY & allow &&
|
||||
1 < length - index &&
|
||||
length - index < 9 &&
|
||||
"-Infinity".startsWith(jsonString.substring(index)))
|
||||
) {
|
||||
index += 9
|
||||
return -Infinity
|
||||
}
|
||||
if (
|
||||
jsonString.substring(index, index + 3) === "NaN" ||
|
||||
(Allow.NAN & allow && length - index < 3 && "NaN".startsWith(jsonString.substring(index)))
|
||||
) {
|
||||
index += 3
|
||||
return NaN
|
||||
}
|
||||
return parseNum()
|
||||
}
|
||||
|
||||
const parseStr = (): string => {
|
||||
const start = index
|
||||
let escape = false
|
||||
index++
|
||||
while (index < length && (jsonString[index] !== '"' || (escape && jsonString[index - 1] === "\\"))) {
|
||||
escape = jsonString[index] === "\\" ? !escape : false
|
||||
index++
|
||||
}
|
||||
if (jsonString.charAt(index) === '"') {
|
||||
try {
|
||||
return decodeJson(jsonString.substring(start, ++index - Number(escape))) as string
|
||||
} catch (error) {
|
||||
throwMalformedError(String(error))
|
||||
}
|
||||
}
|
||||
if (Allow.STR & allow) {
|
||||
try {
|
||||
return decodeJson(`${jsonString.substring(start, index - Number(escape))}"`) as string
|
||||
} catch {
|
||||
return decodeJson(`${jsonString.substring(start, jsonString.lastIndexOf("\\"))}"`) as string
|
||||
}
|
||||
}
|
||||
return markPartialJSON("Unterminated string literal")
|
||||
}
|
||||
|
||||
const parseObj = (): Record<string, unknown> => {
|
||||
index++
|
||||
skipBlank()
|
||||
const object: Record<string, unknown> = {}
|
||||
try {
|
||||
while (jsonString[index] !== "}") {
|
||||
skipBlank()
|
||||
if (index >= length && Allow.OBJ & allow) return object
|
||||
const key = parseStr()
|
||||
skipBlank()
|
||||
index++
|
||||
try {
|
||||
object[key] = parseAny()
|
||||
} catch (error) {
|
||||
if (Allow.OBJ & allow) return object
|
||||
throw error
|
||||
}
|
||||
skipBlank()
|
||||
if (jsonString[index] === ",") index++
|
||||
}
|
||||
} catch {
|
||||
if (Allow.OBJ & allow) return object
|
||||
return markPartialJSON("Expected '}' at end of object")
|
||||
}
|
||||
index++
|
||||
return object
|
||||
}
|
||||
|
||||
const parseArr = (): unknown[] => {
|
||||
index++
|
||||
const array: unknown[] = []
|
||||
try {
|
||||
while (jsonString[index] !== "]") {
|
||||
array.push(parseAny())
|
||||
skipBlank()
|
||||
if (jsonString[index] === ",") index++
|
||||
}
|
||||
} catch {
|
||||
if (Allow.ARR & allow) return array
|
||||
return markPartialJSON("Expected ']' at end of array")
|
||||
}
|
||||
index++
|
||||
return array
|
||||
}
|
||||
|
||||
const parseNum = (): unknown => {
|
||||
if (index === 0) {
|
||||
if (jsonString === "-") throwMalformedError("Not sure what '-' is")
|
||||
try {
|
||||
return decodeJson(jsonString)
|
||||
} catch (error) {
|
||||
if (Allow.NUM & allow) {
|
||||
try {
|
||||
return decodeJson(jsonString.substring(0, jsonString.lastIndexOf("e")))
|
||||
} catch {}
|
||||
}
|
||||
throwMalformedError(String(error))
|
||||
}
|
||||
}
|
||||
|
||||
const start = index
|
||||
if (jsonString[index] === "-") index++
|
||||
while (jsonString[index] && !",]}".includes(jsonString[index])) index++
|
||||
if (index === length && !(Allow.NUM & allow)) markPartialJSON("Unterminated number literal")
|
||||
|
||||
try {
|
||||
return decodeJson(jsonString.substring(start, index))
|
||||
} catch (error) {
|
||||
if (jsonString.substring(start, index) === "-") markPartialJSON("Not sure what '-' is")
|
||||
try {
|
||||
return decodeJson(jsonString.substring(start, jsonString.lastIndexOf("e")))
|
||||
} catch {
|
||||
throwMalformedError(String(error))
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
const skipBlank = () => {
|
||||
while (index < length && " \n\r\t".includes(jsonString[index])) index++
|
||||
}
|
||||
|
||||
return parseAny()
|
||||
}
|
||||
|
||||
export const parse = parseJSON
|
||||
@@ -155,6 +155,11 @@ export class LanguageModelCompatibility extends Schema.Class<LanguageModelCompat
|
||||
reasoningField: Schema.optional(Schema.String),
|
||||
maxTokensField: Schema.optional(LanguageModelMaxTokensFieldCompatibility),
|
||||
requireFinishReason: Schema.optional(Schema.Boolean),
|
||||
supportsStore: Schema.optional(Schema.Boolean),
|
||||
supportsUsageInStreaming: Schema.optional(Schema.Boolean),
|
||||
supportsStrictMode: Schema.optional(Schema.Boolean),
|
||||
zaiToolStream: Schema.optional(Schema.Boolean),
|
||||
requireSignature: Schema.optional(Schema.Boolean),
|
||||
}) {}
|
||||
|
||||
export namespace LanguageModelCompatibility {
|
||||
|
||||
@@ -66,7 +66,7 @@ describe("request option precedence", () => {
|
||||
expect(prepared.body).toMatchObject({
|
||||
model: "gpt-4o-mini",
|
||||
stream: true,
|
||||
max_tokens: 30,
|
||||
max_completion_tokens: 30,
|
||||
temperature: 0.5,
|
||||
top_p: 0.9,
|
||||
frequency_penalty: 0.25,
|
||||
|
||||
+9
-3
@@ -7,7 +7,13 @@
|
||||
"route": "cloudflare-workers-ai",
|
||||
"transport": "http",
|
||||
"model": "@cf/openai/gpt-oss-20b",
|
||||
"tags": ["prefix:cloudflare-workers-ai", "provider:cloudflare-workers-ai", "tool", "tool-call", "golden"]
|
||||
"tags": [
|
||||
"prefix:cloudflare-workers-ai",
|
||||
"provider:cloudflare-workers-ai",
|
||||
"tool",
|
||||
"tool-call",
|
||||
"golden"
|
||||
]
|
||||
},
|
||||
"interactions": [
|
||||
{
|
||||
@@ -18,7 +24,7 @@
|
||||
"headers": {
|
||||
"content-type": "application/json"
|
||||
},
|
||||
"body": "{\"model\":\"@cf/openai/gpt-oss-20b\",\"messages\":[{\"role\":\"system\",\"content\":\"Call tools exactly as requested.\"},{\"role\":\"user\",\"content\":\"Call get_weather with city exactly Paris.\"}],\"tools\":[{\"type\":\"function\",\"function\":{\"name\":\"get_weather\",\"description\":\"Get current weather for a city.\",\"parameters\":{\"type\":\"object\",\"properties\":{\"city\":{\"type\":\"string\"}},\"required\":[\"city\"],\"additionalProperties\":false}}}],\"tool_choice\":{\"type\":\"function\",\"function\":{\"name\":\"get_weather\"}},\"stream\":true,\"stream_options\":{\"include_usage\":true},\"max_tokens\":120,\"temperature\":0}"
|
||||
"body": "{\"model\": \"@cf/openai/gpt-oss-20b\", \"messages\": [{\"role\": \"system\", \"content\": \"Call tools exactly as requested.\"}, {\"role\": \"user\", \"content\": \"Call get_weather with city exactly Paris.\"}], \"tools\": [{\"type\": \"function\", \"function\": {\"name\": \"get_weather\", \"description\": \"Get current weather for a city.\", \"parameters\": {\"type\": \"object\", \"properties\": {\"city\": {\"type\": \"string\"}}, \"required\": [\"city\"], \"additionalProperties\": false}, \"strict\": false}}], \"tool_choice\": {\"type\": \"function\", \"function\": {\"name\": \"get_weather\"}}, \"stream\": true, \"stream_options\": {\"include_usage\": true}, \"max_tokens\": 120, \"temperature\": 0}"
|
||||
},
|
||||
"response": {
|
||||
"status": 200,
|
||||
@@ -29,4 +35,4 @@
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
+5
-5
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,43 @@
|
||||
import { describe, expect, test } from "bun:test"
|
||||
import { Allow, MalformedJSON, PartialJSON, parse } from "../src/protocols/utils/partial-json.js"
|
||||
|
||||
describe("partial JSON", () => {
|
||||
test("parses complete JSON", () => {
|
||||
expect(parse('{"key":"value","items":[1,true,null]}')).toEqual({
|
||||
key: "value",
|
||||
items: [1, true, null],
|
||||
})
|
||||
|
||||
const object = parse('{"__proto__":{"safe":true}}') as Record<string, unknown>
|
||||
expect(Object.hasOwn(object, "__proto__")).toBe(true)
|
||||
})
|
||||
|
||||
test("parses partial strings", () => {
|
||||
expect(parse('"hello')).toBe("hello")
|
||||
expect(parse('"hello \\u12')).toBe("hello ")
|
||||
expect(() => parse('"hello', ~Allow.STR)).toThrow(PartialJSON)
|
||||
})
|
||||
|
||||
test("controls partial collection values independently", () => {
|
||||
expect(parse('["', Allow.ARR)).toEqual([])
|
||||
expect(parse('["', Allow.ARR | Allow.STR)).toEqual([""])
|
||||
expect(parse('{"key":"', Allow.OBJ)).toEqual({})
|
||||
expect(parse('{"key":"', Allow.OBJ | Allow.STR)).toEqual({ key: "" })
|
||||
})
|
||||
|
||||
test("parses partial literals and numbers", () => {
|
||||
expect(parse("nu", Allow.NULL)).toBeNull()
|
||||
expect(parse("tr", Allow.BOOL)).toBe(true)
|
||||
expect(parse("fa", Allow.BOOL)).toBe(false)
|
||||
expect(parse("1e", Allow.NUM)).toBe(1)
|
||||
})
|
||||
|
||||
test("distinguishes disallowed partial values from malformed values", () => {
|
||||
expect(() => parse("[", Allow.STR)).toThrow(PartialJSON)
|
||||
expect(() => parse("n", ~Allow.NULL)).toThrow(MalformedJSON)
|
||||
})
|
||||
|
||||
test("rejects empty input", () => {
|
||||
expect(() => parse(" ")).toThrow("is empty")
|
||||
})
|
||||
})
|
||||
@@ -18,6 +18,15 @@ const opus48 = AnthropicMessages.route
|
||||
.with({ endpoint: { baseURL: "https://api.anthropic.test/v1/" }, auth: Auth.header("x-api-key", "test") })
|
||||
.model({ id: "claude-opus-4-8" })
|
||||
|
||||
const compileUnsignedReasoning = (model: LLMRequest["model"]) =>
|
||||
compileRequest(
|
||||
LLM.request({
|
||||
model,
|
||||
messages: [Message.assistant([{ type: "reasoning", text: "unsigned reasoning" }])],
|
||||
cache: "none",
|
||||
}),
|
||||
)
|
||||
|
||||
const request = LLM.request({
|
||||
id: "req_1",
|
||||
model,
|
||||
@@ -564,6 +573,66 @@ describe("Anthropic Messages route", () => {
|
||||
}),
|
||||
)
|
||||
|
||||
it.effect("demotes unsigned reasoning when signatures are required", () =>
|
||||
Effect.gen(function* () {
|
||||
const prepared = yield* compileUnsignedReasoning(model)
|
||||
|
||||
expect(prepared.body.messages).toEqual([
|
||||
{ role: "assistant", content: [{ type: "text", text: "unsigned reasoning" }] },
|
||||
])
|
||||
}),
|
||||
)
|
||||
|
||||
it.effect("infers empty-signature compatibility across Kimi providers", () =>
|
||||
Effect.gen(function* () {
|
||||
const coding = AnthropicMessages.route
|
||||
.with({
|
||||
provider: "kimi-for-coding",
|
||||
endpoint: { baseURL: "https://compatible.test/v1/" },
|
||||
auth: Auth.header("x-api-key", "test"),
|
||||
})
|
||||
const moonshot = AnthropicMessages.route
|
||||
.with({
|
||||
provider: "moonshotai",
|
||||
endpoint: { baseURL: "https://api.moonshot.ai/anthropic" },
|
||||
auth: Auth.bearer("test"),
|
||||
})
|
||||
.model({ id: "kimi-k2.6" })
|
||||
const codingPrepared = yield* compileUnsignedReasoning(coding.model({ id: "k3" }))
|
||||
const moonshotPrepared = yield* compileUnsignedReasoning(moonshot)
|
||||
|
||||
expect(codingPrepared.body.messages).toEqual([
|
||||
{
|
||||
role: "assistant",
|
||||
content: [{ type: "thinking", thinking: "unsigned reasoning", signature: "" }],
|
||||
},
|
||||
])
|
||||
expect(moonshotPrepared.body.messages).toEqual([
|
||||
{
|
||||
role: "assistant",
|
||||
content: [{ type: "thinking", thinking: "unsigned reasoning", signature: "" }],
|
||||
},
|
||||
])
|
||||
}),
|
||||
)
|
||||
|
||||
it.effect("lets an explicit signature requirement override inference", () =>
|
||||
Effect.gen(function* () {
|
||||
const compatible = AnthropicMessages.route
|
||||
.with({
|
||||
provider: "kimi-for-coding",
|
||||
endpoint: { baseURL: "https://api.kimi.com/coding/v1/" },
|
||||
auth: Auth.header("x-api-key", "test"),
|
||||
})
|
||||
.model({ id: "k3", compatibility: { requireSignature: true } })
|
||||
const prepared = yield* compileUnsignedReasoning(compatible)
|
||||
|
||||
expect(prepared.body.messages).toEqual([
|
||||
{ role: "assistant", content: [{ type: "text", text: "unsigned reasoning" }] },
|
||||
])
|
||||
}),
|
||||
)
|
||||
|
||||
it.effect("round-trips redacted thinking as redacted_thinking blocks", () =>
|
||||
Effect.gen(function* () {
|
||||
const prepared = yield* compileRequest(
|
||||
|
||||
@@ -906,6 +906,54 @@ describe("Gemini route", () => {
|
||||
}),
|
||||
)
|
||||
|
||||
it.effect("ignores unknown response parts", () =>
|
||||
Effect.gen(function* () {
|
||||
const response = yield* LLMClient.generate(request).pipe(
|
||||
Effect.provide(
|
||||
fixedResponse(
|
||||
sseEvents({
|
||||
candidates: [
|
||||
{
|
||||
content: {
|
||||
role: "model",
|
||||
parts: [
|
||||
{ text: "Hello " },
|
||||
{ executableCode: { language: "PYTHON", code: "print('ignored')" } },
|
||||
{ text: "world" },
|
||||
],
|
||||
},
|
||||
finishReason: "STOP",
|
||||
},
|
||||
],
|
||||
}),
|
||||
),
|
||||
),
|
||||
)
|
||||
|
||||
expect(response.text).toBe("Hello world")
|
||||
expect(response.finishReason).toEqual({ normalized: "stop", raw: "STOP" })
|
||||
}),
|
||||
)
|
||||
|
||||
it.effect("rejects malformed recognized response parts", () =>
|
||||
Effect.gen(function* () {
|
||||
const error = yield* LLMClient.generate(request).pipe(
|
||||
Effect.provide(
|
||||
fixedResponse(
|
||||
sseEvents({
|
||||
candidates: [{ content: { role: "model", parts: [{ text: 42 }] } }],
|
||||
}),
|
||||
),
|
||||
),
|
||||
Effect.flip,
|
||||
)
|
||||
|
||||
expect(error).toBeInstanceOf(AIError)
|
||||
expect(error.reason).toMatchObject({ _tag: "InvalidProviderOutput" })
|
||||
expect(error.message).toContain("Invalid google/gemini stream event")
|
||||
}),
|
||||
)
|
||||
|
||||
it.effect("preserves thoughtSignature for reasoning and tool-call continuation", () =>
|
||||
Effect.gen(function* () {
|
||||
const body = sseEvents({
|
||||
|
||||
@@ -47,7 +47,7 @@ describe("OpenAI Chat route", () => {
|
||||
Effect.gen(function* () {
|
||||
const prepared = yield* compileRequest(request)
|
||||
|
||||
expect(prepared.body).toEqual({
|
||||
expect(prepared.body).toMatchObject({
|
||||
model: "gpt-4o-mini",
|
||||
messages: [
|
||||
{ role: "system", content: "You are concise." },
|
||||
@@ -55,7 +55,8 @@ describe("OpenAI Chat route", () => {
|
||||
],
|
||||
stream: true,
|
||||
stream_options: { include_usage: true },
|
||||
max_tokens: 20,
|
||||
store: false,
|
||||
max_completion_tokens: 20,
|
||||
temperature: 0,
|
||||
})
|
||||
}),
|
||||
@@ -325,7 +326,7 @@ describe("OpenAI Chat route", () => {
|
||||
}),
|
||||
)
|
||||
|
||||
expect(prepared.body).toEqual({
|
||||
expect(prepared.body).toMatchObject({
|
||||
model: "gpt-4o-mini",
|
||||
messages: [
|
||||
{ role: "user", content: "What is the weather?" },
|
||||
@@ -345,6 +346,7 @@ describe("OpenAI Chat route", () => {
|
||||
tools: [],
|
||||
stream: true,
|
||||
stream_options: { include_usage: true },
|
||||
store: false,
|
||||
})
|
||||
}),
|
||||
)
|
||||
|
||||
@@ -70,7 +70,7 @@ describe("OpenAI-compatible Chat route", () => {
|
||||
baseURL: "https://api.deepseek.test/v1/",
|
||||
query: { "api-version": "2026-01-01" },
|
||||
})
|
||||
expect(prepared.body).toEqual({
|
||||
expect(prepared.body).toMatchObject({
|
||||
model: "deepseek-chat",
|
||||
messages: [
|
||||
{ role: "system", content: "You are concise." },
|
||||
@@ -79,7 +79,7 @@ describe("OpenAI-compatible Chat route", () => {
|
||||
tools: [
|
||||
{
|
||||
type: "function",
|
||||
function: { name: "lookup", description: "Lookup data", parameters: { type: "object" } },
|
||||
function: { name: "lookup", description: "Lookup data", parameters: { type: "object" }, strict: false },
|
||||
},
|
||||
],
|
||||
tool_choice: "required",
|
||||
@@ -130,7 +130,7 @@ describe("OpenAI-compatible Chat route", () => {
|
||||
Effect.gen(function* () {
|
||||
const prepared = yield* compileRequest(request)
|
||||
|
||||
expect(prepared.body).toEqual({
|
||||
expect(prepared.body).toMatchObject({
|
||||
model: "deepseek-chat",
|
||||
messages: [
|
||||
{ role: "system", content: "You are concise." },
|
||||
@@ -158,6 +158,29 @@ describe("OpenAI-compatible Chat route", () => {
|
||||
}),
|
||||
)
|
||||
|
||||
it.effect("enables ZAI tool streaming except for GLM 4.5 models", () =>
|
||||
Effect.gen(function* () {
|
||||
const prepare = (provider: string, baseURL: string, id: string) =>
|
||||
compileRequest(
|
||||
LLM.request({
|
||||
model: OpenAICompatibleChat.route.with({ provider, endpoint: { baseURL } }).model({ id }),
|
||||
prompt: "Use a tool.",
|
||||
tools: [ToolDefinition.make({ name: "lookup", description: "Lookup data", inputSchema: {} })],
|
||||
}),
|
||||
)
|
||||
|
||||
const current = yield* prepare("zai", "https://api.z.ai/api/paas/v4", "glm-4.7")
|
||||
expect(current.body).toMatchObject({ tool_stream: true })
|
||||
|
||||
const legacy = yield* Effect.all(
|
||||
["glm-4.5", "glm-4.5-air", "glm-4.5-flash", "glm-4.5v"].map((id) =>
|
||||
prepare("zhipuai", "https://open.bigmodel.cn/api/paas/v4", id),
|
||||
),
|
||||
)
|
||||
legacy.forEach((item) => expect(item.body).not.toHaveProperty("tool_stream"))
|
||||
}),
|
||||
)
|
||||
|
||||
it.effect("matches AI SDK compatible tool request body fixture", () =>
|
||||
Effect.gen(function* () {
|
||||
const prepared = yield* compileRequest(
|
||||
@@ -180,7 +203,7 @@ describe("OpenAI-compatible Chat route", () => {
|
||||
}),
|
||||
)
|
||||
|
||||
expect(prepared.body).toEqual({
|
||||
expect(prepared.body).toMatchObject({
|
||||
model: "deepseek-chat",
|
||||
messages: [
|
||||
{ role: "user", content: "What is the weather?" },
|
||||
@@ -204,6 +227,7 @@ describe("OpenAI-compatible Chat route", () => {
|
||||
name: "lookup",
|
||||
description: "Lookup data",
|
||||
parameters: { type: "object", properties: { query: { type: "string" } }, required: ["query"] },
|
||||
strict: false,
|
||||
},
|
||||
},
|
||||
],
|
||||
|
||||
@@ -132,6 +132,40 @@ describe("Open Responses-compatible route", () => {
|
||||
}),
|
||||
)
|
||||
|
||||
it.effect("lowers canonical parallel tool control", () =>
|
||||
Effect.gen(function* () {
|
||||
const model = configure({
|
||||
apiKey: "test-key",
|
||||
baseURL: "https://responses.example.test/v1",
|
||||
}).model("example-model")
|
||||
const prepared = yield* compileRequest(
|
||||
LLM.request({
|
||||
model,
|
||||
prompt: "Read the file.",
|
||||
tools: [
|
||||
ToolDefinition.make({
|
||||
name: "read",
|
||||
description: "Read a file.",
|
||||
inputSchema: { type: "object" },
|
||||
}),
|
||||
],
|
||||
toolChoice: { type: "auto", disableParallelToolUse: true },
|
||||
}),
|
||||
)
|
||||
|
||||
expect(prepared.body.parallel_tool_calls).toBe(false)
|
||||
expect(prepared.body.tools).toEqual([
|
||||
{
|
||||
type: "function",
|
||||
name: "read",
|
||||
description: "Read a file.",
|
||||
parameters: { type: "object" },
|
||||
strict: false,
|
||||
},
|
||||
])
|
||||
}),
|
||||
)
|
||||
|
||||
it.effect("keeps foreign item id grammars but drops malformed ids", () =>
|
||||
Effect.gen(function* () {
|
||||
const model = configure({
|
||||
|
||||
@@ -258,6 +258,31 @@ describe("OpenAI Responses route", () => {
|
||||
}),
|
||||
)
|
||||
|
||||
it.effect("maps the canonical parallel tool setting with provider-option precedence", () =>
|
||||
Effect.gen(function* () {
|
||||
const disabled = yield* compileRequest(
|
||||
LLMRequest.update(request, {
|
||||
toolChoice: { type: "auto", disableParallelToolUse: true },
|
||||
}),
|
||||
)
|
||||
const enabled = yield* compileRequest(
|
||||
LLMRequest.update(request, {
|
||||
toolChoice: { type: "auto", disableParallelToolUse: false },
|
||||
}),
|
||||
)
|
||||
const overridden = yield* compileRequest(
|
||||
LLMRequest.update(request, {
|
||||
toolChoice: { type: "auto", disableParallelToolUse: true },
|
||||
providerOptions: { parallelToolCalls: true },
|
||||
}),
|
||||
)
|
||||
|
||||
expect(disabled.body.parallel_tool_calls).toBe(false)
|
||||
expect(enabled.body.parallel_tool_calls).toBe(true)
|
||||
expect(overridden.body.parallel_tool_calls).toBe(true)
|
||||
}),
|
||||
)
|
||||
|
||||
it.effect("lowers chronological system updates to developer messages in order", () =>
|
||||
Effect.gen(function* () {
|
||||
const prepared = yield* compileRequest(
|
||||
|
||||
@@ -101,7 +101,7 @@ describe("LLMClient tools", () => {
|
||||
const messages = Reflect.get(second, "messages")
|
||||
const tools = Reflect.get(second, "tools")
|
||||
|
||||
expect(Reflect.get(second, "max_tokens")).toBe(50)
|
||||
expect(Reflect.get(second, "max_completion_tokens")).toBe(50)
|
||||
expect(Reflect.get(second, "tool_choice")).toBe("auto")
|
||||
expect(tools).toHaveLength(1)
|
||||
expect(
|
||||
|
||||
@@ -20,45 +20,47 @@ const messages = [
|
||||
},
|
||||
{ id: "msg_second", type: "user", text: "Second prompt", time: { created: 4 } },
|
||||
] satisfies SessionMessageInfo[]
|
||||
const session = {
|
||||
id: sessionID,
|
||||
slug: "session-message-revert",
|
||||
projectID,
|
||||
directory,
|
||||
title: "Session message revert",
|
||||
agent: "build",
|
||||
model: { id: "test", providerID: "opencode" },
|
||||
version: "dev",
|
||||
time: { created: 1, updated: 4 },
|
||||
}
|
||||
const fixture = {
|
||||
directory,
|
||||
project: {
|
||||
id: projectID,
|
||||
worktree: directory,
|
||||
canonical: directory,
|
||||
vcs: "git",
|
||||
name: "session-message-revert",
|
||||
time: { created: 1, updated: 1 },
|
||||
sandboxes: [],
|
||||
},
|
||||
provider: {
|
||||
all: [
|
||||
{
|
||||
id: "opencode",
|
||||
name: "OpenCode",
|
||||
models: { test: { id: "test", name: "Test", variants: {}, limit: { context: 200_000 } } },
|
||||
},
|
||||
],
|
||||
connected: ["opencode"],
|
||||
default: { providerID: "opencode", modelID: "test" },
|
||||
},
|
||||
pageMessages: () => ({ items: messages }),
|
||||
}
|
||||
|
||||
test("reverts directly to the selected user message", async ({ page }) => {
|
||||
const staged: { sessionID: string; messageID: string }[] = []
|
||||
await mockOpenCodeServer(page, {
|
||||
directory,
|
||||
project: {
|
||||
id: projectID,
|
||||
worktree: directory,
|
||||
canonical: directory,
|
||||
vcs: "git",
|
||||
name: "session-message-revert",
|
||||
time: { created: 1, updated: 1 },
|
||||
sandboxes: [],
|
||||
},
|
||||
provider: {
|
||||
all: [
|
||||
{
|
||||
id: "opencode",
|
||||
name: "OpenCode",
|
||||
models: { test: { id: "test", name: "Test", variants: {}, limit: { context: 200_000 } } },
|
||||
},
|
||||
],
|
||||
connected: ["opencode"],
|
||||
default: { providerID: "opencode", modelID: "test" },
|
||||
},
|
||||
sessions: [
|
||||
{
|
||||
id: sessionID,
|
||||
slug: "session-message-revert",
|
||||
projectID,
|
||||
directory,
|
||||
title: "Session message revert",
|
||||
agent: "build",
|
||||
model: { id: "test", providerID: "opencode" },
|
||||
version: "dev",
|
||||
time: { created: 1, updated: 4 },
|
||||
},
|
||||
],
|
||||
pageMessages: () => ({ items: messages }),
|
||||
...fixture,
|
||||
sessions: [session],
|
||||
onRevertStage: (input) => staged.push(input),
|
||||
})
|
||||
await page.goto(`/server/${base64Encode(server)}/session/${sessionID}`)
|
||||
@@ -77,3 +79,19 @@ test("reverts directly to the selected user message", async ({ page }) => {
|
||||
await expect(page.getByRole("textbox", { name: "Prompt" })).toHaveText("Second prompt")
|
||||
expect(staged).toEqual([{ sessionID, messageID: "msg_second" }])
|
||||
})
|
||||
|
||||
test("hides revert actions in a child session", async ({ page }) => {
|
||||
await mockOpenCodeServer(page, {
|
||||
...fixture,
|
||||
sessions: [
|
||||
{ ...session, id: "ses_parent", slug: "parent", title: "Parent session" },
|
||||
{ ...session, parentID: "ses_parent" },
|
||||
],
|
||||
})
|
||||
await page.goto(`/server/${base64Encode(server)}/session/${sessionID}`)
|
||||
await expectSessionTitle(page, "Session message revert")
|
||||
|
||||
const message = page.locator('[data-message-id="msg_second"]')
|
||||
await message.hover()
|
||||
await expect(message.getByRole("button", { name: "Revert message" })).toHaveCount(0)
|
||||
})
|
||||
|
||||
@@ -126,6 +126,8 @@ test("routes typing to the composer unless the open terminal is focused", async
|
||||
|
||||
const composer = page.locator('[data-component="composer-editor"]')
|
||||
const terminal = page.locator('[data-component="terminal"]')
|
||||
await composer.click()
|
||||
await expect(composer).toBeFocused()
|
||||
await page.keyboard.press("Control+Backquote")
|
||||
await expect(terminal).toBeVisible()
|
||||
await expect.poll(() => terminal.evaluate((element) => element.contains(document.activeElement))).toBe(true)
|
||||
|
||||
@@ -274,15 +274,8 @@ async function sendCommand(
|
||||
const request = await buildSubmissionRequest(session, value)
|
||||
await session.api.command({
|
||||
sessionID: session.id,
|
||||
id: value.id,
|
||||
command: command.command,
|
||||
arguments: command.arguments,
|
||||
agent: value.selection.agent,
|
||||
model: {
|
||||
id: value.selection.model.modelID,
|
||||
providerID: value.selection.model.providerID,
|
||||
variant: value.selection.variant,
|
||||
},
|
||||
text: command.arguments,
|
||||
files: request.files.map((file) => ({ uri: file.uri, name: file.name, mention: file.mention })),
|
||||
agents: request.agents,
|
||||
skills: request.skills,
|
||||
|
||||
@@ -4,6 +4,17 @@ export { useCommand } from "./shell/commands/command"
|
||||
export { currentRoute, type LayoutRoute, useCurrentRoute } from "./shell/state/layout"
|
||||
export { loadLocaleDict, normalizeLocale, type Locale, useLanguage } from "./runtime/i18n/language"
|
||||
export { type FatalRendererErrorLog, type Platform, PlatformProvider } from "./runtime/platform/platform"
|
||||
export type {
|
||||
BrowserPaneBinding,
|
||||
BrowserPaneBounds,
|
||||
BrowserPaneCommand,
|
||||
BrowserPaneEndpoint,
|
||||
BrowserPaneLayout,
|
||||
BrowserPanePlatform,
|
||||
BrowserPaneRegistration,
|
||||
BrowserPaneState,
|
||||
BrowserPaneTarget,
|
||||
} from "./runtime/platform/browser-pane"
|
||||
export { ServerConnection, useServers } from "./runtime/server/registry"
|
||||
export { useTabs } from "./shell/tabs/tabs"
|
||||
export { createDraftStore } from "./runtime/persistence/drafts"
|
||||
|
||||
@@ -60,6 +60,7 @@ export const dict = {
|
||||
"command.terminal.toggle": "Toggle terminal",
|
||||
"command.fileTree.toggle": "Toggle file tree",
|
||||
"command.review.toggle": "Toggle review",
|
||||
"command.browser.toggle": "Toggle browser",
|
||||
"command.terminal.new": "New terminal",
|
||||
"command.terminal.new.description": "Create a new terminal tab",
|
||||
"command.steps.toggle": "Toggle steps",
|
||||
@@ -785,6 +786,10 @@ export const dict = {
|
||||
"PTY connect ticket rejected by origin or CSRF checks. Check the server CORS config.",
|
||||
"terminal.connectTicket.statusError": "PTY connect ticket failed with {{status}}",
|
||||
|
||||
"session.browser.address": "Browser address",
|
||||
"session.browser.address.placeholder": "Enter a URL",
|
||||
"session.browser.close": "Close browser",
|
||||
|
||||
"titlebar.update": "Update",
|
||||
"titlebar.updateVersion": "Update {{version}}",
|
||||
|
||||
@@ -945,6 +950,8 @@ export const dict = {
|
||||
"settings.general.row.uiFont.description": "Customise the font used throughout the interface",
|
||||
"settings.general.row.showFileTree.title": "File tree",
|
||||
"settings.general.row.showFileTree.description": "Show the file tree panel in sessions",
|
||||
"settings.general.row.browserPane.title": "Browser pane",
|
||||
"settings.general.row.browserPane.description": "Allow agents to open and control an in-app development browser.",
|
||||
"settings.general.row.showNavigation.title": "Navigation controls",
|
||||
"settings.general.row.showNavigation.description": "Show the back and forward buttons in the desktop title bar",
|
||||
"settings.general.row.showSearch.title": "Command palette",
|
||||
@@ -1123,6 +1130,9 @@ export const dict = {
|
||||
"settings.permissions.tool.webfetch.description": "Fetch content from a URL",
|
||||
"settings.permissions.tool.websearch.title": "Web Search",
|
||||
"settings.permissions.tool.websearch.description": "Search the web",
|
||||
"settings.permissions.tool.browser_read.description": "Read pages and capture screenshots in the browser",
|
||||
"settings.permissions.tool.browser_navigate.description": "Navigate the browser to a URL",
|
||||
"settings.permissions.tool.browser_interact.description": "Click, type, and interact with pages in the browser",
|
||||
"settings.permissions.tool.external_directory.title": "External Directory",
|
||||
"settings.permissions.tool.external_directory.description": "Access files outside the project directory",
|
||||
"settings.permissions.tool.doom_loop.title": "Doom Loop",
|
||||
|
||||
@@ -0,0 +1,33 @@
|
||||
import { describe, expect, test } from "bun:test"
|
||||
import { browserPaneAvailable, createBrowserPaneBinding } from "./browser-pane"
|
||||
|
||||
describe("browser pane availability", () => {
|
||||
const available = {
|
||||
platform: true,
|
||||
enabled: true,
|
||||
ready: true,
|
||||
renderable: true,
|
||||
sessionID: "session-a",
|
||||
supported: true,
|
||||
}
|
||||
|
||||
test("requires a supported platform, hydrated preference, renderable viewport, and session", () => {
|
||||
expect(browserPaneAvailable(available)).toBe(true)
|
||||
expect(browserPaneAvailable({ ...available, platform: false })).toBe(false)
|
||||
expect(browserPaneAvailable({ ...available, enabled: false })).toBe(false)
|
||||
expect(browserPaneAvailable({ ...available, ready: false })).toBe(false)
|
||||
expect(browserPaneAvailable({ ...available, renderable: false })).toBe(false)
|
||||
expect(browserPaneAvailable({ ...available, sessionID: undefined })).toBe(false)
|
||||
expect(browserPaneAvailable({ ...available, supported: false })).toBe(false)
|
||||
})
|
||||
|
||||
test("gives each registration its own binding while preserving server credentials", () => {
|
||||
const endpoint = { url: "http://localhost:4096", username: "user", password: "secret" }
|
||||
const first = createBrowserPaneBinding({ sessionID: "session-a", endpoint })
|
||||
const second = createBrowserPaneBinding({ sessionID: "session-a", endpoint })
|
||||
|
||||
expect(first.sessionID).toBe("session-a")
|
||||
expect(first.endpoint).toBe(endpoint)
|
||||
expect(first.bindingID).not.toBe(second.bindingID)
|
||||
})
|
||||
})
|
||||
@@ -0,0 +1,59 @@
|
||||
export type BrowserPaneTarget = Readonly<{ sessionID: string }>
|
||||
|
||||
export type BrowserPaneEndpoint = Readonly<{ url: string; username?: string; password?: string }>
|
||||
|
||||
export type BrowserPaneBinding = BrowserPaneTarget & Readonly<{ bindingID: string; endpoint: BrowserPaneEndpoint }>
|
||||
|
||||
export type BrowserPaneBounds = { x: number; y: number; width: number; height: number }
|
||||
|
||||
export type BrowserPaneLayout = {
|
||||
visible: boolean
|
||||
bounds?: BrowserPaneBounds
|
||||
}
|
||||
|
||||
export type BrowserPaneCommand =
|
||||
| { type: "navigate"; url: string }
|
||||
| { type: "back" }
|
||||
| { type: "forward" }
|
||||
| { type: "reload" }
|
||||
| { type: "stop" }
|
||||
|
||||
export type BrowserPaneState = {
|
||||
url: string
|
||||
title: string
|
||||
loading: boolean
|
||||
canGoBack: boolean
|
||||
canGoForward: boolean
|
||||
error?: string
|
||||
ready?: boolean
|
||||
}
|
||||
|
||||
export type BrowserPaneRegistration = {
|
||||
setLayout(layout?: BrowserPaneLayout): void
|
||||
command(command: BrowserPaneCommand): Promise<void>
|
||||
subscribe(listener: (state: BrowserPaneState) => void): Promise<() => void>
|
||||
close(): void
|
||||
}
|
||||
|
||||
export type BrowserPanePlatform = {
|
||||
register(binding: BrowserPaneBinding, onOpen: () => void): BrowserPaneRegistration
|
||||
}
|
||||
|
||||
export function browserPaneAvailable(input: {
|
||||
platform: boolean
|
||||
enabled: boolean
|
||||
ready: boolean
|
||||
renderable: boolean
|
||||
sessionID?: string
|
||||
supported: boolean
|
||||
}) {
|
||||
return input.platform && input.enabled && input.ready && input.renderable && !!input.sessionID && input.supported
|
||||
}
|
||||
|
||||
export function createBrowserPaneBinding(input: BrowserPaneTarget & { endpoint: BrowserPaneEndpoint }) {
|
||||
return {
|
||||
sessionID: input.sessionID,
|
||||
bindingID: globalThis.crypto.randomUUID(),
|
||||
endpoint: input.endpoint,
|
||||
} satisfies BrowserPaneBinding
|
||||
}
|
||||
@@ -6,6 +6,7 @@ import { ServerConnection } from "@/runtime/server/registry"
|
||||
import type { WslServersPlatform } from "@/servers/wsl/types"
|
||||
import type { UpdaterPlatform } from "@/shell/updates/types"
|
||||
import type { DraftStore } from "@/runtime/persistence/drafts"
|
||||
import type { BrowserPanePlatform } from "./browser-pane"
|
||||
|
||||
type PickerPaths = string | string[] | null
|
||||
type OpenDirectoryPickerOptions = { title?: string; multiple?: boolean }
|
||||
@@ -115,6 +116,9 @@ type PlatformBase = {
|
||||
|
||||
/** Record a fatal renderer error in platform logs (desktop only) */
|
||||
recordFatalRendererError?(error: FatalRendererErrorLog): Promise<void>
|
||||
|
||||
/** Native browser pane hosted by the platform (desktop only). */
|
||||
browserPane?: BrowserPanePlatform
|
||||
}
|
||||
|
||||
export type Platform = PlatformBase &
|
||||
|
||||
@@ -0,0 +1,71 @@
|
||||
import { createEffect, createMemo, onCleanup } from "solid-js"
|
||||
import { createStore } from "solid-js/store"
|
||||
import {
|
||||
browserPaneAvailable,
|
||||
createBrowserPaneBinding,
|
||||
type BrowserPaneRegistration,
|
||||
} from "@/runtime/platform/browser-pane"
|
||||
import { usePlatform } from "@/runtime/platform/platform"
|
||||
import { useServer } from "@/runtime/server/current"
|
||||
import { useSettings } from "@/settings/model"
|
||||
import { useLayout } from "@/shell/state/layout"
|
||||
import type { SessionModel } from "../model"
|
||||
|
||||
export function createSessionBrowser(session: SessionModel) {
|
||||
const platform = usePlatform()
|
||||
const settings = useSettings()
|
||||
const server = useServer()
|
||||
const layout = useLayout()
|
||||
const [state, setState] = createStore({
|
||||
opened: false,
|
||||
registration: undefined as BrowserPaneRegistration | undefined,
|
||||
})
|
||||
const available = createMemo(() =>
|
||||
browserPaneAvailable({
|
||||
platform: !!platform.browserPane,
|
||||
enabled: settings.general.experimentalBrowser(),
|
||||
ready: settings.ready(),
|
||||
renderable: session.isDesktop(),
|
||||
sessionID: session.identity.sessionID(),
|
||||
supported: !server.health?.incompatible,
|
||||
}),
|
||||
)
|
||||
const binding = createMemo(() => {
|
||||
const sessionID = session.identity.sessionID()
|
||||
if (!available() || !sessionID) return undefined
|
||||
return createBrowserPaneBinding({ sessionID, endpoint: server.conn.http })
|
||||
})
|
||||
|
||||
const open = () => {
|
||||
session.layout.view().reviewPanel.close()
|
||||
layout.fileTree.close()
|
||||
setState("opened", true)
|
||||
}
|
||||
|
||||
createEffect(() => {
|
||||
const current = binding()
|
||||
if (!current || !platform.browserPane) {
|
||||
setState({ opened: false, registration: undefined })
|
||||
return
|
||||
}
|
||||
|
||||
const owner = session.ownership.capture()
|
||||
const registration = platform.browserPane.register(current, () => owner.run(open))
|
||||
setState({ opened: false, registration })
|
||||
onCleanup(() => registration.close())
|
||||
})
|
||||
|
||||
createEffect(() => {
|
||||
if (!state.opened) return
|
||||
if (!session.layout.view().reviewPanel.opened() && !layout.fileTree.opened()) return
|
||||
setState("opened", false)
|
||||
})
|
||||
|
||||
return {
|
||||
available,
|
||||
opened: () => state.opened,
|
||||
registration: () => (state.opened ? state.registration : undefined),
|
||||
close: () => setState("opened", false),
|
||||
toggle: () => (state.opened ? setState("opened", false) : open()),
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,169 @@
|
||||
import { Button } from "@opencode-ai/ui/button"
|
||||
import { Icon } from "@opencode-ai/ui/icon"
|
||||
import { Spinner } from "@opencode-ai/ui/spinner"
|
||||
import { useDialog } from "@opencode-ai/ui/context/dialog"
|
||||
import { createEffect, onCleanup, onMount, Show } from "solid-js"
|
||||
import { createStore } from "solid-js/store"
|
||||
import { useLanguage } from "@/runtime/i18n/language"
|
||||
import type { BrowserPaneCommand, BrowserPaneRegistration } from "@/runtime/platform/browser-pane"
|
||||
import { usePlatform } from "@/runtime/platform/platform"
|
||||
|
||||
export function SessionBrowserPane(props: { registration: BrowserPaneRegistration; onClose: () => void }) {
|
||||
const platform = usePlatform()
|
||||
const language = useLanguage()
|
||||
const dialog = useDialog()
|
||||
const [store, setStore] = createStore({
|
||||
address: "",
|
||||
editing: false,
|
||||
visible: typeof document === "undefined" || document.visibilityState === "visible",
|
||||
error: undefined as string | undefined,
|
||||
state: { url: "", title: "", loading: false, canGoBack: false, canGoForward: false, ready: false },
|
||||
})
|
||||
let surface: HTMLDivElement | undefined
|
||||
let frame: number | undefined
|
||||
let layout: string | undefined
|
||||
let until = 0
|
||||
|
||||
const measure = () => {
|
||||
frame = undefined
|
||||
if (!surface) return
|
||||
const rect = surface.getBoundingClientRect()
|
||||
const zoom = platform.webviewZoom?.() ?? 1
|
||||
const left = Math.round(rect.left * zoom)
|
||||
const top = Math.round(rect.top * zoom)
|
||||
const right = Math.round(rect.right * zoom)
|
||||
const bottom = Math.round(rect.bottom * zoom)
|
||||
const visible = store.visible && !dialog.active
|
||||
const next = `${visible}:${left}:${top}:${right}:${bottom}`
|
||||
if (next !== layout) {
|
||||
layout = next
|
||||
props.registration.setLayout({
|
||||
visible,
|
||||
bounds: { x: left, y: top, width: Math.max(0, right - left), height: Math.max(0, bottom - top) },
|
||||
})
|
||||
}
|
||||
if (performance.now() < until) frame = requestAnimationFrame(measure)
|
||||
}
|
||||
|
||||
const schedule = (duration = 0) => {
|
||||
until = Math.max(until, performance.now() + duration)
|
||||
if (frame === undefined) frame = requestAnimationFrame(measure)
|
||||
}
|
||||
|
||||
const showError = (error: unknown) => {
|
||||
setStore("error", error instanceof Error ? error.message : language.t("common.requestFailed"))
|
||||
}
|
||||
|
||||
const command = (input: BrowserPaneCommand) => {
|
||||
setStore("error", undefined)
|
||||
void props.registration.command(input).catch(showError)
|
||||
}
|
||||
|
||||
createEffect(() => {
|
||||
platform.webviewZoom?.()
|
||||
dialog.active
|
||||
store.visible
|
||||
schedule(300)
|
||||
})
|
||||
|
||||
onMount(() => {
|
||||
const resize = new ResizeObserver(() => schedule())
|
||||
if (surface) resize.observe(surface)
|
||||
const onResize = () => schedule(300)
|
||||
const onVisibility = () => setStore("visible", document.visibilityState === "visible")
|
||||
const subscription = props.registration
|
||||
.subscribe((state) => {
|
||||
setStore("state", { ...state, ready: state.ready ?? true })
|
||||
setStore("error", state.error)
|
||||
if (!store.editing) setStore("address", state.url)
|
||||
})
|
||||
.catch((error: unknown) => {
|
||||
showError(error)
|
||||
return () => undefined
|
||||
})
|
||||
window.addEventListener("resize", onResize)
|
||||
document.addEventListener("visibilitychange", onVisibility)
|
||||
schedule(300)
|
||||
onCleanup(() => {
|
||||
resize.disconnect()
|
||||
window.removeEventListener("resize", onResize)
|
||||
document.removeEventListener("visibilitychange", onVisibility)
|
||||
if (frame !== undefined) cancelAnimationFrame(frame)
|
||||
void subscription.then((dispose) => dispose())
|
||||
props.registration.setLayout()
|
||||
})
|
||||
})
|
||||
|
||||
return (
|
||||
<aside
|
||||
id="browser-panel"
|
||||
class="relative size-full min-w-0 overflow-hidden rounded-[10px] bg-v2-background-bg-base shadow-[var(--v2-elevation-raised)] flex flex-col"
|
||||
>
|
||||
<div class="h-10 shrink-0 flex items-center gap-1 px-2 border-b border-v2-border-border-muted bg-v2-background-bg-layer-02">
|
||||
<Button
|
||||
variant="ghost"
|
||||
class="size-7 p-0"
|
||||
disabled={!store.state.ready || !store.state.canGoBack}
|
||||
aria-label={language.t("common.goBack")}
|
||||
onClick={() => command({ type: "back" })}
|
||||
>
|
||||
<Icon name="chevron-left" size="small" />
|
||||
</Button>
|
||||
<Button
|
||||
variant="ghost"
|
||||
class="size-7 p-0"
|
||||
disabled={!store.state.ready || !store.state.canGoForward}
|
||||
aria-label={language.t("common.goForward")}
|
||||
onClick={() => command({ type: "forward" })}
|
||||
>
|
||||
<Icon name="chevron-right" size="small" />
|
||||
</Button>
|
||||
<Button
|
||||
variant="ghost"
|
||||
class="size-7 p-0"
|
||||
disabled={!store.state.ready}
|
||||
aria-label={language.t(store.state.loading ? "prompt.action.stop" : "error.page.action.reload")}
|
||||
onClick={() => command(store.state.loading ? { type: "stop" } : { type: "reload" })}
|
||||
>
|
||||
<Show when={store.state.loading} fallback={<Icon name="reset" size="small" />}>
|
||||
<Spinner class="size-3" />
|
||||
</Show>
|
||||
</Button>
|
||||
<form
|
||||
class="min-w-0 flex-1"
|
||||
onSubmit={(event) => {
|
||||
event.preventDefault()
|
||||
if (store.address.trim()) command({ type: "navigate", url: store.address })
|
||||
}}
|
||||
>
|
||||
<input
|
||||
class="w-full h-7 px-2 rounded-md border border-v2-border-border-muted bg-v2-background-bg-base text-12-regular text-v2-text-text-base outline-none focus:border-v2-border-border-focus"
|
||||
value={store.address}
|
||||
disabled={!store.state.ready}
|
||||
placeholder={language.t("session.browser.address.placeholder")}
|
||||
aria-label={language.t("session.browser.address")}
|
||||
onFocus={() => setStore("editing", true)}
|
||||
onBlur={() => setStore({ editing: false, address: store.state.url })}
|
||||
onInput={(event) => setStore("address", event.currentTarget.value)}
|
||||
/>
|
||||
</form>
|
||||
<Button
|
||||
variant="ghost"
|
||||
class="size-7 p-0"
|
||||
aria-label={language.t("session.browser.close")}
|
||||
onClick={props.onClose}
|
||||
>
|
||||
<Icon name="close-small" size="small" />
|
||||
</Button>
|
||||
</div>
|
||||
<Show when={store.error}>
|
||||
{(error) => (
|
||||
<div class="shrink-0 px-3 py-1.5 text-12-regular text-text-danger-base border-b border-v2-border-border-muted">
|
||||
{error()}
|
||||
</div>
|
||||
)}
|
||||
</Show>
|
||||
<div ref={surface} class="min-h-0 flex-1 bg-v2-background-bg-base" />
|
||||
</aside>
|
||||
)
|
||||
}
|
||||
@@ -193,9 +193,9 @@ export const useSessionCommands = (actions: SessionCommandContext) => {
|
||||
}
|
||||
|
||||
const openTerminal = () => {
|
||||
actions.session.layout.view().terminal.open()
|
||||
if (terminal.all().length > 0) terminal.new({ focus: true })
|
||||
if (terminal.all().length === 0) terminal.requestFocus()
|
||||
actions.session.layout.view().terminal.open()
|
||||
}
|
||||
|
||||
const closeTerminal = () => {
|
||||
@@ -361,8 +361,8 @@ export const useSessionCommands = (actions: SessionCommandContext) => {
|
||||
actions.session.layout.view().terminal.close()
|
||||
return
|
||||
}
|
||||
terminal.requestFocus(terminal.active())
|
||||
actions.session.layout.view().terminal.open()
|
||||
terminal.requestFocus(terminal.active())
|
||||
},
|
||||
}),
|
||||
viewCommand({
|
||||
|
||||
@@ -37,7 +37,11 @@ export function createActiveComposerAdapter(input: {
|
||||
current: () => data.session.get(id),
|
||||
admitted: (messageID) => data.session.input.has(id, messageID) || !!data.session.message.get(id, messageID),
|
||||
}),
|
||||
interrupt: () => server.api.session.interrupt({ sessionID: id, continue: true }).catch(() => undefined),
|
||||
interrupt: () =>
|
||||
server.api.session
|
||||
.interrupt({ sessionID: id, continue: true })
|
||||
.then(() => undefined)
|
||||
.catch(() => undefined),
|
||||
}
|
||||
return adapter
|
||||
}
|
||||
|
||||
@@ -156,6 +156,7 @@ export function createActiveSessionRegion(input: {
|
||||
session: input.session,
|
||||
setActiveMessage: input.timeline.actions.setActiveMessage,
|
||||
})
|
||||
const revertMessage: NonNullable<SessionUserActions["revert"]> = ({ messageID }) => revert.to(messageID)
|
||||
useComposerCommands()
|
||||
useSessionCommands({
|
||||
session: input.session,
|
||||
@@ -178,7 +179,13 @@ export function createActiveSessionRegion(input: {
|
||||
|
||||
return {
|
||||
actions: {
|
||||
timeline: { revert: ({ messageID }) => revert.to(messageID), openAttachment } satisfies SessionUserActions,
|
||||
timeline: {
|
||||
get revert() {
|
||||
if (input.session.data.isChild()) return
|
||||
return revertMessage
|
||||
},
|
||||
openAttachment,
|
||||
} satisfies SessionUserActions,
|
||||
},
|
||||
region: {
|
||||
centered: input.screen.centered,
|
||||
|
||||
@@ -11,6 +11,7 @@ export type SessionHeaderActionsState = {
|
||||
reviewVisible: boolean
|
||||
reviewOpened: boolean
|
||||
onReviewToggle: () => void
|
||||
browser?: { label: string; opened: boolean; onToggle: () => void }
|
||||
}
|
||||
|
||||
export function SessionHeaderActions(props: { state: SessionHeaderActionsState }) {
|
||||
@@ -50,6 +51,24 @@ export function SessionHeaderActions(props: { state: SessionHeaderActionsState }
|
||||
/>
|
||||
</Tooltip>
|
||||
</Show>
|
||||
<Show when={props.state.browser}>
|
||||
{(browser) => (
|
||||
<Tooltip class="shrink-0" placement="bottom" value={browser().label}>
|
||||
<IconButton
|
||||
type="button"
|
||||
variant="ghost-muted"
|
||||
size="large"
|
||||
class="!w-9 shrink-0"
|
||||
state={browser().opened ? "pressed" : undefined}
|
||||
onClick={browser().onToggle}
|
||||
aria-label={browser().label}
|
||||
aria-expanded={browser().opened}
|
||||
aria-controls="browser-panel"
|
||||
icon={<Icon name="window-cursor" size="small" />}
|
||||
/>
|
||||
</Tooltip>
|
||||
)}
|
||||
</Show>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
@@ -9,7 +9,11 @@ import { StatusPopover } from "@/shell/status/status-popover"
|
||||
import { TitlebarRight } from "@/shell/titlebar/right-slot"
|
||||
import { SessionHeaderActions, type SessionHeaderActionsState } from "./session-header-actions"
|
||||
|
||||
export function SessionHeader() {
|
||||
export function SessionHeader(props: {
|
||||
browserAvailable: boolean
|
||||
browserOpened: boolean
|
||||
onBrowserToggle: () => void
|
||||
}) {
|
||||
const command = useCommand()
|
||||
const language = useLanguage()
|
||||
const settings = useSettings()
|
||||
@@ -25,6 +29,14 @@ export function SessionHeader() {
|
||||
reviewVisible: isDesktop(),
|
||||
reviewOpened: view().reviewPanel.opened(),
|
||||
onReviewToggle: () => view().reviewPanel.toggle(),
|
||||
browser:
|
||||
isDesktop() && props.browserAvailable
|
||||
? {
|
||||
label: language.t("command.browser.toggle"),
|
||||
opened: props.browserOpened,
|
||||
onToggle: props.onBrowserToggle,
|
||||
}
|
||||
: undefined,
|
||||
}))
|
||||
|
||||
return (
|
||||
|
||||
@@ -8,7 +8,7 @@ import type { SessionModel } from "./model"
|
||||
import { sessionPanelLayout } from "./session-panel-layout"
|
||||
import { clampSessionPanelWidth, sessionPanelWidthMax } from "./session-panel-width"
|
||||
|
||||
export function createSessionScreenLayout(session: SessionModel, serverScope: string) {
|
||||
export function createSessionScreenLayout(session: SessionModel, serverScope: string, browserOpen: () => boolean) {
|
||||
const layout = useLayout()
|
||||
const settings = useSettings()
|
||||
const size = createSizing()
|
||||
@@ -26,7 +26,7 @@ export function createSessionScreenLayout(session: SessionModel, serverScope: st
|
||||
opened: layout.fileTree.opened(),
|
||||
}),
|
||||
)
|
||||
const resizable = createMemo(() => reviewPanelOpen() || sideTerminalOpen())
|
||||
const resizable = createMemo(() => reviewPanelOpen() || browserOpen() || sideTerminalOpen())
|
||||
const sidePanelOpen = createMemo(() => resizable() || fileTreeOpen())
|
||||
const [rowSize, setRowSize] = createStore<{ width?: number; height?: number }>({})
|
||||
let row: HTMLDivElement | undefined
|
||||
@@ -60,6 +60,7 @@ export function createSessionScreenLayout(session: SessionModel, serverScope: st
|
||||
const panelLayout = createMemo(() =>
|
||||
sessionPanelLayout({
|
||||
review: reviewPanelOpen(),
|
||||
browser: browserOpen(),
|
||||
terminal: sideTerminalOpen(),
|
||||
files: fileTreeOpen(),
|
||||
}),
|
||||
@@ -70,7 +71,7 @@ export function createSessionScreenLayout(session: SessionModel, serverScope: st
|
||||
if (previous !== stacked) setMotion({ gap: stacked, closing: !stacked })
|
||||
return stacked
|
||||
}, panelLayout().stacked)
|
||||
const sideRegionOpen = createMemo(() => reviewPanelOpen() || fileTreeOpen())
|
||||
const sideRegionOpen = createMemo(() => reviewPanelOpen() || browserOpen() || fileTreeOpen())
|
||||
const terminalPane = createMemo(() =>
|
||||
Math.min(layout.terminal.height(), typeof window === "undefined" ? 600 : window.innerHeight * 0.6),
|
||||
)
|
||||
|
||||
@@ -19,6 +19,8 @@ import { SessionDesktopReview, SessionMobileReview, SessionMobileTabs } from "./
|
||||
import { createSessionTimelineInteraction } from "./timeline/interaction"
|
||||
import { ActiveSessionComposerRegion, createActiveSessionRegion } from "./composer/region"
|
||||
import { SessionIdentityHeader } from "./session-identity-header"
|
||||
import { createSessionBrowser } from "./browser/model"
|
||||
import { SessionBrowserPane } from "./browser/pane"
|
||||
|
||||
export function SessionScreen(props: { session: SessionModel }) {
|
||||
const session = props.session
|
||||
@@ -26,7 +28,8 @@ export function SessionScreen(props: { session: SessionModel }) {
|
||||
const serverSDK = useServerSDK()
|
||||
const settings = useSettings()
|
||||
const isDesktop = session.isDesktop
|
||||
const screen = createSessionScreenLayout(session, serverSDK.scope)
|
||||
const browser = createSessionBrowser(session)
|
||||
const screen = createSessionScreenLayout(session, serverSDK.scope, browser.opened)
|
||||
const timeline = createSessionTimelineInteraction(session)
|
||||
const messagesReady = timeline.ready
|
||||
const [store, setStore] = createStore({
|
||||
@@ -163,7 +166,11 @@ export function SessionScreen(props: { session: SessionModel }) {
|
||||
|
||||
return (
|
||||
<>
|
||||
<SessionHeader />
|
||||
<SessionHeader
|
||||
browserAvailable={browser.available()}
|
||||
browserOpened={browser.opened()}
|
||||
onBrowserToggle={browser.toggle}
|
||||
/>
|
||||
<div class="flex-1 min-h-0 flex flex-col gap-2 p-2">
|
||||
<div ref={screen.panel.ref} class="relative flex-1 min-h-0 flex flex-col md:flex-row gap-2">
|
||||
<div
|
||||
@@ -246,7 +253,13 @@ export function SessionScreen(props: { session: SessionModel }) {
|
||||
setStore("sideReviewPresent", false)
|
||||
}}
|
||||
>
|
||||
<SessionDesktopReview review={review} present={store.sideReviewPresent} />
|
||||
<Show
|
||||
when={browser.registration()}
|
||||
keyed
|
||||
fallback={<SessionDesktopReview review={review} present={store.sideReviewPresent} />}
|
||||
>
|
||||
{(registration) => <SessionBrowserPane registration={registration} onClose={browser.close} />}
|
||||
</Show>
|
||||
</div>
|
||||
</Show>
|
||||
</div>
|
||||
|
||||
@@ -3,15 +3,23 @@ import { sessionPanelLayout } from "./session-panel-layout"
|
||||
|
||||
describe("sessionPanelLayout", () => {
|
||||
test("keeps one owner while changing panel geometry", () => {
|
||||
expect(sessionPanelLayout({ review: false, terminal: false, files: false })).toEqual({
|
||||
expect(sessionPanelLayout({ review: false, browser: false, terminal: false, files: false })).toEqual({
|
||||
visible: false,
|
||||
stacked: false,
|
||||
})
|
||||
expect(sessionPanelLayout({ review: false, terminal: true, files: false })).toEqual({
|
||||
expect(sessionPanelLayout({ review: false, browser: false, terminal: true, files: false })).toEqual({
|
||||
visible: true,
|
||||
stacked: false,
|
||||
})
|
||||
expect(sessionPanelLayout({ review: true, terminal: true, files: false })).toEqual({
|
||||
expect(sessionPanelLayout({ review: true, browser: false, terminal: true, files: false })).toEqual({
|
||||
visible: true,
|
||||
stacked: true,
|
||||
})
|
||||
expect(sessionPanelLayout({ review: false, browser: true, terminal: false, files: false })).toEqual({
|
||||
visible: true,
|
||||
stacked: false,
|
||||
})
|
||||
expect(sessionPanelLayout({ review: false, browser: true, terminal: true, files: false })).toEqual({
|
||||
visible: true,
|
||||
stacked: true,
|
||||
})
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
export function sessionPanelLayout(input: { review: boolean; terminal: boolean; files: boolean }) {
|
||||
export function sessionPanelLayout(input: { review: boolean; browser: boolean; terminal: boolean; files: boolean }) {
|
||||
return {
|
||||
visible: input.review || input.terminal || input.files,
|
||||
stacked: input.review && input.terminal,
|
||||
visible: input.review || input.browser || input.terminal || input.files,
|
||||
stacked: (input.review || input.browser) && input.terminal,
|
||||
}
|
||||
}
|
||||
|
||||
@@ -367,6 +367,20 @@ export const SettingsGeneral: Component<{
|
||||
<h3 class="settings-section-title">{language.t("settings.general.section.advanced")}</h3>
|
||||
|
||||
<SettingsList>
|
||||
<Show when={platform.browserPane}>
|
||||
<SettingsRow
|
||||
title={language.t("settings.general.row.browserPane.title")}
|
||||
description={language.t("settings.general.row.browserPane.description")}
|
||||
>
|
||||
<div data-action="settings-experimental-browser">
|
||||
<Switch
|
||||
checked={settings.general.experimentalBrowser()}
|
||||
onChange={(checked) => settings.general.setExperimentalBrowser(checked)}
|
||||
/>
|
||||
</div>
|
||||
</SettingsRow>
|
||||
</Show>
|
||||
|
||||
<SettingsRow
|
||||
title={language.t("settings.general.row.showSearch.title")}
|
||||
description={language.t("settings.general.row.showSearch.description")}
|
||||
|
||||
@@ -39,6 +39,7 @@ export interface Settings {
|
||||
showCustomAgents: boolean
|
||||
mobileTitlebarPosition: "top" | "bottom"
|
||||
terminalPlacement: TerminalPlacement
|
||||
experimentalBrowser: boolean
|
||||
}
|
||||
appearance: {
|
||||
fontSize: number
|
||||
@@ -126,6 +127,7 @@ const defaultSettings: Settings = {
|
||||
showCustomAgents: false,
|
||||
mobileTitlebarPosition: "top",
|
||||
terminalPlacement: "side",
|
||||
experimentalBrowser: true,
|
||||
},
|
||||
appearance: {
|
||||
fontSize: 14,
|
||||
@@ -256,6 +258,13 @@ export const { use: useSettings, provider: SettingsProvider } = createSimpleCont
|
||||
setTerminalPlacement(value: TerminalPlacement) {
|
||||
setStore("general", "terminalPlacement", value)
|
||||
},
|
||||
experimentalBrowser: withFallback(
|
||||
() => store.general?.experimentalBrowser,
|
||||
defaultSettings.general.experimentalBrowser,
|
||||
),
|
||||
setExperimentalBrowser(value: boolean) {
|
||||
setStore("general", "experimentalBrowser", value)
|
||||
},
|
||||
},
|
||||
visibility: {
|
||||
fileTree: showFileTree,
|
||||
|
||||
@@ -42,4 +42,21 @@ describe("createSessionOwnership", () => {
|
||||
dispose()
|
||||
})
|
||||
})
|
||||
|
||||
test("opens a browser only for the current session", () => {
|
||||
createRoot((dispose) => {
|
||||
const [session, setSession] = createSignal("A")
|
||||
const ownership = createSessionOwnership(session)
|
||||
const previous = ownership.capture()
|
||||
const opened: string[] = []
|
||||
|
||||
setSession("B")
|
||||
const current = ownership.capture()
|
||||
previous.run(() => opened.push("A"))
|
||||
current.run(() => opened.push("B"))
|
||||
|
||||
expect(opened).toEqual(["B"])
|
||||
dispose()
|
||||
})
|
||||
})
|
||||
})
|
||||
|
||||
@@ -76,6 +76,7 @@ export async function streamTurn(input: {
|
||||
readonly cwd: string
|
||||
readonly start: TurnStart
|
||||
readonly writeTextFile: boolean
|
||||
readonly action?: boolean
|
||||
readonly submit: (signal: AbortSignal) => Promise<unknown>
|
||||
readonly control: TurnControl
|
||||
readonly childSessionUpdate?: (update: ChildSessionUpdate) => Promise<void>
|
||||
@@ -345,6 +346,11 @@ export async function streamTurn(input: {
|
||||
await input.submit(control.admission.signal).catch((error) => {
|
||||
if (!control.cancelled) throw error
|
||||
})
|
||||
if (input.action) {
|
||||
streamController.abort()
|
||||
await completed.catch(() => {})
|
||||
return response(undefined, undefined, "succeeded", control.cancelled, undefined)
|
||||
}
|
||||
if (control.cancelled) {
|
||||
await input.client.session.interrupt({ sessionID: input.sessionID }).catch(() => {})
|
||||
if (!started) {
|
||||
|
||||
@@ -326,6 +326,7 @@ export function make(input: { readonly client: OpenCodeClient; readonly connecti
|
||||
cwd: state.cwd,
|
||||
start: prepared.start,
|
||||
writeTextFile: capabilities.writeTextFile,
|
||||
action: prepared.command !== undefined,
|
||||
control,
|
||||
connectionSignal: input.connection.signal,
|
||||
sessionSignal: state.abort.signal,
|
||||
@@ -377,9 +378,8 @@ async function submitPrompt(client: OpenCodeClient, session: Attached, prompt: P
|
||||
return client.session.command(
|
||||
{
|
||||
sessionID: session.id,
|
||||
id: prompt.start.id,
|
||||
command: prompt.command.name,
|
||||
arguments: prompt.slash?.args,
|
||||
text: prompt.slash?.args ?? "",
|
||||
files: prompt.files,
|
||||
delivery: "steer",
|
||||
},
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
import "./plugin-runtime.promise"
|
||||
import "./plugin-runtime.effect"
|
||||
|
||||
process.stdout.on("error", (error) => {
|
||||
if ("code" in error && error.code === "EPIPE") return
|
||||
|
||||
@@ -0,0 +1,28 @@
|
||||
import {
|
||||
Agent,
|
||||
Command,
|
||||
Connection,
|
||||
Credential,
|
||||
Integration,
|
||||
Model,
|
||||
Plugin,
|
||||
Provider,
|
||||
Reference,
|
||||
Skill,
|
||||
} from "@opencode-ai/plugin/effect"
|
||||
import { Tool } from "@opencode-ai/schema/tool"
|
||||
|
||||
const key = Symbol.for("opencode.plugin.v2.effect")
|
||||
;(globalThis as typeof globalThis & { [key]?: unknown })[key] = {
|
||||
Agent,
|
||||
Command,
|
||||
Connection,
|
||||
Credential,
|
||||
Integration,
|
||||
Model,
|
||||
Plugin,
|
||||
Provider,
|
||||
Reference,
|
||||
Skill,
|
||||
Tool: { Error: Tool.Error },
|
||||
}
|
||||
@@ -1,5 +1,5 @@
|
||||
export type Policy = boolean | "notify"
|
||||
export type Action = "none" | "upgrade"
|
||||
export type Action = "none" | "notify" | "upgrade"
|
||||
|
||||
const maximumComponent = "9007199254740991"
|
||||
const versionPattern =
|
||||
@@ -12,7 +12,7 @@ export function action(current: string, latest: string, policy: Policy): Action
|
||||
if (!currentVersion || !latestVersion || sameRelease(currentVersion, latestVersion)) return "none"
|
||||
// Major upgrades are never installed automatically.
|
||||
if (currentVersion.major !== latestVersion.major) return "none"
|
||||
return "upgrade"
|
||||
return policy === "notify" ? "notify" : "upgrade"
|
||||
}
|
||||
|
||||
function parseReleaseVersion(input: string) {
|
||||
|
||||
@@ -12,8 +12,12 @@ describe("updater", () => {
|
||||
test("automatically updates patches and minors", () => {
|
||||
expect(action("1.2.3", "1.2.4", true)).toBe("upgrade")
|
||||
expect(action("1.2.3", "1.3.0", true)).toBe("upgrade")
|
||||
expect(action("1.2.3", "1.2.4", "notify")).toBe("upgrade")
|
||||
expect(action("1.2.3", "1.3.0", "notify")).toBe("upgrade")
|
||||
})
|
||||
|
||||
test("reports patches and minors without automatically installing them", () => {
|
||||
expect(action("1.2.3", "1.2.4", "notify")).toBe("notify")
|
||||
expect(action("1.2.3", "1.3.0", "notify")).toBe("notify")
|
||||
expect(action("1.2.3", "1.2.3", "notify")).toBe("none")
|
||||
})
|
||||
|
||||
test("skips when autoupdate is disabled", () => {
|
||||
|
||||
@@ -162,6 +162,8 @@ export const layer = Layer.effect(
|
||||
})
|
||||
const next = action(OPENCODE_VERSION, version, policy)
|
||||
if (next === "none") return yield* Effect.logInfo("update check done", { action: "up-to-date" })
|
||||
if (next === "notify")
|
||||
return yield* Effect.logInfo("OpenCode update available", { current: OPENCODE_VERSION, latest: version })
|
||||
const detected = yield* method()
|
||||
if (!detected) return yield* Effect.logWarning("automatic update skipped: installation method not found")
|
||||
yield* upgrade(detected, version)
|
||||
|
||||
@@ -601,6 +601,7 @@ describe("acp event behavior", () => {
|
||||
},
|
||||
onInterrupt({ sessionID, send }) {
|
||||
send(durableEvent("session.execution.interrupted", { sessionID, reason: "user" }))
|
||||
return true
|
||||
},
|
||||
})
|
||||
const result = streamTurn({
|
||||
@@ -624,7 +625,7 @@ describe("acp event behavior", () => {
|
||||
await withTimeout(submitted.promise, "cancel test prompt was not admitted")
|
||||
control.cancelled = true
|
||||
control.admission.abort()
|
||||
await fixture.client.session.interrupt({ sessionID: "ses_cancel" })
|
||||
expect(await fixture.client.session.interrupt({ sessionID: "ses_cancel" })).toEqual({ interrupted: true })
|
||||
|
||||
const response = await withTimeout(result, "cancelled turn did not terminate")
|
||||
expect(response).toMatchObject({ stopReason: "cancelled" })
|
||||
|
||||
@@ -121,3 +121,42 @@ test("acp prompt resolves after ordered turn updates", async () => {
|
||||
controller.enqueue(encoder.encode(`data: ${JSON.stringify(event)}\n\n`))
|
||||
}
|
||||
})
|
||||
|
||||
test("acp action resolves without prompt lifecycle events", async () => {
|
||||
const encoder = new TextEncoder()
|
||||
const server = Bun.serve({
|
||||
port: 0,
|
||||
fetch(request) {
|
||||
if (new URL(request.url).pathname !== "/api/event") return new Response(null, { status: 404 })
|
||||
return new Response(
|
||||
new ReadableStream<Uint8Array>({
|
||||
start(controller) {
|
||||
controller.enqueue(encoder.encode(`data: ${JSON.stringify({ type: "server.connected", data: {} })}\n\n`))
|
||||
},
|
||||
}),
|
||||
{ headers: { "content-type": "text/event-stream" } },
|
||||
)
|
||||
},
|
||||
})
|
||||
|
||||
try {
|
||||
const response = await streamTurn({
|
||||
client: OpenCode.make({ baseUrl: server.url.toString() }),
|
||||
connection: {
|
||||
sessionUpdate: async () => {},
|
||||
requestPermission: async () => ({ outcome: { outcome: "cancelled" } }),
|
||||
},
|
||||
sessionID: "ses_test",
|
||||
cwd: "/workspace",
|
||||
start: { type: "input", id: "msg_action" },
|
||||
writeTextFile: false,
|
||||
action: true,
|
||||
control: { cancelled: false, admission: new AbortController() },
|
||||
submit: async () => {},
|
||||
})
|
||||
|
||||
expect(response).toMatchObject({ stopReason: "end_turn" })
|
||||
} finally {
|
||||
await server.stop(true)
|
||||
}
|
||||
})
|
||||
|
||||
@@ -87,7 +87,6 @@ export const planAgent = {
|
||||
export const reviewCommand = {
|
||||
name: "review",
|
||||
description: "Review changes",
|
||||
template: "",
|
||||
} satisfies CommandInfo
|
||||
|
||||
export const verifySkill = {
|
||||
|
||||
@@ -12,13 +12,7 @@ describe("acp service prompt routing and usage", () => {
|
||||
return Response.json({ data: makeSession("ses_routes") })
|
||||
}
|
||||
if (request.method === "POST" && request.path === "/api/session/ses_routes/command") {
|
||||
const id = requestID(request)
|
||||
completeTurn(context, "ses_routes", {
|
||||
id: `evt_${id}`,
|
||||
type: "session.inbox.delivered",
|
||||
data: { sessionID: "ses_routes", inboxID: id },
|
||||
})
|
||||
return Response.json({ data: {} })
|
||||
return new Response(null, { status: 204 })
|
||||
}
|
||||
if (request.method === "POST" && request.path === "/api/session/ses_routes/skill") {
|
||||
const id = requestID(request)
|
||||
@@ -65,9 +59,8 @@ describe("acp service prompt routing and usage", () => {
|
||||
const skill = fixture.requests.find((request) => request.path === "/api/session/ses_routes/skill")
|
||||
const compact = fixture.requests.find((request) => request.path === "/api/session/ses_routes/compact")
|
||||
expect(command?.body).toMatchObject({
|
||||
id: expect.any(String),
|
||||
command: "review",
|
||||
arguments: "now",
|
||||
text: "now",
|
||||
files: [],
|
||||
delivery: "steer",
|
||||
})
|
||||
|
||||
@@ -20,7 +20,7 @@ type FixtureOptions = {
|
||||
readonly onInterrupt?: (input: {
|
||||
readonly sessionID: string
|
||||
readonly send: (event: unknown) => void
|
||||
}) => void | Promise<void>
|
||||
}) => boolean | Promise<boolean>
|
||||
readonly onPermissionReply?: (input: {
|
||||
readonly sessionID: string
|
||||
readonly requestID: string
|
||||
@@ -152,8 +152,9 @@ export function createSseFixture(options: FixtureOptions = {}) {
|
||||
|
||||
const interrupt = /^\/api\/session\/([^/]+)\/interrupt$/.exec(url.pathname)
|
||||
if (interrupt?.[1]) {
|
||||
await options.onInterrupt?.({ sessionID: decodeURIComponent(interrupt[1]), send })
|
||||
return new Response(null, { status: 204 })
|
||||
const interrupted =
|
||||
(await options.onInterrupt?.({ sessionID: decodeURIComponent(interrupt[1]), send })) ?? false
|
||||
return Response.json({ interrupted })
|
||||
}
|
||||
|
||||
return new Response(null, { status: 404 })
|
||||
|
||||
@@ -132,10 +132,20 @@ export const Plugin = sdk.Plugin
|
||||
export const Provider = sdk.Provider
|
||||
export const Reference = sdk.Reference
|
||||
export const Skill = sdk.Skill`
|
||||
const effectModule = promiseModule
|
||||
.replace("opencode.plugin.v2.promise", "opencode.plugin.v2.effect")
|
||||
.replace("Promise plugin", "Effect plugin")
|
||||
const promisePluginModule = `const sdk = globalThis[Symbol.for("opencode.plugin.v2.promise")]
|
||||
if (!sdk) throw new Error("OpenCode Promise plugin SDK is unavailable")
|
||||
export const define = sdk.Plugin.define`
|
||||
const effectPluginModule = promisePluginModule
|
||||
.replace("opencode.plugin.v2.promise", "opencode.plugin.v2.effect")
|
||||
.replace("Promise plugin", "Effect plugin")
|
||||
const promiseToolModule = `export {}`
|
||||
const effectToolModule = `const sdk = globalThis[Symbol.for("opencode.plugin.v2.effect")]
|
||||
if (!sdk) throw new Error("OpenCode Effect plugin SDK is unavailable")
|
||||
export const Error = sdk.Tool.Error
|
||||
`
|
||||
return `#!/usr/bin/env -S node ${nodeExecArgv.join(" ")}
|
||||
import __cjs_mod__ from "node:module"
|
||||
import { chmodSync as __ocChmod, existsSync as __ocExists, lstatSync as __ocLstat, mkdirSync as __ocMkdir, renameSync as __ocRename, rmSync as __ocRm, writeFileSync as __ocWrite } from "node:fs"
|
||||
@@ -150,11 +160,17 @@ const __ocPluginModules = ${JSON.stringify({
|
||||
"@opencode-ai/plugin": "opencode:plugin-v2",
|
||||
"@opencode-ai/plugin/promise/plugin": "opencode:plugin-promise-plugin",
|
||||
"@opencode-ai/plugin/promise/tool": "opencode:plugin-promise-tool",
|
||||
"@opencode-ai/plugin/effect": "opencode:plugin-v2-effect",
|
||||
"@opencode-ai/plugin/effect/plugin": "opencode:plugin-v2-effect-plugin",
|
||||
"@opencode-ai/plugin/effect/tool": "opencode:plugin-v2-effect-tool",
|
||||
})}
|
||||
const __ocPluginSources = ${JSON.stringify({
|
||||
"opencode:plugin-v2": promiseModule,
|
||||
"opencode:plugin-promise-plugin": promisePluginModule,
|
||||
"opencode:plugin-promise-tool": promiseToolModule,
|
||||
"opencode:plugin-v2-effect": effectModule,
|
||||
"opencode:plugin-v2-effect-plugin": effectPluginModule,
|
||||
"opencode:plugin-v2-effect-tool": effectToolModule,
|
||||
})}
|
||||
__cjs_mod__.registerHooks({
|
||||
resolve(__ocSpecifier, __ocContext, __ocNextResolve) {
|
||||
|
||||
@@ -1,17 +1,57 @@
|
||||
# @opencode-ai/client
|
||||
|
||||
Private generation target for clients derived directly from OpenCode's authoritative Effect `HttpApi`.
|
||||
Promise and Effect clients derived from OpenCode's authoritative Effect `HttpApi`, plus handwritten Node transports.
|
||||
|
||||
## Entrypoints
|
||||
|
||||
- `@opencode-ai/client`: zero-Effect Promise client using `fetch`.
|
||||
- `@opencode-ai/client/node`: Promise client plus Node-hosted browser attachments.
|
||||
- `@opencode-ai/client/effect`: rich Effect network client using an environment-provided `HttpClient`.
|
||||
|
||||
The generated surface includes every standard HTTP group from Server's concrete API. The build compiler reads `@opencode-ai/server/api`; the generated Effect runtime imports a client-local projection built from Protocol, with a generation-equivalence test preventing transport drift. Custom transports such as the PTY WebSocket connection remain outside the generic HTTP client. Run `bun run generate` after changing the contract and `bun run check:generated` to detect committed-output drift.
|
||||
|
||||
The Effect entrypoint uses canonical decoded values such as `Session.ID`, `Location.Ref`, and `Prompt`. These datatypes come from the lightweight `@opencode-ai/schema` package and are re-exported so callers depend only on the client surface. Protocol owns endpoint construction and middleware placement; Server supplies the concrete middleware keys used by the build-time API.
|
||||
|
||||
The Promise root remains structural and has no Core or Effect runtime dependency. `/effect` depends only on Effect, Schema, and Protocol and is browser-bundle safe. Bundle-boundary tests enforce both import graphs.
|
||||
The Promise root remains structural and has no Core, Effect, Schema, Protocol, or WebSocket runtime dependency. `/node` adds Effect, Schema, Protocol, and `ws`, but never Core or Server. `/effect` depends only on Effect, Schema, and Protocol and remains browser-bundle safe. Bundle-boundary tests enforce these import graphs.
|
||||
|
||||
## Node browser attachments
|
||||
|
||||
The Node client owns a Session-scoped browser registration, authenticated loopback proxy, and remote network tunnels. Chromium hosts supply a platform port; the SDK handles browser commands, accessibility snapshots, element references, and document generations.
|
||||
|
||||
```ts
|
||||
import { BrowserDriver, OpenCode } from "@opencode-ai/client/node"
|
||||
|
||||
const driver = BrowserDriver.chromium(async ({ proxy, signal }) => {
|
||||
const view = await createChromiumView({ proxy, signal })
|
||||
return {
|
||||
resource: view,
|
||||
state: () => view.state(),
|
||||
subscribe: (listener) => view.subscribe(listener),
|
||||
navigate: (url) => view.navigate(url),
|
||||
back: () => view.back(),
|
||||
forward: () => view.forward(),
|
||||
reload: () => view.reload(),
|
||||
stop: () => view.stop(),
|
||||
send: (command) => view.sendCDP(command.method, command.params),
|
||||
viewport: () => view.viewport(),
|
||||
screenshot: (maxDimension) => view.capturePNG(maxDimension),
|
||||
dispose: () => view.close(),
|
||||
}
|
||||
})
|
||||
|
||||
const client = OpenCode.make({
|
||||
baseUrl: "https://opencode.example",
|
||||
headers: { authorization: `Basic ${credentials}` },
|
||||
})
|
||||
const registration = await client.browser.register({ sessionID, open: () => showBrowserPane() })
|
||||
const attachment = await registration.attach({ driver })
|
||||
|
||||
await attachment.resource.navigate("localhost:5173")
|
||||
await attachment.close()
|
||||
await registration.close()
|
||||
```
|
||||
|
||||
A registration remains connected after its attachment closes, allowing the browser to reopen on demand. Attachments resolve after their Session lease is acknowledged; drivers should configure their resource before initiating proxied navigation. `BrowserDriver.define` supports custom browser implementations, and `BrowserDriverError` carries typed command failures.
|
||||
|
||||
Effect consumers construct canonical decoded inputs:
|
||||
|
||||
|
||||
@@ -17,6 +17,7 @@
|
||||
],
|
||||
"exports": {
|
||||
".": "./src/promise/index.ts",
|
||||
"./node": "./src/node/index.ts",
|
||||
"./promise": "./src/promise/index.ts",
|
||||
"./promise/api": "./src/promise/api.ts",
|
||||
"./service": "./src/promise/service.ts",
|
||||
@@ -29,12 +30,14 @@
|
||||
"build": "bun run script/build-package.ts",
|
||||
"generate": "bun run script/build.ts",
|
||||
"check:generated": "bun run generate && git diff --exit-code -- src/promise/generated src/effect/generated src/effect/api",
|
||||
"test": "bun test --timeout 5000",
|
||||
"typecheck": "tsgo --noEmit"
|
||||
"test": "bun test --timeout 5000 && bun run test:node-package",
|
||||
"test:node-package": "bun test ./test/node/package-smoke.ts --timeout 60000",
|
||||
"typecheck": "tsgo --noEmit && tsgo -p test/types/tsconfig.json --noEmit"
|
||||
},
|
||||
"dependencies": {
|
||||
"@opencode-ai/schema": "workspace:*",
|
||||
"@opencode-ai/protocol": "workspace:*"
|
||||
"@opencode-ai/protocol": "workspace:*",
|
||||
"ws": "8.21.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"effect": "4.0.0-rc.111",
|
||||
@@ -53,6 +56,7 @@
|
||||
"@opencode-ai/httpapi-codegen": "workspace:*",
|
||||
"@tsconfig/bun": "catalog:",
|
||||
"@types/bun": "catalog:",
|
||||
"@types/ws": "8.18.1",
|
||||
"@typescript/native-preview": "catalog:",
|
||||
"effect": "catalog:",
|
||||
"solid-js": "catalog:"
|
||||
|
||||
@@ -7,3 +7,4 @@ process.chdir(fileURLToPath(new URL("..", import.meta.url)))
|
||||
|
||||
await $`rm -rf dist`
|
||||
await $`bun tsc -p tsconfig.build.json`
|
||||
await $`bun build src/node/index.ts --outfile dist/node/index.js --target=node --format=esm --packages=external`
|
||||
|
||||
@@ -255,18 +255,14 @@ export type SessionPromptOperation<E = never> = (input: SessionPromptInput) => E
|
||||
|
||||
export type SessionCommandInput = {
|
||||
readonly sessionID: Session.ID
|
||||
readonly id?: SessionMessage.ID | undefined
|
||||
readonly command: string
|
||||
readonly arguments?: string | undefined
|
||||
readonly agent?: Agent.ID | undefined
|
||||
readonly model?: Model.Ref | undefined
|
||||
readonly text: string
|
||||
readonly files?: ReadonlyArray<PromptInput.FileAttachment> | undefined
|
||||
readonly agents?: ReadonlyArray<AgentAttachment> | undefined
|
||||
readonly skills?: ReadonlyArray<PromptInput.SkillAttachment> | undefined
|
||||
readonly delivery?: SessionInbox.Delivery | undefined
|
||||
readonly resume?: boolean | undefined
|
||||
}
|
||||
export type SessionCommandOutput = SessionInbox.User
|
||||
export type SessionCommandOutput = void
|
||||
export type SessionCommandOperation<E = never> = (input: SessionCommandInput) => Effect.Effect<SessionCommandOutput, E>
|
||||
|
||||
export type SessionSkillInput = {
|
||||
@@ -1002,7 +998,7 @@ export type SessionLogOutput =
|
||||
export type SessionLogOperation<E = never> = (input: SessionLogInput) => Stream.Stream<SessionLogOutput, E>
|
||||
|
||||
export type SessionInterruptInput = { readonly sessionID: Session.ID; readonly continue?: boolean | undefined }
|
||||
export type SessionInterruptOutput = void
|
||||
export type SessionInterruptOutput = { readonly interrupted: boolean }
|
||||
export type SessionInterruptOperation<E = never> = (
|
||||
input: SessionInterruptInput,
|
||||
) => Effect.Effect<SessionInterruptOutput, E>
|
||||
@@ -1112,11 +1108,7 @@ export interface ModelApi<E = never> {
|
||||
readonly default: ModelDefaultOperation<E>
|
||||
}
|
||||
|
||||
export type GenerateTextInput = {
|
||||
readonly location?: { readonly directory?: string | undefined; readonly workspace?: string | undefined } | undefined
|
||||
readonly prompt: string
|
||||
readonly model?: Model.Ref | undefined
|
||||
}
|
||||
export type GenerateTextInput = { readonly prompt: string; readonly model?: Model.Ref | undefined }
|
||||
export type GenerateTextOutput = { readonly text: string }
|
||||
export type GenerateTextOperation<E = never> = (input: GenerateTextInput) => Effect.Effect<GenerateTextOutput, E>
|
||||
|
||||
@@ -1699,6 +1691,23 @@ export interface WorktreeApi<E = never> {
|
||||
readonly refresh: WorktreeRefreshOperation<E>
|
||||
}
|
||||
|
||||
export type WorkspaceCreateInput = { readonly id?: Workspace.ID | undefined; readonly provider: string }
|
||||
export type WorkspaceCreateOutput = Workspace.ID
|
||||
export type WorkspaceCreateOperation<E = never> = (
|
||||
input: WorkspaceCreateInput,
|
||||
) => Effect.Effect<WorkspaceCreateOutput, E>
|
||||
|
||||
export type WorkspaceDestroyInput = { readonly workspaceID: Workspace.ID }
|
||||
export type WorkspaceDestroyOutput = Workspace.DestroyResult
|
||||
export type WorkspaceDestroyOperation<E = never> = (
|
||||
input: WorkspaceDestroyInput,
|
||||
) => Effect.Effect<WorkspaceDestroyOutput, E>
|
||||
|
||||
export interface WorkspaceApi<E = never> {
|
||||
readonly create: WorkspaceCreateOperation<E>
|
||||
readonly destroy: WorkspaceDestroyOperation<E>
|
||||
}
|
||||
|
||||
export type VcsGetInput = {
|
||||
readonly location?: { readonly directory?: string | undefined; readonly workspace?: string | undefined } | undefined
|
||||
}
|
||||
@@ -1816,6 +1825,7 @@ export interface AppApi<E = never> {
|
||||
readonly shell: ShellApi<E>
|
||||
readonly reference: ReferenceApi<E>
|
||||
readonly worktree: WorktreeApi<E>
|
||||
readonly workspace: WorkspaceApi<E>
|
||||
readonly vcs: VcsApi<E>
|
||||
readonly debug: DebugApi<E>
|
||||
readonly migration: MigrationApi<E>
|
||||
|
||||
@@ -214,6 +214,10 @@ import type {
|
||||
WorktreeRemoveOutput,
|
||||
WorktreeRefreshInput,
|
||||
WorktreeRefreshOutput,
|
||||
WorkspaceCreateInput,
|
||||
WorkspaceCreateOutput,
|
||||
WorkspaceDestroyInput,
|
||||
WorkspaceDestroyOutput,
|
||||
VcsGetInput,
|
||||
VcsGetOutput,
|
||||
VcsStatusInput,
|
||||
@@ -440,21 +444,14 @@ const EndpointSessionCommand = (raw: RawClient["server.session"]) => (input: Ses
|
||||
raw["session.command"]({
|
||||
params: { sessionID: input["sessionID"] },
|
||||
payload: {
|
||||
id: input["id"],
|
||||
command: input["command"],
|
||||
arguments: input["arguments"],
|
||||
agent: input["agent"],
|
||||
model: input["model"],
|
||||
text: input["text"],
|
||||
files: input["files"],
|
||||
agents: input["agents"],
|
||||
skills: input["skills"],
|
||||
delivery: input["delivery"],
|
||||
resume: input["resume"],
|
||||
},
|
||||
}).pipe(
|
||||
Effect.mapError(mapClientError),
|
||||
Effect.map((value) => value.data),
|
||||
),
|
||||
}).pipe(Effect.mapError(mapClientError)),
|
||||
)
|
||||
|
||||
const EndpointSessionSkill = (raw: RawClient["server.session"]) => (input: SessionSkillInput) =>
|
||||
@@ -724,10 +721,7 @@ const adaptGroupModel = (raw: RawClient["server.model"]) => ({
|
||||
|
||||
const EndpointGenerateText = (raw: RawClient["server.generate"]) => (input: GenerateTextInput) =>
|
||||
preserveEffect<GenerateTextOutput>()(
|
||||
raw["generate.text"]({
|
||||
query: { location: input["location"] },
|
||||
payload: { prompt: input["prompt"], model: input["model"] },
|
||||
}).pipe(
|
||||
raw["generate.text"]({ payload: { prompt: input["prompt"], model: input["model"] } }).pipe(
|
||||
Effect.mapError(mapClientError),
|
||||
Effect.map((value) => value.data),
|
||||
),
|
||||
@@ -1278,6 +1272,24 @@ const adaptGroupWorktree = (raw: RawClient["server.worktree"]) => ({
|
||||
refresh: EndpointWorktreeRefresh(raw),
|
||||
})
|
||||
|
||||
const EndpointWorkspaceCreate = (raw: RawClient["server.workspace"]) => (input: WorkspaceCreateInput) =>
|
||||
preserveEffect<WorkspaceCreateOutput>()(
|
||||
raw["workspace.create"]({ payload: { id: input["id"], provider: input["provider"] } }).pipe(
|
||||
Effect.mapError(mapClientError),
|
||||
Effect.map((value) => value.data),
|
||||
),
|
||||
)
|
||||
|
||||
const EndpointWorkspaceDestroy = (raw: RawClient["server.workspace"]) => (input: WorkspaceDestroyInput) =>
|
||||
preserveEffect<WorkspaceDestroyOutput>()(
|
||||
raw["workspace.destroy"]({ params: { workspaceID: input["workspaceID"] } }).pipe(Effect.mapError(mapClientError)),
|
||||
)
|
||||
|
||||
const adaptGroupWorkspace = (raw: RawClient["server.workspace"]) => ({
|
||||
create: EndpointWorkspaceCreate(raw),
|
||||
destroy: EndpointWorkspaceDestroy(raw),
|
||||
})
|
||||
|
||||
const EndpointVcsGet = (raw: RawClient["server.vcs"]) => (input?: VcsGetInput) =>
|
||||
preserveEffect<VcsGetOutput>()(
|
||||
raw["vcs.get"]({ query: { location: input?.["location"] } }).pipe(Effect.mapError(mapClientError)),
|
||||
@@ -1368,6 +1380,7 @@ const adaptClient = (raw: RawClient) => ({
|
||||
shell: adaptGroupShell(raw["server.shell"]),
|
||||
reference: adaptGroupReference(raw["server.reference"]),
|
||||
worktree: adaptGroupWorktree(raw["server.worktree"]),
|
||||
workspace: adaptGroupWorkspace(raw["server.workspace"]),
|
||||
vcs: adaptGroupVcs(raw["server.vcs"]),
|
||||
debug: adaptGroupDebug(raw["server.debug"]),
|
||||
migration: adaptGroupMigration(raw["server.migration"]),
|
||||
|
||||
@@ -0,0 +1,657 @@
|
||||
import type { Browser } from "@opencode-ai/schema/browser"
|
||||
import {
|
||||
BrowserDriverError,
|
||||
type BrowserDriver,
|
||||
type BrowserDriverContext,
|
||||
type BrowserDriverInstance,
|
||||
} from "./driver.js"
|
||||
|
||||
type ViewState = Omit<Browser.State, "generation">
|
||||
type Commands = {
|
||||
"Runtime.evaluate": { readonly expression: string }
|
||||
"Runtime.callFunctionOn": {
|
||||
readonly objectId: string
|
||||
readonly functionDeclaration: string
|
||||
readonly arguments?: ReadonlyArray<{ readonly value: string }>
|
||||
readonly returnByValue: true
|
||||
}
|
||||
"Runtime.releaseObject": { readonly objectId: string }
|
||||
"Input.dispatchMouseEvent": {
|
||||
readonly type: "mouseMoved" | "mousePressed" | "mouseReleased" | "mouseWheel"
|
||||
readonly x: number
|
||||
readonly y: number
|
||||
readonly button?: "left"
|
||||
readonly clickCount?: 1
|
||||
readonly deltaX?: number
|
||||
readonly deltaY?: number
|
||||
}
|
||||
"Input.dispatchKeyEvent": {
|
||||
readonly type: "keyDown" | "keyUp"
|
||||
readonly key: string
|
||||
readonly code: string
|
||||
readonly modifiers?: number
|
||||
readonly windowsVirtualKeyCode?: number
|
||||
}
|
||||
"Input.insertText": { readonly text: string }
|
||||
}
|
||||
type ChromiumCommand = {
|
||||
[Method in keyof Commands]: { readonly method: Method; readonly params: Commands[Method] }
|
||||
}[keyof Commands]
|
||||
|
||||
export interface ChromiumPort<Resource> {
|
||||
readonly resource: Resource
|
||||
readonly state: () => ViewState
|
||||
readonly subscribe: (
|
||||
listener: (event: { readonly state: ViewState; readonly mainDocumentChanged: boolean }) => void,
|
||||
) => () => void
|
||||
readonly navigate: (url: string) => PromiseLike<void>
|
||||
readonly back: () => PromiseLike<void> | void
|
||||
readonly forward: () => PromiseLike<void> | void
|
||||
readonly reload: () => PromiseLike<void> | void
|
||||
readonly stop: () => void
|
||||
readonly send: (command: ChromiumCommand) => PromiseLike<unknown>
|
||||
readonly viewport: () => { readonly width: number; readonly height: number }
|
||||
readonly screenshot: (maxDimension: number) => PromiseLike<{
|
||||
readonly data: Uint8Array
|
||||
readonly width: number
|
||||
readonly height: number
|
||||
}>
|
||||
readonly dispose: () => PromiseLike<void> | void
|
||||
}
|
||||
|
||||
export interface ChromiumController<Resource> extends AsyncDisposable {
|
||||
readonly resource: Resource
|
||||
readonly state: () => Browser.State
|
||||
readonly subscribe: (listener: (state: Browser.State) => void) => () => void
|
||||
readonly navigate: (url: string) => Promise<void>
|
||||
readonly back: () => Promise<void>
|
||||
readonly forward: () => Promise<void>
|
||||
readonly reload: () => Promise<void>
|
||||
readonly stop: () => void
|
||||
readonly dispose: () => Promise<void>
|
||||
}
|
||||
|
||||
export type ChromiumDriver<Resource> = BrowserDriver<ChromiumController<Resource>>
|
||||
|
||||
type SnapshotNode = {
|
||||
readonly token?: string
|
||||
readonly role: string
|
||||
readonly name: string
|
||||
readonly value: string
|
||||
readonly depth: number
|
||||
readonly checked?: boolean
|
||||
readonly disabled?: boolean
|
||||
readonly expanded?: boolean
|
||||
readonly selected?: boolean
|
||||
}
|
||||
|
||||
type Page<Resource> = {
|
||||
readonly port: ChromiumPort<Resource>
|
||||
readonly lifetime: AbortSignal
|
||||
readonly refs: Set<string>
|
||||
readonly listeners: Set<(state: Browser.State) => void>
|
||||
state: ViewState
|
||||
generation: number
|
||||
nextRef: number
|
||||
snapshot?: string
|
||||
active?: AbortController
|
||||
unsubscribe?: () => void
|
||||
queue: Promise<void>
|
||||
disposed: boolean
|
||||
disposal?: Promise<void>
|
||||
}
|
||||
|
||||
export function chromiumDriver<Resource>(
|
||||
create: (context: BrowserDriverContext) => PromiseLike<ChromiumPort<Resource>> | ChromiumPort<Resource>,
|
||||
): ChromiumDriver<Resource> {
|
||||
return async (context) => {
|
||||
const port = await create(context)
|
||||
if (context.signal.aborted) {
|
||||
await port.dispose()
|
||||
throw context.signal.reason instanceof Error
|
||||
? context.signal.reason
|
||||
: new Error("Chromium driver creation was aborted")
|
||||
}
|
||||
const page: Page<Resource> = {
|
||||
port,
|
||||
lifetime: context.signal,
|
||||
refs: new Set(),
|
||||
listeners: new Set(),
|
||||
state: port.state(),
|
||||
generation: 0,
|
||||
nextRef: 0,
|
||||
queue: Promise.resolve(),
|
||||
disposed: false,
|
||||
}
|
||||
page.unsubscribe = port.subscribe((event) => {
|
||||
if (page.disposed) return
|
||||
if (event.mainDocumentChanged) {
|
||||
page.generation++
|
||||
invalidate(page)
|
||||
}
|
||||
page.state = event.state
|
||||
page.listeners.forEach((listener) => listener(state(page)))
|
||||
})
|
||||
|
||||
const dispose = () => {
|
||||
if (page.disposal) return page.disposal
|
||||
page.disposed = true
|
||||
page.active?.abort()
|
||||
page.listeners.clear()
|
||||
invalidate(page)
|
||||
page.unsubscribe?.()
|
||||
port.stop()
|
||||
page.disposal = Promise.resolve(port.dispose())
|
||||
return page.disposal
|
||||
}
|
||||
const action = (run: () => PromiseLike<void> | void) =>
|
||||
schedule(page, undefined, async (signal) => {
|
||||
if (signal.aborted) throw failure("aborted", "The browser action was aborted.")
|
||||
await run()
|
||||
if (signal.aborted) throw failure("aborted", "The browser action was aborted.")
|
||||
})
|
||||
const controller: ChromiumController<Resource> = Object.freeze({
|
||||
resource: port.resource,
|
||||
state: () => state(page),
|
||||
subscribe: (listener) => {
|
||||
if (page.disposed) throw failure("not_attached", "The browser page is no longer attached.")
|
||||
page.listeners.add(listener)
|
||||
listener(state(page))
|
||||
return () => page.listeners.delete(listener)
|
||||
},
|
||||
navigate: (url) => schedule(page, undefined, (signal) => navigate(page, url, signal)),
|
||||
back: () => action(() => port.back()),
|
||||
forward: () => action(() => port.forward()),
|
||||
reload: () => action(() => port.reload()),
|
||||
stop: () => {
|
||||
if (page.disposed) throw failure("not_attached", "The browser page is no longer attached.")
|
||||
page.active?.abort()
|
||||
port.stop()
|
||||
},
|
||||
dispose,
|
||||
[Symbol.asyncDispose]: dispose,
|
||||
})
|
||||
return Object.freeze({
|
||||
resource: controller,
|
||||
state: controller.state,
|
||||
subscribe: controller.subscribe,
|
||||
execute: (command: Browser.Command, options: { readonly signal: AbortSignal }) =>
|
||||
schedule(page, options.signal, (signal) => execute(page, command, signal)),
|
||||
dispose,
|
||||
}) satisfies BrowserDriverInstance<ChromiumController<Resource>>
|
||||
}
|
||||
}
|
||||
|
||||
async function execute<Resource>(
|
||||
page: Page<Resource>,
|
||||
command: Browser.Command,
|
||||
signal: AbortSignal,
|
||||
): Promise<Browser.Result> {
|
||||
assertGeneration(page, command.generation)
|
||||
if (command.type === "navigate") {
|
||||
await navigate(page, command.url, signal)
|
||||
return { type: "navigate", state: state(page) }
|
||||
}
|
||||
if (command.type === "snapshot") return snapshot(page, command.generation, signal)
|
||||
if (command.type === "screenshot") return screenshot(page, command.generation, signal)
|
||||
if (command.type === "click") await click(page, command.ref, command.generation, signal)
|
||||
if (command.type === "fill") await fill(page, command.ref, command.text, command.generation, signal)
|
||||
if (command.type === "press") await press(page, command.key, signal)
|
||||
if (command.type === "scroll") await scroll(page, command.direction, command.pixels, signal)
|
||||
assertGeneration(page, command.generation)
|
||||
return { type: command.type, state: refresh(page) }
|
||||
}
|
||||
|
||||
async function navigate<Resource>(page: Page<Resource>, input: string, signal: AbortSignal) {
|
||||
const url = normalizeURL(input)
|
||||
const cancel = () => page.port.stop()
|
||||
signal.addEventListener("abort", cancel, { once: true })
|
||||
await bounded(() => page.port.navigate(url), signal, 30_000, "The browser navigation timed out.")
|
||||
.catch((error: unknown) => {
|
||||
if (signal.aborted || error instanceof BrowserDriverError) throw error
|
||||
throw failure("navigation_failed", error instanceof Error ? error.message : String(error))
|
||||
})
|
||||
.finally(() => signal.removeEventListener("abort", cancel))
|
||||
refresh(page)
|
||||
}
|
||||
|
||||
function normalizeURL(input: string) {
|
||||
const value = input.trim()
|
||||
if (value.length > 16_384) throw failure("invalid_url", "The browser URL is too long.")
|
||||
if (!value || value === "about:blank") return "about:blank"
|
||||
if (/^(?:file|javascript|data|vbscript|blob|about):/i.test(value)) {
|
||||
throw failure("invalid_url", "Only HTTP, HTTPS, and about:blank URLs are supported.")
|
||||
}
|
||||
const local = /^(?:localhost|127(?:\.\d{1,3}){3}|\[::1\])(?::\d+)?(?:[/?#]|$)/i.test(value)
|
||||
const authority = /^(?:\[[^\]]+\]|[^:/?#\s]+):\d+(?:[/?#]|$)/.test(value)
|
||||
const candidate = local
|
||||
? `http://${value}`
|
||||
: authority
|
||||
? `https://${value}`
|
||||
: /^[a-z][a-z\d+.-]*:/i.test(value)
|
||||
? value
|
||||
: `https://${value}`
|
||||
if (!URL.canParse(candidate)) throw failure("invalid_url", "Enter a valid HTTP or HTTPS URL.")
|
||||
const url = new URL(candidate)
|
||||
if ((url.protocol !== "http:" && url.protocol !== "https:") || url.username || url.password) {
|
||||
throw failure("invalid_url", "Only HTTP, HTTPS, and about:blank URLs are supported.")
|
||||
}
|
||||
if (url.href.length > 16_384) throw failure("invalid_url", "The browser URL is too long.")
|
||||
return url.href
|
||||
}
|
||||
|
||||
async function snapshot<Resource>(page: Page<Resource>, generation: number, signal: AbortSignal) {
|
||||
const object = await send(
|
||||
page,
|
||||
{ method: "Runtime.evaluate", params: { expression: snapshotExpression(page.nextRef) } },
|
||||
signal,
|
||||
)
|
||||
if (!record(object) || !record(object.result) || typeof object.result.objectId !== "string") {
|
||||
throw failure("internal", "Browser page operation failed.")
|
||||
}
|
||||
const objectID = object.result.objectId
|
||||
const result = await callObject(page, objectID, "function() { return this.result }", signal)
|
||||
.then((value) => {
|
||||
const result = readSnapshot(value)
|
||||
assertGeneration(page, generation)
|
||||
return result
|
||||
})
|
||||
.catch((error: unknown) => {
|
||||
release(page, objectID)
|
||||
throw error
|
||||
})
|
||||
invalidate(page)
|
||||
page.snapshot = objectID
|
||||
page.nextRef = Math.max(page.nextRef, result.nextRef)
|
||||
result.nodes.forEach((node) => {
|
||||
if (node.token) page.refs.add(node.token)
|
||||
})
|
||||
return {
|
||||
type: "snapshot",
|
||||
state: refresh(page),
|
||||
format: "opencode.semantic.v1",
|
||||
content: formatSnapshot(page.port.state(), result.nodes),
|
||||
} as const
|
||||
}
|
||||
|
||||
function readSnapshot(value: unknown) {
|
||||
if (
|
||||
!record(value) ||
|
||||
!Array.isArray(value.nodes) ||
|
||||
value.nodes.length > 500 ||
|
||||
!Number.isSafeInteger(value.nextRef) ||
|
||||
Number(value.nextRef) < 0
|
||||
) {
|
||||
throw failure("internal", "Invalid browser snapshot response.")
|
||||
}
|
||||
const nodes = value.nodes.map((node): SnapshotNode => {
|
||||
if (
|
||||
!record(node) ||
|
||||
typeof node.role !== "string" ||
|
||||
!/^[a-zA-Z0-9_-]{1,40}$/.test(node.role) ||
|
||||
typeof node.name !== "string" ||
|
||||
typeof node.value !== "string" ||
|
||||
!Number.isSafeInteger(node.depth) ||
|
||||
Number(node.depth) < 0 ||
|
||||
Number(node.depth) > 6 ||
|
||||
(node.token !== undefined && (typeof node.token !== "string" || !/^e[1-9][0-9]*$/.test(node.token)))
|
||||
) {
|
||||
throw failure("internal", "Invalid browser snapshot response.")
|
||||
}
|
||||
return node as SnapshotNode
|
||||
})
|
||||
return { nodes, nextRef: Number(value.nextRef) }
|
||||
}
|
||||
|
||||
function formatSnapshot(current: ViewState, nodes: SnapshotNode[]) {
|
||||
const lines = nodes.map((node) => {
|
||||
const details = [
|
||||
node.name ? JSON.stringify(node.name) : undefined,
|
||||
node.value && node.value !== node.name ? `value=${JSON.stringify(node.value)}` : undefined,
|
||||
]
|
||||
const flags = (["checked", "disabled", "expanded", "selected"] as const).map((flag) =>
|
||||
node[flag] === undefined ? undefined : `${flag}=${node[flag]}`,
|
||||
)
|
||||
const suffix = [...details, ...flags].filter((item): item is string => item !== undefined).join(" ")
|
||||
return `${" ".repeat(node.depth)}${node.token ? `${node.token} ` : ""}[${node.role}]${suffix ? ` ${suffix}` : ""}`
|
||||
})
|
||||
return [
|
||||
`Page: ${current.title.replaceAll(/\s+/g, " ").trim().slice(0, 1_024)}`,
|
||||
`URL: ${current.url.slice(0, 16_384)}`,
|
||||
"",
|
||||
...lines,
|
||||
]
|
||||
.join("\n")
|
||||
.slice(0, 40 * 1_024)
|
||||
}
|
||||
|
||||
async function click<Resource>(page: Page<Resource>, ref: Browser.Ref, generation: number, signal: AbortSignal) {
|
||||
const value = await callObject(page, resolveRef(page, ref), clickExpression, signal, ref)
|
||||
if (!record(value) || typeof value.x !== "number" || typeof value.y !== "number") {
|
||||
throw failure("stale_ref", "The browser element has no clickable bounds.")
|
||||
}
|
||||
assertGeneration(page, generation)
|
||||
const point = { x: value.x, y: value.y }
|
||||
await send(page, { method: "Input.dispatchMouseEvent", params: { type: "mouseMoved", ...point } }, signal)
|
||||
await send(
|
||||
page,
|
||||
{
|
||||
method: "Input.dispatchMouseEvent",
|
||||
params: { type: "mousePressed", button: "left", clickCount: 1, ...point },
|
||||
},
|
||||
signal,
|
||||
).finally(() =>
|
||||
send(page, {
|
||||
method: "Input.dispatchMouseEvent",
|
||||
params: { type: "mouseReleased", button: "left", clickCount: 1, ...point },
|
||||
}),
|
||||
)
|
||||
}
|
||||
|
||||
async function fill<Resource>(
|
||||
page: Page<Resource>,
|
||||
ref: Browser.Ref,
|
||||
text: string,
|
||||
generation: number,
|
||||
signal: AbortSignal,
|
||||
) {
|
||||
const editable = await callObject(page, resolveRef(page, ref), fillExpression, signal, ref)
|
||||
assertGeneration(page, generation)
|
||||
if (editable !== true) throw failure("stale_ref", "The browser element is not editable. Call browser_snapshot again.")
|
||||
await keyPair(page, { key: "a", code: "KeyA", modifiers: process.platform === "darwin" ? 4 : 2 }, signal)
|
||||
await keyPair(page, { key: "Backspace", code: "Backspace", windowsVirtualKeyCode: 8 }, signal)
|
||||
await send(page, { method: "Input.insertText", params: { text } }, signal)
|
||||
}
|
||||
|
||||
function press<Resource>(page: Page<Resource>, key: Browser.Key, signal: AbortSignal) {
|
||||
const code = (
|
||||
{ Enter: 13, Tab: 9, Escape: 27, Backspace: 8, Delete: 46, Space: 32 } as Partial<Record<Browser.Key, number>>
|
||||
)[key]
|
||||
return keyPair(
|
||||
page,
|
||||
{ key: key === "Space" ? " " : key, code: key, ...(code ? { windowsVirtualKeyCode: code } : {}) },
|
||||
signal,
|
||||
)
|
||||
}
|
||||
|
||||
function scroll<Resource>(page: Page<Resource>, direction: Browser.Direction, pixels: number, signal: AbortSignal) {
|
||||
const viewport = page.port.viewport()
|
||||
const distance = Math.min(2_000, Math.max(1, pixels))
|
||||
return send(
|
||||
page,
|
||||
{
|
||||
method: "Input.dispatchMouseEvent",
|
||||
params: {
|
||||
type: "mouseWheel",
|
||||
x: Math.max(0, Math.round(viewport.width / 2)),
|
||||
y: Math.max(0, Math.round(viewport.height / 2)),
|
||||
deltaX: direction === "left" ? -distance : direction === "right" ? distance : 0,
|
||||
deltaY: direction === "up" ? -distance : direction === "down" ? distance : 0,
|
||||
},
|
||||
},
|
||||
signal,
|
||||
)
|
||||
}
|
||||
|
||||
async function screenshot<Resource>(page: Page<Resource>, generation: number, signal: AbortSignal) {
|
||||
const source = await bounded(() => page.port.screenshot(2_000), signal, 10_000, "The browser screenshot timed out.")
|
||||
assertGeneration(page, generation)
|
||||
if (source.data.byteLength > 5 * 1_024 * 1_024)
|
||||
throw failure("result_too_large", "The browser screenshot exceeds 5 MiB.")
|
||||
if (
|
||||
![source.width, source.height].every(
|
||||
(dimension) => Number.isSafeInteger(dimension) && dimension >= 1 && dimension <= 2_000,
|
||||
)
|
||||
) {
|
||||
throw failure("internal", "The browser pane has no drawable area.")
|
||||
}
|
||||
return {
|
||||
type: "screenshot",
|
||||
state: refresh(page),
|
||||
mediaType: "image/png",
|
||||
data: new Uint8Array(source.data),
|
||||
width: source.width,
|
||||
height: source.height,
|
||||
} as const
|
||||
}
|
||||
|
||||
function schedule<Resource, Result>(
|
||||
page: Page<Resource>,
|
||||
signal: AbortSignal | undefined,
|
||||
run: (signal: AbortSignal) => Promise<Result>,
|
||||
) {
|
||||
if (page.disposed) throw failure("not_attached", "The browser page is no longer attached.")
|
||||
if (signal?.aborted) throw failure("aborted", "The browser action was aborted.")
|
||||
const result = page.queue.then(() => {
|
||||
if (page.disposed) throw failure("not_attached", "The browser page is no longer attached.")
|
||||
if (signal?.aborted) throw failure("aborted", "The browser action was aborted.")
|
||||
const active = new AbortController()
|
||||
page.active = active
|
||||
return run(AbortSignal.any([page.lifetime, active.signal, ...(signal ? [signal] : [])])).finally(() => {
|
||||
if (page.active === active) page.active = undefined
|
||||
})
|
||||
})
|
||||
page.queue = result.then(
|
||||
() => undefined,
|
||||
() => undefined,
|
||||
)
|
||||
return result.catch((error: unknown) => {
|
||||
throw error instanceof BrowserDriverError
|
||||
? error
|
||||
: failure("internal", error instanceof Error ? error.message : String(error))
|
||||
})
|
||||
}
|
||||
|
||||
function state<Resource>(page: Page<Resource>): Browser.State {
|
||||
if (page.disposed) throw failure("not_attached", "The browser page is no longer attached.")
|
||||
return {
|
||||
url: page.state.url.slice(0, 16_384),
|
||||
title: page.state.title.slice(0, 1_024),
|
||||
loading: page.state.loading,
|
||||
canGoBack: page.state.canGoBack,
|
||||
canGoForward: page.state.canGoForward,
|
||||
generation: page.generation,
|
||||
}
|
||||
}
|
||||
|
||||
function refresh<Resource>(page: Page<Resource>) {
|
||||
page.state = page.port.state()
|
||||
const current = state(page)
|
||||
page.listeners.forEach((listener) => listener(current))
|
||||
return current
|
||||
}
|
||||
|
||||
function invalidate<Resource>(page: Page<Resource>) {
|
||||
if (page.snapshot) release(page, page.snapshot)
|
||||
page.snapshot = undefined
|
||||
page.refs.clear()
|
||||
}
|
||||
|
||||
function release<Resource>(page: Page<Resource>, objectID: string) {
|
||||
void Promise.resolve(page.port.send({ method: "Runtime.releaseObject", params: { objectId: objectID } })).catch(
|
||||
() => undefined,
|
||||
)
|
||||
}
|
||||
|
||||
function resolveRef<Resource>(page: Page<Resource>, ref: Browser.Ref) {
|
||||
if (!page.snapshot || !page.refs.has(ref))
|
||||
throw failure("stale_ref", "The element reference is stale. Call browser_snapshot again.")
|
||||
return page.snapshot
|
||||
}
|
||||
|
||||
function send<Resource>(page: Page<Resource>, command: ChromiumCommand, signal?: AbortSignal) {
|
||||
return bounded(() => page.port.send(command), signal, 10_000, "The browser command timed out.").catch(
|
||||
(error: unknown) => {
|
||||
if (stale(error)) throw failure("stale_ref", "The element reference is stale. Call browser_snapshot again.")
|
||||
throw error
|
||||
},
|
||||
)
|
||||
}
|
||||
|
||||
function callObject<Resource>(
|
||||
page: Page<Resource>,
|
||||
objectID: string,
|
||||
expression: string,
|
||||
signal: AbortSignal,
|
||||
token?: Browser.Ref,
|
||||
) {
|
||||
return send(
|
||||
page,
|
||||
{
|
||||
method: "Runtime.callFunctionOn",
|
||||
params: {
|
||||
objectId: objectID,
|
||||
functionDeclaration: expression,
|
||||
...(token ? { arguments: [{ value: token }] } : {}),
|
||||
returnByValue: true,
|
||||
},
|
||||
},
|
||||
signal,
|
||||
).then(runtimeValue)
|
||||
}
|
||||
|
||||
function runtimeValue(input: unknown): unknown {
|
||||
if (!record(input)) throw failure("internal", "Browser page operation failed.")
|
||||
if (input.exceptionDetails !== undefined) {
|
||||
const details = record(input.exceptionDetails) ? input.exceptionDetails : undefined
|
||||
const exception = details && record(details.exception) ? details.exception : undefined
|
||||
const message =
|
||||
(exception && typeof exception.description === "string" && exception.description) ||
|
||||
(details && typeof details.text === "string" && details.text) ||
|
||||
"Browser page operation failed."
|
||||
throw stale(message)
|
||||
? failure("stale_ref", "The element reference is stale. Call browser_snapshot again.")
|
||||
: failure("internal", message)
|
||||
}
|
||||
if (!record(input.result) || !("value" in input.result)) throw failure("internal", "Browser page operation failed.")
|
||||
return input.result.value
|
||||
}
|
||||
|
||||
function keyPair<Resource>(
|
||||
page: Page<Resource>,
|
||||
key: Omit<Commands["Input.dispatchKeyEvent"], "type">,
|
||||
signal: AbortSignal,
|
||||
) {
|
||||
return send(page, { method: "Input.dispatchKeyEvent", params: { type: "keyDown", ...key } }, signal).finally(() =>
|
||||
send(page, { method: "Input.dispatchKeyEvent", params: { type: "keyUp", ...key } }),
|
||||
)
|
||||
}
|
||||
|
||||
function assertGeneration<Resource>(page: Page<Resource>, generation: number) {
|
||||
if (page.generation !== generation)
|
||||
throw failure("stale_ref", "The browser page changed. Call browser_snapshot again.")
|
||||
}
|
||||
|
||||
function bounded<Result>(
|
||||
run: () => PromiseLike<Result>,
|
||||
signal: AbortSignal | undefined,
|
||||
timeout: number,
|
||||
message: string,
|
||||
) {
|
||||
if (signal?.aborted) return Promise.reject(failure("aborted", "The browser action was aborted."))
|
||||
const timedOut = AbortSignal.timeout(timeout)
|
||||
const abort = signal ? AbortSignal.any([signal, timedOut]) : timedOut
|
||||
return new Promise<Result>((resolve, reject) => {
|
||||
const cancel = () =>
|
||||
reject(timedOut.aborted ? failure("timeout", message) : failure("aborted", "The browser action was aborted."))
|
||||
abort.addEventListener("abort", cancel, { once: true })
|
||||
void Promise.resolve()
|
||||
.then(run)
|
||||
.then(resolve, reject)
|
||||
.finally(() => abort.removeEventListener("abort", cancel))
|
||||
})
|
||||
}
|
||||
|
||||
function failure(code: Browser.ErrorCode, message: string) {
|
||||
return new BrowserDriverError(code, message.slice(0, 1_024))
|
||||
}
|
||||
|
||||
function stale(input: unknown) {
|
||||
return /Could not find (node|object)|No node with given id|Node with given id does not belong|Could not push node|Could not compute box model|stale element/i.test(
|
||||
input instanceof Error ? input.message : String(input),
|
||||
)
|
||||
}
|
||||
|
||||
function record(input: unknown): input is Record<string, unknown> {
|
||||
return typeof input === "object" && input !== null && !Array.isArray(input)
|
||||
}
|
||||
|
||||
function snapshotExpression(nextRef: number) {
|
||||
return `(() => {
|
||||
const interactive = new Set(["button","checkbox","combobox","link","menuitem","option","radio","searchbox","slider","spinbutton","switch","tab","textbox"])
|
||||
const readable = new Set(["article","cell","columnheader","heading","img","list","listitem","p","region","row","rowheader","table"])
|
||||
const roleFor = (element) => {
|
||||
const explicit = element.getAttribute("role")
|
||||
if (explicit) return explicit.slice(0, 100).split(/\\s+/)[0]
|
||||
if (/^H[1-6]$/.test(element.tagName)) return "heading"
|
||||
if (element.tagName === "INPUT") {
|
||||
return ({checkbox:"checkbox",radio:"radio",range:"slider",number:"spinbutton",search:"searchbox"})[element.type] || "textbox"
|
||||
}
|
||||
return ({A:"link",ARTICLE:"article",BUTTON:"button",IMG:"img",LI:"listitem",OL:"list",P:"p",SELECT:"combobox",TABLE:"table",TD:"cell",TH:"columnheader",TR:"row",TEXTAREA:"textbox",UL:"list"})[element.tagName] || element.tagName.toLowerCase()
|
||||
}
|
||||
const clean = (value) => String(value || "").slice(0, 1000).replace(/\\s+/g, " ").trim().slice(0, 300)
|
||||
const textFor = (element) => {
|
||||
const queue = Array.from(element.childNodes).slice(0, 20)
|
||||
const parts = []
|
||||
let visited = 0
|
||||
while (queue.length && visited++ < 20) {
|
||||
const item = queue.shift()
|
||||
if (item.nodeType === Node.TEXT_NODE) parts.push(item.nodeValue || "")
|
||||
queue.push(...Array.from(item.childNodes).slice(0, Math.max(0, 20 - queue.length - visited)))
|
||||
}
|
||||
return parts.join(" ")
|
||||
}
|
||||
const nodes = []
|
||||
const refs = Object.create(null)
|
||||
const walker = document.createTreeWalker(document.body || document.documentElement, NodeFilter.SHOW_ELEMENT)
|
||||
let visited = 0
|
||||
let ref = ${Math.max(0, Math.floor(nextRef))}
|
||||
while (visited++ < 500) {
|
||||
const element = walker.nextNode()
|
||||
if (!element) break
|
||||
if (element.hidden || element.getAttribute("aria-hidden") === "true" || (element.tagName === "INPUT" && element.type === "hidden")) continue
|
||||
const role = clean(roleFor(element)).replace(/[^a-zA-Z0-9_-]/g, "").slice(0, 40) || "node"
|
||||
const isInteractive = interactive.has(role) || element.tabIndex >= 0
|
||||
if (!isInteractive && !readable.has(role)) continue
|
||||
const editable = ["INPUT","TEXTAREA","SELECT"].includes(element.tagName) || ["textbox","searchbox","combobox","spinbutton"].includes(role) || element.isContentEditable
|
||||
const labelledBy = element.getAttribute("aria-labelledby")
|
||||
const label = labelledBy && document.getElementById(labelledBy)
|
||||
const token = isInteractive ? "e" + (++ref) : undefined
|
||||
if (token) refs[token] = element
|
||||
let depth = 0
|
||||
for (let item = element.parentElement; item && depth < 6; item = item.parentElement) depth++
|
||||
nodes.push({
|
||||
token,
|
||||
role,
|
||||
name: clean(element.getAttribute("aria-label") || (label && textFor(label)) || element.alt || (editable ? "" : textFor(element))),
|
||||
value: editable ? "" : clean(element.value),
|
||||
depth,
|
||||
checked: "checked" in element ? Boolean(element.checked) : undefined,
|
||||
disabled: "disabled" in element ? Boolean(element.disabled) : undefined,
|
||||
expanded: element.getAttribute("aria-expanded") === "true" ? true : element.getAttribute("aria-expanded") === "false" ? false : undefined,
|
||||
selected: "selected" in element ? Boolean(element.selected) : undefined,
|
||||
})
|
||||
}
|
||||
return { result: { nodes, nextRef: ref }, refs }
|
||||
})()`
|
||||
}
|
||||
|
||||
const clickExpression = `function(token) {
|
||||
const element = this.refs[token]
|
||||
if (!element || !element.isConnected) throw new Error("stale element")
|
||||
element.scrollIntoView({ block: "center", inline: "center" })
|
||||
const bounds = element.getBoundingClientRect()
|
||||
if (bounds.width <= 0 || bounds.height <= 0) throw new Error("element has no bounds")
|
||||
return { x: bounds.left + bounds.width / 2, y: bounds.top + bounds.height / 2 }
|
||||
}`
|
||||
|
||||
const fillExpression = `function(token) {
|
||||
const element = this.refs[token]
|
||||
if (!element || !element.isConnected) throw new Error("stale element")
|
||||
const role = String(element.getAttribute("role") || "").split(/\\s+/, 1)[0]
|
||||
const input = element.tagName === "INPUT" && !["button","checkbox","color","file","hidden","image","radio","range","reset","submit"].includes(String(element.type).toLowerCase())
|
||||
const editable = input || element.tagName === "TEXTAREA" || element.isContentEditable || ["textbox","searchbox","combobox","spinbutton"].includes(role)
|
||||
if (!editable || element.disabled || element.readOnly || element.getAttribute("aria-disabled") === "true" || element.getAttribute("aria-readonly") === "true") return false
|
||||
element.focus()
|
||||
return true
|
||||
}`
|
||||
@@ -0,0 +1,326 @@
|
||||
import { BrowserControlProtocol } from "@opencode-ai/protocol/browser-control"
|
||||
import { Browser } from "@opencode-ai/schema/browser"
|
||||
import type { BrowserControl } from "@opencode-ai/schema/browser-control"
|
||||
import { Session } from "@opencode-ai/schema/session"
|
||||
import { Effect, Schema } from "effect"
|
||||
import WebSocket from "ws"
|
||||
import type { ClientOptions } from "../../promise/generated/client.js"
|
||||
import type { BrowserDriver, BrowserDriverInstance } from "./driver.js"
|
||||
import { createBrowserProxy } from "./proxy.js"
|
||||
import { openBrowserTunnel, type BrowserTunnelEndpoint } from "./tunnel.js"
|
||||
|
||||
export interface BrowserRegisterOptions {
|
||||
readonly sessionID: string
|
||||
readonly open: () => Promise<void> | void
|
||||
}
|
||||
|
||||
export interface BrowserAttachOptions<Resource> {
|
||||
readonly driver: BrowserDriver<Resource>
|
||||
readonly signal?: AbortSignal
|
||||
}
|
||||
|
||||
export interface BrowserAttachment<Resource> extends AsyncDisposable {
|
||||
readonly resource: Resource
|
||||
readonly close: () => Promise<void>
|
||||
}
|
||||
|
||||
export interface BrowserRegistration extends AsyncDisposable {
|
||||
readonly attach: <Resource>(options: BrowserAttachOptions<Resource>) => Promise<BrowserAttachment<Resource>>
|
||||
readonly close: () => Promise<void>
|
||||
}
|
||||
|
||||
export interface BrowserClient {
|
||||
readonly register: (options: BrowserRegisterOptions) => Promise<BrowserRegistration>
|
||||
}
|
||||
|
||||
type Attachment = {
|
||||
readonly leaseID: Browser.LeaseID
|
||||
readonly abort: AbortController
|
||||
readonly attached: PromiseWithResolvers<void>
|
||||
readonly externalSignal?: AbortSignal
|
||||
readonly externalAbort: () => void
|
||||
state?: Browser.State
|
||||
execute?: BrowserDriverInstance<unknown>["execute"]
|
||||
unsubscribe?: () => void
|
||||
dispose?: () => Promise<void> | void
|
||||
proxy?: Awaited<ReturnType<typeof createBrowserProxy>>
|
||||
sent: boolean
|
||||
acknowledged: boolean
|
||||
closed: boolean
|
||||
closing?: Promise<void>
|
||||
}
|
||||
|
||||
export function createBrowserClient(options: ClientOptions): BrowserClient {
|
||||
const url = new URL(options.baseUrl)
|
||||
if ((url.protocol !== "http:" && url.protocol !== "https:") || url.username || url.password) {
|
||||
throw new TypeError("Browser server endpoint must be an HTTP URL without embedded credentials")
|
||||
}
|
||||
const authorization = new Headers(options.headers).get("authorization") ?? undefined
|
||||
const endpoint: BrowserTunnelEndpoint = { url: url.href, ...(authorization ? { authorization } : {}) }
|
||||
return {
|
||||
register: async (input) => {
|
||||
if (!Schema.is(Session.ID)(input.sessionID))
|
||||
throw new TypeError("Browser registration requires a valid Session ID")
|
||||
if (typeof input.open !== "function") throw new TypeError("Browser registration requires an open callback")
|
||||
const registration = new BrowserRegistrationControl(endpoint, Session.ID.make(input.sessionID), input.open)
|
||||
await abortable(registration.registered.promise, AbortSignal.timeout(10_000)).catch(async (error: unknown) => {
|
||||
await registration.close().catch(() => undefined)
|
||||
throw error
|
||||
})
|
||||
return registration
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
class BrowserRegistrationControl implements BrowserRegistration {
|
||||
readonly registered = Promise.withResolvers<void>()
|
||||
private readonly requests = new Map<BrowserControl.RequestID, AbortController>()
|
||||
private readonly cancelled = new Set<Browser.LeaseID>()
|
||||
private readonly socket: WebSocket
|
||||
private attachment?: Attachment
|
||||
private closed = false
|
||||
private closing?: Promise<void>
|
||||
|
||||
constructor(
|
||||
private readonly endpoint: BrowserTunnelEndpoint,
|
||||
private readonly sessionID: Session.ID,
|
||||
private readonly open: BrowserRegisterOptions["open"],
|
||||
) {
|
||||
const url = new URL(endpoint.url)
|
||||
url.protocol = url.protocol === "https:" ? "wss:" : "ws:"
|
||||
url.pathname = BrowserControlProtocol.Path
|
||||
url.search = ""
|
||||
url.hash = ""
|
||||
this.socket = new WebSocket(url, BrowserControlProtocol.Subprotocol, {
|
||||
...(endpoint.authorization ? { headers: { Authorization: endpoint.authorization } } : {}),
|
||||
handshakeTimeout: 10_000,
|
||||
maxPayload: BrowserControlProtocol.MaxMessageBytes,
|
||||
perMessageDeflate: false,
|
||||
followRedirects: false,
|
||||
})
|
||||
this.socket.once("open", () => this.send({ type: "browser.control.register", sessionID }))
|
||||
this.socket.on("message", (data, binary) => void this.receive(data, binary))
|
||||
this.socket.on("error", (error) => {
|
||||
const status = /^Unexpected server response: (\d+)$/.exec(error.message)?.[1]
|
||||
this.fail(new Error(status ? `Browser control connection was rejected with HTTP ${status}` : error.message))
|
||||
})
|
||||
if (!process.versions.bun) {
|
||||
this.socket.on("unexpected-response", (_request, response) => {
|
||||
response.resume()
|
||||
this.fail(new Error(`Browser control connection was rejected with HTTP ${response.statusCode}`))
|
||||
})
|
||||
}
|
||||
this.socket.on("close", () => this.fail(new Error("Browser control connection closed.")))
|
||||
}
|
||||
|
||||
async attach<Resource>(input: BrowserAttachOptions<Resource>): Promise<BrowserAttachment<Resource>> {
|
||||
if (this.closed) throw new Error("Browser registration is closed")
|
||||
if (this.attachment) throw new Error("A browser is already attached to this registration")
|
||||
if (input.signal?.aborted) throw abortError(input.signal, "Browser attachment was aborted")
|
||||
const record: Attachment = {
|
||||
leaseID: Browser.LeaseID.create(),
|
||||
abort: new AbortController(),
|
||||
attached: Promise.withResolvers<void>(),
|
||||
externalSignal: input.signal,
|
||||
externalAbort: () =>
|
||||
void this.closeAttachment(record, abortError(input.signal, "Browser attachment was aborted")),
|
||||
sent: false,
|
||||
acknowledged: false,
|
||||
closed: false,
|
||||
}
|
||||
this.attachment = record
|
||||
void record.attached.promise.catch(() => undefined)
|
||||
input.signal?.addEventListener("abort", record.externalAbort, { once: true })
|
||||
|
||||
return Promise.resolve()
|
||||
.then(async () => {
|
||||
const proxy = await this.openProxy(record)
|
||||
record.proxy = proxy
|
||||
const instance = await input.driver({
|
||||
proxy: Object.freeze({
|
||||
url: proxy.url,
|
||||
host: proxy.host,
|
||||
port: proxy.port,
|
||||
credentials: Object.freeze({ ...proxy.credentials }),
|
||||
}),
|
||||
signal: record.abort.signal,
|
||||
})
|
||||
if (record.closed) {
|
||||
await instance.dispose()
|
||||
throw abortError(record.abort.signal, "Browser attachment was closed")
|
||||
}
|
||||
record.dispose = () => instance.dispose()
|
||||
record.execute = (command, options) => instance.execute(command, options)
|
||||
record.state = instance.state()
|
||||
if (!Schema.is(Browser.State)(record.state)) throw new TypeError("Browser driver returned an invalid state")
|
||||
record.unsubscribe = instance.subscribe((state) => {
|
||||
if (record.closed) return
|
||||
if (!Schema.is(Browser.State)(state)) {
|
||||
this.fail(new TypeError("Browser driver returned an invalid state"))
|
||||
return
|
||||
}
|
||||
record.state = state
|
||||
if (record.acknowledged) this.send({ type: "browser.control.state", leaseID: record.leaseID, state })
|
||||
})
|
||||
this.send({ type: "browser.control.attach", leaseID: record.leaseID, state: record.state })
|
||||
record.sent = true
|
||||
await abortable(record.attached.promise, AbortSignal.any([record.abort.signal, AbortSignal.timeout(10_000)]))
|
||||
record.acknowledged = true
|
||||
this.send({ type: "browser.control.state", leaseID: record.leaseID, state: record.state })
|
||||
const close = () => this.closeAttachment(record)
|
||||
return Object.freeze({ resource: instance.resource, close, [Symbol.asyncDispose]: close })
|
||||
})
|
||||
.catch(async (error: unknown) => {
|
||||
await this.closeAttachment(record).catch(() => undefined)
|
||||
throw error
|
||||
})
|
||||
}
|
||||
|
||||
close() {
|
||||
if (this.closing) return this.closing
|
||||
this.closed = true
|
||||
this.closing = (this.attachment ? this.closeAttachment(this.attachment) : Promise.resolve()).finally(() => {
|
||||
this.requests.forEach((request) => request.abort())
|
||||
this.requests.clear()
|
||||
if (this.socket.readyState === WebSocket.OPEN) this.socket.close(1000)
|
||||
if (this.socket.readyState === WebSocket.CONNECTING) this.socket.terminate()
|
||||
})
|
||||
return this.closing
|
||||
}
|
||||
|
||||
[Symbol.asyncDispose]() {
|
||||
return this.close()
|
||||
}
|
||||
|
||||
private async openProxy(record: Attachment) {
|
||||
const proxy = await createBrowserProxy({
|
||||
connect: async (target, signal) => {
|
||||
await abortable(record.attached.promise, signal)
|
||||
return openBrowserTunnel({
|
||||
endpoint: this.endpoint,
|
||||
sessionID: this.sessionID,
|
||||
leaseID: record.leaseID,
|
||||
target,
|
||||
signal: AbortSignal.any([signal, record.abort.signal]),
|
||||
})
|
||||
},
|
||||
})
|
||||
if (record.closed) {
|
||||
await proxy.close()
|
||||
throw abortError(record.abort.signal, "Browser attachment was closed")
|
||||
}
|
||||
return proxy
|
||||
}
|
||||
|
||||
private closeAttachment(record: Attachment, reason = new Error("Browser attachment was closed")) {
|
||||
if (record.closing) return record.closing
|
||||
record.closed = true
|
||||
record.externalSignal?.removeEventListener("abort", record.externalAbort)
|
||||
record.abort.abort(reason)
|
||||
record.attached.reject(reason)
|
||||
this.requests.forEach((request) => request.abort(reason))
|
||||
this.requests.clear()
|
||||
if (this.attachment === record) this.attachment = undefined
|
||||
if (record.sent) {
|
||||
if (!record.acknowledged) this.cancelled.add(record.leaseID)
|
||||
this.send({ type: "browser.control.detach", leaseID: record.leaseID })
|
||||
}
|
||||
record.closing = Promise.resolve()
|
||||
.then(() => record.unsubscribe?.())
|
||||
.finally(() => record.dispose?.())
|
||||
.finally(() => record.proxy?.close())
|
||||
return record.closing
|
||||
}
|
||||
|
||||
private async receive(data: WebSocket.RawData, binary: boolean) {
|
||||
if (binary) return this.fail(new Error("Invalid browser control message."))
|
||||
const payload =
|
||||
data instanceof ArrayBuffer ? new Uint8Array(data) : Array.isArray(data) ? Buffer.concat(data) : data
|
||||
const message = await Effect.runPromise(BrowserControlProtocol.decodeFromServer(payload)).catch(() => undefined)
|
||||
if (!message) return this.fail(new Error("Invalid browser control message."))
|
||||
if (message.type === "browser.control.registered") return this.registered.resolve()
|
||||
if (message.type === "browser.control.open") {
|
||||
queueMicrotask(
|
||||
() =>
|
||||
void Promise.resolve()
|
||||
.then(this.open)
|
||||
.catch((error: unknown) => this.fail(error instanceof Error ? error : new Error(String(error)))),
|
||||
)
|
||||
return
|
||||
}
|
||||
if (message.type === "browser.control.attached") {
|
||||
if (this.cancelled.delete(message.leaseID)) return
|
||||
if (this.attachment?.leaseID !== message.leaseID) return this.fail(new Error("Invalid browser control message."))
|
||||
this.attachment.attached.resolve()
|
||||
return
|
||||
}
|
||||
if (message.type === "browser.control.cancel") {
|
||||
if (this.attachment?.leaseID !== message.leaseID) return
|
||||
this.requests.get(message.requestID)?.abort(new Error("Browser command was cancelled"))
|
||||
this.requests.delete(message.requestID)
|
||||
return
|
||||
}
|
||||
void this.request(message)
|
||||
}
|
||||
|
||||
private async request(message: Extract<BrowserControl.FromServer, { readonly type: "browser.control.request" }>) {
|
||||
const record = this.attachment
|
||||
if (!record?.acknowledged || record.leaseID !== message.leaseID || !record.execute) {
|
||||
this.send({
|
||||
type: "browser.control.response",
|
||||
requestID: message.requestID,
|
||||
leaseID: message.leaseID,
|
||||
outcome: { type: "failure", code: "not_attached", message: "Browser is not attached." },
|
||||
})
|
||||
return
|
||||
}
|
||||
const abort = new AbortController()
|
||||
this.requests.set(message.requestID, abort)
|
||||
const outcome = await record
|
||||
.execute(message.command, { signal: AbortSignal.any([abort.signal, record.abort.signal]) })
|
||||
.then(
|
||||
(result): Browser.Outcome =>
|
||||
Schema.is(Browser.Result)(result) && result.type === message.command.type
|
||||
? { type: "success", result }
|
||||
: { type: "failure", code: "protocol", message: "Browser driver returned an invalid result." },
|
||||
(error): Browser.Outcome => ({
|
||||
type: "failure",
|
||||
code:
|
||||
error !== null && typeof error === "object" && "code" in error && Schema.is(Browser.ErrorCode)(error.code)
|
||||
? error.code
|
||||
: "internal",
|
||||
message: (error instanceof Error ? error.message : String(error)).slice(0, 1_024),
|
||||
}),
|
||||
)
|
||||
if (this.requests.get(message.requestID) !== abort) return
|
||||
this.requests.delete(message.requestID)
|
||||
this.send({ type: "browser.control.response", requestID: message.requestID, leaseID: message.leaseID, outcome })
|
||||
}
|
||||
|
||||
private send(message: BrowserControl.FromClient) {
|
||||
if (this.socket.readyState !== WebSocket.OPEN) return
|
||||
this.socket.send(BrowserControlProtocol.encodeFromClient(message), (error) => {
|
||||
if (error) this.fail(error)
|
||||
})
|
||||
}
|
||||
|
||||
private fail(error: Error) {
|
||||
if (this.closed) return
|
||||
this.registered.reject(error)
|
||||
this.attachment?.attached.reject(error)
|
||||
void this.close()
|
||||
}
|
||||
}
|
||||
|
||||
function abortable<Result>(promise: Promise<Result>, signal: AbortSignal) {
|
||||
if (signal.aborted) return Promise.reject(abortError(signal, "Browser operation was aborted"))
|
||||
return new Promise<Result>((resolve, reject) => {
|
||||
const abort = () => reject(abortError(signal, "Browser operation was aborted"))
|
||||
signal.addEventListener("abort", abort, { once: true })
|
||||
void promise.then(resolve, reject).finally(() => signal.removeEventListener("abort", abort))
|
||||
})
|
||||
}
|
||||
|
||||
function abortError(signal: AbortSignal | undefined, message: string) {
|
||||
return signal?.reason instanceof Error ? signal.reason : new Error(message)
|
||||
}
|
||||
@@ -0,0 +1,51 @@
|
||||
import type { Browser } from "@opencode-ai/schema/browser"
|
||||
import { chromiumDriver, type ChromiumDriver, type ChromiumPort } from "./chromium.js"
|
||||
|
||||
export interface BrowserProxy {
|
||||
readonly url: string
|
||||
readonly host: string
|
||||
readonly port: number
|
||||
readonly credentials: { readonly username: string; readonly password: string }
|
||||
}
|
||||
|
||||
export interface BrowserDriverContext {
|
||||
readonly proxy: BrowserProxy
|
||||
readonly signal: AbortSignal
|
||||
}
|
||||
|
||||
export interface BrowserDriverInstance<Resource> {
|
||||
readonly resource: Resource
|
||||
readonly state: () => Browser.State
|
||||
readonly subscribe: (listener: (state: Browser.State) => void) => () => void
|
||||
readonly execute: (command: Browser.Command, options: { readonly signal: AbortSignal }) => Promise<Browser.Result>
|
||||
readonly dispose: () => Promise<void> | void
|
||||
}
|
||||
|
||||
export type BrowserDriverFactory<Resource> = (
|
||||
context: BrowserDriverContext,
|
||||
) => Promise<BrowserDriverInstance<Resource>> | BrowserDriverInstance<Resource>
|
||||
|
||||
export type BrowserDriver<Resource> = BrowserDriverFactory<Resource>
|
||||
|
||||
export class BrowserDriverError extends Error {
|
||||
override readonly name = "BrowserDriverError"
|
||||
|
||||
constructor(
|
||||
readonly code: Browser.ErrorCode,
|
||||
message: string,
|
||||
options?: ErrorOptions,
|
||||
) {
|
||||
super(message, options)
|
||||
}
|
||||
}
|
||||
|
||||
export const BrowserDriver = {
|
||||
define<Resource>(create: BrowserDriverFactory<Resource>): BrowserDriver<Resource> {
|
||||
return create
|
||||
},
|
||||
chromium<Resource>(
|
||||
create: (context: BrowserDriverContext) => PromiseLike<ChromiumPort<Resource>> | ChromiumPort<Resource>,
|
||||
): ChromiumDriver<Resource> {
|
||||
return chromiumDriver(create)
|
||||
},
|
||||
}
|
||||
@@ -0,0 +1,211 @@
|
||||
import { BrowserTunnel } from "@opencode-ai/schema/browser-tunnel"
|
||||
import { randomBytes, timingSafeEqual } from "node:crypto"
|
||||
import {
|
||||
Agent,
|
||||
createServer,
|
||||
request,
|
||||
type IncomingHttpHeaders,
|
||||
type IncomingMessage,
|
||||
type ServerResponse,
|
||||
} from "node:http"
|
||||
import type { Duplex } from "node:stream"
|
||||
|
||||
export async function createBrowserProxy(input: {
|
||||
readonly connect: (target: BrowserTunnel.Target, signal: AbortSignal) => Promise<Duplex>
|
||||
}) {
|
||||
const credentials = { username: randomBytes(16).toString("hex"), password: randomBytes(32).toString("hex") }
|
||||
const expected = Buffer.from(
|
||||
`Basic ${Buffer.from(`${credentials.username}:${credentials.password}`).toString("base64")}`,
|
||||
)
|
||||
const clients = new Set<Duplex>()
|
||||
const tunnels = new Set<Duplex>()
|
||||
const lifetime = new AbortController()
|
||||
let closing: Promise<void> | undefined
|
||||
|
||||
const authorized = (header: string | string[] | undefined) => {
|
||||
if (typeof header !== "string") return false
|
||||
const actual = Buffer.from(header)
|
||||
return actual.length === expected.length && timingSafeEqual(actual, expected)
|
||||
}
|
||||
const connect = async (target: BrowserTunnel.Target, signal: AbortSignal) => {
|
||||
if (lifetime.signal.aborted) throw new Error("Browser proxy is closed")
|
||||
const abort = AbortSignal.any([signal, lifetime.signal])
|
||||
const tunnel = await input.connect(target, abort)
|
||||
if (abort.aborted) {
|
||||
tunnel.destroy()
|
||||
throw abort.reason ?? new Error("Browser proxy is closed")
|
||||
}
|
||||
tunnels.add(tunnel)
|
||||
tunnel.once("close", () => tunnels.delete(tunnel))
|
||||
tunnel.on("error", () => tunnel.destroy())
|
||||
return tunnel
|
||||
}
|
||||
|
||||
const server = createServer({ maxHeaderSize: 64 * 1_024 }, (incoming, response) => {
|
||||
if (!authorized(incoming.headers["proxy-authorization"])) {
|
||||
response.writeHead(407, { "Proxy-Authenticate": 'Basic realm="OpenCode Browser Proxy"' }).end()
|
||||
return
|
||||
}
|
||||
void forward(incoming, response, connect).catch(() => response.destroy())
|
||||
})
|
||||
server.requestTimeout = 30_000
|
||||
server.headersTimeout = 10_000
|
||||
server.keepAliveTimeout = 5_000
|
||||
server.on("connection", (socket) => {
|
||||
clients.add(socket)
|
||||
socket.once("close", () => clients.delete(socket))
|
||||
})
|
||||
server.on("connect", (incoming, socket, head) => {
|
||||
void forwardConnect(incoming, socket, head, connect, authorized).catch(() => {
|
||||
if (!socket.destroyed) socket.end("HTTP/1.1 502 Bad Gateway\r\nContent-Length: 0\r\nConnection: close\r\n\r\n")
|
||||
})
|
||||
})
|
||||
server.on("error", () => undefined)
|
||||
server.on("clientError", (_error, socket) => {
|
||||
if (!socket.destroyed) socket.end("HTTP/1.1 400 Bad Request\r\nConnection: close\r\n\r\n")
|
||||
})
|
||||
|
||||
await new Promise<void>((resolve, reject) => {
|
||||
server.once("error", reject)
|
||||
server.listen(0, "127.0.0.1", () => {
|
||||
server.off("error", reject)
|
||||
resolve()
|
||||
})
|
||||
})
|
||||
const address = server.address()
|
||||
if (!address || typeof address === "string") throw new Error("Browser proxy did not bind a TCP address")
|
||||
return {
|
||||
url: `http://127.0.0.1:${address.port}`,
|
||||
host: "127.0.0.1",
|
||||
port: address.port,
|
||||
credentials,
|
||||
close() {
|
||||
if (closing) return closing
|
||||
lifetime.abort(new Error("Browser proxy is closed"))
|
||||
tunnels.forEach((tunnel) => tunnel.destroy())
|
||||
clients.forEach((client) => client.destroy())
|
||||
closing = new Promise<void>((resolve) => server.close(() => resolve()))
|
||||
return closing
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
async function forwardConnect(
|
||||
incoming: IncomingMessage,
|
||||
socket: Duplex,
|
||||
head: Buffer,
|
||||
connect: (target: BrowserTunnel.Target, signal: AbortSignal) => Promise<Duplex>,
|
||||
authorized: (header: string | string[] | undefined) => boolean,
|
||||
) {
|
||||
if (!authorized(incoming.headers["proxy-authorization"])) {
|
||||
socket.end(
|
||||
'HTTP/1.1 407 Proxy Authentication Required\r\nProxy-Authenticate: Basic realm="OpenCode Browser Proxy"\r\nContent-Length: 0\r\nConnection: close\r\n\r\n',
|
||||
)
|
||||
return
|
||||
}
|
||||
const match = /^(?:\[([^\]]+)\]|([^:]+))(?::([0-9]+))?$/.exec(incoming.url ?? "")
|
||||
const host = match?.[1] ?? match?.[2]
|
||||
const port = Number(match?.[3] ?? 443)
|
||||
if (!host || host.length > 253 || /[\s/?#]/.test(host) || !Number.isSafeInteger(port) || port < 1 || port > 65_535) {
|
||||
socket.end("HTTP/1.1 400 Bad Request\r\nContent-Length: 0\r\nConnection: close\r\n\r\n")
|
||||
return
|
||||
}
|
||||
const abort = new AbortController()
|
||||
const cancel = () => abort.abort(new Error("Browser proxy client closed"))
|
||||
socket.once("close", cancel)
|
||||
socket.pause()
|
||||
const tunnel = await connect(
|
||||
{ host: BrowserTunnel.Host.make(host), port: BrowserTunnel.Port.make(port) },
|
||||
abort.signal,
|
||||
).finally(() => socket.off("close", cancel))
|
||||
if (socket.destroyed) {
|
||||
tunnel.destroy()
|
||||
return
|
||||
}
|
||||
socket.write("HTTP/1.1 200 Connection Established\r\n\r\n")
|
||||
if (head.byteLength) tunnel.write(head)
|
||||
socket.on("error", () => tunnel.destroy())
|
||||
tunnel.on("error", () => socket.destroy())
|
||||
socket.once("close", () => tunnel.destroy())
|
||||
tunnel.once("close", () => socket.destroy())
|
||||
socket.pipe(tunnel).pipe(socket)
|
||||
socket.resume()
|
||||
}
|
||||
|
||||
async function forward(
|
||||
incoming: IncomingMessage,
|
||||
response: ServerResponse,
|
||||
connect: (target: BrowserTunnel.Target, signal: AbortSignal) => Promise<Duplex>,
|
||||
) {
|
||||
if (!incoming.url || !URL.canParse(incoming.url)) {
|
||||
response.writeHead(400).end()
|
||||
return
|
||||
}
|
||||
const url = new URL(incoming.url)
|
||||
if (url.protocol !== "http:" || url.username || url.password) {
|
||||
response.writeHead(400).end()
|
||||
return
|
||||
}
|
||||
const abort = new AbortController()
|
||||
const cancel = () => abort.abort(new Error("Browser proxy client closed"))
|
||||
incoming.once("aborted", cancel)
|
||||
response.once("close", cancel)
|
||||
const host = url.hostname.startsWith("[") ? url.hostname.slice(1, -1) : url.hostname
|
||||
const port = url.port ? Number(url.port) : 80
|
||||
const tunnel = await connect(
|
||||
{ host: BrowserTunnel.Host.make(host), port: BrowserTunnel.Port.make(port) },
|
||||
abort.signal,
|
||||
)
|
||||
const headers = forwardedHeaders(incoming.headers)
|
||||
headers.host = url.host
|
||||
headers.connection = "close"
|
||||
const agent = new Agent({ keepAlive: false, maxSockets: 1 })
|
||||
agent.createConnection = () => tunnel
|
||||
await new Promise<void>((resolve, reject) => {
|
||||
const upstream = request(
|
||||
{
|
||||
agent,
|
||||
hostname: url.hostname,
|
||||
port,
|
||||
path: `${url.pathname}${url.search}`,
|
||||
method: incoming.method,
|
||||
headers,
|
||||
signal: abort.signal,
|
||||
},
|
||||
(result) => {
|
||||
const headers = forwardedHeaders(result.headers)
|
||||
headers.connection = "close"
|
||||
response.writeHead(result.statusCode ?? 502, result.statusMessage, headers)
|
||||
result.once("error", reject)
|
||||
response.once("finish", resolve)
|
||||
result.pipe(response)
|
||||
},
|
||||
)
|
||||
upstream.once("error", reject)
|
||||
incoming.pipe(upstream)
|
||||
}).finally(() => {
|
||||
incoming.off("aborted", cancel)
|
||||
response.off("close", cancel)
|
||||
agent.destroy()
|
||||
tunnel.destroy()
|
||||
})
|
||||
}
|
||||
|
||||
function forwardedHeaders(input: IncomingHttpHeaders) {
|
||||
const headers = { ...input }
|
||||
if (typeof headers.connection === "string") {
|
||||
headers.connection.split(",").forEach((name) => delete headers[name.trim().toLowerCase()])
|
||||
}
|
||||
;[
|
||||
"connection",
|
||||
"keep-alive",
|
||||
"proxy-authenticate",
|
||||
"proxy-authorization",
|
||||
"proxy-connection",
|
||||
"te",
|
||||
"trailer",
|
||||
"transfer-encoding",
|
||||
"upgrade",
|
||||
].forEach((name) => delete headers[name])
|
||||
return headers
|
||||
}
|
||||
@@ -0,0 +1,179 @@
|
||||
import { BrowserTunnelProtocol } from "@opencode-ai/protocol/browser-tunnel"
|
||||
import type { Browser } from "@opencode-ai/schema/browser"
|
||||
import type { BrowserTunnel } from "@opencode-ai/schema/browser-tunnel"
|
||||
import type { Session } from "@opencode-ai/schema/session"
|
||||
import { Effect } from "effect"
|
||||
import { Duplex } from "node:stream"
|
||||
import WebSocket from "ws"
|
||||
|
||||
export interface BrowserTunnelEndpoint {
|
||||
readonly url: string
|
||||
readonly authorization?: string
|
||||
}
|
||||
|
||||
interface BrowserTunnelOpen {
|
||||
readonly endpoint: BrowserTunnelEndpoint
|
||||
readonly sessionID: Session.ID
|
||||
readonly leaseID: Browser.LeaseID
|
||||
readonly target: BrowserTunnel.Target
|
||||
readonly signal?: AbortSignal
|
||||
}
|
||||
|
||||
export class BrowserTunnelError extends Error {
|
||||
override readonly name = "BrowserTunnelError"
|
||||
|
||||
constructor(
|
||||
readonly code: BrowserTunnel.OpenErrorCode | "transport",
|
||||
message: string,
|
||||
) {
|
||||
super(message)
|
||||
}
|
||||
}
|
||||
|
||||
export async function openBrowserTunnel(input: BrowserTunnelOpen): Promise<Duplex> {
|
||||
const stream = new BrowserTunnelStream(input)
|
||||
const timeout = AbortSignal.timeout(15_000)
|
||||
const cancel = () => stream.destroy(new BrowserTunnelError("transport", "Browser tunnel handshake timed out."))
|
||||
timeout.addEventListener("abort", cancel, { once: true })
|
||||
await stream.opened.promise.finally(() => timeout.removeEventListener("abort", cancel))
|
||||
return stream
|
||||
}
|
||||
|
||||
class BrowserTunnelStream extends Duplex {
|
||||
readonly connecting = false
|
||||
readonly opened = Promise.withResolvers<void>()
|
||||
private readonly socket: WebSocket
|
||||
private readonly signal?: AbortSignal
|
||||
private state: "opening" | "open" | "closed" = "opening"
|
||||
private paused = false
|
||||
|
||||
constructor(input: BrowserTunnelOpen) {
|
||||
super()
|
||||
this.on("error", () => undefined)
|
||||
this.signal = input.signal
|
||||
const url = new URL(input.endpoint.url)
|
||||
url.protocol = url.protocol === "https:" ? "wss:" : "ws:"
|
||||
url.pathname = BrowserTunnelProtocol.Path
|
||||
url.search = ""
|
||||
url.hash = ""
|
||||
this.socket = new WebSocket(url, BrowserTunnelProtocol.Subprotocol, {
|
||||
...(input.endpoint.authorization ? { headers: { Authorization: input.endpoint.authorization } } : {}),
|
||||
handshakeTimeout: 10_000,
|
||||
maxPayload: BrowserTunnelProtocol.MaxFrameBytes,
|
||||
perMessageDeflate: false,
|
||||
followRedirects: false,
|
||||
})
|
||||
this.socket.once("open", () =>
|
||||
this.socket.send(
|
||||
BrowserTunnelProtocol.encodeFromClient({
|
||||
type: "browser.tunnel.open",
|
||||
sessionID: input.sessionID,
|
||||
leaseID: input.leaseID,
|
||||
target: input.target,
|
||||
}),
|
||||
),
|
||||
)
|
||||
this.socket.on("message", (data, binary) => void this.receive(data, binary))
|
||||
this.socket.on("error", (error) => this.fail(new BrowserTunnelError("transport", error.message)))
|
||||
this.socket.on("close", () => {
|
||||
if (this.state === "opening") {
|
||||
this.fail(new BrowserTunnelError("transport", "Browser tunnel closed while opening."))
|
||||
return
|
||||
}
|
||||
if (this.state !== "open") return
|
||||
this.state = "closed"
|
||||
this.push(null)
|
||||
this.destroy()
|
||||
})
|
||||
this.signal?.addEventListener("abort", this.onAbort, { once: true })
|
||||
if (this.signal?.aborted) this.onAbort()
|
||||
}
|
||||
|
||||
override _read() {
|
||||
if (!this.paused) return
|
||||
this.paused = false
|
||||
this.socket.resume()
|
||||
}
|
||||
|
||||
override _write(chunk: Buffer | string, encoding: BufferEncoding, callback: (error?: Error | null) => void) {
|
||||
if (this.state !== "open") return callback(new BrowserTunnelError("transport", "Browser tunnel is not writable."))
|
||||
const data = typeof chunk === "string" ? Buffer.from(chunk, encoding) : chunk
|
||||
const send = (offset: number) => {
|
||||
if (offset >= data.byteLength) return callback()
|
||||
this.socket.send(
|
||||
data.subarray(offset, offset + BrowserTunnelProtocol.MaxFrameBytes),
|
||||
{ binary: true },
|
||||
(error) => {
|
||||
if (error) return callback(error)
|
||||
send(offset + BrowserTunnelProtocol.MaxFrameBytes)
|
||||
},
|
||||
)
|
||||
}
|
||||
send(0)
|
||||
}
|
||||
|
||||
override _final(callback: (error?: Error | null) => void) {
|
||||
if (this.socket.readyState === WebSocket.OPEN) this.socket.close(1000)
|
||||
callback()
|
||||
}
|
||||
|
||||
override _destroy(error: Error | null, callback: (error?: Error | null) => void) {
|
||||
this.signal?.removeEventListener("abort", this.onAbort)
|
||||
if (this.state === "opening" && error) this.opened.reject(error)
|
||||
this.state = "closed"
|
||||
if (this.socket.readyState === WebSocket.OPEN) this.socket.close(1000)
|
||||
if (this.socket.readyState === WebSocket.CONNECTING) this.socket.terminate()
|
||||
callback(error)
|
||||
}
|
||||
|
||||
setKeepAlive() {
|
||||
return this
|
||||
}
|
||||
|
||||
setNoDelay() {
|
||||
return this
|
||||
}
|
||||
|
||||
setTimeout(_timeout: number, callback?: () => void) {
|
||||
if (callback) this.once("timeout", callback)
|
||||
return this
|
||||
}
|
||||
|
||||
ref() {
|
||||
return this
|
||||
}
|
||||
|
||||
unref() {
|
||||
return this
|
||||
}
|
||||
|
||||
private async receive(data: WebSocket.RawData, binary: boolean) {
|
||||
if (this.state === "opening") {
|
||||
if (binary) return this.fail(new BrowserTunnelError("transport", "Browser tunnel handshake must be text."))
|
||||
const payload =
|
||||
data instanceof ArrayBuffer ? new Uint8Array(data) : Array.isArray(data) ? Buffer.concat(data) : data
|
||||
const message = await Effect.runPromise(BrowserTunnelProtocol.decodeFromServer(payload)).catch(() => undefined)
|
||||
if (!message) return this.fail(new BrowserTunnelError("transport", "Browser tunnel handshake is invalid."))
|
||||
if (message.type === "browser.tunnel.rejected")
|
||||
return this.fail(new BrowserTunnelError(message.code, message.message))
|
||||
this.state = "open"
|
||||
this.opened.resolve()
|
||||
return
|
||||
}
|
||||
if (this.state !== "open") return
|
||||
if (!binary) return this.fail(new BrowserTunnelError("transport", "Browser tunnel payload is invalid."))
|
||||
const payload =
|
||||
data instanceof ArrayBuffer ? new Uint8Array(data) : Array.isArray(data) ? Buffer.concat(data) : data
|
||||
if (this.push(payload)) return
|
||||
this.paused = true
|
||||
this.socket.pause()
|
||||
}
|
||||
|
||||
private fail(error: BrowserTunnelError) {
|
||||
if (this.state === "closed") return
|
||||
if (this.state === "opening") this.opened.reject(error)
|
||||
this.destroy(error)
|
||||
}
|
||||
|
||||
private readonly onAbort = () => this.fail(new BrowserTunnelError("transport", "Browser tunnel was cancelled."))
|
||||
}
|
||||
@@ -0,0 +1,9 @@
|
||||
import { OpenCode } from "../promise/generated/index.js"
|
||||
import { createBrowserClient } from "./browser/client.js"
|
||||
|
||||
export type ClientOptions = OpenCode.ClientOptions
|
||||
export type RequestOptions = OpenCode.RequestOptions
|
||||
|
||||
export function make(options: ClientOptions) {
|
||||
return { ...OpenCode.make(options), browser: createBrowserClient(options) }
|
||||
}
|
||||
@@ -0,0 +1,38 @@
|
||||
import type { make } from "./client.js"
|
||||
|
||||
export { ClientError, type ClientErrorReason } from "../promise/generated/client-error.js"
|
||||
export * from "../promise/generated/types.js"
|
||||
export type {
|
||||
AgentApi,
|
||||
CatalogApi,
|
||||
CommandApi,
|
||||
ConfigApi,
|
||||
EventApi,
|
||||
IntegrationApi,
|
||||
ModelApi,
|
||||
PluginApi,
|
||||
ProviderApi,
|
||||
ReferenceApi,
|
||||
WebSearchApi,
|
||||
SessionApi,
|
||||
SkillApi,
|
||||
} from "../promise/api.js"
|
||||
export * as OpenCode from "./client.js"
|
||||
export { Browser } from "@opencode-ai/schema/browser"
|
||||
export { BrowserDriver, BrowserDriverError } from "./browser/driver.js"
|
||||
export type {
|
||||
BrowserDriverContext,
|
||||
BrowserDriverFactory,
|
||||
BrowserDriverInstance,
|
||||
BrowserProxy,
|
||||
} from "./browser/driver.js"
|
||||
export type { ChromiumController, ChromiumDriver, ChromiumPort } from "./browser/chromium.js"
|
||||
export type {
|
||||
BrowserAttachment,
|
||||
BrowserAttachOptions,
|
||||
BrowserClient,
|
||||
BrowserRegistration,
|
||||
BrowserRegisterOptions,
|
||||
} from "./browser/client.js"
|
||||
export type { EventSubscribeOutput as OpenCodeEvent } from "../promise/generated/types.js"
|
||||
export type OpenCodeClient = ReturnType<typeof make>
|
||||
@@ -210,6 +210,10 @@ import type {
|
||||
WorktreeRemoveOutput,
|
||||
WorktreeRefreshInput,
|
||||
WorktreeRefreshOutput,
|
||||
WorkspaceCreateInput,
|
||||
WorkspaceCreateOutput,
|
||||
WorkspaceDestroyInput,
|
||||
WorkspaceDestroyOutput,
|
||||
VcsGetInput,
|
||||
VcsGetOutput,
|
||||
VcsStatusInput,
|
||||
@@ -631,28 +635,24 @@ export function make(options: ClientOptions) {
|
||||
requestOptions,
|
||||
).then((value) => value.data),
|
||||
command: (input: SessionCommandInput, requestOptions?: RequestOptions) =>
|
||||
request<{ readonly data: SessionCommandOutput }>(
|
||||
request<SessionCommandOutput>(
|
||||
{
|
||||
method: "POST",
|
||||
path: `/api/session/${encodeURIComponent(input.sessionID)}/command`,
|
||||
body: {
|
||||
id: input["id"],
|
||||
command: input["command"],
|
||||
arguments: input["arguments"],
|
||||
agent: input["agent"],
|
||||
model: input["model"],
|
||||
text: input["text"],
|
||||
files: input["files"],
|
||||
agents: input["agents"],
|
||||
skills: input["skills"],
|
||||
delivery: input["delivery"],
|
||||
resume: input["resume"],
|
||||
},
|
||||
successStatus: 200,
|
||||
declaredStatuses: [409, 400, 404, 500, 401],
|
||||
empty: false,
|
||||
successStatus: 204,
|
||||
declaredStatuses: [404, 500, 400, 401],
|
||||
empty: true,
|
||||
},
|
||||
requestOptions,
|
||||
).then((value) => value.data),
|
||||
),
|
||||
skill: (input: SessionSkillInput, requestOptions?: RequestOptions) =>
|
||||
request<SessionSkillOutput>(
|
||||
{
|
||||
@@ -880,9 +880,9 @@ export function make(options: ClientOptions) {
|
||||
method: "POST",
|
||||
path: `/api/session/${encodeURIComponent(input.sessionID)}/interrupt`,
|
||||
query: { continue: input["continue"] },
|
||||
successStatus: 204,
|
||||
successStatus: 200,
|
||||
declaredStatuses: [404, 400, 401],
|
||||
empty: true,
|
||||
empty: false,
|
||||
},
|
||||
requestOptions,
|
||||
),
|
||||
@@ -979,7 +979,6 @@ export function make(options: ClientOptions) {
|
||||
{
|
||||
method: "POST",
|
||||
path: `/api/generate`,
|
||||
query: { location: input["location"] },
|
||||
body: { prompt: input["prompt"], model: input["model"] },
|
||||
successStatus: 200,
|
||||
declaredStatuses: [400, 503, 401],
|
||||
@@ -1770,6 +1769,31 @@ export function make(options: ClientOptions) {
|
||||
requestOptions,
|
||||
),
|
||||
},
|
||||
workspace: {
|
||||
create: (input: WorkspaceCreateInput, requestOptions?: RequestOptions) =>
|
||||
request<{ readonly data: WorkspaceCreateOutput }>(
|
||||
{
|
||||
method: "POST",
|
||||
path: `/api/workspace`,
|
||||
body: { id: input["id"], provider: input["provider"] },
|
||||
successStatus: 200,
|
||||
declaredStatuses: [409, 404, 401, 400],
|
||||
empty: false,
|
||||
},
|
||||
requestOptions,
|
||||
).then((value) => value.data),
|
||||
destroy: (input: WorkspaceDestroyInput, requestOptions?: RequestOptions) =>
|
||||
request<WorkspaceDestroyOutput>(
|
||||
{
|
||||
method: "DELETE",
|
||||
path: `/api/workspace/${encodeURIComponent(input.workspaceID)}`,
|
||||
successStatus: 200,
|
||||
declaredStatuses: [500, 401, 400],
|
||||
empty: false,
|
||||
},
|
||||
requestOptions,
|
||||
),
|
||||
},
|
||||
vcs: {
|
||||
get: (input?: VcsGetInput, requestOptions?: RequestOptions) =>
|
||||
request<VcsGetOutput>(
|
||||
|
||||
@@ -176,6 +176,8 @@ export type ToolFileContent1 = { type: "file"; uri: string; mime: string; name?:
|
||||
|
||||
export type EventLogSynced = { type: "log.synced"; aggregateID: string; seq?: number }
|
||||
|
||||
export type SessionInterruptResponse = { interrupted: boolean }
|
||||
|
||||
export type ModelReasoningField = "reasoning" | "reasoning_content" | "reasoning_text" | (string & {})
|
||||
|
||||
export type ModelMaxTokensField = "max_completion_tokens" | "max_tokens"
|
||||
@@ -311,6 +313,8 @@ export type PermissionSavedInfo = { id: string; projectID: string; action: strin
|
||||
|
||||
export type FileSystemEntry = { path: string; type: "file" | "directory" }
|
||||
|
||||
export type CommandInfo = { name: string; description?: string }
|
||||
|
||||
export type SkillInfo = {
|
||||
id: string
|
||||
name: string
|
||||
@@ -378,6 +382,8 @@ export type WorktreeDirectory = { directory: string; strategy?: string }
|
||||
|
||||
export type WorktreeInfo = { directory: string }
|
||||
|
||||
export type WorkspaceDestroyResult = { destroyed: boolean }
|
||||
|
||||
export type VcsBranch = { current?: string; default?: string }
|
||||
|
||||
export type VcsFileStatus = {
|
||||
@@ -391,15 +397,6 @@ export type WebSearchProvider = { id: string; name: string }
|
||||
|
||||
export type WebSearchResult = { url: string; title?: string; content?: string; time: { published?: number } }
|
||||
|
||||
export type CommandInfo = {
|
||||
name: string
|
||||
template: string
|
||||
description?: string
|
||||
agent?: string
|
||||
model?: ModelRef
|
||||
subtask?: boolean
|
||||
}
|
||||
|
||||
export type ProviderRequest = {
|
||||
settings: ProviderSettings
|
||||
headers: { [x: string]: string }
|
||||
@@ -2220,13 +2217,13 @@ export type CommandNotFoundError = {
|
||||
export const isCommandNotFoundError = (value: unknown): value is CommandNotFoundError =>
|
||||
typeof value === "object" && value !== null && "_tag" in value && value["_tag"] === "CommandNotFoundError"
|
||||
|
||||
export type CommandEvaluationError = {
|
||||
readonly _tag: "CommandEvaluationError"
|
||||
export type CommandExecutionError = {
|
||||
readonly _tag: "CommandExecutionError"
|
||||
readonly command: string
|
||||
readonly message: string
|
||||
}
|
||||
export const isCommandEvaluationError = (value: unknown): value is CommandEvaluationError =>
|
||||
typeof value === "object" && value !== null && "_tag" in value && value["_tag"] === "CommandEvaluationError"
|
||||
export const isCommandExecutionError = (value: unknown): value is CommandExecutionError =>
|
||||
typeof value === "object" && value !== null && "_tag" in value && value["_tag"] === "CommandExecutionError"
|
||||
|
||||
export type SkillNotFoundError = {
|
||||
readonly _tag: "SkillNotFoundError"
|
||||
@@ -3637,35 +3634,9 @@ export type SessionPromptOutput = { data: SessionInboxUser }["data"]
|
||||
|
||||
export type SessionCommandInput = {
|
||||
readonly sessionID: { readonly sessionID: string }["sessionID"]
|
||||
readonly id?: {
|
||||
readonly id?: string | null
|
||||
readonly command: string
|
||||
readonly arguments?: string | null
|
||||
readonly agent?: string | null
|
||||
readonly model?: { readonly id: string; readonly providerID: string; readonly variant?: string } | null
|
||||
readonly files?: ReadonlyArray<{
|
||||
readonly uri: string
|
||||
readonly name?: string
|
||||
readonly description?: string
|
||||
readonly mention?: { readonly start: number; readonly end: number; readonly text: string }
|
||||
}>
|
||||
readonly agents?: ReadonlyArray<{
|
||||
readonly name: string
|
||||
readonly mention?: { readonly start: number; readonly end: number; readonly text: string }
|
||||
}>
|
||||
readonly skills?: ReadonlyArray<{
|
||||
readonly id: string
|
||||
readonly mention?: { readonly start: number; readonly end: number; readonly text: string }
|
||||
}>
|
||||
readonly delivery?: ("steer" | "queue") | null
|
||||
readonly resume?: boolean | null
|
||||
}["id"]
|
||||
readonly command: {
|
||||
readonly id?: string | null
|
||||
readonly command: string
|
||||
readonly arguments?: string | null
|
||||
readonly agent?: string | null
|
||||
readonly model?: { readonly id: string; readonly providerID: string; readonly variant?: string } | null
|
||||
readonly text: string
|
||||
readonly files?: ReadonlyArray<{
|
||||
readonly uri: string
|
||||
readonly name?: string
|
||||
@@ -3681,14 +3652,10 @@ export type SessionCommandInput = {
|
||||
readonly mention?: { readonly start: number; readonly end: number; readonly text: string }
|
||||
}>
|
||||
readonly delivery?: ("steer" | "queue") | null
|
||||
readonly resume?: boolean | null
|
||||
}["command"]
|
||||
readonly arguments?: {
|
||||
readonly id?: string | null
|
||||
readonly text: {
|
||||
readonly command: string
|
||||
readonly arguments?: string | null
|
||||
readonly agent?: string | null
|
||||
readonly model?: { readonly id: string; readonly providerID: string; readonly variant?: string } | null
|
||||
readonly text: string
|
||||
readonly files?: ReadonlyArray<{
|
||||
readonly uri: string
|
||||
readonly name?: string
|
||||
@@ -3704,60 +3671,10 @@ export type SessionCommandInput = {
|
||||
readonly mention?: { readonly start: number; readonly end: number; readonly text: string }
|
||||
}>
|
||||
readonly delivery?: ("steer" | "queue") | null
|
||||
readonly resume?: boolean | null
|
||||
}["arguments"]
|
||||
readonly agent?: {
|
||||
readonly id?: string | null
|
||||
readonly command: string
|
||||
readonly arguments?: string | null
|
||||
readonly agent?: string | null
|
||||
readonly model?: { readonly id: string; readonly providerID: string; readonly variant?: string } | null
|
||||
readonly files?: ReadonlyArray<{
|
||||
readonly uri: string
|
||||
readonly name?: string
|
||||
readonly description?: string
|
||||
readonly mention?: { readonly start: number; readonly end: number; readonly text: string }
|
||||
}>
|
||||
readonly agents?: ReadonlyArray<{
|
||||
readonly name: string
|
||||
readonly mention?: { readonly start: number; readonly end: number; readonly text: string }
|
||||
}>
|
||||
readonly skills?: ReadonlyArray<{
|
||||
readonly id: string
|
||||
readonly mention?: { readonly start: number; readonly end: number; readonly text: string }
|
||||
}>
|
||||
readonly delivery?: ("steer" | "queue") | null
|
||||
readonly resume?: boolean | null
|
||||
}["agent"]
|
||||
readonly model?: {
|
||||
readonly id?: string | null
|
||||
readonly command: string
|
||||
readonly arguments?: string | null
|
||||
readonly agent?: string | null
|
||||
readonly model?: { readonly id: string; readonly providerID: string; readonly variant?: string } | null
|
||||
readonly files?: ReadonlyArray<{
|
||||
readonly uri: string
|
||||
readonly name?: string
|
||||
readonly description?: string
|
||||
readonly mention?: { readonly start: number; readonly end: number; readonly text: string }
|
||||
}>
|
||||
readonly agents?: ReadonlyArray<{
|
||||
readonly name: string
|
||||
readonly mention?: { readonly start: number; readonly end: number; readonly text: string }
|
||||
}>
|
||||
readonly skills?: ReadonlyArray<{
|
||||
readonly id: string
|
||||
readonly mention?: { readonly start: number; readonly end: number; readonly text: string }
|
||||
}>
|
||||
readonly delivery?: ("steer" | "queue") | null
|
||||
readonly resume?: boolean | null
|
||||
}["model"]
|
||||
}["text"]
|
||||
readonly files?: {
|
||||
readonly id?: string | null
|
||||
readonly command: string
|
||||
readonly arguments?: string | null
|
||||
readonly agent?: string | null
|
||||
readonly model?: { readonly id: string; readonly providerID: string; readonly variant?: string } | null
|
||||
readonly text: string
|
||||
readonly files?: ReadonlyArray<{
|
||||
readonly uri: string
|
||||
readonly name?: string
|
||||
@@ -3773,14 +3690,10 @@ export type SessionCommandInput = {
|
||||
readonly mention?: { readonly start: number; readonly end: number; readonly text: string }
|
||||
}>
|
||||
readonly delivery?: ("steer" | "queue") | null
|
||||
readonly resume?: boolean | null
|
||||
}["files"]
|
||||
readonly agents?: {
|
||||
readonly id?: string | null
|
||||
readonly command: string
|
||||
readonly arguments?: string | null
|
||||
readonly agent?: string | null
|
||||
readonly model?: { readonly id: string; readonly providerID: string; readonly variant?: string } | null
|
||||
readonly text: string
|
||||
readonly files?: ReadonlyArray<{
|
||||
readonly uri: string
|
||||
readonly name?: string
|
||||
@@ -3796,14 +3709,10 @@ export type SessionCommandInput = {
|
||||
readonly mention?: { readonly start: number; readonly end: number; readonly text: string }
|
||||
}>
|
||||
readonly delivery?: ("steer" | "queue") | null
|
||||
readonly resume?: boolean | null
|
||||
}["agents"]
|
||||
readonly skills?: {
|
||||
readonly id?: string | null
|
||||
readonly command: string
|
||||
readonly arguments?: string | null
|
||||
readonly agent?: string | null
|
||||
readonly model?: { readonly id: string; readonly providerID: string; readonly variant?: string } | null
|
||||
readonly text: string
|
||||
readonly files?: ReadonlyArray<{
|
||||
readonly uri: string
|
||||
readonly name?: string
|
||||
@@ -3819,14 +3728,10 @@ export type SessionCommandInput = {
|
||||
readonly mention?: { readonly start: number; readonly end: number; readonly text: string }
|
||||
}>
|
||||
readonly delivery?: ("steer" | "queue") | null
|
||||
readonly resume?: boolean | null
|
||||
}["skills"]
|
||||
readonly delivery?: {
|
||||
readonly id?: string | null
|
||||
readonly command: string
|
||||
readonly arguments?: string | null
|
||||
readonly agent?: string | null
|
||||
readonly model?: { readonly id: string; readonly providerID: string; readonly variant?: string } | null
|
||||
readonly text: string
|
||||
readonly files?: ReadonlyArray<{
|
||||
readonly uri: string
|
||||
readonly name?: string
|
||||
@@ -3842,34 +3747,10 @@ export type SessionCommandInput = {
|
||||
readonly mention?: { readonly start: number; readonly end: number; readonly text: string }
|
||||
}>
|
||||
readonly delivery?: ("steer" | "queue") | null
|
||||
readonly resume?: boolean | null
|
||||
}["delivery"]
|
||||
readonly resume?: {
|
||||
readonly id?: string | null
|
||||
readonly command: string
|
||||
readonly arguments?: string | null
|
||||
readonly agent?: string | null
|
||||
readonly model?: { readonly id: string; readonly providerID: string; readonly variant?: string } | null
|
||||
readonly files?: ReadonlyArray<{
|
||||
readonly uri: string
|
||||
readonly name?: string
|
||||
readonly description?: string
|
||||
readonly mention?: { readonly start: number; readonly end: number; readonly text: string }
|
||||
}>
|
||||
readonly agents?: ReadonlyArray<{
|
||||
readonly name: string
|
||||
readonly mention?: { readonly start: number; readonly end: number; readonly text: string }
|
||||
}>
|
||||
readonly skills?: ReadonlyArray<{
|
||||
readonly id: string
|
||||
readonly mention?: { readonly start: number; readonly end: number; readonly text: string }
|
||||
}>
|
||||
readonly delivery?: ("steer" | "queue") | null
|
||||
readonly resume?: boolean | null
|
||||
}["resume"]
|
||||
}
|
||||
|
||||
export type SessionCommandOutput = { data: SessionInboxUser }["data"]
|
||||
export type SessionCommandOutput = void
|
||||
|
||||
export type SessionSkillInput = {
|
||||
readonly sessionID: { readonly sessionID: string }["sessionID"]
|
||||
@@ -4053,7 +3934,7 @@ export type SessionInterruptInput = {
|
||||
readonly continue?: { readonly continue?: boolean | undefined }["continue"]
|
||||
}
|
||||
|
||||
export type SessionInterruptOutput = void
|
||||
export type SessionInterruptOutput = SessionInterruptResponse
|
||||
|
||||
export type SessionBackgroundInput = { readonly sessionID: { readonly sessionID: string }["sessionID"] }
|
||||
|
||||
@@ -4124,9 +4005,6 @@ export type ModelDefaultOutput = {
|
||||
}
|
||||
|
||||
export type GenerateTextInput = {
|
||||
readonly location?: {
|
||||
readonly location?: { readonly directory?: string | undefined; readonly workspace?: string | undefined } | undefined
|
||||
}["location"]
|
||||
readonly prompt: {
|
||||
readonly prompt: string
|
||||
readonly model?: { readonly id: string; readonly providerID: string; readonly variant?: string } | null
|
||||
@@ -5752,6 +5630,17 @@ export type WorktreeRefreshInput = { readonly projectID: { readonly projectID: s
|
||||
|
||||
export type WorktreeRefreshOutput = void
|
||||
|
||||
export type WorkspaceCreateInput = {
|
||||
readonly id?: { readonly id?: string | undefined; readonly provider: string }["id"]
|
||||
readonly provider: { readonly id?: string | undefined; readonly provider: string }["provider"]
|
||||
}
|
||||
|
||||
export type WorkspaceCreateOutput = { data: string }["data"]
|
||||
|
||||
export type WorkspaceDestroyInput = { readonly workspaceID: { readonly workspaceID: string }["workspaceID"] }
|
||||
|
||||
export type WorkspaceDestroyOutput = WorkspaceDestroyResult
|
||||
|
||||
export type VcsGetInput = {
|
||||
readonly location?: {
|
||||
readonly location?: { readonly directory?: string | undefined; readonly workspace?: string | undefined } | undefined
|
||||
|
||||
@@ -172,7 +172,14 @@ test("session methods retain decoded Effect inputs and outputs", async () => {
|
||||
return Effect.succeed(HttpClientResponse.fromWeb(request, Response.json(session)))
|
||||
}
|
||||
if (request.method === "POST") {
|
||||
return Effect.succeed(HttpClientResponse.fromWeb(request, new Response(null, { status: 204 })))
|
||||
return Effect.succeed(
|
||||
HttpClientResponse.fromWeb(
|
||||
request,
|
||||
request.url.includes("/interrupt")
|
||||
? Response.json({ interrupted: true })
|
||||
: new Response(null, { status: 204 }),
|
||||
),
|
||||
)
|
||||
}
|
||||
return Effect.succeed(
|
||||
HttpClientResponse.fromWeb(request, Response.json({ data: [session.data], cursor: { next: "next" } })),
|
||||
@@ -202,12 +209,12 @@ test("session methods retain decoded Effect inputs and outputs", async () => {
|
||||
const log = yield* client.session
|
||||
.log({ sessionID: Session.ID.make("ses_test"), after: Event.Seq.make(0) })
|
||||
.pipe(Stream.runCollect)
|
||||
yield* client.session.interrupt({ sessionID: Session.ID.make("ses_test") })
|
||||
const interrupted = yield* client.session.interrupt({ sessionID: Session.ID.make("ses_test") })
|
||||
const message = yield* client.session.message({
|
||||
sessionID: Session.ID.make("ses_test"),
|
||||
messageID: SessionMessage.ID.make("msg_model"),
|
||||
})
|
||||
return { page, active, created, admitted, context, log, message }
|
||||
return { page, active, created, admitted, context, log, interrupted, message }
|
||||
}).pipe(Effect.provideService(HttpClient.HttpClient, httpClient), Effect.runPromise)
|
||||
|
||||
const listed = result.page.data[0]
|
||||
@@ -216,6 +223,7 @@ test("session methods retain decoded Effect inputs and outputs", async () => {
|
||||
expect(DateTime.toEpochMillis(listed.time.idle)).toBe(1_717_171_717_002)
|
||||
expect(DateTime.toEpochMillis(listed.time.viewed)).toBe(1_717_171_717_001)
|
||||
expect(result.active).toEqual({ ses_test: { type: "running" } })
|
||||
expect(result.interrupted).toEqual({ interrupted: true })
|
||||
expect(Object.getPrototypeOf(result.page.data[0])).toBe(Object.prototype)
|
||||
expect(Object.getPrototypeOf(result.created)).toBe(Object.prototype)
|
||||
expect(result.created.id).toBe("ses_test")
|
||||
|
||||
@@ -5,6 +5,7 @@ import { join, resolve, sep } from "node:path"
|
||||
|
||||
const directory = resolve(import.meta.dir, "..")
|
||||
const effect = realpathSync(resolve(import.meta.dir, "../node_modules/effect"))
|
||||
const ws = realpathSync(resolve(import.meta.dir, "../node_modules/ws"))
|
||||
const schema = resolve(import.meta.dir, "../../schema")
|
||||
const protocol = resolve(import.meta.dir, "../../protocol")
|
||||
const core = resolve(import.meta.dir, "../../core")
|
||||
@@ -17,6 +18,7 @@ describe("public import boundaries", () => {
|
||||
expect(within(root, effect)).toEqual([])
|
||||
expect(within(root, schema)).toEqual([])
|
||||
expect(within(root, protocol)).toEqual([])
|
||||
expect(within(root, ws)).toEqual([])
|
||||
expect(within(root, core)).toEqual([])
|
||||
expect(within(root, server)).toEqual([])
|
||||
|
||||
@@ -25,9 +27,25 @@ describe("public import boundaries", () => {
|
||||
expect(within(network, effect).length).toBeGreaterThan(0)
|
||||
expect(within(network, schema).length).toBeGreaterThan(0)
|
||||
expect(within(network, protocol).length).toBeGreaterThan(0)
|
||||
expect(within(network, ws)).toEqual([])
|
||||
expect(within(network, core)).toEqual([])
|
||||
expect(within(network, server)).toEqual([])
|
||||
|
||||
const solid = await bundleInputs("@opencode-ai/client/solid", "browser")
|
||||
|
||||
expect(within(solid, ws)).toEqual([])
|
||||
expect(within(solid, core)).toEqual([])
|
||||
expect(within(solid, server)).toEqual([])
|
||||
|
||||
const node = await bundleInputs("@opencode-ai/client/node", "node")
|
||||
|
||||
expect(within(node, effect).length).toBeGreaterThan(0)
|
||||
expect(within(node, schema).length).toBeGreaterThan(0)
|
||||
expect(within(node, protocol).length).toBeGreaterThan(0)
|
||||
expect(within(node, ws).length).toBeGreaterThan(0)
|
||||
expect(within(node, core)).toEqual([])
|
||||
expect(within(node, server)).toEqual([])
|
||||
|
||||
const promiseService = await bundleInputs("@opencode-ai/client/service", "bun")
|
||||
|
||||
expect(within(promiseService, effect)).toEqual([])
|
||||
@@ -45,7 +63,7 @@ describe("public import boundaries", () => {
|
||||
})
|
||||
})
|
||||
|
||||
async function bundleInputs(specifier: string, target: "browser" | "bun") {
|
||||
async function bundleInputs(specifier: string, target: "browser" | "bun" | "node") {
|
||||
const temporary = await mkdtemp(join(import.meta.dir, ".import-boundary-"))
|
||||
const entrypoint = join(temporary, "index.ts")
|
||||
const metafile = join(temporary, "meta.json")
|
||||
|
||||
@@ -0,0 +1,355 @@
|
||||
import { BrowserControlProtocol } from "@opencode-ai/protocol/browser-control"
|
||||
import { BrowserControl } from "@opencode-ai/schema/browser-control"
|
||||
import { Browser, BrowserDriver, OpenCode, type BrowserDriverInstance } from "@opencode-ai/client/node"
|
||||
import { describe, expect, test } from "bun:test"
|
||||
import { Effect } from "effect"
|
||||
import { once } from "node:events"
|
||||
import { createServer } from "node:http"
|
||||
import WebSocket, { WebSocketServer } from "ws"
|
||||
|
||||
const state: Browser.State = {
|
||||
url: "https://example.com/",
|
||||
title: "Example",
|
||||
loading: false,
|
||||
canGoBack: false,
|
||||
canGoForward: false,
|
||||
generation: 1,
|
||||
}
|
||||
|
||||
describe("Node browser client", () => {
|
||||
test("registers a Session and handles open, attach, commands, detach, and reattachment", async () => {
|
||||
const server = await controlServer()
|
||||
let opened = 0
|
||||
let disposed = 0
|
||||
try {
|
||||
const registering = OpenCode.make({ baseUrl: server.url }).browser.register({
|
||||
sessionID: "ses_node_browser",
|
||||
open: () => {
|
||||
opened++
|
||||
},
|
||||
})
|
||||
const socket = await server.connected
|
||||
const next = reader(socket)
|
||||
expect(await next()).toEqual({ type: "browser.control.register", sessionID: "ses_node_browser" })
|
||||
socket.send(BrowserControlProtocol.encodeFromServer({ type: "browser.control.registered" }))
|
||||
const registration = await registering
|
||||
|
||||
socket.send(BrowserControlProtocol.encodeFromServer({ type: "browser.control.open" }))
|
||||
await waitFor(() => opened === 1)
|
||||
|
||||
const driver = BrowserDriver.define(({ proxy }) => ({
|
||||
resource: proxy,
|
||||
state: () => state,
|
||||
subscribe: () => () => undefined,
|
||||
execute: async () => ({ type: "snapshot", state, format: "opencode.semantic.v1", content: "snapshot" }),
|
||||
dispose: () => {
|
||||
disposed++
|
||||
},
|
||||
}))
|
||||
const attaching = registration.attach({ driver })
|
||||
const attach = await next()
|
||||
if (attach.type !== "browser.control.attach") throw new Error("expected browser attach")
|
||||
expect(attach.state).toEqual(state)
|
||||
socket.send(
|
||||
BrowserControlProtocol.encodeFromServer({ type: "browser.control.attached", leaseID: attach.leaseID }),
|
||||
)
|
||||
const attachment = await attaching
|
||||
expect(attachment.resource.url).toStartWith("http://127.0.0.1:")
|
||||
expect(attachment.resource.credentials.username).not.toBe(attachment.resource.credentials.password)
|
||||
expect((await next()).type).toBe("browser.control.state")
|
||||
|
||||
const requestID = BrowserControl.RequestID.create()
|
||||
socket.send(
|
||||
BrowserControlProtocol.encodeFromServer({
|
||||
type: "browser.control.request",
|
||||
requestID,
|
||||
leaseID: attach.leaseID,
|
||||
command: { type: "snapshot", generation: 1 },
|
||||
}),
|
||||
)
|
||||
expect(await next()).toMatchObject({
|
||||
type: "browser.control.response",
|
||||
requestID,
|
||||
leaseID: attach.leaseID,
|
||||
outcome: { type: "success", result: { type: "snapshot", content: "snapshot" } },
|
||||
})
|
||||
|
||||
await attachment.close()
|
||||
expect(await next()).toEqual({ type: "browser.control.detach", leaseID: attach.leaseID })
|
||||
expect(socket.readyState).toBe(WebSocket.OPEN)
|
||||
expect(disposed).toBe(1)
|
||||
|
||||
const reattaching = registration.attach({ driver })
|
||||
const reattach = await next()
|
||||
if (reattach.type !== "browser.control.attach") throw new Error("expected browser reattach")
|
||||
expect(reattach.leaseID).not.toBe(attach.leaseID)
|
||||
socket.send(
|
||||
BrowserControlProtocol.encodeFromServer({ type: "browser.control.attached", leaseID: reattach.leaseID }),
|
||||
)
|
||||
const reattached = await reattaching
|
||||
expect((await next()).type).toBe("browser.control.state")
|
||||
await reattached.close()
|
||||
expect(await next()).toEqual({ type: "browser.control.detach", leaseID: reattach.leaseID })
|
||||
expect(disposed).toBe(2)
|
||||
|
||||
const closed = once(socket, "close")
|
||||
await registration.close()
|
||||
await closed
|
||||
} finally {
|
||||
await server.close()
|
||||
}
|
||||
})
|
||||
|
||||
test("cancels an unacknowledged attachment without closing its registration", async () => {
|
||||
const server = await controlServer()
|
||||
let disposed = 0
|
||||
try {
|
||||
const registering = OpenCode.make({ baseUrl: server.url }).browser.register({
|
||||
sessionID: "ses_cancelled_browser",
|
||||
open: () => undefined,
|
||||
})
|
||||
const socket = await server.connected
|
||||
const next = reader(socket)
|
||||
await next()
|
||||
socket.send(BrowserControlProtocol.encodeFromServer({ type: "browser.control.registered" }))
|
||||
const registration = await registering
|
||||
const driver = BrowserDriver.define(() => ({
|
||||
resource: "browser",
|
||||
state: () => state,
|
||||
subscribe: () => () => undefined,
|
||||
execute: async () => ({ type: "snapshot", state, format: "opencode.semantic.v1", content: "snapshot" }),
|
||||
dispose: () => {
|
||||
disposed++
|
||||
},
|
||||
}))
|
||||
|
||||
const abort = new AbortController()
|
||||
const attaching = registration.attach({ driver, signal: abort.signal })
|
||||
const cancelled = await next()
|
||||
if (cancelled.type !== "browser.control.attach") throw new Error("expected browser attach")
|
||||
abort.abort(new Error("Browser attachment was aborted"))
|
||||
await expect(attaching).rejects.toThrow("aborted")
|
||||
expect(await next()).toEqual({ type: "browser.control.detach", leaseID: cancelled.leaseID })
|
||||
expect(disposed).toBe(1)
|
||||
|
||||
const reattaching = registration.attach({ driver })
|
||||
const attach = await next()
|
||||
if (attach.type !== "browser.control.attach") throw new Error("expected browser reattach")
|
||||
socket.send(
|
||||
BrowserControlProtocol.encodeFromServer({ type: "browser.control.attached", leaseID: cancelled.leaseID }),
|
||||
)
|
||||
socket.send(
|
||||
BrowserControlProtocol.encodeFromServer({ type: "browser.control.attached", leaseID: attach.leaseID }),
|
||||
)
|
||||
const attachment = await reattaching
|
||||
expect((await next()).type).toBe("browser.control.state")
|
||||
expect(socket.readyState).toBe(WebSocket.OPEN)
|
||||
await attachment.close()
|
||||
expect(await next()).toEqual({ type: "browser.control.detach", leaseID: attach.leaseID })
|
||||
expect(disposed).toBe(2)
|
||||
await registration.close()
|
||||
} finally {
|
||||
await server.close()
|
||||
}
|
||||
})
|
||||
|
||||
test("uses the Protocol control path and forwards the configured authorization header", async () => {
|
||||
const authorization = "Bearer browser-secret"
|
||||
const server = await controlServer(authorization)
|
||||
try {
|
||||
const registering = OpenCode.make({
|
||||
baseUrl: `${server.url}/discarded?query=true#fragment`,
|
||||
headers: { Authorization: authorization },
|
||||
}).browser.register({ sessionID: "ses_authorized_browser", open: () => undefined })
|
||||
const socket = await server.connected
|
||||
const next = reader(socket)
|
||||
expect(await next()).toEqual({ type: "browser.control.register", sessionID: "ses_authorized_browser" })
|
||||
expect(server.path()).toBe(BrowserControlProtocol.Path)
|
||||
expect(server.authorization()).toBe(authorization)
|
||||
socket.send(BrowserControlProtocol.encodeFromServer({ type: "browser.control.registered" }))
|
||||
await (await registering).close()
|
||||
} finally {
|
||||
await server.close()
|
||||
}
|
||||
})
|
||||
|
||||
test("rejects a browser registration when the authorization header is invalid", async () => {
|
||||
const server = await controlServer("Bearer required")
|
||||
try {
|
||||
await expect(
|
||||
OpenCode.make({ baseUrl: server.url }).browser.register({
|
||||
sessionID: "ses_rejected_browser",
|
||||
open: () => undefined,
|
||||
}),
|
||||
).rejects.toThrow()
|
||||
} finally {
|
||||
await server.close()
|
||||
}
|
||||
})
|
||||
|
||||
test("rejects invalid Session IDs before connecting", async () => {
|
||||
await expect(
|
||||
OpenCode.make({ baseUrl: "http://127.0.0.1:1" }).browser.register({ sessionID: "wrong", open: () => undefined }),
|
||||
).rejects.toThrow("valid Session ID")
|
||||
})
|
||||
|
||||
test("cleans up a driver that finishes attaching after its registration closes", async () => {
|
||||
const server = await controlServer()
|
||||
const started = Promise.withResolvers<void>()
|
||||
const driver = Promise.withResolvers<BrowserDriverInstance<{ readonly name: string }>>()
|
||||
let disposed = 0
|
||||
try {
|
||||
const registering = OpenCode.make({ baseUrl: server.url }).browser.register({
|
||||
sessionID: "ses_closing_browser",
|
||||
open: () => undefined,
|
||||
})
|
||||
const socket = await server.connected
|
||||
const next = reader(socket)
|
||||
await next()
|
||||
socket.send(BrowserControlProtocol.encodeFromServer({ type: "browser.control.registered" }))
|
||||
const registration = await registering
|
||||
const attaching = registration.attach({
|
||||
driver: BrowserDriver.define(async () => {
|
||||
started.resolve()
|
||||
return driver.promise
|
||||
}),
|
||||
})
|
||||
await started.promise
|
||||
await registration.close()
|
||||
driver.resolve({
|
||||
resource: { name: "late browser" },
|
||||
state: () => state,
|
||||
subscribe: () => () => undefined,
|
||||
execute: async () => ({ type: "snapshot", state, format: "opencode.semantic.v1", content: "snapshot" }),
|
||||
dispose: () => {
|
||||
disposed++
|
||||
},
|
||||
})
|
||||
await expect(attaching).rejects.toThrow("closed")
|
||||
expect(disposed).toBe(1)
|
||||
} finally {
|
||||
await server.close()
|
||||
}
|
||||
})
|
||||
|
||||
test("rejects commands for another browser lease without invoking the attached driver", async () => {
|
||||
const server = await controlServer()
|
||||
let executed = 0
|
||||
try {
|
||||
const registering = OpenCode.make({ baseUrl: server.url }).browser.register({
|
||||
sessionID: "ses_isolated_browser",
|
||||
open: () => undefined,
|
||||
})
|
||||
const socket = await server.connected
|
||||
const next = reader(socket)
|
||||
await next()
|
||||
socket.send(BrowserControlProtocol.encodeFromServer({ type: "browser.control.registered" }))
|
||||
const registration = await registering
|
||||
const attaching = registration.attach({
|
||||
driver: BrowserDriver.define(() => ({
|
||||
resource: undefined,
|
||||
state: () => state,
|
||||
subscribe: () => () => undefined,
|
||||
execute: async () => {
|
||||
executed++
|
||||
return { type: "snapshot", state, format: "opencode.semantic.v1", content: "snapshot" }
|
||||
},
|
||||
dispose: () => undefined,
|
||||
})),
|
||||
})
|
||||
const attach = await next()
|
||||
if (attach.type !== "browser.control.attach") throw new Error("expected browser attach")
|
||||
socket.send(
|
||||
BrowserControlProtocol.encodeFromServer({ type: "browser.control.attached", leaseID: attach.leaseID }),
|
||||
)
|
||||
await attaching
|
||||
await next()
|
||||
|
||||
const requestID = BrowserControl.RequestID.create()
|
||||
const leaseID = Browser.LeaseID.create()
|
||||
socket.send(
|
||||
BrowserControlProtocol.encodeFromServer({
|
||||
type: "browser.control.request",
|
||||
requestID,
|
||||
leaseID,
|
||||
command: { type: "snapshot", generation: 1 },
|
||||
}),
|
||||
)
|
||||
expect(await next()).toMatchObject({
|
||||
type: "browser.control.response",
|
||||
requestID,
|
||||
leaseID,
|
||||
outcome: { type: "failure", code: "not_attached" },
|
||||
})
|
||||
expect(executed).toBe(0)
|
||||
await registration.close()
|
||||
} finally {
|
||||
await server.close()
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
async function controlServer(authorization?: string) {
|
||||
const http = createServer()
|
||||
const webSockets = new WebSocketServer({ noServer: true })
|
||||
const connected = Promise.withResolvers<WebSocket>()
|
||||
let path: string | undefined
|
||||
let header: string | undefined
|
||||
webSockets.once("connection", connected.resolve)
|
||||
http.on("upgrade", (request, socket, head) => {
|
||||
path = request.url
|
||||
header = request.headers.authorization
|
||||
if (
|
||||
path !== BrowserControlProtocol.Path ||
|
||||
header !== authorization ||
|
||||
request.headers["sec-websocket-protocol"] !== BrowserControlProtocol.Subprotocol
|
||||
) {
|
||||
socket.end("HTTP/1.1 401 Unauthorized\r\nContent-Length: 0\r\n\r\n")
|
||||
return
|
||||
}
|
||||
webSockets.handleUpgrade(request, socket, head, (connection) => webSockets.emit("connection", connection, request))
|
||||
})
|
||||
await new Promise<void>((resolve) => http.listen(0, "127.0.0.1", resolve))
|
||||
const address = http.address()
|
||||
if (!address || typeof address === "string") throw new Error("control server did not bind")
|
||||
return {
|
||||
connected: connected.promise,
|
||||
url: `http://127.0.0.1:${address.port}`,
|
||||
path: () => path,
|
||||
authorization: () => header,
|
||||
async close() {
|
||||
webSockets.clients.forEach((socket) => socket.terminate())
|
||||
webSockets.close()
|
||||
http.closeAllConnections()
|
||||
await new Promise<void>((resolve) => http.close(() => resolve()))
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
function reader(socket: WebSocket) {
|
||||
const queued: WebSocket.RawData[] = []
|
||||
const waiting: Array<(data: WebSocket.RawData) => void> = []
|
||||
socket.on("message", (data, binary) => {
|
||||
if (binary) throw new Error("expected text control message")
|
||||
const resolve = waiting.shift()
|
||||
if (resolve) {
|
||||
resolve(data)
|
||||
return
|
||||
}
|
||||
queued.push(data)
|
||||
})
|
||||
return async () => {
|
||||
const data = queued.shift() ?? (await new Promise<WebSocket.RawData>((resolve) => waiting.push(resolve)))
|
||||
const payload =
|
||||
data instanceof ArrayBuffer ? new Uint8Array(data) : Array.isArray(data) ? Buffer.concat(data) : data
|
||||
return Effect.runPromise(BrowserControlProtocol.decodeFromClient(payload))
|
||||
}
|
||||
}
|
||||
|
||||
async function waitFor(check: () => boolean) {
|
||||
for (let attempt = 0; attempt < 100; attempt++) {
|
||||
if (check()) return
|
||||
await Bun.sleep(5)
|
||||
}
|
||||
throw new Error("timed out waiting for browser client")
|
||||
}
|
||||
@@ -0,0 +1,166 @@
|
||||
import { Browser, BrowserDriver, type BrowserDriverContext, type ChromiumPort } from "@opencode-ai/client/node"
|
||||
import { describe, expect, test } from "bun:test"
|
||||
|
||||
type Port = ChromiumPort<{ readonly name: string }>
|
||||
type Command = Parameters<Port["send"]>[0]
|
||||
type Listener = Parameters<Port["subscribe"]>[0]
|
||||
|
||||
const context = {
|
||||
proxy: { url: "http://127.0.0.1:1", host: "127.0.0.1", port: 1, credentials: { username: "u", password: "p" } },
|
||||
signal: new AbortController().signal,
|
||||
} satisfies BrowserDriverContext
|
||||
|
||||
describe("Chromium browser driver", () => {
|
||||
test("snapshots accessibility refs and invalidates them when the document changes", async () => {
|
||||
const port = new FakePort()
|
||||
const instance = await BrowserDriver.chromium(() => port)(context)
|
||||
const execute = (command: Browser.Command) => instance.execute(command, { signal: new AbortController().signal })
|
||||
|
||||
const snapshot = await execute({ type: "snapshot", generation: 0 })
|
||||
expect(snapshot).toMatchObject({
|
||||
type: "snapshot",
|
||||
content: expect.stringContaining('e1 [button] "Save" disabled=false'),
|
||||
})
|
||||
expect(port.expression).toContain("while (visited++ < 500)")
|
||||
expect(port.expression).not.toContain("textContent")
|
||||
await execute({ type: "click", ref: Browser.Ref.make("e1"), generation: 0 })
|
||||
expect(port.commands.filter((command) => command.method === "Input.dispatchMouseEvent")).toHaveLength(3)
|
||||
|
||||
port.emit()
|
||||
expect(instance.resource.state().generation).toBe(1)
|
||||
expect(port.commands.some((command) => command.method === "Runtime.releaseObject")).toBe(true)
|
||||
await expect(execute({ type: "click", ref: Browser.Ref.make("e1"), generation: 1 })).rejects.toMatchObject({
|
||||
code: "stale_ref",
|
||||
})
|
||||
await instance.resource.dispose()
|
||||
})
|
||||
|
||||
test.each([
|
||||
["localhost", "http://localhost/"],
|
||||
["localhost:5173", "http://localhost:5173/"],
|
||||
["127.0.0.1:5173", "http://127.0.0.1:5173/"],
|
||||
["[::1]:5173", "http://[::1]:5173/"],
|
||||
["example.com", "https://example.com/"],
|
||||
["example.com:5173", "https://example.com:5173/"],
|
||||
["http://example.com:5173/path", "http://example.com:5173/path"],
|
||||
["about:blank", "about:blank"],
|
||||
])("normalizes %s to %s", async (input, expected) => {
|
||||
const port = new FakePort()
|
||||
const instance = await BrowserDriver.chromium(() => port)(context)
|
||||
await instance.resource.navigate(input)
|
||||
expect(port.navigations).toEqual([expected])
|
||||
await instance.dispose()
|
||||
})
|
||||
|
||||
test.each(["file:///etc/passwd", "javascript:alert(1)", "data:text/plain,hello", "https://user:pass@example.com/"])(
|
||||
"rejects unsafe browser URL %s",
|
||||
async (input) => {
|
||||
const port = new FakePort()
|
||||
const instance = await BrowserDriver.chromium(() => port)(context)
|
||||
await expect(instance.resource.navigate(input)).rejects.toMatchObject({ code: "invalid_url" })
|
||||
expect(port.navigations).toEqual([])
|
||||
await instance.dispose()
|
||||
},
|
||||
)
|
||||
|
||||
test("runs fill, press, scroll, screenshots, and remote navigation", async () => {
|
||||
const port = new FakePort()
|
||||
const instance = await BrowserDriver.chromium(() => port)(context)
|
||||
const execute = (command: Browser.Command) => instance.execute(command, { signal: new AbortController().signal })
|
||||
|
||||
await execute({ type: "snapshot", generation: 0 })
|
||||
expect(await execute({ type: "fill", ref: Browser.Ref.make("e1"), text: "hello", generation: 0 })).toMatchObject({
|
||||
type: "fill",
|
||||
})
|
||||
expect(port.commands).toContainEqual({ method: "Input.insertText", params: { text: "hello" } })
|
||||
expect(await execute({ type: "press", key: "Enter", generation: 0 })).toMatchObject({ type: "press" })
|
||||
expect(await execute({ type: "scroll", direction: "down", pixels: 300, generation: 0 })).toMatchObject({
|
||||
type: "scroll",
|
||||
})
|
||||
expect(port.commands).toContainEqual({
|
||||
method: "Input.dispatchMouseEvent",
|
||||
params: { type: "mouseWheel", x: 400, y: 300, deltaX: 0, deltaY: 300 },
|
||||
})
|
||||
expect(await execute({ type: "screenshot", generation: 0 })).toMatchObject({
|
||||
type: "screenshot",
|
||||
mediaType: "image/png",
|
||||
data: new Uint8Array([1, 2, 3]),
|
||||
width: 800,
|
||||
height: 600,
|
||||
})
|
||||
expect(await execute({ type: "navigate", url: "localhost:5173", generation: 0 })).toMatchObject({
|
||||
type: "navigate",
|
||||
})
|
||||
expect(port.navigations).toEqual(["http://localhost:5173/"])
|
||||
await instance.dispose()
|
||||
await instance.dispose()
|
||||
expect(port.disposed).toBe(1)
|
||||
})
|
||||
})
|
||||
|
||||
class FakePort implements Port {
|
||||
readonly resource = { name: "chromium" }
|
||||
readonly listeners = new Set<Listener>()
|
||||
readonly commands: Command[] = []
|
||||
readonly navigations: string[] = []
|
||||
current = { url: "https://example.com/", title: "Example", loading: false, canGoBack: false, canGoForward: false }
|
||||
expression = ""
|
||||
disposed = 0
|
||||
|
||||
state() {
|
||||
return this.current
|
||||
}
|
||||
|
||||
subscribe(listener: Listener) {
|
||||
this.listeners.add(listener)
|
||||
return () => this.listeners.delete(listener)
|
||||
}
|
||||
|
||||
async navigate(url: string) {
|
||||
this.navigations.push(url)
|
||||
}
|
||||
|
||||
back() {}
|
||||
forward() {}
|
||||
reload() {}
|
||||
stop() {}
|
||||
|
||||
send(command: Command) {
|
||||
this.commands.push(command)
|
||||
if (command.method === "Runtime.evaluate") {
|
||||
this.expression = command.params.expression
|
||||
return Promise.resolve({ result: { objectId: "snapshot" } })
|
||||
}
|
||||
if (command.method !== "Runtime.callFunctionOn") return Promise.resolve({})
|
||||
if (command.params.functionDeclaration === "function() { return this.result }") {
|
||||
return Promise.resolve({
|
||||
result: {
|
||||
value: {
|
||||
nodes: [{ token: "e1", role: "button", name: "Save", value: "", depth: 1, disabled: false }],
|
||||
nextRef: 1,
|
||||
},
|
||||
},
|
||||
})
|
||||
}
|
||||
if (command.params.functionDeclaration.includes("element.focus()"))
|
||||
return Promise.resolve({ result: { value: true } })
|
||||
return Promise.resolve({ result: { value: { x: 25, y: 40 } } })
|
||||
}
|
||||
|
||||
viewport() {
|
||||
return { width: 800, height: 600 }
|
||||
}
|
||||
|
||||
screenshot() {
|
||||
return Promise.resolve({ data: new Uint8Array([1, 2, 3]), width: 800, height: 600 })
|
||||
}
|
||||
|
||||
dispose() {
|
||||
this.disposed++
|
||||
}
|
||||
|
||||
emit() {
|
||||
this.current = { ...this.current, url: "https://next.example/" }
|
||||
this.listeners.forEach((listener) => listener({ state: this.current, mainDocumentChanged: true }))
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,103 @@
|
||||
import { expect, test } from "bun:test"
|
||||
import { mkdir, mkdtemp, rm } from "node:fs/promises"
|
||||
import { join, relative, resolve } from "node:path"
|
||||
import { pathToFileURL } from "node:url"
|
||||
|
||||
const directory = resolve(import.meta.dir, "../..")
|
||||
|
||||
test("built Node entrypoint imports and exposes browser registration in Node", async () => {
|
||||
const build = Bun.spawn([process.execPath, "run", "build"], { cwd: directory, stdout: "pipe", stderr: "pipe" })
|
||||
const [status, stdout, stderr] = await Promise.all([
|
||||
build.exited,
|
||||
new Response(build.stdout).text(),
|
||||
new Response(build.stderr).text(),
|
||||
])
|
||||
if (status !== 0) throw new Error(stdout + stderr)
|
||||
const output = await Bun.file(join(directory, "dist/node/index.js")).text()
|
||||
expect(output).not.toMatch(/(?:from\s+|import\s*)["']\.\.?\//)
|
||||
|
||||
const temporary = await mkdtemp(join(import.meta.dir, ".node-package-"))
|
||||
try {
|
||||
const schema = join(temporary, "node_modules/@opencode-ai/schema")
|
||||
const protocol = join(temporary, "node_modules/@opencode-ai/protocol")
|
||||
await Promise.all([mkdir(schema, { recursive: true }), mkdir(protocol, { recursive: true })])
|
||||
const entries = [
|
||||
{
|
||||
directory: schema,
|
||||
source: "schema.ts",
|
||||
exports: ["browser", "browser-control", "browser-tunnel", "session"],
|
||||
statements: [
|
||||
["Browser", "browser"],
|
||||
["BrowserControl", "browser-control"],
|
||||
["BrowserTunnel", "browser-tunnel"],
|
||||
["Session", "session"],
|
||||
],
|
||||
},
|
||||
{
|
||||
directory: protocol,
|
||||
source: "protocol.ts",
|
||||
exports: ["browser-control", "browser-tunnel"],
|
||||
statements: [
|
||||
["BrowserControlProtocol", "browser-control"],
|
||||
["BrowserTunnelProtocol", "browser-tunnel"],
|
||||
],
|
||||
},
|
||||
]
|
||||
await Promise.all(
|
||||
entries.map(async (entry) => {
|
||||
const source = join(temporary, entry.source)
|
||||
await Bun.write(
|
||||
source,
|
||||
entry.statements
|
||||
.map(([name, path]) => {
|
||||
const target = relative(
|
||||
temporary,
|
||||
resolve(directory, `../${entry.source.replace(".ts", "")}/src/${path}.ts`),
|
||||
).replaceAll("\\", "/")
|
||||
return `export { ${name} } from ${JSON.stringify(target.startsWith(".") ? target : `./${target}`)}`
|
||||
})
|
||||
.join("\n"),
|
||||
)
|
||||
const result = await Bun.build({
|
||||
entrypoints: [source],
|
||||
outdir: entry.directory,
|
||||
naming: "index.js",
|
||||
target: "node",
|
||||
format: "esm",
|
||||
packages: "bundle",
|
||||
})
|
||||
if (!result.success) throw new Error(result.logs.map((log) => log.message).join("\n"))
|
||||
await Bun.write(
|
||||
join(entry.directory, "package.json"),
|
||||
JSON.stringify({
|
||||
type: "module",
|
||||
exports: Object.fromEntries(entry.exports.map((path) => [`./${path}`, "./index.js"])),
|
||||
}),
|
||||
)
|
||||
}),
|
||||
)
|
||||
await Bun.write(join(temporary, "index.mjs"), output)
|
||||
const scenario = `const sdk = await import(${JSON.stringify(pathToFileURL(join(temporary, "index.mjs")).href)})
|
||||
if (typeof sdk.OpenCode.make !== "function") throw new Error("Missing OpenCode.make")
|
||||
if (typeof sdk.BrowserDriver.define !== "function") throw new Error("Missing BrowserDriver.define")
|
||||
if (typeof sdk.BrowserDriver.chromium !== "function") throw new Error("Missing BrowserDriver.chromium")
|
||||
if (typeof sdk.BrowserDriverError !== "function") throw new Error("Missing BrowserDriverError")
|
||||
if (!sdk.Browser.State) throw new Error("Missing canonical Browser export")
|
||||
if (typeof sdk.OpenCode.make({ baseUrl: "http://127.0.0.1:1" }).browser.register !== "function") throw new Error("Missing browser.register")
|
||||
console.log("ok")`
|
||||
const child = Bun.spawn(["node", "--input-type=module", "-e", scenario], {
|
||||
cwd: temporary,
|
||||
stdout: "pipe",
|
||||
stderr: "pipe",
|
||||
})
|
||||
const [exitCode, result, error] = await Promise.all([
|
||||
child.exited,
|
||||
new Response(child.stdout).text(),
|
||||
new Response(child.stderr).text(),
|
||||
])
|
||||
if (exitCode !== 0) throw new Error(error || result)
|
||||
expect(result.trim()).toBe("ok")
|
||||
} finally {
|
||||
await rm(temporary, { recursive: true, force: true })
|
||||
}
|
||||
}, 60_000)
|
||||
@@ -0,0 +1,200 @@
|
||||
import { BrowserTunnelProtocol } from "@opencode-ai/protocol/browser-tunnel"
|
||||
import { Browser } from "@opencode-ai/schema/browser"
|
||||
import { BrowserTunnel } from "@opencode-ai/schema/browser-tunnel"
|
||||
import { Session } from "@opencode-ai/schema/session"
|
||||
import { describe, expect, test } from "bun:test"
|
||||
import { Effect } from "effect"
|
||||
import { once } from "node:events"
|
||||
import { createServer } from "node:http"
|
||||
import { connect } from "node:net"
|
||||
import WebSocket, { WebSocketServer } from "ws"
|
||||
import { createBrowserProxy } from "../../src/node/browser/proxy.js"
|
||||
import { openBrowserTunnel } from "../../src/node/browser/tunnel.js"
|
||||
|
||||
describe("browser tunnel", () => {
|
||||
test("uses the Protocol tunnel path and exchanges isolated binary TCP frames", async () => {
|
||||
const authorization = "Bearer tunnel-secret"
|
||||
const server = await tunnelServer(authorization)
|
||||
try {
|
||||
const sessionID = Session.ID.make("ses_tunnel_browser")
|
||||
const leaseID = Browser.LeaseID.create()
|
||||
const target = { host: BrowserTunnel.Host.make("example.com"), port: BrowserTunnel.Port.make(443) }
|
||||
const opening = openBrowserTunnel({
|
||||
endpoint: { url: `${server.url}/discarded?query=true#fragment`, authorization },
|
||||
sessionID,
|
||||
leaseID,
|
||||
target,
|
||||
})
|
||||
const socket = await server.connected
|
||||
const handshake = await server.next()
|
||||
expect(handshake.binary).toBe(false)
|
||||
expect(await Effect.runPromise(BrowserTunnelProtocol.decodeFromClient(handshake.data))).toEqual({
|
||||
type: "browser.tunnel.open",
|
||||
sessionID,
|
||||
leaseID,
|
||||
target,
|
||||
})
|
||||
expect(server.path()).toBe(BrowserTunnelProtocol.Path)
|
||||
expect(server.authorization()).toBe(authorization)
|
||||
socket.send(BrowserTunnelProtocol.encodeFromServer({ type: "browser.tunnel.opened" }))
|
||||
const stream = await opening
|
||||
|
||||
const incoming = once(stream, "data")
|
||||
socket.send(Buffer.from("server bytes"), { binary: true })
|
||||
expect(Buffer.from((await incoming)[0]).toString()).toBe("server bytes")
|
||||
|
||||
const payload = Buffer.alloc(BrowserTunnelProtocol.MaxFrameBytes + 3, 7)
|
||||
await new Promise<void>((resolve, reject) =>
|
||||
stream.write(payload, (error) => (error ? reject(error) : resolve())),
|
||||
)
|
||||
const first = await server.next()
|
||||
const second = await server.next()
|
||||
expect(first.binary).toBe(true)
|
||||
expect(second.binary).toBe(true)
|
||||
expect(first.data.byteLength).toBe(BrowserTunnelProtocol.MaxFrameBytes)
|
||||
expect(second.data.byteLength).toBe(3)
|
||||
expect(Buffer.concat([first.data, second.data])).toEqual(payload)
|
||||
|
||||
stream.destroy()
|
||||
} finally {
|
||||
await server.close()
|
||||
}
|
||||
})
|
||||
|
||||
test("preserves typed tunnel rejection errors", async () => {
|
||||
const server = await tunnelServer()
|
||||
try {
|
||||
const opening = openBrowserTunnel({
|
||||
endpoint: { url: server.url },
|
||||
sessionID: Session.ID.make("ses_rejected_tunnel"),
|
||||
leaseID: Browser.LeaseID.create(),
|
||||
target: { host: BrowserTunnel.Host.make("example.com"), port: BrowserTunnel.Port.make(443) },
|
||||
})
|
||||
const socket = await server.connected
|
||||
await server.next()
|
||||
socket.send(
|
||||
BrowserTunnelProtocol.encodeFromServer({
|
||||
type: "browser.tunnel.rejected",
|
||||
code: "stale_lease",
|
||||
message: "The browser lease expired.",
|
||||
}),
|
||||
)
|
||||
await expect(opening).rejects.toMatchObject({ code: "stale_lease", message: "The browser lease expired." })
|
||||
} finally {
|
||||
await server.close()
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
describe("browser loopback proxy", () => {
|
||||
test("authenticates HTTP requests and forwards them without leaking proxy credentials", async () => {
|
||||
let authorization: string | undefined
|
||||
const upstream = createServer((incoming, response) => {
|
||||
authorization = incoming.headers["proxy-authorization"]
|
||||
const body = `${incoming.method} ${incoming.url}`
|
||||
response.writeHead(200, { "content-type": "text/plain", "content-length": Buffer.byteLength(body) }).end(body)
|
||||
})
|
||||
await new Promise<void>((resolve) => upstream.listen(0, "127.0.0.1", resolve))
|
||||
const address = upstream.address()
|
||||
if (!address || typeof address === "string") throw new Error("upstream server did not bind")
|
||||
const proxy = await createBrowserProxy({
|
||||
connect: async (target, signal) => {
|
||||
const socket = connect({ host: target.host, port: target.port })
|
||||
await once(socket, "connect", { signal })
|
||||
return socket
|
||||
},
|
||||
})
|
||||
try {
|
||||
expect(proxy.host).toBe("127.0.0.1")
|
||||
const target = `http://127.0.0.1:${address.port}/browser?ready=true`
|
||||
expect((await proxyRequest(proxy.port, target)).status).toBe(407)
|
||||
const header = `Basic ${Buffer.from(`${proxy.credentials.username}:${proxy.credentials.password}`).toString("base64")}`
|
||||
expect(await proxyRequest(proxy.port, target, header)).toEqual({ status: 200, body: "GET /browser?ready=true" })
|
||||
expect(authorization).toBeUndefined()
|
||||
|
||||
const socket = connect({ host: proxy.host, port: proxy.port })
|
||||
await once(socket, "connect")
|
||||
socket.write(
|
||||
`CONNECT 127.0.0.1:${address.port} HTTP/1.1\r\nHost: 127.0.0.1:${address.port}\r\nProxy-Authorization: ${header}\r\n\r\n`,
|
||||
)
|
||||
const [connected] = await once(socket, "data")
|
||||
expect(Buffer.from(connected).toString()).toContain("200 Connection Established")
|
||||
socket.write(`GET /through-connect HTTP/1.1\r\nHost: 127.0.0.1:${address.port}\r\nConnection: close\r\n\r\n`)
|
||||
const chunks: Buffer[] = []
|
||||
for await (const chunk of socket) chunks.push(Buffer.from(chunk))
|
||||
expect(Buffer.concat(chunks).toString()).toContain("GET /through-connect")
|
||||
} finally {
|
||||
await proxy.close()
|
||||
upstream.closeAllConnections()
|
||||
await new Promise<void>((resolve) => upstream.close(() => resolve()))
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
async function tunnelServer(authorization?: string) {
|
||||
const http = createServer()
|
||||
const webSockets = new WebSocketServer({ noServer: true })
|
||||
const queued: Array<{ data: Buffer; binary: boolean }> = []
|
||||
const waiting: Array<(message: { data: Buffer; binary: boolean }) => void> = []
|
||||
const connected = Promise.withResolvers<WebSocket>()
|
||||
let path: string | undefined
|
||||
let header: string | undefined
|
||||
webSockets.once("connection", (socket) => {
|
||||
socket.on("message", (data, binary) => {
|
||||
const payload = data instanceof ArrayBuffer ? Buffer.from(data) : Array.isArray(data) ? Buffer.concat(data) : data
|
||||
const message = { data: payload, binary }
|
||||
const resolve = waiting.shift()
|
||||
if (resolve) {
|
||||
resolve(message)
|
||||
return
|
||||
}
|
||||
queued.push(message)
|
||||
})
|
||||
connected.resolve(socket)
|
||||
})
|
||||
http.on("upgrade", (incoming, socket, head) => {
|
||||
path = incoming.url
|
||||
header = incoming.headers.authorization
|
||||
if (
|
||||
path !== BrowserTunnelProtocol.Path ||
|
||||
header !== authorization ||
|
||||
incoming.headers["sec-websocket-protocol"] !== BrowserTunnelProtocol.Subprotocol
|
||||
) {
|
||||
socket.end("HTTP/1.1 401 Unauthorized\r\nContent-Length: 0\r\n\r\n")
|
||||
return
|
||||
}
|
||||
webSockets.handleUpgrade(incoming, socket, head, (connection) =>
|
||||
webSockets.emit("connection", connection, incoming),
|
||||
)
|
||||
})
|
||||
await new Promise<void>((resolve) => http.listen(0, "127.0.0.1", resolve))
|
||||
const address = http.address()
|
||||
if (!address || typeof address === "string") throw new Error("tunnel server did not bind")
|
||||
return {
|
||||
connected: connected.promise,
|
||||
url: `http://127.0.0.1:${address.port}`,
|
||||
path: () => path,
|
||||
authorization: () => header,
|
||||
next: async () =>
|
||||
queued.shift() ?? new Promise<{ data: Buffer; binary: boolean }>((resolve) => waiting.push(resolve)),
|
||||
async close() {
|
||||
webSockets.clients.forEach((socket) => socket.terminate())
|
||||
webSockets.close()
|
||||
http.closeAllConnections()
|
||||
await new Promise<void>((resolve) => http.close(() => resolve()))
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
async function proxyRequest(port: number, path: string, authorization?: string) {
|
||||
const socket = connect({ host: "127.0.0.1", port })
|
||||
await once(socket, "connect")
|
||||
socket.write(
|
||||
`GET ${path} HTTP/1.1\r\nHost: 127.0.0.1:${port}\r\n${authorization ? `Proxy-Authorization: ${authorization}\r\n` : ""}Connection: close\r\n\r\n`,
|
||||
)
|
||||
const chunks: Buffer[] = []
|
||||
for await (const chunk of socket) chunks.push(Buffer.from(chunk))
|
||||
const response = Buffer.concat(chunks).toString()
|
||||
const separator = response.indexOf("\r\n\r\n")
|
||||
return { status: Number(response.split(" ", 3)[1]), body: response.slice(separator + 4) }
|
||||
}
|
||||
@@ -30,6 +30,7 @@ test("exposes every standard HTTP API group", () => {
|
||||
"question",
|
||||
"reference",
|
||||
"worktree",
|
||||
"workspace",
|
||||
"vcs",
|
||||
"debug",
|
||||
"migration",
|
||||
@@ -81,6 +82,21 @@ test("config.get returns ordered config entries for a location", async () => {
|
||||
expect(request?.url).toBe("http://localhost:3000/api/config?location%5Bdirectory%5D=%2Ftmp%2Fproject")
|
||||
})
|
||||
|
||||
test("generate.text uses the locationless public contract", async () => {
|
||||
let request: Request | undefined
|
||||
const client = OpenCode.make({
|
||||
baseUrl: "http://localhost:3000",
|
||||
fetch: async (input, init) => {
|
||||
request = input instanceof Request ? input : new Request(input, init)
|
||||
return Response.json({ data: { text: "pong" } })
|
||||
},
|
||||
})
|
||||
|
||||
expect(await client.generate.text({ prompt: "ping" })).toEqual({ text: "pong" })
|
||||
expect(request?.url).toBe("http://localhost:3000/api/generate")
|
||||
expect(await request?.json()).toEqual({ prompt: "ping" })
|
||||
})
|
||||
|
||||
test("websearch.query uses the public HTTP contract", async () => {
|
||||
let request: Request | undefined
|
||||
const client = OpenCode.make({
|
||||
@@ -280,6 +296,21 @@ test("worktree methods use the global project contract", async () => {
|
||||
expect(await requests[2]?.json()).toEqual({ directory: "/tmp/worktrees/api", force: false })
|
||||
})
|
||||
|
||||
test("workspace.destroy returns the transition result", async () => {
|
||||
let request: Request | undefined
|
||||
const client = OpenCode.make({
|
||||
baseUrl: "http://localhost:3000",
|
||||
fetch: async (input, init) => {
|
||||
request = input instanceof Request ? input : new Request(input, init)
|
||||
return Response.json({ destroyed: false })
|
||||
},
|
||||
})
|
||||
|
||||
expect(await client.workspace.destroy({ workspaceID: "wrk_missing" })).toEqual({ destroyed: false })
|
||||
expect(request?.method).toBe("DELETE")
|
||||
expect(request?.url).toBe("http://localhost:3000/api/workspace/wrk_missing")
|
||||
})
|
||||
|
||||
test("shell list and remove use the public HTTP contract", async () => {
|
||||
const requests: Array<{ method: string; url: string }> = []
|
||||
const shell = {
|
||||
@@ -516,6 +547,7 @@ test("session methods use the public HTTP contract", async () => {
|
||||
if (url.includes("/message/")) return Response.json({ data: modelSwitchedMessage })
|
||||
if (url.endsWith("/api/session/active")) return Response.json({ data: { ses_test: { type: "running" } } })
|
||||
if (init?.method === "POST" && url.endsWith("/api/session")) return Response.json(session)
|
||||
if (url.includes("/interrupt")) return Response.json({ interrupted: true })
|
||||
if (init?.method === "POST") return new Response(null, { status: 204 })
|
||||
return Response.json({ data: [session.data], cursor: { next: "next" } })
|
||||
},
|
||||
@@ -547,7 +579,7 @@ test("session methods use the public HTTP contract", async () => {
|
||||
const context = await client.session.context({ sessionID: "ses_test" })
|
||||
const log = []
|
||||
for await (const item of client.session.log({ sessionID: "ses_test", after: 0 })) log.push(item)
|
||||
await client.session.interrupt({ sessionID: "ses_test", continue: true })
|
||||
const interrupted = await client.session.interrupt({ sessionID: "ses_test", continue: true })
|
||||
const message = await client.session.message({ sessionID: "ses_test", messageID: "msg_model" })
|
||||
|
||||
expect(page.cursor.next).toBe("next")
|
||||
@@ -556,6 +588,7 @@ test("session methods use the public HTTP contract", async () => {
|
||||
expect(created.id).toBe("ses_test")
|
||||
expect(admitted.id).toBe("msg_test")
|
||||
expect(generated.text).toBe("A transient answer")
|
||||
expect(interrupted).toEqual({ interrupted: true })
|
||||
expect(synthetic).toMatchObject({ type: "synthetic", data: { text: "Completed" }, delivery: "queue" })
|
||||
expect(context).toEqual([])
|
||||
expect(log).toEqual([modelSwitchedEvent, synced])
|
||||
|
||||
@@ -0,0 +1,46 @@
|
||||
import {
|
||||
Browser,
|
||||
BrowserDriver,
|
||||
BrowserDriverError,
|
||||
OpenCode,
|
||||
type BrowserAttachment,
|
||||
type BrowserRegistration,
|
||||
type ChromiumController,
|
||||
type ChromiumDriver,
|
||||
type ChromiumPort,
|
||||
} from "@opencode-ai/client/node"
|
||||
|
||||
const state: Browser.State = {
|
||||
url: "about:blank",
|
||||
title: "",
|
||||
loading: false,
|
||||
canGoBack: false,
|
||||
canGoForward: false,
|
||||
generation: 0,
|
||||
}
|
||||
|
||||
const factory: BrowserDriver<{ readonly proxyURL: string }> = (context) => ({
|
||||
resource: { proxyURL: context.proxy.url },
|
||||
state: () => state,
|
||||
subscribe: () => () => undefined,
|
||||
execute: async (_command, options) => {
|
||||
throw new BrowserDriverError(options.signal.aborted ? "aborted" : "internal", "Command unavailable")
|
||||
},
|
||||
dispose: () => undefined,
|
||||
})
|
||||
const driver = BrowserDriver.define(factory)
|
||||
declare const port: ChromiumPort<{ readonly page: true }>
|
||||
const chromium: ChromiumDriver<{ readonly page: true }> = BrowserDriver.chromium(() => port)
|
||||
const client = OpenCode.make({ baseUrl: "http://127.0.0.1:1" })
|
||||
const registration: Promise<BrowserRegistration> = client.browser.register({
|
||||
sessionID: "ses_type_fixture",
|
||||
open: () => undefined,
|
||||
})
|
||||
void registration.then((handle) => {
|
||||
const attachment: Promise<BrowserAttachment<{ readonly proxyURL: string }>> = handle.attach({ driver })
|
||||
const chromiumAttachment: Promise<BrowserAttachment<ChromiumController<{ readonly page: true }>>> = handle.attach({
|
||||
driver: chromium,
|
||||
})
|
||||
void attachment
|
||||
void chromiumAttachment
|
||||
})
|
||||
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"$schema": "https://json.schemastore.org/tsconfig",
|
||||
"extends": "../../tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"noEmit": true
|
||||
},
|
||||
"include": ["node-consumer.ts"]
|
||||
}
|
||||
@@ -57,6 +57,9 @@ const layer = Layer.effect(
|
||||
const bus = yield* Bus.Service
|
||||
const global = yield* Global.Service
|
||||
const permissions: Info["permissions"] = [
|
||||
{ action: "browser_navigate", resource: "*", effect: "ask" },
|
||||
{ action: "browser_read", resource: "*", effect: "ask" },
|
||||
{ action: "browser_interact", resource: "*", effect: "ask" },
|
||||
{ action: "external_directory", resource: SHELL_OUTPUT_GLOB(global.data), effect: "allow" },
|
||||
{ action: "external_directory", resource: TOOL_OUTPUT_GLOB(global.data), effect: "allow" },
|
||||
{ action: "external_directory", resource: path.join(global.tmp, "*"), effect: "allow" },
|
||||
|
||||
@@ -0,0 +1,253 @@
|
||||
export * as BrowserHost from "./browser-host.js"
|
||||
|
||||
import { Browser } from "@opencode-ai/schema/browser"
|
||||
import { Session } from "@opencode-ai/schema/session"
|
||||
import { makeGlobalNode } from "@opencode-ai/util/effect/app-node"
|
||||
import { Context, Deferred, Effect, Layer, Option, Schema, Scope, Stream } from "effect"
|
||||
import { Bus } from "./bus.js"
|
||||
import { SessionEvent } from "./session/event.js"
|
||||
import { SessionStore } from "./session/store.js"
|
||||
|
||||
export class RegistrationError extends Schema.TaggedError<RegistrationError>()("BrowserHost.RegistrationError", {
|
||||
reason: Schema.Literals(["unknown_session", "already_registered", "stale_registration", "stale_lease"]),
|
||||
message: Schema.String,
|
||||
}) {}
|
||||
|
||||
export class RequestError extends Schema.TaggedError<RequestError>()("BrowserHost.RequestError", {
|
||||
code: Browser.ErrorCode,
|
||||
message: Schema.String,
|
||||
}) {}
|
||||
|
||||
export interface Peer {
|
||||
readonly open: Effect.Effect<void, RequestError>
|
||||
readonly request: (command: Browser.Command, leaseID: Browser.LeaseID) => Effect.Effect<Browser.Result, RequestError>
|
||||
}
|
||||
|
||||
export interface Controller {
|
||||
readonly attach: (leaseID: Browser.LeaseID, state: Browser.State) => Effect.Effect<void, RegistrationError>
|
||||
readonly state: (leaseID: Browser.LeaseID, state: Browser.State) => Effect.Effect<void, RegistrationError>
|
||||
readonly detach: (leaseID: Browser.LeaseID) => Effect.Effect<void, RegistrationError>
|
||||
}
|
||||
|
||||
export interface Available {
|
||||
readonly type: "available"
|
||||
readonly open: Effect.Effect<void, RequestError>
|
||||
}
|
||||
|
||||
export interface Attached {
|
||||
readonly type: "attached"
|
||||
readonly leaseID: Browser.LeaseID
|
||||
readonly state: Browser.State
|
||||
readonly revoked: Effect.Effect<void>
|
||||
readonly request: (command: Browser.Command) => Effect.Effect<Browser.Result, RequestError>
|
||||
}
|
||||
|
||||
export type Capability = Available | Attached
|
||||
|
||||
export interface Interface {
|
||||
readonly register: (sessionID: Session.ID, peer: Peer) => Effect.Effect<Controller, RegistrationError, Scope.Scope>
|
||||
readonly get: (sessionID: Session.ID) => Effect.Effect<Option.Option<Capability>>
|
||||
}
|
||||
|
||||
export class Service extends Context.Service<Service, Interface>()("@opencode/BrowserHost") {}
|
||||
|
||||
type Attachment = {
|
||||
readonly leaseID: Browser.LeaseID
|
||||
readonly revoked: Deferred.Deferred<void>
|
||||
state: Browser.State
|
||||
}
|
||||
|
||||
type Registration = {
|
||||
readonly peer: Peer
|
||||
readonly closed: Deferred.Deferred<void>
|
||||
attached: Deferred.Deferred<void>
|
||||
attachment?: Attachment
|
||||
}
|
||||
|
||||
type Registrations = Map<Session.ID, Registration>
|
||||
|
||||
export function make(
|
||||
sessionExists: (sessionID: Session.ID) => Effect.Effect<boolean>,
|
||||
deleted: Stream.Stream<Session.ID> = Stream.never,
|
||||
) {
|
||||
return Effect.gen(function* () {
|
||||
const registrations: Registrations = new Map()
|
||||
|
||||
const register: Interface["register"] = Effect.fn("BrowserHost.register")(function* (sessionID, peer) {
|
||||
if (!(yield* sessionExists(sessionID))) {
|
||||
return yield* new RegistrationError({
|
||||
reason: "unknown_session",
|
||||
message: "The browser Session does not exist.",
|
||||
})
|
||||
}
|
||||
const registration = yield* acquire(registrations, sessionID, peer)
|
||||
return controller(registrations, sessionID, registration)
|
||||
})
|
||||
|
||||
const get: Interface["get"] = Effect.fn("BrowserHost.get")(function* (sessionID) {
|
||||
const registration = registrations.get(sessionID)
|
||||
if (!registration) return Option.none()
|
||||
if (!(yield* sessionExists(sessionID))) {
|
||||
yield* release(registrations, sessionID)
|
||||
return Option.none()
|
||||
}
|
||||
return Option.some(capability(registrations, sessionID, registration))
|
||||
})
|
||||
|
||||
yield* Stream.runForEach(deleted, (sessionID) => release(registrations, sessionID)).pipe(Effect.forkScoped)
|
||||
return Service.of({ register, get })
|
||||
})
|
||||
}
|
||||
|
||||
function acquire(registrations: Registrations, sessionID: Session.ID, peer: Peer) {
|
||||
return Effect.acquireRelease(
|
||||
Effect.suspend(() => {
|
||||
if (registrations.has(sessionID)) {
|
||||
return new RegistrationError({
|
||||
reason: "already_registered",
|
||||
message: "The browser Session is already registered.",
|
||||
})
|
||||
}
|
||||
const registration = {
|
||||
peer,
|
||||
closed: Deferred.makeUnsafe<void>(),
|
||||
attached: Deferred.makeUnsafe<void>(),
|
||||
}
|
||||
registrations.set(sessionID, registration)
|
||||
return Effect.succeed(registration)
|
||||
}),
|
||||
(registration) => release(registrations, sessionID, registration),
|
||||
)
|
||||
}
|
||||
|
||||
function controller(registrations: Registrations, sessionID: Session.ID, registration: Registration): Controller {
|
||||
return {
|
||||
attach: Effect.fn("BrowserHost.attach")((leaseID, state) =>
|
||||
Effect.suspend(() => {
|
||||
const error = invalid(registrations, sessionID, registration)
|
||||
if (error) return error
|
||||
const previous = registration.attachment
|
||||
registration.attachment = { leaseID, state, revoked: Deferred.makeUnsafe<void>() }
|
||||
if (previous) Deferred.doneUnsafe(previous.revoked, Effect.void)
|
||||
Deferred.doneUnsafe(registration.attached, Effect.void)
|
||||
return Effect.void
|
||||
}),
|
||||
),
|
||||
state: Effect.fn("BrowserHost.state")((leaseID, state) =>
|
||||
Effect.suspend(() => {
|
||||
const error = invalid(registrations, sessionID, registration, leaseID)
|
||||
if (error) return error
|
||||
const attachment = registration.attachment
|
||||
if (attachment) attachment.state = state
|
||||
return Effect.void
|
||||
}),
|
||||
),
|
||||
detach: Effect.fn("BrowserHost.detach")((leaseID) =>
|
||||
Effect.suspend(() => {
|
||||
const error = invalid(registrations, sessionID, registration, leaseID)
|
||||
if (error) return error
|
||||
const attachment = registration.attachment
|
||||
registration.attachment = undefined
|
||||
registration.attached = Deferred.makeUnsafe<void>()
|
||||
if (attachment) Deferred.doneUnsafe(attachment.revoked, Effect.void)
|
||||
return Effect.void
|
||||
}),
|
||||
),
|
||||
}
|
||||
}
|
||||
|
||||
function capability(registrations: Registrations, sessionID: Session.ID, registration: Registration): Capability {
|
||||
const attachment = registration.attachment
|
||||
if (attachment) {
|
||||
return {
|
||||
type: "attached",
|
||||
leaseID: attachment.leaseID,
|
||||
state: attachment.state,
|
||||
revoked: Deferred.await(attachment.revoked),
|
||||
request: (command) =>
|
||||
Effect.suspend(() => {
|
||||
if (registrations.get(sessionID) !== registration || registration.attachment !== attachment) {
|
||||
return unavailable()
|
||||
}
|
||||
return registration.peer.request(command, attachment.leaseID).pipe(
|
||||
Effect.raceFirst(Deferred.await(attachment.revoked).pipe(Effect.andThen(unavailable()))),
|
||||
Effect.flatMap((result) =>
|
||||
result.type === command.type
|
||||
? Effect.succeed(result)
|
||||
: new RequestError({ code: "protocol", message: "Browser response does not match its command." }),
|
||||
),
|
||||
)
|
||||
}),
|
||||
}
|
||||
}
|
||||
|
||||
const attached = registration.attached
|
||||
return {
|
||||
type: "available",
|
||||
open: Effect.suspend(() => {
|
||||
if (
|
||||
registrations.get(sessionID) !== registration ||
|
||||
registration.attached !== attached ||
|
||||
registration.attachment
|
||||
) {
|
||||
return unavailable()
|
||||
}
|
||||
return registration.peer.open.pipe(
|
||||
Effect.andThen(Deferred.await(attached)),
|
||||
Effect.raceFirst(Deferred.await(registration.closed).pipe(Effect.andThen(unavailable()))),
|
||||
Effect.timeoutOrElse({
|
||||
duration: "30 seconds",
|
||||
orElse: () => new RequestError({ code: "timeout", message: "Browser pane did not open." }),
|
||||
}),
|
||||
)
|
||||
}),
|
||||
}
|
||||
}
|
||||
|
||||
function invalid(
|
||||
registrations: Registrations,
|
||||
sessionID: Session.ID,
|
||||
registration: Registration,
|
||||
leaseID?: Browser.LeaseID,
|
||||
) {
|
||||
if (registrations.get(sessionID) !== registration) {
|
||||
return new RegistrationError({
|
||||
reason: "stale_registration",
|
||||
message: "The browser registration is no longer active.",
|
||||
})
|
||||
}
|
||||
if (leaseID !== undefined && registration.attachment?.leaseID !== leaseID) {
|
||||
return new RegistrationError({
|
||||
reason: "stale_lease",
|
||||
message: "The browser attachment lease is no longer active.",
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
function release(registrations: Registrations, sessionID: Session.ID, registration?: Registration) {
|
||||
return Effect.sync(() => {
|
||||
const current = registrations.get(sessionID)
|
||||
if (!current || (registration && current !== registration)) return
|
||||
registrations.delete(sessionID)
|
||||
Deferred.doneUnsafe(current.closed, Effect.void)
|
||||
if (current.attachment) Deferred.doneUnsafe(current.attachment.revoked, Effect.void)
|
||||
})
|
||||
}
|
||||
|
||||
function unavailable() {
|
||||
return new RequestError({ code: "not_attached", message: "The browser attachment is no longer available." })
|
||||
}
|
||||
|
||||
export const layer = Layer.effect(
|
||||
Service,
|
||||
Effect.gen(function* () {
|
||||
const sessions = yield* SessionStore.Service
|
||||
const bus = yield* Bus.Service
|
||||
return yield* make(
|
||||
(sessionID) => sessions.get(sessionID).pipe(Effect.map((session) => session !== undefined)),
|
||||
bus.subscribe(SessionEvent.Deleted).pipe(Stream.map((event) => event.data.sessionID)),
|
||||
)
|
||||
}),
|
||||
)
|
||||
|
||||
export const node = makeGlobalNode({ service: Service, layer, deps: [SessionStore.node, Bus.node] })
|
||||
+68
-223
@@ -1,26 +1,32 @@
|
||||
export * as Command from "./command.js"
|
||||
|
||||
import { makeLocationNode } from "@opencode-ai/util/effect/app-node"
|
||||
import { Context, Effect, Layer, Schema, Types } from "effect"
|
||||
import { Command } from "@opencode-ai/schema/command"
|
||||
import { State } from "./state.js"
|
||||
import { MCP } from "./mcp/index.js"
|
||||
import type { PromptInput } from "@opencode-ai/schema/prompt-input"
|
||||
import type { Session } from "@opencode-ai/schema/session"
|
||||
import type { SessionInbox } from "@opencode-ai/schema/session-inbox"
|
||||
import { makeLocationNode } from "@opencode-ai/util/effect/app-node"
|
||||
import { Context, Effect, Layer, Schema } from "effect"
|
||||
import { Bus } from "./bus.js"
|
||||
import { AppProcess } from "@opencode-ai/util/process"
|
||||
import { ChildProcess } from "effect/unstable/process"
|
||||
import { Location } from "./location.js"
|
||||
import { ShellSelect } from "./shell/select.js"
|
||||
import { State } from "./state.js"
|
||||
|
||||
export const Info = Command.Info
|
||||
export type Info = Command.Info
|
||||
export { Event } from "@opencode-ai/schema/command"
|
||||
|
||||
export type Evaluation = {
|
||||
readonly text: string
|
||||
export interface Invocation {
|
||||
readonly sessionID: Session.ID
|
||||
readonly prompt: PromptInput.Prompt
|
||||
readonly delivery: SessionInbox.Delivery
|
||||
}
|
||||
|
||||
export type Data = {
|
||||
commands: Map<string, Types.DeepMutable<Info>>
|
||||
export interface Definition {
|
||||
readonly name: string
|
||||
readonly description?: string
|
||||
readonly execute: (input: Invocation) => Effect.Effect<void, unknown>
|
||||
}
|
||||
|
||||
export type Draft = {
|
||||
add: (definition: Definition) => void
|
||||
}
|
||||
|
||||
export class NotFoundError extends Schema.TaggedError<NotFoundError>()("Command.NotFoundError", {
|
||||
@@ -28,234 +34,73 @@ export class NotFoundError extends Schema.TaggedError<NotFoundError>()("Command.
|
||||
message: Schema.String,
|
||||
}) {}
|
||||
|
||||
export class EvaluationError extends Schema.TaggedError<EvaluationError>()("Command.EvaluationError", {
|
||||
export class ExecutionError extends Schema.TaggedError<ExecutionError>()("Command.ExecutionError", {
|
||||
command: Schema.String,
|
||||
message: Schema.String,
|
||||
}) {}
|
||||
|
||||
export type Draft = {
|
||||
list: () => readonly Info[]
|
||||
get: (name: string) => Info | undefined
|
||||
update: (name: string, update: (command: Types.DeepMutable<Info>) => void) => void
|
||||
remove: (name: string) => void
|
||||
}
|
||||
|
||||
export interface Interface extends State.Transformable<Draft> {
|
||||
readonly get: (name: string) => Effect.Effect<Info | undefined>
|
||||
readonly list: () => Effect.Effect<Info[]>
|
||||
readonly evaluate: (input: {
|
||||
readonly execute: (input: {
|
||||
readonly name: string
|
||||
readonly arguments?: string
|
||||
}) => Effect.Effect<Evaluation, NotFoundError | EvaluationError>
|
||||
readonly invocation: Invocation
|
||||
}) => Effect.Effect<void, NotFoundError | ExecutionError>
|
||||
}
|
||||
|
||||
export class Service extends Context.Service<Service, Interface>()("@opencode/Command") {}
|
||||
|
||||
const layer = () =>
|
||||
Layer.effect(
|
||||
Service,
|
||||
Effect.gen(function* () {
|
||||
const mcp = yield* MCP.Service
|
||||
const bus = yield* Bus.Service
|
||||
const processes = yield* AppProcess.Service
|
||||
const location = yield* Location.Service
|
||||
const shell = yield* ShellSelect.Service
|
||||
const state = State.create<Data, Draft>({
|
||||
name: "command",
|
||||
initial: () => ({ commands: new Map() }),
|
||||
draft: (draft) => ({
|
||||
list: () => Array.from(draft.commands.values()) as Info[],
|
||||
get: (name) => draft.commands.get(name),
|
||||
update: (name, update) => {
|
||||
const current = draft.commands.get(name) ?? ({ name, template: "" } as Types.DeepMutable<Info>)
|
||||
if (!draft.commands.has(name)) draft.commands.set(name, current)
|
||||
update(current)
|
||||
current.name = name
|
||||
},
|
||||
remove: (name) => {
|
||||
draft.commands.delete(name)
|
||||
},
|
||||
}),
|
||||
finalize: () => bus.publish(Command.Event.Updated, {}).pipe(Effect.asVoid),
|
||||
})
|
||||
const staticCommand = (name: string) => state.get().commands.get(name) as Info | undefined
|
||||
const mcpCommands = Effect.fnUntraced(function* () {
|
||||
return (yield* mcp.prompts()).map((prompt) =>
|
||||
Info.make({
|
||||
name: mcpCommandName(prompt.server, prompt.name),
|
||||
template: "",
|
||||
description: prompt.description,
|
||||
}),
|
||||
)
|
||||
export const layer = Layer.effect(
|
||||
Service,
|
||||
Effect.gen(function* () {
|
||||
const bus = yield* Bus.Service
|
||||
const state = State.create<Map<string, Definition>, Draft>({
|
||||
name: "command",
|
||||
initial: () => new Map(),
|
||||
draft: (draft) => ({
|
||||
add: (definition) => draft.set(definition.name, definition),
|
||||
}),
|
||||
finalize: () => bus.publish(Command.Event.Updated, {}).pipe(Effect.asVoid),
|
||||
})
|
||||
const info = (definition: Definition) =>
|
||||
Info.make({
|
||||
name: definition.name,
|
||||
description: definition.description,
|
||||
})
|
||||
|
||||
return Service.of({
|
||||
reload: state.reload,
|
||||
transform: state.transform,
|
||||
get: Effect.fn("Command.get")(function* (name) {
|
||||
const command = staticCommand(name)
|
||||
if (command) return command
|
||||
return (yield* mcpCommands()).find((command) => command.name === name)
|
||||
return Service.of({
|
||||
reload: state.reload,
|
||||
transform: state.transform,
|
||||
get: Effect.fn("Command.get")((name) =>
|
||||
Effect.sync(() => {
|
||||
const definition = state.get().get(name)
|
||||
return definition ? info(definition) : undefined
|
||||
}),
|
||||
list: Effect.fn("Command.list")(function* () {
|
||||
const commands = Array.from(state.get().commands.values()) as Info[]
|
||||
const names = new Set(commands.map((command) => command.name))
|
||||
return [...commands, ...(yield* mcpCommands()).filter((command) => !names.has(command.name))]
|
||||
}),
|
||||
evaluate: Effect.fn("Command.evaluate")(function* (input) {
|
||||
const command = staticCommand(input.name)
|
||||
if (command)
|
||||
return yield* evaluateTemplate(input.name, command.template, input.arguments ?? "", {
|
||||
location,
|
||||
processes,
|
||||
shell,
|
||||
})
|
||||
|
||||
const prompt = (yield* mcp.prompts()).find(
|
||||
(prompt) => mcpCommandName(prompt.server, prompt.name) === input.name,
|
||||
)
|
||||
if (!prompt)
|
||||
return yield* new NotFoundError({ command: input.name, message: `Command not found: ${input.name}` })
|
||||
const result = yield* mcp
|
||||
.prompt({
|
||||
server: prompt.server,
|
||||
name: prompt.name,
|
||||
args: Object.fromEntries(
|
||||
(prompt.arguments ?? []).map((argument, index) => [
|
||||
argument.name,
|
||||
parseArguments(input.arguments ?? "")[index] ?? "",
|
||||
]),
|
||||
),
|
||||
})
|
||||
.pipe(
|
||||
Effect.catchTag("MCP.NotFoundError", () =>
|
||||
Effect.fail(
|
||||
new EvaluationError({
|
||||
command: input.name,
|
||||
message: `MCP server could not be found while evaluating prompt: ${prompt.server}`,
|
||||
}),
|
||||
),
|
||||
),
|
||||
)
|
||||
if (!result)
|
||||
return yield* new EvaluationError({
|
||||
command: input.name,
|
||||
message: `MCP prompt could not be evaluated: ${prompt.server}:${prompt.name}`,
|
||||
})
|
||||
return {
|
||||
text: result.messages
|
||||
.map((message) => promptMessageText(message.content))
|
||||
.join("\n")
|
||||
.trim(),
|
||||
}
|
||||
}),
|
||||
})
|
||||
}),
|
||||
)
|
||||
|
||||
function evaluateTemplate(
|
||||
command: string,
|
||||
template: string,
|
||||
input: string,
|
||||
services: {
|
||||
readonly location: Location.Info
|
||||
readonly processes: AppProcess.Interface
|
||||
readonly shell: ShellSelect.Interface
|
||||
},
|
||||
) {
|
||||
return Effect.gen(function* () {
|
||||
const expanded = evaluateArguments(template, input)
|
||||
return { text: yield* evaluateShell(command, expanded, services) }
|
||||
})
|
||||
}
|
||||
|
||||
function evaluateArguments(template: string, input: string) {
|
||||
const args = parseArguments(input)
|
||||
const placeholders = template.match(placeholderRegex) ?? []
|
||||
const last = Math.max(0, ...placeholders.map((item) => Number(item.slice(1))))
|
||||
const expanded = template.replaceAll(placeholderRegex, (_, index) => {
|
||||
const position = Number(index)
|
||||
const argIndex = position - 1
|
||||
if (argIndex >= args.length) return ""
|
||||
if (position === last) return args.slice(argIndex).join(" ")
|
||||
return args[argIndex]
|
||||
})
|
||||
const withArguments = expanded.replaceAll("$ARGUMENTS", input)
|
||||
if (placeholders.length === 0 && !template.includes("$ARGUMENTS") && input.trim())
|
||||
return `${withArguments}\n\n${input}`.trim()
|
||||
return withArguments.trim()
|
||||
}
|
||||
|
||||
const evaluateShell = Effect.fnUntraced(function* (
|
||||
command: string,
|
||||
text: string,
|
||||
services: {
|
||||
readonly location: Location.Info
|
||||
readonly processes: AppProcess.Interface
|
||||
readonly shell: ShellSelect.Interface
|
||||
},
|
||||
) {
|
||||
const matches = Array.from(text.matchAll(shellRegex))
|
||||
if (matches.length === 0) return text
|
||||
const shell = yield* services.shell.preferred()
|
||||
const outputs = yield* Effect.forEach(
|
||||
matches,
|
||||
(match) => {
|
||||
const source = match[1] ?? ""
|
||||
return services.processes
|
||||
.run(
|
||||
ChildProcess.make(shell, ShellSelect.args(shell, source), {
|
||||
cwd: services.location.directory,
|
||||
stdin: "ignore",
|
||||
}),
|
||||
{
|
||||
combineOutput: true,
|
||||
},
|
||||
),
|
||||
list: Effect.fn("Command.list")(() => Effect.sync(() => Array.from(state.get().values(), info))),
|
||||
execute: Effect.fn("Command.execute")(function* (input) {
|
||||
const definition = state.get().get(input.name)
|
||||
if (!definition)
|
||||
return yield* new NotFoundError({ command: input.name, message: `Command not found: ${input.name}` })
|
||||
return yield* definition.execute(input.invocation).pipe(
|
||||
Effect.tapError((error) => Effect.logError("command execution failed", { command: input.name, error })),
|
||||
Effect.mapError((error) => new ExecutionError({ command: input.name, message: errorMessage(error) })),
|
||||
)
|
||||
.pipe(
|
||||
Effect.map((result) => (result.output ?? Buffer.concat([result.stdout, result.stderr])).toString("utf8")),
|
||||
Effect.mapError(
|
||||
(error) =>
|
||||
new EvaluationError({
|
||||
command,
|
||||
message: `Shell interpolation failed for ${JSON.stringify(source)}: ${error.message}`,
|
||||
}),
|
||||
),
|
||||
)
|
||||
},
|
||||
{ concurrency: 2 },
|
||||
)
|
||||
const iterator = outputs[Symbol.iterator]()
|
||||
return text.replace(shellRegex, () => iterator.next().value ?? "")
|
||||
})
|
||||
|
||||
function parseArguments(input: string) {
|
||||
return (input.match(argsRegex) ?? []).map((arg) => arg.replace(quoteTrimRegex, ""))
|
||||
}
|
||||
|
||||
function promptMessageText(content: unknown) {
|
||||
if (typeof content === "string") return content
|
||||
if (!content || typeof content !== "object") return ""
|
||||
if (!("type" in content) || content.type !== "text") return ""
|
||||
if (!("text" in content) || typeof content.text !== "string") return ""
|
||||
return content.text
|
||||
}
|
||||
|
||||
function mcpCommandName(server: string, prompt: string) {
|
||||
return `${sanitize(server)}:${sanitize(prompt)}`
|
||||
}
|
||||
|
||||
function sanitize(value: string) {
|
||||
return value.replace(/[^a-zA-Z0-9_-]/g, "_")
|
||||
}
|
||||
|
||||
const argsRegex = /(?:\[Image\s+\d+\]|"[^"]*"|'[^']*'|[^\s"']+)/gi
|
||||
const placeholderRegex = /\$(\d+)/g
|
||||
const quoteTrimRegex = /^["']|["']$/g
|
||||
const shellRegex = /!`([^`]+)`/g
|
||||
}),
|
||||
})
|
||||
}),
|
||||
)
|
||||
|
||||
export const node = makeLocationNode({
|
||||
service: Service,
|
||||
layer: layer(),
|
||||
deps: [MCP.node, Bus.node, AppProcess.node, Location.node, ShellSelect.node],
|
||||
layer,
|
||||
deps: [Bus.node],
|
||||
})
|
||||
|
||||
function errorMessage(error: unknown) {
|
||||
if (error instanceof Error) return error.message
|
||||
if (typeof error === "string") return error
|
||||
if (error && typeof error === "object" && "message" in error && typeof error.message === "string")
|
||||
return error.message
|
||||
return "Command execution failed"
|
||||
}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
export * as ConfigAgentPlugin from "./agent.js"
|
||||
|
||||
import { define } from "@opencode-ai/core/plugin/definition"
|
||||
import { define } from "@opencode-ai/plugin/effect/plugin"
|
||||
import { Document, Info, type Entry } from "@opencode-ai/schema/config"
|
||||
import { ConfigAgent } from "@opencode-ai/schema/config/agent"
|
||||
import path from "path"
|
||||
|
||||
@@ -1,12 +1,18 @@
|
||||
export * as ConfigCommandPlugin from "./command.js"
|
||||
|
||||
import { define } from "@opencode-ai/core/plugin/definition"
|
||||
import { define } from "@opencode-ai/plugin/effect/plugin"
|
||||
import { Agent } from "@opencode-ai/schema/agent"
|
||||
import { Info, type Entry } from "@opencode-ai/schema/config"
|
||||
import { ConfigCommand } from "@opencode-ai/schema/config/command"
|
||||
import { Model } from "@opencode-ai/schema/model"
|
||||
import { Provider } from "@opencode-ai/schema/provider"
|
||||
import { AppProcess } from "@opencode-ai/util/process"
|
||||
import path from "path"
|
||||
import { Effect, Option, Schema, Stream } from "effect"
|
||||
import { Command } from "../../command.js"
|
||||
import { ChildProcess } from "effect/unstable/process"
|
||||
import { Config } from "../../config.js"
|
||||
import { Location } from "../../location.js"
|
||||
import { ShellSelect } from "../../shell/select.js"
|
||||
import { FSUtil } from "@opencode-ai/util/fs-util"
|
||||
import { ConfigMarkdown } from "../markdown.js"
|
||||
|
||||
@@ -23,6 +29,9 @@ export const Plugin = define({
|
||||
const commands = yield* loadDirectory(fs, entry.path)
|
||||
return [{ commands: Object.fromEntries(commands.map((command) => [command.name, command.info])) }]
|
||||
})
|
||||
const location = yield* Location.Service
|
||||
const processes = yield* AppProcess.Service
|
||||
const shell = yield* ShellSelect.Service
|
||||
const load = Effect.fn("ConfigCommandPlugin.load")(function* () {
|
||||
return yield* Effect.forEach(yield* config.entries(), loadEntry).pipe(Effect.map((documents) => documents.flat()))
|
||||
})
|
||||
@@ -51,17 +60,41 @@ export const Plugin = define({
|
||||
yield* ctx.command.transform((draft) => {
|
||||
for (const document of loaded.documents) {
|
||||
for (const [name, command] of Object.entries(document.commands ?? {})) {
|
||||
draft.update(name, (item) => {
|
||||
item.template = command.template
|
||||
if (command.description !== undefined) item.description = command.description
|
||||
if (command.agent !== undefined) item.agent = command.agent
|
||||
if (command.model !== undefined)
|
||||
item.model = {
|
||||
id: command.model.model,
|
||||
providerID: command.model.providerID,
|
||||
...(command.model.variant === undefined ? {} : { variant: command.model.variant }),
|
||||
}
|
||||
if (command.subtask !== undefined) item.subtask = command.subtask
|
||||
draft.add({
|
||||
name,
|
||||
description: command.description,
|
||||
execute: (input) =>
|
||||
Effect.gen(function* () {
|
||||
const agent = command.agent === undefined ? undefined : Agent.ID.make(command.agent)
|
||||
const commandAgent = yield* Effect.gen(function* () {
|
||||
if (agent === undefined) return
|
||||
const session = yield* ctx.session.get({ sessionID: input.sessionID })
|
||||
if (session.agent !== agent) yield* ctx.session.switchAgent({ sessionID: input.sessionID, agent })
|
||||
return (yield* ctx.agent.get({ agentID: agent })).data
|
||||
})
|
||||
const model =
|
||||
command.model === undefined
|
||||
? commandAgent?.model
|
||||
: {
|
||||
id: Model.ID.make(command.model.model),
|
||||
providerID: Provider.ID.make(command.model.providerID),
|
||||
...(command.model.variant === undefined
|
||||
? {}
|
||||
: { variant: Model.VariantID.make(command.model.variant) }),
|
||||
}
|
||||
if (model !== undefined) yield* ctx.session.switchModel({ sessionID: input.sessionID, model })
|
||||
yield* ctx.session.prompt({
|
||||
...input.prompt,
|
||||
sessionID: input.sessionID,
|
||||
text: yield* evaluateTemplate(command.template, input.prompt.text, {
|
||||
config,
|
||||
location,
|
||||
processes,
|
||||
shell,
|
||||
}),
|
||||
delivery: input.delivery,
|
||||
})
|
||||
}).pipe(Effect.asVoid),
|
||||
})
|
||||
}
|
||||
}
|
||||
@@ -114,3 +147,67 @@ function decode(directory: string, filepath: string, content: string) {
|
||||
info,
|
||||
}
|
||||
}
|
||||
|
||||
function evaluateTemplate(
|
||||
template: string,
|
||||
input: string,
|
||||
services: {
|
||||
readonly config: Config.Interface
|
||||
readonly location: Location.Info
|
||||
readonly processes: AppProcess.Interface
|
||||
readonly shell: ShellSelect.Interface
|
||||
},
|
||||
) {
|
||||
return Effect.gen(function* () {
|
||||
const args = parseArguments(input)
|
||||
const placeholders = template.match(placeholderRegex) ?? []
|
||||
const last = Math.max(0, ...placeholders.map((item) => Number(item.slice(1))))
|
||||
const expanded = template.replaceAll(placeholderRegex, (_, index) => {
|
||||
const position = Number(index)
|
||||
const argIndex = position - 1
|
||||
if (argIndex >= args.length) return ""
|
||||
if (position === last) return args.slice(argIndex).join(" ")
|
||||
return args[argIndex]
|
||||
})
|
||||
const withArguments = expanded.replaceAll("$ARGUMENTS", input)
|
||||
const text =
|
||||
placeholders.length === 0 && !template.includes("$ARGUMENTS") && input.trim()
|
||||
? `${withArguments}\n\n${input}`.trim()
|
||||
: withArguments.trim()
|
||||
const matches = Array.from(text.matchAll(shellRegex))
|
||||
if (matches.length === 0) return text
|
||||
const shell = yield* services.shell.preferred()
|
||||
const outputs = yield* Effect.forEach(
|
||||
matches,
|
||||
(match) => {
|
||||
const source = match[1] ?? ""
|
||||
return services.processes
|
||||
.run(
|
||||
ChildProcess.make(shell, ShellSelect.args(shell, source), {
|
||||
cwd: services.location.directory,
|
||||
stdin: "ignore",
|
||||
}),
|
||||
{ combineOutput: true },
|
||||
)
|
||||
.pipe(
|
||||
Effect.map((result) => (result.output ?? Buffer.concat([result.stdout, result.stderr])).toString("utf8")),
|
||||
Effect.mapError((error) =>
|
||||
new Error(`Shell interpolation failed for ${JSON.stringify(source)}: ${error.message}`),
|
||||
),
|
||||
)
|
||||
},
|
||||
{ concurrency: 2 },
|
||||
)
|
||||
const iterator = outputs[Symbol.iterator]()
|
||||
return text.replace(shellRegex, () => iterator.next().value ?? "")
|
||||
})
|
||||
}
|
||||
|
||||
function parseArguments(input: string) {
|
||||
return (input.match(argsRegex) ?? []).map((arg) => arg.replace(quoteTrimRegex, ""))
|
||||
}
|
||||
|
||||
const argsRegex = /(?:\[Image\s+\d+\]|"[^"]*"|'[^']*'|[^\s"']+)/gi
|
||||
const placeholderRegex = /\$(\d+)/g
|
||||
const quoteTrimRegex = /^["']|["']$/g
|
||||
const shellRegex = /!`([^`]+)`/g
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
export * as ConfigCompactionPlugin from "./compaction.js"
|
||||
|
||||
import { define } from "@opencode-ai/core/plugin/definition"
|
||||
import { define } from "@opencode-ai/plugin/effect/plugin"
|
||||
import { Effect } from "effect"
|
||||
import { Config } from "../../config.js"
|
||||
import { SessionCompaction } from "../../session/compaction.js"
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
export * as ConfigFormatterPlugin from "./formatter.js"
|
||||
|
||||
import { define } from "@opencode-ai/core/plugin/definition"
|
||||
import { define } from "@opencode-ai/plugin/effect/plugin"
|
||||
import { FSUtil } from "@opencode-ai/util/fs-util"
|
||||
import { Global } from "@opencode-ai/util/global"
|
||||
import { Npm } from "@opencode-ai/util/npm"
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
export * as ConfigImagePlugin from "./image.js"
|
||||
|
||||
import { define } from "@opencode-ai/core/plugin/definition"
|
||||
import { define } from "@opencode-ai/plugin/effect/plugin"
|
||||
import { Effect } from "effect"
|
||||
import { Config } from "../../config.js"
|
||||
import { Image } from "../../image.js"
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
export * as ConfigInstructionPlugin from "./instruction.js"
|
||||
|
||||
import { define } from "@opencode-ai/core/plugin/definition"
|
||||
import { define } from "@opencode-ai/plugin/effect/plugin"
|
||||
import { FSUtil } from "@opencode-ai/util/fs-util"
|
||||
import { Global } from "@opencode-ai/util/global"
|
||||
import { dirname, join } from "path"
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
export * as ConfigLocationWatcherPlugin from "./location-watcher.js"
|
||||
|
||||
import { define } from "@opencode-ai/core/plugin/definition"
|
||||
import { define } from "@opencode-ai/plugin/effect/plugin"
|
||||
import { Effect } from "effect"
|
||||
import { Config } from "../../config.js"
|
||||
import { LocationWatcherPolicy } from "../../filesystem/location-watcher-policy.js"
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
export * as ConfigMCPPlugin from "./mcp.js"
|
||||
|
||||
import { define } from "@opencode-ai/core/plugin/definition"
|
||||
import { define } from "@opencode-ai/plugin/effect/plugin"
|
||||
import { Document, type Entry } from "@opencode-ai/schema/config"
|
||||
import { Mcp } from "@opencode-ai/schema/mcp"
|
||||
import { Effect, Stream } from "effect"
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
export * as ConfigPolicyPlugin from "./policy.js"
|
||||
|
||||
import { define } from "@opencode-ai/core/plugin/definition"
|
||||
import { define } from "@opencode-ai/plugin/effect/plugin"
|
||||
import { Document } from "@opencode-ai/schema/config"
|
||||
import { Effect } from "effect"
|
||||
import { Config } from "../../config.js"
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
export * as ConfigProviderPlugin from "./provider.js"
|
||||
|
||||
import { define } from "@opencode-ai/core/plugin/definition"
|
||||
import { define } from "@opencode-ai/plugin/effect/plugin"
|
||||
import { Document, type Entry } from "@opencode-ai/schema/config"
|
||||
import { Money } from "@opencode-ai/schema/money"
|
||||
import { Effect } from "effect"
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
export * as ConfigReferencePlugin from "./reference.js"
|
||||
|
||||
import { define } from "@opencode-ai/core/plugin/definition"
|
||||
import { define } from "@opencode-ai/plugin/effect/plugin"
|
||||
import { Document } from "@opencode-ai/schema/config"
|
||||
import { ConfigReference } from "@opencode-ai/schema/config/reference"
|
||||
import path from "path"
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
export * as ConfigShellPlugin from "./shell.js"
|
||||
|
||||
import { define } from "@opencode-ai/core/plugin/definition"
|
||||
import { define } from "@opencode-ai/plugin/effect/plugin"
|
||||
import { Effect } from "effect"
|
||||
import { Config } from "../../config.js"
|
||||
import { ShellSelect } from "../../shell/select.js"
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
export * as ConfigSkillPlugin from "./skill.js"
|
||||
|
||||
import { define } from "@opencode-ai/core/plugin/definition"
|
||||
import { define } from "@opencode-ai/plugin/effect/plugin"
|
||||
import type { Entry } from "@opencode-ai/schema/config"
|
||||
import { FSUtil } from "@opencode-ai/util/fs-util"
|
||||
import { Global } from "@opencode-ai/util/global"
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
export * as ConfigSnapshotPlugin from "./snapshot.js"
|
||||
|
||||
import { define } from "@opencode-ai/core/plugin/definition"
|
||||
import { define } from "@opencode-ai/plugin/effect/plugin"
|
||||
import { Effect } from "effect"
|
||||
import { Config } from "../../config.js"
|
||||
import { Snapshot } from "../../snapshot.js"
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
export * as ConfigToolOutputPlugin from "./tool-output.js"
|
||||
|
||||
import { define } from "@opencode-ai/core/plugin/definition"
|
||||
import { define } from "@opencode-ai/plugin/effect/plugin"
|
||||
import { Effect } from "effect"
|
||||
import { Config } from "../../config.js"
|
||||
import { ToolOutput } from "../../tool-output.js"
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
export * as ConfigWebSearchPlugin from "./websearch.js"
|
||||
|
||||
import { define } from "@opencode-ai/core/plugin/definition"
|
||||
import { define } from "@opencode-ai/plugin/effect/plugin"
|
||||
import { Effect } from "effect"
|
||||
import { Config } from "../../config.js"
|
||||
import { ConfigEntryObserver } from "./entry-observer.js"
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user