an appview-less Bluesky client using Constellation and PDS Queries
reddwarf.app
whey.party
frontend
spa
bluesky
reddwarf
microcosm
1import { StrictMode } from "react";
2import ReactDOM from "react-dom/client";
3import { RouterProvider, createRouter } from "@tanstack/react-router";
4
5// Import the generated route tree
6import { routeTree } from "./routeTree.gen";
7
8import "~/styles/app.css";
9import reportWebVitals from "./reportWebVitals.ts";
10
11// Create a new router instance
12const router = createRouter({
13 routeTree,
14 context: {},
15 defaultPreload: "intent",
16 scrollRestoration: true,
17 defaultStructuralSharing: true,
18 defaultPreloadStaleTime: 0,
19});
20
21// Register the router instance for type safety
22declare module "@tanstack/react-router" {
23 interface Register {
24 router: typeof router;
25 }
26}
27
28// Render the app
29const rootElement = document.getElementById("app");
30if (rootElement && !rootElement.innerHTML) {
31 const root = ReactDOM.createRoot(rootElement);
32 root.render(
33 // double queries annoys me
34 <StrictMode>
35 <RouterProvider router={router} />
36 </StrictMode>
37 );
38}
39
40// If you want to start measuring performance in your app, pass a function
41// to log results (for example: reportWebVitals(console.log))
42// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
43reportWebVitals();