auto session deletion, other changes:

* use onClick and also show errors in session creation
* make api routes less lame
* add loading UI
* remove background, go plain
* nicer console logs
and other changes that I do not remember at the time of writing this commit

next.config.mjs

@@ -1,7 +1,6 @@
 // @ts-check
-import { verifyPatch } from "next-ws/server/index.js";
-
-verifyPatch();
+import { execSync } from "node:child_process";
+await import("next-ws/server/index.js").then((m) => m.verifyPatch());
 /** @type {import('next').NextConfig} */
 const nextConfig = {
 	images: {
@@ -14,8 +13,13 @@ const nextConfig = {
 			},
 		],
 	},
+	env: {
+		GIT_COMMIT: execSync("git rev-parse HEAD").toString().trim(),
+		BUILD_DATE: Date.now().toString(),
+	},
 	experimental: {
 		typedRoutes: true,
+		instrumentationHook: true,
 		serverActions: {
 			allowedOrigins: ["localhost:3000", "*.use.devtunnels.ms"],
 		},

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "stardust",
-	"version": "0.1.0",
+	"version": "0.5.0-alpha",
 	"private": true,
 	"type": "module",
 	"scripts": {
@@ -39,7 +39,7 @@
 		"dotenv": "^16.4.5",
 		"drizzle-orm": "^0.30.4",
 		"lucide-react": "^0.358.0",
-		"next": "14.2.2",
+		"next": "14.2.3",
 		"next-auth": "4.24.7",
 		"next-themes": "^0.3.0",
 		"next-ws": "^1.0.1",

src/app/(main)/error.tsx

@@ -2,10 +2,9 @@
 
 import { Button } from "@/components/ui/button";
 import { Sparkles } from "lucide-react";
-// biome-ignore lint: lint/suspicious/noShadowRestrictedNames
-export default function Error({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
+export default function ErrorPage({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
 	return (
-		<div className="flex h-full flex-col items-center justify-center backdrop-blur-sm backdrop-brightness-75">
+		<div className="flex h-full flex-col items-center justify-center">
 			<div className="flex h-[32rem] w-96 flex-col items-center justify-center gap-4">
 				<div className="mb-4 flex items-center justify-center text-left text-2xl font-bold">
 					<Sparkles />
@@ -14,16 +13,14 @@ export default function Error({ error, reset }: { error: Error & { digest?: stri
 				<p className="text-center text-6xl font-bold text-primary">Error</p>
 				<div className="flex flex-col items-center justify-center gap-4">
 					<p className="text-center">Stardust has encountered an error</p>
-					<p className="text-center">Digest: {error.digest ?? "null"}</p>
+					<p className="text-center">Digest: {error.digest ?? "none"}</p>
 					{error.message ? (
 						<code className="text-center text-lg font-bold text-destructive">{error.message}</code>
 					) : null}
 					<Button className="text-center" onClick={reset}>
 						Reset
 					</Button>
-					<p className="text-xs text-muted-foreground">
-						More details are in the {typeof window === "undefined" ? "server logs" : "browser console"}
-					</p>
+					<p className="text-xs text-muted-foreground">More details are in the logs</p>
 				</div>
 			</div>
 		</div>