Gutenberg: 확장성 메커니즘으로 상태 미들웨어 주입 고려

관련: #594

#594에서 게시물 초안 저장이 완료되면 새 게시물 ID를 반영하도록 현재 브라우저 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 )