-define([
-
-], function() {
+define(function(require) {
'use strict';
+/* globals Node */
+
+var _ = require('libs/underscore');
var INSERTION = function(implementation) {
- var toret = function(node) {
+ var toret = function(node, options) {
var insertion = this.getNodeInsertion(node),
nodeWasContained = this.document.containsNode(insertion.ofNode),
- nodeParent;
- if(!(this.document.containsNode(this))) {
+ nodeParent,
+ returned;
+ options = options || {};
+ if(!(this.document.containsNode(this)) || !insertion.isNew) {
nodeParent = insertion.ofNode.parent();
}
- implementation.call(this, insertion.ofNode.nativeNode);
- this.triggerChangeEvent(insertion.insertsNew ? 'nodeAdded' : 'nodeMoved', {node: insertion.ofNode}, nodeParent, nodeWasContained);
- return insertion.ofNode;
+ returned = implementation.call(this, insertion.ofNode);
+ if(!options.silent && returned.sameNode(insertion.ofNode)) {
+ this.triggerChangeEvent(insertion.insertsNew ? 'nodeAdded' : 'nodeMoved', {node: insertion.ofNode}, nodeParent, nodeWasContained);
+ }
+ return returned;
};
return toret;
};
var documentNodeTransformations = {
detach: function() {
- var parent = this.parent();
+ var parent = this.parent(),
+ existed = this.document.containsNode(this);
this._$.detach();
- this.triggerChangeEvent('nodeDetached', {parent: parent});
+ if(existed) {
+ this.triggerChangeEvent('nodeDetached', {parent: parent});
+ }
return this;
},
return toret;
},
- after: INSERTION(function(nativeNode) {
- return this._$.after(nativeNode);
+ after: INSERTION(function(node) {
+ var next = this.next();
+ if(next && next.nodeType === Node.TEXT_NODE && node.nodeType === Node.TEXT_NODE) {
+ next.setText(node.getText() + next.getText());
+ node.detach();
+ return next;
+ }
+ this._$.after(node.nativeNode);
+ return node;
}),
- before: INSERTION(function(nativeNode) {
- return this._$.before(nativeNode);
+ before: INSERTION(function(node) {
+ var prev = this.prev();
+ if(prev && prev.nodeType === Node.TEXT_NODE && node.nodeType === Node.TEXT_NODE) {
+ prev.setText(prev.getText() + node.getText());
+ node.detach();
+ return prev;
+ }
+ this._$.before(node.nativeNode);
+ return node;
}),
wrapWith: function(node) {
this.prev().appendText(next.getText());
next.detach();
}
- return DocumentNode.prototype.detach.call(this);
+ return this.__super__.detach();
},
setTag: function(tagName) {
node.setData(this.getData());
if(this.sameNode(this.document.root)) {
- defineDocumentProperties(this.document, node._$);
+ this.document._defineDocumentProperties(node._$);
}
+
+ /* TODO: This invalidates old references to this node. Caching instances on nodes would fix this. */
this._$.replaceWith(node._$);
this._setNativeNode(node._$[0]);
this._$.append(myContents);
}
},
- append: INSERTION(function(nativeNode) {
- this._$.append(nativeNode);
+ append: INSERTION(function(node) {
+ var last = _.last(this.contents());
+ if(last && last.nodeType === Node.TEXT_NODE && node.nodeType === Node.TEXT_NODE) {
+ last.setText(last.getText() + node.getText());
+ node.detach();
+ return last;
+ } else {
+ this._$.append(node.nativeNode);
+ return node;
+ }
}),
- prepend: INSERTION(function(nativeNode) {
- this._$.prepend(nativeNode);
+ prepend: INSERTION(function(node) {
+ var first = this.contents()[0];
+ if(first && first.nodeType === Node.TEXT_NODE && node.nodeType === Node.TEXT_NODE) {
+ first.setText(node.getText() + first.getText());
+ node.detach();
+ return first;
+ } else {
+ this._$.prepend(node.nativeNode);
+ return node;
+ }
}),
insertAtIndex: function(nativeNode, index) {
return this.detach();
}
- var prev = this.prev(),
- next = this.next(),
- moveLeftRange, moveRightRange, leftMerged;
-
- if(prev && (prev.nodeType === TEXT_NODE) && (myContents[0].nodeType === TEXT_NODE)) {
- prev.appendText(myContents[0].getText());
- myContents[0].detach();
- moveLeftRange = true;
- leftMerged = true;
- } else {
- leftMerged = false;
- }
-
- if(!(leftMerged && myContents.length === 1)) {
- var lastContents = _.last(myContents);
- if(next && (next.nodeType === TEXT_NODE) && (lastContents.nodeType === TEXT_NODE)) {
- next.prependText(lastContents.getText());
- lastContents.detach();
- moveRightRange = true;
- }
- }
- var childrenLength = this.contents().length;
+ var childrenLength = this.contents().length,
+ first = true,
+ shiftRange = false;
this.contents().forEach(function(child) {
- this.before(child);
+ var returned = this.before(child);
+ if(first && !(returned.sameNode(child))) {
+ shiftRange = true;
+ first = false;
+ }
}.bind(this));
this.detach();
return {
- element1: parent.contents()[myIdx + (moveLeftRange ? -1 : 0)],
- element2: parent.contents()[myIdx + childrenLength-1 + (moveRightRange ? 1 : 0)]
+ element1: parent.contents()[myIdx + (shiftRange ? -1 : 0)],
+ element2: parent.contents()[myIdx + childrenLength-1 + (shiftRange ? -1 : 0)]
};
},
};
var textNodeTransformations = {
- setText: function(text) {
- //console.log('smartxml: ' + text);
- this.nativeNode.data = text;
- this.triggerTextChangeEvent();
+ setText: {
+ impl: function(t, text) {
+ t.oldText = this.getText();
+ this.nativeNode.data = text;
+ this.triggerTextChangeEvent();
+ },
+ undo: function(t) {
+ this.setText(t.oldText);
+ }
+ },
+
+ before: INSERTION(function(node) {
+ if(node.nodeType === Node.TEXT_NODE) {
+ this.prependText(node.getText());
+ node.detach();
+ return this;
+ } else {
+ return this.__super__.before(node, {silent:true});
+ }
+ }),
+
+ after: INSERTION(function(node) {
+ if(node.nodeType === Node.TEXT_NODE) {
+ this.appendText(node.getText());
+ node.detach();
+ return this;
+ } else {
+ return this.__super__.after(node, {silent:true});
+ }
+ }),
+
+ append: function(node) {
+ if(node.nodeType === Node.TEXT_NODE) {
+ this.appendText(node.getText());
+ node.detach();
+ return this;
+ }
+ },
+ prepend: function(node) {
+ if(node.nodeType === Node.TEXT_NODE) {
+ this.prependText(node.getText());
+ node.detach();
+ return this;
+ }
},
appendText: function(text) {
_with: {tagName: desc.tagName, attrs: desc.attrs}
});
} else {
- return DocumentNode.prototype.wrapWith.call(this, desc);
+ return this.__super__.wrapWith.call(this, desc);
}
},
});
return {first: parentElement, second: newElement};
+ },
+
+ divideWithElementNode: function(node, params) {
+ var insertion = this.getNodeInsertion(node),
+ myText = this.getText();
+
+ if(params.offset === myText.length) {
+ return this.after(node);
+ }
+ if(params.offset === 0) {
+ return this.before(node);
+ }
+
+ var lhsText = myText.substr(0, params.offset),
+ rhsText = myText.substr(params.offset),
+ rhsTextNode = this.document.createDocumentNode({text: rhsText});
+
+ this.setText(lhsText);
+ this.after(insertion.ofNode);
+ insertion.ofNode.after(rhsTextNode);
+ return insertion.ofNode;
}
};
replaceRoot: function(node) {
var insertion = this.getNodeInsertion(node);
this.root.detach();
- defineDocumentProperties(this, insertion.ofNode._$);
+ this._defineDocumentProperties(insertion.ofNode._$);
insertion.ofNode.triggerChangeEvent('nodeAdded');
return insertion.ofNode;
+ },
+ deleteText: function(params) {
+ var ptr, next, toDetach, middle, text;
+
+ if(params.from.node.sameNode(params.to.node)) {
+ ptr = params.from.node;
+ text = ptr.getText();
+ ptr.setText(text.substr(0, params.from.offset) + text.substr(params.to.offset));
+ return;
+ }
+
+ // Both edge text nodes need to be edited before anything else happen in case that
+ // they get merged when detaching content between them.
+ params.from.node.setText(params.from.node.getText().substr(0, params.from.offset));
+ params.to.node.setText(params.to.node.getText().substr(params.to.offset));
+
+ ptr = params.from.node;
+ next = ptr.next();
+
+ while(next || ptr.parent()) {
+ if(next) {
+ if(next.sameNode(params.to.node)) {
+ return;
+ }
+ else if(next.nodeType === Node.ELEMENT_NODE && next.containsNode(params.to.node)) {
+ middle = next;
+ break;
+ } else {
+ toDetach = next;
+ next = next.next();
+ toDetach.detach();
+ }
+ } else {
+ ptr = ptr.parent();
+ next = ptr.next();
+ }
+ }
+
+ if(!this.containsNode(params.to.node)) {
+ // The end node was merged during detaching nodes above - there is nothing more left to do.
+ return;
+ }
+
+ ptr = middle.contents()[0];
+ while(ptr && !ptr.sameNode(params.to.node)) {
+ if(ptr.nodeType === Node.ELEMENT_NODE && ptr.containsNode(params.to.node)) {
+ ptr = ptr.contents()[0];
+ continue;
+ } else {
+ ptr = ptr.next();
+ ptr.prev().detach();
+ }
+ }
}
-}
+};
return {
document: {