Initial commit

src/renderer/main.tsx

@@ -0,0 +1,65 @@
+import { StrictMode } from 'react';
+import ReactDOM from 'react-dom/client';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { loggerLink } from '@trpc/client';
+import { ipcLink } from 'electron-trpc/renderer';
+import superjson from 'superjson';
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
+import { getQueryKey } from '@trpc/react-query';
+import log from 'electron-log/renderer';
+
+import { api } from './utils/api';
+import App from './App';
+import ErrorBoundary from './ErrorBoundary';
+
+import './index.css';
+
+window.addEventListener('error', e => {
+	log.error('Uncaught error:', e.error ?? e.message, e.filename, e.lineno);
+});
+window.addEventListener('unhandledrejection', e => {
+	log.error('Unhandled promise rejection:', e.reason);
+});
+
+export const queryClient = new QueryClient({
+	defaultOptions: {
+		queries: {
+			retry: false,
+			refetchOnWindowFocus: false,
+			staleTime: Infinity
+		}
+	}
+});
+
+queryClient.setMutationDefaults(getQueryKey(api.preferences.set), {
+	onSuccess: v =>
+		queryClient.setQueryData(
+			getQueryKey(api.preferences.get, undefined, 'query'),
+			v
+		)
+});
+
+const trpcClient = api.createClient({
+	transformer: superjson,
+	links: [
+		loggerLink({
+			enabled: opts =>
+				process.env.NODE_ENV === 'development' ||
+				(opts.direction === 'down' && opts.result instanceof Error)
+		}),
+		ipcLink()
+	]
+});
+
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
+	<StrictMode>
+		<ErrorBoundary>
+			<api.Provider client={trpcClient} queryClient={queryClient}>
+				<QueryClientProvider client={queryClient}>
+					<App />
+					{import.meta.env.DEV && <ReactQueryDevtools />}
+				</QueryClientProvider>
+			</api.Provider>
+		</ErrorBoundary>
+	</StrictMode>
+);