Render custom editor for mailpoet_email post types

[MAILPOET-6090]
This commit is contained in:
Rostislav Wolny
2024-11-12 15:09:24 +01:00
committed by Oluwaseun Olorunsola
parent f170db9294
commit c71949e326
4 changed files with 159 additions and 1 deletions

View File

@@ -361,6 +361,7 @@ class ContainerConfigurator implements IContainerConfigurator {
$container->autowire(\MailPoet\EmailEditor\Integrations\Core\Initializer::class)->setPublic(true);
$container->autowire(\MailPoet\EmailEditor\Integrations\MailPoet\Cli::class)->setPublic(true);
$container->autowire(\MailPoet\EmailEditor\Integrations\MailPoet\EmailEditor::class)->setPublic(true);
$container->autowire(\MailPoet\EmailEditor\Integrations\MailPoet\EditorPageRenderer::class)->setPublic(true);
$container->autowire(\MailPoet\EmailEditor\Integrations\MailPoet\EmailApiController::class)->setPublic(true);
$container->autowire(\MailPoet\EmailEditor\Integrations\MailPoet\Blocks\BlockTypesController::class)->setPublic(true);
$container->autowire(\MailPoet\EmailEditor\Integrations\MailPoet\Blocks\BlockTypes\PoweredByMailpoet::class)->setPublic(true);

View File

@@ -0,0 +1,140 @@
<?php declare(strict_types = 1);
namespace MailPoet\EmailEditor\Integrations\MailPoet;
use MailPoet\API\JSON\API;
use MailPoet\Config\Env;
use MailPoet\Config\Installer;
use MailPoet\Config\ServicesChecker;
use MailPoet\EmailEditor\Engine\Settings_Controller;
use MailPoet\EmailEditor\Engine\Theme_Controller;
use MailPoet\EmailEditor\Integrations\MailPoet\EmailEditor as EditorInitController;
use MailPoet\Newsletter\NewslettersRepository;
use MailPoet\Settings\SettingsController as MailPoetSettings;
use MailPoet\Util\CdnAssetUrl;
use MailPoet\Util\License\Features\Subscribers as SubscribersFeature;
use MailPoet\WP\Functions as WPFunctions;
class EditorPageRenderer {
private WPFunctions $wp;
private Settings_Controller $settingsController;
private Theme_Controller $themeController;
private CdnAssetUrl $cdnAssetUrl;
private ServicesChecker $servicesChecker;
private SubscribersFeature $subscribersFeature;
private MailPoetSettings $mailpoetSettings;
private NewslettersRepository $newslettersRepository;
public function __construct(
WPFunctions $wp,
Settings_Controller $settingsController,
CdnAssetUrl $cdnAssetUrl,
ServicesChecker $servicesChecker,
SubscribersFeature $subscribersFeature,
Theme_Controller $themeController,
MailPoetSettings $mailpoetSettings,
NewslettersRepository $newslettersRepository
) {
$this->wp = $wp;
$this->settingsController = $settingsController;
$this->cdnAssetUrl = $cdnAssetUrl;
$this->servicesChecker = $servicesChecker;
$this->subscribersFeature = $subscribersFeature;
$this->themeController = $themeController;
$this->mailpoetSettings = $mailpoetSettings;
$this->newslettersRepository = $newslettersRepository;
}
public function render() {
$postId = isset($_GET['post']) ? intval($_GET['post']) : 0;
$post = $this->wp->getPost($postId);
if (!$post instanceof \WP_Post || $post->post_type !== EditorInitController::MAILPOET_EMAIL_POST_TYPE) { // phpcs:ignore Squiz.NamingConventions.ValidVariableName.MemberNotCamelCaps
return;
}
$assetsParams = require Env::$assetsPath . '/dist/js/email-editor/email_editor.asset.php';
$this->wp->wpEnqueueScript(
'mailpoet_email_editor',
Env::$assetsUrl . '/dist/js/email-editor/email_editor.js',
$assetsParams['dependencies'],
$assetsParams['version'],
true
);
$this->wp->wpEnqueueStyle(
'mailpoet_email_editor',
Env::$assetsUrl . '/dist/js/email-editor/email_editor.css',
[],
$assetsParams['version']
);
$jsonAPIRoot = rtrim($this->wp->escUrlRaw(admin_url('admin-ajax.php')), '/');
$token = $this->wp->wpCreateNonce('mailpoet_token');
$apiVersion = API::CURRENT_VERSION;
$currentUserEmail = $this->wp->wpGetCurrentUser()->user_email;
$this->wp->wpLocalizeScript(
'mailpoet_email_editor',
'MailPoetEmailEditor',
[
'json_api_root' => esc_js($jsonAPIRoot),
'api_token' => esc_js($token),
'api_version' => esc_js($apiVersion),
'cdn_url' => esc_js($this->cdnAssetUrl->generateCdnUrl("")),
'is_premium_plugin_active' => (bool)$this->servicesChecker->isPremiumPluginActive(),
'current_wp_user_email' => esc_js($currentUserEmail),
'editor_settings' => $this->settingsController->get_settings(),
'editor_theme' => $this->themeController->get_theme()->get_raw_data(),
'urls' => [
'listings' => admin_url('admin.php?page=mailpoet-newsletters'),
],
]
);
// Renders additional script data that some components require e.g. PremiumModal. This is done here instead of using
// PageRenderer since that introduces other dependencies we want to avoid. Used by getUpgradeInfo.
// some of these values are used by the powered by mailpoet block: mailpoet/assets/js/src/mailpoet-custom-email-editor-blocks/powered-by-mailpoet/
$installer = new Installer(Installer::PREMIUM_PLUGIN_SLUG);
$inline_script_data = [
'mailpoet_premium_plugin_installed' => Installer::isPluginInstalled(Installer::PREMIUM_PLUGIN_SLUG),
'mailpoet_premium_plugin_active' => $this->servicesChecker->isPremiumPluginActive(),
'mailpoet_premium_plugin_download_url' => $this->subscribersFeature->hasValidPremiumKey() ? $installer->generatePluginDownloadUrl() : null,
'mailpoet_premium_plugin_activation_url' => $installer->generatePluginActivationUrl(Installer::PREMIUM_PLUGIN_PATH),
'mailpoet_has_valid_api_key' => $this->subscribersFeature->hasValidApiKey(),
'mailpoet_has_valid_premium_key' => $this->subscribersFeature->hasValidPremiumKey(),
'mailpoet_has_premium_support' => $this->subscribersFeature->hasPremiumSupport(),
'mailpoet_plugin_partial_key' => $this->servicesChecker->generatePartialApiKey(),
'mailpoet_subscribers_count' => $this->subscribersFeature->getSubscribersCount(),
'mailpoet_subscribers_limit' => $this->subscribersFeature->getSubscribersLimit(),
'mailpoet_subscribers_limit_reached' => $this->subscribersFeature->check(),
// settings needed for Satismeter tracking
'mailpoet_3rd_party_libs_enabled' => $this->mailpoetSettings->get('3rd_party_libs.enabled') === '1',
'mailpoet_display_nps_email_editor' => $this->newslettersRepository->getCountOfEmailsWithWPPost() > 1, // Poll should be displayed only if there are 2 and more emails
'mailpoet_display_nps_poll' => true,
'mailpoet_current_wp_user' => $this->wp->wpGetCurrentUser()->to_array(),
'mailpoet_current_wp_user_firstname' => $this->wp->wpGetCurrentUser()->user_firstname,
'mailpoet_cdn_url' => $this->cdnAssetUrl->generateCdnUrl(""),
'mailpoet_site_url' => $this->wp->siteUrl(),
];
$this->wp->wpAddInlineScript('mailpoet_email_editor', implode('', array_map(function ($key) use ($inline_script_data) {
return sprintf("var %s=%s;", $key, json_encode($inline_script_data[$key]));
}, array_keys($inline_script_data))), 'before');
// Load CSS from Post Editor
$this->wp->wpEnqueueStyle('wp-edit-post');
// Load CSS for the format library - used for example in popover
$this->wp->wpEnqueueStyle('wp-format-library');
// Enqueue media library scripts
$this->wp->wpEnqueueMedia();
require_once ABSPATH . 'wp-admin/admin-header.php';
echo '<div id="mailpoet-email-editor" class="block-editor block-editor__container hide-if-no-js"></div>';
}
}

View File

@@ -15,17 +15,21 @@ class EmailEditor {
private EmailApiController $emailApiController;
private EditorPageRenderer $editorPageRenderer;
private Cli $cli;
public function __construct(
WPFunctions $wp,
FeaturesController $featuresController,
EmailApiController $emailApiController,
EditorPageRenderer $editorPageRenderer,
Cli $cli
) {
$this->wp = $wp;
$this->featuresController = $featuresController;
$this->emailApiController = $emailApiController;
$this->editorPageRenderer = $editorPageRenderer;
$this->cli = $cli;
}
@@ -37,6 +41,7 @@ class EmailEditor {
$this->wp->addFilter('mailpoet_email_editor_post_types', [$this, 'addEmailPostType']);
$this->wp->addAction('rest_delete_mailpoet_email', [$this->emailApiController, 'trashEmail'], 10, 1);
$this->wp->addFilter('mailpoet_is_email_editor_page', [$this, 'isEditorPage'], 10, 1);
$this->wp->addFilter('replace_editor', [$this, 'replaceEditor'], 10, 2);
$this->extendEmailPostApi();
}
@@ -65,4 +70,14 @@ class EmailEditor {
'schema' => $this->emailApiController->getEmailDataSchema(),
]);
}
public function replaceEditor($replace, $post) {
$currentScreen = get_current_screen();
if (use_block_editor_for_post($post) && $post->post_type === self::MAILPOET_EMAIL_POST_TYPE && $currentScreen) { // phpcs:ignore Squiz.NamingConventions.ValidVariableName.MemberNotCamelCaps
$this->editorPageRenderer->render();
return true;
}
return $replace;
}
}

View File

@@ -10,7 +10,9 @@ import {
export function getInitialState(): State {
const searchParams = new URLSearchParams( window.location.search );
const postId = parseInt( searchParams.get( 'postId' ), 10 );
const postId = parseInt( searchParams.get( 'post' ), 10 )
? parseInt( searchParams.get( 'post' ), 10 )
: parseInt( searchParams.get( 'postId' ), 10 );
return {
inserterSidebar: {
isOpened: false,