client/me/controller.jsx - trunk - githubmirror/wp-calypso

client/me/controller.jsx
204 строки5 KB
Steven Dufresne
Track admin-bar redirects to the hosting dashboard with a bumpStat counter (#112685)
20 июл 2026, 12:12
20 июл 2026, 12:129840c97
import page from '@automattic/calypso-router';
import { removeQueryArgs } from '@wordpress/url';
import { useTranslate } from 'i18n-calypso';
import { createElement } from 'react';
import DocumentHead from 'calypso/components/data/document-head';
import QueryUserSettings from 'calypso/components/data/query-user-settings';
import { dashboardLink } from 'calypso/dashboard/utils/link';
import { bumpStat } from 'calypso/lib/analytics/mc';
import AppsComponent from 'calypso/me/get-apps';
import McpComponent from 'calypso/me/mcp/main';
import McpAddSiteComponent from 'calypso/me/mcp/mcp-add-site';
import McpMcpSitesComponent from 'calypso/me/mcp/mcp-sites';
import McpReadComponent from 'calypso/me/mcp/read';
import McpSetupComponent from 'calypso/me/mcp/setup';
import McpWriteComponent from 'calypso/me/mcp/write';
import SidebarComponent from 'calypso/me/sidebar';
import { hasDashboardOptIn } from 'calypso/state/dashboard/selectors';
import { fetchPreferences } from 'calypso/state/preferences/actions';
import { hasReceivedRemotePreferences } from 'calypso/state/preferences/selectors';

export function sidebar( context, next ) {
	context.secondary = createElement( SidebarComponent, {
		context: context,
	} );

	next();
}

export async function profile( context, next ) {
	const { default: ProfileComponent } = await import( 'calypso/me/profile' );
	const ProfileTitle = () => {
		const translate = useTranslate();

		return <DocumentHead title={ translate( 'My Profile', { textOnly: true } ) } />;
	};

	context.primary = (
		<>
			<ProfileTitle />
			<ProfileComponent path={ context.path } />
		</>
	);
	next();
}

export function apps( context, next ) {
	const AppsTitle = () => {
		const translate = useTranslate();

		return <DocumentHead title={ translate( 'Get Apps', { textOnly: true } ) } />;
	};

	context.primary = (
		<>
			<AppsTitle />
			<AppsComponent path={ context.path } />
		</>
	);
	next();
}

export function profileRedirect() {
	page.redirect( '/me' );
}

export function mcp( context, next ) {
	const McpTitle = () => {
		const translate = useTranslate();

		return <DocumentHead title={ translate( 'AI and MCP', { textOnly: true } ) } />;
	};

	context.primary = (
		<>
			<McpTitle />
			<QueryUserSettings />
			<McpComponent path={ context.path } />
		</>
	);
	next();
}

export function mcpSetup( context, next ) {
	const McpSetupTitle = () => {
		const translate = useTranslate();

		return <DocumentHead title={ translate( 'MCP Client Setup', { textOnly: true } ) } />;
	};

	context.primary = (
		<>
			<McpSetupTitle />
			<QueryUserSettings />
			<McpSetupComponent path={ context.path } />
		</>
	);
	next();
}

export function mcpRead( context, next ) {
	const Title = () => {
		const translate = useTranslate();
		return <DocumentHead title={ translate( 'MCP — Read', { textOnly: true } ) } />;
	};

	context.primary = (
		<>
			<Title />
			<QueryUserSettings />
			<McpReadComponent path={ context.path } />
		</>
	);
	next();
}

export function mcpWrite( context, next ) {
	const Title = () => {
		const translate = useTranslate();
		return <DocumentHead title={ translate( 'MCP — Write', { textOnly: true } ) } />;
	};

	context.primary = (
		<>
			<Title />
			<QueryUserSettings />
			<McpWriteComponent path={ context.path } />
		</>
	);
	next();
}

export function mcpMcpSites( context, next ) {
	const Title = () => {
		const translate = useTranslate();
		return <DocumentHead title={ translate( 'MCP — Site exceptions', { textOnly: true } ) } />;
	};

	context.primary = (
		<>
			<Title />
			<QueryUserSettings />
			<McpMcpSitesComponent path={ context.path } />
		</>
	);
	next();
}

export function mcpAddSite( context, next ) {
	const Title = () => {
		const translate = useTranslate();
		return <DocumentHead title={ translate( 'MCP — Add to a site', { textOnly: true } ) } />;
	};

	context.primary = (
		<>
			<Title />
			<QueryUserSettings />
			<McpAddSiteComponent path={ context.path } />
		</>
	);
	next();
}

export function mcpSetupLegacyRedirect() {
	page.redirect( '/me/mcp/setup' );
}

// Helper thunk that ensures that the user preferences has been fetched into Redux state before we
// continue working with it.
const waitForPrefs = () => async ( dispatch, getState ) => {
	if ( hasReceivedRemotePreferences( getState() ) ) {
		return;
	}

	try {
		await dispatch( fetchPreferences() );
	} catch {
		// if the fetching of preferences fails, return gracefully and proceed to the next landing page candidate
	}
};

// The wp-admin admin bar does not know about user preferences and so may use the
// origin_admin_bar query param to indicate that Calypso should take the user's
// preference into account (without the query param, users can still navigate to
// `/me` or `/me/account` manually, meaning the old dashboard is still accessible
// when the user is specifically trying to go there).
export const maybeRedirectToDashboard = ( context, next ) => {
	const originAdminBar = context.query.origin_admin_bar;
	if ( originAdminBar !== 'wpcom' ) {
		return next();
	}

	const { dispatch, getState } = context.store;

	dispatch( waitForPrefs() ).finally( () => {
		if ( hasDashboardOptIn( getState() ) ) {
			bumpStat( 'dashboard-redirect', 'me' );
			window.location.replace( dashboardLink( '/me' ) );
			return;
		}
		context.page.replace( removeQueryArgs( context.canonicalPath, 'origin_admin_bar' ) );
		next();
	} );
};