View .hyper.js
module.exports = {
config: {
updateChannel: "stable",
fontSize: 18,
fontFamily:
'"Fira Code", Menlo, "DejaVu Sans Mono", Consolas, "Lucida Console", monospace',
fontWeight: "normal",
fontWeightBold: "bold",
cursorColor: "#80cbc4",
cursorAccentColor: "#000",
View banner.html
<div id="build-banner">
<small>This buildstamp was generated on <time id="buildstamp-time">{{ buildstampTime }}</time></small>
<section id="github-data">
<h2>GitHub</h2>
<dl id="latest-commit-data">
<dt>Commit hash:</dt>
<dd><a href="https://github.com//{{ORG}}/{{REPO}}/commit/{{ commitHash }}"><data id="git-commit_hash">{{ commitHash }}</data></a></dd>
<dt>Commit message:</dt>
View webpack.banner.js
const pkg = require('./package.json');
const moment = require('moment');
const localTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone
const timeStamp = moment().format('LLLL');
const banner = `
Generated on ${timeStamp} - ${localTimeZone}
Description: ${pkg.description}
Package: ${pkg.name}
Version: v${pkg.version}
Contributors: ${pkg.contributors.map(function(contributor){ return contributor})}
View webpackfile.js
const webpack = require('webpack');
const path = require('path');
var customProperties = require("postcss-custom-properties");
var cssApply = require('postcss-apply');
var autoprefixer = require('autoprefixer');
module.exports = env => {
if (!env) env = {}
const addPlugin = (add, plugin) => add ? plugin : undefined;
View .hyperterm.js
module.exports = {
config: {
// default font size in pixels for all tabs
fontSize: '21',
// font family with optional fallbacks
fontFamily: 'Input Mono, Menlo, "DejaVu Sans Mono", "Lucida Console", monospace',
// terminal cursor background color (hex)
cursorColor: '#f4d300',
View gTLDs.txt
// taken from http://www.iana.org/domains/root/db
.aaa
.aarp
.abarth
.abb
.abbott
.abbvie
.abc
.able
.abogado
View README.md

Using the above HTML snippet:

  1. select <span class="domain tld">
  2. ⌘F to 'Find'
  3. Click the 'Find' button
  4. Select 'Find' in the file menu
  5. Choose 'Select All'
  • The Atom app does not always report 'Not Responding' on OSX. Though sometimes you do see this: Atom not responding
View PropsComposition.js.flow
/* @flow */
type ButtonProps = {
onClick: () => void,
type: 'button' | 'reset' | 'submit',
design: 'primary' | 'secondary' | 'page' | 'tooltipInfo' | 'tooltipDocs',
onFocus: () => void,
onmouseover: () => void,
onmouseout: () => void,
className:string,
View npme.txt
npme add-package @kadira/storybook
analyzing dependencies for @kadira/storybook:
could not load babel-loader@^6.2.0 error = getaddrinfo ENOTFOUND registry.npmjs.org registry.npmjs.org:443
could not load babel-preset-es2015@^6.3.13 error = getaddrinfo ENOTFOUND registry.npmjs.org registry.npmjs.org:443
could not load cjson@^0.4.0 error = getaddrinfo ENOTFOUND registry.npmjs.org registry.npmjs.org:443
could not load commander@^2.9.0 error = getaddrinfo ENOTFOUND registry.npmjs.org registry.npmjs.org:443
could not load shelljs@^0.6.0 error = getaddrinfo ENOTFOUND registry.npmjs.org registry.npmjs.org:443
could not load uuid@^2.0.1 error = getaddrinfo ENOTFOUND registry.npmjs.org registry.npmjs.org:443
could not load lodash.pick@^4.2.0 error = getaddrinfo ENOTFOUND registry.npmjs.org registry.npmjs.org:443
could not load eslint@^2.7.0 error = getaddrinfo ENOTFOUND registry.npmjs.org registry.npmjs.org:443
View Button.jsx
// @flow
// "flow-bin": "^0.29.0",
import React from 'react';
require('./Button.css');
export type ButtonProps = {
onClick: () => void,
type: 'button' | 'reset' | 'submit',
design: 'primary' | 'secondary' | 'page' | 'tooltipInfo' | 'tooltipDocs',