repl view

repl_view.js

define( function( require ) {

  var Backbone = require( 'backbone' )
    , _ = require( 'underscore' )
    , $ = require( 'jquery' )

  function createListItem( content, domClass) {
    return $( '<li class="' + domClass + '">' + content + '</li>' )
  }

  function decorate( input ) {
    switch ( typeof input ) {
      case 'undefined': return 'undefined'
      case 'string': return '\"' + input + '\"'
    }
    return input
  }

  return Backbone.View.extend({

    initialize: function( options ) {
      _.bindAll( this, 'handleSubmit' )
      this.repl = this.model
      this.$input = this.$el.find( '[name=stdin]' )
      this.$replResults = this.$el.find( '.repl_results' )
    }

  , events: {
      'submit': 'handleSubmit'
    }

  , handleSubmit: function( event ) {
      event.preventDefault()
      var input = this.$input.val()
      this.$replResults.append( createListItem( input, 'input' ) )
      try {
        var result = decorate( this.repl.$eval( input ) )
        this.$replResults.append( createListItem( result, 'result' ) )
      } catch ( error ) {
        this.$replResults.append( createListItem( error.toString(), 'exception' ) )
      }
      this.$input.val( '' )
    }
  })

});