client/utils.ts - trunk - githubmirror/wp-calypso

client/utils.ts
79 строк2 KB
Gabriel Caires
Reader: show 404 for unrecognized Reader paths instead of hanging (#112696)
20 июл 2026, 20:25
20 июл 2026, 20:25bdcb059
import page, { Context } from '@automattic/calypso-router';
import { addQueryArgs } from 'calypso/lib/url';
// Adapts route paths to also include wildcard
// subroutes under the root level section.

export function pathToRegExp( path: string ) {
	// Prevents root level double dash urls from being validated.
	if ( path === '/' ) {
		return path;
	}
	return new RegExp( '^' + path + '(/.*)?$' );
}

export function debounce< T, U >( callback: ( ...args: T[] ) => U, timeout: number ) {
	let timeoutId: number | undefined = undefined;
	return ( ...args: T[] ) => {
		window.clearTimeout( timeoutId );
		timeoutId = window.setTimeout( () => {
			callback( ...args );
		}, timeout );
	};
}

export function redirectToLaunchpad(
	siteSlug: string,
	launchpadFlow: string,
	verifiedParam: boolean
) {
	const launchpadRedirectionURL = addQueryArgs(
		{
			siteSlug,
			verified: verifiedParam ? 1 : undefined,
		},
		`/setup/${ launchpadFlow }/launchpad`
	);
	window.location.replace( launchpadRedirectionURL );
}

export function getRouteFromContext( context: Context ) {
	let route = context.path;
	for ( const [ key, value ] of Object.entries( context.params ) ) {
		if ( key !== '0' ) {
			route = route.replace( value, ':' + key );
		}
	}
	return route.split( '?' )[ 0 ];
}

export interface RedirectRouteList {
	path: string;
	regex?: RegExp;
	getRedirect: ( params?: Record< string, string > ) => string;
}

/**
 * Setup redirect routes for the provided list of routes.
 */
export function setupRedirectRoutes( redirectRouteList: RedirectRouteList[] ): void {
	redirectRouteList.forEach( ( { path, regex, getRedirect } ): void => {
		// Get the URL query parameters to append to the new URL.
		const urlQueryParams = location.search;

		// If no regex is provided, just redirect to the new URL.
		if ( ! regex ) {
			page( path, getRedirect() + urlQueryParams );
			return;
		}

		// If a regex is provided, redirect to the new URL by extracting the parameters from the URL.
		page( path, ( context, next ): void => {
			if ( context.path.match( regex ) ) {
				page.redirect( getRedirect( context.params ) + urlQueryParams );
				return;
			}

			next();
		} );
	} );
}