@nguyenmv2/buy-button/src/utils/detect-features.js

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

function detectCSSFeature(featurename){
  var feature = false,
  domPrefixes = 'Webkit Moz ms O'.split(' '),
  elm = document.createElement('div'),
  featurenameCapital = null;

  featurename = featurename.toLowerCase();

  if( elm.style[featurename] !== undefined ) { feature = true; }

  if( feature === false ) {
    featurenameCapital = featurename.charAt(0).toUpperCase() + featurename.substr(1);
    for( var i = 0; i < domPrefixes.length; i++ ) {
      if( elm.style[domPrefixes[i] + featurenameCapital ] !== undefined ) {
        feature = true;
        break;
      }
    }
  }
  return feature;
}

var supportsAnimations = function() {
  return detectCSSFeature('animation');
}

var supportsTransitions = function() {
  return detectCSSFeature('transition');
}

var supportsTransforms = function() {
  return detectCSSFeature('transform');
}

const supportsWindowOpen = () => {
  const userAgent = navigator.userAgent || navigator.vendor || window.opera;
  if (userAgent.indexOf('Mac OS X') === -1) {
    return true;
  }
  const unSupportedApps = ['Instagram', 'Pinterest/iOS', 'FBAN/FBIOS', 'FBAN/MessengerForiOS'];
  return !unSupportedApps.some((appName) => {
    return userAgent.indexOf(appName) > -1;
  });
}

export default {
  animation: supportsAnimations(),
  transition: supportsTransitions(),
  transform: supportsTransforms(),
  windowOpen: supportsWindowOpen,
}