Skip to content

Instantly share code, notes, and snippets.

@todays-mitsui
Last active August 4, 2022 23:11
Show Gist options
  • Save todays-mitsui/632ef4efa06f392acabdd0b1410079c0 to your computer and use it in GitHub Desktop.
Save todays-mitsui/632ef4efa06f392acabdd0b1410079c0 to your computer and use it in GitHub Desktop.
投稿の保存が完了したタイミングで処理を実行する (WordPress, カスタムブロック)
import { select, subscribe } from '@wordpress/data';
import { useEffect, useState } from '@wordpress/element';
/**
* 投稿の保存が完了したタイミングで処理を実行する
*
* @see { @link https://github.com/WordPress/gutenberg/issues/17632#issuecomment-1153888435 }
* @see { @link https://github.com/WordPress/gutenberg/blob/26c8b7149091a315a0da09544cc74cfdc5fbd9c3/docs/reference-guides/data/data-core-editor.md#ispostsavinglocked }
* @see { @link https://github.com/WordPress/gutenberg/blob/26c8b7149091a315a0da09544cc74cfdc5fbd9c3/docs/reference-guides/data/data-core-editor.md#didpostsaverequestsucceed }
*
* @param { ( didPostSaveRequestSucceed: boolean|null ) => void } effect
* @return { void }
*/
export function useSavePostComplate( effect ) {
const [ isPostSavingLocked, setPostSavingLocked ] = useState( false );
const [ didPostSaveRequestSucceed, setPostSaveRequestSucceed ] = useState( null );
subscribe( () => {
const _isPostSavingLocked = select('core/editor').isPostSavingLocked();
if ( _isPostSavingLocked != isPostSavingLocked ) {
setPostSavingLocked( _isPostSavingLocked );
}
if ( ! _isPostSavingLocked ) {
const _didPostSaveRequestSucceed = select('core/editor').didPostSaveRequestSucceed();
setPostSaveRequestSucceed( _didPostSaveRequestSucceed );
}
} );
useEffect( () => {
if ( ! isPostSavingLocked ) { effect( didPostSaveRequestSucceed ); }
}, [ isPostSavingLocked ] );
}
import { select, subscribe } from '@wordpress/data';
import { useEffect, useState } from '@wordpress/element';
type Callback = ( didPostSaveRequestSucceed: boolean|null ) => void;
/**
* 投稿の保存が完了したタイミングで処理を実行する
*
* @see { @link https://github.com/WordPress/gutenberg/issues/17632#issuecomment-1153888435 }
* @see { @link https://github.com/WordPress/gutenberg/blob/26c8b7149091a315a0da09544cc74cfdc5fbd9c3/docs/reference-guides/data/data-core-editor.md#ispostsavinglocked }
* @see { @link https://github.com/WordPress/gutenberg/blob/26c8b7149091a315a0da09544cc74cfdc5fbd9c3/docs/reference-guides/data/data-core-editor.md#didpostsaverequestsucceed }
*
* @param effect
*/
export function useSavePostComplate( effect: Callback ) {
const [ isPostSavingLocked, setPostSavingLocked ] = useState( false );
const [ didPostSaveRequestSucceed, setPostSaveRequestSucceed ] = useState<boolean|null>( null );
subscribe( () => {
const _isPostSavingLocked = select('core/editor').isPostSavingLocked<boolean>();
if ( _isPostSavingLocked != isPostSavingLocked ) {
setPostSavingLocked( _isPostSavingLocked );
}
if ( ! _isPostSavingLocked ) {
const _didPostSaveRequestSucceed = select('core/editor').didPostSaveRequestSucceed<boolean>();
setPostSaveRequestSucceed( _didPostSaveRequestSucceed );
}
} );
useEffect( () => {
if ( ! isPostSavingLocked ) { effect( didPostSaveRequestSucceed ); }
}, [ isPostSavingLocked ] );
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment