feat: add Super Page Cache option to the onboarding wizard

Author: HardeepAsrani

.github/workflows/test-php.yml

@@ -53,7 +53,7 @@ jobs:
         with:
           php-version: '7.2'
           extensions: simplexml, mysql
-          tools: phpunit-polyfills
+          tools: phpunit:7.5.20, phpunit-polyfills
       - name: Checkout source code
         uses: actions/checkout@v2
       - name: Install Subversion
@@ -76,4 +76,3 @@ jobs:
         run: composer install --prefer-dist --no-progress --no-suggest --no-dev
       - name: Run phpunit
         run: composer run-script phpunit
-

assets/css/style-wizard.css

@@ -107,6 +107,7 @@ h2.wpmm-title span img {
 .step.import-step {
     margin: min(10%, 65px) min(12%, 195px);
     width: 1090px;
+    outline: 0;
 }
 
 .import-step .header {

assets/js/scripts-admin.js

@@ -601,6 +601,7 @@ jQuery( function( $ ) {
 	 */
 	function handlePlugins() {
 		const optimoleCheckbox = $( '#wizard-optimole-checkbox' );
+		const wpscCheckbox = $( '#wizard-wpsc-checkbox' );
 		const otterBlockCheckbox = $( '#wizard-otter-block-checkbox' );
 		let promiseChain = Promise.resolve();
 
@@ -617,6 +618,19 @@ jQuery( function( $ ) {
 				});
 		}
 
+		if ( wpscCheckbox.length && wpscCheckbox.is( ':checked' ) ) {
+			promiseChain = promiseChain
+				.then( () => {
+					if ( ! wpmmVars.isWPSCInstalled ) {
+						return installPlugin( 'wp-cloudflare-page-cache' ).then( () => activatePlugin( 'wp-cloudflare-page-cache' ) );
+					}
+
+					if ( ! wpmmVars.isWPSCActive ) {
+						return activatePlugin( 'wp-cloudflare-page-cache' );
+					}
+				} );
+		}
+
 		if ( otterBlockCheckbox.length && otterBlockCheckbox.is( ':checked' ) ) {
 			promiseChain = promiseChain
 				.then(() => handleOtter());
@@ -637,7 +651,7 @@ jQuery( function( $ ) {
 					updateSDKOptions();
 					return activatePlugin( 'otter-blocks' );
 				} );
-		} else if ( ! wpmmVars.isOtterActivated ) {
+		} else if ( ! wpmmVars.isOtterActive ) {
 			return activatePlugin( 'otter-blocks' );
 		}
 
@@ -689,6 +703,8 @@ jQuery( function( $ ) {
 				return $.get( wpmmVars.otterActivationLink );
 			case 'optimole-wp':
 				return $.get( wpmmVars.optimoleActivationLink );
+			case 'wp-cloudflare-page-cache':
+				return $.get( wpmmVars.wpscActivationLink );
 			default:
 				break;
 		}

includes/classes/wp-maintenance-mode-admin.php

@@ -168,6 +168,8 @@ public function enqueue_admin_scripts() {
 						'isOtterActive'          => is_plugin_active( 'otter-blocks/otter-blocks.php' ),
 						'isOptimoleInstalled'    => file_exists( ABSPATH . 'wp-content/plugins/optimole-wp/optimole-wp.php' ),
 						'isOptimoleActive'       => is_plugin_active( 'optimole-wp/optimole-wp.php' ),
+						'isWPSCInstalled'        => file_exists( ABSPATH . 'wp-content/plugins/wp-cloudflare-page-cache/wp-cloudflare-super-page-cache.php' ),
+						'isWPSCActive'           => is_plugin_active( 'wp-cloudflare-page-cache/wp-cloudflare-super-page-cache.php' ),
 						'errorString'            => __( 'Something went wrong, please try again.', 'wp-maintenance-mode' ),
 						'loadingString'          => __( 'Doing some magic...', 'wp-maintenance-mode' ),
 						'importingText'          => __( 'Importing', 'wp-maintenance-mode' ),
@@ -198,6 +200,16 @@ public function enqueue_admin_scripts() {
 							),
 							esc_url( network_admin_url( 'plugins.php' ) )
 						),
+						'wpscActivationLink'     => add_query_arg(
+							array(
+								'action'        => 'activate',
+								'plugin'        => rawurlencode( 'wp-cloudflare-page-cache/wp-cloudflare-super-page-cache.php' ),
+								'plugin_status' => 'all',
+								'paged'         => '1',
+								'_wpnonce'      => wp_create_nonce( 'activate-plugin_wp-cloudflare-page-cache/wp-cloudflare-super-page-cache.php' ),
+							),
+							esc_url( network_admin_url( 'plugins.php' ) )
+						),
 						'modalTexts'             => array(
 							'title'          => __( 'The template has been imported!', 'wp-maintenance-mode' ),
 							'description'    => __( 'The template has been imported to a new draft page. You can take a look and enable it from plugin settings.', 'wp-maintenance-mode' ),

views/wizard.php

@@ -98,6 +98,35 @@
 								wpmm_translated_string_allowed_html(),
 							);
 							?>
+						</p>
+					</div>
+				<?php } ?>
+				<?php if ( ! is_plugin_active( 'wp-cloudflare-page-cache/wp-cloudflare-super-page-cache.php' ) ) { ?>
+					<div class="optimole-upsell">
+						<div class="optimole-upsell-container">
+							<span class="components-checkbox-control__input-container">
+								<input id="wizard-wpsc-checkbox" type="checkbox" class="components-checkbox-control__input" checked>
+								<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" role="presentation" class="components-checkbox-control__checked" aria-hidden="true" focusable="false"><path d="M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"></path></svg>
+							</span>
+							<label for="wizard-wpsc-checkbox">
+								<?php esc_html_e( 'Accelerate your website performance', 'wp-maintenance-mode' ); ?>
+							</label>
+						</div>
+						<p class="description">
+							<?php
+							echo wp_kses(
+								sprintf(
+									// translators: %1$s is a description, %2$s is the Super Page Cache URL, %3$s is the plugin name, %4$s is description text.
+									'%1$s <a href="%2$s" target="_blank">%3$s</a> %4$s',
+									__( 'Speed up your pages by 60-80% with intelligent caching. Achieve faster load times and better search rankings automatically, with', 'wp-maintenance-mode' ),
+									esc_url( 'https://wordpress.org/plugins/wp-cloudflare-page-cache/' ),
+									__( 'Super Page Cache', 'wp-maintenance-mode' ),
+									__( 'plugin installed and activated automatically.', 'wp-maintenance-mode' ),
+								),
+								wpmm_translated_string_allowed_html(),
+							);
+							?>
+						</p>
 					</div>
 				<?php } ?>