oirodolfo

'use strict';

let contentful = require('contentful-management');
let params = require('../config/default.json').contentful;


let client = contentful.createClient({
  accessToken: params.managementToken
});

oirodolfo

const FadeRoute = ({ component: Component, ...rest }) => {

  return (
    <Route {...rest} children={({ location, match }) => (
      <TransitionMotion
        willEnter={() => {return {opacity: 0, translateX: 24}}}
        willLeave={() => {return {opacity: spring(0, animationPresets.out), translateX: spring(24)}}}
        defaultStyles={[ {
          key: location.pathname,
          style: { opacity: 0, translateX: 24},

oirodolfo

# The command finds the most recent tag that is reachable from a commit.
# If the tag points to the commit, then only the tag is shown.
# Otherwise, it suffixes the tag name with the number of additional commits on top of the tagged object 
# and the abbreviated object name of the most recent commit.
git describe

# With --abbrev set to 0, the command can be used to find the closest tagname without any suffix:
git describe --abbrev=0

# other examples

oirodolfo

const { concat, mapKeys, merge, uniq } = require('lodash');

/**
 * Tweaked from original by Mike Engel
 * https://github.com/jantimon/html-webpack-plugin/issues/782#issuecomment-331229728
 *
 * Use this with multiple Webpack configurations that generate different builds
 * for modern and legacy browsers. But use the same instance of the plugin in both configurations.
 *
 * It keeps track of assets seen in each build configuration, and appends script tags for

oirodolfo

const importRenameMap = {
  injectGlobal: 'createGlobalStyle'
};

module.exports = function transformer(file, api) {
  const j = api.jscodeshift;
  let source = file.source;

  source = renameInjectGlobalImportWithCreateGlobal(j, j(source)).toSource();
  source = renameTagTemplate(j, j(source)).toSource();

oirodolfo

'use strict';

const path = require('path')

exports.handler = (event, context, callback) => {
    //get request object
    const { request } = event.Records[0].cf

    const url = request.uri;

oirodolfo

updateHeight(isOpen) {
  this.lastRAF && cancelAnimationFrame(this.lastRAF);
  if (isOpen) {
    this.lastRAF = requestAnimationFrame(() => {
      // read:
      const height =`${this.contentEl.scrollHeight}px`;
      this.lastRAF = requestAnimationFrame(() => {
        // write in a different frame:
        this.containerEl.style.height = height;
        this.lastRAF = null;

oirodolfo

Open Source code doesn’t always come in big complex packages. At ProPublica we sometimes share small, simple snippets of using GitHub "Gists." These Gists range from single-byte file delimiters to an entire JavaScript framework for making stepper graphics. They rarely have documentation and don’t even always have names, but they can be super-useful. Here are some we’ve shared over the past few years:

• A simple way to grab remote template elements in your Rails app (after Brian Boyer's RemoteSnippets) https://gist.github.com/1664329
• A single byte gist that contains ASCII character 28, which the FEC uses as a field delimiter. https://gist.github.com/2191300
• A [quine](http://en.wikipedia.org/wiki/Quine_(computing) in Ruby https://gist.github.com/523940
• Check links on a page using JavaScript [https://gist.github.com/

oirodolfo

module.exports = {
  root: true, // make to not take in any user specified rules in parent folders
  parser: 'babel-eslint',
  extends: ['airbnb', 'prettier', 'prettier/flowtype', 'prettier/react'],
  env: {
    browser: true,
    node: true,
    jest: true,
  },
  plugins: ['flowtype'],

oirodolfo

javascript:!function() { var slice = Array.prototype.slice; function throttle(type, name, obj) { obj = obj || window; var running = false; var func = function() { if (running) { return; } running = true; requestAnimationFrame(function() { obj.dispatchEvent(new CustomEvent(name)); running = false; }); }; obj.addEventListener(type, func); } slice .call(document.querySelectorAll("*")) .filter( e => e.scrollWidth > e.offsetWidth || e.scrollHeight > e.offsetHeight ) .filter(e => { var style = window.getComputedStyle(e); return [style.overflow, style.overflowX, style.overflowY].some( e => e === "auto" || e === "scroll" ); }) .forEach(e => { var color = Math.floor(Math.random() * 16777215).toString(16); e.style.backgroundColor = "#" + color; throttle("scroll", "optimizedScroll", e); e.addEventListener("scroll", event => { console.log("%c[scroll]", "color: white; background-color:#" + color, event.target); }); }); }()