Function bot

scripts/bot.js:3–405

()

'use strict';

function bot() {

  var msgDuration = 500;

  var sel,
      botName = "",
      mode = "on",
      face,
      body,
        messages,
        learninal,
        learninalSel,
      pendingDialogue,
      dialogueStep,
      visible,
      attachment;

  function robot(selection) {

    sel = selection;
    sel.classed("bot", true);
    if(botName) sel.attr("id", botName);
    face = sel.append("div").classed("face", true);
    body = sel.append("div").classed("body", true);
    messages = body.append("div").classed("messages", true);
    dialogueStep = messages.append("div.step");
    learninalSel = body.append("div").classed("learninal", true);

    learninal = new Sandbox.View({
      el: learninalSel[0],
      model: new Sandbox.Model(),
      placeholder: "Write code, hit 'Enter'"
    });

    // Listen to dispatcher
    learninal.model.dispatcher.on("evaluate", function(item) {

      var msg = dialogueStep.append("div").classed("message", true).classed("eval", true).classed(item._class, true);
      var input = msg.append("pre").append("code").classed("javascript", true).classed("input", true).html(learninal.toEscaped(item.command));
      var output = msg.append("pre").append("code").classed("javascript", true).classed("output", true).html(learninal.toEscaped(item.result));
      body.node().scrollTop = body.node().scrollHeight;

      hljs.highlightBlock(input.node());
      hljs.highlightBlock(output.node());

      msg.transition().duration(msgDuration)
          .attrTween('evalExpand', function(){ return function(t){ msg.style("transform", "scaleY(" + (.001 + t) + ")") } });
    })

    return robot;

  }

  robot.botName = function(_) {
    if (!arguments.length) return botName;
    botName = _;
    return robot;
  };