← All changes | modules/notes.php +49 -59 13.1.5 → 16.2 View file →

		@@ -1,8 +1,8 @@
1	1	<?php // phpcs:ignore WordPress.Files.FileName.InvalidClassFileName
2	2	/**
3	3	* Module Name: Notifications
4		- * Module Description: Receive instant notifications of site comments and likes.
	4	+ * Module Description: Receive real‑time notifications about site activity across your devices.
5	5	* Sort Order: 13
6	6	* First Introduced: 1.9
7	7	* Requires Connection: Yes
8	8	* Requires User Connection: Yes
		@@ -14,9 +14,14 @@
14	14	* @package automattic/jetpack
15	15	*/
16	16
17	17	use Automattic\Jetpack\Connection\Manager as Connection_Manager;
	18	+use Automattic\Jetpack\Status\Host;
18	19
	20	+if ( ! defined( 'ABSPATH' ) ) {
	21	+ exit( 0 );
	22	+}
	23	+
19	24	if ( ! defined( 'JETPACK_NOTES__CACHE_BUSTER' ) ) {
20	25	define( 'JETPACK_NOTES__CACHE_BUSTER', JETPACK__VERSION . '-' . gmdate( 'oW' ) . '-lite' );
21	26	}
22	27
		@@ -79,22 +84,8 @@
79	84	if ( ! has_filter( 'show_admin_bar', '__return_true' ) && ! is_user_logged_in() ) {
80	85	return;
81	86	}
82	87
83		- // Do not show notifications in the Site Editor, which is always in fullscreen mode.
84		- global $pagenow;
85		-
86		- // Pre 13.7 pages that still need to be supported if < 13.7 is
87		- // still installed.
88		- $allowed_old_pages = array( 'admin.php', 'themes.php' );
89		- $is_old_site_editor_page = in_array( $pagenow, $allowed_old_pages, true ) && isset( $_GET['page'] ) && 'gutenberg-edit-site' === $_GET['page']; // phpcs:ignore WordPress.Security.NonceVerification.Recommended
90		- // For Gutenberg > 13.7, the core `site-editor.php` route is used instead
91		- $is_site_editor_page = 'site-editor.php' === $pagenow;
92		-
93		- if ( $is_site_editor_page || $is_old_site_editor_page ) {
94		- return;
95		- }
96		-
97	88	add_action( 'admin_bar_menu', array( $this, 'admin_bar_menu' ), 120 );
98	89	add_action( 'wp_head', array( $this, 'styles_and_scripts' ), 120 );
99	90	add_action( 'admin_head', array( $this, 'styles_and_scripts' ) );
100	91	}
		@@ -104,14 +95,11 @@
