import { useEffect, useState } from 'react'; import { invoke } from '@tauri-apps/api/tauri'; import Editor from './components/Editor/Editor'; import { HStack, VStack } from './components/Stacks'; import { Dropdown } from './components/Dropdown'; import { WindowDragRegion } from './components/WindowDragRegion'; import { IconButton } from './components/IconButton'; import { Sidebar } from './components/Sidebar'; import { UrlBar } from './components/UrlBar'; import { Grid } from './components/Grid'; import { motion } from 'framer-motion'; interface Response { url: string; method: string; body: string; status: string; elapsed: number; elapsed2: number; headers: Record; } function App() { const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [response, setResponse] = useState(null); const [url, setUrl] = useState('https://go-server.schier.dev/debug'); const [body, setBody] = useState(`{\n "foo": "bar"\n}`); const [method, setMethod] = useState<{ label: string; value: string }>({ label: 'GET', value: 'GET', }); async function sendRequest() { setLoading(true); setError(null); try { const resp = (await invoke('send_request', { method: method.value, url, body: body || undefined, })) as Response; if (resp.body.includes('')) { resp.body = resp.body.replace(//gi, ``); } setResponse(resp); } catch (err) { setError(`${err}`); } finally { setLoading(false); } } const contentType = response?.headers['content-type']?.split(';')[0] ?? 'text/plain'; useEffect(() => { const listener = async (e: KeyboardEvent) => { if (e.metaKey && (e.key === 'Enter' || e.key === 'r')) { await sendRequest(); } }; document.documentElement.addEventListener('keypress', listener); return () => document.documentElement.removeEventListener('keypress', listener); }, []); return ( <>

setResponse(null), disabled: !response, }, { label: 'Other Thing', }, ]} > {(response || error) && ( {error &&

{error}

} {response && ( <> {response.status} • {response.elapsed}ms • {response.elapsed2}ms {contentType.includes('html') ? (