@financial-times/o-ads/dist-esm/js/config.js

This package contains the core functionality used by the FT in providing ads across all of its sites. This includes ft.com, howtospendit.com, ftadviser.com and other specialist titles.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.clear = exports.init = exports.default = void 0;

var _index = _interopRequireDefault(require("./utils/index.js"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

//TODO remove all ft.com specific stuff so we can remove this as a global
// currently all FT specific stuff is wrapped in an if window.FT

/**
 * @fileOverview
 * Third party library for use with google publisher tags.
 *
 * @author Robin Marr, robin.marr@ft.com
 */

/**
 * The FT.ads.config object holds the confiuration properties for an FT.ads.gpt instance.
 * There are four tiers of configuration; cookie level config, default config (set within the constructor), metatag config and global (env) config.
 * Global config, (set in the page FT.env ojbect) takes priority over meta followed by default config with cookie config having the least priority.
 * The FT.ads.config() function acts as an accessor method for the config; allowing getting and setting of configuration values.
 * Calling config() with no parameters returns the entire configuration object.
 * Calling config passing a valid property key will envoke the 'getter' and return the value for that property key.
 * Calling config passing a valid property key and a value will envoke the setter and set the value of the key to the new value.
 * Calling config passing an object of keys and values will envoke a setter that extends the store with the object provided.
 * @name config
 * @memberof FT.ads
 * @function
*/

/**
* Default configuration set in the constructor.
*/
var defaults = {
  formats: {
    MediumRectangle: {
      sizes: [300, 250]
    },
    Rectangle: {
      sizes: [180, 50]
    },
    WideSkyscraper: {
      sizes: [160, 600]
    },
    Leaderboard: {
      sizes: [728, 90]
    },
    SuperLeaderboard: {
      sizes: [[970, 90], [970, 66]]
    },
    HalfPage: {
      sizes: [300, 600]
    },
    Billboard: {
      sizes: [970, 250]
    },
    Portrait: {
      sizes: [300, 1050]
    },
    AdhesionBanner: {
      sizes: [320, 50]
    },
    MicroBar: {
      sizes: [88, 31]
    },
    Button2: {
      sizes: [120, 60]
    },
    Responsive: {
      sizes: [2, 2]
    }
  },
  responsive: {
    extra: [1025, 0],
    //Reasonable width to show a Billboard (desktop)
    large: [1000, 0],
    //reasonable width to show SuperLeaderboard (tablet landscape)
    medium: [760, 0],
    //reasonable width to show a leaderboard (tablet portrait)
    small: [0, 0] //Mobile

  },
  flags: {
    refresh: true,
    inview: true
  },
  displayLabelWithBorders: false
};

function fetchDeclaritiveConfig() {
  var results = {};
  var scripts = Array.from(document.querySelectorAll('script[data-o-ads-config]'));
  scripts.forEach(script => {
    results = window.JSON ? _index.default.extend(results, JSON.parse(script.innerHTML)) : 'UNSUPPORTED';
  });
  return results;
}
/**
* @private
* @function
* fetchCanonicalURL Grabs the canonical URL from the page meta if it exists.
*/


function fetchCanonicalURL() {
  var canonical;
  var canonicalTag = document.querySelector('link[rel="canonical"]');

  if (canonicalTag) {
    canonical = canonicalTag.href;
  }

  return {
    canonical: canonical
  };
}
/**
* Defines a store for configuration information and returns a getter/setter method for access.
* @class
* @constructor
*/


function Config() {
  this.store = {};
}

Config.prototype.access = function (k, v) {
  var result;

  if (_index.default.isPlainObject(k)) {
    _index.default.extend(true, this.store, k);

    result = this.store;
  } else if (typeof v === 'undefined') {
    if (typeof k === 'undefined') {
      result = this.store;
    } else {
      result = this.store[k];
    }
  } else {
    this.store[k] = v;
    result = v;
  }

  return result;
};

Config.prototype.clear = function (key) {
  if (key) {
    delete this.store[key];
  } else {
    this.store = {};
  }
};

Config.prototype.init = function () {
  this.store = _index.default.extend(true, {}, defaults, fetchCanonicalURL(), fetchDeclaritiveConfig());
  return this.store;
};

var config = new Config();

var _default = config.access.bind(config);

exports.default = _default;
var init = config.init.bind(config);
exports.init = init;
var clear = config.clear.bind(config);
exports.clear = clear;