InSales cart widget

cart-widget.js

const selectors = {
  cartCount: "[data-cart-widget-count]"
};

const classNames = {
  animate: "cart-widget__count_animate"
};

let eventCounter = 0;

const updateWidget = ({ items_count }) => {
  const { animate } = classNames;
  const $count = $(selectors.cartCount);
  const oldValue = $count.text();
  const newValue = items_count || "";

  // елемент скрывается стилями через :empty
  $count.text(newValue);

  /**
   * не анимируем в первом событии т.к. оно происходит после загзрузки страницы,
   * анимируем только количество > 0
   */
  if (eventCounter && items_count && oldValue != newValue) {
    $count.removeClass(animate);

    /* для корректного сброса состояния нужна задержка */
    setTimeout(() => {
      $count.addClass(animate);
    }, 100);
  }

  eventCounter++;
}

// подписка на событие в commonjs v2
EventBus.subscribe("update_items:insales:cart", updateCartWidget);

// обновление после ручного добавления
$.post('/cart_items.json', { variant_id: id, quantity: count }).done(updateCartWidget)