2013-12-04 17:24:04 +00:00
|
|
|
define([
|
|
|
|
"command",
|
2013-12-23 18:27:51 +00:00
|
|
|
"storage/file",
|
2014-01-21 02:03:18 +00:00
|
|
|
"util/manos",
|
|
|
|
"settings!ace"
|
|
|
|
], function(command, File, M, Settings) {
|
2013-10-07 06:03:14 +00:00
|
|
|
|
|
|
|
var EditSession = ace.require("ace/edit_session").EditSession;
|
|
|
|
|
|
|
|
var Tab = function(contents, file) {
|
|
|
|
contents = contents || "";
|
|
|
|
EditSession.call(this, contents, "ace/mode/text");
|
|
|
|
|
|
|
|
if (contents) {
|
|
|
|
this.setValue(contents);
|
|
|
|
}
|
|
|
|
|
|
|
|
if (file) {
|
|
|
|
this.setFile(file);
|
|
|
|
} else {
|
|
|
|
this.fileName = "untitled.txt";
|
|
|
|
}
|
|
|
|
|
|
|
|
this.modified = false;
|
|
|
|
this.setUndoManager(new ace.UndoManager());
|
|
|
|
|
|
|
|
var self = this;
|
|
|
|
this.on("change", function() {
|
|
|
|
if (self.modified) return;
|
|
|
|
self.modified = true;
|
2013-10-07 06:21:04 +00:00
|
|
|
command.fire("session:render");
|
2013-10-07 06:03:14 +00:00
|
|
|
});
|
|
|
|
|
2013-10-17 00:06:32 +00:00
|
|
|
this.animationClass = "enter";
|
|
|
|
|
2013-10-07 06:03:14 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
//hopefully this never screws up unaugmented Ace sessions.
|
|
|
|
Tab.prototype = EditSession.prototype;
|
|
|
|
|
|
|
|
Tab.prototype.setFile = function(file) {
|
|
|
|
this.file = file;
|
|
|
|
this.fileName = file.entry.name;
|
|
|
|
this.modifiedAt = new Date();
|
|
|
|
}
|
|
|
|
|
|
|
|
Tab.prototype.save = function(as, c) {
|
|
|
|
if (typeof as == "function") {
|
|
|
|
c = as;
|
|
|
|
as = false;
|
|
|
|
}
|
|
|
|
var content = this.getValue();
|
|
|
|
var self = this;
|
2013-12-23 19:20:04 +00:00
|
|
|
var deferred = M.deferred();
|
2013-10-07 06:03:14 +00:00
|
|
|
|
2013-12-23 19:20:04 +00:00
|
|
|
var whenOpen = function() {
|
|
|
|
self.file.write(content).then(function() {
|
|
|
|
self.modifiedAt = new Date();
|
|
|
|
self.modified = false;
|
|
|
|
command.fire("session:render");
|
|
|
|
deferred.done();
|
|
|
|
}, deferred.fail.bind(deferred));
|
|
|
|
};
|
|
|
|
|
|
|
|
if (!self.file || as) {
|
|
|
|
var file = new File();
|
|
|
|
file.open("save")
|
|
|
|
.then(function() {
|
|
|
|
self.file = file;
|
|
|
|
self.fileName = file.entry.name;
|
|
|
|
delete self.syntaxMode;
|
|
|
|
}, function(err) {
|
|
|
|
dialog(err);
|
|
|
|
deferred.fail();
|
|
|
|
})
|
|
|
|
.then(whenOpen);
|
2014-01-21 02:03:18 +00:00
|
|
|
} else {
|
|
|
|
whenOpen();
|
2013-12-23 19:20:04 +00:00
|
|
|
}
|
2013-12-23 18:27:51 +00:00
|
|
|
|
2013-12-23 19:20:04 +00:00
|
|
|
if (c) M.pton(deferred, c);
|
|
|
|
return deferred.promise();
|
2013-10-07 06:03:14 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
Tab.prototype.drop = function() {
|
2013-11-03 01:30:37 +00:00
|
|
|
//let listeners know, like the project manager
|
|
|
|
this._emit("close");
|
2013-10-07 06:03:14 +00:00
|
|
|
if (!this.file || !chrome.fileSystem.retainEntry) return;
|
|
|
|
var id = this.file.retain();
|
|
|
|
if (!id) return;
|
|
|
|
chrome.storage.local.get("retained", function(data) {
|
|
|
|
if (!data.retained) return;
|
|
|
|
var filtered = data.retained.filter(function(item) { return item != id });
|
|
|
|
chrome.storage.local.set({ retained: filtered });
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
2014-01-21 02:03:18 +00:00
|
|
|
Tab.prototype.render = function(index) {
|
|
|
|
var element = document.createElement("a");
|
|
|
|
element.setAttribute("draggable", true);
|
|
|
|
element.setAttribute("command", "session:raise-tab");
|
|
|
|
element.setAttribute("argument", index);
|
|
|
|
element.setAttribute("title", this.fileName);
|
|
|
|
element.setAttribute("href", "tabs/" + index);
|
|
|
|
element.removeAttribute("title");
|
|
|
|
element.className = "tab";
|
|
|
|
if (this.animationClass) {
|
|
|
|
element.addClass(this.animationClass);
|
|
|
|
}
|
|
|
|
this.animationClass = "";
|
|
|
|
element.innerHTML = this.fileName + (this.modified ? " •" : "");
|
|
|
|
var close = document.createElement("a");
|
|
|
|
close.innerHTML = "×";
|
|
|
|
close.className = "close";
|
|
|
|
close.setAttribute("command", "session:close-tab");
|
|
|
|
close.setAttribute("argument", index);
|
|
|
|
element.append(close);
|
|
|
|
return element;
|
|
|
|
}
|
|
|
|
|
|
|
|
Tab.prototype.detectSyntax = function(userConfig) {
|
|
|
|
//this won't ever change, safe to get each time
|
|
|
|
var aceConfig = Settings.get("ace");
|
|
|
|
this.setUseSoftTabs(!userConfig.useTabs);
|
|
|
|
this.setTabSize(userConfig.indentation || 2);
|
|
|
|
this.setUseWrapMode(userConfig.wordWrap);
|
|
|
|
this.setWrapLimit(userConfig.wrapLimit || null);
|
|
|
|
this.setNewLineMode(userConfig.lineEnding || "auto");
|
|
|
|
this.setUseWorker(userConfig.useWorker);
|
|
|
|
var syntaxValue = "plain_text";
|
|
|
|
if (this.syntaxMode) {
|
|
|
|
syntaxValue = this.syntaxMode;
|
|
|
|
} else if (this.file) {
|
|
|
|
if (this.file.virtual) {
|
|
|
|
//settings files are special
|
|
|
|
syntaxValue = "javascript";
|
|
|
|
this.setMode("ace/mode/javascript");
|
|
|
|
} else if (this.file.entry) {
|
|
|
|
var found = false;
|
|
|
|
var extension = this.file.entry.name.split(".").pop();
|
|
|
|
for (var i = 0; i < aceConfig.modes.length; i++) {
|
|
|
|
var mode = aceConfig.modes[i];
|
|
|
|
if (mode.extensions.indexOf(extension) > -1) {
|
|
|
|
this.setMode("ace/mode/" + mode.name);
|
|
|
|
syntaxValue = mode.name;
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.syntaxMode = syntaxValue;
|
|
|
|
}
|
|
|
|
this.setMode("ace/mode/" + syntaxValue);
|
|
|
|
return syntaxValue;
|
|
|
|
}
|
|
|
|
|
2013-10-07 06:03:14 +00:00
|
|
|
return Tab;
|
|
|
|
|
|
|
|
});
|