Merge pull request #93 from x-team/live-preview-without-manual-submit

See live preview changes as-you-type, without hitting Update button

Author: westonruter

class-options-transaction.php

@@ -10,9 +10,14 @@ class Options_Transaction {
  */
 public $options = array();
 
+protected $_ignore_transients = true;
 protected $_is_current = false;
 protected $_operations = array();
 
+function __construct( $ignore_transients = true ) {
+$this->_ignore_transients = $ignore_transients;
+}
+
 /**
  * Determine whether or not the transaction is open
  * @return bool
@@ -21,6 +26,14 @@ function is_current() {
 return $this->_is_current;
 }
 
+/**
+ * @param $option_name
+ * @return boolean
+ */
+function is_option_ignored( $option_name ) {
+return ( $this->_ignore_transients && 0 === strpos( $option_name, '_transient_' ) );
+}
+
 /**
  * Get the number of operations performed in the transaction
  * @return bool
@@ -46,6 +59,9 @@ function start() {
  * @param $new_value
  */
 function _capture_added_option( $option_name, $new_value ) {
+if ( $this->is_option_ignored( $option_name ) ) {
+return;
+}
 $this->options[$option_name] = $new_value;
 $operation = 'add';
 $this->_operations[] = compact( 'operation', 'option_name', 'new_value' );
@@ -58,6 +74,9 @@ function _capture_added_option( $option_name, $new_value ) {
  * @param mixed $new_value
  */
 function _capture_updated_option( $option_name, $old_value, $new_value ) {
+if ( $this->is_option_ignored( $option_name ) ) {
+return;
+}
 $this->options[$option_name] = $new_value;
 $operation = 'update';
 $this->_operations[] = compact( 'operation', 'option_name', 'old_value', 'new_value' );
@@ -72,8 +91,10 @@ function _capture_updated_option( $option_name, $old_value, $new_value ) {
  * @param string $option_name
  */
 function _capture_pre_deleted_option( $option_name ) {
+if ( $this->is_option_ignored( $option_name ) ) {
+return;
+}
 global $wpdb;
-
 $autoload = $wpdb->get_var( $wpdb->prepare( "SELECT autoload FROM $wpdb->options WHERE option_name = %s", $option_name ) ); // db call ok; no-cache ok
 $this->_pending_delete_option_autoload = $autoload;
 $this->_pending_delete_option_value = get_option( $option_name );
@@ -84,6 +105,9 @@ function _capture_pre_deleted_option( $option_name ) {
  * @param string $option_name
  */
 function _capture_deleted_option( $option_name ) {
+if ( $this->is_option_ignored( $option_name ) ) {
+return;
+}
 unset( $this->options[$option_name] );
 $operation = 'delete';
 $old_value = $this->_pending_delete_option_value;

widget-customizer.css

@@ -50,11 +50,22 @@
 opacity: 0.5;
 }
 
-.customize-control-widget_form.previewer-loading .spinner {
+
+.customize-control-widget_form.is-live-previewable .widget-control-save {
+display: none;
+}
+
+.customize-control-widget_form .spinner {
 display: inline;
+opacity: 0.0;
+-webkit-transition: opacity 0.1s;
+transition: opacity 0.1s;
+}
+.customize-control-widget_form.previewer-loading .spinner {
+opacity: 1.0;
 }
 
-.customize-control-widget_form.widget-form-loading .widget-content {
+.customize-control-widget_form.widget-form-loading:not(.is-live-previewable) .widget-content {
 opacity: 0.7;
 pointer-events: none;
 -moz-user-select: none;