Gutenberg: एक्स्टेंसिबिलिटी मैकेनिज्म के रूप में स्टेट मिडलवेयर इंजेक्शन पर विचार करें

संबंधित: #594

#594 में, जब कोई पोस्ट ड्राफ्ट सहेजना समाप्त कर देता है, तो हम नई पोस्ट आईडी को दर्शाने के लिए वर्तमान ब्राउज़र URL को समायोजित करते हैं। जबकि यह समर्पित संपादक स्क्रीन के संदर्भ में आवश्यक है, यह संपादक की सुवाह्यता को कम करता है क्योंकि ये URL परिवर्तन इस संदर्भ के बाहर लागू नहीं होते हैं। यदि हम किसी संपादक को अन्य स्क्रीन (जैसे फ़्रंट-एंड, कस्टमाइज़र) पर इनिशियलाइज़ करने की अनुमति देना चाहते हैं, तो हमें संदर्भ-विशिष्ट मिडलवेयर को इंजेक्ट करने के विकल्पों का पता लगाने की आवश्यकता हो सकती है। यह राज्य परिवर्तन के किसी भी दुष्प्रभाव के लिए एक सामान्य विस्तारणीयता पैटर्न के रूप में काम कर सकता है।

पोस्ट सेव नेविगेशन उदाहरण के लिए, यह कुछ इस तरह दिख सकता है:

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

यह सभी देखें:

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