import Vue from "vue";
import VueRouter from "vue-router";
import { routes } from "@/router.js";
import Vinlottis from "@/Vinlottis";
import AccessCodePage from "@/components/AccessCodePage";
import { readCookie } from "@/utils";

import Toast from "@/plugins/Toast";

import * as Sentry from "@sentry/browser";
import { Vue as VueIntegration } from "@sentry/integrations";

Vue.use(VueRouter);

// Plugins
Vue.use(Toast);

const ENV = window.location.href.includes("localhost") ? "development" : "production";
if (ENV !== "development") {
  Sentry.init({
    dsn: "https://7debc951f0074fb68d7a76a1e3ace6fa@o364834.ingest.sentry.io/4905091",
    integrations: [new VueIntegration({ Vue })],
    beforeSend: event => {
      console.error(event);
      return event;
    },
  });
}

// Add global GA variables
window.ga =
  window.ga ||
  function() {
    window.ga.q = window.ga.q || [];
    window.ga.q.push(arguments);
  };
ga.l = 1 * new Date();

// Initiate
ga("create", __GA_TRACKINGID__, {
  allowAnchor: false,
  cookieExpires: __GA_COOKIELIFETIME__, // Time in seconds
  cookieFlags: "SameSite=Strict; Secure",
});
ga("set", "anonymizeIp", true); // Enable IP Anonymization/IP masking
ga("send", "pageview");

if (ENV == "development") window[`ga-disable-${__GA_TRACKINGID__}`] = true;

const router = new VueRouter({
  routes: routes,
  mode: "history",
});

function redirectIfHasAccessCodeAndOnIncorrectDomain(accessCode) {
  const site = __sites__.find(site => site.code == accessCode);
  if (accessCode && site && !!!site.domain.includes(window.location.hostname)) {
    window.location.href = `${window.location.protocol}//${site.domain}`;
  }
}

const accessCode = readCookie("accesscode");
redirectIfHasAccessCodeAndOnIncorrectDomain(1);
const component = accessCode ? Vinlottis : AccessCodePage;

new Vue({
  el: "#app",
  router,
  components: { component },
  template: "<Vinlottis />",
  render: h => h(component),
});