Activar Javascript en Gutenberg (Editor de bloques) Guardar

Por lo tanto, tengo un metabox que quiero activar Javascript cuando se guarda una publicación (para actualizar la página en este caso de uso).

En Classic Editor, esto se puede hacer a través de una simple redirección conectada a save_post(con alta prioridad)

Pero dado que Gutenberg convierte el proceso de guardado de metaboxes existentes en llamadas AJAX individuales ahora, debe ser javascript, entonces, ¿cómo puedo:

• ¿Escucha un evento donde todos los procesos de guardado están completos y luego activa el javascript? Si es así, ¿cómo se llama este evento? ¿Hay alguna referencia a estos eventos en alguna parte todavía? O

• Activa JavaScript en el proceso AJAX de guardado de metabox, que luego puede verificar el estado del proceso de guardado de la página principal antes de continuar.

No estoy seguro de si hay una mejor manera, pero estoy escuchando en subscribelugar de agregar un detector de eventos al botón:

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 oficiales de los datos del Editor de publicaciones: https://wordpress.org/gutenberg/handbook/designers-developers/developers/data/data-core-editor/

Bien, entonces una solución mucho más hacky de la que quería, pero funcionó ...

Aquí hay una forma ligeramente simplificada y abstracta de hacerlo desde mi código, en caso de que alguien necesite hacer lo mismo (como estoy seguro de que más complementos lo harán en el futuro cercano).

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

... solo necesita cambiar metabox_input_idy trigger_valuecombinar según sea necesario. :-)

Necesita recopilar la función de cancelación de suscripción de suscribirse y llamar para evitar llamadas de tiempo múltiple.

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

            }
        });