first commit - check for capabilities

Author: geckod22

build/performance/performance.min.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('lodash', 'react', 'react-jsx-runtime', 'wp-api-fetch', 'wp-data', 'wp-dom-ready', 'wp-element', 'wp-i18n'), 'version' => '126efbd4b855c1411ec8');
+<?php return array('dependencies' => array('lodash', 'react', 'react-jsx-runtime', 'wp-api-fetch', 'wp-data', 'wp-dom-ready', 'wp-element', 'wp-i18n'), 'version' => '8c1516cb1a7ac8c4b6bb');

build/performance/performance.min.js

@@ -2,6 +2,7 @@
 
 namespace NewfoldLabs\WP\Module\Performance\LinkPrefetch;
 
+use NewfoldLabs\WP\Module\Data\SiteCapabilities;
 use NewfoldLabs\WP\ModuleLoader\Container;
 
 /**
@@ -59,6 +60,16 @@ class LinkPrefetch {
 	 */
 	public function __construct( Container $container ) {
 		$this->container = $container;
+
+		$capabilities = new SiteCapabilities();
+		$clickEnbaled = $capabilities->get( 'hasLinkPrefetchClick' );
+		$hoverEnbaled = $capabilities->get( 'hasLinkPrefetchHover' );
+
+		if ( ! $clickEnbaled && ! $hoverEnbaled ) {
+			update_option( self::$option_name, self::$default_settings );
+			return;
+		}
+
 		add_filter( 'newfold-runtime', array( $this, 'add_to_runtime' ) );
 		add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_scripts' ) );
 		if ( ! is_admin() ) {

includes/LinkPrefetch/LinkPrefetch.php

@@ -22,7 +22,10 @@ import ImageOptimization from '../../sections/ImageOptimization';
 import getAppText from './getAppText';
 
 const App = () => {
+	
 	const { title, description } = getAppText();
+	const hasLinkPrefetchClick = NewfoldRuntime.hasCapability('hasLinkPrefetchClick');
+	const hasLinkPrefetchHover = NewfoldRuntime.hasCapability('hasLinkPrefetchHover');
 
 	useEffect( () => {
 		const brand = NewfoldRuntime.sdk?.plugin?.brand;
@@ -68,12 +71,14 @@ const App = () => {
 					>
 						<JetpackBoost />
 					</Container.Block>
-					<Container.Block
-						separator
-						className="newfold-link-prefetch"
-					>
-						<LinkPrefetch />
-					</Container.Block>
+					{ ( hasLinkPrefetchClick || hasLinkPrefetchHover ) && (
+						<Container.Block
+							separator
+							className="newfold-link-prefetch"
+						>
+							<LinkPrefetch hasLinkPrefetchClick={hasLinkPrefetchClick} hasLinkPrefetchHover={hasLinkPrefetchHover}/>
+						</Container.Block>
+					) }
 					<Container.Block className="newfold-image-optimization">
 						<ImageOptimization />
 					</Container.Block>

src/components/App/index.js

@@ -26,7 +26,7 @@ const useUpdateEffect = ( effect, deps ) => {
 	}, deps );
 };
 
-const LinkPrefetch = () => {
+const LinkPrefetch = ( { hasLinkPrefetchClick, hasLinkPrefetchHover } ) => {
 	const {
 		linkPrefetchTitle,
 		linkPrefetchDescription,
@@ -149,14 +149,18 @@ const LinkPrefetch = () => {
 					}
 					className="nfd-mb-6"
 				>
-					<SelectField.Option
-						label={ linkPrefetchBehaviorMouseHoverLabel }
-						value="mouseHover"
-					/>
-					<SelectField.Option
-						label={ linkPrefetchBehaviorMouseDownLabel }
-						value="mouseDown"
-					/>
+					{ hasLinkPrefetchHover && (
+						<SelectField.Option
+							label={ linkPrefetchBehaviorMouseHoverLabel }
+							value="mouseHover"
+						/>
+					)}
+					{ hasLinkPrefetchClick && (
+						<SelectField.Option
+							label={ linkPrefetchBehaviorMouseDownLabel }
+							value="mouseDown"
+						/>
+					) }
 				</SelectField>
 			) }