woocommerce/packages/woocommerce-blocks/assets/js/hocs/with-rest-api-hydration.js

56 lines
1.4 KiB
JavaScript
Raw Normal View History

2021-12-10 12:03:04 +00:00
/**
* External dependencies
*/
import { useRef } from '@wordpress/element';
import { SCHEMA_STORE_KEY } from '@woocommerce/block-data';
import { useSelect } from '@wordpress/data';
import { blocksConfig } from '@woocommerce/block-settings';
/**
* Hydrate Rest API data from settings to reduce the number of API requests needed.
*/
const useRestApiHydration = () => {
const restApiRoutes = useRef( blocksConfig.restApiRoutes || {} );
useSelect( ( select, registry ) => {
if ( ! restApiRoutes.current ) {
return;
}
const { isResolving, hasFinishedResolution } = select(
SCHEMA_STORE_KEY
);
const {
receiveRoutes,
startResolution,
finishResolution,
} = registry.dispatch( SCHEMA_STORE_KEY );
Object.keys( restApiRoutes.current ).forEach( ( namespace ) => {
const routes = restApiRoutes.current[ namespace ];
if (
! isResolving( 'getRoutes', [ namespace ] ) &&
! hasFinishedResolution( 'getRoutes', [ namespace ] )
) {
startResolution( 'getRoutes', [ namespace ] );
receiveRoutes( routes, [ namespace ] );
finishResolution( 'getRoutes', [ namespace ] );
}
} );
}, [] );
};
/**
* HOC that calls the useRestApiHydration hook.
*
* @param {Function} OriginalComponent Component being wrapped.
*/
const withRestApiHydration = ( OriginalComponent ) => {
return ( props ) => {
useRestApiHydration();
return <OriginalComponent { ...props } />;
};
};
export default withRestApiHydration;