babel-plugin-styletron - npm Package Compare versions

Comparing version 2.0.0-beta.2 to 2.0.0-beta.4

lib/index.js

@@ -6,12 +6,16 @@ module.exports = function (ref) {
     visitor: {
-      JSXAttribute: function JSXAttribute(path) {
-        if (path.node.name.name === 'style') {
-          path.node.name.name = 'className';
-          path.node.value = t.JSXExpressionContainer(
-            t.CallExpression(
-              t.MemberExpression(
-                t.Identifier('Styletron'),
-                t.Identifier('injectStyles')),
-              [t.Identifier('styletron'), path.node.value.expression])
-          );
+      JSXElement: {
+        enter: function enter(path) {
+          path.node.openingElement.attributes.forEach(function (node) {
+            if (node.name.name === 'style') {
+              node.name.name = 'className';
+              node.value = t.JSXExpressionContainer(
+                t.CallExpression(
+                  t.MemberExpression(
+                    t.Identifier('Styletron'),
+                    t.Identifier('injectStyles')),
+                  [t.Identifier('styletron'), node.value.expression])
+              );
+            }
+          });
         }
@@ -18,0 +22,0 @@ }

package.json

 {
   "name": "babel-plugin-styletron",
-  "version": "2.0.0-beta.2",
+  "version": "2.0.0-beta.4",
   "description": "A universal stylesheet manager for node.js and browsers",
@@ -5,0 +5,0 @@ "author": "Ryan Tsao <[e-mail]>",

src/index.js

 module.exports = function ({types: t}) {
   return {
     visitor: {
-      JSXAttribute(path) {
-        if (path.node.name.name === 'style') {
-          path.node.name.name = 'className';
-          path.node.value = t.JSXExpressionContainer(
-            t.CallExpression(
-              t.MemberExpression(
-                t.Identifier('Styletron'),
-                t.Identifier('injectStyles')),
-              [t.Identifier('styletron'), path.node.value.expression])
-          );
+      JSXElement: {
+        enter(path) {
+          path.node.openingElement.attributes.forEach(node => {
+            if (node.name.name === 'style') {
+              node.name.name = 'className';
+              node.value = t.JSXExpressionContainer(
+                t.CallExpression(
+                  t.MemberExpression(
+                    t.Identifier('Styletron'),
+                    t.Identifier('injectStyles')),
+                  [t.Identifier('styletron'), node.value.expression])
+              );
+            }
+          });
         }
@@ -15,0 +19,0 @@ }

No alert changes

Improved metrics

Total package byte prevSize

3184

increased by8.41%

Lines of code

73

increased by12.31%

No dependency changes