laipower/wp-content/themes/generatepress/inc/class-typography.php

<?php
/**
 * This file handles typography on the front-end.
 *
 * @package GeneratePress
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly.
}

/**
 * Handles all of our typography option output.
 */
class GeneratePress_Typography {
	/**
	 * Class instance.
	 *
	 * @access private
	 * @var $instance Class instance.
	 */
	private static $instance;

	/**
	 * Initiator
	 */
	public static function get_instance() {
		if ( ! isset( self::$instance ) ) {
			self::$instance = new self();
		}
		return self::$instance;
	}

	/**
	 *  Constructor
	 */
	public function __construct() {
		add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_google_fonts' ) );
		add_filter( 'generate_editor_styles', array( $this, 'add_editor_styles' ) );
		add_action( 'enqueue_block_editor_assets', array( $this, 'enqueue_editor_scripts' ) );

		// Load fonts the old way in versions before 5.8 as block_editor_settings_all didn't exist.
		if ( version_compare( $GLOBALS['wp_version'], '5.8', '<' ) ) {
			add_action( 'enqueue_block_editor_assets', array( $this, 'enqueue_google_fonts' ) );
		}
	}

	/**
	 * Generate our Google Fonts URI.
	 */
	public static function get_google_fonts_uri() {
		$fonts = generate_get_option( 'font_manager' );

		if ( empty( $fonts ) ) {
			return;
		}

		$google_fonts_uri = '';
		$data = array();

		foreach ( $fonts as $font ) {
			if ( empty( $font['googleFont'] ) ) {
				continue;
			}

			$variants = array();

			if ( ! empty( $font['googleFontVariants'] ) ) {
				// Remove spaces from string.
				$variants = str_replace( ' ', '', $font['googleFontVariants'] );

				// Turn string into array.
				$variants = explode( ',', $variants );
			}

			$variants = apply_filters( 'generate_google_font_variants', $variants, $font['fontFamily'] );

			$name = str_replace( ' ', '+', $font['fontFamily'] );
			$name = str_replace( '"', '', $name );

			if ( $variants ) {
				$data[] = $name . ':' . implode( ',', $variants );
			} else {
				$data[] = $name;
			}
		}

		if ( ! empty( $data ) ) {
			$font_args = apply_filters(
				'generate_google_font_args',
				array(
					'family' => implode( '|', $data ),
					'subset' => null,
					'display' => generate_get_option( 'google_font_display' ),
				)
			);

			$google_fonts_uri = add_query_arg( $font_args, 'https://fonts.googleapis.com/css' );
		}

		return $google_fonts_uri;
	}

	/**
	 * Enqueue Google Fonts if they're set.
	 */
	public function enqueue_google_fonts() {
		if ( ! generate_is_using_dynamic_typography() ) {
			return;
		}

		$google_fonts_uri = self::get_google_fonts_uri();

		if ( $google_fonts_uri ) {
			wp_enqueue_style( 'generate-google-fonts', $google_fonts_uri, array(), GENERATE_VERSION );
		}
	}

