script.js

function removeTrailingSlash(url) {
  return url.endsWith("/") ? url.slice(0, -1) : url;
}
function initializePosthog() {
  const referrer = document.referrer;
  if (!referrer.includes("upstash.com")) {
    document.cookie =
      "ph_referral_track=" +
      removeTrailingSlash(referrer) +
      "; domain=.upstash.com";
  }

  !(function (t, e) {
    var o, n, p, r;
    e.__SV ||
      ((window.posthog = e),
      (e._i = []),
      (e.init = function (i, s, a) {
        function g(t, e) {
          var o = e.split(".");
          2 == o.length && ((t = t[o[0]]), (e = o[1])),
            (t[e] = function () {
              t.push([e].concat(Array.prototype.slice.call(arguments, 0)));
            });
        }
        ((p = t.createElement("script")).type = "text/javascript"),
          (p.async = !0),
          (p.src = s.api_host + "/static/array.js"),
          (r = t.getElementsByTagName("script")[0]).parentNode.insertBefore(
            p,
            r
          );
        var u = e;
        for (
          void 0 !== a ? (u = e[a] = []) : (a = "posthog"),
            u.people = u.people || [],
            u.toString = function (t) {
              var e = "posthog";
              return (
                "posthog" !== a && (e += "." + a), t || (e += " (stub)"), e
              );
            },
            u.people.toString = function () {
              return u.toString(1) + ".people (stub)";
            },
            o =
              "capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled onFeatureFlags getFeatureFlag getFeatureFlagPayload reloadFeatureFlags group updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures getActiveMatchingSurveys getSurveys getNextSurveyStep onSessionId".split(
                " "
              ),
            n = 0;
          n < o.length;
          n++
        )
          g(u, o[n]);
        e._i.push([i, s, a]);
      }),
      (e.__SV = 1));
  })(document, window.posthog || []);

  posthog.init("phc_hT8RJLWZ74BfzZwduj8jrZNePw8bzC7ByQnUlVNEnR8", {
    api_host: "https://stats.upstash.com",
    person_profiles: "identified_only",
    capture_pageview: true,
    cross_subdomain_cookie: true,
    capture_pageleave: true,
    autocapture: false,
    persistence: "cookie",
    opt_out_capturing_by_default: true,
    rate_limiting: {
      events_burst_limit: 1000,
      events_per_second: 100,
    },
  });
  posthog.opt_in_capturing();
}
const checkGeolocation = () => {
  return fetch("https://upstash.com/api/geolocation")
    .then((response) => {
      return response.json();
    })
    .then((data) => {
      if (!data.isEuropean) {
        localStorage.setItem("cookieConsent", "true");
        initializePosthog();
        return true; // indicates we've handled non-European user
      }
      return false; // indicates we should show the banner
    })
    .catch((error) => {
      return false;
    });
};

function initialize() {
  if (localStorage.getItem("cookieConsent") === "true") {
    initializePosthog();
  } else {
    createCookieConsentBanner();
  }
}

initialize();

function createCookieConsentBanner() {
  if (
    document.getElementById("cookie-consent-banner") ||
    localStorage.getItem("cookieConsent")
  ) {
    return;
  }

  return checkGeolocation().then((isHandled) => {
    if (!isHandled) {
      const banner = document.createElement("div");
      banner.id = "cookie-consent-banner";
      banner.style.cssText = `
    position: fixed;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 50;
    display: flex;
    align-items: center;
    gap: 16px;
    background-color: rgb(52, 211, 153);
    padding: 4px 16px 4px 16px;
    border-radius: 9999px;
    font-size: 14px;
    color: black;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
  `;

      const message = document.createElement("span");
      message.innerHTML =
        'We use cookies to improve your experience. <a href="https://upstash.com/trust/privacy.pdf" style="margin-left: 4px; text-decoration: underline;">Read our privacy policy.</a>';

      const buttonContainer = document.createElement("div");
      buttonContainer.style.cssText = `
    display: flex;
    align-items: center;
    gap: 10px;
  `;

      const acceptButton = document.createElement("button");
      acceptButton.textContent = "Accept";
      acceptButton.style.cssText = `
    background-color: white;
    padding: 4px 12px;
    border-radius: 9999px;
    border: none;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.2s;
  `;

      acceptButton.addEventListener("mouseover", () => {
        acceptButton.style.backgroundColor = "#f3f4f6";
      });
      acceptButton.addEventListener("mouseout", () => {
        acceptButton.style.backgroundColor = "white";
      });

      const closeButton = document.createElement("button");
      closeButton.textContent = "x";
      closeButton.style.cssText = `
    display: flex;
    height: 24px;
    width: 24px;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: background-color 0.2s;
  `;
      closeButton.addEventListener("mouseover", () => {
        closeButton.style.backgroundColor = "rgb(16, 185, 129)";
      });
      closeButton.addEventListener("mouseout", () => {
        closeButton.style.backgroundColor = "transparent";
      });

      acceptButton.addEventListener("click", () => {
        localStorage.setItem("cookieConsent", "true");
        banner.remove();
        initializePosthog();
      });

      closeButton.addEventListener("click", () => {
        banner.remove();
      });

      // Assemble banner
      buttonContainer.appendChild(acceptButton);
      buttonContainer.appendChild(closeButton);
      banner.appendChild(message);
      banner.appendChild(buttonContainer);
      document.body.appendChild(banner);
    }
  });
}