@nguyenmv2/buy-button/src/views/product-set.js

BuyButton.js allows merchants to build Shopify interfaces into any website

import View from '../view';

const pollInterval = 200;

export default class ProductSetView extends View {
  constructor(component) {
    super(component);
    this.height = 0;
    this.resizeCompleted = false;
  }

  wrapTemplate(html) {
    return `<div class="${this.component.classes.productSet.productSet}">${html}</div>`;
  }

  /**
   * resize iframe until it is tall enough to contain all products.
   */
  resizeUntilFits() {
    if (!this.iframe || this.resizeCompleted) {
      return;
    }
    const maxResizes = this.component.products.length;
    let resizes = 0;

    this.height = this.outerHeight;
    this.resize();
    const productSetResize = setInterval(() => {
      const currentHeight = this.outerHeight;
      if (parseInt(currentHeight, 10) > parseInt(this.height, 10)) {
        resizes++;
        this.height = currentHeight;
        this.resize(currentHeight);
      }
      if (resizes > maxResizes) {
        this.resizeCompleted = true;
        clearInterval(productSetResize);
      }
    }, pollInterval);
  }

  get shouldResizeY() {
    return true;
  }
}