calderaro’s gists

calderaro / install-watchman.sh

Created January 18, 2019 01:22

how to install watchman ubuntu xD

	sudo apt install -y autoconf automake build-essential python-dev libtool libssl-dev pkg-config
	cd /tmp
	git clone https://github.com/facebook/watchman.git
	cd watchman/
	git checkout v4.9.0
	./autogen.sh
	./configure
	make
	sudo make install

calderaro / deploy.js

Created August 20, 2018 16:49

deploy over http

	const {exec} = require('child_process')

	export default function runDeploy () {
	return new Promise((resolve, reject) => {
	exec('git pull origin master', (err, stdout1, stderr) => {
	if (err) return reject(stderr)
	exec('npm run update', (err, stdout2, stderr) => {
	if (err) return reject(stderr)
	return resolve([stdout1, stdout2])
	})

calderaro / app.js

Created September 11, 2017 02:58 — forked from acdlite/app.js

Quick and dirty code splitting with React Router v4

	// getComponent is a function that returns a promise for a component
	// It will not be called until the first mount
	function asyncComponent(getComponent) {
	return class AsyncComponent extends React.Component {
	static Component = null;
	state = { Component: AsyncComponent.Component };

	componentWillMount() {
	if (!this.state.Component) {
	getComponent().then(Component => {

calderaro / limitLoop.js

Created August 14, 2017 05:13 — forked from addyosmani/limitLoop.js

Limit the frame-rate being targeted with requestAnimationFrame

	/*

	limitLoop.js - limit the frame-rate when using requestAnimation frame
	Released under an MIT license.

	When to use it?
	----------------
	A consistent frame-rate can be better than a janky experience only
	occasionally hitting 60fps. Use this trick to target a specific frame-
	rate (e.g 30fps, 48fps) until browsers better tackle this problem

calderaro / spriteRendering.JS

Created August 10, 2017 16:56

sprite rendering with speed control and rotation

	bctx.save()
	bctx.translate(500, 400);
	bctx.rotate((frame * -5) * Math.PI / 180)
	const animationSpeed = parseInt(frame / 2.7, 10)
	bctx.drawImage(
	images[0],
	(images[0].width / 5) * (animationSpeed % 5), 0, // sprite width * animationSpeed % spriteLength
	images[0].width / 5, images[0].height / 2,
	(images[0].width / 5) / - 2, (images[0].height / 2) / -2,
	images[0].width / 5, images[0].height / 2

calderaro / app.js

Created June 2, 2017 18:20

fix selectionRange

	function setElementData(element, name, value, oldValue) {
	if (name === "key") {
	} else if (name === "style") {
	for (var i in merge(oldValue, (value = value \|\| {}))) {
	element.style[i] = value[i] \|\| ""
	}
	} else {
	var selectionStart = element.selectionStart
	var selectionEnd = element.selectionEnd

calderaro / mp3.js

Created January 9, 2017 06:20 — forked from dtrce/mp3.js

streaming mp3 using nodejs

	var http = require('http'),
	fileSystem = require('fs'),
	path = require('path')
	util = require('util');

	http.createServer(function(request, response) {
	var filePath = 'path_to_file.mp3';
	var stat = fileSystem.statSync(filePath);

	response.writeHead(200, {

calderaro / index.html

Created December 4, 2016 02:10 — forked from anonymous/index.html

JS Bin // source http://jsbin.com/tugoqon

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	<style id="jsbin-css">
	canvas {
	border: 1px solid black
	}

calderaro / socket.io-emit-broadcast-usage.js

Created November 13, 2016 03:11 — forked from markogresak/socket.io-emit-broadcast-usage.js

Different destination groups for socket.io emit and broadcast functions

	// send to current request socket client
	socket.emit('message', "this is a test");

	// sending to all clients, include sender
	io.sockets.emit('message', "this is a test");

	// sending to all clients except sender
	socket.broadcast.emit('message', "this is a test");

	// sending to all clients in 'game' room(channel) except sender

calderaro / index.html

Created August 4, 2016 02:04 — forked from anonymous/index.html

JS Bin Coding Challenge #30: Phyllotaxis // source http://jsbin.com/hezidi

	<!DOCTYPE html>
	<html>
	<head>
	<meta name="description" content="Coding Challenge #30: Phyllotaxis">
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	<style id="jsbin-css">
	canvas {
	border: black 1px solid;

Angel Calderaro calderaro