Andrei Kashcha anvaka

Browserify and HTML

Today most people include bundle.js into their html:

<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
 javascript first

I was playing with GitHub Archive recently. Out of curiosity I ran this query:

SELECT COUNT(repository_owner) as totalStars, repository_owner
FROM [githubarchive:github.timeline] 
WHERE type = 'WatchEvent'
GROUP BY repository_owner
ORDER BY totalStars DESC
LIMIT 1000

This excercise computes PageRank of npm dependencies graph.

Download all npm modules: wget https://skimdb.npmjs.com/registry/_design/scratch/_view/byField
Convert them into ngraph.graph using convertToGraph.js script.
Run rank.js (see below):

Number of nodes: 123,969; Number of edges: 281,471; PageRank computed in 1,187 ms;

underscore - 0.0132458168541106
lodash - 0.012808245947189859

	var graph = require('ngraph.generators').grid(10, 10);
	var svg = require('ngraph.vivasvg')(graph);
	svg.nodeTemplate(["<text y='-5'>{{id}}</text>",
	"<circle r='5' fill='#00BFFF'></circle>"].join('\n'));
	svg.linkTemplate("<arrow stroke='#D3D3D3' from='{{pos.from}}' to='{{pos.to}}' offset='8'></arrow>'");
	svg.run();

	var graph = require('ngraph.generators').noLinks(142);
	graph.forEachNode(assignNiceColor);

	var svg = require('ngraph.vivasvg')(graph);
	svg.nodeTemplate("<circle r='5' fill='{{node.color}}'></circle>");
	svg.linkTemplate("<arrow></arrow>'");
	svg.run();

	function assignNiceColor(node) {
	var niceColors = ['#1f77b4', '#aec7e8', '#ff7f0e', '#ffbb78', '#2ca02c', '#98df8a', '#d62728', '#ff9896', '#9467bd', '#c5b0d5', '#8c564b', '#c49c94', '#e377c2', '#f7b6d2', '#7f7f7f', '#c7c7c7', '#bcbd22', '#dbdb8d', '#17becf', '#9edae5'];

	var Benchmark = require('benchmark');
	var suite = new Benchmark.Suite;

	var totalPropertiesOnObjectWithProto = 0;
	var totalPropertiesOnObjectWithoutProto = 0;

	var hasPrototype = {};
	addStuff(hasPrototype);

	var noPrototype = Object.create(null);

	document.onload = function () {
	require('typeahead.an'); // we are going to use typeahead in this demo

	require('an').controller(DemoCtrl);
	var module = require('an').flush(); // flush and bootstrap angular app
	angular.bootstrap(document.body, [module.name]);

	function DemoCtrl($scope, $http) {
	$scope.getLocation = function(val) {
	return $http.get('http://maps.googleapis.com/maps/api/geocode/json', {

	var q = require('q');

	doSomething().then(function(result) {
	console.log('i am done', result);
	});

	function doSomething() {
	return q.nfcall(ldap, 'jeff');
	}

	var addWheelListener = require('wheel');
	addWheelListener(document.body, function (e) {
	console.log(e);
	});

	// run:
	// echo {} > package.json
	// npm i byline ngraph.graph ngraph.pagerank
	var byline = require('byline');
	var fs = require('fs');
	var g = require('ngraph.graph')();
	var pagerank = require('ngraph.pagerank');

	var stream = byline.createStream(fs.createReadStream('web-Google.txt', { encoding: 'utf8' }));