open-index/open-npm huggingface dataset:
npm package: @samtoday/draft-js-inline-toolbar-plugin
Description: Toolbar Plugin for DraftJS
Author: Benjamin Kniffler
Latest version: 2.0.2

# DraftJS Toolbar Plugin

*This is a plugin for the `draft-js-plugins-editor`.*

Usage:

```js
import createInlineToolbarPlugin from 'draft-js-inline-toolbar-plugin';

const toolbarPlugin = createInlineToolbarPlugin();
```
npm package: @samtoday/draft-js-mention-plugin
Description: Mention Plugin for DraftJS
Author: Nik Graf
Latest version: 2.0.2

# DraftJS Mention Plugin

*This is a plugin for the `draft-js-plugins-editor`.*

This plugin allows you to add mentions to your editor!

Usage:

```js
import createMentionPlugin from 'draft-js-mention-plugin';

const mentionPlugin = createMentionPlugin({ mentions });
```

## Importing the default styles

The plugin ships with a default styling available at this location in the installed package:
`node_modules/draft-js-mention-plugin/lib/plugin.css`.

### Webpack Usage
Follow the steps below to import the css file by using Webpack's `style-loader` and `css-loader`.

1. Install Webpack loaders: `npm install style-loader css-loader --save-dev`
2. Add the below section to Webpack config (if your Webpack already has loaders array, simply add the below loader object(`{test:foo, loaders:bar[]}`) as an item in the array).

    ```js
    module: {
      loaders: [{
        test: /\.css$/,
        loaders: [
          'style', 'css'
        ]
      }]
    }
    ```

3. Add the below import line to your component to tell Webpack to inject style to your component.

    ```js
    import 'draft-js-mention-plugin/lib/plugin.css';
    ```
4. Restart Webpack.

### Browserify Usage

TODO: PR welcome
npm package: @samturrell/nuxt-lighthouse-module
Description: This module provides a simple integration with Google Lighthouse, to perform Lighthouse reports on each deploy of your application.
Author: Sam Turrell
Latest version: 3.1.0

# Nuxt Lighthouse Module

This module provides a simple integration with Google Lighthouse, to perform Lighthouse reports on each deploy of your application.

This module can log to three different locations:

- Directly to the console
- To a file in the static folder of your app
- To Slack via a Slack Webhook

The module will run a Lighthouse report after your application has been built, or more specifically when the `ready` hook is fired.

This module will also store previous reports in a `.lighthouse` directory in your project root, and will use this to compare and return a `change` value, for how much each metric has changed since the last report.

## Why?

You may wish to monitor your Lighthouse scores as you make changes to your application, whether during development as part of Continuous Deployment to your staging environment, or after deploying to production.

## Installation

```sh
yarn add @samturrell/nuxt-lighthouse-module
```

## Usage

Simply add the module to your nuxt config:

```js
module.exports = {
    modules: [
        '@samturrell/nuxt-lighthouse-module',
    ],
};
```

And define any applicable options:

```js
module.exports = {
    lighthouse: {
        slackWebhookUrl: '',
        htmlOutput: true,
        consoleNotifier: true,
        maxReports: 10,
    },
};
```

This module is disabled by default, and must be explicitly enable by setting the `LIGHTHOUSE_ENABLED` environment variable to `true`.

## Options

The following options are available:

### `slackWebhookUrl`

- Type: `string`
- Default: `''`

The webhook url to send the Slack notification to your channel of choice. For information on how to setup a webhook, check out the [Slack Documentation](https://api.slack.com/messaging/webhooks). If no value is supplied, no notification will be sent.

### `htmlOutput`

- Type: `boolean`
- Default: `false`

Set to `true` to enable html output. The results of the report will be copied to the static directory of your app, and will be accessible via the web at `/__lighthouse`.

### `consoleNotifier`

- Type: `boolean`
- Default: `true`

Set to `true` to enable logging to the console.

### `maxReports`

- Type: `number`
- Default: `10`

Set maximum reports to store