cravindra

/**
 * Returns a cookie value if a name is specified. Otherwise returns the entire cookies as an object
 * @param [name] - The name of the cookie to fetch the value for. Returns the entire map of cookies if not specified
 * @returns {string|Object} - The value of the cookie specified by `name` if specified. Otherwise returns a name value map of the available cookies
 */
export function getCookie(name) {
    const cookies = document.cookie.split(';')
        .reduce((acc, cookieString) => {
            const [key, value] = cookieString.split('=').map(s => s.trim());
            if (key && value) {

cravindra

Dump from my answer on SO: https://stackoverflow.com/a/54617885/2649853

I was looking for a solution for this and came here but I couldn't find what I needed:

1. Asynchronous imports to only load into the bundle what was needed based on the viewport.
2. Capability to serve a different layout if the layout was resized

cravindra

// theory - https://eleanormaclure.files.wordpress.com/2011/03/colour-coding.pdf (page 5)
// kelly's colors - https://i.kinja-img.com/gawker-media/image/upload/1015680494325093012.JPG
// hex values - http://hackerspace.kinja.com/iscc-nbs-number-hex-r-g-b-263-f2f3f4-242-243-244-267-22-1665795040

const kellyColors = ['#F2F3F4', '#222222', '#F3C300', '#875692', '#F38400', '#A1CAF1', '#BE0032', '#C2B280', '#848482', '#008856', '#E68FAC', '#0067A5', '#F99379', '#604E97', '#F6A600', '#B3446C', '#DCD300', '#882D17', '#8DB600', '#654522', '#E25822', '#2B3D26']


// https://sashat.me/2017/01/11/list-of-20-simple-distinct-colors/
const LABEL_COLORS = ['#e6194b', '#3cb44b', '#ffe119', '#4363d8', '#f58231', '#911eb4', '#46f0f0', '#f032e6', '#bcf60c', '#fabebe', '#008080', '#e6beff', '#9a6324', '#fffac8', '#800000', '#aaffc3', '#808000', '#ffd8b1', '#000075', '#808080', '#ffffff', '#000000']

cravindra

/**
 * Helper to inject the YouTube iFrame API script and initialise a YouTube video
 * @param container {DOMElement | string} A Dom element or a string which is the id of the element to make a youtube video
 * @param [playerOptions={}] {Object} An object as defined by the [YT iFrame API](https://developers.google.com/youtube/player_parameters)
 */
export default function inject(container, playerOptions={}) {
  // Extract Player vars if available
  const playerVars = {...(playerOptions.playerVars || {})};
  delete playerOptions.playerVars;

cravindra

const lassoLoader = require('lasso-loader');

/* globals FB, _sdk */
/**
 * Performs a one time OAuth 2.0 authorization.
 * Depending on the parameters used, this will open a popup to the Google sign-in flow
 * or try to load the requested response silently, without user interaction.
 */
function authenticate() {
    return new Promise(function (resolve, reject) {

cravindra

const lassoLoader = require('lasso-loader');

/* globals gapi, _sdk */
/**
 * Performs a one time OAuth 2.0 authorization.
 * Depending on the parameters used, this will open a popup to the Google sign-in flow
 * or try to load the requested response silently, without user interaction.
 */
function authenticate() {
    return new Promise(function (resolve, reject) {

cravindra

require('../../vendor/js/fetch');

/**
 * The defaultOptions properties used in fetching API
 * @typedef {Object} defaultOptions
 * @property {string} method - Indicates the http request method
 * @property {string} url - request Url
 * @property {Object|null} body - holds the http request body information to be used in post or put request
 */
const fetchConfig = {

cravindra

const express = require('express');
const router = express.Router();
const session = require('express-session');
const MemcachedStore = require('connect-memcached')(session);
const _ = require('lodash');
const utils = require('../../services/application/utils');
const config = utils.getConfiguration();
/**
 * Middleware which goes in before Express Session to enable overriding session ID assignment through a query parameter
 * or a request header `uid`

cravindra

/**
 * Middleware to  add the following helpers to the req object
 * 1. wantsJSON
 * 2. getAllParams
 * @param req - The Express Request Object for the current request
 * @param res - The Express Response Object for the current request
 * @param next
 */
function enhanceReq(req, res, next) {

cravindra

/**
 * YouTube API helper for instantiating multiple videos on a page
 * https://developers.google.com/youtube/iframe_api_reference
 */

/**
 * Helper to queue a youtube video to be instantiated with the YouTube API
 * @param {*} videoId The YouTube Video ID
 * @param {*} elementId The Element ID to instantiate as a YouTube player
 * @param {*} callback The callback to be called once the player object is available