Matt Aitken
54 lines
1.5 KiB
TypeScript
54 lines
1.5 KiB
TypeScript
import type { RouteMatch } from "@remix-run/react";
|
|
import { useMatches } from "@remix-run/react";
|
|
import { useMemo } from "react";
|
|
|
|
const DEFAULT_REDIRECT = "/";
|
|
|
|
/**
|
|
* This should be used any time the redirect path is user-provided
|
|
* (Like the query string on our login/signup pages). This avoids
|
|
* open-redirect vulnerabilities.
|
|
* @param {string} to The redirect destination
|
|
* @param {string} defaultRedirect The redirect to use if the to is unsafe.
|
|
*/
|
|
export function safeRedirect(
|
|
to: FormDataEntryValue | string | null | undefined,
|
|
defaultRedirect: string = DEFAULT_REDIRECT
|
|
) {
|
|
if (!to || typeof to !== "string") {
|
|
return defaultRedirect;
|
|
}
|
|
|
|
if (!to.startsWith("/") || to.startsWith("//")) {
|
|
return defaultRedirect;
|
|
}
|
|
|
|
return to;
|
|
}
|
|
|
|
/**
|
|
* This base hook is used in other hooks to quickly search for specific data
|
|
* across all loader data using useMatches.
|
|
* @param {string} id The route id
|
|
* @returns {JSON|undefined} The router data or undefined if not found
|
|
*/
|
|
export function useMatchesData(
|
|
id: string,
|
|
debug: boolean = false
|
|
): RouteMatch | undefined {
|
|
const matchingRoutes = useMatches();
|
|
if (debug) {
|
|
console.log("matchingRoutes", matchingRoutes);
|
|
}
|
|
|
|
const route = useMemo(
|
|
() => matchingRoutes.find((route) => route.id === id),
|
|
[matchingRoutes, id]
|
|
);
|
|
return route;
|
|
}
|
|
|
|
export function validateEmail(email: unknown): email is string {
|
|
return typeof email === "string" && email.length > 3 && email.includes("@");
|
|
}
|