Code Coverage |
||||||||||
Lines |
Functions and Methods |
Classes and Traits |
||||||||
| Total | |
98.05% |
201 / 205 |
|
96.43% |
27 / 28 |
CRAP | |
0.00% |
0 / 1 |
| Jetpack_Email_Design_Editor | |
99.50% |
201 / 202 |
|
96.43% |
27 / 28 |
67 | |
0.00% |
0 / 1 |
| init | |
100.00% |
4 / 4 |
|
100.00% |
1 / 1 |
1 | |||
| add_script_data | |
100.00% |
3 / 3 |
|
100.00% |
1 / 1 |
2 | |||
| get_url | |
100.00% |
1 / 1 |
|
100.00% |
1 / 1 |
2 | |||
| register_feature_flags | |
100.00% |
8 / 8 |
|
100.00% |
1 / 1 |
1 | |||
| filter_flag_for_atomic | |
100.00% |
4 / 4 |
|
100.00% |
1 / 1 |
5 | |||
| is_enabled | |
100.00% |
1 / 1 |
|
100.00% |
1 / 1 |
1 | |||
| add_admin_page | |
100.00% |
11 / 11 |
|
100.00% |
1 / 1 |
3 | |||
| on_load | |
100.00% |
3 / 3 |
|
100.00% |
1 / 1 |
1 | |||
| record_screen_view | |
100.00% |
9 / 9 |
|
100.00% |
1 / 1 |
3 | |||
| screen_view_properties | |
100.00% |
4 / 4 |
|
100.00% |
1 / 1 |
1 | |||
| read_source | |
100.00% |
6 / 6 |
|
100.00% |
1 / 1 |
4 | |||
| site_type | |
100.00% |
4 / 4 |
|
100.00% |
1 / 1 |
3 | |||
| add_fullscreen_body_class | |
100.00% |
1 / 1 |
|
100.00% |
1 / 1 |
1 | |||
| enqueue_assets | |
100.00% |
34 / 34 |
|
100.00% |
1 / 1 |
2 | |||
| get_layout_css | |
100.00% |
6 / 6 |
|
100.00% |
1 / 1 |
1 | |||
| enqueue_block_editor_assets | |
100.00% |
19 / 19 |
|
100.00% |
1 / 1 |
1 | |||
| get_screen_data | |
100.00% |
12 / 12 |
|
100.00% |
1 / 1 |
1 | |||
| enqueue_tracks_transport | |
100.00% |
3 / 3 |
|
100.00% |
1 / 1 |
3 | |||
| can_send_tracks | |
100.00% |
4 / 4 |
|
100.00% |
1 / 1 |
2 | |||
| get_tracks_data | |
100.00% |
11 / 11 |
|
100.00% |
1 / 1 |
2 | |||
| tracks_identity | |
100.00% |
9 / 9 |
|
100.00% |
1 / 1 |
3 | |||
| tracks_blog_id | |
100.00% |
3 / 3 |
|
100.00% |
1 / 1 |
2 | |||
| preview_post_id | |
100.00% |
4 / 4 |
|
100.00% |
1 / 1 |
4 | |||
| exit_url | |
100.00% |
4 / 4 |
|
100.00% |
1 / 1 |
4 | |||
| get_iframe_asset_settings | |
85.71% |
6 / 7 |
|
0.00% |
0 / 1 |
2.01 | |||
| get_allowed_iframe_style_handles | |
100.00% |
14 / 14 |
|
100.00% |
1 / 1 |
6 | |||
| get_resolved_assets | |
100.00% |
12 / 12 |
|
100.00% |
1 / 1 |
5 | |||
| render | |
100.00% |
1 / 1 |
|
100.00% |
1 / 1 |
1 | |||
| 1 | <?php |
| 2 | /** |
| 3 | * The newsletter email design screen. |
| 4 | * |
| 5 | * @package automattic/jetpack |
| 6 | */ |
| 7 | |
| 8 | use Automattic\Jetpack\Connection\Manager as Connection_Manager; |
| 9 | use Automattic\Jetpack\Constants; |
| 10 | use Automattic\Jetpack\Feature_Flags\Feature_Flags; |
| 11 | use Automattic\Jetpack\Status; |
| 12 | use Automattic\Jetpack\Status\Host; |
| 13 | use Automattic\Jetpack\Terms_Of_Service; |
| 14 | use Automattic\Jetpack\Tracking; |
| 15 | |
| 16 | if ( ! defined( 'ABSPATH' ) ) { |
| 17 | exit( 0 ); |
| 18 | } |
| 19 | |
| 20 | /** |
| 21 | * Registers an Appearance page that mounts the WooCommerce email editor against the |
| 22 | * newsletter template, so a creator sets their email design once for the whole site. |
| 23 | * |
| 24 | * The design itself lives on the WordPress.com shadow blog: the browser fetches it from |
| 25 | * `/wpcom/v2/email-editor-bootstrap` and this page supplies only what describes *this* |
| 26 | * installation. See NL-839. |
| 27 | */ |
| 28 | class Jetpack_Email_Design_Editor { |
| 29 | |
| 30 | /** |
| 31 | * The `page` query arg the screen answers to. |
| 32 | */ |
| 33 | const PAGE_SLUG = 'jetpack-email-design'; |
| 34 | |
| 35 | /** |
| 36 | * The feature flag gating the screen. Registered off, and on Atomic answered by the filter |
| 37 | * below rather than by `wp companion feature-flag enable jetpack-email-design`. |
| 38 | */ |
| 39 | const FEATURE_FLAG = 'jetpack-email-design'; |
| 40 | |
| 41 | /** |
| 42 | * The WordPress.com blog sticker that turns the screen on. See NL-1040. |
| 43 | */ |
| 44 | const STICKER = 'email-design-editor'; |
| 45 | |
| 46 | /** |
| 47 | * The script handle, and the id of the element the editor mounts into. |
| 48 | */ |
| 49 | const HANDLE = 'jetpack-email-design-editor'; |
| 50 | |
| 51 | /** |
| 52 | * Flags for JSON handed to a `<script>` tag. |
| 53 | */ |
| 54 | const JSON_FLAGS = JSON_UNESCAPED_SLASHES | JSON_HEX_TAG | JSON_HEX_AMP; |
| 55 | |
| 56 | /** |
| 57 | * The event the screen's arrival is recorded under, which reaches Tracks as |
| 58 | * `jetpack_newsletter_email_design_view` -- `record_user_event()` adds the prefix itself. |
| 59 | */ |
| 60 | const VIEW_EVENT = 'newsletter_email_design_view'; |
| 61 | |
| 62 | /** |
| 63 | * The hook suffix `add_theme_page()` returned, or null when the page is not registered. |
| 64 | * |
| 65 | * @var string|null |
| 66 | */ |
| 67 | private static $hook_suffix = null; |
| 68 | |
| 69 | /** |
| 70 | * Wire the screen up. |
| 71 | */ |
| 72 | public static function init() { |
| 73 | // Registered here rather than on `admin_menu` so the flag exists under WP-CLI, REST |
| 74 | // and cron too — `wp companion feature-flag list` reads it from one of those. |
| 75 | self::register_feature_flags(); |
| 76 | |
| 77 | // Last, so that on Atomic the sticker cannot be overridden by a filter added later -- |
| 78 | // a flag that outlives the sticker is not a kill switch. |
| 79 | add_filter( 'jetpack_feature_flag_enabled_' . self::FEATURE_FLAG, array( __CLASS__, 'filter_flag_for_atomic' ), PHP_INT_MAX ); |
| 80 | |
| 81 | add_action( 'admin_menu', array( __CLASS__, 'add_admin_page' ) ); |
| 82 | |
| 83 | // Priority 20, because `Newsletter\Settings::add_script_data()` replaces the whole |
| 84 | // `newsletter` key at the default priority on the page this link appears on. |
| 85 | add_filter( 'jetpack_admin_js_script_data', array( __CLASS__, 'add_script_data' ), 20 ); |
| 86 | } |
| 87 | |
| 88 | /** |
| 89 | * Tell the admin where this screen is, or that there is none. |
| 90 | * |
| 91 | * The bare URL: each surface that links here adds its own `return` arg, because each one is |
| 92 | * somewhere different to go back to. {@see self::exit_url()} reads and validates it. |
| 93 | * |
| 94 | * @param array $data The script data so far. |
| 95 | * @return array The script data, with `newsletter.emailDesignUrl` null when there is no screen. |
| 96 | */ |
| 97 | public static function add_script_data( $data ) { |
| 98 | $url = self::get_url(); |
| 99 | |
| 100 | $data['newsletter']['emailDesignUrl'] = '' === $url ? null : $url; |
| 101 | |
| 102 | return $data; |
| 103 | } |
| 104 | |
| 105 | /** |
| 106 | * The screen's own URL, or an empty string when this request has no such screen. |
| 107 | * |
| 108 | * Read back from the registration, not built from the slug, so a link cannot outlive the page: |
| 109 | * `add_theme_page()` registers nothing without `edit_theme_options`, which `manage_options` -- |
| 110 | * all the Newsletter settings page asks for -- does not imply. |
| 111 | * |
| 112 | * @return string |
| 113 | */ |
| 114 | public static function get_url() { |
| 115 | return function_exists( 'menu_page_url' ) ? (string) menu_page_url( self::PAGE_SLUG, false ) : ''; |
| 116 | } |
| 117 | |
| 118 | /** |
| 119 | * Declare the screen's feature flag. |
| 120 | */ |
| 121 | public static function register_feature_flags() { |
| 122 | Feature_Flags::register( |
| 123 | self::FEATURE_FLAG, |
| 124 | array( |
| 125 | 'default' => false, |
| 126 | 'description' => 'Edit the newsletter email design in wp-admin, under Appearance.', |
| 127 | 'owner' => 'jetpack-newsletter', |
| 128 | ) |
| 129 | ); |
| 130 | } |
| 131 | |
| 132 | /** |
| 133 | * Answer the flag from the Atomic sticker, or the a8c proxy, where there is one to read. |
| 134 | * |
| 135 | * The incoming value is dropped rather than widened: on Atomic the sticker is the whole |
| 136 | * switch, so removing it has to close the screen -- for everyone who is not on the proxy -- |
| 137 | * even where the flag was forced on. |
| 138 | * |
| 139 | * The proxy clause is the a12 rollout (NL-41), and gates dogfooding rather than access: |
| 140 | * wpcom's `/wpcom/v2/email-editor-bootstrap` still decides whether the blog is in, so on a |
| 141 | * customer's site the screen errors rather than exposing or saving anything. |
| 142 | * |
| 143 | * Off Atomic wpcomsh's reader answers false for every sticker, because its |
| 144 | * `Atomic_Persistent_Data` is a blank stand-in there -- hence the platform check, or the |
| 145 | * flag would be pinned off on a site whose only way in is the flag. The reader is checked |
| 146 | * as well: a host can define `IS_ATOMIC` without loading wpcomsh, and calling it then is |
| 147 | * a fatal. |
| 148 | * |
| 149 | * @param bool $enabled Whether the flag is enabled so far. |
| 150 | * @return bool |
| 151 | */ |
| 152 | public static function filter_flag_for_atomic( $enabled ) { |
| 153 | if ( ! defined( 'IS_ATOMIC' ) || ! IS_ATOMIC || ! function_exists( 'wpcomsh_is_site_sticker_active' ) ) { |
| 154 | return (bool) $enabled; |
| 155 | } |
| 156 | |
| 157 | // Read through `Constants` rather than `defined()`, as the rest of the monorepo's |
| 158 | // `AT_PROXIED_REQUEST` call sites do, so this branch is reachable from tests at all. |
| 159 | return (bool) wpcomsh_is_site_sticker_active( self::STICKER ) |
| 160 | || Constants::is_true( 'AT_PROXIED_REQUEST' ); |
| 161 | } |
| 162 | |
| 163 | /** |
| 164 | * Whether the screen should exist on this site. |
| 165 | * |
| 166 | * On Atomic the `email-design-editor` sticker and the a8c proxy decide, through the filter |
| 167 | * above; on Simple wpcom's mu-plugin turns the flag on alongside the sticker. A self-hosted |
| 168 | * site cannot read its own blog's stickers, so the flag is the gate there -- the sticker |
| 169 | * still gates the bootstrap. |
| 170 | * |
| 171 | * @return bool |
| 172 | */ |
| 173 | public static function is_enabled() { |
| 174 | return Feature_Flags::is_enabled( self::FEATURE_FLAG ); |
| 175 | } |
| 176 | |
| 177 | /** |
| 178 | * Add the screen under Appearance. |
| 179 | */ |
| 180 | public static function add_admin_page() { |
| 181 | if ( ! self::is_enabled() ) { |
| 182 | return; |
| 183 | } |
| 184 | |
| 185 | self::$hook_suffix = add_theme_page( |
| 186 | __( 'Email Design', 'jetpack' ), |
| 187 | __( 'Email Design', 'jetpack' ), |
| 188 | 'edit_theme_options', |
| 189 | self::PAGE_SLUG, |
| 190 | array( __CLASS__, 'render' ) |
| 191 | ); |
| 192 | |
| 193 | if ( self::$hook_suffix ) { |
| 194 | add_action( 'load-' . self::$hook_suffix, array( __CLASS__, 'on_load' ) ); |
| 195 | } |
| 196 | } |
| 197 | |
| 198 | /** |
| 199 | * Scope everything else to this one screen. |
| 200 | */ |
| 201 | public static function on_load() { |
| 202 | add_action( 'admin_enqueue_scripts', array( __CLASS__, 'enqueue_assets' ) ); |
| 203 | add_filter( 'admin_body_class', array( __CLASS__, 'add_fullscreen_body_class' ) ); |
| 204 | |
| 205 | // On `shutdown` rather than here: the Tracks pixel is a blocking request with a one-second |
| 206 | // timeout, so recorded now it would sit in front of the screen's first paint. |
| 207 | add_action( 'shutdown', array( __CLASS__, 'record_screen_view' ) ); |
| 208 | } |
| 209 | |
| 210 | /** |
| 211 | * Record the arrival, with the route that brought the creator here. |
| 212 | * |
| 213 | * Server-side so the three routes are counted the same way: entered from the Appearance menu |
| 214 | * there is no click to record, and recorded here it also counts a creator whose editor never |
| 215 | * loaded, which the bundle's own events cannot. See NL-1088. |
| 216 | */ |
| 217 | public static function record_screen_view() { |
| 218 | // Jetpack's recorder refuses on Simple: it asks the terms of service and the user's |
| 219 | // connection, and a Simple site has neither to answer with. WordPress.com records its own |
| 220 | // events there instead, and does not prefix the name, so this passes the whole one. |
| 221 | if ( ( new Host() )->is_wpcom_simple() ) { |
| 222 | if ( function_exists( 'wpcom_record_tracks_event' ) ) { |
| 223 | wpcom_record_tracks_event( 'jetpack_' . self::VIEW_EVENT, self::screen_view_properties() ); |
| 224 | } |
| 225 | |
| 226 | return; |
| 227 | } |
| 228 | |
| 229 | $connection = new Connection_Manager( 'jetpack' ); |
| 230 | |
| 231 | ( new Tracking( 'jetpack', $connection ) )->record_user_event( |
| 232 | self::VIEW_EVENT, |
| 233 | self::screen_view_properties() |
| 234 | ); |
| 235 | } |
| 236 | |
| 237 | /** |
| 238 | * What the arrival event carries. |
| 239 | * |
| 240 | * Separate from the call above because that one cannot be asserted: Tracks refuses to record |
| 241 | * for a test user, before the event is built, so these are the only part of the contract with |
| 242 | * whoever reads the funnel that a test can see. |
| 243 | * |
| 244 | * @return array |
| 245 | */ |
| 246 | private static function screen_view_properties() { |
| 247 | return array( |
| 248 | 'source' => self::read_source(), |
| 249 | 'site_type' => self::site_type(), |
| 250 | ); |
| 251 | } |
| 252 | |
| 253 | /** |
| 254 | * Which surface sent the creator here. |
| 255 | * |
| 256 | * An explicit arg rather than a guess at the others: the previewer's link carries neither |
| 257 | * `post_id` nor `return` when the post is unsaved and has no id, which is indistinguishable |
| 258 | * from the Appearance menu. Allowlisted because the arg is as hand-editable as any other. |
| 259 | * |
| 260 | * @return string |
| 261 | */ |
| 262 | private static function read_source() { |
| 263 | // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- Read as an attribution label only, and allowlisted below. |
| 264 | $source = isset( $_GET['source'] ) ? sanitize_key( wp_unslash( $_GET['source'] ) ) : ''; |
| 265 | |
| 266 | if ( '' === $source ) { |
| 267 | return 'admin_menu'; |
| 268 | } |
| 269 | |
| 270 | return in_array( $source, array( 'newsletter_settings', 'preview_modal' ), true ) |
| 271 | ? $source |
| 272 | : 'unknown'; |
| 273 | } |
| 274 | |
| 275 | /** |
| 276 | * The platform, spelled the way `getSiteType()` spells it for the screen's other events. |
| 277 | * |
| 278 | * @return string |
| 279 | */ |
| 280 | private static function site_type() { |
| 281 | $host = new Host(); |
| 282 | |
| 283 | if ( $host->is_wpcom_simple() ) { |
| 284 | return 'simple'; |
| 285 | } |
| 286 | |
| 287 | return $host->is_woa_site() ? 'woa' : 'jetpack'; |
| 288 | } |
| 289 | |
| 290 | /** |
| 291 | * Put the screen in fullscreen mode before the bundle has loaded. |
| 292 | * |
| 293 | * `wp-editor` hides the admin menu on this class, and the editor sets it from a React |
| 294 | * component — so it cannot apply until the bundle has loaded and the bootstrap has answered, |
| 295 | * and the page visibly reflows a few seconds in. Setting it here makes fullscreen the layout |
| 296 | * from first paint. The admin bar is untouched, which keeps a way out if the editor fails. |
| 297 | * |
| 298 | * @param string $classes Space-separated admin body classes. |
| 299 | * @return string |
| 300 | */ |
| 301 | public static function add_fullscreen_body_class( $classes ) { |
| 302 | return trim( $classes . ' is-fullscreen-mode' ); |
| 303 | } |
| 304 | |
| 305 | /** |
| 306 | * Enqueue the editor bundle and the block-editor assets it expects to find. |
| 307 | */ |
| 308 | public static function enqueue_assets() { |
| 309 | $asset_path = JETPACK__PLUGIN_DIR . '_inc/build/email-design-editor.asset.php'; |
| 310 | |
| 311 | if ( ! file_exists( $asset_path ) ) { |
| 312 | return; |
| 313 | } |
| 314 | |
| 315 | $asset = include $asset_path; |
| 316 | |
| 317 | self::enqueue_block_editor_assets(); |
| 318 | self::enqueue_tracks_transport(); |
| 319 | |
| 320 | // `@woocommerce/email-editor` opts into core's private APIs as `@wordpress/edit-site`, |
| 321 | // resolved against the site's `wp-private-apis`. Re-check on a package bump. NL-839 (j). |
| 322 | wp_enqueue_script( |
| 323 | self::HANDLE, |
| 324 | plugins_url( '_inc/build/email-design-editor.js', JETPACK__PLUGIN_FILE ), |
| 325 | $asset['dependencies'], |
| 326 | $asset['version'], |
| 327 | true |
| 328 | ); |
| 329 | wp_set_script_translations( self::HANDLE, 'jetpack' ); |
| 330 | |
| 331 | // `wp-editor`, `wp-block-editor` and `wp-preferences` are what lay the editor's frame |
| 332 | // out; without them every region stacks into one narrow column. Keep the list to |
| 333 | // handles WordPress registers — an unregistered one drops this stylesheet silently, |
| 334 | // which is `wp-interface`'s trap. |
| 335 | wp_enqueue_style( |
| 336 | self::HANDLE, |
| 337 | plugins_url( '_inc/build/email-design-editor.css', JETPACK__PLUGIN_FILE ), |
| 338 | array( |
| 339 | 'wp-components', |
| 340 | 'wp-block-editor', |
| 341 | 'wp-editor', |
| 342 | 'wp-edit-blocks', |
| 343 | 'wp-preferences', |
| 344 | 'wp-format-library', |
| 345 | ), |
| 346 | $asset['version'] |
| 347 | ); |
| 348 | wp_style_add_data( self::HANDLE, 'rtl', 'replace' ); |
| 349 | wp_add_inline_style( self::HANDLE, self::get_layout_css() ); |
| 350 | |
| 351 | wp_add_inline_script( |
| 352 | self::HANDLE, |
| 353 | 'window.JetpackEmailDesignEditor = ' . wp_json_encode( self::get_screen_data(), self::JSON_FLAGS ) . ';', |
| 354 | 'before' |
| 355 | ); |
| 356 | } |
| 357 | |
| 358 | /** |
| 359 | * Fill the screen with the editor. |
| 360 | * |
| 361 | * The editor's frame expects a viewport, not the flow of an admin page: inside the usual |
| 362 | * wp-admin content column it collapses to a fraction of the height and scrolls its own |
| 363 | * regions. Woo avoids this by running on `post.php`, which is already fullscreen. |
| 364 | * |
| 365 | * @return string |
| 366 | */ |
| 367 | private static function get_layout_css() { |
| 368 | return ' |
| 369 | #wpcontent { padding-inline-start: 0; } |
| 370 | #wpfooter { display: none; } |
| 371 | #' . self::HANDLE . ' { |
| 372 | position: fixed; |
| 373 | /* Below #wpadminbar (99999) so the editor\'s own popovers and snackbars, which ask |
| 374 | for 100000, cannot cover it — this caps everything inside. The admin menu is |
| 375 | hidden on this screen, so there is nothing else left to clear. */ |
| 376 | z-index: 99990; |
| 377 | inset-block: var(--wp-admin--admin-bar--height, 32px) 0; |
| 378 | inset-inline: 0; |
| 379 | } |
| 380 | /* wp-edit-post pins this and the screen does not load it, so without this the |
| 381 | snackbar renders in flow beside the header instead of over the canvas. */ |
| 382 | #' . self::HANDLE . ' .components-editor-notices__snackbar { |
| 383 | position: absolute; |
| 384 | inset-block-end: 20px; |
| 385 | inset-inline-start: 20px; |
| 386 | } |
| 387 | /* The screen is styles-only: the root block editing mode is `disabled`, so nothing is |
| 388 | insertable and core filters disabled blocks out of List View. Drop when blocks land. NL-1086. */ |
| 389 | #' . self::HANDLE . ' .editor-document-tools__inserter-toggle, |
| 390 | #' . self::HANDLE . ' .editor-document-tools__document-overview-toggle { |
| 391 | display: none; |
| 392 | } |
| 393 | '; |
| 394 | } |
| 395 | |
| 396 | /** |
| 397 | * Reproduce what the package's `Assets_Manager` does on WooCommerce's own screen. |
| 398 | * |
| 399 | * None of this happens automatically on a custom admin page: without it the editor |
| 400 | * mounts against no block library, no block categories and no server-side block |
| 401 | * definitions. See NL-839 (a). |
| 402 | * |
| 403 | * @todo Firing `enqueue_block_editor_assets` wholesale is the leading suspect for the |
| 404 | * second Styles button — it pulls in core's site-editing global styles UI. NL-839 (e). |
| 405 | */ |
| 406 | private static function enqueue_block_editor_assets() { |
| 407 | // Named rather than built from a post: there is no post here, and `get_block_categories()` |
| 408 | // hands whatever it gets to filters that type-hint the context. |
| 409 | $context = new WP_Block_Editor_Context( array( 'name' => 'jetpack/email-design' ) ); |
| 410 | |
| 411 | wp_enqueue_media(); |
| 412 | |
| 413 | do_action( 'enqueue_block_assets' ); |
| 414 | do_action( 'enqueue_block_editor_assets' ); |
| 415 | |
| 416 | wp_enqueue_style( 'wp-edit-blocks' ); |
| 417 | wp_enqueue_style( 'wp-format-library' ); |
| 418 | |
| 419 | wp_add_inline_script( |
| 420 | 'wp-blocks', |
| 421 | sprintf( 'wp.blocks.setCategories( %s );', wp_json_encode( get_block_categories( $context ), self::JSON_FLAGS ) ), |
| 422 | 'after' |
| 423 | ); |
| 424 | wp_add_inline_script( |
| 425 | 'wp-blocks', |
| 426 | sprintf( |
| 427 | 'wp.blocks.unstable__bootstrapServerSideBlockDefinitions( %s );', |
| 428 | wp_json_encode( get_block_editor_server_block_settings(), self::JSON_FLAGS ) |
| 429 | ), |
| 430 | 'after' |
| 431 | ); |
| 432 | } |
| 433 | |
| 434 | /** |
| 435 | * What the page hands the bundle, as `window.JetpackEmailDesignEditor`. |
| 436 | * |
| 437 | * Every WordPress.com id — the template's, the global-styles record's — comes from the |
| 438 | * bootstrap response instead, because they are namespaced to the shadow blog's theme and |
| 439 | * a locally computed one is right on Simple and wrong everywhere else. See NL-839 (c). |
| 440 | * |
| 441 | * @return array |
| 442 | */ |
| 443 | private static function get_screen_data() { |
| 444 | $exit_url = self::exit_url(); |
| 445 | |
| 446 | return array( |
| 447 | 'elementId' => self::HANDLE, |
| 448 | 'editorSettings' => self::get_iframe_asset_settings(), |
| 449 | |
| 450 | // The editor assigns these to `window.location.href` from its header buttons. Both |
| 451 | // leave the editor, and there is one design rather than a list, so both go to the |
| 452 | // same place. |
| 453 | 'urls' => array( |
| 454 | 'back' => $exit_url, |
| 455 | 'listings' => $exit_url, |
| 456 | ), |
| 457 | 'userEmail' => wp_get_current_user()->user_email, |
| 458 | |
| 459 | // The post the canvas should preview, where the previewer sent one. The design itself |
| 460 | // stays site-wide. {@see self::preview_post_id()} |
| 461 | 'postId' => self::preview_post_id(), |
| 462 | |
| 463 | // What the bundle needs to record its own events. {@see self::get_tracks_data()} |
| 464 | 'tracks' => self::get_tracks_data(), |
| 465 | ); |
| 466 | } |
| 467 | |
| 468 | /** |
| 469 | * Enqueue the Tracks sender, where this site may send at all. |
| 470 | * |
| 471 | * `Jetpack_Gutenberg` enqueues `jp-tracks` for the block editor and then dequeues it whenever |
| 472 | * `wp_should_load_block_editor_scripts_and_styles()` is false, which this screen is -- it is an |
| 473 | * Appearance page, so `is_block_editor()` answers no. Without this the queue the analytics |
| 474 | * package pushes onto is never drained and every event is silently lost. |
| 475 | * |
| 476 | * Simple already has it: `w.js` arrives with the masterbar there. |
| 477 | */ |
| 478 | private static function enqueue_tracks_transport() { |
| 479 | if ( ! self::can_send_tracks() || ( new Host() )->is_wpcom_simple() ) { |
| 480 | return; |
| 481 | } |
| 482 | |
| 483 | wp_enqueue_script( 'jp-tracks', '//stats.wp.com/w.js', array(), gmdate( 'YW' ), true ); |
| 484 | } |
| 485 | |
| 486 | /** |
| 487 | * Whether this site and this creator may be recorded. |
| 488 | * |
| 489 | * @return bool |
| 490 | */ |
| 491 | private static function can_send_tracks() { |
| 492 | // The gate below asks about the terms of service and the user's connection, which are both |
| 493 | // things a Simple site has none of, so it answers no there for a site that records |
| 494 | // everything else it does. WordPress.com loads the sender and identifies the user itself. |
| 495 | if ( ( new Host() )->is_wpcom_simple() ) { |
| 496 | return true; |
| 497 | } |
| 498 | |
| 499 | $tracking = new Tracking( 'jetpack', new Connection_Manager( 'jetpack' ) ); |
| 500 | |
| 501 | return $tracking->should_enable_tracking( new Terms_Of_Service(), new Status() ); |
| 502 | } |
| 503 | |
| 504 | /** |
| 505 | * The identity the bundle records against, or the refusal. |
| 506 | * |
| 507 | * Narrowed to the two fields the analytics package takes, so the email address and locale that |
| 508 | * `get_connected_user_tracks_identity()` also returns stay out of the page's HTML. A site can |
| 509 | * be allowed to send with no connected user, which records anonymously, so `canSend` is asked |
| 510 | * separately rather than inferred from having an identity. |
| 511 | * |
| 512 | * @return array |
| 513 | */ |
| 514 | private static function get_tracks_data() { |
| 515 | if ( ! self::can_send_tracks() ) { |
| 516 | return array( |
| 517 | 'canSend' => false, |
| 518 | 'userData' => null, |
| 519 | 'blogId' => null, |
| 520 | ); |
| 521 | } |
| 522 | |
| 523 | return array( |
| 524 | 'canSend' => true, |
| 525 | 'userData' => self::tracks_identity(), |
| 526 | 'blogId' => self::tracks_blog_id(), |
| 527 | ); |
| 528 | } |
| 529 | |
| 530 | /** |
| 531 | * Who the bundle records against, or nobody. |
| 532 | * |
| 533 | * Narrowed to the two fields the analytics package takes, so the email address and locale that |
| 534 | * `get_connected_user_tracks_identity()` also returns stay out of the page's HTML. |
| 535 | * |
| 536 | * Nobody on Simple: WordPress.com has already identified the logged-in user to the sender it |
| 537 | * loaded, and ours would replace that with an identity derived from a connection Simple does |
| 538 | * not have. Elsewhere a site can still record with no connected user, anonymously, which is |
| 539 | * why `canSend` is asked separately from this. |
| 540 | * |
| 541 | * @return array|null |
| 542 | */ |
| 543 | private static function tracks_identity() { |
| 544 | if ( ( new Host() )->is_wpcom_simple() ) { |
| 545 | return null; |
| 546 | } |
| 547 | |
| 548 | $identity = Jetpack_Tracks_Client::get_connected_user_tracks_identity(); |
| 549 | |
| 550 | if ( ! $identity ) { |
| 551 | return null; |
| 552 | } |
| 553 | |
| 554 | return array( |
| 555 | 'userid' => $identity['userid'], |
| 556 | 'username' => $identity['username'], |
| 557 | ); |
| 558 | } |
| 559 | |
| 560 | /** |
| 561 | * The WordPress.com blog the events name. |
| 562 | * |
| 563 | * Read the way the connected user's identity reads it, so both name one blog -- except on |
| 564 | * Simple, where the blog is a WordPress.com blog already and the Jetpack option that names it |
| 565 | * everywhere else is not what identifies it. |
| 566 | * |
| 567 | * @return int |
| 568 | */ |
| 569 | private static function tracks_blog_id() { |
| 570 | if ( ( new Host() )->is_wpcom_simple() ) { |
| 571 | return get_current_blog_id(); |
| 572 | } |
| 573 | |
| 574 | return (int) Jetpack_Options::get_option( 'id', 0 ); |
| 575 | } |
| 576 | |
| 577 | /** |
| 578 | * The post the canvas should preview, or null to leave the default. |
| 579 | * |
| 580 | * The previewer's link carries the post the reader was looking at, so changing the design does |
| 581 | * not replace it with the sample post. See NL-1051. |
| 582 | * |
| 583 | * Capability-checked here as well as on WordPress.com, so a hand-edited URL cannot name a post |
| 584 | * this user may not read. `absint()` is as forgiving as `exit_url()`'s validation -- `12abc` |
| 585 | * arrives as 12 -- which only ever yields an id shape `edit_post` then has the final word on. |
| 586 | * |
| 587 | * @return int|null |
| 588 | */ |
| 589 | private static function preview_post_id() { |
| 590 | // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- Read as a preview target only, and capability-checked below. |
| 591 | $post_id = isset( $_GET['post_id'] ) ? absint( wp_unslash( $_GET['post_id'] ) ) : 0; |
| 592 | |
| 593 | if ( $post_id > 0 && current_user_can( 'edit_post', $post_id ) ) { |
| 594 | return $post_id; |
| 595 | } |
| 596 | |
| 597 | return null; |
| 598 | } |
| 599 | |
| 600 | /** |
| 601 | * Where the editor's header buttons leave to. |
| 602 | * |
| 603 | * The `return` arg, where the surface that linked here sent one, so the editor goes back the |
| 604 | * way the reader came. Validated like core's Customizer validates its own |
| 605 | * (`wp-admin/customize.php`), and narrowed to wp-admin so the button cannot be aimed off it. |
| 606 | * |
| 607 | * Without a usable one -- Appearance, a bookmark, a reload, or the previewer's new tab, which |
| 608 | * sends none on purpose -- the dashboard, as the site editor does from the same menu |
| 609 | * (`__experimentalDashboardLink`). |
| 610 | * |
| 611 | * @return string |
| 612 | */ |
| 613 | private static function exit_url() { |
| 614 | // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- Read as a navigation target only, and validated below. |
| 615 | $return = isset( $_GET['return'] ) ? wp_validate_redirect( esc_url_raw( wp_unslash( $_GET['return'] ) ), '' ) : ''; |
| 616 | |
| 617 | if ( '' !== $return && 0 === strpos( $return, admin_url() ) ) { |
| 618 | return $return; |
| 619 | } |
| 620 | |
| 621 | return admin_url( '/' ); |
| 622 | } |
| 623 | |
| 624 | /** |
| 625 | * The two editor settings that describe this installation rather than the design. |
| 626 | * |
| 627 | * WordPress.com strips both from the bootstrap bundle, because there they would name |
| 628 | * WordPress.com's own asset URLs and push them into the site's canvas. |
| 629 | * |
| 630 | * @return array |
| 631 | */ |
| 632 | private static function get_iframe_asset_settings() { |
| 633 | // Absent before WP 6.3, and private, but it is what core's own block editors call to |
| 634 | // resolve the assets an iframed canvas needs. |
| 635 | if ( ! function_exists( '_wp_get_iframed_editor_assets' ) ) { |
| 636 | return array(); |
| 637 | } |
| 638 | |
| 639 | $handles = self::get_allowed_iframe_style_handles(); |
| 640 | |
| 641 | return array( |
| 642 | '__unstableResolvedAssets' => self::get_resolved_assets( $handles ), |
| 643 | 'allowedIframeStyleHandles' => $handles, |
| 644 | ); |
| 645 | } |
| 646 | |
| 647 | /** |
| 648 | * The stylesheet handles the canvas is allowed to keep. |
| 649 | * |
| 650 | * Mirrors the package's `Settings_Controller::get_allowed_iframe_style_handles()`. An empty |
| 651 | * list is not a no-op: the client strips every stylesheet not named here, so omitting this |
| 652 | * leaves the canvas painted in the site's own styles rather than the email's. |
| 653 | * |
| 654 | * @return string[] |
| 655 | */ |
| 656 | private static function get_allowed_iframe_style_handles() { |
| 657 | $handles = array( |
| 658 | 'wp-components-css', |
| 659 | 'wp-reset-editor-styles-css', |
| 660 | 'wp-block-library-css', |
| 661 | 'wp-block-editor-content-css', |
| 662 | 'wp-edit-blocks-css', |
| 663 | ); |
| 664 | |
| 665 | // Registration args reach the block type verbatim — `WP_Block_Type::set_props()` normalizes |
| 666 | // only `attributes`, and `register_block_type_args` can rewrite the rest — so a block |
| 667 | // declaring a bare string here would otherwise fatal the screen inside `array_merge()`. |
| 668 | foreach ( WP_Block_Type_Registry::get_instance()->get_all_registered() as $block ) { |
| 669 | if ( ! is_array( $block->supports ) || empty( $block->supports['email'] ) ) { |
| 670 | continue; |
| 671 | } |
| 672 | |
| 673 | foreach ( array_merge( (array) $block->style_handles, (array) $block->editor_style_handles ) as $handle ) { |
| 674 | if ( is_string( $handle ) ) { |
| 675 | $handles[] = $handle . '-css'; |
| 676 | } |
| 677 | } |
| 678 | } |
| 679 | |
| 680 | return $handles; |
| 681 | } |
| 682 | |
| 683 | /** |
| 684 | * The iframe assets, trimmed to the allowed handles. |
| 685 | * |
| 686 | * @param string[] $allowed Handles to keep. |
| 687 | * @return array The `_wp_get_iframed_editor_assets()` shape, with `styles` filtered. |
| 688 | */ |
| 689 | private static function get_resolved_assets( array $allowed ) { |
| 690 | // Core collects the canvas's assets by buffering `wp_print_footer_scripts()`, one of the two |
| 691 | // actions `wp_auth_check_load()` puts its "Session expired" dialog on. Core's own editor is |
| 692 | // built before `admin_enqueue_scripts` registers that; this screen is not. NL-957. |
| 693 | $had_auth_check = remove_action( 'wp_print_footer_scripts', 'wp_auth_check_html', 5 ); |
| 694 | |
| 695 | $assets = _wp_get_iframed_editor_assets(); |
| 696 | |
| 697 | if ( $had_auth_check ) { |
| 698 | add_action( 'wp_print_footer_scripts', 'wp_auth_check_html', 5 ); |
| 699 | } |
| 700 | |
| 701 | $kept = array(); |
| 702 | |
| 703 | foreach ( explode( "\n", (string) $assets['styles'] ) as $asset ) { |
| 704 | foreach ( $allowed as $handle ) { |
| 705 | if ( str_contains( $asset, $handle ) ) { |
| 706 | $kept[] = $asset; |
| 707 | break; |
| 708 | } |
| 709 | } |
| 710 | } |
| 711 | |
| 712 | $assets['styles'] = implode( "\n", $kept ); |
| 713 | |
| 714 | return $assets; |
| 715 | } |
| 716 | |
| 717 | /** |
| 718 | * Render the container the editor mounts into. |
| 719 | */ |
| 720 | public static function render() { |
| 721 | printf( '<div id="%s" class="jetpack-email-design-editor"></div>', esc_attr( self::HANDLE ) ); |
| 722 | } |
| 723 | } |
| 724 | |
| 725 | Jetpack_Email_Design_Editor::init(); |