5f0674f68b174b16977eb321508710b0b0d5963b

Committed 20 Nov 2024 10:43AM UTC coverage: 57.116% (-0.008%) from 57.124%

Build # 5f0674f68b174b16977eb321508710b0b0d5963b

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #21839 from Yoast/528-dashboard-add-footer-upsell-like-in-the-alert-center

Extract upsell to sidebar-layout.js

Run Details

7593 of 13667 branches covered (55.56%)

Branch coverage included in aggregate %.

0 of 8 new or added lines in 1 file covered. (0.0%)

1 existing line in 1 file now uncovered.

13348 of 22997 relevant lines covered (58.04%)

99793.44 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0

/packages/js/src/general/initialize.js

import { SlotFillProvider } from "@wordpress/components";
import { select } from "@wordpress/data";
import domReady from "@wordpress/dom-ready";
import { render } from "@wordpress/element";
import { Root } from "@yoast/ui-library";
import { get } from "lodash";
import { createHashRouter, createRoutesFromElements, Navigate, Route, RouterProvider } from "react-router-dom";
import { Dashboard } from "../dashboard";
import { LINK_PARAMS_NAME } from "../shared-admin/store";
import App from "./app";
import { RouteErrorFallback } from "./components";
import { ConnectedPremiumUpsellList } from "./components/connected-premium-upsell-list";
import { SidebarLayout } from "./components/sidebar-layout";
import { STORE_NAME } from "./constants";
import { AlertCenter, FirstTimeConfiguration, ROUTES } from "./routes";
import registerStore from "./store";
import { ALERT_CENTER_NAME } from "./store/alert-center";
import { FTC_NAME } from "./store/first-time-configuration";

/**
 * @type {import("../index").ContentType} ContentType
 * @type {import("../index").Features} Features
 * @type {import("../index").Links} Links
 */

domReady( () => {
        const root = document.getElementById( "yoast-seo-general" );
        if ( ! root ) {
                return;
        }
        registerStore( {
                initialState: {
                        [ LINK_PARAMS_NAME ]: get( window, "wpseoScriptData.linkParams", {} ),
                        [ ALERT_CENTER_NAME ]: { alerts: get( window, "wpseoScriptData.alerts", [] ) },
                        currentPromotions: { promotions: get( window, "wpseoScriptData.currentPromotions", [] ) },
                        dismissedAlerts: get( window, "wpseoScriptData.dismissedAlerts", {} ),
                        isPremium: get( window, "wpseoScriptData.preferences.isPremium", false ),
                        [ FTC_NAME ]: { resolvedNotices: [] },
                },
        } );
        const isRtl = select( STORE_NAME ).selectPreference( "isRtl", false );

        /** @type {ContentType[]} */
        const contentTypes = get( window, "wpseoScriptData.dashboard.contentTypes", [] );
        /** @type {string} */
        const userName = get( window, "wpseoScriptData.dashboard.displayName", "User" );
        /** @type {Features} */
        const features = {
                indexables: get( window, "wpseoScriptData.dashboard.indexablesEnabled", false ),
                seoAnalysis: get( window, "wpseoScriptData.dashboard.enabledAnalysisFeatures.keyphraseAnalysis", false ),
                readabilityAnalysis: get( window, "wpseoScriptData.dashboard.enabledAnalysisFeatures.readabilityAnalysis", false ),
        };
        const router = createHashRouter(
                createRoutesFromElements(
                        <Route path="/" element={ <App /> } errorElement={ <RouteErrorFallback className="yst-m-8" /> }>
                                <Route
                                        path={ ROUTES.dashboard }
                                        element={
                                                <SidebarLayout>
                                                        <Dashboard contentTypes={ contentTypes } userName={ userName } features={ features } />
                                                        <ConnectedPremiumUpsellList />
                                                </SidebarLayout>
                                        }
                                        errorElement={ <RouteErrorFallback /> }
                                />
                                <Route
                                        path={ ROUTES.alertCenter }
                                        element={ <SidebarLayout><AlertCenter /><ConnectedPremiumUpsellList /></SidebarLayout> }
                                        errorElement={ <RouteErrorFallback /> }
                                />
                                <Route path={ ROUTES.firstTimeConfiguration } element={ <FirstTimeConfiguration /> } errorElement={ <RouteErrorFallback /> } />
                                {
                                        /**
                                         * Fallback route: redirect to the dashboard.
                                         * A redirect is used to support the activePath in the menu. E.g. `pathname` matches exactly.
                                         * It replaces the current path to not introduce invalid history in the browser (that would just redirect again).
                                         */
                                }
                                <Route path="*" element={ <Navigate to={ ROUTES.dashboard } replace={ true } /> } />
                        </Route>
                )
        );

        render(
                <Root context={ { isRtl } }>
                        <SlotFillProvider>
                                <RouterProvider router={ router } />
                        </SlotFillProvider>
                </Root>,
                root
        );
} );

