{/* Terminal header */}
-
-
- freno@terminal
- :
- ~
- $
-
-
{/* Error Content - passed as prop */}
{props.errorContent}
diff --git a/src/components/blog/TextEditor.tsx b/src/components/blog/TextEditor.tsx
index ede4029..6d6363b 100644
--- a/src/components/blog/TextEditor.tsx
+++ b/src/components/blog/TextEditor.tsx
@@ -54,6 +54,7 @@ import ruby from "highlight.js/lib/languages/ruby";
import swift from "highlight.js/lib/languages/swift";
import kotlin from "highlight.js/lib/languages/kotlin";
import dockerfile from "highlight.js/lib/languages/dockerfile";
+import { BREAKPOINTS } from "~/config";
const lowlight = createLowlight(common);
@@ -1648,7 +1649,7 @@ export default function TextEditor(props: TextEditorProps) {
!hasSuggestion() ||
!isFullscreen() ||
typeof window === "undefined" ||
- window.innerWidth >= 768
+ window.innerWidth >= BREAKPOINTS.MOBILE
) {
return false;
}
@@ -1663,7 +1664,7 @@ export default function TextEditor(props: TextEditorProps) {
!hasSuggestion() ||
!isFullscreen() ||
typeof window === "undefined" ||
- window.innerWidth >= 768
+ window.innerWidth >= BREAKPOINTS.MOBILE
) {
return false;
}
@@ -1737,7 +1738,7 @@ export default function TextEditor(props: TextEditorProps) {
if (infillConfig() && !isInitialLoad && infillEnabled()) {
const isMobileNotFullscreen =
typeof window !== "undefined" &&
- window.innerWidth < 768 &&
+ window.innerWidth < BREAKPOINTS.MOBILE &&
!isFullscreen();
// Skip auto-infill on mobile when not in fullscreen
@@ -4108,7 +4109,7 @@ export default function TextEditor(props: TextEditorProps) {
title={
infillEnabled()
? typeof window !== "undefined" &&
- window.innerWidth < 768
+ window.innerWidth < BREAKPOINTS.MOBILE
? "AI Autocomplete: ON (swipe right to accept full)"
: "AI Autocomplete: ON (Ctrl/Cmd+Space to trigger manually)"
: "AI Autocomplete: OFF (Click to enable)"
diff --git a/src/config.ts b/src/config.ts
new file mode 100644
index 0000000..adf7e4b
--- /dev/null
+++ b/src/config.ts
@@ -0,0 +1,324 @@
+/**
+ * Application Configuration
+ * Central location for all configurable values including timeouts, limits, durations, etc.
+ */
+
+// ============================================================
+// AUTHENTICATION & SESSION
+// ============================================================
+
+export const AUTH_CONFIG = {
+ /** JWT token expiration for regular sessions (with remember me) */
+ JWT_EXPIRY: "14d" as const,
+ /** JWT token expiration for sessions without remember me */
+ JWT_EXPIRY_SHORT: "12h" as const,
+ /** Session cookie max age in seconds (14 days) */
+ SESSION_COOKIE_MAX_AGE: 60 * 60 * 24 * 14, // 14 days
+ /** Remember me cookie max age in seconds */
+ REMEMBER_ME_MAX_AGE: 60 * 60 * 24 * 14, // 14 days
+ /** CSRF token cookie max age in seconds (14 days) */
+ CSRF_TOKEN_MAX_AGE: 60 * 60 * 24 * 14, // 14 days
+ /** Lineage JWT expiration for mobile game */
+ LINEAGE_JWT_EXPIRY: "14d" as const
+} as const;
+
+// ============================================================
+// RATE LIMITING
+// ============================================================
+
+export const RATE_LIMITS = {
+ /** Login: 5 attempts per 15 minutes per IP */
+ LOGIN_IP: { maxAttempts: 5, windowMs: 15 * 60 * 1000 },
+ /** Login: 3 attempts per hour per email */
+ LOGIN_EMAIL: { maxAttempts: 3, windowMs: 60 * 60 * 1000 },
+ /** Password reset: 3 attempts per hour per IP */
+ PASSWORD_RESET_IP: { maxAttempts: 3, windowMs: 60 * 60 * 1000 },
+ /** Registration: 3 attempts per hour per IP */
+ REGISTRATION_IP: { maxAttempts: 3, windowMs: 60 * 60 * 1000 },
+ /** Email verification: 5 attempts per 15 minutes per IP */
+ EMAIL_VERIFICATION_IP: { maxAttempts: 5, windowMs: 15 * 60 * 1000 }
+} as const;
+
+/** Rate limit store cleanup interval (5 minutes) */
+export const RATE_LIMIT_CLEANUP_INTERVAL_MS = 5 * 60 * 1000;
+
+// ============================================================
+// ACCOUNT SECURITY
+// ============================================================
+
+export const ACCOUNT_LOCKOUT = {
+ /** Maximum failed login attempts before account lockout */
+ MAX_FAILED_ATTEMPTS: 5,
+ /** Account lockout duration in milliseconds (5 minutes) */
+ LOCKOUT_DURATION_MS: 5 * 60 * 1000
+} as const;
+
+export const PASSWORD_RESET_CONFIG = {
+ /** Password reset token expiry (1 hour) */
+ TOKEN_EXPIRY_MS: 60 * 60 * 1000
+} as const;
+
+// ============================================================
+// COOLDOWN TIMERS (CLIENT-SIDE COOKIES)
+// ============================================================
+
+export const COOLDOWN_TIMERS = {
+ /** Email login link cooldown (2 minutes) */
+ EMAIL_LOGIN_LINK_MS: 2 * 60 * 1000,
+ /** Email login link cookie max age in seconds */
+ EMAIL_LOGIN_LINK_COOKIE_MAX_AGE: 2 * 60,
+ /** Password reset request cooldown (5 minutes) */
+ PASSWORD_RESET_REQUEST_MS: 5 * 60 * 1000,
+ /** Password reset request cookie max age in seconds */
+ PASSWORD_RESET_REQUEST_COOKIE_MAX_AGE: 5 * 60,
+ /** Contact form request cooldown (1 minute) */
+ CONTACT_REQUEST_MS: 1 * 60 * 1000,
+ /** Contact form request cookie max age in seconds */
+ CONTACT_REQUEST_COOKIE_MAX_AGE: 1 * 60,
+ /** Email verification cooldown (15 minutes) */
+ EMAIL_VERIFICATION_MS: 15 * 60 * 1000,
+ /** Email verification cookie max age in seconds */
+ EMAIL_VERIFICATION_COOKIE_MAX_AGE: 15 * 60
+} as const;
+
+// ============================================================
+// CACHE & DATA PERSISTENCE
+// ============================================================
+
+export const CACHE_CONFIG = {
+ /** Blog cache TTL (24 hours) */
+ BLOG_CACHE_TTL_MS: 24 * 60 * 60 * 1000,
+ /** Git activity cache TTL (10 minutes) */
+ GIT_ACTIVITY_CACHE_TTL_MS: 10 * 60 * 1000,
+ /** Blog posts list cache TTL (5 minutes) */
+ BLOG_POSTS_LIST_CACHE_TTL_MS: 5 * 60 * 1000,
+ /** Maximum stale data age (7 days) */
+ MAX_STALE_DATA_MS: 7 * 24 * 60 * 60 * 1000,
+ /** Git activity max stale age (24 hours) */
+ GIT_ACTIVITY_MAX_STALE_MS: 24 * 60 * 60 * 1000
+} as const;
+
+// ============================================================
+// NETWORK & API
+// ============================================================
+
+export const NETWORK_CONFIG = {
+ /** Default API timeout for email service (15 seconds) */
+ EMAIL_API_TIMEOUT_MS: 15000,
+ /** Default API timeout for GitHub OAuth (15 seconds) */
+ GITHUB_API_TIMEOUT_MS: 15000,
+ /** Default API timeout for Google OAuth (15 seconds) */
+ GOOGLE_API_TIMEOUT_MS: 15000,
+ /** Maximum retry attempts for failed requests */
+ MAX_RETRIES: 2,
+ /** Retry delay between attempts (1 second) */
+ RETRY_DELAY_MS: 1000
+} as const;
+
+// ============================================================
+// UI/UX - TYPEWRITER COMPONENT
+// ============================================================
+
+export const TYPEWRITER_CONFIG = {
+ /** Default typing speed (characters per second) */
+ DEFAULT_SPEED: 30,
+ /** Fast typing speed */
+ FAST_SPEED: 80,
+ /** Slow typing speed */
+ SLOW_SPEED: 10,
+ /** Very slow typing speed */
+ VERY_SLOW_SPEED: 100,
+ /** Extra slow typing speed */
+ EXTRA_SLOW_SPEED: 120,
+ /** Default keep alive duration (ms) */
+ DEFAULT_KEEP_ALIVE_MS: 2000,
+ /** Long keep alive duration (ms) */
+ LONG_KEEP_ALIVE_MS: 10000,
+ /** Default initial delay (ms) */
+ DEFAULT_DELAY_MS: 500,
+ /** Cursor fade delay after completion (1 second) */
+ CURSOR_FADE_DELAY_MS: 1000
+} as const;
+
+// ============================================================
+// UI/UX - COUNTDOWN TIMER COMPONENT
+// ============================================================
+
+export const COUNTDOWN_CONFIG = {
+ /** Email login link countdown duration (2 minutes) */
+ EMAIL_LOGIN_LINK_DURATION_S: 120,
+ /** Password reset countdown duration (5 minutes) */
+ PASSWORD_RESET_DURATION_S: 300,
+ /** Contact form countdown duration (1 minute) */
+ CONTACT_FORM_DURATION_S: 60,
+ /** Password reset success redirect countdown (5 seconds) */
+ PASSWORD_RESET_SUCCESS_DURATION_S: 5,
+ /** Default timer size (pixels) */
+ DEFAULT_TIMER_SIZE_PX: 48,
+ /** Large timer size (pixels) */
+ LARGE_TIMER_SIZE_PX: 200,
+ /** Default stroke width */
+ DEFAULT_STROKE_WIDTH: 6,
+ /** Large stroke width */
+ LARGE_STROKE_WIDTH: 12
+} as const;
+
+// ============================================================
+// UI/UX - RESPONSIVE BREAKPOINTS
+// ============================================================
+
+export const BREAKPOINTS = {
+ /** Mobile breakpoint (pixels) */
+ MOBILE_MAX_WIDTH: 768,
+ /** Tablet breakpoint (pixels) */
+ TABLET_MAX_WIDTH: 1024,
+ /** Desktop minimum width (pixels) */
+ DESKTOP_MIN_WIDTH: 1025
+} as const;
+
+// ============================================================
+// UI/UX - ANIMATIONS & TRANSITIONS
+// ============================================================
+
+export const ANIMATION_CONFIG = {
+ /** Standard transition duration (ms) */
+ TRANSITION_DURATION_MS: 300,
+ /** Fast transition duration (ms) */
+ FAST_TRANSITION_MS: 200,
+ /** Slow transition duration (ms) */
+ SLOW_TRANSITION_MS: 500,
+ /** Extra slow transition duration (ms) */
+ EXTRA_SLOW_TRANSITION_MS: 600,
+ /** Sidebar toggle duration (ms) */
+ SIDEBAR_DURATION_MS: 500,
+ /** Menu typing effect delay (ms) */
+ MENU_TYPING_DELAY_MS: 140,
+ /** Menu initial delay (ms) */
+ MENU_INITIAL_DELAY_MS: 500,
+ /** Success message auto-hide duration (ms) */
+ SUCCESS_MESSAGE_DURATION_MS: 3000,
+ /** Error message auto-hide duration (ms) */
+ ERROR_MESSAGE_DURATION_MS: 5000,
+ /** Redirect delay after successful action (ms) */
+ REDIRECT_DELAY_MS: 500
+} as const;
+
+// ============================================================
+// UI/UX - PDF VIEWER
+// ============================================================
+
+export const PDF_CONFIG = {
+ /** PDF rendering scale */
+ RENDER_SCALE: 1.5
+} as const;
+
+// ============================================================
+// UI/UX - 401 ERROR PAGE
+// ============================================================
+
+export const ERROR_PAGE_CONFIG = {
+ /** Glitch effect interval (ms) */
+ GLITCH_INTERVAL_MS: 300,
+ /** Glitch effect duration (ms) */
+ GLITCH_DURATION_MS: 100,
+ /** Number of particles for background animation */
+ PARTICLE_COUNT: 45
+} as const;
+
+// ============================================================
+// VALIDATION
+// ============================================================
+
+export const VALIDATION_CONFIG = {
+ /** Minimum password length (must match securePasswordSchema in schemas/user.ts) */
+ MIN_PASSWORD_LENGTH: 12,
+ /** Maximum message length for contact form */
+ MAX_CONTACT_MESSAGE_LENGTH: 500,
+ /** Minimum password confirmation match length before showing error */
+ MIN_PASSWORD_CONF_LENGTH_FOR_ERROR: 6
+} as const;
+
+// ============================================================
+// LINEAGE GAME (MOBILE APP)
+// ============================================================
+
+export const LINEAGE_CONFIG = {
+ /** Database deletion grace period (24 hours) */
+ DELETION_GRACE_PERIOD_MS: 24 * 60 * 60 * 1000,
+ /** PvP opponents returned per query */
+ PVP_OPPONENTS_COUNT: 3
+} as const;
+
+// ============================================================
+// AUDIT & LOGGING
+// ============================================================
+
+export const AUDIT_CONFIG = {
+ /** Default query limit for audit logs */
+ DEFAULT_QUERY_LIMIT: 100,
+ /** Maximum audit log retention (90 days) */
+ MAX_RETENTION_DAYS: 90
+} as const;
+
+// ============================================================
+// HELPER FUNCTIONS
+// ============================================================
+
+/**
+ * Convert milliseconds to seconds
+ */
+export function msToSeconds(ms: number): number {
+ return Math.floor(ms / 1000);
+}
+
+/**
+ * Convert seconds to milliseconds
+ */
+export function secondsToMs(seconds: number): number {
+ return seconds * 1000;
+}
+
+/**
+ * Convert minutes to milliseconds
+ */
+export function minutesToMs(minutes: number): number {
+ return minutes * 60 * 1000;
+}
+
+/**
+ * Convert hours to milliseconds
+ */
+export function hoursToMs(hours: number): number {
+ return hours * 60 * 60 * 1000;
+}
+
+/**
+ * Convert days to milliseconds
+ */
+export function daysToMs(days: number): number {
+ return days * 24 * 60 * 60 * 1000;
+}
+
+/**
+ * Check if screen width is mobile
+ */
+export function isMobileWidth(width: number): boolean {
+ return width < BREAKPOINTS.MOBILE_MAX_WIDTH;
+}
+
+/**
+ * Check if screen width is tablet
+ */
+export function isTabletWidth(width: number): boolean {
+ return (
+ width >= BREAKPOINTS.MOBILE_MAX_WIDTH &&
+ width <= BREAKPOINTS.TABLET_MAX_WIDTH
+ );
+}
+
+/**
+ * Check if screen width is desktop
+ */
+export function isDesktopWidth(width: number): boolean {
+ return width >= BREAKPOINTS.DESKTOP_MIN_WIDTH;
+}
diff --git a/src/lib/validation.ts b/src/lib/validation.ts
index c02f3a7..9adbf93 100644
--- a/src/lib/validation.ts
+++ b/src/lib/validation.ts
@@ -2,6 +2,8 @@
* Form validation utilities
*/
+import { VALIDATION_CONFIG } from "~/config";
+
/**
* Validate email format
*/
@@ -36,9 +38,11 @@ export function validatePassword(password: string): {
} {
const errors: string[] = [];
- // Minimum length: 12 characters
- if (password.length < 12) {
- errors.push("Password must be at least 12 characters long");
+ // Minimum length from config
+ if (password.length < VALIDATION_CONFIG.MIN_PASSWORD_LENGTH) {
+ errors.push(
+ `Password must be at least ${VALIDATION_CONFIG.MIN_PASSWORD_LENGTH} characters long`
+ );
}
// Require uppercase letter
@@ -93,7 +97,7 @@ export function validatePassword(password: string): {
strength = "strong";
} else if (password.length >= 16) {
strength = "good";
- } else if (password.length >= 12) {
+ } else if (password.length >= VALIDATION_CONFIG.MIN_PASSWORD_LENGTH) {
strength = "fair";
}
}
diff --git a/src/routes/401.tsx b/src/routes/401.tsx
index da832d7..e815be7 100644
--- a/src/routes/401.tsx
+++ b/src/routes/401.tsx
@@ -2,6 +2,7 @@ import { Title, Meta } from "@solidjs/meta";
import { HttpStatusCode } from "@solidjs/start";
import { useNavigate } from "@solidjs/router";
import { createEffect, createSignal, For } from "solid-js";
+import { ERROR_PAGE_CONFIG } from "~/config";
export default function Page_401() {
const navigate = useNavigate();
@@ -24,15 +25,18 @@ export default function Page_401() {
}
setGlitchText(glitched);
- setTimeout(() => setGlitchText(originalText), 100);
+ setTimeout(
+ () => setGlitchText(originalText),
+ ERROR_PAGE_CONFIG.GLITCH_DURATION_MS
+ );
}
- }, 300);
+ }, ERROR_PAGE_CONFIG.GLITCH_INTERVAL_MS);
return () => clearInterval(glitchInterval);
});
const createParticles = () => {
- return Array.from({ length: 45 }, (_, i) => ({
+ return Array.from({ length: ERROR_PAGE_CONFIG.PARTICLE_COUNT }, (_, i) => ({
id: i,
left: `${Math.random() * 100}%`,
top: `${Math.random() * 100}%`,
diff --git a/src/routes/account.tsx b/src/routes/account.tsx
index 4ff2c9d..8585592 100644
--- a/src/routes/account.tsx
+++ b/src/routes/account.tsx
@@ -12,6 +12,7 @@ import Dropzone from "~/components/blog/Dropzone";
import AddImageToS3 from "~/lib/s3upload";
import { validatePassword, isValidEmail } from "~/lib/validation";
import { TerminalSplash } from "~/components/TerminalSplash";
+import { VALIDATION_CONFIG } from "~/config";
import type { UserProfile } from "~/types/user";
@@ -806,7 +807,7 @@ export default function AccountPage() {
ref={oldPasswordRef}
type={showOldPasswordInput() ? "text" : "password"}
required
- minlength="8"
+ minlength={VALIDATION_CONFIG.MIN_PASSWORD_LENGTH}
disabled={passwordChangeLoading()}
placeholder=" "
title="Password must be at least 8 characters"
@@ -997,7 +998,7 @@ export default function AccountPage() {
ref={deleteAccountPasswordRef}
type="password"
required
- minlength="8"
+ minlength={VALIDATION_CONFIG.MIN_PASSWORD_LENGTH}
disabled={deleteAccountButtonLoading()}
placeholder=" "
title="Enter your password to confirm account deletion"
diff --git a/src/routes/blog/index.tsx b/src/routes/blog/index.tsx
index 514b248..93f0ef2 100644
--- a/src/routes/blog/index.tsx
+++ b/src/routes/blog/index.tsx
@@ -8,6 +8,7 @@ import TagSelector from "~/components/blog/TagSelector";
import PostSorting from "~/components/blog/PostSorting";
import PublishStatusToggle from "~/components/blog/PublishStatusToggle";
import { TerminalSplash } from "~/components/TerminalSplash";
+import { CACHE_CONFIG } from "~/config";
const getPosts = query(async () => {
"use server";
@@ -17,11 +18,14 @@ const getPosts = query(async () => {
const event = getRequestEvent()!;
const privilegeLevel = await getPrivilegeLevel(event.nativeEvent);
- return withCache(`posts-${privilegeLevel}`, 5 * 60 * 1000, async () => {
- const conn = ConnectionFactory();
+ return withCache(
+ `posts-${privilegeLevel}`,
+ CACHE_CONFIG.BLOG_POSTS_LIST_CACHE_TTL_MS,
+ async () => {
+ const conn = ConnectionFactory();
- // Fetch all posts with aggregated data
- let postsQuery = `
+ // Fetch all posts with aggregated data
+ let postsQuery = `
SELECT
p.id,
p.title,
@@ -41,17 +45,17 @@ const getPosts = query(async () => {
LEFT JOIN Comment c ON p.id = c.post_id
`;
- if (privilegeLevel !== "admin") {
- postsQuery += ` WHERE p.published = TRUE`;
- }
+ if (privilegeLevel !== "admin") {
+ postsQuery += ` WHERE p.published = TRUE`;
+ }
- postsQuery += ` GROUP BY p.id, p.title, p.subtitle, p.body, p.banner_photo, p.date, p.published, p.category, p.author_id, p.reads, p.attachments`;
- postsQuery += ` ORDER BY p.date ASC;`;
+ postsQuery += ` GROUP BY p.id, p.title, p.subtitle, p.body, p.banner_photo, p.date, p.published, p.category, p.author_id, p.reads, p.attachments`;
+ postsQuery += ` ORDER BY p.date ASC;`;
- const postsResult = await conn.execute(postsQuery);
- const posts = postsResult.rows;
+ const postsResult = await conn.execute(postsQuery);
+ const posts = postsResult.rows;
- const tagsQuery = `
+ const tagsQuery = `
SELECT t.value, t.post_id
FROM Tag t
JOIN Post p ON t.post_id = p.id
@@ -59,17 +63,18 @@ const getPosts = query(async () => {
ORDER BY t.value ASC
`;
- const tagsResult = await conn.execute(tagsQuery);
- const tags = tagsResult.rows;
+ const tagsResult = await conn.execute(tagsQuery);
+ const tags = tagsResult.rows;
- const tagMap: Record
= {};
- tags.forEach((tag: any) => {
- const key = `${tag.value}`;
- tagMap[key] = (tagMap[key] || 0) + 1;
- });
+ const tagMap: Record = {};
+ tags.forEach((tag: any) => {
+ const key = `${tag.value}`;
+ tagMap[key] = (tagMap[key] || 0) + 1;
+ });
- return { posts, tags, tagMap, privilegeLevel };
- });
+ return { posts, tags, tagMap, privilegeLevel };
+ }
+ );
}, "posts");
export default function BlogIndex() {
diff --git a/src/routes/contact.tsx b/src/routes/contact.tsx
index d4308e4..b3d994e 100644
--- a/src/routes/contact.tsx
+++ b/src/routes/contact.tsx
@@ -26,6 +26,12 @@ import {
TimeoutError,
APIError
} from "~/server/fetch-utils";
+import {
+ NETWORK_CONFIG,
+ COOLDOWN_TIMERS,
+ VALIDATION_CONFIG,
+ COUNTDOWN_CONFIG
+} from "~/config";
const getContactData = query(async () => {
"use server";
@@ -52,7 +58,7 @@ const sendContactEmail = action(async (formData: FormData) => {
message: z
.string()
.min(1, "Message is required")
- .max(500, "Message too long")
+ .max(VALIDATION_CONFIG.MAX_CONTACT_MESSAGE_LENGTH, "Message too long")
});
try {
@@ -99,20 +105,20 @@ const sendContactEmail = action(async (formData: FormData) => {
"content-type": "application/json"
},
body: JSON.stringify(sendinblueData),
- timeout: 15000
+ timeout: NETWORK_CONFIG.EMAIL_API_TIMEOUT_MS
});
await checkResponse(response);
return response;
},
{
- maxRetries: 2,
- retryDelay: 1000
+ maxRetries: NETWORK_CONFIG.MAX_RETRIES,
+ retryDelay: NETWORK_CONFIG.RETRY_DELAY_MS
}
);
// Set cooldown cookie
- const exp = new Date(Date.now() + 1 * 60 * 1000);
+ const exp = new Date(Date.now() + COOLDOWN_TIMERS.CONTACT_REQUEST_MS);
setCookie("contactRequestSent", exp.toUTCString(), {
expires: exp,
path: "/"
@@ -418,7 +424,7 @@ export default function ContactPage() {
title="Please enter your message"
class="underlinedInput w-full bg-transparent"
rows={4}
- maxlength={500}
+ maxlength={VALIDATION_CONFIG.MAX_CONTACT_MESSAGE_LENGTH}
/>
@@ -456,7 +462,7 @@ export default function ContactPage() {
}
>
{
"use server";
@@ -325,7 +326,7 @@ export default function LoginPage() {
};
const checkPasswordLength = (password: string) => {
- if (password.length >= 8) {
+ if (password.length >= VALIDATION_CONFIG.MIN_PASSWORD_LENGTH) {
setPasswordLengthSufficient(true);
setShowPasswordLengthWarning(false);
} else {
@@ -628,7 +629,7 @@ export default function LoginPage() {
}
>
{
- if (password.length >= 8) {
+ if (password.length >= VALIDATION_CONFIG.MIN_PASSWORD_LENGTH) {
setPasswordLengthSufficient(true);
setShowPasswordLengthWarning(false);
} else {
@@ -223,7 +224,8 @@ export default function PasswordResetPage() {
showPasswordLengthWarning() ? "" : "opacity-0 select-none"
} text-red text-center transition-opacity duration-200 ease-in-out`}
>
- Password too short! Min Length: 8
+ Password too short! Min Length:{" "}
+ {VALIDATION_CONFIG.MIN_PASSWORD_LENGTH}