Mark Volkmann mvolkmann

## top-state.js
const stateMap = {};

function render(state) {
  for (const component of state.components) component.forceUpdate();
}

export default function useTopState(name, initialValue) {
  let state = stateMap[name];

  if (!state) {

## gist:7876a4629ba11291ed65882c5d364f04
// Original code
const score = 7;
const someVar =
  score < 10 ? 'some long string' :
  score < 20 ? 'this is looking promising' :
  score < 30 ? 'passing' :
  score < 40 ? 'proficient' :
  'expert';

// What Prettier does

## type-classes.js
const colorNameToHexMap = {
  red: 'FF0000',
  green: '00FF00',
  blue: '0000FF'
};

const colorHexToNameMap = {
  FF0000: 'red',
  '00FF00': 'green',
  '0000FF': 'blue'

## type-classes.hs
import qualified Data.Map as Map

-- A tuple of three Ints
type RGB = (Int, Int, Int)

-- Colors can be specified in three ways.
data Color =
  ColorName String |
  ColorHex String |
  ColorRgb Int Int Int

## demo.hs
instance LogType (IO a) where
  logn' arr = do
    -- Call putStr on all the elements in arr.
    mapM_ putStr arr -- functions that end in _ ignore their result
    -- Output a newline.
    putStrLn ""
    -- The "do" block must return something.
    return undefined

instance (Show a, LogType r) => LogType (a -> r) where

## matt-follett.js
// @flow

type Action1Type = {
  type: 'A1',
  payload: {
    name: string
  }
};

type Action2Type = {

## demo.js
const double = require('./math').double;

console.log(double('20'));

## math.js
// @flow

function product(a, b) {
  return a * b;
}

exports.product = product;

## foo.js
stream.on('readable', function () {
  var data;
  while (true) {
    data = stream.read();
    if (data === null) break;
    // use the data
  }
});

stream.on('end', function () {

## form.html
<html>
  <head>
    <title>Test Form</title>
    <script src="form.js"></script>
  </head>
  <body>
    <form id="myform" method="post" action="http://localhost:3000">
      <label for="name">Name:</label>
      <input id="name" name="name" type="text"/>
      <button type="submit">Go!</button>
	const stateMap = {};

	function render(state) {
	for (const component of state.components) component.forceUpdate();
	}

	export default function useTopState(name, initialValue) {
	let state = stateMap[name];

	if (!state) {
	// Original code
	const score = 7;
	const someVar =
	score < 10 ? 'some long string' :
	score < 20 ? 'this is looking promising' :
	score < 30 ? 'passing' :
	score < 40 ? 'proficient' :
	'expert';

	// What Prettier does
	const colorNameToHexMap = {
	red: 'FF0000',
	green: '00FF00',
	blue: '0000FF'
	};

	const colorHexToNameMap = {
	FF0000: 'red',
	'00FF00': 'green',
	'0000FF': 'blue'
	import qualified Data.Map as Map

	-- A tuple of three Ints
	type RGB = (Int, Int, Int)

	-- Colors can be specified in three ways.
	data Color =
	ColorName String \|
	ColorHex String \|
	ColorRgb Int Int Int
	instance LogType (IO a) where
	logn' arr = do
	-- Call putStr on all the elements in arr.
	mapM_ putStr arr -- functions that end in _ ignore their result
	-- Output a newline.
	putStrLn ""
	-- The "do" block must return something.
	return undefined

	instance (Show a, LogType r) => LogType (a -> r) where
	// @flow

	type Action1Type = {
	type: 'A1',
	payload: {
	name: string
	}
	};

	type Action2Type = {
	const double = require('./math').double;

	console.log(double('20'));
	// @flow

	function product(a, b) {
	return a * b;
	}

	exports.product = product;
	stream.on('readable', function () {
	var data;
	while (true) {
	data = stream.read();
	if (data === null) break;
	// use the data
	}
	});

	stream.on('end', function () {
	<html>
	<head>
	<title>Test Form</title>
	<script src="form.js"></script>
	</head>
	<body>
	<form id="myform" method="post" action="http://localhost:3000">
	<label for="name">Name:</label>
	<input id="name" name="name" type="text"/>
	<button type="submit">Go!</button>