Jellyvision/marker

define([

  'lateralus'
  ,'marked'

  ,'text!./template.mustache'

], function (

  Lateralus
  ,marked

  ,template

) {
  'use strict';

  var Base = Lateralus.Component.View;
  var baseProto = Base.prototype;

  var RenderedOutputComponentView = Lateralus.Component.View.extend({
    template: template

    ,lateralusEvents: {
      /**
       * @param {string} markdown
       */
      'change:markdown': function (markdown) {
        this.$renderedMarkdown.html(marked(markdown));
      }
    }

    /**
     * This component view listens for change:markdown events and renders that
     * Markdown as HTML.
     * @param {Object} opts
     */
    ,initialize: function () {
      baseProto.initialize.apply(this, arguments);
    }
  });

  return RenderedOutputComponentView;
});