+ nodePath.some(function(node, i) {
+ if(node.sameNode(ancestor)) {
+ idx = i;
+ return true;
+ }
+ });
+
+ if(idx !== 'undefined') {
+ nodePath = nodePath.slice(0, idx);
+ }
+ toret = nodePath.map(function(node) {return node.getIndex(); });
+ toret.reverse();
+ return toret;
+ },
+
+ isRoot: function() {
+ return this.document.root.sameNode(this);
+ },
+
+ detach: function() {
+ var parent = this.parent();
+ this._$.detach();
+ this.triggerChangeEvent('nodeDetached', {parent: parent});
+ return this;
+ },
+
+ replaceWith: function(node) {
+ var toret;
+ if(this.isRoot()) {
+ return this.document.replaceRoot(node);
+ }
+ toret = this.after(node);
+ this.detach();
+ return toret;
+ },
+
+ sameNode: function(otherNode) {
+ return !!(otherNode) && this.nativeNode === otherNode.nativeNode;
+ },
+
+ parent: function() {
+ var parentNode = this.nativeNode.parentNode;
+ if(parentNode && parentNode.nodeType === Node.ELEMENT_NODE) {
+ return this.document.createDocumentNode(parentNode);
+ }
+ return null;
+ },
+
+ parents: function() {
+ var parent = this.parent(),
+ parents = parent ? parent.parents() : [];
+ if(parent) {
+ parents.unshift(parent);
+ }
+ return parents;
+ },
+
+ prev: function() {
+ var myIdx = this.getIndex();
+ return myIdx > 0 ? this.parent().contents()[myIdx-1] : null;
+ },
+
+ next: function() {
+ if(this.isRoot()) {
+ return null;
+ }
+ var myIdx = this.getIndex(),
+ parentContents = this.parent().contents();
+ return myIdx < parentContents.length - 1 ? parentContents[myIdx+1] : null;
+ },
+
+ isSurroundedByTextElements: function() {
+ var prev = this.prev(),
+ next = this.next();
+ return prev && (prev.nodeType === Node.TEXT_NODE) && next && (next.nodeType === Node.TEXT_NODE);
+ },
+
+ after: INSERTION(function(nativeNode) {
+ return this._$.after(nativeNode);
+ }),
+
+ before: INSERTION(function(nativeNode) {
+ return this._$.before(nativeNode);
+ }),
+
+ wrapWith: function(node) {
+ var insertion = this.getNodeInsertion(node);
+ if(this.parent()) {
+ this.before(insertion.ofNode);
+ }
+ insertion.ofNode.append(this);
+ return insertion.ofNode;
+ },
+
+ /**
+ * Removes parent of a node if node has no siblings.
+ */
+ unwrap: function() {
+ if(this.isRoot()) {
+ return;
+ }
+ var parent = this.parent(),
+ grandParent;
+ if(parent.contents().length === 1) {
+ grandParent = parent.parent();
+ parent.unwrapContent();
+ return grandParent;
+ }
+ },
+
+ triggerChangeEvent: function(type, metaData, origParent, nodeWasContained) {
+ var node = (metaData && metaData.node) ? metaData.node : this,
+ event = new events.ChangeEvent(type, $.extend({node: node}, metaData || {}));
+ if(type === 'nodeDetached' || this.document.containsNode(event.meta.node)) {
+ this.document.trigger('change', event);
+ }
+ if((type === 'nodeAdded' || type === 'nodeMoved') && !this.document.containsNode(this) && nodeWasContained) {
+ event = new events.ChangeEvent('nodeDetached', {node: node, parent: origParent});
+ this.document.trigger('change', event);
+ }
+ },
+
+ getNodeInsertion: function(node) {
+ return this.document.getNodeInsertion(node);
+ },
+
+ getIndex: function() {
+ if(this.isRoot()) {
+ return 0;
+ }
+ return this.parent().indexOf(this);
+ }
+});
+
+var ElementNode = function(nativeNode, document) {
+ DocumentNode.call(this, nativeNode, document);
+};
+ElementNode.prototype = Object.create(DocumentNode.prototype);
+
+$.extend(ElementNode.prototype, {
+ nodeType: Node.ELEMENT_NODE,
+
+ detach: function() {
+ var next;
+ if(this.parent() && this.isSurroundedByTextElements()) {
+ next = this.next();
+ this.prev().appendText(next.getText());
+ next.detach();
+ }
+ return DocumentNode.prototype.detach.call(this);
+ },
+
+ setData: function(key, value) {
+ if(value !== undefined) {
+ this._$.data(key, value);
+ } else {
+ this._$.removeData(_.keys(this._$.data()));
+ this._$.data(key);
+ }
+ },
+
+ getData: function(key) {
+ if(key) {
+ return this._$.data(key);
+ }
+ return this._$.data();
+ },
+
+ getTagName: function() {
+ return this.nativeNode.tagName.toLowerCase();
+ },
+
+ contents: function(selector) {
+ var toret = [],
+ document = this.document;
+ if(selector) {
+ this._$.children(selector).each(function() {
+ toret.push(document.createDocumentNode(this));
+ });
+ } else {
+ this._$.contents().each(function() {
+ toret.push(document.createDocumentNode(this));
+ });
+ }
+ return toret;
+ },
+
+ indexOf: function(node) {
+ return this._$.contents().index(node._$);
+ },
+
+ setTag: function(tagName) {
+ var node = this.document.createDocumentNode({tagName: tagName}),
+ oldTagName = this.getTagName(),
+ myContents = this._$.contents();
+
+ this.getAttrs().forEach(function(attribute) {
+ node.setAttr(attribute.name, attribute.value, true);
+ });
+ node.setData(this.getData());
+
+ if(this.sameNode(this.document.root)) {
+ defineDocumentProperties(this.document, node._$);
+ }
+ this._$.replaceWith(node._$);
+ this._setNativeNode(node._$[0]);
+ this._$.append(myContents);
+ this.triggerChangeEvent('nodeTagChange', {oldTagName: oldTagName, newTagName: this.getTagName()});
+ },
+
+ getAttr: function(name) {
+ return this._$.attr(name);
+ },
+
+ setAttr: function(name, value, silent) {
+ var oldVal = this.getAttr(name);
+ this._$.attr(name, value);
+ if(!silent) {
+ this.triggerChangeEvent('nodeAttrChange', {attr: name, oldVal: oldVal, newVal: value});
+ }
+ },
fnp / fnpeditor.git / blobdiff