mirror of
https://github.com/anomalyco/opencode.git
synced 2026-08-07 09:39:46 -04:00
Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 941b3fc7bb | |||
| a39b20ee36 |
@@ -6,17 +6,21 @@ import { Icon } from "@opencode-ai/ui/icon"
|
|||||||
import { IconButton } from "@opencode-ai/ui/icon-button"
|
import { IconButton } from "@opencode-ai/ui/icon-button"
|
||||||
import { List } from "@opencode-ai/ui/list"
|
import { List } from "@opencode-ai/ui/list"
|
||||||
import { TextField } from "@opencode-ai/ui/text-field"
|
import { TextField } from "@opencode-ai/ui/text-field"
|
||||||
import { Show } from "solid-js"
|
import { useMutation } from "@tanstack/solid-query"
|
||||||
|
import { showToast } from "@/utils/toast"
|
||||||
|
import { useNavigate } from "@solidjs/router"
|
||||||
|
import { createEffect, createMemo, createResource, Show } from "solid-js"
|
||||||
|
import { createStore } from "solid-js/store"
|
||||||
import { ServerHealthIndicator, ServerRow } from "@/components/server/server-row"
|
import { ServerHealthIndicator, ServerRow } from "@/components/server/server-row"
|
||||||
|
import { useGlobal } from "@/context/global"
|
||||||
import { useLanguage } from "@/context/language"
|
import { useLanguage } from "@/context/language"
|
||||||
import { ServerConnection } from "@/context/server"
|
import { usePlatform } from "@/context/platform"
|
||||||
|
import { normalizeServerUrl, ServerConnection, useServer } from "@/context/server"
|
||||||
|
import { type ServerHealth, useCheckServerHealth } from "@/utils/server-health"
|
||||||
import { useSettings } from "@/context/settings"
|
import { useSettings } from "@/context/settings"
|
||||||
import {
|
import { useTabs } from "@/context/tabs"
|
||||||
type ServerDomainController,
|
|
||||||
type ServerFormController,
|
const DEFAULT_USERNAME = "opencode"
|
||||||
useServerDomainController,
|
|
||||||
useServerFormController,
|
|
||||||
} from "@/components/server/server-management-controller"
|
|
||||||
|
|
||||||
interface ServerFormProps {
|
interface ServerFormProps {
|
||||||
value: string
|
value: string
|
||||||
@@ -35,6 +39,76 @@ interface ServerFormProps {
|
|||||||
onBack: () => void
|
onBack: () => void
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function showRequestError(language: ReturnType<typeof useLanguage>, err: unknown) {
|
||||||
|
showToast({
|
||||||
|
variant: "error",
|
||||||
|
title: language.t("common.requestFailed"),
|
||||||
|
description: err instanceof Error ? err.message : String(err),
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function useDefaultServer() {
|
||||||
|
const language = useLanguage()
|
||||||
|
const platform = usePlatform()
|
||||||
|
const [defaultKey, defaultUrlActions] = createResource(
|
||||||
|
async () => {
|
||||||
|
try {
|
||||||
|
const key = await platform.getDefaultServer?.()
|
||||||
|
if (!key) return null
|
||||||
|
return key
|
||||||
|
} catch (err) {
|
||||||
|
showRequestError(language, err)
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{ initialValue: null },
|
||||||
|
)
|
||||||
|
|
||||||
|
const canDefault = createMemo(() => !!platform.getDefaultServer && !!platform.setDefaultServer)
|
||||||
|
const setDefault = async (key: ServerConnection.Key | null) => {
|
||||||
|
try {
|
||||||
|
await platform.setDefaultServer?.(key)
|
||||||
|
defaultUrlActions.mutate(key)
|
||||||
|
} catch (err) {
|
||||||
|
showRequestError(language, err)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return { defaultKey: () => defaultKey.latest, canDefault, setDefault }
|
||||||
|
}
|
||||||
|
|
||||||
|
function useServerPreview() {
|
||||||
|
const checkServerHealth = useCheckServerHealth()
|
||||||
|
|
||||||
|
const looksComplete = (value: string) => {
|
||||||
|
const normalized = normalizeServerUrl(value)
|
||||||
|
if (!normalized) return false
|
||||||
|
const host = normalized.replace(/^https?:\/\//, "").split("/")[0]
|
||||||
|
if (!host) return false
|
||||||
|
if (host.includes("localhost") || host.startsWith("127.0.0.1")) return true
|
||||||
|
return host.includes(".") || host.includes(":")
|
||||||
|
}
|
||||||
|
|
||||||
|
const previewStatus = async (
|
||||||
|
value: string,
|
||||||
|
username: string,
|
||||||
|
password: string,
|
||||||
|
setStatus: (value: boolean | undefined) => void,
|
||||||
|
) => {
|
||||||
|
setStatus(undefined)
|
||||||
|
if (!looksComplete(value)) return
|
||||||
|
const normalized = normalizeServerUrl(value)
|
||||||
|
if (!normalized) return
|
||||||
|
const http: ServerConnection.HttpBase = { url: normalized }
|
||||||
|
if (username) http.username = username
|
||||||
|
if (password) http.password = password
|
||||||
|
const result = await checkServerHealth(http)
|
||||||
|
setStatus(result.healthy)
|
||||||
|
}
|
||||||
|
|
||||||
|
return { previewStatus }
|
||||||
|
}
|
||||||
|
|
||||||
function ServerForm(props: ServerFormProps) {
|
function ServerForm(props: ServerFormProps) {
|
||||||
const language = useLanguage()
|
const language = useLanguage()
|
||||||
const keyDown = (event: KeyboardEvent) => {
|
const keyDown = (event: KeyboardEvent) => {
|
||||||
@@ -102,40 +176,385 @@ function ServerForm(props: ServerFormProps) {
|
|||||||
|
|
||||||
export function DialogSelectServer() {
|
export function DialogSelectServer() {
|
||||||
const dialog = useDialog()
|
const dialog = useDialog()
|
||||||
const language = useLanguage()
|
const controller = useServerManagementController({ onSelect: dialog.close })
|
||||||
const domain = useServerDomainController({ onSelect: () => dialog.close() })
|
|
||||||
const form = useServerFormController({ onSelect: () => dialog.close() })
|
|
||||||
const title = () => {
|
|
||||||
if (!form.state.open()) return language.t("dialog.server.title")
|
|
||||||
return (
|
|
||||||
<div class="flex items-center gap-2 -ml-2">
|
|
||||||
<IconButton icon="arrow-left" variant="ghost" onClick={form.reset} aria-label={language.t("common.goBack")} />
|
|
||||||
<span>
|
|
||||||
{form.state.adding() ? language.t("dialog.server.add.title") : language.t("dialog.server.edit.title")}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Dialog title={title()}>
|
<Dialog title={controller.formTitle()}>
|
||||||
<div class="flex flex-1 min-h-0 flex-col px-5">
|
<div class="flex flex-1 min-h-0 flex-col px-5">
|
||||||
<Show
|
<Show when={controller.isFormMode()} fallback={<ServerConnectionList controller={controller} />}>
|
||||||
when={form.state.open()}
|
<ServerConnectionForm controller={controller} />
|
||||||
fallback={<ServerConnectionList domain={domain} onAdd={form.start.add} onEdit={form.start.edit} />}
|
|
||||||
>
|
|
||||||
<ServerConnectionForm form={form} />
|
|
||||||
</Show>
|
</Show>
|
||||||
</div>
|
</div>
|
||||||
</Dialog>
|
</Dialog>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export function ServerConnectionList(props: {
|
export function useServerManagementController(options: { onSelect?: () => void; navigateOnAdd?: boolean } = {}) {
|
||||||
domain: ServerDomainController
|
const navigate = useNavigate()
|
||||||
onAdd: () => void
|
const server = useServer()
|
||||||
onEdit: (server: ServerConnection.Http) => void
|
const tabs = useTabs()
|
||||||
}) {
|
const global = useGlobal()
|
||||||
|
const platform = usePlatform()
|
||||||
|
const language = useLanguage()
|
||||||
|
const { defaultKey, canDefault, setDefault } = useDefaultServer()
|
||||||
|
const { previewStatus } = useServerPreview()
|
||||||
|
const checkServerHealth = useCheckServerHealth()
|
||||||
|
const [store, setStore] = createStore({
|
||||||
|
addServer: {
|
||||||
|
url: "",
|
||||||
|
name: "",
|
||||||
|
username: DEFAULT_USERNAME,
|
||||||
|
password: "",
|
||||||
|
error: "",
|
||||||
|
showForm: false,
|
||||||
|
status: undefined as boolean | undefined,
|
||||||
|
},
|
||||||
|
editServer: {
|
||||||
|
id: undefined as string | undefined,
|
||||||
|
value: "",
|
||||||
|
name: "",
|
||||||
|
username: "",
|
||||||
|
password: "",
|
||||||
|
error: "",
|
||||||
|
status: undefined as boolean | undefined,
|
||||||
|
},
|
||||||
|
})
|
||||||
|
|
||||||
|
const resetAdd = () => {
|
||||||
|
setStore("addServer", {
|
||||||
|
url: "",
|
||||||
|
name: "",
|
||||||
|
username: DEFAULT_USERNAME,
|
||||||
|
password: "",
|
||||||
|
error: "",
|
||||||
|
showForm: false,
|
||||||
|
status: undefined,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const resetEdit = () => {
|
||||||
|
setStore("editServer", {
|
||||||
|
id: undefined,
|
||||||
|
value: "",
|
||||||
|
name: "",
|
||||||
|
username: "",
|
||||||
|
password: "",
|
||||||
|
error: "",
|
||||||
|
status: undefined,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const addMutation = useMutation(() => ({
|
||||||
|
mutationFn: async (value: string) => {
|
||||||
|
const normalized = normalizeServerUrl(value)
|
||||||
|
if (!normalized) {
|
||||||
|
resetAdd()
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
const conn: ServerConnection.Http = {
|
||||||
|
type: "http",
|
||||||
|
http: { url: normalized },
|
||||||
|
}
|
||||||
|
if (store.addServer.name.trim()) conn.displayName = store.addServer.name.trim()
|
||||||
|
if (store.addServer.password) conn.http.password = store.addServer.password
|
||||||
|
if (store.addServer.password && store.addServer.username) conn.http.username = store.addServer.username
|
||||||
|
const result = await checkServerHealth(conn.http)
|
||||||
|
if (!result.healthy) {
|
||||||
|
setStore("addServer", { error: language.t("dialog.server.add.error") })
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
resetAdd()
|
||||||
|
if (options.navigateOnAdd === false) {
|
||||||
|
server.add(conn)
|
||||||
|
options.onSelect?.()
|
||||||
|
return
|
||||||
|
}
|
||||||
|
await select(conn, true)
|
||||||
|
},
|
||||||
|
}))
|
||||||
|
|
||||||
|
const editMutation = useMutation(() => ({
|
||||||
|
mutationFn: async (input: { original: ServerConnection.Any; value: string }) => {
|
||||||
|
if (input.original.type !== "http") return
|
||||||
|
const normalized = normalizeServerUrl(input.value)
|
||||||
|
if (!normalized) {
|
||||||
|
resetEdit()
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
const name = store.editServer.name.trim() || undefined
|
||||||
|
const username = store.editServer.username || undefined
|
||||||
|
const password = store.editServer.password || undefined
|
||||||
|
const existingName = input.original.displayName
|
||||||
|
if (
|
||||||
|
normalized === input.original.http.url &&
|
||||||
|
name === existingName &&
|
||||||
|
username === input.original.http.username &&
|
||||||
|
password === input.original.http.password
|
||||||
|
) {
|
||||||
|
resetEdit()
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
const conn: ServerConnection.Http = {
|
||||||
|
type: "http",
|
||||||
|
displayName: name,
|
||||||
|
http: { url: normalized, username, password },
|
||||||
|
}
|
||||||
|
const result = await checkServerHealth(conn.http)
|
||||||
|
if (!result.healthy) {
|
||||||
|
setStore("editServer", { error: language.t("dialog.server.add.error") })
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (normalized === input.original.http.url) {
|
||||||
|
server.add(conn)
|
||||||
|
} else {
|
||||||
|
replaceServer(input.original, conn)
|
||||||
|
}
|
||||||
|
|
||||||
|
resetEdit()
|
||||||
|
},
|
||||||
|
}))
|
||||||
|
|
||||||
|
const replaceServer = (original: ServerConnection.Http, next: ServerConnection.Http) => {
|
||||||
|
const originalKey = ServerConnection.key(original)
|
||||||
|
const active = server.key
|
||||||
|
tabs.removeServer(originalKey)
|
||||||
|
const newConn = server.add(next)
|
||||||
|
if (!newConn) return
|
||||||
|
const nextActive = active === originalKey ? ServerConnection.key(newConn) : active
|
||||||
|
if (nextActive) server.setActive(nextActive)
|
||||||
|
server.remove(originalKey)
|
||||||
|
}
|
||||||
|
|
||||||
|
const items = createMemo(() => {
|
||||||
|
const current = server.current
|
||||||
|
const list = server.list
|
||||||
|
if (!current) return list
|
||||||
|
if (!list.includes(current)) return [current, ...list]
|
||||||
|
return [current, ...list.filter((x) => x !== current)]
|
||||||
|
})
|
||||||
|
|
||||||
|
const settings = useSettings()
|
||||||
|
const current = createMemo<ServerConnection.Any | undefined>(() =>
|
||||||
|
settings.general.newLayoutDesigns()
|
||||||
|
? undefined
|
||||||
|
: (items().find((x) => ServerConnection.key(x) === server.key) ?? items()[0]),
|
||||||
|
)
|
||||||
|
|
||||||
|
const sortedItems = createMemo(() => {
|
||||||
|
const raw = items()
|
||||||
|
const list = raw
|
||||||
|
if (!list.length) return list
|
||||||
|
const active = current()
|
||||||
|
const order = new Map(list.map((url, index) => [url, index] as const))
|
||||||
|
const rank = (value?: ServerHealth) => {
|
||||||
|
if (value?.healthy === true) return 0
|
||||||
|
if (value?.healthy === false) return 2
|
||||||
|
return 1
|
||||||
|
}
|
||||||
|
return list.slice().sort((a, b) => {
|
||||||
|
if (a === active) return -1
|
||||||
|
if (b === active) return 1
|
||||||
|
const diff =
|
||||||
|
rank(global.servers.health[ServerConnection.key(a)]) - rank(global.servers.health[ServerConnection.key(b)])
|
||||||
|
if (diff !== 0) return diff
|
||||||
|
return (order.get(a) ?? 0) - (order.get(b) ?? 0)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
async function select(conn: ServerConnection.Any, persist?: boolean) {
|
||||||
|
if (!persist && global.servers.health[ServerConnection.key(conn)]?.healthy === false) return
|
||||||
|
options.onSelect?.()
|
||||||
|
if (persist && conn.type === "http") {
|
||||||
|
server.add(conn)
|
||||||
|
navigate("/")
|
||||||
|
return
|
||||||
|
}
|
||||||
|
navigate("/")
|
||||||
|
queueMicrotask(() => server.setActive(ServerConnection.key(conn)))
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleAddChange = (value: string) => {
|
||||||
|
if (addMutation.isPending) return
|
||||||
|
setStore("addServer", { url: value, error: "" })
|
||||||
|
void previewStatus(value, store.addServer.username, store.addServer.password, (next) =>
|
||||||
|
setStore("addServer", { status: next }),
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleAddNameChange = (value: string) => {
|
||||||
|
if (addMutation.isPending) return
|
||||||
|
setStore("addServer", { name: value, error: "" })
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleAddUsernameChange = (value: string) => {
|
||||||
|
if (addMutation.isPending) return
|
||||||
|
setStore("addServer", { username: value, error: "" })
|
||||||
|
void previewStatus(store.addServer.url, value, store.addServer.password, (next) =>
|
||||||
|
setStore("addServer", { status: next }),
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleAddPasswordChange = (value: string) => {
|
||||||
|
if (addMutation.isPending) return
|
||||||
|
setStore("addServer", { password: value, error: "" })
|
||||||
|
void previewStatus(store.addServer.url, store.addServer.username, value, (next) =>
|
||||||
|
setStore("addServer", { status: next }),
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleEditChange = (value: string) => {
|
||||||
|
if (editMutation.isPending) return
|
||||||
|
setStore("editServer", { value, error: "" })
|
||||||
|
void previewStatus(value, store.editServer.username, store.editServer.password, (next) =>
|
||||||
|
setStore("editServer", { status: next }),
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleEditNameChange = (value: string) => {
|
||||||
|
if (editMutation.isPending) return
|
||||||
|
setStore("editServer", { name: value, error: "" })
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleEditUsernameChange = (value: string) => {
|
||||||
|
if (editMutation.isPending) return
|
||||||
|
setStore("editServer", { username: value, error: "" })
|
||||||
|
void previewStatus(store.editServer.value, value, store.editServer.password, (next) =>
|
||||||
|
setStore("editServer", { status: next }),
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleEditPasswordChange = (value: string) => {
|
||||||
|
if (editMutation.isPending) return
|
||||||
|
setStore("editServer", { password: value, error: "" })
|
||||||
|
void previewStatus(store.editServer.value, store.editServer.username, value, (next) =>
|
||||||
|
setStore("editServer", { status: next }),
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
const mode = createMemo<"list" | "add" | "edit">(() => {
|
||||||
|
if (store.editServer.id) return "edit"
|
||||||
|
if (store.addServer.showForm) return "add"
|
||||||
|
return "list"
|
||||||
|
})
|
||||||
|
|
||||||
|
const editing = createMemo(() => {
|
||||||
|
if (!store.editServer.id) return
|
||||||
|
return items().find((x) => x.type === "http" && x.http.url === store.editServer.id)
|
||||||
|
})
|
||||||
|
|
||||||
|
const resetForm = () => {
|
||||||
|
resetAdd()
|
||||||
|
resetEdit()
|
||||||
|
}
|
||||||
|
|
||||||
|
const startAdd = () => {
|
||||||
|
resetEdit()
|
||||||
|
setStore("addServer", {
|
||||||
|
showForm: true,
|
||||||
|
url: "",
|
||||||
|
name: "",
|
||||||
|
username: DEFAULT_USERNAME,
|
||||||
|
password: "",
|
||||||
|
error: "",
|
||||||
|
status: undefined,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const startEdit = (conn: ServerConnection.Http) => {
|
||||||
|
resetAdd()
|
||||||
|
setStore("editServer", {
|
||||||
|
id: conn.http.url,
|
||||||
|
value: conn.http.url,
|
||||||
|
name: conn.displayName ?? "",
|
||||||
|
username: conn.http.username ?? "",
|
||||||
|
password: conn.http.password ?? "",
|
||||||
|
error: "",
|
||||||
|
status: global.servers.health[ServerConnection.key(conn)]?.healthy,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const submitForm = () => {
|
||||||
|
if (mode() === "add") {
|
||||||
|
if (addMutation.isPending) return
|
||||||
|
setStore("addServer", { error: "" })
|
||||||
|
addMutation.mutate(store.addServer.url)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
const original = editing()
|
||||||
|
if (!original) return
|
||||||
|
if (editMutation.isPending) return
|
||||||
|
setStore("editServer", { error: "" })
|
||||||
|
editMutation.mutate({ original, value: store.editServer.value })
|
||||||
|
}
|
||||||
|
|
||||||
|
const isFormMode = createMemo(() => mode() !== "list")
|
||||||
|
const isAddMode = createMemo(() => mode() === "add")
|
||||||
|
const formBusy = createMemo(() => (isAddMode() ? addMutation.isPending : editMutation.isPending))
|
||||||
|
|
||||||
|
const formTitle = createMemo(() => {
|
||||||
|
if (!isFormMode()) return language.t("dialog.server.title")
|
||||||
|
return (
|
||||||
|
<div class="flex items-center gap-2 -ml-2">
|
||||||
|
<IconButton icon="arrow-left" variant="ghost" onClick={resetForm} aria-label={language.t("common.goBack")} />
|
||||||
|
<span>{isAddMode() ? language.t("dialog.server.add.title") : language.t("dialog.server.edit.title")}</span>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
})
|
||||||
|
|
||||||
|
createEffect(() => {
|
||||||
|
if (!store.editServer.id) return
|
||||||
|
if (editing()) return
|
||||||
|
resetEdit()
|
||||||
|
})
|
||||||
|
|
||||||
|
async function handleRemove(key: ServerConnection.Key) {
|
||||||
|
try {
|
||||||
|
if (key.startsWith("wsl:")) await platform.wslServers?.removeServer(key)
|
||||||
|
tabs.removeServer(key)
|
||||||
|
server.remove(key)
|
||||||
|
if ((await platform.getDefaultServer?.()) === key) {
|
||||||
|
await setDefault(null)
|
||||||
|
}
|
||||||
|
} catch (err) {
|
||||||
|
showRequestError(language, err)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
defaultKey,
|
||||||
|
canDefault,
|
||||||
|
current,
|
||||||
|
sortedItems,
|
||||||
|
status: () => global.servers.health,
|
||||||
|
isFormMode,
|
||||||
|
isAddMode,
|
||||||
|
formTitle,
|
||||||
|
formBusy,
|
||||||
|
formValue: () => (isAddMode() ? store.addServer.url : store.editServer.value),
|
||||||
|
formName: () => (isAddMode() ? store.addServer.name : store.editServer.name),
|
||||||
|
formUsername: () => (isAddMode() ? store.addServer.username : store.editServer.username),
|
||||||
|
formPassword: () => (isAddMode() ? store.addServer.password : store.editServer.password),
|
||||||
|
formError: () => (isAddMode() ? store.addServer.error : store.editServer.error),
|
||||||
|
formStatus: () => (isAddMode() ? store.addServer.status : store.editServer.status),
|
||||||
|
select,
|
||||||
|
setDefault,
|
||||||
|
startAdd,
|
||||||
|
startEdit,
|
||||||
|
resetForm,
|
||||||
|
submitForm,
|
||||||
|
canRemove: server.canRemove,
|
||||||
|
handleRemove,
|
||||||
|
handleFormChange: () => (isAddMode() ? handleAddChange : handleEditChange),
|
||||||
|
handleFormNameChange: () => (isAddMode() ? handleAddNameChange : handleEditNameChange),
|
||||||
|
handleFormUsernameChange: () => (isAddMode() ? handleAddUsernameChange : handleEditUsernameChange),
|
||||||
|
handleFormPasswordChange: () => (isAddMode() ? handleAddPasswordChange : handleEditPasswordChange),
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export function ServerConnectionList(props: { controller: ReturnType<typeof useServerManagementController> }) {
|
||||||
const language = useLanguage()
|
const language = useLanguage()
|
||||||
const settings = useSettings()
|
const settings = useSettings()
|
||||||
|
|
||||||
@@ -149,10 +568,10 @@ export function ServerConnectionList(props: {
|
|||||||
}}
|
}}
|
||||||
noInitialSelection
|
noInitialSelection
|
||||||
emptyMessage={language.t("dialog.server.empty")}
|
emptyMessage={language.t("dialog.server.empty")}
|
||||||
items={props.domain.collection.items}
|
items={props.controller.sortedItems}
|
||||||
key={(x) => x.http.url}
|
key={(x) => x.http.url}
|
||||||
onSelect={(x) => {
|
onSelect={(x) => {
|
||||||
if (x && !settings.general.newLayoutDesigns()) void props.domain.selection.select(x)
|
if (x && !settings.general.newLayoutDesigns()) void props.controller.select(x)
|
||||||
}}
|
}}
|
||||||
divider={true}
|
divider={true}
|
||||||
>
|
>
|
||||||
@@ -161,15 +580,15 @@ export function ServerConnectionList(props: {
|
|||||||
return (
|
return (
|
||||||
<div class="flex items-center gap-3 min-w-0 flex-1 w-full group/item">
|
<div class="flex items-center gap-3 min-w-0 flex-1 w-full group/item">
|
||||||
<div class="flex flex-col h-full items-center w-5">
|
<div class="flex flex-col h-full items-center w-5">
|
||||||
<ServerHealthIndicator health={props.domain.collection.health()[key]} />
|
<ServerHealthIndicator health={props.controller.status()[key]} />
|
||||||
</div>
|
</div>
|
||||||
<ServerRow
|
<ServerRow
|
||||||
conn={i}
|
conn={i}
|
||||||
dimmed={props.domain.collection.health()[key]?.healthy === false}
|
dimmed={props.controller.status()[key]?.healthy === false}
|
||||||
status={props.domain.collection.health()[key]}
|
status={props.controller.status()[key]}
|
||||||
class="flex items-center gap-3 min-w-0 flex-1"
|
class="flex items-center gap-3 min-w-0 flex-1"
|
||||||
badge={
|
badge={
|
||||||
<Show when={props.domain.defaults.key() === ServerConnection.key(i)}>
|
<Show when={props.controller.defaultKey() === ServerConnection.key(i)}>
|
||||||
<span class="text-text-base bg-surface-base text-14-regular px-1.5 rounded-xs">
|
<span class="text-text-base bg-surface-base text-14-regular px-1.5 rounded-xs">
|
||||||
{language.t("dialog.server.status.default")}
|
{language.t("dialog.server.status.default")}
|
||||||
</span>
|
</span>
|
||||||
@@ -178,12 +597,7 @@ export function ServerConnectionList(props: {
|
|||||||
showCredentials
|
showCredentials
|
||||||
/>
|
/>
|
||||||
<div class="flex items-center justify-center gap-4 pl-4">
|
<div class="flex items-center justify-center gap-4 pl-4">
|
||||||
<Show
|
<Show when={props.controller.current() && ServerConnection.key(props.controller.current()!) === key}>
|
||||||
when={
|
|
||||||
props.domain.collection.current() &&
|
|
||||||
ServerConnection.key(props.domain.collection.current()!) === key
|
|
||||||
}
|
|
||||||
>
|
|
||||||
<Icon name="check" class="h-6" />
|
<Icon name="check" class="h-6" />
|
||||||
</Show>
|
</Show>
|
||||||
|
|
||||||
@@ -202,27 +616,27 @@ export function ServerConnectionList(props: {
|
|||||||
<DropdownMenu.Item
|
<DropdownMenu.Item
|
||||||
onSelect={() => {
|
onSelect={() => {
|
||||||
if (i.type !== "http") return
|
if (i.type !== "http") return
|
||||||
props.onEdit(i)
|
props.controller.startEdit(i)
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<DropdownMenu.ItemLabel>{language.t("dialog.server.menu.edit")}</DropdownMenu.ItemLabel>
|
<DropdownMenu.ItemLabel>{language.t("dialog.server.menu.edit")}</DropdownMenu.ItemLabel>
|
||||||
</DropdownMenu.Item>
|
</DropdownMenu.Item>
|
||||||
<Show when={props.domain.defaults.available() && props.domain.defaults.key() !== key}>
|
<Show when={props.controller.canDefault() && props.controller.defaultKey() !== key}>
|
||||||
<DropdownMenu.Item onSelect={() => props.domain.defaults.set(key)}>
|
<DropdownMenu.Item onSelect={() => props.controller.setDefault(key)}>
|
||||||
<DropdownMenu.ItemLabel>{language.t("dialog.server.menu.default")}</DropdownMenu.ItemLabel>
|
<DropdownMenu.ItemLabel>{language.t("dialog.server.menu.default")}</DropdownMenu.ItemLabel>
|
||||||
</DropdownMenu.Item>
|
</DropdownMenu.Item>
|
||||||
</Show>
|
</Show>
|
||||||
<Show when={props.domain.defaults.available() && props.domain.defaults.key() === key}>
|
<Show when={props.controller.canDefault() && props.controller.defaultKey() === key}>
|
||||||
<DropdownMenu.Item onSelect={() => props.domain.defaults.set(null)}>
|
<DropdownMenu.Item onSelect={() => props.controller.setDefault(null)}>
|
||||||
<DropdownMenu.ItemLabel>
|
<DropdownMenu.ItemLabel>
|
||||||
{language.t("dialog.server.menu.defaultRemove")}
|
{language.t("dialog.server.menu.defaultRemove")}
|
||||||
</DropdownMenu.ItemLabel>
|
</DropdownMenu.ItemLabel>
|
||||||
</DropdownMenu.Item>
|
</DropdownMenu.Item>
|
||||||
</Show>
|
</Show>
|
||||||
<Show when={props.domain.connection.canRemove(key)}>
|
<Show when={props.controller.canRemove(key)}>
|
||||||
<DropdownMenu.Separator />
|
<DropdownMenu.Separator />
|
||||||
<DropdownMenu.Item
|
<DropdownMenu.Item
|
||||||
onSelect={() => props.domain.connection.remove(key)}
|
onSelect={() => props.controller.handleRemove(ServerConnection.key(i))}
|
||||||
class="text-text-on-critical-base hover:bg-surface-critical-weak"
|
class="text-text-on-critical-base hover:bg-surface-critical-weak"
|
||||||
>
|
>
|
||||||
<DropdownMenu.ItemLabel>{language.t("dialog.server.menu.delete")}</DropdownMenu.ItemLabel>
|
<DropdownMenu.ItemLabel>{language.t("dialog.server.menu.delete")}</DropdownMenu.ItemLabel>
|
||||||
@@ -243,7 +657,7 @@ export function ServerConnectionList(props: {
|
|||||||
variant="secondary"
|
variant="secondary"
|
||||||
icon="plus-small"
|
icon="plus-small"
|
||||||
size="large"
|
size="large"
|
||||||
onClick={props.onAdd}
|
onClick={props.controller.startAdd}
|
||||||
class="py-1.5 pl-1.5 pr-3 flex items-center gap-1.5"
|
class="py-1.5 pl-1.5 pr-3 flex items-center gap-1.5"
|
||||||
>
|
>
|
||||||
{language.t("dialog.server.add.button")}
|
{language.t("dialog.server.add.button")}
|
||||||
@@ -253,38 +667,38 @@ export function ServerConnectionList(props: {
|
|||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export function ServerConnectionForm(props: { form: ServerFormController }) {
|
export function ServerConnectionForm(props: { controller: ReturnType<typeof useServerManagementController> }) {
|
||||||
const language = useLanguage()
|
const language = useLanguage()
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div class="flex flex-1 min-h-0 flex-col gap-4">
|
<div class="flex flex-1 min-h-0 flex-col gap-4">
|
||||||
<ServerForm
|
<ServerForm
|
||||||
value={props.form.state.value()}
|
value={props.controller.formValue()}
|
||||||
name={props.form.state.name()}
|
name={props.controller.formName()}
|
||||||
username={props.form.state.username()}
|
username={props.controller.formUsername()}
|
||||||
password={props.form.state.password()}
|
password={props.controller.formPassword()}
|
||||||
placeholder={language.t("dialog.server.add.placeholder")}
|
placeholder={language.t("dialog.server.add.placeholder")}
|
||||||
busy={props.form.state.busy()}
|
busy={props.controller.formBusy()}
|
||||||
error={props.form.state.error()}
|
error={props.controller.formError()}
|
||||||
status={props.form.state.status()}
|
status={props.controller.formStatus()}
|
||||||
onChange={props.form.change.value}
|
onChange={props.controller.handleFormChange()}
|
||||||
onNameChange={props.form.change.name}
|
onNameChange={props.controller.handleFormNameChange()}
|
||||||
onUsernameChange={props.form.change.username}
|
onUsernameChange={props.controller.handleFormUsernameChange()}
|
||||||
onPasswordChange={props.form.change.password}
|
onPasswordChange={props.controller.handleFormPasswordChange()}
|
||||||
onSubmit={props.form.submit}
|
onSubmit={props.controller.submitForm}
|
||||||
onBack={props.form.reset}
|
onBack={props.controller.resetForm}
|
||||||
/>
|
/>
|
||||||
<div class="shrink-0 pb-5">
|
<div class="shrink-0 pb-5">
|
||||||
<Button
|
<Button
|
||||||
variant="primary"
|
variant="primary"
|
||||||
size="large"
|
size="large"
|
||||||
onClick={props.form.submit}
|
onClick={props.controller.submitForm}
|
||||||
disabled={props.form.state.busy()}
|
disabled={props.controller.formBusy()}
|
||||||
class="px-3 py-1.5"
|
class="px-3 py-1.5"
|
||||||
>
|
>
|
||||||
{props.form.state.busy()
|
{props.controller.formBusy()
|
||||||
? language.t("dialog.server.add.checking")
|
? language.t("dialog.server.add.checking")
|
||||||
: props.form.state.adding()
|
: props.controller.isAddMode()
|
||||||
? language.t("dialog.server.add.button")
|
? language.t("dialog.server.add.button")
|
||||||
: language.t("common.save")}
|
: language.t("common.save")}
|
||||||
</Button>
|
</Button>
|
||||||
|
|||||||
@@ -1,323 +0,0 @@
|
|||||||
import { useNavigate } from "@solidjs/router"
|
|
||||||
import { useMutation } from "@tanstack/solid-query"
|
|
||||||
import { createEffect, createMemo, createResource, onCleanup } from "solid-js"
|
|
||||||
import { createStore } from "solid-js/store"
|
|
||||||
import { useGlobal } from "@/context/global"
|
|
||||||
import { useLanguage } from "@/context/language"
|
|
||||||
import { usePlatform } from "@/context/platform"
|
|
||||||
import { normalizeServerUrl, ServerConnection, useServer } from "@/context/server"
|
|
||||||
import { useSettings } from "@/context/settings"
|
|
||||||
import { useTabs } from "@/context/tabs"
|
|
||||||
import { type ServerHealth, useCheckServerHealth } from "@/utils/server-health"
|
|
||||||
import { showToast } from "@/utils/toast"
|
|
||||||
import { createServerHealthPreview, replaceServerConnection, type ServerFormValues } from "./server-management"
|
|
||||||
|
|
||||||
const DEFAULT_USERNAME = "opencode"
|
|
||||||
|
|
||||||
type FormMode = "list" | "add" | "edit"
|
|
||||||
|
|
||||||
function showRequestError(language: ReturnType<typeof useLanguage>, err: unknown) {
|
|
||||||
showToast({
|
|
||||||
variant: "error",
|
|
||||||
title: language.t("common.requestFailed"),
|
|
||||||
description: err instanceof Error ? err.message : String(err),
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function useDefaultServer() {
|
|
||||||
const language = useLanguage()
|
|
||||||
const platform = usePlatform()
|
|
||||||
const [defaultKey, defaultKeyActions] = createResource(
|
|
||||||
async () => {
|
|
||||||
try {
|
|
||||||
return (await platform.getDefaultServer?.()) ?? null
|
|
||||||
} catch (err) {
|
|
||||||
showRequestError(language, err)
|
|
||||||
return null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{ initialValue: null },
|
|
||||||
)
|
|
||||||
|
|
||||||
const set = async (key: ServerConnection.Key | null) => {
|
|
||||||
try {
|
|
||||||
await platform.setDefaultServer?.(key)
|
|
||||||
defaultKeyActions.mutate(key)
|
|
||||||
} catch (err) {
|
|
||||||
showRequestError(language, err)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
key: () => defaultKey.latest,
|
|
||||||
available: createMemo(() => !!platform.getDefaultServer && !!platform.setDefaultServer),
|
|
||||||
set,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function useServerMutations() {
|
|
||||||
const server = useServer()
|
|
||||||
const tabs = useTabs()
|
|
||||||
|
|
||||||
return {
|
|
||||||
add: (connection: ServerConnection.Http) => server.add(connection),
|
|
||||||
replace: (originalKey: ServerConnection.Key, next: ServerConnection.Http) =>
|
|
||||||
replaceServerConnection(originalKey, next, {
|
|
||||||
active: () => server.key,
|
|
||||||
removeTabs: (key) => tabs.removeServer(key),
|
|
||||||
add: (connection) => server.add(connection),
|
|
||||||
setActive: (key) => server.setActive(key),
|
|
||||||
remove: (key) => server.remove(key),
|
|
||||||
}),
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export function useServerActionsController() {
|
|
||||||
const server = useServer()
|
|
||||||
const tabs = useTabs()
|
|
||||||
const platform = usePlatform()
|
|
||||||
const language = useLanguage()
|
|
||||||
const defaults = useDefaultServer()
|
|
||||||
|
|
||||||
const remove = async (key: ServerConnection.Key) => {
|
|
||||||
try {
|
|
||||||
if (key.startsWith("wsl:")) await platform.wslServers?.removeServer(key)
|
|
||||||
tabs.removeServer(key)
|
|
||||||
server.remove(key)
|
|
||||||
if ((await platform.getDefaultServer?.()) === key) await defaults.set(null)
|
|
||||||
} catch (err) {
|
|
||||||
showRequestError(language, err)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return { defaults, connection: { canRemove: server.canRemove, remove } }
|
|
||||||
}
|
|
||||||
|
|
||||||
export type ServerActionsController = ReturnType<typeof useServerActionsController>
|
|
||||||
|
|
||||||
export function useServerCollectionController() {
|
|
||||||
const server = useServer()
|
|
||||||
const global = useGlobal()
|
|
||||||
const settings = useSettings()
|
|
||||||
const actions = useServerActionsController()
|
|
||||||
|
|
||||||
const items = createMemo(() => {
|
|
||||||
const current = server.current
|
|
||||||
const list = server.list
|
|
||||||
if (!current) return list
|
|
||||||
if (!list.includes(current)) return [current, ...list]
|
|
||||||
return [current, ...list.filter((item) => item !== current)]
|
|
||||||
})
|
|
||||||
const current = createMemo<ServerConnection.Any | undefined>(() =>
|
|
||||||
settings.general.newLayoutDesigns()
|
|
||||||
? undefined
|
|
||||||
: (items().find((item) => ServerConnection.key(item) === server.key) ?? items()[0]),
|
|
||||||
)
|
|
||||||
const sorted = createMemo(() => {
|
|
||||||
const raw = items()
|
|
||||||
const list = raw
|
|
||||||
if (!list.length) return list
|
|
||||||
const active = current()
|
|
||||||
const order = new Map(list.map((item, index) => [item, index] as const))
|
|
||||||
const rank = (value?: ServerHealth) => {
|
|
||||||
if (value?.healthy === true) return 0
|
|
||||||
if (value?.healthy === false) return 2
|
|
||||||
return 1
|
|
||||||
}
|
|
||||||
return list.slice().sort((a, b) => {
|
|
||||||
if (a === active) return -1
|
|
||||||
if (b === active) return 1
|
|
||||||
const diff =
|
|
||||||
rank(global.servers.health[ServerConnection.key(a)]) - rank(global.servers.health[ServerConnection.key(b)])
|
|
||||||
if (diff !== 0) return diff
|
|
||||||
return (order.get(a) ?? 0) - (order.get(b) ?? 0)
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
return {
|
|
||||||
collection: {
|
|
||||||
items: sorted,
|
|
||||||
current,
|
|
||||||
health: () => global.servers.health,
|
|
||||||
},
|
|
||||||
...actions,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export type ServerCollectionController = ReturnType<typeof useServerCollectionController>
|
|
||||||
|
|
||||||
export function useServerDomainController(options: { onSelect?: () => void } = {}) {
|
|
||||||
const navigate = useNavigate()
|
|
||||||
const server = useServer()
|
|
||||||
const global = useGlobal()
|
|
||||||
const collection = useServerCollectionController()
|
|
||||||
|
|
||||||
const select = async (connection: ServerConnection.Any) => {
|
|
||||||
if (global.servers.health[ServerConnection.key(connection)]?.healthy === false) return
|
|
||||||
options.onSelect?.()
|
|
||||||
navigate("/")
|
|
||||||
queueMicrotask(() => server.setActive(ServerConnection.key(connection)))
|
|
||||||
}
|
|
||||||
|
|
||||||
return { ...collection, selection: { select } }
|
|
||||||
}
|
|
||||||
|
|
||||||
export type ServerDomainController = ReturnType<typeof useServerDomainController>
|
|
||||||
|
|
||||||
export function useServerFormController(options: { onSelect?: () => void; navigateOnAdd?: boolean } = {}) {
|
|
||||||
const navigate = useNavigate()
|
|
||||||
const server = useServer()
|
|
||||||
const global = useGlobal()
|
|
||||||
const language = useLanguage()
|
|
||||||
const mutations = useServerMutations()
|
|
||||||
const checkServerHealth = useCheckServerHealth()
|
|
||||||
const healthPreview = createServerHealthPreview(checkServerHealth)
|
|
||||||
const [store, setStore] = createStore({
|
|
||||||
mode: "list" as FormMode,
|
|
||||||
originalUrl: undefined as string | undefined,
|
|
||||||
values: { url: "", name: "", username: DEFAULT_USERNAME, password: "" },
|
|
||||||
error: "",
|
|
||||||
status: undefined as boolean | undefined,
|
|
||||||
})
|
|
||||||
|
|
||||||
onCleanup(healthPreview.cancel)
|
|
||||||
|
|
||||||
const reset = () => {
|
|
||||||
healthPreview.cancel()
|
|
||||||
setStore({
|
|
||||||
mode: "list",
|
|
||||||
originalUrl: undefined,
|
|
||||||
values: { url: "", name: "", username: DEFAULT_USERNAME, password: "" },
|
|
||||||
error: "",
|
|
||||||
status: undefined,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
const allServers = () => {
|
|
||||||
if (!server.current || server.list.includes(server.current)) return server.list
|
|
||||||
return [server.current, ...server.list]
|
|
||||||
}
|
|
||||||
const editing = createMemo(() =>
|
|
||||||
allServers().find((item) => item.type === "http" && item.http.url === store.originalUrl),
|
|
||||||
)
|
|
||||||
|
|
||||||
const request = useMutation(() => ({
|
|
||||||
mutationFn: async () => {
|
|
||||||
const normalized = normalizeServerUrl(store.values.url)
|
|
||||||
if (!normalized) {
|
|
||||||
reset()
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
const original = store.mode === "edit" ? editing() : undefined
|
|
||||||
if (store.mode === "edit" && !original) return
|
|
||||||
const name = store.values.name.trim() || undefined
|
|
||||||
const username = store.values.username || undefined
|
|
||||||
const password = store.values.password || undefined
|
|
||||||
if (
|
|
||||||
original?.type === "http" &&
|
|
||||||
normalized === original.http.url &&
|
|
||||||
name === original.displayName &&
|
|
||||||
username === original.http.username &&
|
|
||||||
password === original.http.password
|
|
||||||
) {
|
|
||||||
reset()
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
const connection: ServerConnection.Http = {
|
|
||||||
type: "http",
|
|
||||||
displayName: name,
|
|
||||||
http: {
|
|
||||||
url: normalized,
|
|
||||||
username: store.mode === "add" && !password ? undefined : username,
|
|
||||||
password,
|
|
||||||
},
|
|
||||||
}
|
|
||||||
const result = await checkServerHealth(connection.http)
|
|
||||||
if (!result.healthy) {
|
|
||||||
setStore("error", language.t("dialog.server.add.error"))
|
|
||||||
return
|
|
||||||
}
|
|
||||||
if (original?.type === "http") {
|
|
||||||
if (normalized === original.http.url) mutations.add(connection)
|
|
||||||
if (normalized !== original.http.url) mutations.replace(ServerConnection.key(original), connection)
|
|
||||||
reset()
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
reset()
|
|
||||||
if (options.navigateOnAdd === false) {
|
|
||||||
mutations.add(connection)
|
|
||||||
options.onSelect?.()
|
|
||||||
return
|
|
||||||
}
|
|
||||||
mutations.add(connection)
|
|
||||||
options.onSelect?.()
|
|
||||||
navigate("/")
|
|
||||||
},
|
|
||||||
}))
|
|
||||||
|
|
||||||
const preview = () => void healthPreview.preview(store.values, (status) => setStore("status", status))
|
|
||||||
const change = (field: keyof ServerFormValues, value: string) => {
|
|
||||||
if (request.isPending) return
|
|
||||||
setStore("values", field, value)
|
|
||||||
setStore("error", "")
|
|
||||||
if (field !== "name") preview()
|
|
||||||
}
|
|
||||||
const startAdd = () => {
|
|
||||||
reset()
|
|
||||||
setStore("mode", "add")
|
|
||||||
}
|
|
||||||
const startEdit = (connection: ServerConnection.Http) => {
|
|
||||||
reset()
|
|
||||||
setStore({
|
|
||||||
mode: "edit",
|
|
||||||
originalUrl: connection.http.url,
|
|
||||||
values: {
|
|
||||||
url: connection.http.url,
|
|
||||||
name: connection.displayName ?? "",
|
|
||||||
username: connection.http.username ?? "",
|
|
||||||
password: connection.http.password ?? "",
|
|
||||||
},
|
|
||||||
error: "",
|
|
||||||
status: global.servers.health[ServerConnection.key(connection)]?.healthy,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
const submit = () => {
|
|
||||||
if (store.mode === "list" || request.isPending) return
|
|
||||||
setStore("error", "")
|
|
||||||
request.mutate()
|
|
||||||
}
|
|
||||||
|
|
||||||
createEffect(() => {
|
|
||||||
if (store.mode !== "edit") return
|
|
||||||
if (editing()) return
|
|
||||||
reset()
|
|
||||||
})
|
|
||||||
|
|
||||||
return {
|
|
||||||
state: {
|
|
||||||
mode: () => store.mode,
|
|
||||||
open: () => store.mode !== "list",
|
|
||||||
adding: () => store.mode === "add",
|
|
||||||
busy: () => request.isPending,
|
|
||||||
value: () => store.values.url,
|
|
||||||
name: () => store.values.name,
|
|
||||||
username: () => store.values.username,
|
|
||||||
password: () => store.values.password,
|
|
||||||
error: () => store.error,
|
|
||||||
status: () => store.status,
|
|
||||||
},
|
|
||||||
change: {
|
|
||||||
value: (value: string) => change("url", value),
|
|
||||||
name: (value: string) => change("name", value),
|
|
||||||
username: (value: string) => change("username", value),
|
|
||||||
password: (value: string) => change("password", value),
|
|
||||||
},
|
|
||||||
start: { add: startAdd, edit: startEdit },
|
|
||||||
reset,
|
|
||||||
submit,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export type ServerFormController = ReturnType<typeof useServerFormController>
|
|
||||||
@@ -1,99 +0,0 @@
|
|||||||
import { describe, expect, test } from "bun:test"
|
|
||||||
import { ServerConnection } from "@/context/server"
|
|
||||||
import { createServerHealthPreview, replaceServerConnection, type ServerFormValues } from "./server-management"
|
|
||||||
|
|
||||||
function deferred<T>() {
|
|
||||||
let resolve!: (value: T) => void
|
|
||||||
const promise = new Promise<T>((done) => {
|
|
||||||
resolve = done
|
|
||||||
})
|
|
||||||
return { promise, resolve }
|
|
||||||
}
|
|
||||||
|
|
||||||
const values = (url: string): ServerFormValues => ({ url, name: "", username: "opencode", password: "" })
|
|
||||||
|
|
||||||
describe("createServerHealthPreview", () => {
|
|
||||||
test("ignores an older response that resolves after the latest response", async () => {
|
|
||||||
const first = deferred<{ healthy: boolean }>()
|
|
||||||
const second = deferred<{ healthy: boolean }>()
|
|
||||||
const requests = [first, second]
|
|
||||||
const status: Array<boolean | undefined> = []
|
|
||||||
const preview = createServerHealthPreview(() => requests.shift()!.promise)
|
|
||||||
|
|
||||||
const older = preview.preview(values("old.example.com"), (value) => status.push(value))
|
|
||||||
const latest = preview.preview(values("new.example.com"), (value) => status.push(value))
|
|
||||||
second.resolve({ healthy: true })
|
|
||||||
await latest
|
|
||||||
first.resolve({ healthy: false })
|
|
||||||
await older
|
|
||||||
|
|
||||||
expect(status).toEqual([undefined, undefined, true])
|
|
||||||
})
|
|
||||||
|
|
||||||
test("an incomplete value invalidates an in-flight response", async () => {
|
|
||||||
const request = deferred<{ healthy: boolean }>()
|
|
||||||
const status: Array<boolean | undefined> = []
|
|
||||||
const preview = createServerHealthPreview(() => request.promise)
|
|
||||||
|
|
||||||
const pending = preview.preview(values("server.example.com"), (value) => status.push(value))
|
|
||||||
await preview.preview(values("server"), (value) => status.push(value))
|
|
||||||
request.resolve({ healthy: true })
|
|
||||||
await pending
|
|
||||||
|
|
||||||
expect(status).toEqual([undefined, undefined])
|
|
||||||
})
|
|
||||||
|
|
||||||
test("cancellation prevents an in-flight response from updating status", async () => {
|
|
||||||
const request = deferred<{ healthy: boolean }>()
|
|
||||||
const status: Array<boolean | undefined> = []
|
|
||||||
const preview = createServerHealthPreview(() => request.promise)
|
|
||||||
|
|
||||||
const pending = preview.preview(values("server.example.com"), (value) => status.push(value))
|
|
||||||
preview.cancel()
|
|
||||||
request.resolve({ healthy: true })
|
|
||||||
await pending
|
|
||||||
|
|
||||||
expect(status).toEqual([undefined])
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
describe("replaceServerConnection", () => {
|
|
||||||
const original: ServerConnection.Http = { type: "http", http: { url: "https://old.example.com" } }
|
|
||||||
const next: ServerConnection.Http = { type: "http", http: { url: "https://new.example.com" } }
|
|
||||||
|
|
||||||
test("moves active selection after adding the replacement and removes the original", () => {
|
|
||||||
const calls: string[] = []
|
|
||||||
|
|
||||||
replaceServerConnection(ServerConnection.key(original), next, {
|
|
||||||
active: () => ServerConnection.key(original),
|
|
||||||
removeTabs: (key) => calls.push(`tabs:${key}`),
|
|
||||||
add: (server) => {
|
|
||||||
calls.push(`add:${ServerConnection.key(server)}`)
|
|
||||||
return server
|
|
||||||
},
|
|
||||||
setActive: (key) => calls.push(`active:${key}`),
|
|
||||||
remove: (key) => calls.push(`remove:${key}`),
|
|
||||||
})
|
|
||||||
|
|
||||||
expect(calls).toEqual([
|
|
||||||
"tabs:https://old.example.com",
|
|
||||||
"add:https://new.example.com",
|
|
||||||
"active:https://new.example.com",
|
|
||||||
"remove:https://old.example.com",
|
|
||||||
])
|
|
||||||
})
|
|
||||||
|
|
||||||
test("keeps the original when the replacement cannot be added", () => {
|
|
||||||
const removed: ServerConnection.Key[] = []
|
|
||||||
|
|
||||||
replaceServerConnection(ServerConnection.key(original), next, {
|
|
||||||
active: () => ServerConnection.key(original),
|
|
||||||
removeTabs: () => {},
|
|
||||||
add: () => undefined,
|
|
||||||
setActive: () => {},
|
|
||||||
remove: (key) => removed.push(key),
|
|
||||||
})
|
|
||||||
|
|
||||||
expect(removed).toEqual([])
|
|
||||||
})
|
|
||||||
})
|
|
||||||
@@ -1,59 +0,0 @@
|
|||||||
import { normalizeServerUrl, ServerConnection } from "@/context/server"
|
|
||||||
import type { ServerHealth } from "@/utils/server-health"
|
|
||||||
|
|
||||||
export type ServerFormValues = {
|
|
||||||
url: string
|
|
||||||
name: string
|
|
||||||
username: string
|
|
||||||
password: string
|
|
||||||
}
|
|
||||||
|
|
||||||
export function createServerHealthPreview(
|
|
||||||
check: (server: ServerConnection.HttpBase) => Promise<Pick<ServerHealth, "healthy">>,
|
|
||||||
) {
|
|
||||||
let generation = 0
|
|
||||||
|
|
||||||
const cancel = () => {
|
|
||||||
generation += 1
|
|
||||||
}
|
|
||||||
|
|
||||||
const preview = async (values: ServerFormValues, setStatus: (value: boolean | undefined) => void) => {
|
|
||||||
const current = ++generation
|
|
||||||
setStatus(undefined)
|
|
||||||
const normalized = normalizeServerUrl(values.url)
|
|
||||||
if (!normalized) return
|
|
||||||
const host = normalized.replace(/^https?:\/\//, "").split("/")[0]
|
|
||||||
if (!host) return
|
|
||||||
if (!host.includes("localhost") && !host.startsWith("127.0.0.1") && !host.includes(".") && !host.includes(":"))
|
|
||||||
return
|
|
||||||
|
|
||||||
const http: ServerConnection.HttpBase = { url: normalized }
|
|
||||||
if (values.username) http.username = values.username
|
|
||||||
if (values.password) http.password = values.password
|
|
||||||
const result = await check(http)
|
|
||||||
if (current !== generation) return
|
|
||||||
setStatus(result.healthy)
|
|
||||||
}
|
|
||||||
|
|
||||||
return { cancel, preview }
|
|
||||||
}
|
|
||||||
|
|
||||||
export function replaceServerConnection(
|
|
||||||
originalKey: ServerConnection.Key,
|
|
||||||
next: ServerConnection.Http,
|
|
||||||
operations: {
|
|
||||||
active: () => ServerConnection.Key | undefined
|
|
||||||
removeTabs: (key: ServerConnection.Key) => void
|
|
||||||
add: (server: ServerConnection.Http) => ServerConnection.Any | undefined
|
|
||||||
setActive: (key: ServerConnection.Key) => void
|
|
||||||
remove: (key: ServerConnection.Key) => void
|
|
||||||
},
|
|
||||||
) {
|
|
||||||
const active = operations.active()
|
|
||||||
operations.removeTabs(originalKey)
|
|
||||||
const added = operations.add(next)
|
|
||||||
if (!added) return
|
|
||||||
const nextActive = active === originalKey ? ServerConnection.key(added) : active
|
|
||||||
if (nextActive) operations.setActive(nextActive)
|
|
||||||
operations.remove(originalKey)
|
|
||||||
}
|
|
||||||
@@ -2,13 +2,13 @@ import { Icon as IconV2 } from "@opencode-ai/ui/v2/icon"
|
|||||||
import { IconButtonV2 } from "@opencode-ai/ui/v2/icon-button-v2"
|
import { IconButtonV2 } from "@opencode-ai/ui/v2/icon-button-v2"
|
||||||
import { MenuV2 } from "@opencode-ai/ui/v2/menu-v2"
|
import { MenuV2 } from "@opencode-ai/ui/v2/menu-v2"
|
||||||
import { type Component, Show } from "solid-js"
|
import { type Component, Show } from "solid-js"
|
||||||
import type { ServerActionsController } from "@/components/server/server-management-controller"
|
import { useServerManagementController } from "@/components/dialog-select-server"
|
||||||
import { useLanguage } from "@/context/language"
|
import { useLanguage } from "@/context/language"
|
||||||
import { ServerConnection } from "@/context/server"
|
import { ServerConnection } from "@/context/server"
|
||||||
|
|
||||||
export const ServerRowMenu: Component<{
|
export const ServerRowMenu: Component<{
|
||||||
server: ServerConnection.Any
|
server: ServerConnection.Any
|
||||||
domain: ServerActionsController
|
controller: ReturnType<typeof useServerManagementController>
|
||||||
onEdit: (server: ServerConnection.Http) => void
|
onEdit: (server: ServerConnection.Http) => void
|
||||||
open?: boolean
|
open?: boolean
|
||||||
onOpenChange?: (open: boolean) => void
|
onOpenChange?: (open: boolean) => void
|
||||||
@@ -19,13 +19,13 @@ export const ServerRowMenu: Component<{
|
|||||||
<ServerRowMenuView
|
<ServerRowMenuView
|
||||||
server={props.server}
|
server={props.server}
|
||||||
labels={serverMenuLabels(language)}
|
labels={serverMenuLabels(language)}
|
||||||
canDefault={props.domain.defaults.available()}
|
canDefault={props.controller.canDefault()}
|
||||||
isDefault={props.domain.defaults.key() === key}
|
isDefault={props.controller.defaultKey() === key}
|
||||||
canRemove={props.domain.connection.canRemove(key)}
|
canRemove={props.controller.canRemove(key)}
|
||||||
onEdit={props.onEdit}
|
onEdit={props.onEdit}
|
||||||
onSetDefault={() => props.domain.defaults.set(key)}
|
onSetDefault={() => props.controller.setDefault(key)}
|
||||||
onRemoveDefault={() => props.domain.defaults.set(null)}
|
onRemoveDefault={() => props.controller.setDefault(null)}
|
||||||
onRemove={() => props.domain.connection.remove(key)}
|
onRemove={() => props.controller.handleRemove(key)}
|
||||||
open={props.open}
|
open={props.open}
|
||||||
onOpenChange={props.onOpenChange}
|
onOpenChange={props.onOpenChange}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -6,7 +6,7 @@ import { useDialog } from "@opencode-ai/ui/context/dialog"
|
|||||||
import { type Component, Show, createEffect, createSignal, onCleanup, onMount } from "solid-js"
|
import { type Component, Show, createEffect, createSignal, onCleanup, onMount } from "solid-js"
|
||||||
import { useLanguage } from "@/context/language"
|
import { useLanguage } from "@/context/language"
|
||||||
import { type ServerConnection } from "@/context/server"
|
import { type ServerConnection } from "@/context/server"
|
||||||
import { useServerFormController } from "../server/server-management-controller"
|
import { useServerManagementController } from "../dialog-select-server"
|
||||||
import "./settings-v2.css"
|
import "./settings-v2.css"
|
||||||
|
|
||||||
export const DialogServerV2: Component<{
|
export const DialogServerV2: Component<{
|
||||||
@@ -15,39 +15,39 @@ export const DialogServerV2: Component<{
|
|||||||
}> = (props) => {
|
}> = (props) => {
|
||||||
const dialog = useDialog()
|
const dialog = useDialog()
|
||||||
const language = useLanguage()
|
const language = useLanguage()
|
||||||
const form = useServerFormController({
|
const controller = useServerManagementController({
|
||||||
onSelect: () => dialog.close(),
|
onSelect: () => dialog.close(),
|
||||||
navigateOnAdd: false,
|
navigateOnAdd: false,
|
||||||
})
|
})
|
||||||
const [opened, setOpened] = createSignal(false)
|
const [opened, setOpened] = createSignal(false)
|
||||||
|
|
||||||
onMount(() => {
|
onMount(() => {
|
||||||
if (props.mode === "add") form.start.add()
|
if (props.mode === "add") controller.startAdd()
|
||||||
if (props.mode === "edit" && props.server) form.start.edit(props.server)
|
if (props.mode === "edit" && props.server) controller.startEdit(props.server)
|
||||||
setOpened(true)
|
setOpened(true)
|
||||||
})
|
})
|
||||||
|
|
||||||
onCleanup(() => {
|
onCleanup(() => {
|
||||||
form.reset()
|
controller.resetForm()
|
||||||
})
|
})
|
||||||
|
|
||||||
createEffect(() => {
|
createEffect(() => {
|
||||||
if (!opened()) return
|
if (!opened()) return
|
||||||
if (form.state.open()) return
|
if (controller.isFormMode()) return
|
||||||
dialog.close()
|
dialog.close()
|
||||||
})
|
})
|
||||||
|
|
||||||
const keyDown = (event: KeyboardEvent) => {
|
const keyDown = (event: KeyboardEvent) => {
|
||||||
if (event.key !== "Enter" || event.isComposing) return
|
if (event.key !== "Enter" || event.isComposing) return
|
||||||
event.preventDefault()
|
event.preventDefault()
|
||||||
form.submit()
|
controller.submitForm()
|
||||||
}
|
}
|
||||||
|
|
||||||
const title = () =>
|
const title = () =>
|
||||||
props.mode === "add" ? language.t("dialog.server.add.title") : language.t("dialog.server.edit.title")
|
props.mode === "add" ? language.t("dialog.server.add.title") : language.t("dialog.server.edit.title")
|
||||||
|
|
||||||
const submitLabel = () => {
|
const submitLabel = () => {
|
||||||
if (form.state.busy()) return language.t("dialog.server.add.checking")
|
if (controller.formBusy()) return language.t("dialog.server.add.checking")
|
||||||
if (props.mode === "add") return language.t("dialog.server.add.button")
|
if (props.mode === "add") return language.t("dialog.server.add.button")
|
||||||
return language.t("common.save")
|
return language.t("common.save")
|
||||||
}
|
}
|
||||||
@@ -66,16 +66,16 @@ export const DialogServerV2: Component<{
|
|||||||
type="text"
|
type="text"
|
||||||
appearance="large"
|
appearance="large"
|
||||||
class="!w-full self-stretch"
|
class="!w-full self-stretch"
|
||||||
value={form.state.value()}
|
value={controller.formValue()}
|
||||||
placeholder={language.t("dialog.server.add.placeholder")}
|
placeholder={language.t("dialog.server.add.placeholder")}
|
||||||
invalid={!!form.state.error()}
|
invalid={!!controller.formError()}
|
||||||
disabled={form.state.busy()}
|
disabled={controller.formBusy()}
|
||||||
autofocus
|
autofocus
|
||||||
onInput={(event) => form.change.value(event.currentTarget.value)}
|
onInput={(event) => controller.handleFormChange()(event.currentTarget.value)}
|
||||||
onKeyDown={keyDown}
|
onKeyDown={keyDown}
|
||||||
/>
|
/>
|
||||||
<Show when={form.state.error()}>
|
<Show when={controller.formError()}>
|
||||||
<span class="settings-v2-server-dialog-error">{form.state.error()}</span>
|
<span class="settings-v2-server-dialog-error">{controller.formError()}</span>
|
||||||
</Show>
|
</Show>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex w-full min-w-0 flex-col gap-2">
|
<div class="flex w-full min-w-0 flex-col gap-2">
|
||||||
@@ -84,10 +84,10 @@ export const DialogServerV2: Component<{
|
|||||||
type="text"
|
type="text"
|
||||||
appearance="large"
|
appearance="large"
|
||||||
class="!w-full self-stretch"
|
class="!w-full self-stretch"
|
||||||
value={form.state.name()}
|
value={controller.formName()}
|
||||||
placeholder={language.t("dialog.server.add.namePlaceholder")}
|
placeholder={language.t("dialog.server.add.namePlaceholder")}
|
||||||
disabled={form.state.busy()}
|
disabled={controller.formBusy()}
|
||||||
onInput={(event) => form.change.name(event.currentTarget.value)}
|
onInput={(event) => controller.handleFormNameChange()(event.currentTarget.value)}
|
||||||
onKeyDown={keyDown}
|
onKeyDown={keyDown}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -98,10 +98,10 @@ export const DialogServerV2: Component<{
|
|||||||
type="text"
|
type="text"
|
||||||
appearance="large"
|
appearance="large"
|
||||||
class="!w-full self-stretch"
|
class="!w-full self-stretch"
|
||||||
value={form.state.username()}
|
value={controller.formUsername()}
|
||||||
placeholder={language.t("dialog.server.add.usernamePlaceholder")}
|
placeholder={language.t("dialog.server.add.usernamePlaceholder")}
|
||||||
disabled={form.state.busy()}
|
disabled={controller.formBusy()}
|
||||||
onInput={(event) => form.change.username(event.currentTarget.value)}
|
onInput={(event) => controller.handleFormUsernameChange()(event.currentTarget.value)}
|
||||||
onKeyDown={keyDown}
|
onKeyDown={keyDown}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -111,10 +111,10 @@ export const DialogServerV2: Component<{
|
|||||||
type="password"
|
type="password"
|
||||||
appearance="large"
|
appearance="large"
|
||||||
class="!w-full self-stretch"
|
class="!w-full self-stretch"
|
||||||
value={form.state.password()}
|
value={controller.formPassword()}
|
||||||
placeholder={language.t("dialog.server.add.passwordPlaceholder")}
|
placeholder={language.t("dialog.server.add.passwordPlaceholder")}
|
||||||
disabled={form.state.busy()}
|
disabled={controller.formBusy()}
|
||||||
onInput={(event) => form.change.password(event.currentTarget.value)}
|
onInput={(event) => controller.handleFormPasswordChange()(event.currentTarget.value)}
|
||||||
onKeyDown={keyDown}
|
onKeyDown={keyDown}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -122,10 +122,10 @@ export const DialogServerV2: Component<{
|
|||||||
</div>
|
</div>
|
||||||
</DialogBody>
|
</DialogBody>
|
||||||
<DialogFooter>
|
<DialogFooter>
|
||||||
<ButtonV2 variant="neutral" disabled={form.state.busy()} onClick={() => dialog.close()}>
|
<ButtonV2 variant="neutral" disabled={controller.formBusy()} onClick={() => dialog.close()}>
|
||||||
{language.t("common.cancel")}
|
{language.t("common.cancel")}
|
||||||
</ButtonV2>
|
</ButtonV2>
|
||||||
<ButtonV2 variant="contrast" disabled={form.state.busy()} onClick={form.submit}>
|
<ButtonV2 variant="contrast" disabled={controller.formBusy()} onClick={controller.submitForm}>
|
||||||
{submitLabel()}
|
{submitLabel()}
|
||||||
</ButtonV2>
|
</ButtonV2>
|
||||||
</DialogFooter>
|
</DialogFooter>
|
||||||
|
|||||||
@@ -10,7 +10,7 @@ import { ServerRowMenu } from "@/components/server/server-row-menu"
|
|||||||
import { ServerHealthIndicator } from "@/components/server/server-row"
|
import { ServerHealthIndicator } from "@/components/server/server-row"
|
||||||
import { useLanguage } from "@/context/language"
|
import { useLanguage } from "@/context/language"
|
||||||
import { ServerConnection, serverName } from "@/context/server"
|
import { ServerConnection, serverName } from "@/context/server"
|
||||||
import { useServerCollectionController } from "../server/server-management-controller"
|
import { useServerManagementController } from "../dialog-select-server"
|
||||||
import { DialogServerV2 } from "./dialog-server-v2"
|
import { DialogServerV2 } from "./dialog-server-v2"
|
||||||
import { SettingsListV2 } from "./parts/list"
|
import { SettingsListV2 } from "./parts/list"
|
||||||
import { AddServerMenu, isWslServer, useFilteredWslServers, WslServerSettings } from "@/wsl/settings"
|
import { AddServerMenu, isWslServer, useFilteredWslServers, WslServerSettings } from "@/wsl/settings"
|
||||||
@@ -19,16 +19,16 @@ import "./settings-v2.css"
|
|||||||
export const SettingsServersV2: Component = () => {
|
export const SettingsServersV2: Component = () => {
|
||||||
const dialog = useDialog()
|
const dialog = useDialog()
|
||||||
const language = useLanguage()
|
const language = useLanguage()
|
||||||
const domain = useServerCollectionController()
|
const controller = useServerManagementController()
|
||||||
const [store, setStore] = createStore({ filter: "" })
|
const [store, setStore] = createStore({ filter: "" })
|
||||||
const wslServers = useFilteredWslServers(() => store.filter)
|
const wslServers = useFilteredWslServers(() => store.filter)
|
||||||
|
|
||||||
const showSearch = createMemo(
|
const showSearch = createMemo(
|
||||||
() => domain.collection.items().filter((item) => !isWslServer(item)).length + wslServers().length > 1,
|
() => controller.sortedItems().filter((item) => !isWslServer(item)).length + wslServers().length > 1,
|
||||||
)
|
)
|
||||||
|
|
||||||
const filtered = createMemo(() => {
|
const filtered = createMemo(() => {
|
||||||
const items = domain.collection.items().filter((item) => !isWslServer(item))
|
const items = controller.sortedItems().filter((item) => !isWslServer(item))
|
||||||
const query = store.filter.trim()
|
const query = store.filter.trim()
|
||||||
if (!query) return items
|
if (!query) return items
|
||||||
return fuzzysort
|
return fuzzysort
|
||||||
@@ -39,11 +39,11 @@ export const SettingsServersV2: Component = () => {
|
|||||||
})
|
})
|
||||||
|
|
||||||
const openAdd = () => {
|
const openAdd = () => {
|
||||||
void dialog.push(() => <DialogServerV2 mode="add" />)
|
dialog.push(() => <DialogServerV2 mode="add" />)
|
||||||
}
|
}
|
||||||
|
|
||||||
const openEdit = (server: ServerConnection.Http) => {
|
const openEdit = (server: ServerConnection.Http) => {
|
||||||
void dialog.push(() => <DialogServerV2 mode="edit" server={server} />)
|
dialog.push(() => <DialogServerV2 mode="edit" server={server} />)
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@@ -97,12 +97,12 @@ export const SettingsServersV2: Component = () => {
|
|||||||
}
|
}
|
||||||
>
|
>
|
||||||
<SettingsListV2>
|
<SettingsListV2>
|
||||||
<WslServerSettings domain={domain} servers={wslServers} />
|
<WslServerSettings controller={controller} servers={wslServers} />
|
||||||
<For each={filtered()}>
|
<For each={filtered()}>
|
||||||
{(item) => {
|
{(item) => {
|
||||||
const key = ServerConnection.key(item)
|
const key = ServerConnection.key(item)
|
||||||
const health = () => domain.collection.health()[key]
|
const health = () => controller.status()[key]
|
||||||
const isDefault = () => domain.defaults.key() === key
|
const isDefault = () => controller.defaultKey() === key
|
||||||
return (
|
return (
|
||||||
<div class="settings-v2-servers-row">
|
<div class="settings-v2-servers-row">
|
||||||
<div class="settings-v2-servers-lead">
|
<div class="settings-v2-servers-lead">
|
||||||
@@ -122,10 +122,10 @@ export const SettingsServersV2: Component = () => {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="settings-v2-servers-actions">
|
<div class="settings-v2-servers-actions">
|
||||||
<Show when={domain.defaults.available() && isDefault()}>
|
<Show when={controller.canDefault() && isDefault()}>
|
||||||
<Tag>{language.t("dialog.server.status.default")}</Tag>
|
<Tag>{language.t("dialog.server.status.default")}</Tag>
|
||||||
</Show>
|
</Show>
|
||||||
<ServerRowMenu server={item} domain={domain} onEdit={openEdit} />
|
<ServerRowMenu server={item} controller={controller} onEdit={openEdit} />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
import { useDirectoryPicker } from "@/components/directory-picker"
|
import { useDirectoryPicker } from "@/components/directory-picker"
|
||||||
import { useServerActionsController } from "@/components/server/server-management-controller"
|
import { useServerManagementController } from "@/components/dialog-select-server"
|
||||||
import { useSettingsCommand } from "@/components/settings-dialog"
|
import { useSettingsCommand } from "@/components/settings-dialog"
|
||||||
import { DialogServerV2 } from "@/components/settings-v2/dialog-server-v2"
|
import { DialogServerV2 } from "@/components/settings-v2/dialog-server-v2"
|
||||||
import { type LocalProject } from "@/context/layout"
|
import { type LocalProject } from "@/context/layout"
|
||||||
@@ -22,7 +22,7 @@ export function createHomeProjectsController(home: HomeController) {
|
|||||||
const language = useLanguage()
|
const language = useLanguage()
|
||||||
const notification = useNotification()
|
const notification = useNotification()
|
||||||
const openSettings = useSettingsCommand()
|
const openSettings = useSettingsCommand()
|
||||||
const serverManagement = useServerActionsController()
|
const serverManagement = useServerManagementController({ navigateOnAdd: false })
|
||||||
const [_state, setState, _, ready] = persisted(
|
const [_state, setState, _, ready] = persisted(
|
||||||
Persist.global("home.servers", ["home.servers.v1"]),
|
Persist.global("home.servers", ["home.servers.v1"]),
|
||||||
createStore({ collapsed: {} as Record<string, boolean> }),
|
createStore({ collapsed: {} as Record<string, boolean> }),
|
||||||
@@ -56,12 +56,12 @@ export function createHomeProjectsController(home: HomeController) {
|
|||||||
const key = ServerConnection.key(conn)
|
const key = ServerConnection.key(conn)
|
||||||
setState("collapsed", key, !state().collapsed[key])
|
setState("collapsed", key, !state().collapsed[key])
|
||||||
},
|
},
|
||||||
canDefault: serverManagement.defaults.available,
|
canDefault: serverManagement.canDefault,
|
||||||
defaultKey: serverManagement.defaults.key,
|
defaultKey: serverManagement.defaultKey,
|
||||||
setDefault: (conn: ServerConnection.Any | undefined) =>
|
setDefault: (conn: ServerConnection.Any | undefined) =>
|
||||||
serverManagement.defaults.set(conn ? ServerConnection.key(conn) : null),
|
serverManagement.setDefault(conn ? ServerConnection.key(conn) : null),
|
||||||
canRemove: (conn: ServerConnection.Any) => serverManagement.connection.canRemove(ServerConnection.key(conn)),
|
canRemove: (conn: ServerConnection.Any) => serverManagement.canRemove(ServerConnection.key(conn)),
|
||||||
remove: (conn: ServerConnection.Any) => serverManagement.connection.remove(ServerConnection.key(conn)),
|
remove: (conn: ServerConnection.Any) => serverManagement.handleRemove(ServerConnection.key(conn)),
|
||||||
edit: (conn: ServerConnection.Http) => dialog.show(() => <DialogServerV2 mode="edit" server={conn} />),
|
edit: (conn: ServerConnection.Http) => dialog.show(() => <DialogServerV2 mode="edit" server={conn} />),
|
||||||
focus: home.selection.focusServer,
|
focus: home.selection.focusServer,
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -7,7 +7,7 @@ import { MenuV2 } from "@opencode-ai/ui/v2/menu-v2"
|
|||||||
import { useMutation } from "@tanstack/solid-query"
|
import { useMutation } from "@tanstack/solid-query"
|
||||||
import fuzzysort from "fuzzysort"
|
import fuzzysort from "fuzzysort"
|
||||||
import { type Accessor, For, Show, createMemo } from "solid-js"
|
import { type Accessor, For, Show, createMemo } from "solid-js"
|
||||||
import type { ServerCollectionController } from "@/components/server/server-management-controller"
|
import type { useServerManagementController } from "@/components/dialog-select-server"
|
||||||
import { ServerHealthIndicator } from "@/components/server/server-row"
|
import { ServerHealthIndicator } from "@/components/server/server-row"
|
||||||
import { useLanguage } from "@/context/language"
|
import { useLanguage } from "@/context/language"
|
||||||
import { usePlatform } from "@/context/platform"
|
import { usePlatform } from "@/context/platform"
|
||||||
@@ -17,6 +17,8 @@ import { DialogAddWslServer } from "./dialog-add-server"
|
|||||||
import { useWslServers } from "./context"
|
import { useWslServers } from "./context"
|
||||||
import { wslOpencodeAction, wslRuntimeRetryable } from "./settings-model"
|
import { wslOpencodeAction, wslRuntimeRetryable } from "./settings-model"
|
||||||
|
|
||||||
|
type Controller = ReturnType<typeof useServerManagementController>
|
||||||
|
|
||||||
export function isWslServer(server: ServerConnection.Any) {
|
export function isWslServer(server: ServerConnection.Any) {
|
||||||
return server.type === "sidecar" && server.variant === "wsl"
|
return server.type === "sidecar" && server.variant === "wsl"
|
||||||
}
|
}
|
||||||
@@ -26,7 +28,7 @@ export function AddServerMenu(props: { onAddServer: () => void }) {
|
|||||||
const dialog = useDialog()
|
const dialog = useDialog()
|
||||||
const language = useLanguage()
|
const language = useLanguage()
|
||||||
const openAddWsl = () => {
|
const openAddWsl = () => {
|
||||||
void dialog.push(() => <DialogAddWslServer />)
|
dialog.push(() => <DialogAddWslServer />)
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<Show
|
<Show
|
||||||
@@ -65,7 +67,7 @@ export function useFilteredWslServers(filter: Accessor<string>) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export function WslServerSettings(props: {
|
export function WslServerSettings(props: {
|
||||||
domain: Pick<ServerCollectionController, "collection" | "defaults" | "connection">
|
controller: Controller
|
||||||
servers: ReturnType<typeof useFilteredWslServers>
|
servers: ReturnType<typeof useFilteredWslServers>
|
||||||
}) {
|
}) {
|
||||||
const platform = usePlatform()
|
const platform = usePlatform()
|
||||||
@@ -84,7 +86,7 @@ export function WslServerSettings(props: {
|
|||||||
}))
|
}))
|
||||||
|
|
||||||
const remove = (key: ServerConnection.Key) => {
|
const remove = (key: ServerConnection.Key) => {
|
||||||
request.mutate(() => props.domain.connection.remove(key))
|
request.mutate(() => props.controller.handleRemove(key))
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@@ -98,7 +100,7 @@ export function WslServerSettings(props: {
|
|||||||
return (
|
return (
|
||||||
<div class="settings-v2-servers-row">
|
<div class="settings-v2-servers-row">
|
||||||
<div class="settings-v2-servers-lead">
|
<div class="settings-v2-servers-lead">
|
||||||
<ServerHealthIndicator health={props.domain.collection.health()[key]} />
|
<ServerHealthIndicator health={props.controller.status()[key]} />
|
||||||
<div class="settings-v2-servers-copy">
|
<div class="settings-v2-servers-copy">
|
||||||
<span class="flex min-w-0 items-center gap-1">
|
<span class="flex min-w-0 items-center gap-1">
|
||||||
<span class="settings-v2-servers-name">{item.config.distro}</span>
|
<span class="settings-v2-servers-name">{item.config.distro}</span>
|
||||||
@@ -112,7 +114,7 @@ export function WslServerSettings(props: {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="settings-v2-servers-actions">
|
<div class="settings-v2-servers-actions">
|
||||||
<Show when={props.domain.defaults.available() && props.domain.defaults.key() === key}>
|
<Show when={props.controller.canDefault() && props.controller.defaultKey() === key}>
|
||||||
<Tag>{language.t("dialog.server.status.default")}</Tag>
|
<Tag>{language.t("dialog.server.status.default")}</Tag>
|
||||||
</Show>
|
</Show>
|
||||||
<Show when={opencodeAction()}>
|
<Show when={opencodeAction()}>
|
||||||
@@ -143,13 +145,13 @@ export function WslServerSettings(props: {
|
|||||||
{language.t("wsl.server.retryStart")}
|
{language.t("wsl.server.retryStart")}
|
||||||
</MenuV2.Item>
|
</MenuV2.Item>
|
||||||
</Show>
|
</Show>
|
||||||
<Show when={props.domain.defaults.available() && props.domain.defaults.key() !== key}>
|
<Show when={props.controller.canDefault() && props.controller.defaultKey() !== key}>
|
||||||
<MenuV2.Item onSelect={() => props.domain.defaults.set(key)}>
|
<MenuV2.Item onSelect={() => props.controller.setDefault(key)}>
|
||||||
{language.t("dialog.server.menu.default")}
|
{language.t("dialog.server.menu.default")}
|
||||||
</MenuV2.Item>
|
</MenuV2.Item>
|
||||||
</Show>
|
</Show>
|
||||||
<Show when={props.domain.defaults.available() && props.domain.defaults.key() === key}>
|
<Show when={props.controller.canDefault() && props.controller.defaultKey() === key}>
|
||||||
<MenuV2.Item onSelect={() => props.domain.defaults.set(null)}>
|
<MenuV2.Item onSelect={() => props.controller.setDefault(null)}>
|
||||||
{language.t("dialog.server.menu.defaultRemove")}
|
{language.t("dialog.server.menu.defaultRemove")}
|
||||||
</MenuV2.Item>
|
</MenuV2.Item>
|
||||||
</Show>
|
</Show>
|
||||||
|
|||||||
@@ -46,7 +46,6 @@ import { SessionGenerateNode } from "./session/generate-node"
|
|||||||
import { McpTool } from "./tool/mcp"
|
import { McpTool } from "./tool/mcp"
|
||||||
import { ReadToolFileSystem } from "./tool/read-filesystem"
|
import { ReadToolFileSystem } from "./tool/read-filesystem"
|
||||||
import { Tool } from "./tool"
|
import { Tool } from "./tool"
|
||||||
import { ToolOutput } from "./tool-output"
|
|
||||||
import { Vcs } from "./vcs"
|
import { Vcs } from "./vcs"
|
||||||
|
|
||||||
export { LocationServiceMap } from "./location-service-map"
|
export { LocationServiceMap } from "./location-service-map"
|
||||||
@@ -79,7 +78,6 @@ const locationServiceNodes = [
|
|||||||
MCP.node,
|
MCP.node,
|
||||||
Permission.node,
|
Permission.node,
|
||||||
Tool.node,
|
Tool.node,
|
||||||
ToolOutput.node,
|
|
||||||
Image.node,
|
Image.node,
|
||||||
SkillInstructions.node,
|
SkillInstructions.node,
|
||||||
ReferenceInstructions.node,
|
ReferenceInstructions.node,
|
||||||
|
|||||||
@@ -2,9 +2,14 @@ export * as SessionRestart from "./restart"
|
|||||||
|
|
||||||
import { Context, Effect, Layer } from "effect"
|
import { Context, Effect, Layer } from "effect"
|
||||||
import { makeGlobalNode } from "@opencode-ai/util/effect/app-node"
|
import { makeGlobalNode } from "@opencode-ai/util/effect/app-node"
|
||||||
|
import { Bus } from "../../bus"
|
||||||
|
import { SessionEvent } from "../event"
|
||||||
import { SessionExecution } from "../execution"
|
import { SessionExecution } from "../execution"
|
||||||
import { SessionStore } from "../store"
|
import { SessionStore } from "../store"
|
||||||
|
|
||||||
|
const CONTINUE_AFTER_SERVER_RESTART =
|
||||||
|
"The server restarted while you were working. Continue from where you left off without repeating completed work."
|
||||||
|
|
||||||
export interface Interface {
|
export interface Interface {
|
||||||
/**
|
/**
|
||||||
* Marks every execution active in this process for resumption by the next server start.
|
* Marks every execution active in this process for resumption by the next server start.
|
||||||
@@ -26,6 +31,7 @@ export const layer = Layer.effect(
|
|||||||
Effect.gen(function* () {
|
Effect.gen(function* () {
|
||||||
const store = yield* SessionStore.Service
|
const store = yield* SessionStore.Service
|
||||||
const execution = yield* SessionExecution.Service
|
const execution = yield* SessionExecution.Service
|
||||||
|
const bus = yield* Bus.Service
|
||||||
return Service.of({
|
return Service.of({
|
||||||
suspendActiveSessions: Effect.gen(function* () {
|
suspendActiveSessions: Effect.gen(function* () {
|
||||||
yield* store.suspend(yield* execution.active)
|
yield* store.suspend(yield* execution.active)
|
||||||
@@ -37,6 +43,11 @@ export const layer = Layer.effect(
|
|||||||
(sessionID) =>
|
(sessionID) =>
|
||||||
Effect.gen(function* () {
|
Effect.gen(function* () {
|
||||||
if (!(yield* store.consumeSuspended(sessionID))) return
|
if (!(yield* store.consumeSuspended(sessionID))) return
|
||||||
|
yield* bus.publish(SessionEvent.Synthetic, {
|
||||||
|
sessionID,
|
||||||
|
text: CONTINUE_AFTER_SERVER_RESTART,
|
||||||
|
description: "Continuing after restart",
|
||||||
|
})
|
||||||
// Drain failures are already logged and durably recorded by the execution layer.
|
// Drain failures are already logged and durably recorded by the execution layer.
|
||||||
yield* Effect.ignore(execution.resume(sessionID))
|
yield* Effect.ignore(execution.resume(sessionID))
|
||||||
}),
|
}),
|
||||||
@@ -47,4 +58,8 @@ export const layer = Layer.effect(
|
|||||||
}),
|
}),
|
||||||
)
|
)
|
||||||
|
|
||||||
export const node = makeGlobalNode({ service: Service, layer, deps: [SessionStore.node, SessionExecution.node] })
|
export const node = makeGlobalNode({
|
||||||
|
service: Service,
|
||||||
|
layer,
|
||||||
|
deps: [SessionStore.node, SessionExecution.node, Bus.node],
|
||||||
|
})
|
||||||
|
|||||||
@@ -32,7 +32,6 @@ import { StepFailedError } from "../error"
|
|||||||
import { toSessionError } from "../to-session-error"
|
import { toSessionError } from "../to-session-error"
|
||||||
import { SessionRunnerRetry } from "./retry"
|
import { SessionRunnerRetry } from "./retry"
|
||||||
import { SessionUsage } from "../usage"
|
import { SessionUsage } from "../usage"
|
||||||
import { ToolOutput } from "../../tool-output"
|
|
||||||
|
|
||||||
/** How one model call ended: settled, awaiting a scheduled retry, or restarted by compaction. */
|
/** How one model call ended: settled, awaiting a scheduled retry, or restarted by compaction. */
|
||||||
type CallOutcome = Data.TaggedEnum<{
|
type CallOutcome = Data.TaggedEnum<{
|
||||||
@@ -108,7 +107,6 @@ const layer = Layer.effect(
|
|||||||
const db = (yield* Database.Service).db
|
const db = (yield* Database.Service).db
|
||||||
const compaction = yield* SessionCompaction.Service
|
const compaction = yield* SessionCompaction.Service
|
||||||
const title = yield* SessionTitle.Service
|
const title = yield* SessionTitle.Service
|
||||||
const toolOutput = yield* ToolOutput.Service
|
|
||||||
// Title generation is a side effect of a successful step; it must not delay continuation.
|
// Title generation is a side effect of a successful step; it must not delay continuation.
|
||||||
// The in-flight set coalesces overlapping steps while title presence records success durably.
|
// The in-flight set coalesces overlapping steps while title presence records success durably.
|
||||||
const titlesRunning = new Set<SessionSchema.ID>()
|
const titlesRunning = new Set<SessionSchema.ID>()
|
||||||
@@ -336,7 +334,6 @@ const layer = Layer.effect(
|
|||||||
).pipe(
|
).pipe(
|
||||||
// The fiber owns its call: it publishes its own completion, masked so a
|
// The fiber owns its call: it publishes its own completion, masked so a
|
||||||
// finished execution always reaches its durable settlement.
|
// finished execution always reaches its durable settlement.
|
||||||
Effect.flatMap(toolOutput.truncate),
|
|
||||||
Effect.flatMap((outcome) => publisher.toolExecution(event.id, event.name, outcome)),
|
Effect.flatMap((outcome) => publisher.toolExecution(event.id, event.name, outcome)),
|
||||||
Effect.catchTag("Tool.Error", (error) =>
|
Effect.catchTag("Tool.Error", (error) =>
|
||||||
publisher.failTool(event.id, toSessionError(error)).pipe(Effect.asVoid),
|
publisher.failTool(event.id, toSessionError(error)).pipe(Effect.asVoid),
|
||||||
@@ -565,7 +562,6 @@ export const node = makeLocationNode({
|
|||||||
SessionCompaction.node,
|
SessionCompaction.node,
|
||||||
SessionTitle.node,
|
SessionTitle.node,
|
||||||
Snapshot.node,
|
Snapshot.node,
|
||||||
ToolOutput.node,
|
|
||||||
Database.node,
|
Database.node,
|
||||||
],
|
],
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -1,131 +0,0 @@
|
|||||||
export * as ToolOutput from "./tool-output"
|
|
||||||
|
|
||||||
import path from "path"
|
|
||||||
import type { Tool } from "@opencode-ai/schema/tool"
|
|
||||||
import { Context, Duration, Effect, Layer, Schedule } from "effect"
|
|
||||||
import { makeGlobalNode, makeLocationNode } from "@opencode-ai/util/effect/app-node"
|
|
||||||
import { FSUtil } from "@opencode-ai/util/fs-util"
|
|
||||||
import { Global } from "@opencode-ai/util/global"
|
|
||||||
import { Config } from "./config"
|
|
||||||
import { Identifier } from "./id/id"
|
|
||||||
|
|
||||||
export const MAX_LINES = 2_000
|
|
||||||
export const MAX_BYTES = 50 * 1024 // 50 KiB
|
|
||||||
export const RETENTION = Duration.days(7)
|
|
||||||
export const DIRECTORY = "tool-output"
|
|
||||||
|
|
||||||
type Result = Tool.Result
|
|
||||||
|
|
||||||
export interface Interface {
|
|
||||||
readonly truncate: (result: Result) => Effect.Effect<Result>
|
|
||||||
readonly cleanup: () => Effect.Effect<void>
|
|
||||||
}
|
|
||||||
|
|
||||||
export class Service extends Context.Service<Service, Interface>()("@opencode/ToolOutput") {}
|
|
||||||
|
|
||||||
const cleanup = Effect.fn("ToolOutput.cleanup")(function* (fs: FSUtil.Interface, directory: string) {
|
|
||||||
const cutoff = Identifier.timestamp(
|
|
||||||
Identifier.create("tool", "ascending", Date.now() - Duration.toMillis(RETENTION)),
|
|
||||||
)
|
|
||||||
const entries = yield* fs.readDirectory(directory).pipe(
|
|
||||||
Effect.map((entries) => entries.filter((entry) => /^tool_[0-9a-f]{12}/.test(entry))),
|
|
||||||
Effect.catch(() => Effect.succeed([])),
|
|
||||||
)
|
|
||||||
for (const entry of entries) {
|
|
||||||
if (Identifier.timestamp(entry) >= cutoff) continue
|
|
||||||
yield* fs.remove(path.join(directory, entry)).pipe(Effect.catch(() => Effect.void))
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
const layer = Layer.effect(
|
|
||||||
Service,
|
|
||||||
Effect.gen(function* () {
|
|
||||||
const config = yield* Config.Service
|
|
||||||
const fs = yield* FSUtil.Service
|
|
||||||
const global = yield* Global.Service
|
|
||||||
const directory = path.join(global.data, DIRECTORY)
|
|
||||||
|
|
||||||
const truncate = Effect.fn("ToolOutput.truncate")(function* (result: Result) {
|
|
||||||
if (result.metadata?.truncated !== undefined) return result
|
|
||||||
const content =
|
|
||||||
typeof result.content === "string" ? [{ type: "text" as const, text: result.content }] : (result.content ?? [])
|
|
||||||
const text = content.flatMap((item) => (item.type === "text" ? [item.text] : [])).join("\n")
|
|
||||||
const configured = Config.latest(yield* config.entries(), "tool_output")
|
|
||||||
const maxLines = configured?.max_lines ?? MAX_LINES
|
|
||||||
const maxBytes = configured?.max_bytes ?? MAX_BYTES
|
|
||||||
const lines = text.split("\n")
|
|
||||||
if (text.endsWith("\n")) lines.pop()
|
|
||||||
const totalBytes = Buffer.byteLength(text, "utf-8")
|
|
||||||
if (lines.length <= maxLines && totalBytes <= maxBytes)
|
|
||||||
return { ...result, metadata: { ...result.metadata, truncated: false } }
|
|
||||||
|
|
||||||
const kept: string[] = []
|
|
||||||
let bytes = 0
|
|
||||||
let hitBytes = false
|
|
||||||
for (const line of lines.slice(0, maxLines)) {
|
|
||||||
const size = Buffer.byteLength(line, "utf-8") + (kept.length > 0 ? 1 : 0)
|
|
||||||
if (bytes + size > maxBytes) {
|
|
||||||
hitBytes = true
|
|
||||||
break
|
|
||||||
}
|
|
||||||
kept.push(line)
|
|
||||||
bytes += size
|
|
||||||
}
|
|
||||||
if (!hitBytes && kept.length === lines.length && totalBytes > bytes) hitBytes = true
|
|
||||||
const removed = hitBytes ? totalBytes - bytes : lines.length - kept.length
|
|
||||||
const unit = hitBytes ? (removed === 1 ? "byte" : "bytes") : removed === 1 ? "line" : "lines"
|
|
||||||
const file = path.join(directory, Identifier.ascending("tool"))
|
|
||||||
yield* fs.ensureDir(directory).pipe(Effect.orDie)
|
|
||||||
yield* fs.writeFileString(file, text).pipe(Effect.orDie)
|
|
||||||
const marker = `... ${removed} ${unit} truncated; full content saved to ${file} ...`
|
|
||||||
const bounded: Tool.Content[] = []
|
|
||||||
let remaining = kept.join("\n").length
|
|
||||||
let seenText = false
|
|
||||||
let marked = false
|
|
||||||
for (const item of content) {
|
|
||||||
if (item.type === "file") {
|
|
||||||
bounded.push(item)
|
|
||||||
continue
|
|
||||||
}
|
|
||||||
if (seenText && remaining > 0) remaining--
|
|
||||||
seenText = true
|
|
||||||
if (remaining >= item.text.length) {
|
|
||||||
bounded.push(item)
|
|
||||||
remaining -= item.text.length
|
|
||||||
continue
|
|
||||||
}
|
|
||||||
if (remaining > 0) bounded.push({ ...item, text: item.text.slice(0, remaining) })
|
|
||||||
if (!marked) bounded.push({ type: "text", text: marker })
|
|
||||||
remaining = 0
|
|
||||||
marked = true
|
|
||||||
}
|
|
||||||
if (!marked) bounded.push({ type: "text", text: marker })
|
|
||||||
return {
|
|
||||||
...result,
|
|
||||||
content: bounded,
|
|
||||||
metadata: { ...result.metadata, truncated: true, outputPath: file },
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
return Service.of({ truncate, cleanup: () => cleanup(fs, directory) })
|
|
||||||
}),
|
|
||||||
)
|
|
||||||
|
|
||||||
const cleanupLayer = Layer.effectDiscard(
|
|
||||||
Effect.gen(function* () {
|
|
||||||
const fs = yield* FSUtil.Service
|
|
||||||
const global = yield* Global.Service
|
|
||||||
yield* cleanup(fs, path.join(global.data, DIRECTORY)).pipe(
|
|
||||||
Effect.repeat(Schedule.spaced(Duration.hours(1))),
|
|
||||||
Effect.forkScoped,
|
|
||||||
)
|
|
||||||
}),
|
|
||||||
)
|
|
||||||
|
|
||||||
const cleanupNode = makeGlobalNode({ name: "tool-output-cleanup", layer: cleanupLayer, deps: [FSUtil.node, Global.node] })
|
|
||||||
|
|
||||||
export const node = makeLocationNode({
|
|
||||||
service: Service,
|
|
||||||
layer,
|
|
||||||
deps: [Config.node, FSUtil.node, Global.node, cleanupNode],
|
|
||||||
})
|
|
||||||
@@ -114,7 +114,6 @@ export const Plugin = {
|
|||||||
Effect.map((output) => ({
|
Effect.map((output) => ({
|
||||||
output,
|
output,
|
||||||
content: toModelContent(input.path, input.offset, output),
|
content: toModelContent(input.path, input.offset, output),
|
||||||
metadata: { truncated: output.type === "file" ? false : output.truncated },
|
|
||||||
})),
|
})),
|
||||||
Effect.mapError((error) => {
|
Effect.mapError((error) => {
|
||||||
if (error instanceof ToolFailure) return error
|
if (error instanceof ToolFailure) return error
|
||||||
|
|||||||
@@ -6,7 +6,6 @@ import type { Content } from "@opencode-ai/schema/tool"
|
|||||||
import type { Context as PluginContext } from "@opencode-ai/plugin/effect/plugin"
|
import type { Context as PluginContext } from "@opencode-ai/plugin/effect/plugin"
|
||||||
import { Deferred, Effect, Schema, Scope } from "effect"
|
import { Deferred, Effect, Schema, Scope } from "effect"
|
||||||
import { FSUtil } from "@opencode-ai/util/fs-util"
|
import { FSUtil } from "@opencode-ai/util/fs-util"
|
||||||
import { Config } from "../../config"
|
|
||||||
import { LocationMutation } from "../../location-mutation"
|
import { LocationMutation } from "../../location-mutation"
|
||||||
import { Permission } from "../../permission"
|
import { Permission } from "../../permission"
|
||||||
import { PluginRuntime } from "../../plugin/runtime"
|
import { PluginRuntime } from "../../plugin/runtime"
|
||||||
@@ -14,10 +13,10 @@ import { NonNegativeInt } from "../../schema"
|
|||||||
import { SessionSchema } from "../../session/schema"
|
import { SessionSchema } from "../../session/schema"
|
||||||
import { Shell } from "../../shell"
|
import { Shell } from "../../shell"
|
||||||
import { ShellParse } from "../../shell/parse"
|
import { ShellParse } from "../../shell/parse"
|
||||||
import { ToolOutput } from "../../tool-output"
|
|
||||||
|
|
||||||
export const name = "shell"
|
export const name = "shell"
|
||||||
export const DEFAULT_TIMEOUT_MS = 2 * 60 * 1_000
|
export const DEFAULT_TIMEOUT_MS = 2 * 60 * 1_000
|
||||||
|
export const MAX_CAPTURE_BYTES = 1024 * 1024
|
||||||
|
|
||||||
const BACKGROUND_STARTED = "The command was moved to the background."
|
const BACKGROUND_STARTED = "The command was moved to the background."
|
||||||
const BACKGROUND_INSTRUCTION =
|
const BACKGROUND_INSTRUCTION =
|
||||||
@@ -87,7 +86,6 @@ export const Plugin = {
|
|||||||
const mutation = yield* LocationMutation.Service
|
const mutation = yield* LocationMutation.Service
|
||||||
const shell = yield* Shell.Service
|
const shell = yield* Shell.Service
|
||||||
const permission = yield* Permission.Service
|
const permission = yield* Permission.Service
|
||||||
const config = yield* Config.Service
|
|
||||||
|
|
||||||
const notifyWhenDone = Effect.fn("ShellTool.notifyWhenDone")(function* (
|
const notifyWhenDone = Effect.fn("ShellTool.notifyWhenDone")(function* (
|
||||||
sessionID: SessionSchema.ID,
|
sessionID: SessionSchema.ID,
|
||||||
@@ -193,21 +191,15 @@ export const Plugin = {
|
|||||||
yield* context.progress({ shellID: info.id })
|
yield* context.progress({ shellID: info.id })
|
||||||
|
|
||||||
const captureShell = Effect.fn("ShellTool.captureShell")(function* () {
|
const captureShell = Effect.fn("ShellTool.captureShell")(function* () {
|
||||||
const configured = Config.latest(yield* config.entries(), "tool_output")
|
|
||||||
const maxLines = configured?.max_lines ?? ToolOutput.MAX_LINES
|
|
||||||
const maxBytes = configured?.max_bytes ?? ToolOutput.MAX_BYTES
|
|
||||||
const latest = yield* shell.output(info.id, { cursor: Number.MAX_SAFE_INTEGER })
|
const latest = yield* shell.output(info.id, { cursor: Number.MAX_SAFE_INTEGER })
|
||||||
|
const truncated = latest.size > MAX_CAPTURE_BYTES
|
||||||
const page = yield* shell.output(info.id, {
|
const page = yield* shell.output(info.id, {
|
||||||
cursor: Math.max(0, latest.size - maxBytes),
|
cursor: Math.max(0, latest.size - MAX_CAPTURE_BYTES),
|
||||||
limit: maxBytes,
|
limit: MAX_CAPTURE_BYTES,
|
||||||
})
|
})
|
||||||
const lines = page.output.split("\n")
|
|
||||||
if (page.output.endsWith("\n")) lines.pop()
|
|
||||||
const truncated = latest.size > maxBytes || lines.length > maxLines
|
|
||||||
const output = lines.length > maxLines ? lines.slice(-maxLines).join("\n") : page.output
|
|
||||||
const notice = truncated ? `\n\n[output truncated; full output saved to: ${info.file}]` : ""
|
const notice = truncated ? `\n\n[output truncated; full output saved to: ${info.file}]` : ""
|
||||||
return {
|
return {
|
||||||
output: `${output || "(no output)"}${notice}`,
|
output: `${page.output || "(no output)"}${notice}`,
|
||||||
truncated,
|
truncated,
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -13,6 +13,7 @@ import { Session } from "@opencode-ai/core/session"
|
|||||||
import { SessionExecution } from "@opencode-ai/core/session/execution"
|
import { SessionExecution } from "@opencode-ai/core/session/execution"
|
||||||
import { SessionRestart } from "@opencode-ai/core/session/execution/restart"
|
import { SessionRestart } from "@opencode-ai/core/session/execution/restart"
|
||||||
import { UserInterruptedError } from "@opencode-ai/core/session/error"
|
import { UserInterruptedError } from "@opencode-ai/core/session/error"
|
||||||
|
import { SessionEvent } from "@opencode-ai/core/session/event"
|
||||||
import { SessionRunner } from "@opencode-ai/core/session/runner"
|
import { SessionRunner } from "@opencode-ai/core/session/runner"
|
||||||
import { SessionTable } from "@opencode-ai/core/session/sql"
|
import { SessionTable } from "@opencode-ai/core/session/sql"
|
||||||
import { SessionStore } from "@opencode-ai/core/session/store"
|
import { SessionStore } from "@opencode-ai/core/session/store"
|
||||||
@@ -127,23 +128,34 @@ describe("SessionExecution lifecycle", () => {
|
|||||||
it.effect("resumes each suspended Session at most once", () =>
|
it.effect("resumes each suspended Session at most once", () =>
|
||||||
Effect.gen(function* () {
|
Effect.gen(function* () {
|
||||||
const database = yield* Database.Service
|
const database = yield* Database.Service
|
||||||
|
const bus = yield* Bus.Service
|
||||||
const first = Session.ID.make("ses_resume_first")
|
const first = Session.ID.make("ses_resume_first")
|
||||||
const second = Session.ID.make("ses_resume_second")
|
const second = Session.ID.make("ses_resume_second")
|
||||||
yield* seedSessions(database, [first, second], { time_suspended: Date.now() })
|
yield* seedSessions(database, [first, second], { time_suspended: Date.now() })
|
||||||
|
|
||||||
const drained: string[] = []
|
const drained: string[] = []
|
||||||
|
const continued: SessionEvent.Synthetic[] = []
|
||||||
const scope = yield* Scope.make()
|
const scope = yield* Scope.make()
|
||||||
const context = yield* buildExecution(scope, ({ sessionID }) => Effect.sync(() => void drained.push(sessionID)))
|
const context = yield* buildExecution(scope, ({ sessionID }) => Effect.sync(() => void drained.push(sessionID)))
|
||||||
const execution = Context.get(context, SessionExecution.Service)
|
const execution = Context.get(context, SessionExecution.Service)
|
||||||
const restart = Context.get(context, SessionRestart.Service)
|
const restart = Context.get(context, SessionRestart.Service)
|
||||||
|
yield* bus.project(SessionEvent.Synthetic, (event) => Effect.sync(() => void continued.push(event)))
|
||||||
|
|
||||||
yield* restart.resumeSuspendedSessions
|
yield* restart.resumeSuspendedSessions
|
||||||
yield* Effect.forEach([first, second], execution.awaitIdle, { discard: true })
|
yield* Effect.forEach([first, second], execution.awaitIdle, { discard: true })
|
||||||
expect(drained.toSorted()).toEqual([first, second])
|
expect(drained.toSorted()).toEqual([first, second])
|
||||||
|
expect(continued.map((event) => event.data).toSorted((a, b) => a.sessionID.localeCompare(b.sessionID))).toEqual(
|
||||||
|
[first, second].map((sessionID) => ({
|
||||||
|
sessionID,
|
||||||
|
text: "The server restarted while you were working. Continue from where you left off without repeating completed work.",
|
||||||
|
description: "Continuing after restart",
|
||||||
|
})),
|
||||||
|
)
|
||||||
expect(yield* suspensions(database)).toEqual({ [first]: false, [second]: false })
|
expect(yield* suspensions(database)).toEqual({ [first]: false, [second]: false })
|
||||||
|
|
||||||
yield* restart.resumeSuspendedSessions
|
yield* restart.resumeSuspendedSessions
|
||||||
expect(drained.length).toBe(2)
|
expect(drained.length).toBe(2)
|
||||||
|
expect(continued.length).toBe(2)
|
||||||
yield* Scope.close(scope, Exit.void)
|
yield* Scope.close(scope, Exit.void)
|
||||||
}),
|
}),
|
||||||
)
|
)
|
||||||
|
|||||||
@@ -1,164 +0,0 @@
|
|||||||
import { describe, expect } from "bun:test"
|
|
||||||
import path from "path"
|
|
||||||
import { Effect, Layer, Stream } from "effect"
|
|
||||||
import { Config } from "@opencode-ai/core/config"
|
|
||||||
import { Document, Info } from "@opencode-ai/schema/config"
|
|
||||||
import { ConfigToolOutput } from "@opencode-ai/schema/config/tool-output"
|
|
||||||
import { AppNodeBuilder } from "@opencode-ai/core/effect/app-node-builder"
|
|
||||||
import { LayerNode } from "@opencode-ai/util/effect/layer-node"
|
|
||||||
import { ToolOutput } from "@opencode-ai/core/tool-output"
|
|
||||||
import { FSUtil } from "@opencode-ai/util/fs-util"
|
|
||||||
import { Global } from "@opencode-ai/util/global"
|
|
||||||
import { Identifier } from "@opencode-ai/core/id/id"
|
|
||||||
import { tmpdir } from "./fixture/tmpdir"
|
|
||||||
import { it } from "./lib/effect"
|
|
||||||
|
|
||||||
const withStore = <A, E, R>(
|
|
||||||
body: (output: ToolOutput.Interface, fs: FSUtil.Interface, root: string) => Effect.Effect<A, E, R>,
|
|
||||||
info = new Info(),
|
|
||||||
) =>
|
|
||||||
Effect.acquireUseRelease(
|
|
||||||
Effect.promise(() => tmpdir()),
|
|
||||||
(tmp) => {
|
|
||||||
const config = Layer.succeed(
|
|
||||||
Config.Service,
|
|
||||||
Config.Service.of({
|
|
||||||
entries: () => Effect.succeed([new Document({ type: "document", info })]),
|
|
||||||
changes: () => Stream.empty,
|
|
||||||
}),
|
|
||||||
)
|
|
||||||
const layer = AppNodeBuilder.build(LayerNode.group([ToolOutput.node, FSUtil.node]), [
|
|
||||||
[Config.node, config],
|
|
||||||
[Global.node, Global.layerWith({ data: tmp.path })],
|
|
||||||
])
|
|
||||||
return Effect.gen(function* () {
|
|
||||||
return yield* body(yield* ToolOutput.Service, yield* FSUtil.Service, tmp.path)
|
|
||||||
}).pipe(Effect.provide(layer))
|
|
||||||
},
|
|
||||||
(tmp) => Effect.promise(() => tmp[Symbol.asyncDispose]()),
|
|
||||||
)
|
|
||||||
|
|
||||||
describe("ToolOutput", () => {
|
|
||||||
it.live("writes oversized text and returns a bounded preview", () =>
|
|
||||||
withStore(
|
|
||||||
(service, fs) =>
|
|
||||||
Effect.gen(function* () {
|
|
||||||
const output = { items: [1, 2, 3] }
|
|
||||||
const result = yield* service.truncate({ output, content: "one\ntwo\nthree" })
|
|
||||||
expect(result.output).toBe(output)
|
|
||||||
expect(result.metadata).toMatchObject({ truncated: true })
|
|
||||||
const outputPath = result.metadata?.outputPath
|
|
||||||
expect(typeof outputPath).toBe("string")
|
|
||||||
if (typeof outputPath !== "string") return
|
|
||||||
expect(yield* fs.readFileString(outputPath)).toBe("one\ntwo\nthree")
|
|
||||||
expect(result.content).toEqual([
|
|
||||||
{ type: "text", text: "one\ntwo" },
|
|
||||||
{ type: "text", text: `... 1 line truncated; full content saved to ${outputPath} ...` },
|
|
||||||
])
|
|
||||||
}),
|
|
||||||
new Info({ tool_output: new ConfigToolOutput.Info({ max_lines: 2, max_bytes: 1_000 }) }),
|
|
||||||
),
|
|
||||||
)
|
|
||||||
|
|
||||||
it.live("reports bytes omitted by the byte limit", () =>
|
|
||||||
withStore(
|
|
||||||
(output) =>
|
|
||||||
Effect.gen(function* () {
|
|
||||||
const result = yield* output.truncate({ content: "one\ntwo" })
|
|
||||||
expect(result.content).toEqual([
|
|
||||||
{ type: "text", text: "one" },
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: expect.stringMatching(/^\.\.\. 4 bytes truncated; full content saved to .+ \.\.\.$/),
|
|
||||||
},
|
|
||||||
])
|
|
||||||
}),
|
|
||||||
new Info({ tool_output: new ConfigToolOutput.Info({ max_lines: 100, max_bytes: 5 }) }),
|
|
||||||
),
|
|
||||||
)
|
|
||||||
|
|
||||||
it.live("preserves mixed content ordering", () =>
|
|
||||||
withStore(
|
|
||||||
(output) =>
|
|
||||||
Effect.gen(function* () {
|
|
||||||
const file = { type: "file" as const, uri: "file:///image.png", mime: "image/png" }
|
|
||||||
const result = yield* output.truncate({
|
|
||||||
content: [{ type: "text", text: "before" }, file, { type: "text", text: "after\nomitted" }],
|
|
||||||
})
|
|
||||||
expect(result.content).toEqual([
|
|
||||||
{ type: "text", text: "before" },
|
|
||||||
file,
|
|
||||||
{ type: "text", text: "after" },
|
|
||||||
{ type: "text", text: expect.stringMatching(/^\.\.\. 1 line truncated; full content saved to /) },
|
|
||||||
])
|
|
||||||
}),
|
|
||||||
new Info({ tool_output: new ConfigToolOutput.Info({ max_lines: 2, max_bytes: 1_000 }) }),
|
|
||||||
),
|
|
||||||
)
|
|
||||||
|
|
||||||
it.live("skips results that report a truncation state", () =>
|
|
||||||
withStore((output) =>
|
|
||||||
Effect.gen(function* () {
|
|
||||||
const truncated = { content: "one\ntwo", metadata: { truncated: true, source: "tool" } }
|
|
||||||
const retained = { content: "one\ntwo", metadata: { truncated: false, source: "tool" } }
|
|
||||||
expect(yield* output.truncate(truncated)).toBe(truncated)
|
|
||||||
expect(yield* output.truncate(retained)).toBe(retained)
|
|
||||||
}),
|
|
||||||
),
|
|
||||||
)
|
|
||||||
|
|
||||||
it.live("marks results that fit without changing their content", () =>
|
|
||||||
withStore((output) =>
|
|
||||||
Effect.gen(function* () {
|
|
||||||
const content = [{ type: "text" as const, text: "small" }]
|
|
||||||
expect(yield* output.truncate({ content })).toEqual({ content, metadata: { truncated: false } })
|
|
||||||
}),
|
|
||||||
),
|
|
||||||
)
|
|
||||||
|
|
||||||
it.live("does not count a trailing newline as another line", () =>
|
|
||||||
withStore(
|
|
||||||
(output) =>
|
|
||||||
Effect.gen(function* () {
|
|
||||||
expect(yield* output.truncate({ content: "one\ntwo\n" })).toEqual({
|
|
||||||
content: "one\ntwo\n",
|
|
||||||
metadata: { truncated: false },
|
|
||||||
})
|
|
||||||
}),
|
|
||||||
new Info({ tool_output: new ConfigToolOutput.Info({ max_lines: 2, max_bytes: 1_000 }) }),
|
|
||||||
),
|
|
||||||
)
|
|
||||||
|
|
||||||
it.live("reports a trailing newline omitted by the byte limit", () =>
|
|
||||||
withStore(
|
|
||||||
(output) =>
|
|
||||||
Effect.gen(function* () {
|
|
||||||
const result = yield* output.truncate({ content: "one\n" })
|
|
||||||
expect(result.content).toEqual([
|
|
||||||
{ type: "text", text: "one" },
|
|
||||||
{ type: "text", text: expect.stringMatching(/^\.\.\. 1 byte truncated; full content saved to /) },
|
|
||||||
])
|
|
||||||
}),
|
|
||||||
new Info({ tool_output: new ConfigToolOutput.Info({ max_lines: 2, max_bytes: 3 }) }),
|
|
||||||
),
|
|
||||||
)
|
|
||||||
|
|
||||||
it.live("removes expired managed files", () =>
|
|
||||||
withStore((output, fs, root) =>
|
|
||||||
Effect.gen(function* () {
|
|
||||||
const directory = path.join(root, ToolOutput.DIRECTORY)
|
|
||||||
const old = path.join(
|
|
||||||
directory,
|
|
||||||
Identifier.create("tool", "ascending", Date.now() - 8 * 24 * 60 * 60 * 1_000),
|
|
||||||
)
|
|
||||||
const recent = path.join(directory, Identifier.ascending("tool"))
|
|
||||||
yield* fs.ensureDir(directory)
|
|
||||||
yield* fs.writeFileString(old, "old")
|
|
||||||
yield* fs.writeFileString(recent, "recent")
|
|
||||||
yield* output.cleanup()
|
|
||||||
expect(yield* fs.exists(old)).toBe(false)
|
|
||||||
expect(yield* fs.exists(recent)).toBe(true)
|
|
||||||
}),
|
|
||||||
),
|
|
||||||
)
|
|
||||||
})
|
|
||||||
@@ -311,7 +311,9 @@ describe("ReadTool", () => {
|
|||||||
})
|
})
|
||||||
expect(settled.status).toBe("completed")
|
expect(settled.status).toBe("completed")
|
||||||
if (settled.status !== "completed") return
|
if (settled.status !== "completed") return
|
||||||
expect(settled.metadata).toEqual({ truncated: false })
|
// Image base64 is carried by the content file item only; read produces no
|
||||||
|
// metadata, so the original bytes are never persisted twice.
|
||||||
|
expect(settled.metadata).toBeUndefined()
|
||||||
expect(settled.content).toMatchObject([
|
expect(settled.content).toMatchObject([
|
||||||
{ type: "text", text: "Image read successfully" },
|
{ type: "text", text: "Image read successfully" },
|
||||||
{ type: "file", mime: "image/png", uri: `data:image/png;base64,${png}` },
|
{ type: "file", mime: "image/png", uri: `data:image/png;base64,${png}` },
|
||||||
@@ -729,7 +731,6 @@ describe("ReadTool", () => {
|
|||||||
output: { entries: listResult.entries, truncated: true, next: 4 },
|
output: { entries: listResult.entries, truncated: true, next: 4 },
|
||||||
})
|
})
|
||||||
if (result.status !== "completed") return
|
if (result.status !== "completed") return
|
||||||
expect(result.metadata).toEqual({ truncated: true })
|
|
||||||
expect(result.content).toEqual([
|
expect(result.content).toEqual([
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text",
|
||||||
@@ -804,7 +805,6 @@ describe("ReadTool", () => {
|
|||||||
output: { type: "text-page", content: "hello", mime: "text/plain", offset: 2, truncated: true, next: 3 },
|
output: { type: "text-page", content: "hello", mime: "text/plain", offset: 2, truncated: true, next: 3 },
|
||||||
})
|
})
|
||||||
if (result.status !== "completed") return
|
if (result.status !== "completed") return
|
||||||
expect(result.metadata).toEqual({ truncated: true })
|
|
||||||
expect(result.content).toEqual([
|
expect(result.content).toEqual([
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text",
|
||||||
|
|||||||
@@ -30,7 +30,6 @@ import { PluginRuntime } from "@opencode-ai/core/plugin/runtime"
|
|||||||
import { Shell } from "@opencode-ai/core/shell"
|
import { Shell } from "@opencode-ai/core/shell"
|
||||||
import { Shell as ShellSchema } from "@opencode-ai/schema/shell"
|
import { Shell as ShellSchema } from "@opencode-ai/schema/shell"
|
||||||
import { ShellTool } from "@opencode-ai/core/tool/plugin/shell"
|
import { ShellTool } from "@opencode-ai/core/tool/plugin/shell"
|
||||||
import { ToolOutput } from "@opencode-ai/core/tool-output"
|
|
||||||
import { Tool } from "@opencode-ai/core/tool"
|
import { Tool } from "@opencode-ai/core/tool"
|
||||||
import { tmpdir } from "./fixture/tmpdir"
|
import { tmpdir } from "./fixture/tmpdir"
|
||||||
import { testEffect } from "./lib/effect"
|
import { testEffect } from "./lib/effect"
|
||||||
@@ -172,9 +171,6 @@ const overflowCommand = (bytes: number) =>
|
|||||||
isWindows
|
isWindows
|
||||||
? `[Console]::Out.Write('output-start' + ('x' * ${bytes}) + 'output-end'); Start-Sleep -Milliseconds 100`
|
? `[Console]::Out.Write('output-start' + ('x' * ${bytes}) + 'output-end'); Start-Sleep -Milliseconds 100`
|
||||||
: `printf output-start; head -c ${bytes} /dev/zero | tr '\\0' 'x'; printf output-end`
|
: `printf output-start; head -c ${bytes} /dev/zero | tr '\\0' 'x'; printf output-end`
|
||||||
const lineOverflowCommand = isWindows
|
|
||||||
? "[Console]::Out.Write('one' + [Environment]::NewLine + 'two' + [Environment]::NewLine + 'three')"
|
|
||||||
: "printf 'one\\ntwo\\nthree'"
|
|
||||||
const progressOverflowCommand = (bytes: number, release: string) =>
|
const progressOverflowCommand = (bytes: number, release: string) =>
|
||||||
isWindows
|
isWindows
|
||||||
? `[Console]::Out.Write(('x' * ${bytes})); while (!(Test-Path -LiteralPath '${release}')) { Start-Sleep -Milliseconds 50 }`
|
? `[Console]::Out.Write(('x' * ${bytes})); while (!(Test-Path -LiteralPath '${release}')) { Start-Sleep -Milliseconds 50 }`
|
||||||
@@ -481,7 +477,7 @@ describe("ShellTool", () => {
|
|||||||
Effect.promise(() => tmpdir()),
|
Effect.promise(() => tmpdir()),
|
||||||
(tmp) => {
|
(tmp) => {
|
||||||
reset()
|
reset()
|
||||||
const bytes = ToolOutput.MAX_BYTES + 1024
|
const bytes = ShellTool.MAX_CAPTURE_BYTES + 1024
|
||||||
return withSession(tmp.path, (registry) =>
|
return withSession(tmp.path, (registry) =>
|
||||||
executeTool(registry, call({ command: overflowCommand(bytes) }, "call-overflow")),
|
executeTool(registry, call({ command: overflowCommand(bytes) }, "call-overflow")),
|
||||||
).pipe(
|
).pipe(
|
||||||
@@ -505,33 +501,6 @@ describe("ShellTool", () => {
|
|||||||
{ timeout: 15_000 },
|
{ timeout: 15_000 },
|
||||||
)
|
)
|
||||||
|
|
||||||
it.live("uses configured line limits", () =>
|
|
||||||
Effect.acquireUseRelease(
|
|
||||||
Effect.promise(() => tmpdir()),
|
|
||||||
(tmp) => {
|
|
||||||
reset()
|
|
||||||
return Effect.gen(function* () {
|
|
||||||
yield* Effect.promise(() =>
|
|
||||||
Bun.write(
|
|
||||||
path.join(tmp.path, "opencode.json"),
|
|
||||||
JSON.stringify({ tool_output: { max_lines: 2, max_bytes: 1_000 } }),
|
|
||||||
),
|
|
||||||
)
|
|
||||||
const settled = yield* withSession(tmp.path, (registry) =>
|
|
||||||
executeTool(registry, call({ command: lineOverflowCommand }, "call-line-overflow")),
|
|
||||||
)
|
|
||||||
expect(settled.metadata).toMatchObject({ exit: 0, truncated: true })
|
|
||||||
const content = settled.content?.[0]
|
|
||||||
if (!content || content.type !== "text") throw new Error("Expected text content")
|
|
||||||
expect(content.text).not.toContain("one")
|
|
||||||
expect(content.text).toStartWith("two\nthree")
|
|
||||||
expect(content.text).toContain("output truncated; full output saved to:")
|
|
||||||
})
|
|
||||||
},
|
|
||||||
(tmp) => Effect.promise(() => tmp[Symbol.asyncDispose]().then(() => undefined)),
|
|
||||||
),
|
|
||||||
)
|
|
||||||
|
|
||||||
it.live(
|
it.live(
|
||||||
"reports the shell ID for a running command",
|
"reports the shell ID for a running command",
|
||||||
() =>
|
() =>
|
||||||
@@ -546,7 +515,7 @@ describe("ShellTool", () => {
|
|||||||
const observed = yield* Deferred.make<string>()
|
const observed = yield* Deferred.make<string>()
|
||||||
yield* executeTool(registry, {
|
yield* executeTool(registry, {
|
||||||
...call(
|
...call(
|
||||||
{ command: progressOverflowCommand(ToolOutput.MAX_BYTES + 1024, release) },
|
{ command: progressOverflowCommand(ShellTool.MAX_CAPTURE_BYTES + 1024, release) },
|
||||||
"call-progress",
|
"call-progress",
|
||||||
),
|
),
|
||||||
progress: (update) =>
|
progress: (update) =>
|
||||||
|
|||||||
Reference in New Issue
Block a user