edb/oldeneuf
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: edb:6cec9f506a651369c0f279d83f2cf6f67bdcc6bb
Branches Tags
edb:main
..
compare: edb:main
Branches Tags
edb:main

5 Commits
6cec9f506a ... main

Author SHA1 Message Date
Jonas Braathen
edc1826a7d back to tunneling port 3000 2025-08-11 23:36:28 +02:00
Jonas Braathen
43a99d7e77 even better styling 2025-08-11 23:34:44 +02:00
Jonas Braathen
f60cade344 track id check events 2025-08-11 02:35:32 +02:00
Jonas Braathen
bb1505a463 standalone next build 2025-08-11 02:05:52 +02:00
Jonas Braathen
48ca910f83 fix build errors 2025-08-11 02:04:12 +02:00
10 changed files with 62 additions and 43 deletions
Expand all files Collapse all files

2
next.config.ts
View File

@@ -1,7 +1,7 @@
import type { NextConfig } from "next"; import type { NextConfig } from "next";
const nextConfig: NextConfig = { const nextConfig: NextConfig = {
/* config options here */ output: "standalone",
}; };
export default nextConfig; export default nextConfig;

6
src/app/api/login/route.ts
View File

@@ -6,10 +6,7 @@ export async function POST(req: NextRequest) {
const { password } = await req.json(); const { password } = await req.json();
if (password !== process.env.PASSWORD) { if (password !== process.env.PASSWORD) {
return NextResponse.json( return NextResponse.json({ error: "Invalid password" }, { status: 401 });
{ error: "Invalid password" },
{ status: 401 }
);
} }
const session = await getSession(); const session = await getSession();
@@ -18,6 +15,7 @@ export async function POST(req: NextRequest) {
return NextResponse.json({ success: true }); return NextResponse.json({ success: true });
} catch (error) { } catch (error) {
console.error(error);
return NextResponse.json( return NextResponse.json(
{ error: "Authentication failed" }, { error: "Authentication failed" },
{ status: 500 } { status: 500 }

7
src/app/api/logout/route.ts
View File

@@ -8,10 +8,7 @@ export async function POST(req: NextRequest) {
return NextResponse.json({ success: true }); return NextResponse.json({ success: true });
} catch (error) { } catch (error) {
return NextResponse.json( console.error(error);
{ error: "Logout failed" }, return NextResponse.json({ error: "Logout failed" }, { status: 500 });
{ status: 500 }
);
} }
} }
}

15
src/app/api/lookup/route.ts
View File

@@ -68,10 +68,7 @@ export async function POST(req: NextRequest) {
sessionOptions sessionOptions
); );
if (!session.authenticated) { if (!session.authenticated) {
return NextResponse.json( return NextResponse.json({ error: "Not authenticated" }, { status: 401 });
{ error: "Not authenticated" },
{ status: 401 }
);
} }
const token = await fetchOidcToken(); const token = await fetchOidcToken();
@@ -81,7 +78,7 @@ export async function POST(req: NextRequest) {
const sessionUrl = apiBase + "/api/merchant/session"; const sessionUrl = apiBase + "/api/merchant/session";
// parse sessionId from request body, handle missing/invalid JSON // parse sessionId from request body, handle missing/invalid JSON
let body: any; let body: { sessionId?: unknown } | undefined;
try { try {
body = await req.json(); body = await req.json();
} catch { } catch {
@@ -124,7 +121,11 @@ export async function POST(req: NextRequest) {
{ status: 500 } { status: 500 }
); );
} }
} catch (err: any) { } catch (error) {
return NextResponse.json({ error: err.message }, { status: 500 }); console.error(error);
return NextResponse.json(
{ error: "An unexpected error occurred" },
{ status: 500 }
);
} }
} }

1
src/app/api/session/route.ts
View File

@@ -8,6 +8,7 @@ export async function GET() {
return NextResponse.json({ authenticated: isAuthenticated }); return NextResponse.json({ authenticated: isAuthenticated });
} catch (error) { } catch (error) {
console.error(error)
return NextResponse.json({ authenticated: false }); return NextResponse.json({ authenticated: false });
} }
} }

2
src/app/globals.css
View File

@@ -29,5 +29,5 @@
body { body {
background: var(--background); background: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: Arial, Helvetica, sans-serif; font-family: var(--font-geist-sans), Arial, Helvetica, sans-serif;
} }

9
src/app/layout.tsx
View File

