aljaz/opencode
1
0
Fork 0
mirror of https://github.com/aljazceru/opencode.git synced 2025-12-22 10:14:22 +01:00
Code Issues Packages Projects Releases Wiki Activity

share page fetch

Browse Source
This commit is contained in:
Jay V
2025-06-05 14:17:38 -04:00
parent 167aea6aaf
commit 1384a5e3e6
2 changed files with 79 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
packages/web/src/components/Share.tsx
View File

@@ -16,6 +16,7 @@ import { IconOpenAI, IconGemini, IconAnthropic } from "./icons/custom"
import {
IconCpuChip,
IconSparkles,
IconGlobeAlt,
IconQueueList,
IconUserCircle,
IconChevronDown,
@@ -1283,6 +1284,78 @@ export default function Share(props: { api: string }) {
)
}}
</Match>
{/* Fetch tool */}
<Match
when={
msg.role === "assistant" &&
part.type === "tool-invocation" &&
part.toolInvocation.toolName === "opencode_webfetch" &&
part
}
>
{(part) => {
const metadata = createMemo(() => msg.metadata?.tool[part().toolInvocation.toolCallId])
const args = part().toolInvocation.args
const url = args.url
const format = args.format
const hasError = metadata()?.error
const result = part().toolInvocation.state === "result" && part().toolInvocation.result
const duration = createMemo(() =>
DateTime.fromMillis(metadata()?.time.end || 0).diff(
DateTime.fromMillis(metadata()?.time.start || 0),
).toMillis(),
)
return (
<div data-section="part" data-part-type="tool-fetch">
<div data-section="decoration">
<div title="Web fetch">
<IconGlobeAlt width={18} height={18} />
</div>
<div></div>
</div>
<div data-section="content">
<div data-part-tool-body>
<span data-part-title data-size="md">
<span data-element-label>Fetch</span>
<b>{url}</b>
</span>
<Switch>
<Match when={hasError}>
<div data-part-tool-result>
<TextPart
expand
text={result}
data-size="sm"
data-color="dimmed"
/>
</div>
</Match>
<Match when={result}>
<div data-part-tool-result>
<ResultsButton
results={results()}
onClick={() => showResults((e) => !e)}
/>
<Show when={results()}>
<div data-part-tool-code>
<CodeBlock
lang={format || "text"}
code={result}
/>
</div>
</Show>
</div>
</Match>
</Switch>
</div>
<ToolFooter time={duration()} />
</div>
</div>
)
}}
</Match>
{/* Tool call */}
<Match
when={