Pemicu Javascript di Gutenberg (Editor Blok) Simpan

Jadi saya memiliki metabox yang saya ingin memicu beberapa Javascript ketika sebuah posting disimpan (untuk menyegarkan halaman dalam use case ini.)

Di Editor Klasik, ini dapat dilakukan melalui pengalihan sederhana ke save_post(dengan prioritas tinggi)

Tetapi karena Gutenberg mengubah proses penyimpanan untuk metabox yang ada menjadi panggilan AJAX sekarang, itu perlu javascript, jadi bagaimana caranya:

• Dengarkan acara di mana semua proses penyimpanan selesai dan kemudian memicu javascript? Jika demikian, apa sebutan acara ini? Apakah ada referensi untuk acara ini di mana saja? ATAU

• Memicu javascript di dalam proses penyimpanan AJAX metabox, yang kemudian dapat memeriksa status proses penyimpanan halaman induk sebelum melanjutkan?

Tidak yakin apakah ada cara yang lebih baik, tapi saya mendengarkan subscribedaripada menambahkan pendengar acara ke tombol:

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

  }
})

Dokumen resmi dari data Editor Pos: https://wordpress.org/gutenberg/handbook/designers-developers/developers/data/data-core-editor/

Oke, jadi solusi hacking jauh lebih daripada yang saya inginkan, tetapi berhasil ...

Ini adalah cara yang sedikit disederhanakan dan abstrak untuk melakukannya dari kode saya, kalau-kalau ada yang perlu melakukan hal yang sama (karena saya yakin akan ada lebih banyak plugin dalam waktu dekat.)

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

... hanya perlu berubah metabox_input_iddan trigger_valuecocok sesuai kebutuhan. :-)

Anda perlu mengumpulkan fungsi berhenti berlangganan dari berlangganan dan menelepon untuk menghindari panggilan berlipat kali.

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

            }
        });