Modrinth/modules/gpt-ads/lib/templates/plugin.js

import Vue from 'vue'

function isPersonalizedAdsOn(ctx) {
  let cookies = []
  if (ctx.req != null) {
    // Server side rendering
    cookies = ctx.req.headers.cookie
  } else {
    // Rely on the client
    cookies = document.cookie
  }
  if (cookies == null) return false
  const processed = {}
  cookies.split(';').forEach((e) => {
    const val = e.trim().split('=')
    processed[val[0]] = decodeURI(val[1])
  })
  const scopes = decodeURIComponent(processed['modrinth-scopes']).split(',')
  return scopes !== null && scopes.includes('ads')
}

// eslint-disable-next-line require-await
export default async function (ctx, inject) {
  const config = (ctx.$config && ctx.$config.ads) || {}
  // Module options
  const debug = config.debug ?? '<%= options.debug || false %>' === 'true'
  const individualRefresh =
    config.individualRefresh ??
    '<%= options.individualRefresh || false %>' === 'true'
  const collapseEmptyDivs =
    config.collapseEmptyDivs ??
    '<%= options.collapseEmptyDivs || false %>' === 'true'
  const GeoEdgeId = config.GeoEdgeId ?? '<%= options.geoEdgeId %>'
  const networkCode = config.networkCode ?? '<%= options.networkCode %>'
  const GPT_LIB_SCRIPT_ID = '<%= options.GPT_LIB_SCRIPT_ID %>'
  const GPT_INIT_SCRIPT_ID = '<%= options.GPT_INIT_SCRIPT_ID %>'
  const GEOEDGE_CONF_SCRIPT_ID = '<%= options.GEOEDGE_CONF_SCRIPT_ID %>'
  const GEOEDGE_LIB_SCRIPT_ID = '<%= options.GEOEDGE_LIB_SCRIPT_ID %>'
  // Instance options
  const gptAdsOptions = {
    networkCode,
    individualRefresh,
    slots: [],
  }

  const injectScript = (script) => {
    const scriptIndex = ctx.app.head.script.findIndex(
      (s) => s.hid === script.hid
    )
    if (scriptIndex !== -1) {
      ctx.app.head.script[scriptIndex] = script
    } else {
      ctx.app.head.script.push(script)
    }
  }
  const noConsent = !isPersonalizedAdsOn(ctx)

  // GeoEdge support
  if (GeoEdgeId !== '') {
    // Unfortunately these lines are needed to prevent vue-meta from esacping quotes in the init script
    ctx.app.head.__dangerouslyDisableSanitizersByTagID =
      ctx.app.head.__dangerouslyDisableSanitizersByTagID || {}
    ctx.app.head.__dangerouslyDisableSanitizersByTagID[
      GEOEDGE_CONF_SCRIPT_ID
    ] = ['innerHTML']
    const geoEdgeConfig = {
      hid: GEOEDGE_CONF_SCRIPT_ID,
      innerHTML:
        "window.grumi = { key: '" + encodeURIComponent(GeoEdgeId) + "'};",
    }
    injectScript(geoEdgeConfig)

    const geoEdgeImport = {
      hid: GEOEDGE_LIB_SCRIPT_ID,
      src: `https://rumcdn.geoedge.be/${GeoEdgeId}/grumi-ip.js`,
      async: true,
    }
    injectScript(geoEdgeImport)
  }

  // Inject GPT lib
  const gptLibScript = {
    hid: GPT_LIB_SCRIPT_ID,
    src: 'https://www.googletagservices.com/tag/js/gpt.js',
    async: true,
  }
  injectScript(gptLibScript)

  // Inject GPT init script
  let gptInitScriptHtml =
    'var googletag = googletag || {};googletag.cmd = googletag.cmd || [];'
  if (debug) {
    gptInitScriptHtml +=
      'googletag.cmd.push(function(){googletag.openConsole();});'
  }
  // Disable initial load
  const gptDisableInitialLoad = individualRefresh
    ? 'googletag.pubads().disableInitialLoad();'
    : ''
  // Collapse empty div
  const gptCollapseEmptyDivs = collapseEmptyDivs
    ? 'googletag.pubads().collapseEmptyDivs();'
    : ''
  // Desactivate personalization
  const gptDisablePersonalization = noConsent
    ? 'googletag.pubads().setRequestNonPersonalizedAds(1);'
    : ''
  gptInitScriptHtml += `
    googletag.cmd.push(function(){
      googletag.pubads().enableSingleRequest();
      ${gptDisableInitialLoad}
      ${gptCollapseEmptyDivs}
      ${gptDisablePersonalization}
      googletag.enableServices();
    });
  `
  const gptInitScript = {
    hid: GPT_INIT_SCRIPT_ID,
    innerHTML: gptInitScriptHtml,
  }
  injectScript(gptInitScript)

  const component = require('./component.js')
  Vue.component('<%= options.componentName %>', component.default || component)

  inject('gptAds', gptAdsOptions)
}