Release wp-parsely 3.16.1

CHANGELOG.md

@@ -5,6 +5,16 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [3.16.1](https://github.com/Parsely/wp-parsely/compare/3.16.0...3.16.1) - 2024-07-18
+
+### Fixed
+
+- PCH Performance Stats: Remove UTM parameters from the 'View in Parse.ly' button ([#2655](https://github.com/Parsely/wp-parsely/pull/2655))
+- PCH Smart Linking: Show error when API returns empty list of Smart Link suggestions ([#2654](https://github.com/Parsely/wp-parsely/pull/2654))
+- PCH Smart Linking: Fix CSS leaking from the Block Preview ([#2652](https://github.com/Parsely/wp-parsely/pull/2652))
+- PCH Smart Linking: Use the post title as the Smart Link title. ([#2650](https://github.com/Parsely/wp-parsely/pull/2650))
+- Permissions: Fix PHP Warning when the user role is invalid ([#2649](https://github.com/Parsely/wp-parsely/pull/2649))
+
 ## [3.16.0](https://github.com/Parsely/wp-parsely/compare/3.15.0...3.16.0) - 2024-07-08
 
 ### Added

README.md

@@ -1,6 +1,6 @@
 # Parse.ly
 
-Stable tag: 3.16.0  
+Stable tag: 3.16.1  
 Requires at least: 5.2  
 Tested up to: 6.5  
 Requires PHP: 7.2  

build/content-helper/editor-sidebar.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-dom-ready', 'wp-edit-post', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-plugins', 'wp-primitives', 'wp-url'), 'version' => '629f8616ef4e8194995e');
+<?php return array('dependencies' => array('react', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-dom-ready', 'wp-edit-post', 'wp-editor', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-plugins', 'wp-primitives', 'wp-url'), 'version' => 'b8c0240b984732a6e310');

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "wp-parsely",
-	"version": "3.16.0",
+	"version": "3.16.1",
 	"private": true,
 	"description": "The Parse.ly plugin facilitates real-time and historical analytics to your content through a platform designed and built for digital publishing.",
 	"author": "parsely, hbbtstar, jblz, mikeyarce, GaryJ, parsely_mike, acicovic, mehmoodak, vaurdan",

src/Models/class-smart-link.php

@@ -128,7 +128,14 @@ public function __construct(
 		int $post_id = 0
 	) {
 		$this->set_href( $href );
-		$this->title          = $title;
+
+		// Set the title to be the destination post title if the destination post ID is set.
+		if ( 0 !== $this->destination_post_id ) {
+			$this->title = get_the_title( $this->destination_post_id );
+		} else {
+			$this->title = $title;
+		}
+
 		$this->text           = $text;
 		$this->offset         = $offset;
 		$this->source_post_id = $post_id;

src/class-dashboard-link.php

@@ -25,14 +25,15 @@ class Dashboard_Link {
 	 *
 	 * @since 2.6.0
 	 * @since 3.1.0 Moved to class-dashboard-link.php. Added source parameter.
+	 * @since 3.16.1 Made the $campaign and $source parameters optional.
 	 *
 	 * @param WP_Post $post   Which post object or ID to check.
 	 * @param string  $site_id Site ID or empty string.
 	 * @param string  $campaign Campaign name for the `utm_campaign` URL parameter.
 	 * @param string  $source Source name for the `utm_source` URL parameter.
 	 * @return string
 	 */
-	public static function generate_url( WP_Post $post, string $site_id, string $campaign, string $source ): string {
+	public static function generate_url( WP_Post $post, string $site_id, string $campaign = '', string $source = '' ): string {
 		/**
 		 * Internal variable.
 		 *
@@ -50,6 +51,18 @@ public static function generate_url( WP_Post $post, string $site_id, string $cam
 			'utm_medium'   => 'wp-parsely',
 		);
 
+		if ( '' === $campaign ) {
+			unset( $query_args['utm_campaign'] );
+		}
+
+		if ( '' === $source ) {
+			unset( $query_args['utm_source'] );
+		}
+
+		if ( ! isset( $query_args['utm_campaign'] ) && ! isset( $query_args['utm_source'] ) ) {
+			unset( $query_args['utm_medium'] );
+		}
+
 		return add_query_arg( $query_args, Parsely::get_dash_url( $site_id ) );
 	}
 

src/class-permissions.php

@@ -80,30 +80,34 @@ public static function current_user_can_use_pch_feature(
 			return false;
 		}
 
-		// Current user's role is not yet set.
 		$current_user = wp_get_current_user();
-		if ( 0 === count( $current_user->roles ) ) {
+		$user_roles   = $current_user->roles;
+
+		// Current user's role is not yet set.
+		if ( 0 === count( $user_roles ) ) {
 			return false;
 		}
 
-		// Check that the user's role has the capability to edit posts.
-		$current_user_role = $current_user->roles[0];
-		$valid_roles       = array_keys( self::get_user_roles_with_edit_posts_cap() );
-		if ( ! in_array( $current_user_role, $valid_roles, true ) ) {
+		// Get the roles with the capability to edit posts.
+		$valid_roles = array_keys( self::get_user_roles_with_edit_posts_cap() );
+
+		// Check that at least one of the user's roles has the capability to edit posts.
+		if ( 0 === count( array_intersect( $user_roles, $valid_roles ) ) ) {
 			return false;
 		}
 
-		// Check that the user's role has access to the specific feature/post.
+		// Check that at least one of the user's roles has access to the specific feature/post.
 		$allowed_roles = $feature_options['allowed_user_roles'];
-		if ( in_array( $current_user_role, $allowed_roles, true ) ) {
-			if ( (int) $post_id > 0 ) {
-				return current_user_can( 'edit_post', $post_id );
-			}
+		if ( 0 === count( array_intersect( $user_roles, $allowed_roles ) ) ) {
+			return false;
+		}
 
-			return true;
+		// Check if the user can edit the post.
+		if ( (int) $post_id > 0 ) {
+			return current_user_can( 'edit_post', $post_id );
 		}
 
-		return false;
+		return true;
 	}
 
 	/**

src/content-helper/editor-sidebar/class-editor-sidebar.php

@@ -95,11 +95,13 @@ public static function get_style_id(): string {
 	 * Returns the Parse.ly post dashboard URL for the current post.
 	 *
 	 * @since 3.14.0
+	 * @since 3.16.1 Added the $show_utm_params parameter.
 	 *
 	 * @param int|null|WP_Post $post_id The post ID or post object. Default is the current post.
+	 * @param bool             $add_utm_params Whether to add UTM parameters in the URL.
 	 * @return string|null The Parse.ly post dashboard URL, or false if the post ID is invalid.
 	 */
-	private function get_parsely_post_url( $post_id = null ): ?string {
+	private function get_parsely_post_url( $post_id = null, bool $add_utm_params = true ): ?string {
 		// Get permalink for the post.
 		$post_id = $post_id ?? get_the_ID();
 		if ( false === $post_id ) {
@@ -117,6 +119,10 @@ private function get_parsely_post_url( $post_id = null ): ?string {
 			return null;
 		}
 
+		if ( ! $add_utm_params ) {
+			return Dashboard_Link::generate_url( $post, $this->parsely->get_site_id() );
+		}
+
 		return Dashboard_Link::generate_url( $post, $this->parsely->get_site_id(), 'wp-page-single', 'editor-sidebar' );
 	}
 
@@ -159,8 +165,8 @@ public function run(): void {
 
 		$this->inject_inline_scripts( Editor_Sidebar_Settings_Endpoint::get_route() );
 
-		// Inject inline variables for the editor sidebar.
-		$parsely_post_url = $this->get_parsely_post_url();
+		// Inject inline variables for the editor sidebar, without UTM parameters.
+		$parsely_post_url = $this->get_parsely_post_url( null, false );
 		if ( null !== $parsely_post_url ) {
 			wp_add_inline_script(
 				static::get_script_id(),

src/content-helper/editor-sidebar/smart-linking/component.tsx

@@ -482,7 +482,17 @@ export const SmartLinkingPanel = ( {
 		try {
 			const generatedLinks = await generateSmartLinksWithRetry( MAX_NUMBER_OF_RETRIES );
 			await processSmartLinks( generatedLinks );
-			setIsReviewModalOpen( true );
+			if ( smartLinks.length === 0 ) {
+				const contentHelperError = new ContentHelperError(
+					__( 'No smart links were generated.', 'wp-parsely' ),
+					ContentHelperErrorCode.ParselyApiReturnedNoData,
+					''
+				);
+				await setError( contentHelperError );
+				contentHelperError.createErrorSnackbar();
+			} else {
+				setIsReviewModalOpen( true );
+			}
 		} catch ( e: any ) { // eslint-disable-line @typescript-eslint/no-explicit-any
 			const contentHelperError = new ContentHelperError(
 				e.message ?? 'An unknown error has occurred.',

src/content-helper/editor-sidebar/smart-linking/review-modal/component-block-preview.tsx

@@ -6,25 +6,33 @@ import { BlockEditorProvider, BlockList } from '@wordpress/block-editor';
 import { BlockInstance, cloneBlock, getBlockContent } from '@wordpress/blocks';
 import { Disabled } from '@wordpress/components';
 import { select } from '@wordpress/data';
-import { useCallback, useEffect, useMemo } from '@wordpress/element';
+import { useCallback, useEffect, useMemo, useState } from '@wordpress/element';
 
 /**
  * Internal dependencies
  */
 import { SmartLink } from '../provider';
 import { applyNodeToBlock } from '../utils';
 
+/**
+ * The style object, a derivative from Gutenberg's `Style` type.
+ *
+ * @since 3.16.1
+ */
+type Style = {
+	css?: string,
+	assets?: string,
+	__unstableType?: string,
+};
+
 /**
  * The props for the Styles component.
  *
  * @since 3.16.0
+ * @since 3.16.1 Extracted the styles prop to a new `Style` type.
  */
 type StylesProps = {
-	styles: {
-		css?: string,
-		assets?: string,
-		__unstableType?: string,
-	}[],
+	styles: Style[],
 };
 
 /**
@@ -37,20 +45,85 @@ type StylesProps = {
  * @param {StylesProps} props The component props.
  */
 const Styles = ( { styles }: StylesProps ): React.JSX.Element => {
-	// Get only the theme and user styles.
-	const filteredStyles = styles
-		.filter( ( style ) => {
-			return (
-				style.__unstableType === 'theme' ||
-				style.__unstableType === 'user'
-			) && style.css;
+	/**
+	 * Prefixes the selectors in the CSS with the given prefix.
+	 *
+	 * It also replaces the `body` selector with the prefix itself.
+	 *
+	 * @since 3.16.1
+	 *
+	 * @param {string} css    The CSS to prefix.
+	 * @param {string} prefix The prefix to use.
+	 */
+	const prefixSelectors = ( css: string, prefix: string ): string => {
+		// Split the CSS into individual rules.
+		const cssRules = css.split( '}' );
+
+		const prefixedRules = cssRules.map( ( rule ) => {
+			// If the rule is empty, skip it.
+			if ( ! rule.trim() ) {
+				return '';
+			}
+
+			// eslint-disable-next-line @wordpress/no-unused-vars-before-return
+			const [ selectors, properties ] = rule.split( '{' );
+
+			// If there are no properties, return the rule as is.
+			if ( ! properties ) {
+				return rule;
+			}
+
+			// Add the prefix to each selector.
+			const prefixedSelectors = selectors
+				.split( ',' )
+				.map( ( selector ) => {
+					const trimmedSelector = selector.trim();
+					if ( ! trimmedSelector ) {
+						return '';
+					}
+					// Replace the `body` selector with the prefix.
+					if ( trimmedSelector === 'body' ) {
+						return prefix;
+					}
+					return `${ prefix } ${ trimmedSelector }`;
+				} ).join( ', ' );
+
+			return `${ prefixedSelectors } {${ properties }}`;
 		} );
 
-	// Returns the styles, but replaces the body selector with the block editor selector.
+		return prefixedRules.join( ' ' );
+	};
+
+	const [ processedStyles, setProcessedStyles ] = useState<Style[]>( [] );
+
+	/**
+	 * Processes the styles to prefix all the Editor styles selectors with the Preview Editor wrapper class.
+	 *
+	 * @since 3.16.1
+	 */
+	useEffect( () => {
+		const processStyles = () => {
+			const filteredStyles = styles.filter( ( style ) => {
+				return (
+					( style.__unstableType === 'theme' || style.__unstableType === 'user' ) && style.css
+				);
+			} );
+
+			const processed = filteredStyles.map( ( style ) => {
+				const prefixedCss = prefixSelectors( style.css ?? '', '.wp-parsely-preview-editor' );
+				return { ...style, css: prefixedCss };
+			} );
+
+			setProcessedStyles( processed );
+		};
+
+		processStyles();
+	}, [ styles ] );
+
 	return (
 		<>
-			{ filteredStyles.map( ( style, index ) => (
-				<style key={ index }>{ style.css?.replace( /body/g, '.wp-parsely-preview-editor' ) }</style>
+			{ processedStyles.map( ( style, index ) => (
+				<style key={ index }>{ style.css }</style>
 			) ) }
 		</>
 	);
@@ -185,19 +258,21 @@ export const BlockPreview = ( { block, link, useOriginalBlock }: BlockPreviewPro
 	const settings = select( 'core/block-editor' ).getSettings();
 
 	return (
-		<Disabled className="wp-block-post-content editor-styles-wrapper wp-parsely-preview-editor" >
-			<BlockEditorProvider
-				value={ [ clonedBlock ] }
-				settings={ {
-					...settings,
-					// @ts-ignore __unstableIsPreviewMode is not in the types.
-					__unstableIsPreviewMode: true,
-					templateLock: 'all',
-				} }
-			>
-				<Styles styles={ settings.styles } />
-				<BlockList />
-			</BlockEditorProvider>
-		</Disabled>
+		<div className="wp-parsely-preview-editor">
+			<Disabled className="wp-block-post-content editor-styles-wrapper" >
+				<BlockEditorProvider
+					value={ [ clonedBlock ] }
+					settings={ {
+						...settings,
+						// @ts-ignore __unstableIsPreviewMode is not in the types.
+						__unstableIsPreviewMode: true,
+						templateLock: 'all',
+					} }
+				>
+					<Styles styles={ settings.styles } />
+					<BlockList />
+				</BlockEditorProvider>
+			</Disabled>
+		</div>
 	);
 };

src/content-helper/editor-sidebar/smart-linking/smart-linking.scss

@@ -489,9 +489,10 @@
 
 .wp-parsely-preview-editor {
 
-	&.editor-styles-wrapper {
+	.editor-styles-wrapper {
 		padding-bottom: 0;
 		font-size: var(--font-size--medium);
+		background: var(--Gutenberg-White, #fff);
 	}
 
 	p[role="document"] {
@@ -503,6 +504,6 @@
 		background: hsla(var(--parsely-green-components), 0.5);
 		mix-blend-mode: multiply;
 		text-decoration-line: underline;
-		color: var(--sidebar-black);
+		color: var(--sidebar-black) !important;
 	}
 }