Changeset 12931

Timestamp:

10/05/2023 05:47:17 AM (18 months ago)

Author:

tellyworth

Message:

Plugins: add a simple Live Preview button (Playground)

Some additional finesse may be needed, this is to get things started.

See #7251

Location:

sites/trunk/wordpress.org/public_html/wp-content

Files:

• plugins/plugin-directory/class-template.php (modified) (1 diff)
• themes/pub/wporg-plugins/template-parts/plugin-single.php (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/plugins/plugin-directory/class-template.php

@@ -720 +720 @@
             return sprintf( 'https://downloads.wordpress.org/plugin/%s.zip', $post->post_name );
         }
+    }
+
+    /**
+     * Generate a live preview (playground) link for a given plugin.
+     *
+     * @param int|\WP_Post|null $post    Optional. Post ID or post object. Defaults to global $post.
+     * @param string            $landing_page The landing page for the preview. Option. Default: /wp-admin/plugins.php.
+     * @return string The preview url.
+     */
+    public static function preview_link( $post = null, $landing_page = '/wp-admin/plugins.php' ) {
+        $post = get_post( $post );
+
+        return sprintf( 'https://playground.wordpress.net/?plugin=%s&login=1&url=%s', esc_attr( $post->post_name ), esc_attr( $landing_page ) );
     }
 

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/template-parts/plugin-single.php

@@ -41 +41 @@
             <?php if ( 'publish' === get_post_status() || current_user_can( 'plugin_admin_view', $post ) ) : ?>
                 <a class="plugin-download button download-button button-large" href="<?php echo esc_url( Template::download_link() ); ?>"><?php esc_html_e( 'Download', 'wporg-plugins' ); ?></a>
+                <?php if ( !Template::is_plugin_outdated( $post ) ) : ?>
+                    <a class="plugin-download button download-button button-large" href="<?php echo esc_url( Template::preview_link() ); ?>"><?php esc_html_e( 'Live Preview', 'wporg-plugins' ); ?></a>
+                <?php endif; ?>
             <?php endif; ?>
         </div>