# @eventstore-ui/editor

> Monaco Editor for Event Store Design System

Latest version **2.0.2** (published 2024-08-13) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @eventstore-ui/editor
pnpm add @eventstore-ui/editor
yarn add @eventstore-ui/editor
bun add @eventstore-ui/editor
```

## Health

**Score 45/100 (D)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high maintenance score; high quality score.

Warnings: low downloads.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 2.0.2 |
| Published | 2024-08-13 |
| First published | 2022-07-20 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 971 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 3 |
| Maintainers | hayleycampbell, georgepayne, ylorph-eventstore |

## Links

- npm: https://www.npmjs.com/package/@eventstore-ui/editor
- Repository: git@github.com:EventStore/Design-System
- npm.io page: https://npm.io/package/@eventstore-ui/editor

## Dependencies (1)

- [@eventstore-ui/monaco-editor](https://npm.io/package/@eventstore-ui/monaco-editor.md) 1.0.1

## Recent versions

- 2.0.2 (latest) — 2024-08-13
- 0.1.0-alpha.10 (next) — 2022-08-31
- 2.0.1 — 2024-08-09
- 2.0.0 — 2024-08-09
- 1.0.2 — 2024-04-17
- 1.0.1 — 2024-04-16
- 1.0.0 — 2023-07-26
- 0.1.8 — 2023-07-10
- 0.1.7 — 2023-06-29
- 0.1.6 — 2023-05-25
- 0.1.5 — 2023-04-20
- 0.1.4 — 2023-04-20
- 0.1.3 — 2023-02-20
- 0.1.2 — 2023-02-17
- 0.1.1 — 2023-02-16
- … 10 more at https://npm.io/package/@eventstore-ui/editor/versions

## README

# @eventstore-ui/editor

Monaco editor wrapped in a web component, with pre-built workers.

See [Monaco Editor](https://microsoft.github.io/monaco-editor/) for more information about usage.

### Add to your project

```sh
yarn add @eventstore-ui/editor
```

Also, include the peer dependencies:

```sh
yarn add @eventstore-ui/components @eventstore-ui/utils
```

## Set up within a Stencil project:

In your stencil config, add the workers to your [copy task](https://stenciljs.com/docs/copy-tasks#copy-tasks-for-output-targets).

```tsx
// import the path to the workers
import { workerPath } from '@eventstore-ui/editor/configure';

export const config: Config = {
    // ...
    outputTargets: [
        {
            // ...
            copy: [
                // ...
                {
                    src: workerPath,
                    dest: 'workers',
                },
            ],
        },
    ],
};
```

In your `globalScript` file:

```tsx
// Add the core web components to the global pool
import '@eventstore-ui/components';
// add the editor web components to the global pool
import '@eventstore-ui/editor';

// import the monaco initialization code
import { initialize } from '@eventstore-ui/editor/initialize';

// initialize the monaco library (with options, if required)
initialize();
```

---
_Source: https://npm.io/package/@eventstore-ui/editor · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._