landing_page/qdrant-landing/themes/qdrant-2024/assets/js/helpers.js

export function isElementInViewport(el) {
  var rect = el.getBoundingClientRect();

  return (
    rect.top >= 0 &&
    rect.left >= 0 &&
    rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
    rect.right <= (window.innerWidth || document.documentElement.clientWidth)
  );
}

export function scrollIntoViewWithOffset(id, offset) {
  offset = offset || 0;

  const targetPosition =
    document.getElementById(id).getBoundingClientRect().top - document.body.getBoundingClientRect().top - offset;

  window.scrollTo({
    top: targetPosition,
    behavior: 'smooth',
  });
}

export function isNodeList(list) {
  return Object.prototype.isPrototypeOf.call(NodeList.prototype, list);
}

export function initGoToTopButton(selector) {
  const button = document.querySelector(selector || '.go-to-top');

  if (!button) {
    return;
  }

  window.addEventListener('scroll', () => {
    const shouldShow = window.scrollY > window.innerHeight / 3;
    button.classList.toggle('d-block', shouldShow);
    button.classList.toggle('d-none', !shouldShow);
  });

  button.addEventListener('click', () => {
    window.scrollTo({
      top: 0,
      behavior: 'smooth'
    });
  });
}

// GET COOKIE
export function getCookie(name) {
  const decodedCookie = decodeURIComponent(document.cookie);
  const ca = decodedCookie.split(';');
  name = name + "=";
  for(let i = 0; i < ca.length; i++) {
    let c = ca[i];
    while (c.charAt(0) === ' ') {
      c = c.substring(1);
    }
    if (c.indexOf(name) === 0) {
      return c.substring(name.length, c.length);
    }
  }
}

// SET COOKIE
export function setCookie(name, value, days) {
  const date = new Date();
  date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
  const expires = 'expires=' + date.toUTCString();
  document.cookie = name + '=' + value + ';' + expires + ';path=/;Secure';
}

// Logging in Development Mode (localhost)
export function devLog(str) {
  if (window.location.host.includes('localhost')) {
    console.log(str)
  }
}

const CROSS_SITE_URL_PARAM_KEY = 'ajs_anonymous_id';
export function tagCloudUILinksWithAnonymousId() {
  const targetUrl = 'https://cloud.qdrant.io/';

  const anonymousId = analytics.user().anonymousId();
  
  // Function to add or update query parameter in the URL
  function addOrUpdateQueryParam(url, paramName, paramValue) {
    const urlObj = new URL(url, window.location.origin); // Ensures URL is absolute
    urlObj.searchParams.set(paramName, paramValue);
    return urlObj.toString();
  }

  // Select all <a> elements with href exactly containing targetUrl
  const links = document.querySelectorAll(`a[href*="${targetUrl}"]`);

  // Loop through all selected <a> elements and update their href
  links.forEach(link => {
    link.href = addOrUpdateQueryParam(link.href, CROSS_SITE_URL_PARAM_KEY, anonymousId);
  });
}

export function addGA4Properties(properties) {
  const gaMeasurementId = getCookie('ga_measurement_id')?.replace('G-', '');
  properties.ga_session_id = getCookie('_ga_' + gaMeasurementId)?.replace('GS1.1.','').split('.')[0];
  properties.ga_client_id = getCookie('_ga')?.replace('GA1.1.','');
}

export function addUTMToLinks() {
  const urlParams = new URLSearchParams(window.location.search);

  // Gather all GTM related params
  const utmIds = {
      gcl: urlParams.get('gclid'),
      gbra: urlParams.get('gbraid'),
      wbra: urlParams.get('wbraid'),
  };

  const utmParams = {
      source: urlParams.get('utm_source'),
      medium: urlParams.get('utm_medium'),
      campaign: urlParams.get('utm_campaign'),
      content: urlParams.get('utm_content')
  };

  // Create new params string for outbound links and store in sessionStorage
  let newParams = '';
  for (const key in utmIds) {
      if (utmIds[key]) {
          sessionStorage.setItem(`${key}id`, utmIds[key]);
          newParams += `${key}id=${utmIds[key]}&`;
      }
  }
  for (const key in utmParams) {
      if (utmParams[key]) {
          sessionStorage.setItem(`utm_${key}`, utmParams[key]);
          newParams += `utm_${key}=${utmParams[key]}&`;
      }
  }

  // Add url params to outbound links to product site
  if (newParams.length > 0) {
      newParams = newParams.replace(/[&|?]$/, ''); // remove trailing & or ?

      const links = document.querySelectorAll('a[href*="cloud.qdrant.io"]');
      links.forEach(link => {
          const href = link.href;
          const separator = href.indexOf('?') === -1 ? '?' : '&';
          link.href = `${href}${separator}${newParams}`;
      });
  }
}