woocommerce/plugins/woocommerce-admin/lib/client-assets.php

117 lines
3.7 KiB
PHP

<?php
/**
* Register javascript & css files.
*
* @package WC_Admin
*/
/**
* Registers the JS & CSS for the admin and admin embed
*/
function wc_admin_register_script() {
// Are we displaying the full React app or just embedding the header on a classic screen?
$screen_id = wc_admin_get_current_screen_id();
if ( in_array( $screen_id, wc_admin_get_embed_enabled_screen_ids() ) ) {
$js_entry = 'dist/embedded.js';
$css_entry = 'dist/css/embedded.css';
} else {
$js_entry = 'dist/index.js';
$css_entry = 'dist/css/index.css';
}
wp_register_script(
'wc-components',
wc_admin_url( 'dist/components.js' ),
[ 'wp-components', 'wp-data', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-keycodes' ],
filemtime( wc_admin_dir_path( 'dist/components.js' ) ),
true
);
wp_register_style(
'wc-components',
wc_admin_url( 'dist/css/components.css' ),
[ 'wp-edit-blocks' ],
filemtime( wc_admin_dir_path( 'dist/css/components.css' ) )
);
wp_register_script(
WC_ADMIN_APP,
wc_admin_url( $js_entry ),
[ 'wc-components', 'wp-date', 'wp-html-entities', 'wp-keycodes' ],
filemtime( wc_admin_dir_path( $js_entry ) ),
true
);
wp_register_style(
WC_ADMIN_APP,
wc_admin_url( $css_entry ),
[ 'wc-components' ],
filemtime( wc_admin_dir_path( $css_entry ) )
);
// Set up the text domain and translations.
$locale_data = gutenberg_get_jed_locale_data( 'wc-admin' );
$content = 'wp.i18n.setLocaleData( ' . json_encode( $locale_data ) . ', "wc-admin" );';
wp_add_inline_script( 'wc-components', $content, 'before' );
wp_enqueue_script( 'wp-api' );
// Add Tracks script to the DOM if tracking is opted in
$tracking_enabled = 'yes' === get_option( 'woocommerce_allow_tracking', 'no' );
if( $tracking_enabled ) {
$tracking_script = "var wc_tracking_script = document.createElement( 'script' );\n";
$tracking_script .= "wc_tracking_script.src = '//stats.wp.com/w.js';\n"; //TODO Version/cache buster
$tracking_script .= "wc_tracking_script.type = 'text/javascript';\n";
$tracking_script .= "wc_tracking_script.async = true;\n";
$tracking_script .= "wc_tracking_script.defer = true;\n";
$tracking_script .= "window._tkq = window._tkq || [];\n";
$tracking_script .= "document.head.appendChild( wc_tracking_script );\n";
wp_add_inline_script( 'wc-components', $tracking_script, 'before' );
}
/**
* TODO: On merge, once plugin images are added to core WooCommerce, `wcAdminAssetUrl` can be retired, and
* `wcAssetUrl` can be used in its place throughout the codebase.
*/
// Settings and variables can be passed here for access in the app.
$settings = array(
'adminUrl' => admin_url(),
'wcAssetUrl' => plugins_url( 'assets/', WC_PLUGIN_FILE ),
'wcAdminAssetUrl' => plugins_url( 'images/', wc_admin_dir_path( 'wc-admin.php' ) ), // Temporary for plugin. See above.
'embedBreadcrumbs' => wc_admin_get_embed_breadcrumbs(),
'siteLocale' => esc_attr( get_bloginfo( 'language' ) ),
'currency' => wc_admin_currency_settings(),
'date' => array(
'dow' => get_option( 'start_of_week', 0 ),
),
'orderStatuses' => wc_get_order_statuses(),
'siteTitle' => get_bloginfo( 'name' ),
'trackingEnabled' => $tracking_enabled,
);
wp_add_inline_script(
'wc-components',
'var wcSettings = ' . json_encode( $settings ) . ';',
'before'
);
// Resets lodash to wp-admin's version of lodash.
wp_add_inline_script(
WC_ADMIN_APP,
'_.noConflict();',
'after'
);
}
add_action( 'admin_enqueue_scripts', 'wc_admin_register_script' );
/**
* Load plugin text domain for translations.
*/
function wc_admin_load_plugin_textdomain() {
load_plugin_textdomain( 'wc-admin', false, basename( dirname( __FILE__ ) ) . '/languages' );
}
add_action( 'plugins_loaded', 'wc_admin_load_plugin_textdomain' );