import apiFetch from '@wordpress/api-fetch'; import { __ } from '@wordpress/i18n'; import useSWRImmutable from 'swr/immutable'; export const useThemeFontsVariations = () => { const { data, error, isLoading } = useSWRImmutable( { key: 'theme-fonts-variations', themeSlug: window.extAgentData.context.themeSlug, }, fetcher, ); return { variations: data?.variations, error, isLoading }; }; const fetcher = async () => { const path = window.location.pathname; const s = new URLSearchParams(window.location.search); const onEditor = path.includes('/wp-admin/post.php') && s.get('action') === 'edit'; const variations = await apiFetch({ method: 'GET', // On the frontend we need to include layout styles path: `/extendify/v1/agent/theme-fonts-variations${onEditor ? '' : '?includeLayoutStyles'}`, }); if (!variations || !Array.isArray(variations)) { throw new Error( __('Failed to fetch theme font variations.', 'extendify-local'), ); } return { // remove duplicate variations by title variations: variations.reduce((acc, variation) => { if (!acc.some((v) => v.title === variation.title)) { acc.push(variation); } return acc; }, []), }; };