163 lines
		
	
	
		
			4.7 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			163 lines
		
	
	
		
			4.7 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| 'use strict';
 | |
| 
 | |
| var defaultTreeAdapter = require('../tree_adapters/default'),
 | |
|     mergeOptions = require('../utils/merge_options'),
 | |
|     doctype = require('../common/doctype'),
 | |
|     HTML = require('../common/html');
 | |
| 
 | |
| //Aliases
 | |
| var $ = HTML.TAG_NAMES,
 | |
|     NS = HTML.NAMESPACES;
 | |
| 
 | |
| //Default serializer options
 | |
| var DEFAULT_OPTIONS = {
 | |
|     treeAdapter: defaultTreeAdapter
 | |
| };
 | |
| 
 | |
| //Escaping regexes
 | |
| var AMP_REGEX = /&/g,
 | |
|     NBSP_REGEX = /\u00a0/g,
 | |
|     DOUBLE_QUOTE_REGEX = /"/g,
 | |
|     LT_REGEX = /</g,
 | |
|     GT_REGEX = />/g;
 | |
| 
 | |
| //Serializer
 | |
| var Serializer = module.exports = function (node, options) {
 | |
|     this.options = mergeOptions(DEFAULT_OPTIONS, options);
 | |
|     this.treeAdapter = this.options.treeAdapter;
 | |
| 
 | |
|     this.html = '';
 | |
|     this.startNode = node;
 | |
| };
 | |
| 
 | |
| // NOTE: exported as static method for the testing purposes
 | |
| Serializer.escapeString = function (str, attrMode) {
 | |
|     str = str
 | |
|         .replace(AMP_REGEX, '&')
 | |
|         .replace(NBSP_REGEX, ' ');
 | |
| 
 | |
|     if (attrMode)
 | |
|         str = str.replace(DOUBLE_QUOTE_REGEX, '"');
 | |
| 
 | |
|     else {
 | |
|         str = str
 | |
|             .replace(LT_REGEX, '<')
 | |
|             .replace(GT_REGEX, '>');
 | |
|     }
 | |
| 
 | |
|     return str;
 | |
| };
 | |
| 
 | |
| 
 | |
| //API
 | |
| Serializer.prototype.serialize = function () {
 | |
|     this._serializeChildNodes(this.startNode);
 | |
| 
 | |
|     return this.html;
 | |
| };
 | |
| 
 | |
| 
 | |
| //Internals
 | |
| Serializer.prototype._serializeChildNodes = function (parentNode) {
 | |
|     var childNodes = this.treeAdapter.getChildNodes(parentNode);
 | |
| 
 | |
|     if (childNodes) {
 | |
|         for (var i = 0, cnLength = childNodes.length; i < cnLength; i++) {
 | |
|             var currentNode = childNodes[i];
 | |
| 
 | |
|             if (this.treeAdapter.isElementNode(currentNode))
 | |
|                 this._serializeElement(currentNode);
 | |
| 
 | |
|             else if (this.treeAdapter.isTextNode(currentNode))
 | |
|                 this._serializeTextNode(currentNode);
 | |
| 
 | |
|             else if (this.treeAdapter.isCommentNode(currentNode))
 | |
|                 this._serializeCommentNode(currentNode);
 | |
| 
 | |
|             else if (this.treeAdapter.isDocumentTypeNode(currentNode))
 | |
|                 this._serializeDocumentTypeNode(currentNode);
 | |
|         }
 | |
|     }
 | |
| };
 | |
| 
 | |
| Serializer.prototype._serializeElement = function (node) {
 | |
|     var tn = this.treeAdapter.getTagName(node),
 | |
|         ns = this.treeAdapter.getNamespaceURI(node);
 | |
| 
 | |
|     this.html += '<' + tn;
 | |
|     this._serializeAttributes(node);
 | |
|     this.html += '>';
 | |
| 
 | |
|     if (tn !== $.AREA && tn !== $.BASE && tn !== $.BASEFONT && tn !== $.BGSOUND && tn !== $.BR && tn !== $.BR &&
 | |
|         tn !== $.COL && tn !== $.EMBED && tn !== $.FRAME && tn !== $.HR && tn !== $.IMG && tn !== $.INPUT &&
 | |
|         tn !== $.KEYGEN && tn !== $.LINK && tn !== $.MENUITEM && tn !== $.META && tn !== $.PARAM && tn !== $.SOURCE &&
 | |
|         tn !== $.TRACK && tn !== $.WBR) {
 | |
| 
 | |
|         var childNodesHolder = tn === $.TEMPLATE && ns === NS.HTML ?
 | |
|             this.treeAdapter.getTemplateContent(node) :
 | |
|             node;
 | |
| 
 | |
|         this._serializeChildNodes(childNodesHolder);
 | |
|         this.html += '</' + tn + '>';
 | |
|     }
 | |
| };
 | |
| 
 | |
| Serializer.prototype._serializeAttributes = function (node) {
 | |
|     var attrs = this.treeAdapter.getAttrList(node);
 | |
| 
 | |
|     for (var i = 0, attrsLength = attrs.length; i < attrsLength; i++) {
 | |
|         var attr = attrs[i],
 | |
|             value = Serializer.escapeString(attr.value, true);
 | |
| 
 | |
|         this.html += ' ';
 | |
| 
 | |
|         if (!attr.namespace)
 | |
|             this.html += attr.name;
 | |
| 
 | |
|         else if (attr.namespace === NS.XML)
 | |
|             this.html += 'xml:' + attr.name;
 | |
| 
 | |
|         else if (attr.namespace === NS.XMLNS) {
 | |
|             if (attr.name !== 'xmlns')
 | |
|                 this.html += 'xmlns:';
 | |
| 
 | |
|             this.html += attr.name;
 | |
|         }
 | |
| 
 | |
|         else if (attr.namespace === NS.XLINK)
 | |
|             this.html += 'xlink:' + attr.name;
 | |
| 
 | |
|         else
 | |
|             this.html += attr.namespace + ':' + attr.name;
 | |
| 
 | |
|         this.html += '="' + value + '"';
 | |
|     }
 | |
| };
 | |
| 
 | |
| Serializer.prototype._serializeTextNode = function (node) {
 | |
|     var content = this.treeAdapter.getTextNodeContent(node),
 | |
|         parent = this.treeAdapter.getParentNode(node),
 | |
|         parentTn = void 0;
 | |
| 
 | |
|     if (parent && this.treeAdapter.isElementNode(parent))
 | |
|         parentTn = this.treeAdapter.getTagName(parent);
 | |
| 
 | |
|     if (parentTn === $.STYLE || parentTn === $.SCRIPT || parentTn === $.XMP || parentTn === $.IFRAME ||
 | |
|         parentTn === $.NOEMBED || parentTn === $.NOFRAMES || parentTn === $.PLAINTEXT || parentTn === $.NOSCRIPT)
 | |
| 
 | |
|         this.html += content;
 | |
| 
 | |
|     else
 | |
|         this.html += Serializer.escapeString(content, false);
 | |
| };
 | |
| 
 | |
| Serializer.prototype._serializeCommentNode = function (node) {
 | |
|     this.html += '<!--' + this.treeAdapter.getCommentNodeContent(node) + '-->';
 | |
| };
 | |
| 
 | |
| Serializer.prototype._serializeDocumentTypeNode = function (node) {
 | |
|     var name = this.treeAdapter.getDocumentTypeNodeName(node);
 | |
| 
 | |
|     this.html += '<' + doctype.serializeContent(name, null, null) + '>';
 | |
| };
 |