use setAttribute from yo-yoify@4

index.js

@@ -117,9 +117,6 @@ module.exports = (babel) => {
       )]
     )
 
-  // 230ish bytes after uglify
-  const addDynamicAttributeHelper = babel.template(`(${require('./addDynamicAttributeHelper')})`)
-
   const addDynamicAttribute = (helperId, id, attr, value) =>
     t.callExpression(helperId, [id, attr, value])
 
@@ -322,6 +319,7 @@ module.exports = (babel) => {
         },
         exit (path) {
           const appendChildModule = this.opts.appendChildModule || 'yo-yoify/lib/appendChild'
+          const setAttributeModule = this.opts.setAttributeModule || 'yo-yoify/lib/setAttribute'
 
           if (this.appendChildId.used) {
             path.scope.push({
@@ -332,7 +330,7 @@ module.exports = (babel) => {
           if (this.setAttributeId.used) {
             path.scope.push({
               id: this.setAttributeId,
-              init: addDynamicAttributeHelper().expression
+              init: t.callExpression(t.identifier('require'), [t.stringLiteral(setAttributeModule)])
             })
           }
           if (this.svgNamespaceId.used) {

test/fixtures/dynamicAttr.expected.js

@@ -2,26 +2,7 @@ var _halp,
     _str,
     _lol,
     _abc,
-    _setAttribute = function setAttribute(el, attr, value) {
-  if (typeof attr == 'object') {
-    for (var i in attr) if (attr.hasOwnProperty(i)) {
-      setAttribute(el, i, attr[i]);
-    }
-
-    return;
-  }
-
-  if (!attr) return;
-  if (attr == 'className') attr = 'class';
-  if (attr == 'htmlFor') attr = 'for';
-
-  if (attr.slice(0, 2) == 'on') {
-    el[attr] = value;
-  } else {
-    if (value === true) value = attr;
-    el.setAttribute(attr, value);
-  }
-};
+    _setAttribute = require('yo-yoify/lib/setAttribute');
 
 var handler = isTouchDevice ? 'ontouchstart' : 'onmousedown';
 

test/run.js

@@ -25,7 +25,12 @@ test('interpolate objects', (t) => {
     className: 'abc', // an attribute with a different property name
     id: 'def', // a normal attribute
   }
-  const context = { document, props, output: '' }
+  const context = {
+    document,
+    props,
+    require,
+    output: ''
+  }
 
   vm.runInNewContext(src, context)
   const str = context.output.outerHTML