babel-plugin-styled-components - npm Package Compare versions

Comparing version 1.9.0-1 to 1.9.0

lib/visitors/transpileCssProp.js

@@ -18,10 +18,10 @@ "use strict";
 
-var getTag = function getTag(node) {
+var getName = function getName(node, t) {
   if (typeof node.name === 'string') return node.name;
 
-  if (node.type === 'JSXMemberExpression') {
-    return `${getTag(node.object)}.${node.property.name}`;
+  if (t.isJSXMemberExpression(node)) {
+    return `${getName(node.object, t)}.${node.property.name}`;
   }
 
-  return undefined;
+  throw path.buildCodeFrameError(`Cannot infer name from node with type "${node.type}". Please submit an issue at github.com/styled-components/babel-plugin-styled-components with your code so we can take a look at your use case!`);
 };
@@ -47,4 +47,4 @@
     var elem = path.parentPath;
-    var name = getTag(elem.node.name);
-    var id = path.scope.generateUidIdentifier('CSS' + name.replace(/^([a-z])/, function (match, p1) {
+    var name = getName(elem.node.name, t);
+    var id = path.scope.generateUidIdentifier('Styled' + name.replace(/^([a-z])/, function (match, p1) {
       return p1.toUpperCase();
@@ -51,0 +51,0 @@ }));

package.json

 {
-  "version": "1.9.0-1",
+  "version": "1.9.0",
   "name": "babel-plugin-styled-components",
@@ -26,3 +26,3 @@ "description": "Improve the debugging experience and add server-side rendering support to styled-components",
     "rimraf": "^2.6.2",
-    "styled-components": "^3.4.6"
+    "styled-components": "^4.0.0"
   },
@@ -29,0 +29,0 @@ "dependencies": {

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

36704

increased by0.6%

Number of low quality alerts

1

decreased by-50%

No dependency changes