Attiva Javascript su Gutenberg (Block Editor) Salva

Quindi ho un metabox che voglio attivare alcuni Javascript quando viene salvato un post (per aggiornare la pagina in questo caso d'uso).

In Classic Editor, questo può essere fatto tramite un semplice reindirizzamento agganciato a save_post(con priorità alta)

Ma poiché Gutenberg converte il processo di salvataggio dei metabox esistenti in singole chiamate AJAX ora, deve essere javascript, quindi come posso:

• Ascoltare un evento in cui tutti i processi di salvataggio sono completi e quindi attivare il javascript? In tal caso, come si chiama questo evento? C'è ancora un riferimento a questi eventi da qualche parte? O

• Attivare javascript all'interno del processo AJAX di salvataggio di metabox, che può quindi controllare lo stato del processo di salvataggio della pagina principale prima di continuare?

Non sono sicuro che esista un modo migliore, ma sto ascoltando subscribepiuttosto che aggiungere un listener di eventi al pulsante:

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 ......

  }
})

Documenti ufficiali dei dati del Post Editor: https://wordpress.org/gutenberg/handbook/designers-developers/developers/data/data-core-editor/

Okay, quindi una soluzione molto più confusa di quanto volessi, ma ha funzionato ...

Ecco un modo leggermente semplificato e astratto di farlo dal mio codice, nel caso qualcuno abbia mai bisogno di fare lo stesso (come sono sicuro che altri plugin lo faranno nel prossimo futuro).

    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);
    });

... ho solo bisogno di cambiare metabox_input_ide trigger_valueabbinare secondo necessità. :-)

È necessario raccogliere la funzione di annullamento dell'iscrizione da iscriviti e chiama per evitare chiamate multiple.

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();

            }
        });