X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/bb2c206bdd17b1f42cfdcdd62b105873a1b8f9a2..24e73bdbeb5e83ff18d2f9b359e7b41fe8230c1a:/src/smartxml/smartxml.js diff --git a/src/smartxml/smartxml.js b/src/smartxml/smartxml.js index 4bb5afe..43e3041 100644 --- a/src/smartxml/smartxml.js +++ b/src/smartxml/smartxml.js @@ -5,47 +5,152 @@ define([ 'use strict'; +var TEXT_NODE = Node.TEXT_NODE, ELEMENT_NODE = Node.ELEMENT_NODE; + var parseXML = function(xml) { return $(xml)[0]; -} +}; var Document = function(nativeNode) { var $document = $(nativeNode); - Object.defineProperty(this, 'root', {get: function() { return new ElementNode($document[0])}}); -} + Object.defineProperty(this, 'root', {get: function() { return new ElementNode($document[0]);}}); +}; + +var DocumentNode = function(nativeNode) { + this.nativeNode = nativeNode; + this._$ = $(nativeNode); +}; -var ElementNode = function(nativeNode) { - var myNode = nativeNode, - $myNode = $(nativeNode); +$.extend(DocumentNode.prototype, { + detach: function() { this._$.detach(); }, + + sameNode: function(otherNode) { + return this.nativeNode === otherNode.nativeNode; + }, + + parent: function() { + return this.nativeNode.parentNode ? new ElementNode(this.nativeNode.parentNode) : null; + }, + + before: function(node) { + this._$.before(node.nativeNode); + }, + + wrapWith: function(node) { + if(this.parent()) + this.before(node); + node.append(this); + }, +}); - this._$myNode = $myNode; - this._myNode= myNode; +var ElementNode = function(nativeNode) { + DocumentNode.apply(this, arguments); +}; - this.getTagName = function() { - return myNode.tagName.toLowerCase(); - }; +$.extend(ElementNode.prototype, DocumentNode.prototype, { + nodeType: Node.ELEMENT_NODE, - this.append = function(documentNode) { - this._$myNode.append(documentNode._$myNode); - }; + getTagName: function() { + return this.nativeNode.tagName.toLowerCase(); + }, - this.contents = function() { + contents: function() { var toret = []; - this._$myNode.contents().each(function() { + this._$.contents().each(function() { if(this.nodeType === Node.ELEMENT_NODE) toret.push(new ElementNode(this)); + else if(this.nodeType === Node.TEXT_NODE) + toret.push(new TextNode(this)); }); return toret; - }; + }, + + indexOf: function(node) { + return this._$.contents().index(node._$); + }, + + getAttr: function(name) { + return this._$.attr(name); + }, - this.sameNode = function(otherNode) { - return this._myNode === otherNode._myNode; + setAttr: function(name, value) { + this._$.attr(name, value); + }, + + append: function(documentNode) { + this._$.append(documentNode.nativeNode); + }, + + unwrapContent: function() { + var parent = this.parent(); + if(!parent) + return; + + var parentContents = parent.contents(), + myContents = this.contents(), + myIdx = parent.indexOf(this); + + if(myContents.length === 0) + return this.detach(); + + var moveLeftRange, moveRightRange, leftMerged; + + if(myIdx > 0 && (parentContents[myIdx-1].nodeType === TEXT_NODE) && (myContents[0].nodeType === TEXT_NODE)) { + parentContents[myIdx-1].appendText(myContents[0].getText()); + myContents[0].detach(); + moveLeftRange = true; + leftMerged = true; + } else { + leftMerged = false; + } + + if(!(leftMerged && myContents.length === 1)) { + if(myIdx < parentContents.length - 1 && (parentContents[myIdx+1].nodeType === TEXT_NODE) && (myContents[myContents.length-1].nodeType === TEXT_NODE)) { + parentContents[myIdx+1].prependText(myContents[myContents.length-1].getText()); + myContents[myContents.length-1].detach(); + moveRightRange = true; + } + } + + var childrenLength = this.contents().length; + this.contents().forEach(function(child) { + this.before(child); + }.bind(this)); + + this.detach(); + + return { + element1: parent.contents()[myIdx + (moveLeftRange ? -1 : 0)], + element2: parent.contents()[myIdx + childrenLength-1 + (moveRightRange ? 1 : 0)] + }; } + +}); + +var TextNode = function(nativeNode) { + DocumentNode.apply(this, arguments); }; +$.extend(TextNode.prototype, DocumentNode.prototype, { + nodeType: Node.TEXT_NODE, + + getText: function() { + return this.nativeNode.data; + }, + + appendText: function(text) { + this.nativeNode.data = this.nativeNode.data + text; + }, + + prependText: function(text) { + this.nativeNode.data = text + this.nativeNode.data; + } +}); + + return { documentFromXML: function(xml) { return new Document(parseXML(xml));