Acionar Javascript no Gutenberg (Editor de Blocos) Salvar

Portanto, eu tenho uma metabox que desejo acionar algum Javascript quando uma postagem é salva (para atualizar a página nesse caso de uso).

No Classic Editor, isso pode ser feito por meio de um redirecionamento simples conectado a save_post(com alta prioridade)

Mas como o Gutenberg converte o processo de economia de metaboxes existentes em chamadas individuais AJAX agora, ele precisa ser javascript, então como faço para:

• Ouvir um evento em que todos os processos de salvamento estão completos e acionar o javascript? Se sim, como esse evento é chamado? Existe uma referência a esses eventos em algum lugar ainda? OU

• Desencadear javascript dentro do processo AJAX de economia de metabox, que pode verificar o estado do processo de economia da página pai antes de continuar?

Não tenho certeza se existe uma maneira melhor, mas estou ouvindo, em subscribevez de adicionar um ouvinte de evento ao botão:

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

  }
})

Documentos oficiais dos dados do editor de postagem: https://wordpress.org/gutenberg/handbook/designers-developers/developers/data/data-core-editor/

Ok, muito mais solução hacky do que eu queria, mas funcionou ...

Aqui está uma maneira um pouco simplificada e abstrata de fazer isso do meu código, caso alguém precise fazer o mesmo (como eu tenho certeza que mais plugins farão no futuro próximo).

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

... só precisa mudar metabox_input_ide trigger_valuecombinar conforme necessário. :-)

Você precisa coletar a função de cancelamento de assinatura da assinatura e da chamada para evitar a chamada em tempo múltiplo.

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

            }
        });