kevinweber

import {
  checkStatus,
  parseJSON
} from './request';

/**
 * Request data Giphy API
 * https://developers.giphy.com/explorer/
 */

kevinweber

import './index.scss';

import {
  isObject,
  traverseObjectByPath,
} from 'utils/methods';

import {
  // INFO: The 'h' function import gets used in the final, transpiled code as a drop in replacement for React.createElement, and so needs to be imported even if you don't explicitly use it in the code you write
  // eslint-disable-next-line no-unused-vars

kevinweber

import {
  debounce as T_DEBOUNCE,
} from 'utils/methods';

/**
 * T-ENFORCER provides methods to validate strings.
 * This is developed with input fields in mind, but it shouldn't be limited to them.
 *
 * Author: Kevin Weber
 *

kevinweber

###Description Retrieve a Page Object from all pages which are in the Site root then build a breadcrumb component and display the current pages title in a submenu.

###Use case Display a bar under eg a menu which displays the current pages title and functional breadcrumb components o the right.

##Requirements

• Responsive and which works on all mobile devices and desktop.
• Current pages title on the left
• Breadcrumbs on the right

kevinweber

/**
 * Converts a given string so it can be used as the key of a JavaScript object.
 * If no string is provided, a random string is generated.
 */
function generateObjectKey(string) {
  var key;

  if (typeof string === "undefined") {
    string = Math.random().toString(36).substr(2, 5);
  }

kevinweber

/**
 * Convert an array into an object where each object gets nested like this:

   ['string1', 'string2', 'string3']

   becomes

   {
     string1: {
       string2: {

kevinweber

  /*
   * A very basic solution to add or replace a property and its value to a URL
   *
   * Usage example:
   * url = replaceOrAddValue(url, "property_name", "value");
   *
   * Source: https://gist.github.com/kevinweber/58a1b1bdcbab109018dc01a619f9b730
   */
  function replaceOrAddValue(query, variable, value) {
    var findVariable = variable + "=",

kevinweber

/**
 * Throttle function
 * based on https://remysharp.com/2010/07/21/throttling-function-calls
 */
 
function throttle(fn, threshold, scope) {
  threshold = threshold || 250;

  var last,
    deferTimer;

kevinweber

// Use this:
var $ = function (domSelector) {
  return Array.prototype.slice.call(document.querySelectorAll(domSelector));
}

// Or this:
const $ = (domSelector) => [].slice.call(document.querySelectorAll(domSelector));


// And then use $ like this:

kevinweber

// See also: https://developers.google.com/web/tools/chrome-devtools/debug/command-line/events

monitorEvents(document.body); // logs all events on the body
monitorEvents(document.body, 'mouse'); // logs mouse events on the body
monitorEvents(document.body.querySelectorAll('input')); // logs all events on inputs