style: a tiny change makes a huge difference (+1rem to border radius)

deps(update/auth): update authjs so that it works with nextjs 15

fix(ui/navbar): fix the hydration error

refactor: make container auth thing less sped, and middleware more granular

package.json

@@ -45,7 +45,7 @@
 		"input-otp": "^1.2.4",
 		"lucide-react": "^0.358.0",
 		"next": "15.0.2-canary.9",
-		"next-auth": "5.0.0-beta.18",
+		"next-auth": "5.0.0-beta.24",
 		"next-themes": "^0.3.0",
 		"node-loader": "^2.0.0",
 		"otplib": "^12.0.1",

src/app/api/container-auth/route.ts

@@ -11,7 +11,10 @@ export async function GET(req: NextRequest) {
 	if (req.nextUrl.hostname !== "localhost") {
 		return new Response("Unauthorized - IP does not match", { status: 401 });
 	}
-	const [{ Id }] = (await docker.listContainers()).filter((container) => container.Id.startsWith(containerId));
+	const { Id } = (await docker.listContainers()).find((container) => container.Id.startsWith(containerId)) || {};
+	if (!Id) {
+		return new Response("Unauthorized - ehh this aint supposed to happen: container not found", { status: 401 });
+	}
 	const [dbEntry] = await db
 		.select()
 		.from(session)

src/app/globals.css

@@ -24,7 +24,7 @@
         --destructive-foreground: 220 21.951% 91.961%;
         --ring: 233.793 16.022% 35.49%;
 
-        --radius: 0.5rem;
+        --radius: 1.5rem;
     }
 
     .dark {

src/components/navbar.tsx

@@ -2,14 +2,7 @@
 import packageJson from "@/../package.json";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import { Button } from "@/components/ui/button";
-import {
-	Dialog,
-	DialogContent,
-	DialogDescription,
-	DialogFooter,
-	DialogHeader,
-	DialogTitle,
-} from "@/components/ui/dialog";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog";
 import {
 	DropdownMenu,
 	DropdownMenuContent,
@@ -75,6 +68,10 @@ export default function Navigation({
 			name: "Next.js",
 			url: "https://nextjs.org/",
 		},
+		{
+			name: "Docker",
+			url: "https://www.docker.com/",
+		},
 		{
 			name: "noVNC",
 			url: "https://github.com/noVNC/noVNC",
@@ -120,7 +117,7 @@ export default function Navigation({
 							Stardust {packageJson.version}
 						</DialogTitle>
 					</DialogHeader>
-					<DialogDescription className="flex flex-col items-start justify-start gap-2 text-foreground">
+					<div className="flex flex-col items-start justify-start gap-2 text-foreground text-sm">
 						Stardust is the platform for streaming isolated desktop containers.
 						<br />
 						Stardust uses the following things in an important way:
@@ -200,7 +197,7 @@ export default function Navigation({
 								<TooltipContent>Spaceness</TooltipContent>
 							</Tooltip>
 						</DialogFooter>
-					</DialogDescription>
+					</div>
 				</DialogContent>
 			</Dialog>
 			<div className="flex justify-end">

src/middleware.ts

@@ -2,7 +2,7 @@ import { config as authConfig } from "@/lib/auth.config";
 import NextAuth from "next-auth";
 import { NextResponse } from "next/server";
 const { auth } = NextAuth(authConfig);
-const allowedPaths = ["/auth/login", "/auth/error", "/auth/verify", "/auth/signup"];
+const allowedPaths = ["/auth/login", "/auth/error", "/auth/verify", "/auth/signup", "/api/container-auth"];
 export const middleware = auth(async (req) => {
 	if (req.auth || allowedPaths.includes(req.nextUrl.pathname)) {
 		return NextResponse.next();
@@ -12,5 +12,5 @@ export const middleware = auth(async (req) => {
 	return NextResponse.redirect(url);
 });
 export const config = {
-	matcher: ["/((?!_next/static|_next/image|icon.svg|websockify|api/container-auth|api/auth|manifest.webmanifest).*)"],
+	matcher: ["/((?!_next/static|_next/image|icon.svg|websockify|api/auth|manifest.webmanifest).*)"],
 };