insin

To run the example:

npm install -g nwb
react run example.js --auto-install

insin

import spawn from 'cross-spawn'
import ora from 'ora'

/**
 * Get the latest version of a package from npm.
 */
export function getLatestVersion(pkg, cb) {
  let spinner = ora(`Checking for latest version of ${pkg}`).start()
  let npm = spawn('npm', ['dist-tag', 'ls', pkg, '--no-progress'], {stdio: ['ignore', 'pipe', 'inherit']})
  let stdout = ''

insin

import React from 'react'
import {render} from 'react-dom'

let Board = React.createClass({
  getInitialState() {
    return {
      x: 150,
      y: 150,
    }
  },

insin

// Matches the naming convention for functions which select from Redux state
const SELECTOR_NAME_RE = /^get[A-Z]/

/**
 * Creates a function which creates same-named action dispatchers from an object
 * whose function properties are action creators, passing along any arguments.
 * Function properties whose names start with "get" will be ignored, as these
 * are assumed to be selectors by convention.
 * Also makes the dispatch function itself available.
 * (If this was Java, it'd be a class named ActionDispatcherFactoryFactory).

insin

import React from 'react'
import {
  Alert,
  Button,
  Col, ControlLabel,
  Form, FormControl, FormGroup,
  HelpBlock,
} from 'react-bootstrap'

import {APPS, APPS_BY_RELEASE} from './metadata'

insin

/**
 * Accepts column ranges expressed using A-Z column names, or 1-based numbers.
 *
 * Returns a list of column numbers.
 *
 * e.g. A,B,D-F outputs [1,2,4,5,6]
 */

{
  var baseCharCode = 'A'.charCodeAt(0) - 1 // 1-based

insin

nwb babel options for transform-runtime/polyfilling

nwb is getting a new boolean runtime option which triggers use of babel-plugin-transform-runtime

I think it also needs a polyfill option to control polyfilling, as babel-plugin-transform-runtime is also related to polyfilling (see below)

(polyfill could also be used to automatically include babel-polyfill for apps when configured to do so)

babel-plugin-transform-runtime

insin

Clone and install:

git clone https://gist.github.com/45b7f66e01628601c0cc6b79767b0e4f.git so-38236634
cd so-38236634
npm install

Start a hot reloading development server at http://localhost:3000:

insin

import React from 'react'
import {render} from 'react-dom'
import {browserHistory, IndexRoute, IndexLink, Link, Route, Router} from 'react-router'

let activeStyle = {fontWeight: 'bold'}

let App = ({children}) => <div>
  <h1>App</h1>
  <ul>
    <li><IndexLink activeStyle={activeStyle} to="/">Home</IndexLink></li>

insin

import './prism-fairyfloss.css'

import 'prismjs'
import React from 'react'
import {render} from 'react-dom'

let App = React.createClass({
  componentDidMount() {
    window.Prism.highlightAll()
  },