1	import { SlotFillProvider } from "@wordpress/components";
2	import { select } from "@wordpress/data";
3	import domReady from "@wordpress/dom-ready";
4	import { render } from "@wordpress/element";
5	import { Root } from "@yoast/ui-library";
6	import { get } from "lodash";
7	import { createHashRouter, createRoutesFromElements, Navigate, Route, RouterProvider } from "react-router-dom";
8	import { Dashboard } from "../dashboard";
9	import { LINK_PARAMS_NAME } from "../shared-admin/store";
10	import App from "./app";
11	import { RouteErrorFallback } from "./components";
12	import { ConnectedPremiumUpsellList } from "./components/connected-premium-upsell-list";
13	import { SidebarLayout } from "./components/sidebar-layout";
14	import { STORE_NAME } from "./constants";
15	import { AlertCenter, FirstTimeConfiguration, ROUTES } from "./routes";
16	import registerStore from "./store";
17	import { ALERT_CENTER_NAME } from "./store/alert-center";
18	import { FTC_NAME } from "./store/first-time-configuration";
19
20	/**
21	* @type {import("../index").ContentType} ContentType
22	* @type {import("../index").Features} Features
23	* @type {import("../index").Links} Links
24	*/
25
26	domReady( () => {	×
27	const root = document.getElementById( "yoast-seo-general" );	×
28	if ( ! root ) {	×
29	return;	×
30	}
31	registerStore( {	×
32	initialState: {
33	[ LINK_PARAMS_NAME ]: get( window, "wpseoScriptData.linkParams", {} ),
34	[ ALERT_CENTER_NAME ]: { alerts: get( window, "wpseoScriptData.alerts", [] ) },
35	currentPromotions: { promotions: get( window, "wpseoScriptData.currentPromotions", [] ) },
36	dismissedAlerts: get( window, "wpseoScriptData.dismissedAlerts", {} ),
37	isPremium: get( window, "wpseoScriptData.preferences.isPremium", false ),
38	[ FTC_NAME ]: { resolvedNotices: [] },
39	},
40	} );
41	const isRtl = select( STORE_NAME ).selectPreference( "isRtl", false );	×
42
43	/** @type {ContentType[]} */
44	const contentTypes = get( window, "wpseoScriptData.dashboard.contentTypes", [] );	×
45	/** @type {string} */
46	const userName = get( window, "wpseoScriptData.dashboard.displayName", "User" );	×
47	/** @type {Features} */
48	const features = {	×
49	indexables: get( window, "wpseoScriptData.dashboard.indexablesEnabled", false ),
50	seoAnalysis: get( window, "wpseoScriptData.dashboard.enabledAnalysisFeatures.keyphraseAnalysis", false ),
51	readabilityAnalysis: get( window, "wpseoScriptData.dashboard.enabledAnalysisFeatures.readabilityAnalysis", false ),
52	};
UNCOV 53	const router = createHashRouter(	×
54	createRoutesFromElements(
55	<Route path="/" element={ <App /> } errorElement={ <RouteErrorFallback className="yst-m-8" /> }>
56	<Route
57	path={ ROUTES.dashboard }
58	element={
59	<SidebarLayout>
60	<Dashboard contentTypes={ contentTypes } userName={ userName } features={ features } />
61	<ConnectedPremiumUpsellList />
62	</SidebarLayout>
63	}
64	errorElement={ <RouteErrorFallback /> }
65	/>
66	<Route
67	path={ ROUTES.alertCenter }
68	element={ <SidebarLayout><AlertCenter /><ConnectedPremiumUpsellList /></SidebarLayout> }
69	errorElement={ <RouteErrorFallback /> }
70	/>
71	<Route path={ ROUTES.firstTimeConfiguration } element={ <FirstTimeConfiguration /> } errorElement={ <RouteErrorFallback /> } />
72	{
73	/**
74	* Fallback route: redirect to the dashboard.
75	* A redirect is used to support the activePath in the menu. E.g. `pathname` matches exactly.
76	* It replaces the current path to not introduce invalid history in the browser (that would just redirect again).
77	*/
78	}
79	<Route path="*" element={ <Navigate to={ ROUTES.dashboard } replace={ true } /> } />
80	</Route>
81	)
82	);
83
84	render(	×
85	<Root context={ { isRtl } }>
86	<SlotFillProvider>
87	<RouterProvider router={ router } />
88	</SlotFillProvider>
89	</Root>,
90	root
91	);
92	} );

Yoast / wordpress-seo / 5f0674f68b174b16977eb321508710b0b0d5963b

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous