Caret/js/editor.js

define(["file", "command", "json!config/ace.json", "dom2"], function(File, command, cfg) {
  /*
  Module for loading the editor, adding window resizing and other events. Returns the editor straight from Ace.
  */

  var editor = window.editor = ace.edit("editor");
  var session = window.session = editor.getSession();
  session.setMode("ace/mode/javascript");
  editor.setTheme("ace/theme/chrome");
  
  var container = document.body.find(".editor-container");
  var containerSize = container.getBoundingClientRect();
  
  window.on("resize", function() {
    var size = container.getBoundingClientRect();
    var editorDiv = document.body.find("#editor");
    editorDiv.style.width = size.width + "px";
    editorDiv.style.height = size.height + "px";
    editor.resize();
  });
  window.dispatchEvent(new Event("resize"));
  
  var themes = document.querySelector(".theme");
  
  //one-time startup
  var init = function() {
    cfg.themes.forEach(function(theme) {
      var option = document.createElement("option");
      option.innerHTML = theme.alt || theme.label;
      option.setAttribute("value", theme.name);
      themes.append(option);
    });
    reset();
  };
  
  //reloaded when settings change
  var reset = function() {
    themes.value = "chrome";
    editor.setTheme("ace/theme/" + themes.value);
  }
  
  command.on("init:startup", init);
  command.on("init:restart", reset);
  
  command.on("editor:theme", function(theme) {
    editor.setTheme("ace/theme/" + theme);
  });
  
  return editor;

});