openAgent

1import { createContext, useContext, type ParentProps, Show } from "solid-js"
2import { createStore } from "solid-js/store"
3import { useTheme } from "../context/theme"
4import { useTerminalDimensions } from "@opentui/solid"
5import { SplitBorder } from "./border"
6import { TextAttributes } from "@opentui/core"
7export type ToastOptions = {
8  title?: string
9  message: string
10  variant: "info" | "success" | "warning" | "error"
11  duration: number
12}
13type ToastInput = Omit<ToastOptions, "duration"> & { duration?: number }
14 
15export function Toast() {
16  const toast = useToast()
17  const { theme } = useTheme()
18  const dimensions = useTerminalDimensions()
19 
20  return (
21    <Show when={toast.currentToast}>
22      {(current) => (
23        <box
24          position="absolute"
25          justifyContent="center"
26          alignItems="flex-start"
27          top={2}
28          right={2}
29          maxWidth={Math.min(60, dimensions().width - 6)}
30          paddingLeft={2}
31          paddingRight={2}
32          paddingTop={1}
33          paddingBottom={1}
34          backgroundColor={theme.backgroundPanel}
35          borderColor={theme[current().variant]}
36          border={["left", "right"]}
37          customBorderChars={SplitBorder.customBorderChars}
38        >
39          <Show when={current().title}>
40            <text attributes={TextAttributes.BOLD} marginBottom={1} fg={theme.text}>
41              {current().title}
42            </text>
43          </Show>
44          <text fg={theme.text} wrapMode="word" width="100%">
45            {current().message}
46          </text>
47        </box>
48      )}
49    </Show>
50  )
51}
52 
53function init() {
54  const [store, setStore] = createStore({
55    currentToast: null as ToastOptions | null,
56  })
57 
58  let timeoutHandle: NodeJS.Timeout | null = null
59 
60  const toast = {
61    show(options: ToastInput) {
62      const toastOptions = { ...options, duration: options.duration ?? 5000 }
63      setStore("currentToast", toastOptions)
64      if (timeoutHandle) clearTimeout(timeoutHandle)
65      timeoutHandle = setTimeout(() => {
66        setStore("currentToast", null)
67      }, toastOptions.duration).unref()
68    },
69    error: (err: any) => {
70      if (err instanceof Error)
71        return toast.show({
72          variant: "error",
73          message: err.message,
74        })
75      toast.show({
76        variant: "error",
77        message: "An unknown error has occurred",
78      })
79    },
80    get currentToast(): ToastOptions | null {
81      return store.currentToast
82    },
83  }
84  return toast
85}
86 
87export type ToastContext = ReturnType<typeof init>
88 
89const ctx = createContext<ToastContext>()
90 
91export function ToastProvider(props: ParentProps) {
92  const value = init()
93  return <ctx.Provider value={value}>{props.children}</ctx.Provider>
94}
95 
96export function useToast() {
97  const value = useContext(ctx)
98  if (!value) {
99    throw new Error("useToast must be used within a ToastProvider")
100  }
101  return value
102}
103