kevinSuttle

// @flow
/** @jsx jsx */
import * as React from 'react';
import {jsx} from '@emotion/core';

import {ThemeProvider} from 'emotion-theming';
import {Flexbox, Grid} from '../primitives';

import {darkTheme, lightTheme} from '../theme';

kevinSuttle

-oldCode
+newCode

kevinSuttle

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",

kevinSuttle

<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> 

kevinSuttle

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})}

kevinSuttle

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;

kevinSuttle

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',

kevinSuttle

// taken from http://www.iana.org/domains/root/db
.aaa
.aarp
.abarth
.abb
.abbott
.abbvie
.abc
.able
.abogado

kevinSuttle

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:

kevinSuttle

/* @flow */

type ButtonProps = {
  onClick: () => void,
  type: 'button' | 'reset' | 'submit',
  design: 'primary' | 'secondary' | 'page' | 'tooltipInfo' | 'tooltipDocs',
  onFocus: () => void,
  onmouseover: () => void,
  onmouseout: () => void,
  className:string,