Skip to content

Dep fix #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Achintya8 wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Dep fix #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
852b3fc
partial-reg-fix
priyagit88 Jun 7, 2026
236d684
registration fix
Achintya8 Jun 7, 2026
462b56e
Merge branch 'main' into dep-fix
Achintya8 Jun 7, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion components/login-form.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,11 +42,12 @@ export function LoginForm() {

async function submit(event: React.FormEvent<HTMLFormElement>) {
event.preventDefault();
const formElement = event.currentTarget;
setError("");
setPending(true);

const captchaToken = await executeRecaptcha("login");
const form = new FormData(event.currentTarget);
const form = new FormData(formElement);

const response = await fetch("/api/security/login", {
method: "POST",
Expand Down
32 changes: 19 additions & 13 deletions components/register-form.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,6 +44,7 @@ export function RegisterForm() {

async function submit(event: React.FormEvent<HTMLFormElement>) {
event.preventDefault();
const formElement = event.currentTarget;
setError("");

setPending(true);
Expand All @@ -55,7 +56,7 @@ export function RegisterForm() {
return;
}

const form = new FormData(event.currentTarget);
const form = new FormData(formElement);
const focusToSubmitMs = firstFocusAt.current ? Math.round(performance.now() - firstFocusAt.current) : 0;
const payload = {
name: String(form.get("name") ?? ""),
Expand All @@ -76,21 +77,26 @@ export function RegisterForm() {
return;
}

const response = await fetch("/api/security/register", {
method: "POST",
headers: { "content-type": "application/json" },
body: JSON.stringify(payload)
});
try {
const response = await fetch("/api/security/register", {
method: "POST",
headers: { "content-type": "application/json" },
body: JSON.stringify(payload)
});

if (!response.ok) {
const data = (await response.json().catch(() => null)) as { error?: string } | null;
setError(data?.error ?? "Registration failed.");
if (!response.ok) {
const data = (await response.json().catch(() => null)) as { error?: string } | null;
setError(data?.error ?? "Registration failed.");
setPending(false);
return;
}

router.push(`/verify-request?email=${encodeURIComponent(payload.email)}`);
router.refresh();
} catch (err: any) {
setError(err?.message ?? "A network error occurred. Please try again.");
setPending(false);
return;
}

router.push(`/verify-request?email=${encodeURIComponent(payload.email)}`);
router.refresh();
}

return (
Expand Down
42 changes: 23 additions & 19 deletions lib/auth.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,6 +32,7 @@ const client = new MongoClient(mongoUri);
const db = client.db();

const resend = new Resend(process.env.RESEND_API_KEY || "re_placeholder");
const emailFrom = process.env.EMAIL_FROM || "SentinelStack Security <onboarding@resend.dev>";

const baseAuthOptions = {
database: mongodbAdapter(db, {
Expand All @@ -47,14 +48,16 @@ const baseAuthOptions = {
sendVerificationEmail: async ({ user, url }) => {
try {
await resend.emails.send({
from: process.env.EMAIL_FROM || "SentinelStack Security <onboarding@resend.dev>",
from: emailFrom,
to: user.email,
subject: "Verify your SentinelStack Account",
html: `<div style="background:#0f172a;color:#fff;padding:20px;font-family:sans-serif;text-align:center;">
<h2>Welcome to SentinelStack, ${user.name}!</h2>
<p>Please verify your email address to activate your security dashboard.</p>
<br/>
<a href="${url}" style="background:#06b6d4;color:#000;padding:12px 24px;text-decoration:none;border-radius:5px;font-weight:bold;">Verify Email</a>
html: `<div style="max-width:500px;margin:0 auto;background:#0f172a;color:#ffffff;padding:40px 20px;font-family:sans-serif;text-align:center;border-radius:8px;border:1px solid #1e293b;">
<h2 style="margin-top:0;color:#ffffff;font-size:24px;">Welcome to SentinelStack, ${user.name}!</h2>
<p style="color:#94a3b8;font-size:16px;line-height:1.5;">Please verify your email address to activate your security dashboard.</p>
<div style="margin:30px 0;">
<a href="${url}" style="display:inline-block;background:#06b6d4;color:#0f172a;padding:12px 24px;text-decoration:none;border-radius:6px;font-weight:bold;font-size:16px;box-shadow:0 4px 12px rgba(6,182,212,0.2);">Verify Email</a>
</div>
<p style="font-size:12px;color:#64748b;margin-bottom:0;">If you did not request this verification, you can safely ignore this email.</p>
</div>`
});
} catch (error) {
Expand Down Expand Up @@ -390,15 +393,16 @@ const authOptions = {
sendMagicLink: async ({ email, url }) => {
try {
await resend.emails.send({
from: process.env.EMAIL_FROM || "SentinelStack Security <onboarding@resend.dev>",
from: emailFrom,
to: email,
subject: "Your SentinelStack Magic Link",
html: `<div style="background:#0f172a;color:#fff;padding:20px;font-family:sans-serif;text-align:center;">
<h2>Secure Sign-In</h2>
<p>Click the link below to securely sign into SentinelStack.</p>
<br/>
<a href="${url}" style="background:#06b6d4;color:#000;padding:12px 24px;text-decoration:none;border-radius:5px;font-weight:bold;">Sign In with Magic Link</a>
<p style="margin-top:20px;font-size:12px;color:#94a3b8;">This link expires shortly and can only be used once.</p>
html: `<div style="max-width:500px;margin:0 auto;background:#0f172a;color:#ffffff;padding:40px 20px;font-family:sans-serif;text-align:center;border-radius:8px;border:1px solid #1e293b;">
<h2 style="margin-top:0;color:#ffffff;font-size:24px;">Secure Sign-In</h2>
<p style="color:#94a3b8;font-size:16px;line-height:1.5;">Click the link below to securely sign into SentinelStack.</p>
<div style="margin:30px 0;">
<a href="${url}" style="display:inline-block;background:#06b6d4;color:#0f172a;padding:12px 24px;text-decoration:none;border-radius:6px;font-weight:bold;font-size:16px;box-shadow:0 4px 12px rgba(6,182,212,0.2);">Sign In with Magic Link</a>
</div>
<p style="margin-top:20px;font-size:12px;color:#64748b;margin-bottom:0;">This link expires shortly and can only be used once.</p>
</div>`
});
} catch (error) {
Expand All @@ -414,14 +418,14 @@ const authOptions = {
async sendVerificationOTP({ email, otp }) {
try {
await resend.emails.send({
from: process.env.EMAIL_FROM || "SentinelStack Security <onboarding@resend.dev>",
from: emailFrom,
to: email,
subject: "Your SentinelStack Security Passcode",
html: `<div style="background:#0f172a;color:#fff;padding:20px;font-family:sans-serif;text-align:center;">
<h2>One-Time Passcode</h2>
<p>Use the following 6-digit code to verify your identity.</p>
<div style="background:#1e293b;color:#22d3ee;padding:15px;font-size:28px;letter-spacing:6px;font-weight:bold;border-radius:5px;margin:20px auto;max-width:200px;">${otp}</div>
<p style="font-size:12px;color:#94a3b8;">Do not share this code with anyone.</p>
html: `<div style="max-width:500px;margin:0 auto;background:#0f172a;color:#ffffff;padding:40px 20px;font-family:sans-serif;text-align:center;border-radius:8px;border:1px solid #1e293b;">
<h2 style="margin-top:0;color:#ffffff;font-size:24px;">One-Time Passcode</h2>
<p style="color:#94a3b8;font-size:16px;line-height:1.5;">Use the following 6-digit code to verify your identity.</p>
<div style="background:#1e293b;color:#22d3ee;padding:15px;font-size:32px;letter-spacing:8px;font-weight:bold;border-radius:6px;margin:25px auto;max-width:220px;border:1px solid rgba(34,211,238,0.2);box-shadow:0 4px 12px rgba(34,211,238,0.05);text-align:center;padding-left:8px;">${otp}</div>
<p style="font-size:12px;color:#64748b;margin-bottom:0;">Do not share this code with anyone. It is only valid for a limited time.</p>
</div>`
});
} catch (error) {
Expand Down
Loading