Déclencher Javascript sur Gutenberg (éditeur de blocs)

J'ai donc une métabox que je veux déclencher du Javascript quand un post est enregistré (pour rafraîchir la page dans ce cas d'utilisation.)

Dans Classic Editor, cela peut être fait via une simple redirection accrochée à save_post(avec une priorité élevée)

Mais puisque Gutenberg convertit le processus d'enregistrement des métaboxes existantes en appels AJAX individuels maintenant, il doit être javascript, alors comment puis-je:

• Écoutez un événement où tous les processus d'enregistrement sont terminés, puis déclenchez le javascript? Si oui, comment s'appelle cet événement? Y a-t-il encore une référence à ces événements quelque part? OU

• Déclencher javascript dans le processus AJAX d'enregistrement de la métaboxe, qui peut ensuite vérifier l'état du processus d'enregistrement de la page parent avant de continuer?

Je ne sais pas s'il y a une meilleure façon, mais j'écoute subscribeplutôt que d'ajouter un écouteur d'événements au bouton:

wp.data.subscribe(function () {
  var isSavingPost = wp.data.select('core/editor').isSavingPost();
  var isAutosavingPost = wp.data.select('core/editor').isAutosavingPost();

  if (isSavingPost && !isAutosavingPost) {
    // Here goes your AJAX code ......

  }
})

Documents officiels des données du Post Editor: https://wordpress.org/gutenberg/handbook/designers-developers/developers/data/data-core-editor/

D'accord, donc beaucoup plus de solution hacky que je ne le voulais, mais ça a fonctionné ...

Voici une façon légèrement simplifiée et abstraite de le faire à partir de mon code, au cas où quelqu'un aurait besoin de faire de même (comme je suis sûr que plus de plugins le feront dans un avenir proche.)

    var reload_check = false; var publish_button_click = false;
    jQuery(document).ready(function($) {
        add_publish_button_click = setInterval(function() {
            $publish_button = jQuery('.edit-post-header__settings .editor-post-publish-button');
            if ($publish_button && !publish_button_click) {
                publish_button_click = true;
                $publish_button.on('click', function() {
                    var reloader = setInterval(function() {
                        if (reload_check) {return;} else {reload_check = true;}
                        postsaving = wp.data.select('core/editor').isSavingPost();
                        autosaving = wp.data.select('core/editor').isAutosavingPost();
                        success = wp.data.select('core/editor').didPostSaveRequestSucceed();
                        console.log('Saving: '+postsaving+' - Autosaving: '+autosaving+' - Success: '+success);
                        if (postsaving || autosaving || !success) {classic_reload_check = false; return;}
                        clearInterval(reloader);

                        value = document.getElementById('metabox_input_id').value;
                        if (value == 'trigger_value') {
                            if (confirm('Page reload required. Refresh the page now?')) {
                                window.location.href = window.location.href+'&refreshed=1';
                            }
                        }
                    }, 1000);
                });
            }
        }, 500);
    });

... il suffit de changer metabox_input_idet de trigger_valuefaire correspondre au besoin. :-)

Vous devez collecter la fonction de désabonnement de l'abonnement et de l'appel pour éviter les appels multiples.

const unsubscribe = wp.data.subscribe(function () {
            let select = wp.data.select('core/editor');
            var isSavingPost = select.isSavingPost();
            var isAutosavingPost = select.isAutosavingPost();
            var didPostSaveRequestSucceed = select.didPostSaveRequestSucceed();
            if (isSavingPost && !isAutosavingPost && didPostSaveRequestSucceed) {
                console.log("isSavingPost && !isAutosavingPost && didPostSaveRequestSucceed");
                unsubscribe();


                // your AJAX HERE();

            }
        });