markmur

/**
   * Check if an element is within the viewport or considered visible
   * @param  {Object}  bounds { top, left, bottom, right } - distances from container
   * @param  {Object}  container - container object with { width, height }
   * @return {Boolean} returns visibility state
   */
const isInViewport = ({ top, left, bottom, right }, container) {
  const isTallerThanViewport = top <= 0 && bottom >= container.height
  const isWiderThanViewport = right >= container.width && left <= 0

markmur

# Reusable bash function you can add to your ~/.zshrc or ~/.bashrc file
#
# Usage: pkg-script start "node index.js"
#
function pkg-script () {
  echo $(jq --arg key "${1}" --arg val "${2}" '.scripts[$key]=$val' package.json) | jq . | > package.json
}

markmur

# Your snippets
#
# Atom snippets allow you to enter a simple prefix in the editor and hit tab to
# expand the prefix into a larger code block with templated values.
#
# You can create a new snippet in this file by typing "snip" and then hitting
# tab.
#
# An example CoffeeScript snippet to expand log to console.log:
#

markmur

const jest = require('danger-plugin-jest').default;
const { message, danger, warn } = require('danger');

// Output all modified files in the PR
const modified = danger.git.modified_files;
message('Changed Files in this PR: \n' + modified.map(file => `- ${file}\n`));

// Encourage smaller PRs
let errorCount = 0;
const bigPRThreshold = 600;

markmur

const docgen = require('react-docgen');
const fs = require('fs');
const glob = require('glob');
const chalk = require('chalk');
const chokidar = require('chokidar');
const _ = require('lodash/fp');
const fmap = require('lodash/map');

const { flow, mapValues } = _;

markmur

import pickBy from 'lodash.pickby';
import { createElement } from 'react';

export const createComponent = ({
  tag: defaultTag = 'div',
  prop = 'tag',
  omit = []
} = {}) => {
  return ({ children, ...otherProps }) => {
    const tag = otherProps[prop] || defaultTag;

markmur

'.source.js':
  'constructor':
    'prefix': 'construct'
    'body': '''
      constructor(props) {
        super(props);
        $1
      }
    '''

markmur

const renderProp = (key, val) => {
  const type = typeof val;

  if (type === 'string' && !val) return null;
  if (type === 'object' && !Object.keys(val).length) return null;

  switch (type) {
    case 'number':
      return `${key}={${val}}`;
    case 'string':

markmur

const preloadImages = (images) => Promise.all(images.map(image =>
  new Promise(resolve => {
    const img = new Image();
    img.onload = () => (resolve(image));
    img.onerror = () => (resolve(image));
    img.src = image;
  })
));

markmur

const preloadImages = (images, callback) => {
  const loaded = [];
  const failed = [];

  const imageRequests = images.map(image => {
    const img = new Image();
    img.src = image;

    return new Promise((resolve) => {
      img.onload = () => {