グーテンベルクでJavascriptをトリガー（ブロックエディター）保存

だから私は投稿が保存されたときにJavascriptをトリガーしたいメタボックスを持っています（このユースケースではページを更新するためです）。

クラシックエディターでは、これはsave_post（優先度が高い）に接続された単純なリダイレクトを介して実行できます。

しかし、Gutenbergは既存のメタボックスの保存プロセスを個別のAJAX呼び出しに変換するので、それはJavaScriptである必要があります。

• すべての保存プロセスが完了したイベントをリッスンしてから、JavaScriptをトリガーしますか？もしそうなら、このイベントは何と呼ばれていますか？これらのイベントへの参照はまだどこにもありますか？または

• メタボックス保存AJAXプロセス内のJavaScriptをトリガーします。続行する前に、親ページ保存プロセスの状態を確認できますか？

より良い方法があるかどうかはわかりませんsubscribeが、ボタンにイベントリスナーを追加するのではなく、聞いています。

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

  }
})

投稿エディターデータの公式ドキュメント：https : //wordpress.org/gutenberg/handbook/designers-developers/developers/data/data-core-editor/

さて、私が望んだよりもはるかにハックな解決策でしたが、それを機能させました...

これは、誰かが同じことをする必要がある場合に備えて、コードからそれを行うための少し単純化され抽象化された方法です（近い将来、より多くのプラグインが使用されると確信しています）。

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

...変更metabox_input_idしtrigger_valueて、必要に応じて一致させるだけです。:-)

複数回の呼び出しを回避するには、サブスクライブおよび呼び出しからアンサブスクライブ機能を収集する必要があります。

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

            }
        });