mirror of
https://github.com/Sea-Haven-Industries/open-swe.git
synced 2026-09-30 09:13:14 +00:00
02cfdbda5b
* feat: make UI installable as a PWA Co-authored-by: open-swe[bot] <215916821+open-swe[bot]@users.noreply.github.com> * fix(pwa): address review feedback - Regenerate bun.lock for new PWA deps (Vercel builds with bun). - Switch SW to prompt registration so deploys don't reload tabs mid-run. - Remove orphaned public/manifest.json; app links the generated /manifest.webmanifest. - Drop json from workbox globPatterns to avoid precaching stray JSON. Verified bun build emits sw.js, manifest.webmanifest, and precaches _shell.html. * fix(pwa): bun.lock, prompt SW registration, tighten globPatterns - Regenerate bun.lock for new PWA deps (Vercel builds with bun). - Switch SW to prompt registration so deploys don't reload tabs mid-run. - Drop json from workbox globPatterns to avoid precaching stray JSON. Verified bun build emits sw.js, manifest.webmanifest, and precaches _shell.html. --------- Co-authored-by: open-swe[bot] <215916821+open-swe[bot]@users.noreply.github.com>
67 lines
1.9 KiB
TypeScript
67 lines
1.9 KiB
TypeScript
import {
|
|
HeadContent,
|
|
Outlet,
|
|
Scripts,
|
|
createRootRoute,
|
|
} from "@tanstack/react-router"
|
|
import { TanStackRouterDevtoolsPanel } from "@tanstack/react-router-devtools"
|
|
import { TanStackDevtools } from "@tanstack/react-devtools"
|
|
import { QueryClientProvider } from "@tanstack/react-query"
|
|
import { ReactQueryDevtools } from "@tanstack/react-query-devtools"
|
|
import { useState } from "react"
|
|
|
|
import appCss from "../styles.css?url"
|
|
import { makeQueryClient } from "@/lib/query"
|
|
|
|
export const Route = createRootRoute({
|
|
head: () => ({
|
|
meta: [
|
|
{ charSet: "utf-8" },
|
|
{ name: "viewport", content: "width=device-width, initial-scale=1" },
|
|
{ name: "theme-color", content: "#000000" },
|
|
{ title: "open-swe" },
|
|
],
|
|
links: [
|
|
{ rel: "stylesheet", href: appCss },
|
|
{ rel: "manifest", href: "/manifest.webmanifest" },
|
|
{ rel: "icon", type: "image/png", href: "/favicon.png" },
|
|
{ rel: "apple-touch-icon", href: "/apple-touch-icon.png" },
|
|
],
|
|
}),
|
|
notFoundComponent: () => (
|
|
<main className="container mx-auto p-4 pt-16">
|
|
<h1 className="text-2xl font-medium">404</h1>
|
|
<p className="text-muted-foreground">
|
|
The requested page could not be found.
|
|
</p>
|
|
</main>
|
|
),
|
|
shellComponent: RootDocument,
|
|
})
|
|
|
|
function RootDocument({ children }: { children: React.ReactNode }) {
|
|
const [queryClient] = useState(() => makeQueryClient())
|
|
return (
|
|
<html lang="en">
|
|
<head>
|
|
<HeadContent />
|
|
</head>
|
|
<body>
|
|
<QueryClientProvider client={queryClient}>
|
|
{children ?? <Outlet />}
|
|
<TanStackDevtools
|
|
config={{ position: "bottom-right" }}
|
|
plugins={[
|
|
{
|
|
name: "Tanstack Router",
|
|
render: <TanStackRouterDevtoolsPanel />,
|
|
},
|
|
]}
|
|
/>
|
|
<ReactQueryDevtools initialIsOpen={false} />
|
|
</QueryClientProvider>
|
|
<Scripts />
|
|
</body>
|
|
</html>
|
|
)
|
|
}
|