setGuid = async () => {
const { attributes, setAttributes } = this.props;
const { id } = attributes;
if ( ! id ) {
setAttributes( { guid: undefined } );
return;
}
try {
this.setState( { isFetchingMedia: true } );
const media = await apiFetch( { path: `/wp/v2/media/${ id }` } );
this.setState( { isFetchingMedia: false } );
const { id: currentId } = this.props.attributes;
if ( id !== currentId ) {
// Video was changed in the editor while fetching data for the previous video;
return;
}
this.setState( { media } );
const guid = get( media, 'jetpack_videopress_guid' );
if ( guid ) {
setAttributes( { guid } );
} else {
this.fallbackToCore();
}
} catch ( e ) {
this.setState( { isFetchingMedia: false } );
this.fallbackToCore();
}
};
fetch( props ) {
if ( ! this.isStillMounted ) {
return;
}
if ( null !== this.state.response ) {
this.setState( { response: null } );
}
const { block, attributes = null, urlQueryArgs = {} } = props;
const path = rendererPath( block, attributes, urlQueryArgs );
// Store the latest fetch request so that when we process it, we can
// check if it is the current request, to avoid race conditions on slow networks.
const fetchRequest = this.currentFetchRequest = apiFetch( { path } )
.then( ( response ) => {
if ( this.isStillMounted && fetchRequest === this.currentFetchRequest && response && response.rendered ) {
this.setState( { response: response.rendered } );
}
} )
.catch( ( error ) => {
if ( this.isStillMounted && fetchRequest === this.currentFetchRequest ) {
this.setState( { response: {
error: true,
errorMsg: error.message,
} } );
}
} );
return fetchRequest;
}
suggestPost( query, populateResults ) {
if ( query.length < 2 ) {
return;
}
const searchablePostTypes = this.props.searchablePostTypes || [ 'post' ];
const payload = `?subtype=${ searchablePostTypes.join( ',' ) }&search=${ encodeURIComponent( query ) }`;
apiFetch( { path: '/wp/v2/search/' + payload } ).then( posts => {
populateResults( posts );
} );
}
componentWillMount() {
this.isStillMounted = true;
this.fetchRequest = apiFetch( {
path: addQueryArgs( `/wp/v2/categories`, CATEGORIES_LIST_QUERY ),
} ).then(
( categoriesList ) => {
if ( this.isStillMounted ) {
this.setState( { categoriesList } );
}
}
).catch(
() => {
if ( this.isStillMounted ) {
this.setState( { categoriesList: [] } );
}
}
);
}
export async function* getCategories() {
const categories = await apiFetch( { path: '/wp/v2/categories?per_page=-1' } );
yield receiveTerms( 'categories', categories );
}
) ),
];
// Merge all form data objects into a single one.
const formData = reduce( formDataToMerge, ( memo, currentFormData ) => {
for ( const [ key, value ] of currentFormData ) {
memo.append( key, value );
}
return memo;
}, new window.FormData() );
additionalData.forEach( ( [ key, value ] ) => formData.append( key, value ) );
// Save the metaboxes
apiFetch( {
url: window._wpMetaBoxUrl,
method: 'POST',
body: formData,
parse: false,
} )
.then( () => store.dispatch( metaBoxUpdatesSuccess() ) );
},
SWITCH_MODE( action ) {
// Unselect blocks when we switch to the code editor.
if ( action.mode !== 'visual' ) {
dispatch( 'core/editor' ).clearSelectedBlock();
}
const message = action.mode === 'visual' ? __( 'Visual editor selected' ) : __( 'Code editor selected' );
speak( message, 'assertive' );
},
INIT( _, store ) {
// Select the block settings tab when the selected block changes
request,
};
}
/**
* Calls a selector using the current state.
* @param {string} selectorName Selector name.
* @param {Array} args Selector arguments.
*
* @return {Object} control descriptor.
*/
export function select( selectorName, ...args ) {
return {
type: 'SELECT',
selectorName,
args,
};
}
const controls = {
API_FETCH( { request } ) {
return triggerApiFetch( request );
},
SELECT( { selectorName, args } ) {
return selectData( 'core' )[ selectorName ]( ...args );
},
};
export default controls;
const fetchFromApi = ( { path } ) => {
return apiFetch( { path } );
};