From 46435080aaae1b8f228e5be6d9cc259c138e14d8 Mon Sep 17 00:00:00 2001 From: "Farkov, Dmitri" Date: Tue, 13 Sep 2016 09:14:05 -0400 Subject: [PATCH 1/3] Updating readme / package version --- README | 36 +++++++++++++++++++++++++++++++++++- package.json | 7 +++++-- 2 files changed, 40 insertions(+), 3 deletions(-) diff --git a/README b/README index 585a6d0..5385c51 100644 --- a/README +++ b/README @@ -1 +1,35 @@ -#babel-transform-react-es6-class-displayname +# babel-plugin-transform-react-es6-displayname + +Automatically add `displayName` to React components instantiated in ES6 style inheriting from React.Component (ex: `class ComponentName extends React.Component`) + +## Installation + +```sh +$ npm install babel-plugin-transform-react-es6-displayname +``` + +## Usage + +### Via `.babelrc` (Recommended) + +**.babelrc** + +```js +{ + "plugins": ["transform-react-es6-displayname"] +} +``` + +### Via CLI + +```sh +$ babel --plugins transform-react-es6-displayname script.js +``` + +### Via Node API + +```javascript +require("babel-core").transform("code", { + plugins: ["transform-react-es6-displayname"] +}); +``` diff --git a/package.json b/package.json index 37712fe..1fa11e2 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "babel-plugin-transform-react-es6-displayname", - "version": "1.0.0-beta1.3", + "version": "1.0.0-beta1.4", "description": "Babel transform to add the displayName property to component classes", "main": "index.js", "scripts": { @@ -18,7 +18,10 @@ "react", "displayName" ], - "author": "Nathan Marks (http://nathanmarks.io)", + "authors": [ + "Nathan Marks (http://nathanmarks.io)", + "Dmitri Farkov (http://github.com/dmitrif)" + ] "license": "MIT", "bugs": { "url": "https://github.com/nathanmarks/babel-plugin-transform-react-es6-displayname/issues" From daca520b3278be5885d9bd0088015c83f652a3e3 Mon Sep 17 00:00:00 2001 From: "Farkov, Dmitri" Date: Tue, 13 Sep 2016 09:14:30 -0400 Subject: [PATCH 2/3] Fixing issue where the component is a child of an ExportDeclaration --- index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.js b/index.js index 9e690d0..1d0fd6b 100644 --- a/index.js +++ b/index.js @@ -22,7 +22,7 @@ function addDisplayName (t) { ) ) ) { - this.insertAfter([ + (t.isExportNamedDeclaration(this.parentPath.node) ? this.parentPath : this).insertAfter([ t.expressionStatement(t.assignmentExpression( '=', t.memberExpression(this.node.id, t.identifier('displayName')), From 69040c1cbae4f072a9caad6b40cf9fcc08f333ff Mon Sep 17 00:00:00 2001 From: "Farkov, Dmitri" Date: Tue, 13 Sep 2016 09:15:26 -0400 Subject: [PATCH 3/3] Making readme markdown --- README => README.md | 0 package.json | 2 +- 2 files changed, 1 insertion(+), 1 deletion(-) rename README => README.md (100%) diff --git a/README b/README.md similarity index 100% rename from README rename to README.md diff --git a/package.json b/package.json index 1fa11e2..c3a274b 100644 --- a/package.json +++ b/package.json @@ -21,7 +21,7 @@ "authors": [ "Nathan Marks (http://nathanmarks.io)", "Dmitri Farkov (http://github.com/dmitrif)" - ] + ], "license": "MIT", "bugs": { "url": "https://github.com/nathanmarks/babel-plugin-transform-react-es6-displayname/issues"