From 34ff87d504836ff71b3bb2d466842c00ee3c5ec2 Mon Sep 17 00:00:00 2001 From: GitHub Action Date: Sat, 8 Nov 2025 01:59:02 +0000 Subject: chore: format code --- packages/web/src/components/Share.tsx | 46 ++------- packages/web/src/components/icons/index.tsx | 9 +- packages/web/src/components/share/common.tsx | 7 +- packages/web/src/components/share/content-code.tsx | 6 +- packages/web/src/components/share/content-diff.tsx | 20 +--- packages/web/src/components/share/copy-button.tsx | 6 +- packages/web/src/components/share/part.tsx | 115 ++++----------------- packages/web/src/content/docs/rules.mdx | 6 +- 8 files changed, 38 insertions(+), 177 deletions(-) (limited to 'packages/web/src') diff --git a/packages/web/src/components/Share.tsx b/packages/web/src/components/Share.tsx index 486b6e44b..062449712 100644 --- a/packages/web/src/components/Share.tsx +++ b/packages/web/src/components/Share.tsx @@ -1,14 +1,4 @@ -import { - For, - Show, - onMount, - Suspense, - onCleanup, - createMemo, - createSignal, - SuspenseList, - createEffect, -} from "solid-js" +import { For, Show, onMount, Suspense, onCleanup, createMemo, createSignal, SuspenseList, createEffect } from "solid-js" import { DateTime } from "luxon" import { createStore, reconcile, unwrap } from "solid-js/store" import { IconArrowDown } from "./icons" @@ -76,13 +66,8 @@ export default function Share(props: { id: string; api: string; info: Session.In }, messages: {}, }) - const messages = createMemo(() => - Object.values(store.messages).toSorted((a, b) => a.id?.localeCompare(b.id)), - ) - const [connectionStatus, setConnectionStatus] = createSignal<[Status, string?]>([ - "disconnected", - "Disconnected", - ]) + const messages = createMemo(() => Object.values(store.messages).toSorted((a, b) => a.id?.localeCompare(b.id))) + const [connectionStatus, setConnectionStatus] = createSignal<[Status, string?]>(["disconnected", "Disconnected"]) createEffect(() => { console.log(unwrap(store)) }) @@ -345,9 +330,7 @@ export default function Share(props: { id: string; api: string; info: Session.In
{DateTime.fromMillis(data().created || 0).toLocaleString(DateTime.DATETIME_MED)}
@@ -369,10 +352,7 @@ export default function Share(props: { id: string; api: string; info: Session.In if (x.type === "text" && x.synthetic === true) return false if (x.type === "tool" && x.tool === "todoread") return false if (x.type === "text" && !x.text) return false - if ( - x.type === "tool" && - (x.state.status === "pending" || x.state.status === "running") - ) + if (x.type === "tool" && (x.state.status === "pending" || x.state.status === "running")) return false return true }), @@ -384,8 +364,7 @@ export default function Share(props: { id: string; api: string; info: Session.In {(part, partIndex) => { const last = createMemo( () => - data().messages.length === msgIndex() + 1 && - filteredParts().length === partIndex() + 1, + data().messages.length === msgIndex() + 1 && filteredParts().length === partIndex() + 1, ) onMount(() => { @@ -402,9 +381,7 @@ export default function Share(props: { id: string; api: string; info: Session.In } }) - return ( - - ) + return }} @@ -429,11 +406,7 @@ export default function Share(props: { id: string; api: string; info: Session.In
  • Input Tokens - {data().tokens.input ? ( - {data().tokens.input} - ) : ( - - )} + {data().tokens.input ? {data().tokens.input} : }
  • Output Tokens @@ -587,8 +560,7 @@ export function fromV1(v1: Message.Info): MessageWithParts { } } - const { title, time, ...metadata } = - v1.metadata.tool[part.toolInvocation.toolCallId] + const { title, time, ...metadata } = v1.metadata.tool[part.toolInvocation.toolCallId] if (part.toolInvocation.state === "call") { return { status: "running", diff --git a/packages/web/src/components/icons/index.tsx b/packages/web/src/components/icons/index.tsx index 9aef7a927..62445611f 100644 --- a/packages/web/src/components/icons/index.tsx +++ b/packages/web/src/components/icons/index.tsx @@ -4418,14 +4418,7 @@ export function IconMultiSelect(props: JSX.SvgSVGAttributes) { } export function IconSettings(props: JSX.SvgSVGAttributes) { return ( - + +
    { diff --git a/packages/web/src/components/share/content-code.tsx b/packages/web/src/components/share/content-code.tsx index 0f9d28fa3..2f383b8be 100644 --- a/packages/web/src/components/share/content-code.tsx +++ b/packages/web/src/components/share/content-code.tsx @@ -26,11 +26,7 @@ export function ContentCode(props: Props) { ) return ( -
    +
    ) } diff --git a/packages/web/src/components/share/content-diff.tsx b/packages/web/src/components/share/content-diff.tsx index 79c2723cb..9ccd554d0 100644 --- a/packages/web/src/components/share/content-diff.tsx +++ b/packages/web/src/components/share/content-diff.tsx @@ -124,9 +124,7 @@ export function ContentDiff(props: Props) { // Collect consecutive modified/removed/added rows while ( i < currentRows.length && - (currentRows[i].type === "modified" || - currentRows[i].type === "removed" || - currentRows[i].type === "added") + (currentRows[i].type === "modified" || currentRows[i].type === "removed" || currentRows[i].type === "added") ) { const row = currentRows[i] if (row.left && (row.type === "removed" || row.type === "modified")) { @@ -164,16 +162,10 @@ export function ContentDiff(props: Props) {
    {rows().map((r) => (
    -
    +
    -
    +
    @@ -184,11 +176,7 @@ export function ContentDiff(props: Props) { {mobileRows().map((block) => (
    {block.lines.map((line) => ( -
    +
    ))} diff --git a/packages/web/src/components/share/copy-button.tsx b/packages/web/src/components/share/copy-button.tsx index 6f51bb4d8..892d5553f 100644 --- a/packages/web/src/components/share/copy-button.tsx +++ b/packages/web/src/components/share/copy-button.tsx @@ -21,11 +21,7 @@ export function CopyButton(props: CopyButtonProps) { return (
    ) diff --git a/packages/web/src/components/share/part.tsx b/packages/web/src/components/share/part.tsx index 6ad18273b..f7a6a9304 100644 --- a/packages/web/src/components/share/part.tsx +++ b/packages/web/src/components/share/part.tsx @@ -1,15 +1,6 @@ import map from "lang-map" import { DateTime } from "luxon" -import { - For, - Show, - Match, - Switch, - type JSX, - createMemo, - createSignal, - type ParentProps, -} from "solid-js" +import { For, Show, Match, Switch, type JSX, createMemo, createSignal, type ParentProps } from "solid-js" import { IconHashtag, IconSparkles, @@ -28,14 +19,7 @@ import { IconMagnifyingGlass, IconDocumentMagnifyingGlass, } from "../icons" -import { - IconMeta, - IconRobot, - IconOpenAI, - IconGemini, - IconAnthropic, - IconBrain, -} from "../icons/custom" +import { IconMeta, IconRobot, IconOpenAI, IconGemini, IconAnthropic, IconBrain } from "../icons/custom" import { ContentCode } from "./content-code" import { ContentDiff } from "./content-diff" import { ContentText } from "./content-text" @@ -95,11 +79,7 @@ export function Part(props: PartProps) { {(model) => } @@ -167,9 +147,7 @@ export function Part(props: PartProps) { DateTime.DATETIME_FULL_WITH_SECONDS, )} > - {DateTime.fromMillis(props.message.time.completed).toLocaleString( - DateTime.DATETIME_MED, - )} + {DateTime.fromMillis(props.message.time.completed).toLocaleString(DateTime.DATETIME_MED)} )}
    @@ -365,10 +343,7 @@ function getShikiLang(filename: string) { return type ? (overrides[type] ?? type) : "plaintext" } -function getDiagnostics( - diagnosticsByFile: Record, - currentFile: string, -): JSX.Element[] { +function getDiagnostics(diagnosticsByFile: Record, currentFile: string): JSX.Element[] { const result: JSX.Element[] = [] if (diagnosticsByFile === undefined || diagnosticsByFile[currentFile] === undefined) return result @@ -422,9 +397,7 @@ export function TodoWriteTool(props: ToolProps) { completed: 2, } const todos = createMemo(() => - ((props.state.input?.todos ?? []) as Todo[]) - .slice() - .sort((a, b) => priority[a.status] - priority[b.status]), + ((props.state.input?.todos ?? []) as Todo[]).slice().sort((a, b) => priority[a.status] - priority[b.status]), ) const starting = () => todos().every((t: Todo) => t.status === "pending") const finished = () => todos().every((t: Todo) => t.status === "completed") @@ -466,23 +439,13 @@ export function GrepTool(props: ToolProps) { 0}> - +
    @@ -542,9 +505,7 @@ export function WebFetchTool(props: ToolProps) { } export function ReadTool(props: ToolProps) { - const filePath = createMemo(() => - stripWorkingDirectory(props.state.input?.filePath, props.message.path.cwd), - ) + const filePath = createMemo(() => stripWorkingDirectory(props.state.input?.filePath, props.message.path.cwd)) return ( <> @@ -561,10 +522,7 @@ export function ReadTool(props: ToolProps) { - + @@ -579,12 +537,8 @@ export function ReadTool(props: ToolProps) { } export function WriteTool(props: ToolProps) { - const filePath = createMemo(() => - stripWorkingDirectory(props.state.input?.filePath, props.message.path.cwd), - ) - const diagnostics = createMemo(() => - getDiagnostics(props.state.metadata?.diagnostics, props.state.input.filePath), - ) + const filePath = createMemo(() => stripWorkingDirectory(props.state.input?.filePath, props.message.path.cwd)) + const diagnostics = createMemo(() => getDiagnostics(props.state.metadata?.diagnostics, props.state.input.filePath)) return ( <> @@ -604,10 +558,7 @@ export function WriteTool(props: ToolProps) { - + @@ -617,12 +568,8 @@ export function WriteTool(props: ToolProps) { } export function EditTool(props: ToolProps) { - const filePath = createMemo(() => - stripWorkingDirectory(props.state.input.filePath, props.message.path.cwd), - ) - const diagnostics = createMemo(() => - getDiagnostics(props.state.metadata?.diagnostics, props.state.input.filePath), - ) + const filePath = createMemo(() => stripWorkingDirectory(props.state.input.filePath, props.message.path.cwd)) + const diagnostics = createMemo(() => getDiagnostics(props.state.metadata?.diagnostics, props.state.input.filePath)) return ( <> @@ -639,10 +586,7 @@ export function EditTool(props: ToolProps) {
    - +
    @@ -675,11 +619,7 @@ export function GlobTool(props: ToolProps) { 0}>
    @@ -702,12 +642,7 @@ function ResultsButton(props: ResultsButtonProps) { return ( <> -