repl.html

---
layout: default
permalink: /repl/
fullscreen: true
redirect_from: "/repl.html"
custom_js_with_timestamps:
- pretty-format.js
- repl.js
third_party_js:
- https://unpkg.com/babel-standalone@6/babel.min.js
- https://unpkg.com/babel-polyfill@6/dist/polyfill.min.js
- https://cdnjs.cloudflare.com/ajax/libs/ace/1.1.3/ace.js
---
<div class="babel-repl">
  <form class="form babel-repl-toolbar">
    <div class="pull-left">
      <div class="form-group">
        <label for="option-evaluate">
          <input id="option-evaluate" type="checkbox">
          Evaluate
        </label>
      </div>

      <div class="form-group button-group babel-repl-preset-container">
        <span class="dropdown-toggle" data-toggle="dropdown">
          Presets: <span id="babel-repl-selected-presets"></span>
          <span class="caret"></span>
        </span>
        <ul class="dropdown-menu" id="babel-repl-preset-dropdown"></ul>
      </div>

      <label for="option-lineWrap">
        <input id="option-lineWrap" type="checkbox">
        Line Wrap
      </label>

      <div class="form-group">
        <label for="option-babili">
          <input id="option-babili" type="checkbox">
          Minify (Babili)
        </label>
      </div>
    </div>

    <div class="pull-right">
      <div class="form-group">
        <strong>Babel <span id="babel-repl-version"></span></strong>
      </div>
    </div>
  </form>

  <div class="babel-repl-editor babel-repl-input"><div class="ace_editor"></div></div>
  <div class="babel-repl-editor babel-repl-output"><div class="ace_editor"></div></div>
  <div class="babel-repl-reporter babel-repl-errors"></div>
  <div class="babel-repl-reporter babel-repl-console"></div>
</div>