@@ -24,6 +24,15 @@ export default function RootLayout({
}>) { }>) {
return ( return (
<html lang="en"> <html lang="en">
<head>
{process.env.UMAMI_SCRIPT_URL && process.env.UMAMI_WEBSITE_ID && (
<script
defer
src={process.env.UMAMI_SCRIPT_URL}
data-website-id={process.env.UMAMI_WEBSITE_ID}
></script>
)}
</head>
<body <body
className={`${geistSans.variable} ${geistMono.variable} antialiased`} className={`${geistSans.variable} ${geistMono.variable} antialiased`}
> >

31
src/app/page.tsx
View File

@@ -28,36 +28,36 @@ function SessionInfo({
}) { }) {
return ( return (
<div className="max-w-md mx-auto mt-2 p-2 bg-neuf-black space-y-4"> <div className="max-w-md mx-auto mt-2 p-2 bg-neuf-black space-y-4">
<div className="flex justify-center"> <div className="flex items-center relative bg-white rounded-lg overflow-hidden">
<button <button
onClick={onClear} onClick={onClear}
className="w-8 h-8 bg-red-600 text-white rounded-full hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 flex items-center justify-center font-bold text-lg transition-colors duration-200" className="w-10 h-10 absolute top-2 right-2 bg-red-600 text-white rounded-full hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 flex items-center justify-center font-bold text-lg transition-colors duration-200"
aria-label="Clear session" aria-label="Clear session"
> >
× &times;
</button> </button>
</div>
<div className="flex flex-col items-center">
<Image <Image
src={`data:image/jpeg;base64,${session.documentPhoto}`} src={`data:image/jpeg;base64,${session.documentPhoto}`}
alt="Document" alt="Document"
width={200} width={200}
height={261} height={261}
className="w-40 h-50 object-cover rounded-lg mb-4 border border-black-300 shadow" className="w-40 h-50 object-cover border border-black-300 shadow"
unoptimized unoptimized
/> />
<div className="py-4 px-4">
{(session.firstName || session.lastName) && ( {(session.firstName || session.lastName) && (
<div className="text-xl font-bold text-white"> <div className="text-xl font-bold">
{[session.firstName, session.lastName].filter(Boolean).join(" ")} {[session.firstName, session.lastName].filter(Boolean).join(" ")}
</div> </div>
)} )}
{typeof session.age === "number" && ( {typeof session.age === "number" && (
<div className="text-3xl font-extrabold text-white mt-2"> <div className="text-5xl font-extrabold text-neuf-black mt-2">
{session.age} år {session.age} år
</div> </div>
)} )}
</div> </div>
</div> </div>
</div>
); );
} }
@@ -70,6 +70,20 @@ async function lookupSession(sessionId: string) {
return res.json(); return res.json();
} }
declare global {
interface Window {
umami?: {
track: (eventName: string, eventData?: Record<string, unknown>) => void;
};
}
}
const trackEvent = (eventName: string, eventData?: Record<string, unknown>) => {
if (typeof window !== "undefined" && window.umami) {
window.umami.track(eventName, eventData);
}
};
function HomeInner() { function HomeInner() {
const [session, setSession] = useState<SessionResponse | null>(null); const [session, setSession] = useState<SessionResponse | null>(null);
const [scannedCodes, setScannedCodes] = useState<Set<string>>(new Set()); const [scannedCodes, setScannedCodes] = useState<Set<string>>(new Set());
@@ -91,6 +105,7 @@ function HomeInner() {
if (data && typeof data.age === "number") { if (data && typeof data.age === "number") {
setSession(data); setSession(data);
setScannedCodes((prev) => new Set(prev).add(variables)); setScannedCodes((prev) => new Set(prev).add(variables));
trackEvent("id-check");
} }
pendingCodeRef.current = null; pendingCodeRef.current = null;
}, },

12
src/components/LoginForm.tsx
View File

@@ -37,14 +37,14 @@ export default function LoginForm({ onLogin }: LoginFormProps) {
return ( return (
<div className="max-w-md mx-auto mt-20 p-6 bg-neuf-black"> <div className="max-w-md mx-auto mt-20 p-6 bg-neuf-black">
<h1 className="text-2xl font-bold text-center mb-6 text-white"> <h1 className="text-5xl font-bold text-center mb-20 text-white">
Oldeneuf? Oldeneuf?
</h1> </h1>
<form onSubmit={handleSubmit} className="space-y-4"> <form onSubmit={handleSubmit} className="space-y-4">
<div> <div>
<label <label
htmlFor="password" htmlFor="password"
className="block text-sm font-medium text-gray-300 mb-1" className="block text-md font-medium text-gray-300 mb-1"
> >
Passord Passord
</label> </label>
@@ -56,17 +56,15 @@ export default function LoginForm({ onLogin }: LoginFormProps) {
setPassword(e.target.value); setPassword(e.target.value);
setError(""); setError("");
}} }}
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" className="w-full px-3 py-4 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
required required
disabled={isLoading} disabled={isLoading}
/> />
{error && ( {error && <p className="text-red-500 text-md mt-1">{error}</p>}
<p className="text-red-500 text-sm mt-1">{error}</p>
)}
</div> </div>
<button <button
type="submit" type="submit"
className="w-full bg-golden-orange text-neuf-black py-2 px-4 rounded-md focus:outline-none focus:ring-2 focus:ring-orange-500 disabled:opacity-50" className="w-full font-bold bg-golden-orange text-neuf-black py-4 px-4 rounded-md focus:outline-none focus:ring-2 focus:ring-orange-500 disabled:opacity-50"
disabled={isLoading} disabled={isLoading}
> >
{isLoading ? "Logger inn..." : "Logg inn"} {isLoading ? "Logger inn..." : "Logg inn"}

4
src/components/Scanner.tsx
View File

@@ -290,7 +290,7 @@ export default function Scanner({ onScan }: ScannerProps) {
margin-left: 0 !important; margin-left: 0 !important;
margin-right: 0 !important; margin-right: 0 !important;
margin-top: 0 !important; margin-top: 0 !important;
height: 50vh !important; height: 55dvh !important;
background: #000; background: #000;
border-radius: 0 !important; border-radius: 0 !important;
display: flex; display: flex;
@@ -299,7 +299,7 @@ export default function Scanner({ onScan }: ScannerProps) {
} }
.video-container-responsive video { .video-container-responsive video {
width: 100vw !important; width: 100vw !important;
height: 50vh !important; height: 55dvh !important;
object-fit: cover; object-fit: cover;
border-radius: 0 !important; border-radius: 0 !important;
border: none !important; border: none !important;