	/**
	 * Build our typography CSS.
	 *
	 * @param string $module            The name of the module we're generating CSS for.
	 * @param string $specific_selector Target a specific selector to get the CSS for.
	 */
	public static function get_css( $module = 'core', $specific_selector = '' ) {
		$typography = generate_get_option( 'typography' );

		// Get data for a specific module so CSS can be compiled separately.
		$typography = array_filter(
			(array) $typography,
			function( $data ) use ( $module ) {
				return ( isset( $data['module'] ) && $data['module'] === $module );
			}
		);

		if ( empty( $typography ) ) {
			return '';
		}

		$css = new GeneratePress_CSS();

		$body_selector = 'body';
		$paragraph_selector = 'p';

		foreach ( $typography as $key => $data ) {
			$options = wp_parse_args(
				$data,
				self::get_defaults()
			);

			$selector = self::get_css_selector( $options['selector'] );

			if ( 'custom' === $selector ) {
				$selector = $options['customSelector'];
			}

			if (
				$specific_selector &&
				$options['selector'] !== $specific_selector &&
				$options['customSelector'] !== $specific_selector
			) {
				continue;
			}

			$font_family = self::get_font_family( $options['fontFamily'] );

			$css->set_selector( $selector );
			$css->add_property( 'font-family', $font_family );
			$css->add_property( 'font-weight', $options['fontWeight'] );
			$css->add_property( 'text-transform', $options['textTransform'] );
			$css->add_property( 'font-style', $options['fontStyle'] );
			$css->add_property( 'text-decoration', $options['textDecoration'] );
			$css->add_property( 'font-size', $options['fontSize'], false, $options['fontSizeUnit'] );
			$css->add_property( 'letter-spacing', $options['letterSpacing'], false, $options['letterSpacingUnit'] );

			if ( 'body' !== $options['selector'] ) {
				$css->add_property( 'line-height', $options['lineHeight'], false, $options['lineHeightUnit'] );
				$css->add_property( 'margin-bottom', $options['marginBottom'], false, $options['marginBottomUnit'] );
			} else {
				$css->set_selector( $body_selector );
				$css->add_property( 'line-height', $options['lineHeight'], false, $options['lineHeightUnit'] );

				$css->set_selector( $paragraph_selector );
				$css->add_property( 'margin-bottom', $options['marginBottom'], false, $options['marginBottomUnit'] );
			}

			$css->start_media_query( generate_get_media_query( 'tablet' ) );

			$css->set_selector( $selector );
			$css->add_property( 'font-size', $options['fontSizeTablet'], false, $options['fontSizeUnit'] );
			$css->add_property( 'letter-spacing', $options['letterSpacingTablet'], false, $options['letterSpacingUnit'] );

			if ( 'body' !== $options['selector'] ) {
				$css->add_property( 'line-height', $options['lineHeightTablet'], false, $options['lineHeightUnit'] );
				$css->add_property( 'margin-bottom', $options['marginBottomTablet'], false, $options['marginBottomUnit'] );
			} else {
				$css->set_selector( $body_selector );
				$css->add_property( 'line-height', $options['lineHeightTablet'], false, $options['lineHeightUnit'] );

				$css->set_selector( $paragraph_selector );
				$css->add_property( 'margin-bottom', $options['marginBottomTablet'], false, $options['marginBottomUnit'] );
			}

			$css->stop_media_query();

			$css->start_media_query( generate_get_media_query( 'mobile' ) );

			$css->set_selector( $selector );
			$css->add_property( 'font-size', $options['fontSizeMobile'], false, $options['fontSizeUnit'] );
			$css->add_property( 'letter-spacing', $options['letterSpacingMobile'], false, $options['letterSpacingUnit'] );

			if ( 'body' !== $options['selector'] ) {
				$css->add_property( 'line-height', $options['lineHeightMobile'], false, $options['lineHeightUnit'] );
				$css->add_property( 'margin-bottom', $options['marginBottomMobile'], false, $options['marginBottomUnit'] );
			} else {
				$css->set_selector( $body_selector );
				$css->add_property( 'line-height', $options['lineHeightMobile'], false, $options['lineHeightUnit'] );

				$css->set_selector( $paragraph_selector );
				$css->add_property( 'margin-bottom', $options['marginBottomMobile'], false, $options['marginBottomUnit'] );
			}

			$css->stop_media_query();
		}

		return $css->css_output();
	}

