Merge pull request #608 from tomusborne/tweak/support-font-library

Tweak: Add Customizer support for Font Library
tomusborne · May 28, 2024 · 5fc64ba · 5fc64ba
2 parents fe89875 + 673ab18
commit 5fc64ba
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 0 deletions.
diff --git a/inc/customizer/helpers.php b/inc/customizer/helpers.php
@@ -370,6 +370,12 @@ function generate_do_control_inline_scripts() {
 			'palette' => $colors,
 			'showGoogleFonts' => apply_filters( 'generate_font_manager_show_google_fonts', true ),
 			'colorPickerShouldShift' => function_exists( 'did_filter' ),
+			'gpFontLibrary' => class_exists( 'GeneratePress_Font_Library' )
+				? GeneratePress_Font_Library::get_font_families()
+				: array(),
+			'gpFontLibraryURI' => class_exists( 'GeneratePress_Font_Library' )
+				? GeneratePress_Font_Library::get_font_library_uri()
+				: '',
 		)
 	);
 

diff --git a/src/customizer-controls/font-manager/GeneratePressFontManagerControlForm.js b/src/customizer-controls/font-manager/GeneratePressFontManagerControlForm.js
@@ -104,6 +104,8 @@ const GeneratePressFontManagerControlForm = ( props ) => {
 	} );
 
 	const fontFamilyExists = ( fontFamily ) => fonts.filter( ( font ) => font.fontFamily === fontFamily ).length > 0;
+	const gpFontLibrary = generateCustomizerControls.gpFontLibrary;
+	const gpFontLibraryURI = generateCustomizerControls.gpFontLibraryURI;
 
 	return (
 		<div>
@@ -305,6 +307,29 @@ const GeneratePressFontManagerControlForm = ( props ) => {
 				} )
 			}
 
+			{ !! gpFontLibrary.length > 0 && gpFontLibrary.map( ( font, index ) => (
+				<div className="generate-font-manager--item" key={ index }>
+					<div className="generate-font-manager--header">
+						<span
+							className="generate-font-manager--label"
+						>
+							{ font.name }
+						</span>
+
+						{ !! gpFontLibraryURI && (
+							<Tooltip text={ __( 'Font Library', 'generatepress' ) }>
+								<Button
+									className="generate-font-manager--open"
+									href={ gpFontLibraryURI }
+								>
+									{ getIcon( 'chevron-right' ) }
+								</Button>
+							</Tooltip>
+						) }
+					</div>
+				</div>
+			) ) }
+
 			<Button
 				isPrimary
 				onClick={ () => {

diff --git a/src/customizer-controls/font-manager/utils.js b/src/customizer-controls/font-manager/utils.js
@@ -106,6 +106,18 @@ const getFontFamilies = () => {
 		{ value: 'inherit', label: __( 'Inherit', 'generatepress' ) },
 		{ value: 'System Default', label: __( 'System Default', 'generatepress' ) },
 	];
+	const gpFontLibrary = generateCustomizerControls.gpFontLibrary;
+
+	if ( gpFontLibrary && gpFontLibrary.length > 0 ) {
+		gpFontLibrary.forEach( ( font ) => {
+			fontFamilies.push(
+				{
+					value: font.name,
+					label: font.name,
+				}
+			);
+		} );
+	}
 
 	if ( availableFonts.length > 0 ) {
 		availableFonts.forEach( ( value, i ) => {