Merge pull request #94 from bigboxwc/release/2.0.0

release/2.0.0

Author: spencerfinnell

.eslintignore

@@ -1,3 +1,4 @@
 node_modules
 vendor
-public
+public
+resources/assets/js/app/skip-link-focus-fix.js

CHANGELOG.md

@@ -1,3 +1,38 @@
+## [2.0.0] - 2018-11-06
+
+### Breaking
+
+- Base stylesheet enqueued with wp_enqueue_script priority 20 (was 10).
+- Base stylesheet renamed to app.scss (was style.scss) -- child themes referencing this need to update.
+
+### New
+
+- Gutenberg 4.2 compatibility.
+- WooCommerce 3.5.1 compatibility.
+- WooCommerce Bookings custom styles support.
+- Keyboard accessibility improvements for desktop and mobile menus.
+
+### Fix
+
+- Do not output inline CSS for values that have not been customized.
+- Stripe gateway checkout styles.
+- More precise `em` to `px` conversions for better font smoothing.
+- Icon menu alignment for icons of all sizes.
+- WooCommerce message button alignment.
+- Ensure external WooCommerce products are purchaseable.
+- Ensure blockUI library uses accurate background color.
+
+### Tweaks
+
+- Default grid to be 80% page width at extra large device size.
+- Better separation of integration CSS.
+- Move integration views to main views directory.
+- Remove fitvids in favor of Gutenberg responsive embeds.
+- Remove offcanvas drawer cache for better dynamic content support.
+- More consistent dynamic widget area names ("Page Name Sidebar (Left)")
+- Adjust shop sidebar widths to be smaller.
+- Grouped product purchase form appearance.
+
 ## [1.15.2] - 2018-10-12
 
 ### Fix

app/class-integration.php

@@ -22,13 +22,21 @@
  */
 abstract class Integration {
 
+	/**
+	 * Track slug name.
+	 *
+	 * @var string $slug
+	 * @since 1.16.0
+	 */
+	protected $slug;
+
 	/**
 	 * Current working directory.
 	 *
 	 * @var string $dir
 	 * @since 1.0.0
 	 */
-	protected $dir = null;
+	protected $dir;
 
 	/**
 	 * Current working path.
@@ -38,15 +46,23 @@ abstract class Integration {
 	 * @var string $dir
 	 * @since 1.0.0
 	 */
-	protected $local_path = null;
+	protected $local_path;
 
 	/**
 	 * List of required dependencies.
 	 *
 	 * @var array $active
 	 * @since 1.0.0
 	 */
-	protected $dependencies = [];
+	protected $dependencies;
+
+	/**
+	 * Additional inline CSS configuration items.
+	 *
+	 * @var array $inline_css_configs
+	 * @since 1.16.0
+	 */
+	protected $inline_css_configs = [];
 
 	/**
 	 * Setup integration.
@@ -57,6 +73,7 @@ abstract class Integration {
 	 * @param array  $dependencies List of required dependencies.
 	 */
 	public function __construct( $slug, $dependencies ) {
+		$this->slug         = $slug;
 		$this->dependencies = $dependencies;
 		$this->local_path   = trailingslashit( '/app/integrations' ) . $slug;
 		$this->dir          = get_template_directory() . $this->get_local_path();
@@ -104,4 +121,21 @@ public function is_active() {
 		return ! in_array( false, $this->dependencies, true );
 	}
 
+	/**
+	 * Load inline CSS if any output controls are defined.
+	 *
+	 * @since 1.16.0
+	 */
+	public function inline_css_configs( $configs ) {
+		if ( empty( $this->inline_css_configs ) ) {
+			return $configs;
+		}
+
+		foreach ( $this->inline_css_configs as $key ) {
+			$configs[ $this->slug . '-' . $key ] = include $this->get_dir() . '/customize/output/' . $key . '.php';
+		}
+
+		return $configs;
+	}
+
 }

app/class-integrations.php

@@ -119,6 +119,14 @@ public function get_integrations() {
 					defined( 'WC_PRODUCT_VENDORS_VERSION' ) && WC_PRODUCT_VENDORS_VERSION,
 				],
 			],
+			'woocommerce-bookings'        => [
+				'slug'         => 'woocommerce-bookings',
+				'class'        => Integration\WooCommerce_Bookings::class,
+				'dependencies' => [
+					defined( 'WC_PLUGIN_FILE' ) && WC_PLUGIN_FILE,
+					defined( 'WC_BOOKINGS_VERSION' ) && WC_BOOKINGS_VERSION,
+				],
+			],
 			'facetwp'                     => [
 				'slug'         => 'facetwp',
 				'class'        => Integration\FacetWP::class,
@@ -131,7 +139,7 @@ public function get_integrations() {
 				'slug'         => 'gutenberg',
 				'class'        => Integration\Gutenberg::class,
 				'dependencies' => [
-					function_exists( 'the_gutenberg_project' ),
+					function_exists( 'the_gutenberg_project' ) || version_compare( $GLOBALS['wp_version'], '4.9.9999', '>=' ),
 				],
 			],
 		];

app/customize/customize.php

