babel-plugin-make-id-list-and-update

Wire

This repository is part of the source code of Wire. You can find more information at wire.com or by contacting [e-mail].

You can find the published source code at github.com/wireapp.

For licensing information, see the attached LICENSE file and the list of third-party licenses at wire.com/legal/licenses/.

babel-plugin-remove-jsx-attributes

This plugin removes attributes from JSX elements and adds the list of ID's of that element wherever you like. This can be useful in situations where you want to have specific attributes removed for production.

Requiremets

• Babel
• Babel React preset

Usage

Install

$ yarn add --dev babel-plugin-remove-jsx-attributes
# OR
$ npm install --save-dev babel-plugin-remove-jsx-attributes

Configuration

When adding babel-plugin-remove-jsx-attributes to your .babelrc file, you can specify the patterns of attributes to remove by using the regular expression form.

{
  "plugins": [
    [
      "remove-jsx-attributes",
      {
        "patterns": [
          '^myAttribute$'
        ],
        to_change = "HERE_COMES_THE_LIST_OF_IDS"
      }
    ]
  ],
  "presets": ["react"]
}

In the example above babel-plugin-remove-jsx-attributes will remove all attributes that match the regular expression ^myAttribute$ before transpiling them to React.createComponent.

import React from 'react';

const func = () => (<div className="myClass" myAttribute="value" />);

Would be transpiled to:

import React from 'react';

const func = () => React.createElement("div", { className: "myClass" });

Development

Install

$ yarn

Test

$ yarn test