open-index/open-npm huggingface dataset:
npm package: @remirror/extension-underline
Description: Add underline formatting to your text editor.
Latest version: 3.0.2

# @remirror/extension-underline

> Add underline formatting to your text editor.

[![Version][version]][npm] [![Weekly Downloads][downloads-badge]][npm] [![Bundled size][size-badge]][size] [![Typed Codebase][typescript]](#) [![MIT License][license]](#)

[version]: https://flat.badgen.net/npm/v/@remirror/extension-underline
[npm]: https://npmjs.com/package/@remirror/extension-underline
[license]: https://flat.badgen.net/badge/license/MIT/purple
[size]: https://bundlephobia.com/result?p=@remirror/extension-underline
[size-badge]: https://flat.badgen.net/bundlephobia/minzip/@remirror/extension-underline
[typescript]: https://flat.badgen.net/badge/icon/TypeScript?icon=typescript&label
[downloads-badge]: https://badgen.net/npm/dw/@remirror/extension-underline/red?icon=npm

## Installation

```bash
# yarn
yarn add @remirror/extension-underline

# pnpm
pnpm add @remirror/extension-underline

# npm
npm install @remirror/extension-underline
```

This is included by default when you install the recommended `remirror` package. All exports are also available via the entry-point, `remirror/extensions`.

## Usage

The following code creates an instance of this extension.

```ts
import { UnderlineExtension } from 'remirror/extensions';

const extension = new UnderlineExtension();
```
npm package: @remirror/extension-whitespace
Description: Manage whitespace characters within your editor.
Latest version: 3.0.2

# @remirror/extension-whitespace

> **Manage whitespace within your editor.**

[![Version][version]][npm] [![Weekly Downloads][downloads-badge]][npm] [![Bundled size][size-badge]][size] [![Typed Codebase][typescript]](#) [![MIT License][license]](#)

[version]: https://flat.badgen.net/npm/v/@remirror/extension-whitespace
[npm]: https://npmjs.com/package/@remirror/extension-whitespace
[license]: https://flat.badgen.net/badge/license/MIT/purple
[size]: https://bundlephobia.com/result?p=@remirror/extension-whitespace
[size-badge]: https://flat.badgen.net/bundlephobia/minzip/@remirror/extension-whitespace
[typescript]: https://flat.badgen.net/badge/icon/TypeScript?icon=typescript&label
[downloads-badge]: https://badgen.net/npm/dw/@remirror/extension-whitespace/red?icon=npm

## Installation

```bash
# yarn
yarn add @remirror/extension-whitespace

# pnpm
pnpm add @remirror/extension-whitespace

# npm
npm install @remirror/extension-whitespace
```

## Usage

The following code creates an instance of this extension.

```ts
import { WhitespaceExtension } from '@remirror/extension-whitespace';

const extension = new WhitespaceExtension();
```

## Acknowledgements

This extension was heavily inspired by [`prosemirror-invisibles`](https://github.com/guardian/prosemirror-invisibles).
npm package: @remirror/extension-yjs
Description: Realtime collaboration with yjs
Latest version: 4.0.3

# @remirror/extension-yjs

> Realtime collaboration with yjs

[![Version][version]][npm] [![Weekly Downloads][downloads-badge]][npm] [![Bundled size][size-badge]][size] [![Typed Codebase][typescript]](#) [![MIT License][license]](#)

[version]: https://flat.badgen.net/npm/v/@remirror/extension-yjs
[npm]: https://npmjs.com/package/@remirror/extension-yjs
[license]: https://flat.badgen.net/badge/license/MIT/purple
[size]: https://bundlephobia.com/result?p=@remirror/extension-yjs
[size-badge]: https://flat.badgen.net/bundlephobia/minzip/@remirror/extension-yjs
[typescript]: https://flat.badgen.net/badge/icon/TypeScript?icon=typescript&label
[downloads-badge]: https://badgen.net/npm/dw/@remirror/extension-yjs/red?icon=npm

## Installation

```bash
# yarn
yarn add yjs @remirror/extension-yjs

# pnpm
pnpm add yjs @remirror/extension-yjs

# npm
npm install yjs @remirror/extension-yjs
```

You will also need to install your preferred [`YjsRealtimeProvider`](https://github.com/yjs/yjs#providers).

Due to the required peer dependencies this package is not included by default when installing `remirror`.

You will also need to install your preferred yjs protocol

```bash
# yarn
yarn add y-webrtc

# pnpm
pnpm add y-webrtc

# npm
npm install y-webrtc
```

## Usage

The following code creates an instance of this extension.

```ts
import { WebrtcProvider } from 'y-webrtc';
import { Doc } from 'yjs';
import { YjsExtension } from '@remirror/extension-yjs';

const extension = new YjsExtension({
  getProvider: () => new WebrtcProvider('global', new Doc()),
});
```
npm package: @remirror/i18n
Description: Supported internationalization and locales for the remirror editor.
Latest version: 3.0.0

# @remirror/i18n

> Supported internationalization and locales for the remirror editor.

[![Version][version]][npm] [![Weekly Downloads][downloads-badge]][npm] [![Bundled size][size-badge]][size] [![Typed Codebase][typescript]](#) [![MIT License][license]](#)

[version]: https://flat.badgen.net/npm/v/@remirror/i18n
[npm]: https://npmjs.com/package/@remirror/i18n
[license]: https://flat.badgen.net/badge/license/MIT/purple
[size]: https://bundlephobia.com/result?p=@remirror/i18n
[size-badge]: https://flat.badgen.net/bundlephobia/minzip/@remirror/i18n
[typescript]: https://flat.badgen.net/badge/icon/TypeScript?icon=typescript&label
[downloads-badge]: https://badgen.net/npm/dw/@remirror/i18n/red?icon=npm

## Installation

```bash
# yarn
yarn add @remirror/i18n

# pnpm
pnpm add @remirror/i18n

# npm
npm install @remirror/i18n
```

## Usage

The following code creates adds an `en` translation to your social editor.

```tsx
import { en as enPlurals } from 'make-plural/plurals';
import React from 'react';
import { i18n } from '@remirror/i18n';
import en from '@remirror/i18n/en/messages';
import { SocialEditor } from '@remirror/react';

i18n.loadLocaleData('en', { plurals: anPlurals });

i18n.load({
  en: en.messages,
});

const Editor = () => {
  <SocialEditor i18n={i18n} locale='en' />;
};
```
npm package: @remirror/icons
Description: RemixIcons for use in your remirror editor.
Latest version: 3.0.0

# @remirror/icons

> RemixIcons for use in your remirror editor.

[![Version][version]][npm] [![Weekly Downloads][downloads-badge]][npm] [![Bundled size][size-badge]][size] [![Typed Codebase][typescript]](#) [![MIT License][license]](#)

[version]: https://flat.badgen.net/npm/v/@remirror/icons
[npm]: https://npmjs.com/package/@remirror/icons
[license]: https://flat.badgen.net/badge/license/MIT/purple
[size]: https://bundlephobia.com/result?p=@remirror/icons
[size-badge]: https://flat.badgen.net/bundlephobia/minzip/@remirror/icons
[typescript]: https://flat.badgen.net/badge/icon/TypeScript?icon=typescript&label
[downloads-badge]: https://badgen.net/npm/dw/@remirror/icons/red?icon=npm

<br />

## Installation

```bash
# yarn
yarn add @remirror/icons

# pnpm
pnpm add @remirror/icons

# npm
npm install @remirror/icons
```

<br />

## Credits

The icons generated in this project are taken directly from [Remix Icon](https://remixicon.com/). The icon set is a really high quality and I've enjoyed integrating them into remirror.
npm package: @remirror/messages
Description: Internalization strings which are used throughout the remirror core codebase.
Latest version: 3.0.0

# @remirror/messages

> Internalization strings which are used throughout the remirror core codebase.

[![Version][version]][npm] [![Weekly Downloads][downloads-badge]][npm] [![Bundled size][size-badge]][size] [![Typed Codebase][typescript]](#) [![MIT License][license]](#)

[version]: https://flat.badgen.net/npm/v/@remirror/messages
[npm]: https://npmjs.com/package/@remirror/messages
[license]: https://flat.badgen.net/badge/license/MIT/purple
[size]: https://bundlephobia.com/result?p=@remirror/messages
[size-badge]: https://flat.badgen.net/bundlephobia/minzip/@remirror/messages
[typescript]: https://flat.badgen.net/badge/icon/TypeScript?icon=typescript&label
[downloads-badge]: https://badgen.net/npm/dw/@remirror/messages/red?icon=npm

<br />

## Installation

```bash
# yarn
yarn add @remirror/messages

# pnpm
pnpm add @remirror/messages

# npm
npm install @remirror/messages
```

<br />
npm package: @remirror/pm
Description: A bundled library containing all the core prosemirror libraries required for using remirror
Latest version: 3.0.1

# @remirror/pm

> All the bundled prosemirror dependencies which are required for the remirror core libraries.

[![Version][version]][npm] [![Weekly Downloads][downloads-badge]][npm] [![Bundled size][size-badge]][size] [![Typed Codebase][typescript]](#) [![MIT License][license]](#)

[version]: https://flat.badgen.net/npm/v/@remirror/pm
[npm]: https://npmjs.com/package/@remirror/pm
[license]: https://flat.badgen.net/badge/license/MIT/purple
[size]: https://bundlephobia.com/result?p=@remirror/pm
[size-badge]: https://flat.badgen.net/bundlephobia/minzip/@remirror/pm
[typescript]: https://flat.badgen.net/badge/icon/TypeScript?icon=typescript&label
[downloads-badge]: https://badgen.net/npm/dw/@remirror/pm/red?icon=npm

## Installation

```bash
yarn add @remirror/pm # yarn
pnpm add @remirror/pm # pnpm
npm install @remirror/pm # npm
```

## Usage

This bundles up the prosemirror libraries into one package to make development and consumption of the remirror codebase simpler. All prosemirror libraries are available as **es-modules** which makes tree shaking with rollup, webpack and other build tools possible.

This library is a required peer dependency when using remirror in your codebase. You might never need to use it directly, but in case you do, here's a snippet of how to do so.

```ts
// Top level provides types and utilities for converting commands.
import type { EditorSchema } from '@remirror/pm';
import { chainableEditorState } from '@remirror/pm';
```

```ts
// Nested imports provides access to the individual prosemirror library exports.
import { EditorState } from '@remirror/pm/state';
import { Suggest } from '@remirror/pm/suggest';
import { View } from '@remirror/pm/view';
```
npm package: @remirror/preset-core
Description: The core preset providing the functionality you need and want.
Latest version: 3.0.2

# @remirror/preset-core

> The core preset providing the functionality you need and want.

[![Version][version]][npm] [![Weekly Downloads][downloads-badge]][npm] [![Bundled size][size-badge]][size] [![Typed Codebase][typescript]](#) [![MIT License][license]](#)

[version]: https://flat.badgen.net/npm/v/@remirror/preset-core
[npm]: https://npmjs.com/package/@remirror/preset-core
[license]: https://flat.badgen.net/badge/license/MIT/purple
[size]: https://bundlephobia.com/result?p=@remirror/preset-core
[size-badge]: https://flat.badgen.net/bundlephobia/minzip/@remirror/preset-core
[typescript]: https://flat.badgen.net/badge/icon/TypeScript?icon=typescript&label
[downloads-badge]: https://badgen.net/npm/dw/@remirror/preset-core/red?icon=npm

<br />

## Installation

```bash
yarn add @remirror/preset-core # yarn
pnpm add @remirror/preset-core # pnpm
npm install @remirror/preset-core # npm
```

This package is available via `remirror/presets` when you install `remirror`.

<br />

## Usage

When added to your editor it will provide the required nodes, marks to your editor.

```ts
import { corePreset, RemirrorManager } from 'remirror';

// Create the Editor Manager with the required preset.
const manager = RemirrorManager.create([...corePreset({ rootContent: 'block*' })]);
```
npm package: @remirror/preset-formatting
Description: A preset with all the formatting node and mark extensions included.
Latest version: 3.0.2

# @remirror/preset-formatting

> **A preset with all the formatting node and mark extensions included.**

[![Version][version]][npm] [![Weekly Downloads][downloads-badge]][npm] [![Bundled size][size-badge]][size] [![Typed Codebase][typescript]](#) [![MIT License][license]](#)

[version]: https://flat.badgen.net/npm/v/@remirror/preset-formatting
[npm]: https://npmjs.com/package/@remirror/preset-formatting
[license]: https://flat.badgen.net/badge/license/MIT/purple
[size]: https://bundlephobia.com/result?p=@remirror/preset-formatting
[size-badge]: https://flat.badgen.net/bundlephobia/minzip/@remirror/preset-formatting
[typescript]: https://flat.badgen.net/badge/icon/TypeScript?icon=typescript&label
[downloads-badge]: https://badgen.net/npm/dw/@remirror/preset-formatting/red?icon=npm

<br />

## Installation

```bash
# yarn
yarn add @remirror/preset-formatting

# pnpm
pnpm add @remirror/preset-formatting

# npm
npm install @remirror/preset-formatting
```

<br />

## Usage

The following creates an instance of the preset.

```ts
import { formattingPreset } from 'remirror/extensions';

// Create the preset which returns an array of extensions.
const extensions = formattingPreset();
```
npm package: @remirror/preset-react
Description: The core preset providing the functionality you need and want.
Latest version: 3.0.3

# @remirror/preset-react

> The preset which provides all required `React` extensions for your editor.

[![Version][version]][npm] [![Weekly Downloads][downloads-badge]][npm] [![Bundled size][size-badge]][size] [![Typed Codebase][typescript]](#) [![MIT License][license]](#)

[version]: https://flat.badgen.net/npm/v/@remirror/preset-react
[npm]: https://npmjs.com/package/@remirror/preset-react
[license]: https://flat.badgen.net/badge/license/MIT/purple
[size]: https://bundlephobia.com/result?p=@remirror/preset-react
[size-badge]: https://flat.badgen.net/bundlephobia/minzip/@remirror/preset-react
[typescript]: https://flat.badgen.net/badge/icon/TypeScript?icon=typescript&label
[downloads-badge]: https://badgen.net/npm/dw/@remirror/preset-react/red?icon=npm

<br />

## Installation

```bash
# yarn
yarn add @remirror/preset-react

# pnpm
pnpm add @remirror/preset-react

# npm
npm install @remirror/preset-react
```

This package is available via `remirror/presets` when you install `remirror`.

<br />

## Usage

This preset adds

- Server side support for nodes and marks.
- Transformations for server side components.
- Placeholder support for the editor.

```ts
import { RemirrorManager } from 'remirror';
import { reactPreset } from 'remirror/extensions';

// Create the Editor Manager with the required preset.
const manager = RemirrorManager.create(() => [...reactPreset()]);
```

The `useRemirror` hook automatically adds both the `CorePreset` and `ReactPreset` to the editor so you may never need to reference this package directly.
npm package: @remirror/preset-wysiwyg
Description: The preset for your wysiwyg editor.
Latest version: 3.0.2

# @remirror/preset-wysiwyg

> The preset for your wysiwyg editor.

[![Version][version]][npm] [![Weekly Downloads][downloads-badge]][npm] [![Bundled size][size-badge]][size] [![Typed Codebase][typescript]](#) [![MIT License][license]](#)

[version]: https://flat.badgen.net/npm/v/@remirror/preset-wysiwyg
[npm]: https://npmjs.com/package/@remirror/preset-wysiwyg
[license]: https://flat.badgen.net/badge/license/MIT/purple
[size]: https://bundlephobia.com/result?p=@remirror/preset-wysiwyg
[size-badge]: https://flat.badgen.net/bundlephobia/minzip/@remirror/preset-wysiwyg
[typescript]: https://flat.badgen.net/badge/icon/TypeScript?icon=typescript&label
[downloads-badge]: https://badgen.net/npm/dw/@remirror/preset-wysiwyg/red?icon=npm

<br />

## Installation

```bash
# yarn
yarn add @remirror/preset-wysiwyg

# pnpm
pnpm add @remirror/preset-wysiwyg

# npm
npm install @remirror/preset-wysiwyg
```

This is included by default when you install the recommended `remirror` package. All exports are also available via the entry-point, `remirror/presets`.

<br />

## Usage

This preset is designed to be used with the `CorePreset` from `remirror/presets`.

The following creates an instance of the preset.

```ts
import { createCoreManager, wysiwygPreset } from 'remirror/extensions';

// Create a manager which contains the wysiwyg preset.
const manager = createCoreManager(() => wysiwygPreset());
```
npm package: @remirror/react
Description: Hooks and components for consuming `remirror` with your fave framework `React`.
Latest version: 3.0.3

# @remirror/react

> Hooks and components for consuming `remirror` with your fave framework `React`.

[![npm bundle size (scoped)](https://img.shields.io/bundlephobia/minzip/@remirror/react.svg?)](https://bundlephobia.com/result?p=@remirror/react) [![npm](https://img.shields.io/npm/dm/@remirror/react.svg?&logo=npm)](https://www.npmjs.com/package/@remirror/react)

## Installation

```bash
yarn add @remirror/react # yarn
pnpm add @remirror/react # pnpm
npm install @remirror/react # npm
```

## Usage

For in depth usage with proper code example see the [docs](https://remirror.io).

### Controlled Editor

```tsx
import React, { useCallback } from 'react';
import { fromHtml, RemirrorEventListener } from 'remirror';
import { BoldExtension, ItalicExtension, UnderlineExtension } from 'remirror/extensions';
import { createReactManager, ReactExtensions, Remirror, useRemirror } from '@remirror/react';

type Extension = ReactExtensions<ListPreset | BoldExtension>;
const extensions = () => [new BoldExtension(), new ItalicExtension(), new UnderlineExtension()];

const MyEditor = () => {
  const { manager, state, onChange } = useRemirror<Extension>({
    extensions,
    content: '<p>This is the initial value</p>',
    stringHandler: 'html',
  });

  const [value, setValue] = useState(initialValue);

  return <Remirror manager={manager} state={state} onChange={onChange} />;
};
```
npm package: @remirror/react-components
Description: Components to begin your remirror journey
Latest version: 3.0.3

# @remirror/react-components

> A selection of core react components for your remirror editor.

[![Version][version]][npm] [![Weekly Downloads][downloads-badge]][npm] [![Bundled size][size-badge]][size] [![Typed Codebase][typescript]](#) [![MIT License][license]](#)

[version]: https://flat.badgen.net/npm/v/@remirror/react-components
[npm]: https://npmjs.com/package/@remirror/react-components
[license]: https://flat.badgen.net/badge/license/MIT/purple
[size]: https://bundlephobia.com/result?p=@remirror/react-components
[size-badge]: https://flat.badgen.net/bundlephobia/minzip/@remirror/react-components
[typescript]: https://flat.badgen.net/badge/icon/TypeScript?icon=typescript&label
[downloads-badge]: https://badgen.net/npm/dw/@remirror/react-components/red?icon=npm

## Installation

```bash
# yarn
yarn add @remirror/react-components @remirror/react

# pnpm
pnpm add @remirror/react-components @remirror/react

# npm
npm install @remirror/react-components @remirror/react
```

This is included by default when you install the recommended `remirror` package. All exports are also available via the entry-point, `remirror/react/components`.

## Usage

When using the components from this library make sure to wrap your editor in the `ThemeProvider`.
npm package: @remirror/react-core
Description: The core `React` library which can be used if you want to create a specialized bundle without the extra hooks and components available via `@remirror/react`.
Latest version: 3.0.3

# @remirror/react-core

> The core `React` library which can be used if you want to create a specialized bundle without the extra hooks and components available via `@remirror/react`.

[![npm bundle size (scoped)](https://img.shields.io/bundlephobia/minzip/@remirror/react-core.svg?)](https://bundlephobia.com/result?p=@remirror/react-core) [![npm](https://img.shields.io/npm/dm/@remirror/react-core.svg?&logo=npm)](https://www.npmjs.com/package/@remirror/react-core)

## Installation

```bash
yarn add @remirror/react-core # yarn
pnpm add @remirror/react-core # pnpm
npm install @remirror/react-core # npm
```
npm package: @remirror/react-debugger
Description: A debugger forked from prosemirror-dev-tool for your remirror editor
Latest version: 1.0.3

# @remirror/react-debugger

**DEPRECATED**

[![npm bundle size (scoped)](https://img.shields.io/bundlephobia/minzip/@remirror/react-debugger.svg?)](https://bundlephobia.com/result?p=@remirror/react-debugger) [![npm](https://img.shields.io/npm/dm/@remirror/react-debugger.svg?&logo=npm)](https://www.npmjs.com/package/@remirror/react-debugger)

Debug your `remirror` editor via this debugging tool.

## Installation

```bash
yarn add @remirror/react-debugger # yarn
pnpm add @remirror/react-debugger # pnpm
npm install @remirror/react-debugger # npm
```
npm package: @remirror/react-editors
Description: A showcase of possible react editors built with remirror.
Latest version: 2.0.3

# @remirror/react-editors

> A showcase of possible react editors built with remirror.

[![Version][version]][npm] [![Weekly Downloads][downloads-badge]][npm] [![Bundled size][size-badge]][size] [![Typed Codebase][typescript]](#) [![MIT License][license]](#)

[version]: https://flat.badgen.net/npm/v/@remirror/react-editors
[npm]: https://npmjs.com/package/@remirror/react-editors
[license]: https://flat.badgen.net/badge/license/MIT/purple
[size]: https://bundlephobia.com/result?p=@remirror/react-editors
[size-badge]: https://flat.badgen.net/bundlephobia/minzip/@remirror/react-editors
[typescript]: https://flat.badgen.net/badge/icon/TypeScript?icon=typescript&label
[downloads-badge]: https://badgen.net/npm/dw/@remirror/react-editors/red?icon=npm

<br />

## Installation

```bash
# yarn
yarn add @remirror/react-editors

# pnpm
pnpm add @remirror/react-editors

# npm
npm install @remirror/react-editors
```

<br />
npm package: @remirror/react-hooks
Description: A selection of core hooks built for working within the editor.
Latest version: 3.0.3

# @remirror/react-hooks

> A selection of core react hooks for your editor.

[![Version][version]][npm] [![Weekly Downloads][downloads-badge]][npm] [![Bundled size][size-badge]][size] [![Typed Codebase][typescript]](#) [![MIT License][license]](#)

[version]: https://flat.badgen.net/npm/v/@remirror/react-hooks
[npm]: https://npmjs.com/package/@remirror/react-hooks
[license]: https://flat.badgen.net/badge/license/MIT/purple
[size]: https://bundlephobia.com/result?p=@remirror/react-hooks
[size-badge]: https://flat.badgen.net/bundlephobia/minzip/@remirror/react-hooks
[typescript]: https://flat.badgen.net/badge/icon/TypeScript?icon=typescript&label
[downloads-badge]: https://badgen.net/npm/dw/@remirror/react-hooks/red?icon=npm

## Installation

```bash
# yarn
yarn add @remirror/react-hooks @remirror/react

# pnpm
pnpm add @remirror/react-hooks @remirror/react

# npm
npm install @remirror/react-hooks @remirror/react
```

This is included by default when you install the recommended `remirror` package. All exports are also available via the entry-point, `remirror/react`.

## Usage

More documentation to come.
npm package: @remirror/react-native
Description: React Native support for your remirror editor.
Latest version: 1.0.5

# @remirror/react-native

**DEPRECATED**

> Run your remirror editor for `React Native`

[![npm bundle size (scoped)](https://img.shields.io/bundlephobia/minzip/@remirror/react-native.svg?)](https://bundlephobia.com/result?p=@remirror/react-native) [![npm](https://img.shields.io/npm/dm/@remirror/react-native.svg?&logo=npm)](https://www.npmjs.com/package/@remirror/react-native)

## Installation

```bash
yarn add @remirror/react-native # yarn
pnpm add @remirror/react-native # pnpm
npm install @remirror/react-native # npm
```

You will also need to have the following installed which are peer dependencies.

- `react-native-webview` - See the [getting started](https://github.com/react-native-webview/react-native-webview/blob/c5ae9193bd1082e97e739dba41db0db03213faa9/docs/Getting-Started.md) guide.
- `react-dom` (used for generating an ssr build which is used to prerender the webview).
- `react-native`
- `react`

To bundle the webview you can use the library `bundler.macro`.See the package for a setup guide. This is used to bundle the files used for the remirror editor into a single JS bundle which is injected into the webview.

## Getting started

There are two parts to a native editor. The webview component and the the native ui.

All the text and editor logic is stored in the usual `remirror` editor which runs in a webview. It can be controlled from the outside by
npm package: @remirror/react-node-view
Description: DEPRECATED - Create your prosemirror node views with react
Latest version: 1.0.0

# @remirror/react-node-view

This package is **deprecated** and it's functionality is included by default with the `@remirror/react` package.

It is now accessible with the following installation.

```bash
# Yarn
yarn add @remirror/react

# PNPM
pnpm add @remirror/react

# npm
npm install @remirror/react
```
npm package: @remirror/react-portals
Description: DEPRECATED - Enables using react portals to render prosemirror nodes.
Latest version: 1.0.0

# @remirror/react-portals

This package is **deprecated** and it's functionality is included by default with the `@remirror/react` package.

It is now accessible with the following installation.

```bash
# Yarn
yarn add @remirror/react

# PNPM
pnpm add @remirror/react

# npm
npm install @remirror/react
```
npm package: @remirror/react-renderer
Description: Render the JSON output from your remirror editor as a react component
Latest version: 3.0.2

# @remirror/react-renderer

> Render the json output from your remirror editor as a react component

[![Version][version]][npm] [![Weekly Downloads][downloads-badge]][npm] [![Bundled size][size-badge]][size] [![Typed Codebase][typescript]](#) [![MIT License][license]](#)

[version]: https://flat.badgen.net/npm/v/@remirror/react-renderer
[npm]: https://npmjs.com/package/@remirror/react-renderer
[license]: https://flat.badgen.net/badge/license/MIT/purple
[size]: https://bundlephobia.com/result?p=@remirror/react-renderer
[size-badge]: https://flat.badgen.net/bundlephobia/minzip/@remirror/react-renderer
[typescript]: https://flat.badgen.net/badge/icon/TypeScript?icon=typescript&label
[downloads-badge]: https://badgen.net/npm/dw/@remirror/react-renderer/red?icon=npm

<br />

## Installation

```bash
# yarn
yarn add @remirror/react-renderer

# pnpm
pnpm add @remirror/react-renderer

# npm
npm install @remirror/react-renderer
```

<br />
npm package: @remirror/react-ssr
Description: Render the editor in an SSR environment
Latest version: 3.0.3

# @remirror/react-ssr

> Render the editor in an ssr environment

[![Version][version]][npm] [![Weekly Downloads][downloads-badge]][npm] [![Bundled size][size-badge]][size] [![Typed Codebase][typescript]](#) [![MIT License][license]](#)

[version]: https://flat.badgen.net/npm/v/@remirror/react-ssr
[npm]: https://npmjs.com/package/@remirror/react-ssr
[license]: https://flat.badgen.net/badge/license/MIT/purple
[size]: https://bundlephobia.com/result?p=@remirror/react-ssr
[size-badge]: https://flat.badgen.net/bundlephobia/minzip/@remirror/react-ssr
[typescript]: https://flat.badgen.net/badge/icon/TypeScript?icon=typescript&label
[downloads-badge]: https://badgen.net/npm/dw/@remirror/react-ssr/red?icon=npm

<br />

## Installation

```bash
# yarn
yarn add @remirror/react-ssr

# pnpm
pnpm add @remirror/react-ssr

# npm
npm install @remirror/react-ssr
```

<br />
npm package: @remirror/react-ui
Description: A selection of optional react components for your remirror editor, powered by @mui/material
Latest version: 1.0.3

# @remirror/react-ui

> A selection of optional react components for your remirror editor, powered by `@mui/material`.

[![Version][version]][npm] [![Weekly Downloads][downloads-badge]][npm] [![Bundled size][size-badge]][size] [![Typed Codebase][typescript]](#) [![MIT License][license]](#)

[version]: https://flat.badgen.net/npm/v/@remirror/react-ui
[npm]: https://npmjs.com/package/@remirror/react-ui
[license]: https://flat.badgen.net/badge/license/MIT/purple
[size]: https://bundlephobia.com/result?p=@remirror/react-ui
[size-badge]: https://flat.badgen.net/bundlephobia/minzip/@remirror/react-ui
[typescript]: https://flat.badgen.net/badge/icon/TypeScript?icon=typescript&label
[downloads-badge]: https://badgen.net/npm/dw/@remirror/react-ui/red?icon=npm

## Installation

```bash
# yarn
yarn add @remirror/react-ui @remirror/react

# pnpm
pnpm add @remirror/react-ui @remirror/react

# npm
npm install @remirror/react-ui @remirror/react
```

This is **NOT** included by default when you install the recommended `@remirror/react` package.

## Translations

The components used here expect a translation library to be present to render tooltips etc.

This can be provided via the `i18nFormat` prop to the root `Remirror` component.

You can use the provided `@remirror/i18n` package, or you can provide your own i18n library (see the [i18n examples in Storybook](https://remirror.vercel.app/?path=/story/i18n-react-i18next--basic))

```tsx
import { i18nFormat } from '@remirror/i18n';
import { Remirror, useRemirror } from '@remirror/react';
import { TopToolbar } from '@remirror/react';

const Editor: React.FC = () => {
  const { manager } = useRemirror({
    extensions: () => [
      // Some extensions here
    ],
  });

  return (
    <Remirror manager={manager} i18nFormat={i18nFormat} autoRender='end'>
      <TopToolbar />
    </Remirror>
  );
};
```
npm package: @remirror/react-utils
Description: A small set of utilities for react components in remirror.
Latest version: 3.0.0

# @remirror/react-utils

> A small set of utilities for react components in remirror.

[![Version][version]][npm] [![Weekly Downloads][downloads-badge]][npm] [![Bundled size][size-badge]][size] [![Typed Codebase][typescript]](#) [![MIT License][license]](#)

[version]: https://flat.badgen.net/npm/v/@remirror/react-utils
[npm]: https://npmjs.com/package/@remirror/react-utils
[license]: https://flat.badgen.net/badge/license/MIT/purple
[size]: https://bundlephobia.com/result?p=@remirror/react-utils
[size-badge]: https://flat.badgen.net/bundlephobia/minzip/@remirror/react-utils
[typescript]: https://flat.badgen.net/badge/icon/TypeScript?icon=typescript&label
[downloads-badge]: https://badgen.net/npm/dw/@remirror/react-utils/red?icon=npm

<br />

## Installation

```bash
yarn add @remirror/react-utils # yarn
pnpm add @remirror/react-utils # pnpm
npm install @remirror/react-utils # npm
```

This is included by default when you install the recommended `remirror` package. All exports are also available via the entry-point, `remirror/react`.

<br />
npm package: @remirror/theme
Description: The configurable theme for the remirror editor.
Latest version: 3.0.0

# @remirror/theme

> Add a theme to your remirror editor.

[![Version][version]][npm] [![Weekly Downloads][downloads-badge]][npm] [![Bundled size][size-badge]][size] [![Typed Codebase][typescript]](#) [![MIT License][license]](#)

[version]: https://flat.badgen.net/npm/v/@remirror/theme
[npm]: https://npmjs.com/package/@remirror/theme
[license]: https://flat.badgen.net/badge/license/MIT/purple
[size]: https://bundlephobia.com/result?p=@remirror/theme
[size-badge]: https://flat.badgen.net/bundlephobia/minzip/@remirror/theme
[typescript]: https://flat.badgen.net/badge/icon/TypeScript?icon=typescript&label
[downloads-badge]: https://badgen.net/npm/dw/@remirror/theme/red?icon=npm

## Installation

```bash
# yarn
yarn add @remirror/theme

# pnpm
pnpm add @remirror/theme

# npm
npm install @remirror/theme
```
npm package: @remirror/types
Description: Base types used throughout the remirror packages.
Latest version: 2.0.0

# @remirror/types

> Base types used throughout the remirror packages.

[![Version][version]][npm] [![Weekly Downloads][downloads-badge]][npm] [![Bundled size][size-badge]][size] [![Typed Codebase][typescript]](#) [![MIT License][license]](#)

[version]: https://flat.badgen.net/npm/v/@remirror/types
[npm]: https://npmjs.com/package/@remirror/types
[license]: https://flat.badgen.net/badge/license/MIT/purple
[size]: https://bundlephobia.com/result?p=@remirror/types
[size-badge]: https://flat.badgen.net/bundlephobia/minzip/@remirror/types
[typescript]: https://flat.badgen.net/badge/icon/TypeScript?icon=typescript&label
[downloads-badge]: https://badgen.net/npm/dw/@remirror/types/red?icon=npm

<br />

## Installation

```bash
# yarn
yarn add @remirror/types

# pnpm
pnpm add @remirror/types

# npm
npm install @remirror/types
```

<br />

## Explanation

This library exports types used throughout the `remirror` codebase. It has no dependencies on ProseMirror so can be used everywhere.

Since `type-fest` is used throughout the codebase it also re-exports all the types from typefest.
npm package: @remirror/ui-a11y-status
Description: DEPRECATED - Create a singleton live region for a11y status updates
Latest version: 1.0.0

# @remirror/ui-a11y-status

This package is **deprecated** and has been moved to `a11y-status` package.

It is now accessible with the following installation.

```bash
# Yarn
yarn add a11y-status

# PNPM
pnpm add a11y-status

# npm
npm install a11y-status
```
npm package: @remirror/ui-twitter
Description: ui for a twitter-like editing experience
Author: Ifiok Jr.
Latest version: 0.1.0

<div align="center">
	<br />
	<div align="center">
		<img width="300" src="https://cdn.jsdelivr.net/gh/ifiokjr/remirror/support/assets/logo-icon.svg" alt="remirror" />
    <h1 align="center">ui-twitter</h1>
	</div>
    <br />
    <br />
    <br />
    <br />
</div>

[![npm bundle size (scoped)](https://img.shields.io/bundlephobia/minzip/@remirror/ui-twitter.svg?style=for-the-badge)](https://bundlephobia.com/result?p=@remirror/ui-twitter) [![npm](https://img.shields.io/npm/dm/@remirror/ui-twitter.svg?style=for-the-badge&logo=npm)](https://www.npmjs.com/package/@remirror/ui-twitter) [![Dependencies (path)](https://img.shields.io/david/ifiokjr/remirror.svg?logo=npm&path=@remirror%2Fui-twitter&style=for-the-badge)](https://github.com/ifiokjr/remirror/blob/master/@remirror/ui-twitter/package.json) [![NPM](https://img.shields.io/npm/l/@remirror/ui-twitter.svg?style=for-the-badge)](https://github.com/ifiokjr/remirror/blob/master/LICENSE) [![GitHub issues by-label](https://img.shields.io/github/issues/ifiokjr/remirror/@remirror/ui-twitter.svg?label=Open%20Issues&logo=github&style=for-the-badge)](https://github.com/ifiokjr/remirror/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc+label%3A%40remirror%2Fui-twitter) [![GitHub pull requests by-label](https://img.shields.io/github/issues-pr/ifiokjr/remirror/@remirror/ui-twitter.svg?label=Open%20Pull%20Requests&logo=github&style=for-the-badge)](https://github.com/ifiokjr/remirror/pulls?utf8=%E2%9C%93&q=is%3Apr+is%3Aopen+sort%3Aupdated-desc+label%3A%40remirror%2Fui-twitter)

A configurable editor which replicates twitter behaviour and much of its design.

## Installation

```bash
yarn add @remirror/ui-twitter
```
npm package: @remirror/ui-wysiwyg
Description: ui for a what you see is what you get (wysiwyg) editing experience
Author: Ifiok Jr.
Latest version: 0.1.0

<div align="center">
	<br />
	<div align="center">
		<img width="300" src="https://cdn.jsdelivr.net/gh/ifiokjr/remirror/support/assets/logo-icon.svg" alt="remirror" />
    <h1 align="center">ui-wysiwyg</h1>
	</div>
    <br />
    <br />
    <br />
    <br />
</div>

[![npm bundle size (scoped)](https://img.shields.io/bundlephobia/minzip/@remirror/ui-wysiwyg.svg?style=for-the-badge)](https://bundlephobia.com/result?p=@remirror/ui-wysiwyg) [![npm](https://img.shields.io/npm/dm/@remirror/ui-wysiwyg.svg?style=for-the-badge&logo=npm)](https://www.npmjs.com/package/@remirror/ui-wysiwyg) [![Dependencies (path)](https://img.shields.io/david/ifiokjr/remirror.svg?logo=npm&path=@remirror%2Fui-wysiwyg&style=for-the-badge)](https://github.com/ifiokjr/remirror/blob/master/@remirror/ui-wysiwyg/package.json) [![NPM](https://img.shields.io/npm/l/@remirror/ui-wysiwyg.svg?style=for-the-badge)](https://github.com/ifiokjr/remirror/blob/master/LICENSE) [![GitHub issues by-label](https://img.shields.io/github/issues/ifiokjr/remirror/@remirror/ui-wysiwyg.svg?label=Open%20Issues&logo=github&style=for-the-badge)](https://github.com/ifiokjr/remirror/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc+label%3A%40remirror%2Fui-wysiwyg) [![GitHub pull requests by-label](https://img.shields.io/github/issues-pr/ifiokjr/remirror/@remirror/ui-wysiwyg.svg?label=Open%20Pull%20Requests&logo=github&style=for-the-badge)](https://github.com/ifiokjr/remirror/pulls?utf8=%E2%9C%93&q=is%3Apr+is%3Aopen+sort%3Aupdated-desc+label%3A%40remirror%2Fui-wysiwyg)

A configurable editor which provides the foundation for highclass What You See Is What You Get (wysiwyg) editing experience.

## Installation

```bash
yarn add @remirror/ui-wysiwyg
```
npm package: @remisaurel/sql-validateur
Description: A package to validate SQL SELECT queries.
Author: Rémi Saurel
Latest version: 0.0.5

# sql-validateur

`sql-validateur` is a TypeScript package for validating SQL queries. New features will be added in the future.

## 🚀 Installation

```bash
npm install @remisaurel/sql-validateur
```

## 🧑‍💻 Usage

### Parse a query
```typescript
import { parseSelectQuery } from '@remisaurel/sql-validateur';

const query = 'SELECT * FROM users WHERE id = 1';
const parsedQuery = parseSelectQuery(query);

console.log(parsedQuery); // Returns a SelectQuery object
```
npm package: @remitano-anhdt/metaplex-js
Description: Metaplex JavaScript API
Author: Metaplex Maintainers
Latest version: 4.12.10

# @metaplex/js &middot; [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/metaplex/js/blob/main/LICENSE) [![npm version](https://img.shields.io/npm/v/@metaplex/js.svg?style=flat)](https://www.npmjs.com/package/@metaplex/js)

🚨 **Deprecated library**

Please note that this library has been archived and is no longer being maintained. To integrate Metaplex's program with your JavaScript applications **please use the new JS SDK**:

- 🐙 [New JS SDK repository](https://github.com/metaplex-foundation/js)
- 📦 [New JS SDK NPM package](https://www.npmjs.com/package/@metaplex-foundation/js)

---

## Stability

[Stability: 1 - Experimental](https://docs.metaplex.com/stability)

> **In Development** - All interfaces are very likely to change very frequently.
Please use caution when making use of this library. Bugs or behavior changes may
surprise users when Experimental API modifications occur.

## Documentation

- [API Docs](https://metaplex-foundation.github.io/js)
- [Guides](https://docs.metaplex.com/sdk/js/getting-started)

## Community

Join our [Discussions](https://github.com/metaplex-foundation/js/discussions)

## Contributing
Visit [Contributing](CONTRIBUTING.md)

## Good First Issues

See the list of starter issues [here](https://github.com/metaplex-foundation/js/issues?q=is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22)