Eugene Lazutkin uhop

## formatNumber.js
// How to format big numbers using commas to separate 1000s and abbreviations
// Example: 12345678900 => 12.34B

var numPattern = /^(\d{0,2})(\d{3})?(\d{3})?(\d{3})?(\d{3})?(\d{3})?(\d{3})?(\d{3})?(\d{3})?(\d{3})?(\d{3})?$/;
function putCommasIn(s){
	return s.match(numPattern).slice(1).join(",").replace(/^\,{1,}/, "").replace(/\,{1,}$/, "");
}

function trimZeroes(s){
	return s.replace(/\.?0+$/, "");

## gist:3351030

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                uhop
                / gist:3351030
            
            
              Created
              August 14, 2012 17:29
                — forked from idan/gist:3135754
            
              
                A Sample Post
              
          
    Hello there! This is a sample post for gist.io, a super-lightweight writing soapbox for hackers.
Now look up. Further. Above the post title. See that grey text with the gist ID?
Now back to me. That grey text is a link! Open that sucker in a new tab to see the source for this post. Also, I'm on a horse.
This is a major heading

If you peek at it with a web inspector, you'll see that it is a second-level heading. You can use first level headings, but they'll look just like the second level ones, and the gods of the HTML5 outlining algorithm will frown upon you.

  
## minified.js
/* UMD.define */ (typeof define=="function"&&define||function(d,f,m){m={module:module,require:require};module.exports=f.apply(null,d.map(function(n){return m[n]||require(n)}))})
(["module", "../main"], function(module, unit){
    // module's code
});

/* UMD.require */ (typeof define=="function"&&require||function(d,f,m){m={module:module,require:require};f.apply(null,d.map(function(n){return m[n]||require(n)}))})
(["module", "../main"], function(module, unit){
    // module's code
});

## gist:cfabeac34149a34e757e
Verifying that +elazutkin is my blockchain ID. https://onename.com/elazutkin

## data-table.css
* + table {
  border-style:solid;
  border-width:1px;
  border-color:#e7e3e7;
}

* + table th, * + table td {
  border-style:dashed;
  border-width:1px;
  border-color:#e7e3e7;

## weave.css
background: linear-gradient(45deg, #222 12%, transparent 0, transparent 88%, #222 0),
    linear-gradient(135deg, transparent 37%, #111 0, #444 32%, #111 63%, transparent 0),
    linear-gradient(45deg, transparent 37%, #222 0, #222 63%, transparent 0) #000;
    background-size: 15px 15px;

## dnd.js
(function () {
    'use strict';

    window.dnd = window.dnd || {};

    function Move (container, options, node, e) {
        this.container = container;
        this.options   = options;
        this.node = node;

## Component.js
class Component extends HTMLElement {
  constructor () {
    super();
    this.addEventListener('click', this.changeBackground.bind(this));
    this.addEventListener('transitionend', this.revertBackground.bind(this));
  }

  static get observedAttributes () {
    return ['text'];
  }

## rich.html
<!doctype html>
<html>
  <head>
    <title>Rich text editor demo</title>
    <script src="./rich.js" defer></script>
    <style>
      #editor[contentEditable=true] {
        padding: 0.5em;
        margin: 1em;
      }

## stream-merge.js
'use strict';

const {Readable} = require('stream');

const merge = (s1, s2) => {
  s1.pause();
  s2.pause();

  let item1 = null,
    item2 = null,
	// How to format big numbers using commas to separate 1000s and abbreviations
	// Example: 12345678900 => 12.34B

	var numPattern = /^(\d{0,2})(\d{3})?(\d{3})?(\d{3})?(\d{3})?(\d{3})?(\d{3})?(\d{3})?(\d{3})?(\d{3})?(\d{3})?$/;
	function putCommasIn(s){
	return s.match(numPattern).slice(1).join(",").replace(/^\,{1,}/, "").replace(/\,{1,}$/, "");
	}

	function trimZeroes(s){
	return s.replace(/\.?0+$/, "");
	/* UMD.define */ (typeof define=="function"&&define\|\|function(d,f,m){m={module:module,require:require};module.exports=f.apply(null,d.map(function(n){return m[n]\|\|require(n)}))})
	(["module", "../main"], function(module, unit){
	// module's code
	});

	/* UMD.require */ (typeof define=="function"&&require\|\|function(d,f,m){m={module:module,require:require};f.apply(null,d.map(function(n){return m[n]\|\|require(n)}))})
	(["module", "../main"], function(module, unit){
	// module's code
	});
	* + table {
	border-style:solid;
	border-width:1px;
	border-color:#e7e3e7;
	}

	* + table th, * + table td {
	border-style:dashed;
	border-width:1px;
	border-color:#e7e3e7;
	background: linear-gradient(45deg, #222 12%, transparent 0, transparent 88%, #222 0),
	linear-gradient(135deg, transparent 37%, #111 0, #444 32%, #111 63%, transparent 0),
	linear-gradient(45deg, transparent 37%, #222 0, #222 63%, transparent 0) #000;
	background-size: 15px 15px;
	(function () {
	'use strict';

	window.dnd = window.dnd \|\| {};

	function Move (container, options, node, e) {
	this.container = container;
	this.options = options;
	this.node = node;
	class Component extends HTMLElement {
	constructor () {
	super();
	this.addEventListener('click', this.changeBackground.bind(this));
	this.addEventListener('transitionend', this.revertBackground.bind(this));
	}

	static get observedAttributes () {
	return ['text'];
	}
	<!doctype html>
	<html>
	<head>
	<title>Rich text editor demo</title>
	<script src="./rich.js" defer></script>
	<style>
	#editor[contentEditable=true] {
	padding: 0.5em;
	margin: 1em;
	}
	'use strict';

	const {Readable} = require('stream');

	const merge = (s1, s2) => {
	s1.pause();
	s2.pause();

	let item1 = null,
	item2 = null,