Gutenberg: Pertimbangkan injeksi middleware negara sebagai mekanisme ekstensibilitas

Terkait: #594

Di #594, ketika draf posting selesai disimpan, kami menyesuaikan URL browser saat ini untuk mencerminkan ID posting baru. Meskipun ini diperlukan dalam konteks layar editor khusus, ini mengurangi portabilitas editor karena perubahan URL ini tidak berlaku di luar konteks ini. Jika kita ingin mengizinkan inisialisasi editor di layar lain (misalnya front-end, Customizer), kita mungkin perlu menjelajahi opsi untuk menyuntikkan middleware khusus konteks. Ini bisa berfungsi sebagai pola ekstensibilitas umum untuk setiap efek samping dari perubahan keadaan.

Untuk contoh navigasi simpan pos, ini bisa terlihat seperti:

wp.editor.injectMiddleware( ( store ) => ( next ) => ( action ) => {
    const { type, isNew, post } = action;
    if ( 'REQUEST_POST_UPDATE_SUCCESS' === type ) {
        const [ baseUrl, query ] = window.location.href.split( '?' );
        const qs = parse( query || '' );
        const newUrl = baseUrl + '?' + stringify( {
            ...qs,
            post_id: newPost.id,
        } );
        window.history.replaceState( {}, 'Post ' + newPost.id, newUrl );
    }

    return next( action );
} );

Lihat juga:

• http://redux.js.org/docs/advanced/Middleware.html
• https://hyper.is/#extensions -api ( middleware )