feat(frontends): added vite and docusorus into the games

2026-02-18 12:11:51 -06:00
parent 23c000fa7f
commit 76503f558b
72 changed files with 26865 additions and 0 deletions
--- a/frontend/src/routes/__root.tsx
+++ b/frontend/src/routes/__root.tsx
@@ -0,0 +1,74 @@
+import {
+  HeadContent,
+  Scripts,
+  createRootRouteWithContext,
+} from '@tanstack/react-router'
+import { TanStackRouterDevtoolsPanel } from '@tanstack/react-router-devtools'
+import { TanStackDevtools } from '@tanstack/react-devtools'
+
+import Header from '../components/Header'
+
+import TanStackQueryProvider from '../integrations/tanstack-query/root-provider'
+
+import TanStackQueryDevtools from '../integrations/tanstack-query/devtools'
+
+import appCss from '../styles.css?url'
+
+import type { QueryClient } from '@tanstack/react-query'
+
+interface MyRouterContext {
+  queryClient: QueryClient
+}
+
+export const Route = createRootRouteWithContext<MyRouterContext>()({
+  head: () => ({
+    meta: [
+      {
+        charSet: 'utf-8',
+      },
+      {
+        name: 'viewport',
+        content: 'width=device-width, initial-scale=1',
+      },
+      {
+        title: 'TanStack Start Starter',
+      },
+    ],
+    links: [
+      {
+        rel: 'stylesheet',
+        href: appCss,
+      },
+    ],
+  }),
+  shellComponent: RootDocument,
+})
+
+function RootDocument({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <head>
+        <HeadContent />
+      </head>
+      <body>
+        <TanStackQueryProvider>
+          <Header />
+          {children}
+          <TanStackDevtools
+            config={{
+              position: 'bottom-right',
+            }}
+            plugins={[
+              {
+                name: 'Tanstack Router',
+                render: <TanStackRouterDevtoolsPanel />,
+              },
+              TanStackQueryDevtools,
+            ]}
+          />
+        </TanStackQueryProvider>
+        <Scripts />
+      </body>
+    </html>
+  )
+}
--- a/frontend/src/routes/api/auth/$.ts
+++ b/frontend/src/routes/api/auth/$.ts
@@ -0,0 +1,11 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { auth } from '#/lib/auth'
+
+export const Route = createFileRoute('/api/auth/$')({
+  server: {
+    handlers: {
+      GET: ({ request }) => auth.handler(request),
+      POST: ({ request }) => auth.handler(request),
+    },
+  },
+})
--- a/frontend/src/routes/index.tsx
+++ b/frontend/src/routes/index.tsx
@@ -0,0 +1,58 @@
+import { createFileRoute } from "@tanstack/react-router";
+import {
+	Route as RouteIcon,
+	Server,
+	Shield,
+	Sparkles,
+	Waves,
+	Zap,
+} from "lucide-react";
+
+export const Route = createFileRoute("/")({ component: App });
+
+function App() {
+	const features = [
+		{
+			icon: <Zap className="w-12 h-12 text-cyan-400" />,
+			title: "Powerful Server Functions",
+			description:
+				"Write server-side code that seamlessly integrates with your client components. Type-safe, secure, and simple.",
+		},
+		{
+			icon: <Server className="w-12 h-12 text-cyan-400" />,
+			title: "Flexible Server Side Rendering",
+			description:
+				"Full-document SSR, streaming, and progressive enhancement out of the box. Control exactly what renders where.",
+		},
+		{
+			icon: <RouteIcon className="w-12 h-12 text-cyan-400" />,
+			title: "API Routes",
+			description:
+				"Build type-safe API endpoints alongside your application. No separate backend needed.",
+		},
+		{
+			icon: <Shield className="w-12 h-12 text-cyan-400" />,
+			title: "Strongly Typed Everything",
+			description:
+				"End-to-end type safety from server to client. Catch errors before they reach production.",
+		},
+		{
+			icon: <Waves className="w-12 h-12 text-cyan-400" />,
+			title: "Full Streaming Support",
+			description:
+				"Stream data from server to client progressively. Perfect for AI applications and real-time updates.",
+		},
+		{
+			icon: <Sparkles className="w-12 h-12 text-cyan-400" />,
+			title: "Next Generation Ready",
+			description:
+				"Built from the ground up for modern web applications. Deploy anywhere JavaScript runs.",
+		},
+	];
+
+	return (
+		<div className="min-h-screen bg-gradient-to-b from-slate-900 via-slate-800 to-slate-900">
+			<h1>Just a place for a guy to hang out</h1>
+		</div>
+	);
+}