\'});});', "after" );
}
add_action( 'admin_enqueue_scripts', 'bodhi_svgs_admin_multiselect' );
/*
* Enqueue Block editor JS
*/
function bodhi_svgs_block_editor() {
if ( bodhi_svgs_advanced_mode() ) {
wp_enqueue_script('bodhi-svgs-gutenberg-filters', BODHI_SVGS_PLUGIN_URL . '/js/gutenberg-filters.js', ['wp-edit-post']);
}
}
add_action( 'enqueue_block_editor_assets', 'bodhi_svgs_block_editor' );
/**
* Enqueue front end CSS
*/
function bodhi_svgs_frontend_css() {
// get the settings
global $bodhi_svgs_options;
if ( ! empty( $bodhi_svgs_options['frontend_css'] ) ) {
// enqueue attachment CSS
wp_enqueue_style( 'bodhi-svgs-attachment', BODHI_SVGS_PLUGIN_URL . 'css/svgs-attachment.css' );
}
}
add_action( 'wp_enqueue_scripts', 'bodhi_svgs_frontend_css' );
/**
* Enqueue front end JS
*/
function bodhi_svgs_frontend_js() {
// get the settings
global $bodhi_svgs_options;
if ( !empty( $bodhi_svgs_options['sanitize_svg_front_end'] ) && $bodhi_svgs_options['sanitize_svg_front_end'] == 'on' && bodhi_svgs_advanced_mode() == true ) {
// check where the JS should be placed, header or footer
if ( ! empty( $bodhi_svgs_options['js_foot_choice'] ) ) {
$bodhi_svgs_js_footer = true;
} else {
$bodhi_svgs_js_footer = false;
}
// enqueue dompurify library js
wp_enqueue_script( 'bodhi-dompurify-library', BODHI_SVGS_PLUGIN_URL . 'vendor/DOMPurify/DOMPurify.min.js', array(), '1.0.1', $bodhi_svgs_js_footer );
}
}
add_action( 'wp_enqueue_scripts', 'bodhi_svgs_frontend_js', 9 );
/**
* Enqueue and localize JS for IMG tag replacement
*/
function bodhi_svgs_inline() {
if ( bodhi_svgs_advanced_mode() ) {
// get the settings
global $bodhi_svgs_options;
// check if force inline svg is active
if ( ! empty( $bodhi_svgs_options['force_inline_svg'] ) ) {
// set variable as true to pass to js
$force_inline_svg_active = 'true';
// set the class for use in JS
if ( ! empty( $bodhi_svgs_options['css_target'] ) ) {
// use custom class if set
$css_target_array = array(
'Bodhi' => 'img.'. esc_attr($bodhi_svgs_options['css_target']),
'ForceInlineSVG' => esc_attr($bodhi_svgs_options['css_target'])
);
} else {
// set default class
$css_target_array = array(
'Bodhi' => 'img.style-svg',
'ForceInlineSVG' => 'style-svg'
);
}
} else {
// set variable as false to pass to JS
$force_inline_svg_active = 'false';
// if custom target is set, use that, otherwise use default
if ( ! empty( $bodhi_svgs_options['css_target'] ) ) {
$css_target = 'img.'. esc_attr($bodhi_svgs_options['css_target']);
} else {
$css_target = 'img.style-svg';
}
// set the array to target for passing to JS
$css_target_array = $css_target;
}
// use expanded or minified JS
if ( ! empty( $bodhi_svgs_options['use_expanded_js'] ) ) {
// set variables to blank so we use the full JS version
$bodhi_svgs_js_folder = '';
$bodhi_svgs_js_file = '';
} else {
// set variables to the minified version in the min folder
$bodhi_svgs_js_folder = 'min/'; // min folder
$bodhi_svgs_js_file = '-min'; // min file
}
// check where the JS should be placed, header or footer
if ( ! empty( $bodhi_svgs_options['js_foot_choice'] ) ) {
$bodhi_svgs_js_footer = true;
} else {
$bodhi_svgs_js_footer = false;
}
// use vanilla js if user has enabled option in settings
if ( ! empty( $bodhi_svgs_options['use_vanilla_js'] ) ) {
$bodhi_svgs_js_vanilla = '-vanilla';
}else{
$bodhi_svgs_js_vanilla = '';
}
// create path for the correct js file
$bodhi_svgs_js_path = 'js/' . $bodhi_svgs_js_folder .'svgs-inline' . $bodhi_svgs_js_vanilla . $bodhi_svgs_js_file . '.js' ;
wp_register_script( 'bodhi_svg_inline', BODHI_SVGS_PLUGIN_URL . $bodhi_svgs_js_path, array( 'jquery' ), '1.0.1', $bodhi_svgs_js_footer );
wp_enqueue_script( 'bodhi_svg_inline' );
wp_add_inline_script(
'bodhi_svg_inline',
sprintf(
'cssTarget=%s;ForceInlineSVGActive=%s;frontSanitizationEnabled=%s;',
json_encode($css_target_array),
json_encode($force_inline_svg_active),
json_encode($bodhi_svgs_options['sanitize_svg_front_end'])
)
);
}
}
add_action( 'wp_enqueue_scripts', 'bodhi_svgs_inline' );