Luke Karrys lukekarrys

The final result: require() any module on npm in your browser console with browserify

This article is written to explain how the above gif works in the chrome (and other) browser consoles. A quick disclaimer: this whole thing is a huge hack, it shouldn't be used for anything seriously, and there are probably much better ways of accomplishing the same.

Update: There are much better ways of accomplishing the same, and the script has been updated to use a much simpler method pulling directly from browserify-cdn. See this thread for details: mathisonian/requirify#5

inspiration

Hashtag abuse

Three or more hashtags.

#[^#]+#[^#]+#

Long hashtags (15+ characters): #hashtagpunchline

	if (typeof Promise === 'undefined') {
	require.ensure([], (require) => {
	require('imports?this=>window!es6-promise')
	})
	}

	if (typeof fetch === 'undefined') {
	require.ensure([], (require) => {
	require('imports?self=>window!whatwg-fetch')
	})

	var Browserify = require('browserify');
	var Readable = require('stream').Readable;

	function stringStream(content) {
	var s = new Readable();
	s.push(content);
	s.push(null);
	return s;
	}

	// array utils
	// =================================================================================================

	const combine = (...arrays) => [].concat(...arrays);

	const compact = arr => arr.filter(Boolean);

	const contains = (() => Array.prototype.includes
	? (arr, value) => arr.includes(value)
	: (arr, value) => arr.some(el => el === value)

	@media (min--moz-device-pixel-ratio: 1.5),
	(-o-min-device-pixel-ratio: 3/2),
	(-webkit-min-device-pixel-ratio: 1.5),
	(min-device-pixel-ratio: 1.5),
	(min-resolution: 1.5dppx) {

	/* "retina" styles */

	}

	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">

	<title>A Typewriter Effect with WebKit Transitions</title>
	<meta name="author" content="Jay Robinson, http://jayrobinson.org">

	<style type="text/css">


	var AutoResizer = function (textArea, options) {
	var self = this;

	this.$textArea = $(textArea);
	this.minHeight = this.$textArea.height();

	this.options = $.extend({}, $.fn.autoResizer.defaults, options)

	this.$shadowArea = $('<div></div>').css({

	brew update
	brew versions FORMULA
	cd `brew --prefix`
	git checkout HASH Library/Formula/FORMULA.rb # use output of "brew versions"
	brew install FORMULA
	brew switch FORMULA VERSION
	git checkout -- Library/Formula/FORMULA.rb # reset formula

	## Example: Using Subversion 1.6.17
	#

	#!/usr/bin/env node

	// todo: try to require jshint here, instead of spawning process, then fallback to spawning process.
	var jshint = nrequire('jshint');
	if (jshint) return process.exit(0);

	// jshint not installed locally, spawn process instead.
	// basically the same, but less pretty.
	var exec = require('child_process').exec;