import { EJSON } from 'meteor/ejson';
import moment from 'moment';
import { webAppConnectHandlersUse } from './meteor_patch.js';

// InjectData object
export const InjectData = {

  // data object initialized with offset
  _data: {
    utcOffset: moment().utcOffset()
  },

  // encode object to string
  _encode(ejson) {
    const ejsonString = EJSON.stringify(ejson);
    return encodeURIComponent(ejsonString);
  },

  // decode string to object
  _decode(encodedEjson) {
    const decodedEjsonString = decodeURIComponent(encodedEjson);
    if (!decodedEjsonString) return null;
    return EJSON.parse(decodedEjsonString);
  },

  // push data to res._injectPayload and generate res._injectHtml
  pushData(res, key, value) {
    
    this._data[key] = value;

    if (!res._injectPayload) {
      res._injectPayload = {};
    }

    res._injectPayload[key] = value;

    // if cors headers included if may cause some security holes
    // so we simply turn off injecting if we detect an cors header
    // read more: http://goo.gl/eGwb4e
    if (res._headers && res._headers['access-control-allow-origin']) {
      const warnMessage =
        'warn: injecting data turned off due to CORS headers. ' +
        'read more: http://goo.gl/eGwb4e';
      console.warn(warnMessage); // eslint-disable-line no-console
      return;
    }

    // inject data
    const data = this._encode(res._injectPayload);
    res._injectHtml = `<script type="text/inject-data">${data}</script>`;
  },

  // get data from res._injectPayload
  getData(res, key) {
    if (res._injectPayload) {
      // same as _.clone(res._injectPayload[key]);
      const data = res._injectPayload[key];
      const clonedData = EJSON.parse(EJSON.stringify(data));
      return clonedData;
    }
    return null;
  },
};

// **injectDataMiddleware, Notes that it must after router connect handler**
webAppConnectHandlersUse(function injectDataMiddleware(req, res, next) {
  if (res._injectHtml) {
    req.dynamicHead = req.dynamicHead || '';
    req.dynamicHead += res._injectHtml;
  }
  next();
}, { order: 900 });