104	95	*
105	96	* @return void
106	97	*/
107	98	public function styles_and_scripts() {
108		- if ( self::is_block_editor() ) {
109		- return;
110		- }
111	99	$is_rtl = is_rtl();
112	100
113		- if ( Jetpack::is_module_active( 'masterbar' ) ) {
	101	+ if ( ( new Host() )->is_woa_site() ) {
114	102	/**
115	103	* Can be used to force Notifications to display in RTL style.
116	104	*
117	105	* @module notes
		@@ -138,8 +126,11 @@
138	126	$script_handles[] = 'wpcom-notes-common';
139	127	wp_enqueue_script( 'wpcom-notes-admin-bar', $this->wpcom_static_url( '/wp-content/mu-plugins/notes/admin-bar-v2.js' ), array( 'wpcom-notes-common' ), JETPACK_NOTES__CACHE_BUSTER, true );
140	128	$script_handles[] = 'wpcom-notes-admin-bar';
141	129
	130	+ $wp_notes_args = 'var wpNotesArgs = ' . wp_json_encode( array( 'cacheBuster' => JETPACK_NOTES__CACHE_BUSTER ), JSON_UNESCAPED_SLASHES | JSON_HEX_TAG | JSON_HEX_AMP ) . ';';
	131	+ wp_add_inline_script( 'wpcom-notes-admin-bar', $wp_notes_args, 'before' );
	132	+
142	133	if ( class_exists( 'Jetpack_AMP_Support' ) && Jetpack_AMP_Support::is_amp_request() ) {
143	134	add_filter(
144	135	'script_loader_tag',
145	136	function ( $tag, $handle ) use ( $script_handles ) {
		@@ -165,14 +156,10 @@
165	156	if ( ! is_object( $wp_admin_bar ) ) {
166	157	return;
167	158	}
168	159
169		- if ( self::is_block_editor() ) {
170		- return;
171		- }
	160	+ $user_locale = get_user_locale();
172	161
173		- $wpcom_locale = get_locale();
174		-
175	162	if ( ! class_exists( 'GP_Locales' ) ) {
176	163	if ( defined( 'JETPACK__GLOTPRESS_LOCALES_PATH' ) && file_exists( JETPACK__GLOTPRESS_LOCALES_PATH ) ) {
177	164	require JETPACK__GLOTPRESS_LOCALES_PATH;
178	165	}
		@@ -178,35 +165,51 @@
178	165	}
179	166	}
180	167
181	168	if ( class_exists( 'GP_Locales' ) ) {
182		- $wpcom_locale_object = GP_Locales::by_field( 'wp_locale', $wpcom_locale );
183		- if ( $wpcom_locale_object instanceof GP_Locale ) {
184		- $wpcom_locale = $wpcom_locale_object->slug;
	169	+ $jetpack_locale_object = GP_Locales::by_field( 'slug', $user_locale );
	170	+ if ( $jetpack_locale_object instanceof GP_Locale ) {
	171	+ $user_locale = $jetpack_locale_object->slug;
185	172	}
186	173	}
187	174
188	175	$third_party_cookie_check_iframe = '<span style="display:none;"><iframe class="jetpack-notes-cookie-check" src="https://widgets.wp.com/3rd-party-cookie-check/index.html"></iframe></span>';
189	176
190		- $classes = 'wpnt-loading wpn-read';
	177	+ // Opt into the v3 notifications panel/iframe via the `notifications=v3` query parameter.
	178	+ $notifications_version = sanitize_key( wp_unslash( $_GET['notifications'] ?? '' ) ); // phpcs:ignore WordPress.Security.NonceVerification.Recommended
	179	+ $panel_id = 'v3' === $notifications_version ? 'wpnt-notes-panel3' : 'wpnt-notes-panel2';
	180	+
	181	+ $title = self::get_notes_markup();
	182	+
	183	+ // The default fallback is `en_US`. Remove underscore if present, noting that lang codes can be more than three chars.
	184	+ $user_locale = strtolower( explode( '_', $user_locale, 2 )[0] );
	185	+
191	186	$wp_admin_bar->add_menu(
192	187	array(
193	188	'id' => 'notes',
194		- 'title' => '<span id="wpnt-notes-unread-count" class="' . esc_attr( $classes ) . '">
195		- <span class="screen-reader-text">' . esc_html__( 'Notifications', 'jetpack' ) . '</span>
196		- <span class="noticon noticon-notification"></span>
197		- </span>',
	189	+ 'title' => $title,
198	190	'meta' => array(
199		- 'html' => '<div id="wpnt-notes-panel2" class="intrinsic-ignore" style="display:none" lang="' . esc_attr( $wpcom_locale ) . '" dir="' . ( is_rtl() ? 'rtl' : 'ltr' ) . '"><div class="wpnt-notes-panel-header"><span class="wpnt-notes-header">' . __( 'Notifications', 'jetpack' ) . '</span><span class="wpnt-notes-panel-link"></span></div></div>' . $third_party_cookie_check_iframe,
	191	+ 'html' => '<div id="' . esc_attr( $panel_id ) . '" class="intrinsic-ignore" style="display:none" lang="' . esc_attr( $user_locale ) . '" dir="' . ( is_rtl() ? 'rtl' : 'ltr' ) . '"><div class="wpnt-notes-panel-header"><span class="wpnt-notes-header">' . __( 'Notifications', 'jetpack' ) . '</span><span class="wpnt-notes-panel-link"></span></div></div>' . $third_party_cookie_check_iframe,
200	192	'class' => 'menupop',
201	193	),
202	194	'parent' => 'top-secondary',
203		- 'href' => 'https://wordpress.com/notifications',
	195	+ 'href' => 'https://wordpress.com/reader/notifications',
204	196	)
205	197	);
206	198	}
207	199
208	200	/**
	201	+ * Returns the HTML markup for used by notification in top bar
	202	+ *
	203	+ * @return string
	204	+ */
	205	+ private static function get_notes_markup() {
	206	+ return '<span id="wpnt-notes-unread-count" class="wpnt-loading wpn-read"></span>
	207	+<span class="noticon noticon-bell ab-icon"></span>
	208	+<span class="screen-reader-text">' . esc_html__( 'Notifications', 'jetpack' ) . '</span>';
	209	+ }
	210	+
	211	+ /**
209	212	* Echos the Notes JS.
210	213	*
211	214	* @return void
212	215	*/
		@@ -211,34 +214,21 @@
211	214	* @return void
212	215	*/
213	216	public function print_js() {
214	217	$link_accounts_url = is_user_logged_in() && ! ( new Connection_Manager( 'jetpack' ) )->is_user_connected() ? Jetpack::admin_url() : false;
215		- ?>
216		-<script data-ampdevmode type="text/javascript">
217		-/* <![CDATA[ */
218		- var wpNotesIsJetpackClient = true;
219		- var wpNotesIsJetpackClientV2 = true;
220		- <?php if ( $link_accounts_url ) : ?>
221		- var wpNotesLinkAccountsURL = '<?php echo esc_url( $link_accounts_url ); ?>';
222		-<?php endif; ?>
223		-/* ]]> */
224		- window.addEventListener('message', function ( event ) {
225		- // Confirm that the message is from the right origin.
226		- if ('https://widgets.wp.com' !== event.origin) {
227		- return;
	218	+ $script_contents = <<<'JS'
	219	+var wpNotesIsJetpackClient = true;
	220	+var wpNotesIsJetpackClientV2 = true;
	221	+JS;
	222	+ if ( $link_accounts_url ) {
	223	+ $script_contents .= "\nvar wpNotesLinkAccountsURL = " . wp_json_encode( $link_accounts_url, JSON_UNESCAPED_SLASHES | JSON_HEX_TAG | JSON_HEX_AMP ) . ';';
228	224	}
229		- // Check whether 3rd Party Cookies are blocked
230		- var has3PCBlocked = 'WPCOM:3PC:blocked' === event.data;
231		-
232		- var tagerElement = document.getElementById('wp-admin-bar-notes');
233		-
234		- if ( has3PCBlocked && tagerElement ) {
235		- // Hide the notification button/icon
236		- tagerElement.style.display = 'none';
237		- }
238		- }, false );
239		-</script>
240		- <?php
	225	+ wp_print_inline_script_tag(
	226	+ $script_contents,
	227	+ array(
	228	+ 'data-ampdevmode' => true,
	229	+ )
	230	+ );
241	231	}
242	232
243	233	/**
244	234	* Checks to see if we're in the block editor.