@@ -32,38 +32,57 @@
 function bigbox_customize_inline_css() {
 	$css = new \BigBox\Customize\Build_Inline_CSS();
 
-	// Sub in a `gutenberg` and `type` to fetch output.
-	$controls = array_merge(
-		bigbox_get_theme_colors(),
-		[
-			'gutenberg' => [],
-			'type'      => [],
-		]
-	);
-
-	foreach ( $controls as $key => $data ) {
-		$file = get_template_directory() . '/app/customize/output/' . $key . '.php';
+	/**
+	 * Output custom colors.
+	 *
+	 * Only outputs colors that have changed from their defaults.
+	 */
+	$colors = array_keys( bigbox_get_theme_colors() );
+
+	foreach ( $colors as $key ) {
+		$file = get_template_directory() . '/app/customize/output/color-' . $key . '.php';
 
 		if ( ! file_exists( $file ) ) {
 			continue;
 		}
 
-		$config = include $file;
+		// Don't output non-customized colors.
+		$color   = bigbox_get_theme_color( $key );
+		$default = bigbox_get_theme_default_color( $key );
 
-		/**
-		 * Filter the inline CSS configuration for each control.
-		 *
-		 * @since 1.11.0
-		 *
-		 * @param array $data CSS configuration data.
-		 */
-		$config = apply_filters( 'bigbox_customize_inline_css_' . $key, $config );
+		if ( $color !== $default ) {
+			$config = include $file;
 
-		foreach ( $config as $data ) {
-			$css->add( $data );
+			bigbox_customize_add_inline_css_by_config( $css, $key, $config );
 		}
 	}
 
+	/**
+	 * Sub in additional output items.
+	 *
+	 * Separated from colors because they aren't easily as checked against default values.
+	 */
+	$extras = [
+		'type' => include get_template_directory() . '/app/customize/output/type.php',
+	];
+
+	/**
+	 * Filters extra configurations to be loaded.
+	 *
+	 * Use this to include straight configuration files. If logic is needed to
+	 * determine if items should be loaded, use the `bigbox_customize_inline_css`
+	 * hook below.
+	 *
+	 * @since 1.16.0
+	 *
+	 * @param array $extras
+	 */
+	$extras = apply_filters( 'bigbox_customize_inline_css_configs', $extras );
+
+	foreach ( $extras as $key => $config ) {
+		bigbox_customize_add_inline_css_by_config( $css, $key, $config );
+	}
+
 	/**
 	 * Allow appending more CSS to the inline output.
 	 *
@@ -75,3 +94,27 @@ function bigbox_customize_inline_css() {
 
 	return $css->build();
 }
+
+/**
+ * Add inline CSS based on configuration data.
+ *
+ * @since 1.16.0
+ *
+ * @param BigBox\Customize\Build_Inline_CSS $css CSS object to handle building inline output.
+ * @param string                            $key                            Configuration key.
+ * @param array                             $config                          Configuration data.
+ */
+function bigbox_customize_add_inline_css_by_config( $css, $key, $config ) {
+	/**
+	 * Filter the inline CSS configuration for each control.
+	 *
+	 * @since 1.11.0
+	 *
+	 * @param array $data CSS configuration data.
+	 */
+	$config = apply_filters( 'bigbox_customize_inline_css_' . $key, $config );
+
+	foreach ( $config as $data ) {
+		$css->add( $data );
+	}
+}

app/customize/output/danger.php renamed to app/customize/output/color-danger.php

@@ -9,6 +9,10 @@
  * @author Spencer Finnell
  */
 
+if ( ! defined( 'ABSPATH' ) ) {
+	exit; // Exit if accessed directly.
+}
+
 $danger = bigbox_get_theme_color( 'danger' );
 $rgba10 = bigbox_hex_to_rgba( $danger, 0.10 );
 $rgba30 = bigbox_hex_to_rgba( $danger, 0.30 );

app/customize/output/gray-100.php renamed to app/customize/output/color-gray-100.php

@@ -9,6 +9,10 @@
  * @author Spencer Finnell
  */
 
+if ( ! defined( 'ABSPATH' ) ) {
+	exit; // Exit if accessed directly.
+}
+
 $gray100 = bigbox_get_theme_color( 'gray-100' );
 
 return [

app/customize/output/gray-200.php renamed to app/customize/output/color-gray-200.php

@@ -9,6 +9,10 @@
  * @author Spencer Finnell
  */
 
+if ( ! defined( 'ABSPATH' ) ) {
+	exit; // Exit if accessed directly.
+}
+
 $gray200 = bigbox_get_theme_color( 'gray-200' );
 
 return [

app/customize/output/gray-300.php renamed to app/customize/output/color-gray-300.php

@@ -9,6 +9,10 @@
  * @author Spencer Finnell
  */
 
+if ( ! defined( 'ABSPATH' ) ) {
+	exit; // Exit if accessed directly.
+}
+
 $gray300 = bigbox_get_theme_color( 'gray-300' );
 $rgba50  = bigbox_hex_to_rgba( $gray300, 0.50 );
 $rgba75  = bigbox_hex_to_rgba( $gray300, 0.75 );
@@ -106,7 +110,6 @@
 	[
 		'selectors'    => [
 			'.card',
-			'table',
 			'.woocommerce-Message',
 		],
 		'declarations' => [

app/customize/output/gray-400.php renamed to app/customize/output/color-gray-400.php

@@ -9,6 +9,10 @@
  * @author Spencer Finnell
  */
 
+if ( ! defined( 'ABSPATH' ) ) {
+	exit; // Exit if accessed directly.
+}
+
 $gray400 = bigbox_get_theme_color( 'gray-400' );
 
 return [