0f6fa200b0c0755e92edad83ab35c6f6736c3bc7
[fnpeditor.git] / src / wlxml / wlxml.js
1 define([
2     'smartxml/smartxml'
3 ], function(smartxml) {
4     
5 'use strict';
6
7 // utils
8
9 var isMetaAttribute = function(attrName) {
10     return attrName.substr(0, 5) === 'meta-';
11 };
12
13 //
14
15 var WLXMLElementNode = function(nativeNode, document) {
16     smartxml.ElementNode.call(this, nativeNode, document);
17 };
18 WLXMLElementNode.prototype = Object.create(smartxml.ElementNode.prototype);
19
20 $.extend(WLXMLElementNode.prototype, smartxml.ElementNode.prototype, {
21     getClass: function() {
22         return this.getAttr('class');
23     },
24     setClass: function(klass) {
25         return this.setAttr('class', klass);
26     },
27     getMetaAttributes: function() {
28         var toret = [];
29         this.getAttrs().forEach(function(attr) {
30             if(isMetaAttribute(attr.name)) {
31                 toret.push({name: attr.name.substr(5), value: attr.value});
32             }
33         });
34         return toret;
35     },
36     getOtherAttributes: function() {
37         var toret = {};
38         this.getAttrs().forEach(function(attr) {
39             if(attr.name !== 'class' && !isMetaAttribute(attr.name)) {
40                 toret[attr.name] = attr.value;
41             }
42         });
43         return toret;
44     },
45
46     _getXMLDOMToDump: function() {
47         var DOM = this._$.clone(true, true);
48
49         DOM.find('*').addBack().each(function() {
50             var el = $(this),
51                 parent = el.parent(),
52                 contents = parent.contents(),
53                 idx = contents.index(el),
54                 data = el.data();
55
56
57             var txt;
58
59             if(data[formatter_prefix+ 'orig_before']) {
60                 txt = idx > 0 && contents[idx-1].nodeType === Node.TEXT_NODE ? contents[idx-1] : null;
61                 if(txt && txt.data === data[formatter_prefix + 'orig_before_transformed']) {
62                     txt.data = data[formatter_prefix+ 'orig_before_original'];
63                 } else {
64                     el.before(data[formatter_prefix+ 'orig_before']);
65                 }
66             }
67             if(data[formatter_prefix+ 'orig_after']) {
68                 txt = idx < contents.length-1 && contents[idx+1].nodeType === Node.TEXT_NODE ? contents[idx+1] : null;
69                 if(txt && txt.data === data[formatter_prefix + 'orig_after_transformed']) {
70                     txt.data = data[formatter_prefix+ 'orig_after_original'];
71                 } else {
72                     el.after(data[formatter_prefix+ 'orig_after']);
73                 }
74             }
75             if(data[formatter_prefix+ 'orig_begin']) {
76                 el.prepend(data[formatter_prefix+ 'orig_begin']);
77             }
78             if(data[formatter_prefix+ 'orig_end']) {
79                 contents = el.contents();
80                 txt = (contents.length && contents[contents.length-1].nodeType === Node.TEXT_NODE) ? contents[contents.length-1] : null;
81                 if(txt && txt.data === data[formatter_prefix + 'orig_end_transformed']) {
82                     txt.data = data[formatter_prefix+ 'orig_end_original'];
83                 } else {
84                     el.append(data[formatter_prefix+ 'orig_end']);
85                 }
86             }
87         });
88
89         return DOM;
90     }
91 });
92
93
94
95
96
97 var WLXMLDocument = function(xml) {
98     smartxml.Document.call(this, xml);
99 };
100
101 var formatter_prefix = '_wlxml_formatter_';
102
103 WLXMLDocument.prototype = Object.create(smartxml.Document.prototype);
104 $.extend(WLXMLDocument.prototype, {
105     ElementNodeFactory: WLXMLElementNode,
106
107     loadXML: function(xml) {
108         smartxml.Document.prototype.loadXML.call(this, xml);
109         $(this.dom).find(':not(iframe)').addBack().contents()
110             .filter(function() {return this.nodeType === Node.TEXT_NODE;})
111             .each(function() {
112                 var el = $(this),
113                     text = {original: el.text(), trimmed: $.trim(el.text())},
114                     elParent = el.parent(),
115                     hasSpanParent = elParent.prop('tagName') === 'SPAN',
116                     hasSpanBefore = el.prev().length && $(el.prev()).prop('tagName') === 'SPAN',
117                     hasSpanAfter = el.next().length && $(el.next()).prop('tagName') === 'SPAN';
118
119
120                 var addInfo = function(toAdd, where, transformed, original) {
121                     var parentContents = elParent.contents(),
122                         idx = parentContents.index(el[0]),
123                         prev = idx > 0 ? parentContents[idx-1] : null,
124                         next = idx < parentContents.length - 1 ? parentContents[idx+1] : null,
125                         target, key;
126
127                     if(where === 'above') {
128                         target = prev ? $(prev) : elParent;
129                         key = prev ? 'orig_after' : 'orig_begin';
130                     } else if(where === 'below') {
131                         target = next ? $(next) : elParent;
132                         key = next ? 'orig_before' : 'orig_end';
133                     } else { throw new Error();}
134
135                     target.data(formatter_prefix + key, toAdd);
136                     if(transformed !== undefined) {
137                         target.data(formatter_prefix + key + '_transformed', transformed);
138                     }
139                     if(original !== undefined) {
140                         target.data(formatter_prefix + key + '_original', original);
141                     }
142                 };
143
144                 text.transformed = text.trimmed;
145
146                 if(hasSpanParent || hasSpanBefore || hasSpanAfter) {
147                     var startSpace = /\s/g.test(text.original.substr(0,1)),
148                         endSpace = /\s/g.test(text.original.substr(-1)) && text.original.length > 1;
149                     text.transformed = (startSpace && (hasSpanParent || hasSpanBefore) ? ' ' : '');
150                     text.transformed += text.trimmed;
151                     text.transformed += (endSpace && (hasSpanParent || hasSpanAfter) ? ' ' : '');
152                 } else {
153                     if(text.trimmed.length === 0 && text.original.length > 0 && elParent.contents().length === 1) {
154                         text.transformed = ' ';
155                     }
156                 }
157
158                 if(!text.transformed) {
159                     addInfo(text.original, 'below');
160                     el.remove();
161                     return true; // continue
162                 }
163
164                 if(text.transformed !== text.original) {
165                     // if(!text.trimmed) {
166                     //     addInfo(text.original, 'below');
167                     // } else {
168                         var startingMatch = text.original.match(/^\s+/g),
169                             endingMatch = text.original.match(/\s+$/g),
170                             startingWhiteSpace = startingMatch ? startingMatch[0] : null,
171                             endingWhiteSpace = endingMatch ? endingMatch[0] : null;
172
173                         if(endingWhiteSpace) {
174                             if(text.transformed[text.transformed.length - 1] === ' ' && endingWhiteSpace[0] === ' ') {
175                                 endingWhiteSpace = endingWhiteSpace.substr(1);
176                             }
177                             addInfo(endingWhiteSpace, 'below', !text.trimmed ? text.transformed : undefined, !text.trimmed ? text.original : undefined);
178                         }
179
180                         if(startingWhiteSpace && text.trimmed) {
181                             if(text.transformed[0] === ' ' && startingWhiteSpace[startingWhiteSpace.length-1] === ' ') {
182                                 startingWhiteSpace = startingWhiteSpace.substr(0, startingWhiteSpace.length -1);
183                             }
184                             addInfo(startingWhiteSpace, 'above', !text.trimmed ? text.transformed : undefined, !text.trimmed ? text.original : undefined);
185                         }
186                     //}
187                 }
188
189                 el.replaceWith(document.createTextNode(text.transformed));
190             });
191         this.trigger('contentSet');
192     }
193
194 });
195
196
197 return {
198     WLXMLDocumentFromXML: function(xml) {
199         return new WLXMLDocument(xml);
200     },
201
202     WLXMLElementNodeFromXML: function(xml) {
203         return this.WLXMLDocumentFromXML(xml).root;
204     }
205 };
206
207 });