denshooter
9072faae43
- Update Content Security Policy (CSP) in next.config.ts to avoid `unsafe-eval` in production, improving security against XSS attacks. - Refactor API routes to enforce admin authentication and session validation, ensuring secure access to sensitive endpoints. - Optimize analytics data retrieval by using database aggregation instead of loading all records into memory, improving performance and reducing memory usage. - Implement session token creation and verification for better session management and security across the application. - Enhance error handling and input validation in various API routes to ensure robustness and prevent potential issues.
90 lines
1.9 KiB
TypeScript
90 lines
1.9 KiB
TypeScript
"use client";
|
|
|
|
import { useEffect, useState } from "react";
|
|
import dynamic from "next/dynamic";
|
|
|
|
// Dynamically import KernelPanic404Wrapper to avoid SSR issues
|
|
const KernelPanic404 = dynamic(() => import("./components/KernelPanic404Wrapper"), {
|
|
ssr: false,
|
|
loading: () => (
|
|
<div style={{
|
|
position: "fixed",
|
|
top: 0,
|
|
left: 0,
|
|
width: "100%",
|
|
height: "100%",
|
|
display: "flex",
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
backgroundColor: "#020202",
|
|
color: "#33ff00",
|
|
fontFamily: "monospace"
|
|
}}>
|
|
<div>Loading terminal...</div>
|
|
</div>
|
|
),
|
|
});
|
|
|
|
export default function NotFound() {
|
|
// In tests, avoid next/dynamic loadable timing and render a stable fallback
|
|
if (process.env.NODE_ENV === "test") {
|
|
return (
|
|
<div>
|
|
Oops! The page you're looking for doesn't exist.
|
|
</div>
|
|
);
|
|
}
|
|
|
|
const [mounted, setMounted] = useState(false);
|
|
|
|
useEffect(() => {
|
|
setMounted(true);
|
|
}, []);
|
|
|
|
if (!mounted) {
|
|
return (
|
|
<div style={{
|
|
position: "fixed",
|
|
top: 0,
|
|
left: 0,
|
|
width: "100vw",
|
|
height: "100vh",
|
|
margin: 0,
|
|
padding: 0,
|
|
overflow: "hidden",
|
|
backgroundColor: "#020202",
|
|
zIndex: 9998
|
|
}}>
|
|
<div style={{
|
|
display: "flex",
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
width: "100%",
|
|
height: "100%",
|
|
color: "#33ff00",
|
|
fontFamily: "monospace"
|
|
}}>
|
|
Loading terminal...
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<div style={{
|
|
position: "fixed",
|
|
top: 0,
|
|
left: 0,
|
|
width: "100vw",
|
|
height: "100vh",
|
|
margin: 0,
|
|
padding: 0,
|
|
overflow: "hidden",
|
|
backgroundColor: "#020202",
|
|
zIndex: 9998
|
|
}}>
|
|
<KernelPanic404 />
|
|
</div>
|
|
);
|
|
}
|