Separate SimpleBar so it can easily be consumed by others

Author: spencerfinnell

app/integrations/facetwp/template-functions.php

@@ -24,6 +24,7 @@ function bigbox_facetwp_wp_enqueue_scripts() {
 
 	$deps = [
 		$stylesheet,
+		( $stylesheet . '-simplebar' ),
 		'jquery',
 	];
 

app/integrations/woocommerce/template-functions.php

@@ -40,6 +40,7 @@ function bigbox_woocommerce_wp_enqueue_scripts() {
 
 	$deps = [
 		$stylesheet,
+		( $stylesheet . '-simplebar' ),
 		'wp-util',
 		'woocommerce',
 	];

app/theme/assets.php

@@ -73,11 +73,21 @@ function bigbox_enqueue_scripts() {
 	$version    = bigbox_get_theme_version();
 	$stylesheet = bigbox_get_theme_name();
 
+	// SimpleBar.
+	wp_enqueue_script(
+		$stylesheet . '-simplebar',
+		get_template_directory_uri() . '/public/js/simplebar.min.js',
+		array(),
+		'4.1.0',
+		true
+	);
+
 	$deps = [
 		'hoverIntent',
+		( $stylesheet . '-simplebar' ),
 	];
 
-	// Combined application scripts.
+	// Application script.
 	wp_enqueue_script(
 		$stylesheet,
 		get_template_directory_uri() . '/public/js/app.min.js',

resources/assets/js/app/horizontal-menu.js

@@ -1,7 +1,4 @@
-/**
- * Extenal dependencies.
- */
-import SimpleBar from 'simplebar';
+/* global SimpleBar */
 
 /**
  * Scroll a horizontal menu to the active item.

webpack.config.js

@@ -114,6 +114,7 @@ const config = {
 		jquery: 'jQuery',
 		$: 'jQuery',
 		'@wordpress/element': 'wp.element',
+		simplebar: 'window.SimpleBar',
 	},
 	plugins: [
 		new SpritePlugin(),
@@ -122,6 +123,10 @@ const config = {
 				from: 'resources/assets/images/icons',
 				to: 'public/images/icons',
 			},
+			{
+				from: './node_modules/simplebar/dist/simplebar.min.js',
+				to: 'public/js/simplebar.min.js',
+			},
 		] ),
 		new MiniCssExtractPlugin( {
 			filename: './public/css/[name].min.css',