Adrian Carballo adriancbo

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

Folder Structure

Please note

While this gist has been shared and followed for years, I regret not giving more background. It was originally a gist for the engineering org I was in, not a "general suggestion" for any React app.

Typically I avoid folders altogether. Heck, I even avoid new files. If I can build an app with one 2000 line file I will. New files and folders are a pain.

	var WebSocketServer = require('ws').Server;
	var wss = new WebSocketServer({port: 8080});

	var jwt = require('jsonwebtoken');

	/**
	The way I like to work with 'ws' is to convert everything to an event if possible.
	**/
	function toEvent (message) {
	try {

	var
	// Local ip address that we're trying to calculate
	address
	// Provides a few basic operating-system related utility functions (built-in)
	,os = require('os')
	// Network interfaces
	,ifaces = os.networkInterfaces();


	// Iterate over interfaces ...

-#Delete local tags.
-git tag -l | xargs git tag -d
-#Fetch remote tags.
-git fetch
-#Delete remote tags.
-git tag -l | xargs -n 1 git push --delete origin
-#Delete local tasg.
-git tag -l | xargs git tag -d

	# The next line updates PATH for the Google Cloud SDK.
	source /Users/dwchiang/google-cloud-sdk/path.zsh.inc

	# The next line enables zsh completion for gcloud.
	source /Users/dwchiang/google-cloud-sdk/completion.zsh.inc

	# There was a day where I have too many color schemes in iTerm2 and I want to remove them all.
	# iTerm2 doesn't have "bulk remove" and it was literally painful to delete them one-by-one.

	# iTerm2 save it's preference in ~/Library/Preferences/com.googlecode.iterm2.plist in a binary format
	# What you need to do is basically copy that somewhere, convert to xml and remove color schemes in the xml files.

	$ cd /tmp/
	$ cp ~/Library/Preferences/com.googlecode.iterm2.plist .
	$ plutil -convert xml1 com.googlecode.iterm2.plist
	$ vi com.googlecode.iterm2.plist

	// Requires https://www.npmjs.org/package/s3-policy and https://www.npmjs.org/package/node-uuid
	var config = require('env/' + process.env.NODE_ENV),
	policy = require('s3-policy'),
	uuid = require('node-uuid');

	// SETUP S3
	const AWS_ACCESS_KEY = config.s3.accessKey;
	const AWS_SECRET_KEY = config.s3.secret;
	const S3_BUCKET = config.s3.bucket;

	angular.module('globalmodule')
	.config(['$provide', '$httpProvider', function($provide, $httpProvider){

	$provide.factory('GlobalAjaxInterceptor', ['$q', '$rootScope', function($q, $rootScope){

	var currentRequests={http: {}, ajax: {}};

	function addHttpRequest(conf){
	currentRequests.http[conf.url] = conf.promiseObj;
	}

	function wp_api_encode_acf($data,$post,$context){
	$data['meta'] = array_merge($data['meta'],get_fields($post['ID']));
	return $data;
	}

	if( function_exists('get_fields') ){
	add_filter('json_prepare_post', 'wp_api_encode_acf', 10, 3);
	}