runtime: escaping optimization

Author: mishanga

lib/bemhtml/runtime/context.js

@@ -27,19 +27,15 @@ exports.Context = Context;
 Context.prototype._flush = null;
 Context.prototype.isArray = utils.isArray;
 
-Context.prototype.isSimple = function isSimple(obj) {
-  if (!obj || obj === true)
-    return true;
-  var t = typeof obj;
-  return t === 'string' || t === 'number';
-};
+Context.prototype.isSimple = utils.isSimple;
 
 Context.prototype.isShortTag = utils.isShortTag;
 Context.prototype.extend = utils.extend;
 Context.prototype.identify = utils.identify;
 
 Context.prototype.xmlEscape = utils.xmlEscape;
 Context.prototype.attrEscape = utils.attrEscape;
+Context.prototype.jsAttrEscape = utils.jsAttrEscape;
 
 Context.prototype.BEM = {};
 

lib/bemhtml/runtime/index.js

@@ -486,7 +486,7 @@ BEMHTML.prototype.render = function render(context,
     out += '"';
 
   if (isBEM && jsParams)
-    out += ' data-bem="' + utils.attrEscape(JSON.stringify(jsParams)) + '"';
+    out += ' data-bem=\'' + utils.jsAttrEscape(JSON.stringify(jsParams)) + '\'';
 
   return this.renderClose(out, context, tag, attrs, isBEM, ctx, content);
 };

lib/bemhtml/runtime/utils.js

@@ -15,17 +15,22 @@ if (!exports.isArray) {
   };
 }
 
-var buildEscape = (function() {
-  var ts = { '"': '&quot;', '&': '&amp;', '<': '&lt;', '>': '&gt;' };
-  var f = function(t) { return ts[t] || t; };
-  return function(r) {
-    r = new RegExp(r, 'g');
-    return function(s) { return ('' + s).replace(r, f); };
-  };
-})();
-
-exports.xmlEscape = buildEscape('[&<>]');
-exports.attrEscape = buildEscape('["&<>]');
+exports.xmlEscape = function(str) {
+  return (str + '')
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;');
+};
+exports.attrEscape = function(str) {
+  return (str + '')
+    .replace(/&/g, '&amp;')
+    .replace(/"/g, '&quot;');
+};
+exports.jsAttrEscape = function(str) {
+  return (str + '')
+    .replace(/&/g, '&amp;')
+    .replace(/'/g, '&#39;');
+};
 
 exports.extend = function extend(o1, o2) {
   if (!o1 || !o2)

test/runtime-test.js

@@ -387,7 +387,7 @@ describe('BEMHTML compiler/Runtime', function() {
         );
       }, {
         block: 'b1'
-      }, '<div class="b1 b2 i-bem" data-bem="{&quot;b1&quot;:{}}"></div>');
+      }, '<div class="b1 b2 i-bem" data-bem=\'{"b1":{}}\'></div>');
     });
 
     it('should support singular mix', function() {
@@ -457,7 +457,7 @@ describe('BEMHTML compiler/Runtime', function() {
         block: 'b1',
         elem: 'e1',
         mix: { block: 'b2', js: true }
-      }, '<div class="b1__e1 b2 i-bem" data-bem="{&quot;b2&quot;:{}}"></div>');
+      }, '<div class="b1__e1 b2 i-bem" data-bem=\'{"b2":{}}\'></div>');
     });
   });