open-index/open-npm huggingface dataset:
npm package: @reactioncommerce/babel-remove-es-create-require
Description: A Babel plugin that removes `createRequire` calls
Author: Reaction Commerce
Latest version: 1.0.0

# @reactioncommerce/babel-remove-es-create-require

A [Babel](https://babeljs.io) plugin.

If you create a Node 12 project with ECMAScript (ES) modules enabled, you will likely be doing this in a few places to import from CommonJS modules:

```js
import { createRequire } from "module";

const require = createRequire(import.meta.url);
```

This is the official way to get the `require` function in a module file.

Now let's say you want to add some Jest tests. Unfortunately Jest does not yet natively parse ES modules, and it doesn't like `import.meta`, so you'll need Babel configured for tests only.

Install `@babel/core`, `babel-jest`, `@babel/preset-env`, and two plugins that take care of transforming your ES modules:

```sh
npm i --save-dev @babel/core @babel/preset-env babel-jest babel-plugin-transform-import-meta babel-plugin-transform-es2015-modules-commonjs
```

The `babel-plugin-transform-es2015-modules-commonjs` plugin does most of the transformation to CommonJS and `babel-plugin-transform-import-meta` transforms the `import.meta` code into something Jest will accept. But there's still a problem...

```js
const require = createRequire(import.meta.url);
```

Those pesky `createRequire` calls are still in there, and now they're causing confusion. We no longer need them because `require` will now work automatically based on the file being CommonJS.

This is where this package comes in. It does only one thing: removes all lines where you're calling `createRequire`. Install it the same way you installed the other Babel plugins:

```sh
npm i --save-dev @reactioncommerce/babel-remove-es-create-require
```

Then add it to your Babel config plugins list. Here's an example `babel.config.js` file that should work for a Node 12 project with ES modules enabled.

```js
module.exports = function (api) {
  api.cache(false);

  return {
    presets: [
      [
        "@babel/preset-env",
        {
          targets: {
            node: "12"
          }
        }
      ]
    ],
    plugins: [
      "babel-plugin-transform-import-meta",
      "module:@reactioncommerce/babel-remove-es-create-require",
      "transform-es2015-modules-commonjs"
    ]
  };
};
```
npm package: @reactioncommerce/catalyst
Description: Reaction Catalyst
Author: Reaction Commerce
Latest version: 1.19.1

# @reactioncommerce/catalyst

## Getting Started

```bash
npm install --save react@16.8.6 prop-types@15.6.2 styled-components@3.3.3 @reactioncommerce/components-context@1.2.0 @reactioncommerce/catalyst
```

or

```bash
yarn add react@6.8.6 prop-types@15.6.2 styled-components@3.3.3 @reactioncommerce/components-context@1.2.0 @reactioncommerce/catalyst
```

Note that the minimum required React version is 16.8.6 because this package uses newer APIs like `hooks`, `createContext` and `forwardRef`. The `react`, `prop-types`, and `@reactioncommerce/components-context` packages are peer dependencies, which means that you must install the proper versions in your app. They are not included with this package.

Then import a component:

```js
import Button from "@reactioncommerce/catalyst/Button";
```

In your HTML:

```html
// Font for display type
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,600,700" rel="stylesheet">
```

## Icons

Several components in this library use the [Material Design Icons](https://materialdesignicons.com/) [React components](https://github.com/TeamWertarbyte/mdi-material-ui), which are distributed under the [WTFPL License](https://github.com/TeamWertarbyte/mdi-material-ui/blob/master/LICENSE). The icons themselves are distributed under the [SIL OPEN FONT LICENSE Version 1.1](https://github.com/Templarian/MaterialDesign/blob/master/LICENSE).
npm package: @reactioncommerce/components
Description: Reaction Commerce - Example Storefront Component Library
Author: Reaction Commerce
Latest version: 0.69.1

# @reactioncommerce/components

## Getting Started

```bash
npm install --save react@16.4.2 prop-types@15.6.2 styled-components@3.3.3 reacto-form@0.0.2 @reactioncommerce/components-context@1.0.0 @reactioncommerce/components
```

or

```bash
yarn add react@16.4.2 prop-types@15.6.2 styled-components@3.3.3 reacto-form@0.0.2 @reactioncommerce/components-context@1.0.0 @reactioncommerce/components
```

Note that the minimum required React version is 16.4.1 because this package uses newer APIs like `createContext` and `forwardRef`. The `react`, `prop-types`, `@reactioncommerce/components-context`, `reacto-form`, and `styled-components` packages are peer dependencies, which means that you must install the proper versions in your app. They are not included with this package.

> If you use the `StripeForm` component, then you must also install `react-stripe-elements@2.0.1`. It is an optional peer dependency.

Then import a component:

```js
import Button from "@reactioncommerce/components/Button/v1";
```

Notice that you must specify what version of the component you want. If you update to a newer minor or patch release of the `@reactioncommerce/components` package, none of your components will change by default. You will also have to change where you import them from, for example, change `v1` to `v2`. Occasionally we will release a new major version of the package, and some of the older component versions may disappear.

In your HTML:

```html
// Font for display type
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,600,700" rel="stylesheet">
```

## SVGs

Several components in this library use [Font Awesome](https://fontawesome.com/) icons in scalable vector graphic format (SVGs), under the [Font Awesome Free License](https://fontawesome.com/license/free).