mirrors/opencode
1
0
Fork 0
mirror of https://github.com/sst/opencode.git synced 2025-12-23 10:11:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

fix(desktop): perf stuff

Browse source
This commit is contained in:
Adam 2025-12-19 15:11:42 -06:00
parent 742cf10dee
commit 26cf5e003e
No known key found for this signature in database
GPG key ID: 9CB48779AF150E75
5 changed files with 12 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

9
packages/ui/src/components/basic-tool.tsx
View file

@ -1,4 +1,4 @@
import { children, For, Match, Show, Switch, type JSX } from "solid-js"
import { For, Match, Show, Switch, type JSX } from "solid-js"
import { Collapsible } from "./collapsible"
import { Icon, IconProps } from "./icon"
@ -27,7 +27,6 @@ export interface BasicToolProps {
}
export function BasicTool(props: BasicToolProps) {
const resolved = children(() => props.children)
return (
<Collapsible defaultOpen={props.defaultOpen}>
<Collapsible.Trigger>
@ -81,13 +80,13 @@ export function BasicTool(props: BasicToolProps) {
</Switch>
</div>
</div>
<Show when={resolved() && !props.hideDetails}>
<Show when={props.children && !props.hideDetails}>
<Collapsible.Arrow />
</Show>
</div>
</Collapsible.Trigger>
<Show when={resolved() && !props.hideDetails}>
<Collapsible.Content>{resolved()}</Collapsible.Content>
<Show when={props.children && !props.hideDetails}>
<Collapsible.Content>{props.children}</Collapsible.Content>
</Show>
</Collapsible>
)

7
packages/ui/src/components/checkbox.tsx
View file

@ -1,5 +1,5 @@
import { Checkbox as Kobalte } from "@kobalte/core/checkbox"
import { children, Show, splitProps } from "solid-js"
import { Show, splitProps } from "solid-js"
import type { ComponentProps, JSX, ParentProps } from "solid-js"
export interface CheckboxProps extends ParentProps<ComponentProps<typeof Kobalte>> {
@ -10,7 +10,6 @@ export interface CheckboxProps extends ParentProps<ComponentProps<typeof Kobalte
export function Checkbox(props: CheckboxProps) {
const [local, others] = splitProps(props, ["children", "class", "label", "hideLabel", "description", "icon"])
const resolved = children(() => local.children)
return (
<Kobalte {...others} data-component="checkbox">
<Kobalte.Input data-slot="checkbox-checkbox-input" />
@ -29,9 +28,9 @@ export function Checkbox(props: CheckboxProps) {
</Kobalte.Indicator>
</Kobalte.Control>
<div data-slot="checkbox-checkbox-content">
<Show when={resolved()}>
<Show when={props.children}>
<Kobalte.Label data-slot="checkbox-checkbox-label" classList={{ "sr-only": local.hideLabel }}>
{resolved()}
{props.children}
</Kobalte.Label>
</Show>
<Show when={local.description}>

1
packages/ui/src/components/code.css
View file

@ -1,3 +1,4 @@
[data-component="code"] {
content-visibility: auto;
overflow: hidden;
}

2
packages/ui/src/components/diff.css
View file

@ -1,5 +1,5 @@
[data-component="diff"] {
contain: content;
content-visibility: auto;
[data-slot="diff-hunk-separator-line-number"] {
position: sticky;

7
packages/ui/src/components/switch.tsx
View file

@ -1,5 +1,5 @@
import { Switch as Kobalte } from "@kobalte/core/switch"
import { children, Show, splitProps } from "solid-js"
import { Show, splitProps } from "solid-js"
import type { ComponentProps, ParentProps } from "solid-js"
export interface SwitchProps extends ParentProps<ComponentProps<typeof Kobalte>> {
@ -9,13 +9,12 @@ export interface SwitchProps extends ParentProps<ComponentProps<typeof Kobalte>>
export function Switch(props: SwitchProps) {
const [local, others] = splitProps(props, ["children", "class", "hideLabel", "description"])
const resolved = children(() => local.children)
return (
<Kobalte {...others} data-component="switch">
<Kobalte.Input data-slot="switch-input" />
<Show when={resolved()}>
<Show when={local.children}>
<Kobalte.Label data-slot="switch-label" classList={{ "sr-only": local.hideLabel }}>
{resolved()}
{local.children}
</Kobalte.Label>
</Show>
<Show when={local.description}>