	/**
	 * Get the CSS selector.
	 *
	 * @param string $selector The saved selector to look up.
	 */
	public static function get_css_selector( $selector ) {
		switch ( $selector ) {
			case 'body':
				$selector = 'body, button, input, select, textarea';
				break;

			case 'main-title':
				$selector = '.main-title';
				break;

			case 'site-description':
				$selector = '.site-description';
				break;

			case 'primary-menu-items':
				$selector = '.main-navigation a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items';
				break;

			case 'primary-sub-menu-items':
				$selector = '.main-navigation .main-nav ul ul li a';
				break;

			case 'primary-menu-toggle':
				$selector = '.main-navigation .menu-toggle';
				break;

			case 'buttons':
				$selector = 'button:not(.menu-toggle),html input[type="button"],input[type="reset"],input[type="submit"],.button,.wp-block-button .wp-block-button__link';
				break;

			case 'all-headings':
				$selector = 'h1, h2, h3, h4, h5, h6';
				break;

			case 'single-content-title':
				$selector = 'h1.entry-title';
				break;

			case 'archive-content-title':
				$selector = 'h2.entry-title';
				break;

			case 'top-bar':
				$selector = '.top-bar';
				break;

			case 'widget-titles':
				$selector = '.widget-title';
				break;

			case 'footer':
				$selector = '.site-info';
				break;
		}

		return apply_filters( 'generate_typography_css_selector', $selector );
	}

	/**
	 * Get our full font family value.
	 *
	 * @param string $font_family The font family name.
	 */
	public static function get_font_family( $font_family ) {
		if ( ! $font_family ) {
			return $font_family;
		}

		$font_manager = generate_get_option( 'font_manager' );

		$font_families = array();
		foreach ( (array) $font_manager as $key => $data ) {
			$font_families[ $data['fontFamily'] ] = $data;
		}

		$font_family_args = array();
		if ( ! empty( $font_families[ $font_family ] ) ) {
			$font_family_args = $font_families[ $font_family ];
		}

		if ( ! empty( $font_family_args['googleFont'] ) && ! empty( $font_family_args['googleFontCategory'] ) ) {
			// Add quotations around font names with standalone numbers.
			if ( preg_match( '/(?<!\S)\d+(?!\S)/', $font_family ) ) {
				$font_family = '"' . $font_family . '"';
			}

			$font_family = $font_family . ', ' . $font_family_args['googleFontCategory'];
		} elseif ( 'System Default' === $font_family ) {
			$font_family = generate_get_system_default_font();
		}

		return $font_family;
	}

	/**
	 * Get the defaults for our CSS options.
	 */
	public static function get_defaults() {
		return array(
			'selector' => '',
			'customSelector' => '',
			'fontFamily' => '',
			'fontWeight' => '',
			'textTransform' => '',
			'textDecoration' => '',
			'fontStyle' => '',
			'fontSize' => '',
			'fontSizeTablet' => '',
			'fontSizeMobile' => '',
			'fontSizeUnit' => 'px',
			'lineHeight' => '',
			'lineHeightTablet' => '',
			'lineHeightMobile' => '',
			'lineHeightUnit' => '',
			'letterSpacing' => '',
			'letterSpacingTablet' => '',
			'letterSpacingMobile' => '',
			'letterSpacingUnit' => 'px',
			'marginBottom' => '',
			'marginBottomTablet' => '',
			'marginBottomMobile' => '',
			'marginBottomUnit' => 'px',
		);
	}

	/**
	 * Add editor styles to the block editor.
	 *
	 * @param array $editor_styles Existing styles.
	 */
	public function add_editor_styles( $editor_styles ) {
		if ( generate_is_using_dynamic_typography() ) {
			$editor_styles[] = 'assets/css/admin/editor-typography.css';
		}

		return $editor_styles;
	}

	/**
	 * Add scripts to the block editor.
	 */
	public function enqueue_editor_scripts() {
		$html_typography = self::get_css( 'core', 'html' );

		if ( $html_typography ) {
			wp_add_inline_style(
				/**
				 * `wp-edit-blocks` is enqueued in the editor, including the iframes.
				 * This is not ideal, as we should use the `block_editor_settings_all` filter to add editor CSS.
				 * However, that filter prepends all selectors with `.editor-styles-wrapper`, which breaks the above
				 * selector, as it appears above that element in the DOM.
				 *
				 * Related: https://github.com/tomusborne/generatepress/issues/472
				 */
				'wp-edit-blocks',
				$html_typography
			);
		}
	}
}

GeneratePress_Typography::get_instance();