christophemarois

Pure ESM package

The package linked to from here is now pure ESM. It cannot be require()'d from CommonJS.

This means you have the following choices:

1. Use ESM yourself. (preferred)
   Use import foo from 'foo' instead of const foo = require('foo') to import the package. Follow the below guide.
2. If the package is used in an async context, you could use await import(…) from CommonJS instead of require(…).
3. Stay on the existing version of the package until you can move to ESM.

christophemarois

#!/usr/bin/env bash
# fork from https://gist.github.com/jakemhiller/d342ad51505addf78ec628a16fd3280f

changed_files="$(git diff-tree -r --name-only --no-commit-id $1 $2)"

check_run() {
	echo "$changed_files" | grep --quiet "$1" && eval "$2"
}

check_run package.json "npm prune && npm install"

christophemarois

# Encode inputfile.tar.gz as a series of video frames
# Frames are written to frames/frameNNNN.png
from PIL import Image

with open('inputfile.tar.gz', 'rb') as f:
    data = f.read()

WIDTH = 120
HEIGHT = 90
CHUNK_SIZE = int((WIDTH * HEIGHT) / 8)

christophemarois

html, body {
  margin: 15px;
  font-family: 'Helvetica Neue';
  font-weight: 200;
}

* {
  box-sizing: border-box;
}

christophemarois

function animate (el, animationName, durationMs) {
  return new Promise(res => {
    
    const fn = e => {
      if (!e.target.isEqualNode(el)) return false
      el.removeEventListener('animationend', fn)
      el.removeEventListener('webkitAnimationEnd', fn)
      el.style.animationDuration = ''
      el.style.webkitAnimationDuration = ''
      el.style.animationName = ''

christophemarois

function horizontalCurve (w, h, opts = {}) {
  
  let { fromBottom, vertical, offset } = Object.assign({
    
    fromBottom: false,
    vertical: false,
    offset: 0
    
  }, opts)
  

christophemarois

function generateCurve (x1, y1, x2, y2, verticalBias) {
  
  var line = []
  var mx = x1 + (x2 - x1) / 2

  line.push('M', x1, y1)
  
  if (verticalBias) {
    var my = y1 + (y2 - y1) / 2
    line.push('C', x1, my, x2, my, x2, y2)

christophemarois

input[type="text"][role="password"] {
  width: 200px;
  padding: 5px 7px;
  font-size: 14px;
}