FileMaster

Edit File: AssetsService.php

<?php

namespace SureCart\WordPress\Assets;

/**
 * Our assets service.
 */
class AssetsService {
	/**
	 * Holds the loader.
	 *
	 * @var Object
	 */
	protected $loader;

/**
	 * Holds the styles
	 *
	 * @var Object
	 */
	protected $styles;

/**
	 * Holds the scripts service.
	 *
	 * @var Object
	 */
	protected $scripts;

/**
	 * The service container.
	 *
	 * @var \Pimple\Container $container Service Container.
	 */
	protected $container;

/**
	 * The preload Service
	 *
	 * @var array
	 */
	protected $config;

/**
	 * Get the loader.
	 *
	 * @param Object $loader The loader.
	 */
	public function __construct( $loader, $scripts, $styles, $container ) {
		$this->loader    = $loader;
		$this->scripts   = $scripts;
		$this->styles    = $styles;
		$this->container = $container;
		$this->config    = \SureCart::resolve( SURECART_CONFIG_KEY );
	}

/**
	 * Bootstrap the service.
	 *
	 * @return void
	 */
	public function bootstrap() {
		// register assets we will reuse.
		add_action( 'init', array( $this->scripts, 'register' ) );
		add_action( 'init', array( $this->styles, 'register' ) );
		// globals.
		add_action( 'wp_enqueue_scripts', array( $this, 'enqueueGlobals' ) );

add_filter( 'enqueue_block_assets', array( $this, 'preloadBlockAssets' ) );
		add_filter( 'render_block_data', array( $this, 'preloadComponents' ) );

// block editor.
		add_action( 'enqueue_block_editor_assets', array( $this, 'editorAssets' ) );

// Shortcode usages scripts load.
		add_action( 'wp_head', array( $this, 'maybeEnqueueScriptsForNonBlocks' ) );

// front-end styles. These only load when the block is being rendered on the page.
		$this->loader->whenRendered( 'surecart/form', [ $this, 'enqueueForm' ] );
		$this->loader->whenRendered( 'surecart/logout-button', [ $this, 'enqueueComponents' ] );
		$this->loader->whenRendered( 'surecart/customer-dashboard-button', [ $this, 'enqueueComponents' ] );
		$this->loader->whenRendered( 'surecart/buy-button', [ $this, 'enqueueComponents' ] );
		$this->loader->whenRendered( 'surecart/customer-dashboard', [ $this, 'enqueueComponents' ] );
		$this->loader->whenRendered( 'surecart/checkout-form', [ $this, 'enqueueComponents' ] );
		$this->loader->whenRendered( 'surecart/order-confirmation', [ $this, 'enqueueComponents' ] );
		$this->loader->whenRendered( 'surecart/product-item-list', [ $this, 'enqueueComponents' ] );
	}

public function preloadBlockAssets() {
		if ( is_admin() ) {
			return;
		}
		global $post;
		foreach ( $this->config['preload'] as $block_name => $deps ) {
			if ( has_block( $block_name, $post ) ) {
				\SureCart::preload()->add( $this->config['preload'][ $block_name ] );
			}
		}
	}

/**
	 * Enqueue global styles.
	 *
	 * @return void
	 */
	public function enqueueGlobals() {
		if ( is_page_template( 'pages/template-surecart-dashboard.php' ) ) {
			// enqueue it.
			wp_enqueue_style( 'surecart-themes-default' );

$asset_file = include trailingslashit( $this->container[ SURECART_CONFIG_KEY ]['app_core']['path'] ) . 'dist/templates/customer-dashboard.asset.php';
			wp_enqueue_style(
				'surecart-templates-customer-dashboard',
				trailingslashit( \SureCart::core()->assets()->getUrl() ) . 'dist/templates/customer-dashboard.css',
				array( 'surecart-themes-default' ),
				$asset_file['version'],
			);
		}

$account = \SureCart::account();
		if ( ! $account->isConnected() ) {
			return;
		}

$tracking_enabled         = $account->affiliation_protocol->wordpress_plugin_tracking_enabled ?? false;
		$affiliate_script_defined = defined( 'SURECART_ENABLE_AFFILIATE_SCRIPT' ) && ! empty( SURECART_ENABLE_AFFILIATE_SCRIPT );

if ( ( $tracking_enabled || $affiliate_script_defined ) && $account->entitlements->affiliates ) {
			wp_enqueue_script( 'surecart-affiliate-tracking' );
		}
	}

/**
	 * Preload any components needed for block display.
	 *
	 * @param array $parsed_block Parsed block data.
	 *
	 * @return array
	 */
	public function preloadComponents( $parsed_block ) {
		if ( ! empty( $this->config['preload'][ $parsed_block['blockName'] ] ) ) {
			\SureCart::preload()->add( $this->config['preload'][ $parsed_block['blockName'] ] );
		}
		return $parsed_block;
	}

/**
	 * Enqueue form scripts.
	 *
	 * @return void
	 */
	public function enqueueForm() {
		// add recaptcha if enabled.
		if ( \SureCart::settings()->recaptcha()->isEnabled() ) {
			wp_enqueue_script( 'surecart-google-recaptcha' );
		}
		$this->enqueueComponents();
	}

/**
	 * Enqueue editor styles and scripts.
	 */
	public function editorAssets() {
		$this->scripts->enqueueEditor();
		$this->styles->enqueueEditor();
	}

/**
	 * EnqueueComponents.
	 *
	 * @return void
	 */
	public function enqueueComponents() {
		$this->scripts->enqueueFront();
		$this->styles->enqueueFront();
	}

/**
	 * Print admin colors.
	 *
	 * @return void
	 */
	public function printAdminColors() {
		$this->styles->addInlineAdminColors( 'surecart-themes-default' );
	}

/**
	 * Output brand colors.
	 *
	 * @return void
	 */
	public function printBrandColors() {
		$this->styles->addInlineBrandColors( 'surecart-themes-default' );
	}

/**
	 * Shortcodes scripts add.
	 *
	 * @return void
	 */
	public function maybeEnqueueScriptsForNonBlocks() {
		global $post;

// match all of our shortcodes and already rendered components.
		if ( false === strpos( $post->post_content ?? '', '[sc_' ) && false === strpos( $post->post_content ?? '', '<sc-' ) ) {
			return;
		}

$this->enqueueComponents();
	}

/**
	 * This adds component data to the component when it's defined at runtime.
	 *
	 * @param string $tag Tag of the web component.
	 * @param string $selector Specific selector (class or id).
	 * @param array  $data Data to add.
	 * @return void
	 */
	public function addComponentData( $tag, $selector, $data = array() ) {
		if ( ( $this->loader->isUsingPageBuilder() ) && 'thrive' !== $this->loader->getPageBuilder() ) {
			return $this->outputComponentScript( $tag, $selector, $data );
		}

add_action(
			'wp_footer',
			function () use ( $tag, $selector, $data ) {
				return $this->outputComponentScript( $tag, $selector, $data );
			}
		);
		add_action(
			'admin_footer',
			function () use ( $tag, $selector, $data ) {
				return $this->outputComponentScript( $tag, $selector, $data );
			}
		);
	}

/**
	 * Should we use the esm loader directly?
	 * If false, we inject the loader script at runtime.
	 *
	 * @return boolean
	 */
	public function usesEsmLoader() {
		return (bool) get_option( 'surecart_use_esm_loader', false );
	}

/**
	 * Output the component initialization script.
	 *
	 * @param string $tag Tag of the web component.
	 * @param string $selector Specific selector (class or id).
	 * @param array  $data Data to add.
	 */
	public function outputComponentScript( $tag, $selector, $data = array() ) {
		?>
		<script>
			(async () => {
				await customElements.whenDefined('<?php echo esc_js( $tag ); ?>');
				var component = document.querySelector('<?php echo esc_js( $tag . $selector ); ?>');
				if (!component) return;
				<?php
				foreach ( $data as $key => $value ) {
					echo "\n";
					echo esc_js( "component.$key = " );
					echo wp_json_encode( $value );
					echo ';';
				}
				?>
			})();
		</script>
		<?php
	}
}

Back