garbles

<shadow-root style="app/styles/isolated-styles.css">
  <div some-directive></div>
</shadow-root>

garbles

let EventEmitter = require('events').EventEmitter;

const CHANGE_EVENT = 'CHANGE_EVENT';

class BaseStore extends EventEmitter {
  emitChange () {
    this.emit(CHANGE_EVENT);
  }

  addChangeListener (callback) {

garbles

// From http://stackoverflow.com/questions/11381673/javascript-solution-to-detect-mobile-browser#answer-13819253

var isMobile = {
    Android: navigator.userAgent.match(/Android/i),
    BlackBerry: navigator.userAgent.match(/BlackBerry/i),
    iOS: navigator.userAgent.match(/iPhone|iPad|iPod/i),
    Opera: navigator.userAgent.match(/Opera Mini/i),
    Windows: navigator.userAgent.match(/IEMobile/i) || navigator.userAgent.match(/WPDesktop/i)
};

garbles

{
  "presets": ["es-2015"],
  "plugins": ["syntax-flow"],
  "env": {
    "development": {
      "plugins": ["strip-flow-types"]
    },
    "test": {
      "plugins": ["flow-to-gen", "strip-flow-types"]
    }

garbles

import {sample, sampleOne} from 'babel-plugin-transform-flow-to-gen/api';

type Person = {
  name: string,
  age: number  
}

// creates a generator
const personGen = Person();

garbles

import {sample, sampleOne, types} from 'babel-plugin-transform-flow-to-gen/api';
import type {Animal, Dog} from './types';

const dogGen = Animal(types.literal('dog'));
const anySpeciesGen = Animal(types.string());

const dog = sampleOne(dogGen);

console.log(dog);
// { "species": "dog", "name": "ahKL9p" }

garbles

import {sampleOne, types} from 'babel-plugin-transform-flow-to-gen/api';

const personGen =
  types.plainObject({
    name: types.string(),
    age: types.number()
  });

console.log(sampleOne(personGen));
// { "name": "rJJ9", "age": -1 }

garbles

import {sampleOne} from 'babel-plugin-transform-flow-to-gen/api';

type Person = {
  name: string,
  age: number
}

function setName(person: Person, name: string): Person {
  return {
    ...person,

garbles

import uuid from 'uuid-v4';
import {sample} from 'babel-plugin-transform-flow-to-gen/api';
import type {$Gen} from 'babel-plugin-transform-flow-to-gen/Gen';

// FYI,
// type $Gen<T, _U> = T;

type User = {
  id: $Gen<string, uuid>, // $Gen only supports references to function calls
  name: string

garbles

import setName from './setName';

import {types} from 'babel-plugin-transform-flow-to-gen/api';
import type {Person} from './types';

require('jasmine-check').install();

describe('setName', () => {
  it.check('sets a new name', [Person(), types.string()], (person, newName) => {
    const next = setName(person, newName);