open-index/open-npm huggingface dataset:
npm package: @selfpub/babel-preset
Description: Selfpub's babel preset for transforming JavaScript
Author: Ilya Reshetnikov
Latest version: 1.3.0

# @selfpub/babel-preset

[![NpmLicense](https://img.shields.io/npm/l/@selfpub/babel-preset.svg)](https://www.npmjs.com/package/@selfpub/babel-preset)
[![NPM version](https://img.shields.io/npm/v/@selfpub/babel-preset/latest.svg)](https://www.npmjs.com/package/@selfpub/babel-preset)

Selfpub’s config for Babel transforms.

## Install

Install this package, as well as the parts of Babel you wish to use:

**With Yarn**

```bash
yarn add --dev --exact @babel/core @selfpub/babel-preset
```

**With npm**

```bash
npm install @babel/core @selfpub/babel-preset --save-dev --save-exact
```

**If you have dependencies on babel 6 use this way for install**

**With Yarn**

```bash
yarn add --dev @babel/core @selfpub/babel-preset 'babel-core@^7.0.0-bridge' @babel/core
```

**With npm**

```bash
npm install @babel/core @selfpub/babel-preset 'babel-core@^7.0.0-bridge' --save-dev --save-exact
```
## Usage

### Via .babelrc (Recommended)

Then, in your Babel configuration, set this package as the babel preset you’d like to use:

```
{
  "presets": [
    "@selfpub/babel-preset"
  ]
}
```

### Via CLI

```
$ babel script.js --presets @selfpub/babel-preset
```

### Via Node API

```js
require('@babel/core').transform('code', {
  presets: ['@selfpub/babel-preset'],
});
```

## Presets

This packages comes with several different presets for you to use, depending on your project:

- `@selfpub/babel-preset`: A preset to use for JavaScript that is meant to run in browsers.
  This preset accepts an options object. The following options are allowed:

    - `modules`, a boolean indicating whether native ES2015 modules should be transpiled to CommonJS equivalents. Set this option to `false` when you are using a bundler like Rollup or Webpack 2:

      ```json
      {
        "babel": {
          "presets": [
            ["@selfpub/babel-preset", {"modules": false}]
          ]
        }
      }
      ```

    - `browsers`, a [browserslist](https://github.com/ai/browserslist) string or array, which specifies which browsers to transpile for. Defaults to the list found in `browsers.js`.
    
      Defaults values: 
      
      ```json
      [
        "last 2 Chrome versions",
        "not Chrome < 60",
        "last 2 Safari versions",
        "not Safari < 10.1",
        "last 2 iOS versions",
        "not iOS < 10.3",
        "last 2 Firefox versions",
        "not Firefox < 54",
        "last 2 Edge versions",
        "not Edge < 15"
      ]
      ```
      Config example:
      
      ```json
      {
        "babel": {
          "presets": [
            ["@selfpub/babel-preset", {
              "browsers": ["last 5 versions"]
            }]
          ]
        }
      }
      ```

    - `debug`, a boolean (defaults to `false`) to turn on `@babel/preset-env` debugging
     
      ```json
      {
        "babel": {
          "presets": [
            ["@selfpub/babel-preset", {
              "debug": true
            }]
          ]
        }
      }
      ```
npm package: @selfpub/eslint-config
Description: Selfpub's base JS ESLint config.
Author: Ilya Reshetnikov
Latest version: 2.1.0

# @selfpub/eslint-config

[![NpmLicense](https://img.shields.io/npm/l/@selfpub/eslint-config.svg)][npm-url]
[![NPM version](https://img.shields.io/npm/v/@selfpub/eslint-config/latest.svg)][npm-url]

Selfpub’s config for eslint.

## Install

Install this package, as well as the parts of Babel you wish to use:

**With Yarn**

```bash
$ yarn add  --dev --exact eslint @selfpub/eslint-config
```

**With npm**

```bash
npm install eslint @selfpub/eslint-config --save-dev --save-exact
```

## Usage

### Via .eslintrc (Recommended)

Then, in your Eslint configuration, extend your eslint config you’d like:

```
{
  "extends": "@selfpub/eslint-config"
}
```

A few ESLint plugins are supported as well:

- [eslint-plugin-flowtype]
- [eslint-plugin-react]
- [eslint-plugin-standard]
- [eslint-plugin-unicorn]

Add extra exclusions for the plugins you use like so:

```json
{
  "extends": [
    "@selfpub/eslint-config",
    "prettier/flowtype",
    "prettier/react",
    "prettier/standard",
    "prettier/unicorn"
  ]
}
```

[npm-url]: https://www.npmjs.com/package/@selfpub/eslint-config
npm package: @selfpub/jest-teamcity-reporter
Description: Teamcity Reporter for Jest Test Results
Author: Benjamin Winterberg
Latest version: 0.9.1

# @selfpub/jest-teamcity-reporter

> This fork Benjamin Winterberg jest-teamcity-reporter with Matt Hodgson (mhodgson/jest-teamcity-reporter) with fix for latest Jest API
> Republish for team using

> Integrate Jest test results into your Teamcity CI builds

![screenshot1](https://raw.githubusercontent.com/winterbe/jest-teamcity-reporter/master/docs/screenshot1.png)

![screenshot2](https://raw.githubusercontent.com/winterbe/jest-teamcity-reporter/master/docs/screenshot2.png)

![screenshot3](https://raw.githubusercontent.com/winterbe/jest-teamcity-reporter/master/docs/screenshot3.png)

![screenshot4](https://raw.githubusercontent.com/winterbe/jest-teamcity-reporter/master/docs/screenshot4.png)

This package will report your JavaScript Jest test results to your Teamcity CI server, so you can see the number of executed tests, test failures and the tests tab right from your Teamcity UI.

---

<p align="center">
<strong>★★★ Like this project? <a href="https://github.com/winterbe/jest-teamcity-reporter/stargazers">Leave a star</a>, <a href="https://twitter.com/winterbe_">follow on Twitter</a> or <a href="https://www.paypal.me/winterbe">donate</a> to support my work! Thanks. ★★★</strong>
</p>

### Usage

First, install the package from NPM: `npm install --save-dev jest-teamcity-reporter`

The reporter integrates with Jest in form of a [testResultsProcessor](https://facebook.github.io/jest/docs/en/configuration.html#testresultsprocessor-string). Put this into your projects `package.json`:

```
"jest": {
    "testResultsProcessor": "jest-teamcity-reporter"
}
```

The reporter is only active when the environment variable `TEAMCITY_VERSION` is present which should be the case for most common Teamcity server installations. So on your local machine the reporter should be disabled by default. You can test the reporter by temporarily setting the environment variable:

`export TEAMCITY_VERSION="your_version"`

Then, just use Jest as usual, e.g. put this in your `package.json`

```
"scripts": {
    "test": "jest"
}
```

Then, simply run `npm test` locally and from Teamcity.

> Versions < 0.5.0 also supported activation via cli option `--teamcity` but Jest no longer supports custom options, so this option is no longer available.

### License

MIT © [Benjamin Winterberg](https://twitter.com/winterbe_)
npm package: @selfpub/react-ui-tree
Description: React tree component
Author: Selfpub Open
Latest version: 5.0.0

# react-ui-tree

[![Build Status](https://travis-ci.org/selfpub-org/react-ui-tree.svg)](https://travis-ci.org/selfpub-org/react-ui-tree)
[![Dependabot Status](https://api.dependabot.com/badges/status?host=github&repo=selfpub-org/react-ui-tree)](https://dependabot.com)
[![npm](https://badgen.net/npm/v/@selfpub/react-ui-tree)](https://www.npmjs.com/package/@selfpub/react-ui-tree)
[![bundlephobia](https://badgen.net/bundlephobia/min/@selfpub/react-ui-tree)](https://bundlephobia.com/result?p=@selfpub/react-ui-tree)

React tree component

> This is a fork of the library: https://github.com/pqx/react-ui-tree

> Original author: https://github.com/pqx/

Demo: https://selfpub-org.github.io/react-ui-tree/

**And we use styled-components for style**

This project was initially developed for a webpage builder. It maintains an
internal tree structure within the component through
[js-tree](https://github.com/wangzuo/js-tree).

### Installation

```sh
npm install @selfpub/react-ui-tree --save
```

### Usage

```javascript
<Tree
  paddingLeft={20}              // left padding for children nodes in pixels
  hideRoot={true}               // rendering first root tree node
  tree={this.state.tree}        // tree object
  onChange={this.handleChange}  // onChange(tree) tree object changed
  renderNode={this.renderNode}  // renderNode(node) return react element
  renderCaret={this.renderCaret}  // renderCaret(node) return react element
  renderDragIcon={this.renderDragIcon}  // renderDragIcon() return react element
/>

// a sample tree object
// node.children, node.collapsed, node.leaf, node.nodrag properties are hardcoded
{
  "module": "react-ui-tree",
  "children": [{
    "collapsed": true,
    "module": "dist",
    "children": [{
      "module": "node.js"
    }]
  }]
}
```

check [app.js](https://github.com/selfpub-org/react-ui-tree/blob/master/example/app.js)
for a working example

### Development

- npm install
- npm start
- http://localhost:8080/example

### License

MIT
npm package: @seliaco/giant-panda-styles
Description: Selia Styles Library
Author: Jhon Castillo, Miguel Hernandez, Gustavo Santamaría
Latest version: 1.0.57

# Selia Styles and Colors Library

The Selia Styles and Colors Library is a comprehensive collection of design elements specifically tailored for the Selia mental health platform. This library provides consistent and visually appealing styles and colors to ensure a cohesive user experience across all Selia products, including web and mobile applications.

## Features

Documentation is pending.

## Usage

1. **Installation**: Install the Selia Styles and Colors Library using npm or yarn:

   ```bash
   npm install @seliaco/giant-panda-styles
   ```

   or

   ```bash
   yarn add @seliaco/giant-panda-styles
   ```

   or using CDN

   ```html
   <link
     rel="stylesheet"
     href="https://unpkg.com/@seliaco/giant-panda-styles/style.css"
   />
   ```

2. **Importing Styles**: Import the desired styles or colors into your project's stylesheets or components:

   ```html
   <link
     rel="stylesheet"
     href="https://unpkg.com/@seliaco/giant-panda-styles/style.css"
   />
   ```

   ```javascript
   import "@seliaco/giant-panda-styles/style.css";
   ```

3. **Using Styles**: Apply the predefined styles to your UI components:
   ```html
   <button class="btn">Primary Button</button>
   ```

## publish npm

Note: Dear Future Jhon, remember to delete the registry line in the package.json file before publishing on npm.

## Contributing

Contributions to the Selia Styles and Colors Library are welcome! If you have suggestions for new styles or colors, or if you find any issues, please open an issue or submit a pull request on GitHub.

## License

This library is distributed under the MIT License.

## Contact

For any questions or inquiries, please contact the Selia development team at tech@selia.co.

## Acknowledgments

Special thanks to all contributors who have helped make this library possible.
npm package: @selie/puppeteer-extra-plugin-user-data-dir
Description: Custom user data directory for puppeteer.
Author: berstend
Latest version: 2.4.4

# puppeteer-extra-plugin-user-data-dir

> A plugin for [puppeteer-extra](https://github.com/berstend/puppeteer-extra).

### Install

```bash
yarn add puppeteer-extra-plugin-user-data-dir
```

## API

<!-- Generated by documentation.js. Update this documentation by updating the source code. -->

#### Table of Contents

-   [Plugin](#plugin)

### [Plugin](https://github.com/berstend/puppeteer-extra/blob/db57ea66cf10d407cf63af387892492e495a84f2/packages/puppeteer-extra-plugin-user-data-dir/index.js#L19-L113)

**Extends: PuppeteerExtraPlugin**

Further reading:
<https://chromium.googlesource.com/chromium/src/+/master/docs/user_data_dir.md>

Type: `function (opts)`

-   `opts`   (optional, default `{}`)

* * *
npm package: @selie/puppeteer-extra-plugin-user-preferences
Description: Launch puppeteer with arbitrary user preferences.
Author: berstend
Latest version: 2.4.4

# puppeteer-extra-plugin-user-preferences

> A plugin for [puppeteer-extra](https://github.com/berstend/puppeteer-extra).

### Install

```bash
yarn add puppeteer-extra-plugin-user-preferences
```

## API

<!-- Generated by documentation.js. Update this documentation by updating the source code. -->

#### Table of Contents

-   [Plugin](#plugin)

### [Plugin](https://github.com/berstend/puppeteer-extra/blob/db57ea66cf10d407cf63af387892492e495a84f2/packages/puppeteer-extra-plugin-user-preferences/index.js#L30-L73)

**Extends: PuppeteerExtraPlugin**

Launch puppeteer with arbitrary user preferences.

The user defined preferences will be merged with preferences set by other plugins.
Plugins can add user preferences by exposing a data entry with the name `userPreferences`.

Overview:
<https://chromium.googlesource.com/chromium/src/+/master/chrome/common/pref_names.cc>

Type: `function (opts)`

-   `opts` **[Object](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object)** Options (optional, default `{}`)
    -   `opts.userPrefs` **[Object](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object)** An object containing the preferences. (optional, default `{}`)

Example:

```javascript
const puppeteer = require('puppeteer-extra')
puppeteer.use(require('puppeteer-extra-plugin-user-preferences')({userPrefs: {
  webkit: {
    webprefs: {
      default_font_size: 22
    }
  }
}}))
const browser = await puppeteer.launch()
```

* * *
npm package: @selikhovalexey/jest
Description: Delightful JavaScript Testing.
Latest version: 29.5.0

# Jest

🃏 Delightful JavaScript Testing

- **👩🏻‍💻 Developer Ready**: Complete and ready to set-up JavaScript testing solution. Works out of the box for any React project.

- **🏃🏽 Instant Feedback**: Failed tests run first. Fast interactive mode can switch between running all tests or only test files related to changed files.

- **📸 Snapshot Testing**: Jest can [capture snapshots](https://jestjs.io/docs/snapshot-testing) of React trees or other serializable values to simplify UI testing.

Read More: https://jestjs.io/