Caret/js/sessions.js

define(["editor", "command", "file", "json!config/ace.json"], function(editor, command, File, cfg) {

  /*
  
  - test loading a session from an external file
  - test loading two sessions, switching between them
  - get tabs up and running
  - get/set/display theme per tab
  - expose API for creating/get/set/dropSession
  - retain file handles after shutdown
  
  */
  
  var tabs = [];
  var Session = ace.require("ace/edit_session").EditSession;
  
  var renderTabs = function() {
    var tabContainer = document.querySelector(".tabs");
    var contents = "";
    var current = editor.getSession();
    tabContainer.innerHTML = "";
    tabs.forEach(function(tab, index) {
      var span = document.createElement("span");
      span.setAttribute("command", "session:raise-tab");
      span.setAttribute("argument", index);
      if (tab === current) {
        span.className = "active";
      }
      span.innerHTML = tab.fileName + (tab.modified ? " *" : "");
      var close = document.createElement("a");
      close.innerHTML = "×";
      close.className = "close";
      close.setAttribute("command", "session:close-tab");
      close.setAttribute("argument", index);
      span.append(close);
      tabContainer.append(span);
    });
  }
  
  var addTab = function(contents, file) {
    contents = contents || "";
    var current = editor.getSession();
    var session;
    if (tabs.length >= 1 && !current.file && !current.modified) {
      session = current;
      session.setValue(contents);
    } else {
      session = new Session(contents);
      tabs.push(session);
      editor.setSession(session);
    }
    session.fileName = file ? file.entry.name : "untitled.txt";
    session.file = file;
    session.save = function(as) {
      if (session.modified || as) {
        var content = this.getValue();
        if (!this.file) {
          var file = this.file = new File();
          file.open("save", function() {
            file.write(content);
            session.file = file;
            session.fileName = file.entry.name;
            renderTabs();
          });
        } else {
          this.file.write(content);
        }
        this.modified = false;
      }
    }
    session.modified = false;
    session.once("change", function() {
      session.modified = true;
      renderTabs();
    });
    renderTabs();
  };
  
  var removeTab = function(index) {
    if (!index) {
      index = tabs.indexOf(editor.getSession());
    }
    tabs = tabs.filter(function(tab, i) {
      if (i == index) {
        //tab.save();
        return false;
      }
      return true;
    }); 
    if (tabs.length == 0) {
      return addTab();
    }
    return raiseTab(index - 1);
  };
  
  var raiseTab = function(index) {
    var tab = tabs[index];
    editor.setSession(tab);
    renderTabs();
  };
  
  var openFile = function() {
    var f = new File();
    f.open(function(file) {
      f.read(function(err, data) {
        addTab(data, file);
      });
    });
  }
  
  addTab("");
  
  renderTabs();
  
  var syntax = document.querySelector(".syntax");
  cfg.modes.forEach(function(mode) {
    var option = document.createElement("option");
    option.innerHTML = mode.label;
    option.value = mode.name;
    syntax.append(option);
  });
  
  syntax.value = "javascript";
  command.on("session:syntax", function(mode) {
    editor.getSession().setMode("ace/mode/" + mode);
  });
  
  command.on("session:new-file", function() { addTab() });
  command.on("session:open-file", openFile);
  command.on("session:raise-tab", raiseTab);
  command.on("session:save-file", function() { editor.getSession().save() });
  command.on("session:save-file-as", function() { editor.getSession().save(true) });
  command.on("session:close-tab", removeTab);

});