aristath/kirki

<?php
/**
 * Adds the Webfont Loader to load fonts asyncronously.
 *
 * @package kirki-framework/module-webfonts
 * @author Ari Stathopoulos (@aristath)
 * @copyright Copyright (c) 2019, Ari Stathopoulos (@aristath)
 * @license https://opensource.org/licenses/MIT
 * @since 1.0.0
 */

namespace Kirki\Module\Webfonts;

use Kirki\URL;

/**3.
 * Manages the way Google Fonts are enqueued.
 */
final class Async {

    /**
     * Only load the webfont script if this is true.
     *
     * @static
     * @access public
     * @since 1.0.0
     * @var bool
     */
    public static $load = false;

    /**
     * The config ID.
     *
     * @access protected
     * @since 1.0.0
     * @var string
     */
    protected $config_id;

    /**
     * The \Kirki\Module\Webfonts object.
     *
     * @access protected
     * @since 1.0.0
     * @var object
     */
    protected $webfonts;

    /**
     * The \Kirki\Module\Webfonts\Google object.
     *
     * @access protected
     * @since 1.0.0
     * @var object
     */
    protected $googlefonts;

    /**
     * Fonts to load.
     *
     * @access protected
     * @since 1.0.0
     * @var array
     */
    protected $fonts_to_load = [];

    /**
     * Constructor.
     *
     * @access public
     * @since 1.0.0
     * @param string $config_id   The config-ID.
     * @param object $webfonts    The \Kirki\Module\Webfonts object.
     * @param object $googlefonts The \Kirki\Module\Webfonts\Google object.
     * @param array  $args        Extra args we want to pass.
     */
    public function __construct( $config_id, $webfonts, $googlefonts, $args = [] ) {
        $this->config_id   = $config_id;
        $this->webfonts    = $webfonts;
        $this->googlefonts = $googlefonts;

        add_action( 'wp_head', [ $this, 'webfont_loader' ] );
        add_action( 'wp_head', [ $this, 'webfont_loader_script' ], 30 );

        // Add these in the dashboard to support editor-styles.
        add_action( 'admin_enqueue_scripts', [ $this, 'webfont_loader' ] );
        add_action( 'admin_enqueue_scripts', [ $this, 'webfont_loader_script' ], 30 );

        add_filter( 'wp_resource_hints', [ $this, 'resource_hints' ], 10, 2 );
    }

    /**
     * Add preconnect for Google Fonts.
     *
     * @access public
     * @param array  $urls           URLs to print for resource hints.
     * @param string $relation_type  The relation type the URLs are printed.
     * @return array $urls           URLs to print for resource hints.
     */
    public function resource_hints( $urls, $relation_type ) {
        $fonts_to_load = $this->googlefonts->fonts;

        if ( ! empty( $fonts_to_load ) && 'preconnect' === $relation_type ) {
            $urls[] = [
                'href' => 'https://fonts.gstatic.com',
                'crossorigin',
            ];
        }
        return $urls;
    }

    /**
     * Webfont Loader for Google Fonts.
     *
     * @access public
     * @since 1.0.0
     */
    public function webfont_loader() {

        // Go through our fields and populate $this->fonts.
        $this->webfonts->loop_fields( $this->config_id );

        $this->googlefonts->fonts = apply_filters( 'kirki_enqueue_google_fonts', $this->googlefonts->fonts );

        // Goes through $this->fonts and adds or removes things as needed.
        $this->googlefonts->process_fonts();

        foreach ( $this->googlefonts->fonts as $font => $weights ) {
            foreach ( $weights as $key => $value ) {
                if ( 'italic' === $value ) {
                    $weights[ $key ] = '400i';
                } else {
                    $weights[ $key ] = str_replace( [ 'regular', 'bold', 'italic' ], [ '400', '', 'i' ], $value );
                }
            }
            $this->fonts_to_load[] = $font . ':' . join( ',', $weights ) . ':cyrillic,cyrillic-ext,devanagari,greek,greek-ext,khmer,latin,latin-ext,vietnamese,hebrew,arabic,bengali,gujarati,tamil,telugu,thai';
        }
        if ( ! empty( $this->fonts_to_load ) ) {
            self::$load = true;
        }

        global $wp_customize;
        if ( self::$load || $wp_customize || is_customize_preview() ) {
            wp_enqueue_script( 'webfont-loader', URL::get_from_path( dirname( __DIR__ ) . '/assets/scripts/vendor-typekit/webfontloader.js' ), [], '3.0.28', true );
        }
    }

    /**
     * Webfont Loader script for Google Fonts.
     *
     * @access public
     * @since 1.0.0
     */
    public function webfont_loader_script() {
        if ( ! empty( $this->fonts_to_load ) ) {
            wp_add_inline_script(
                'webfont-loader',
                'WebFont.load({google:{families:[\'' . join( '\', \'', $this->fonts_to_load ) . '\']}});',
                'after'
            );
        }
    }

    /**
     * Set the $load property of this object.
     *
     * @access public
     * @since 1.0.0
     * @param bool $load Set to false to disable loading.
     * @return void
     */
    public function set_load( $load ) {
        self::$load = $load;
    }
}