npm package: @otjs/firebase-monaco
Description: Real-time collaborative editor with out of the box binding with Firebase and Monaco Editor.
Author: Progyan Bhattacharya
Latest version: 0.2.2

# `@otjs/firebase-monaco`

[![Sponsor](https://img.shields.io/badge/sponsor-30363D?style=for-the-badge&logo=GitHub-Sponsors&logoColor=#white)](https://github.com/sponsors/0xTheProDev)
[![Npm Version](https://img.shields.io/npm/v/@otjs/firebase-monaco?style=for-the-badge)](https://www.npmjs.com/package/@otjs/firebase-monaco)
[![Weekly Downloads](https://img.shields.io/npm/dw/@otjs/firebase-monaco?style=for-the-badge)](https://www.npmjs.com/package/@otjs/firebase-monaco)
[![Minified Zipped Size](https://img.shields.io/bundlephobia/minzip/@otjs/firebase-monaco?style=for-the-badge)](https://www.npmjs.com/package/@otjs/firebase-monaco)
[![Types](https://img.shields.io/npm/types/@otjs/firebase-monaco?style=for-the-badge)](https://www.npmjs.com/package/@otjs/firebase-monaco)
[![License](https://img.shields.io/npm/l/@otjs/firebase-monaco?style=for-the-badge)](https://github.com/0xTheProDev/Operational-Transformation/blob/main/packages/firebase-monaco/LICENSE)
[![Dependencies](https://img.shields.io/librariesio/release/npm/@otjs/firebase-monaco?style=for-the-badge)](https://www.npmjs.com/package/@otjs/firebase-monaco)
[![Dependents](https://img.shields.io/librariesio/dependents/npm/@otjs/firebase-monaco?style=for-the-badge)](https://www.npmjs.com/package/@otjs/firebase-monaco)
[![Vulnerabilities](https://img.shields.io/snyk/vulnerabilities/npm/@otjs/firebase-monaco?style=for-the-badge)](https://github.com/0xTheProDev/Operational-Transformation/blob/main/.github/SECURITY.md)
[![Stars](https://img.shields.io/github/stars/0xTheProDev/Operational-Transformation?style=for-the-badge)](https://github.com/0xTheProDev/Operational-Transformation/stargazers)
[![Forks](https://img.shields.io/github/forks/0xTheProDev/Operational-Transformation?style=for-the-badge)](https://github.com/0xTheProDev/Operational-Transformation/network/members)
[![Discussions](https://img.shields.io/github/discussions/0xTheProDev/Operational-Transformation?style=for-the-badge)](https://github.com/0xTheProDev/Operational-Transformation/discussions)

## Description

> Real-time collaborative editor with out of the box binding with Firebase and Monaco Editor.

## Installation

- To install using [Pnpm](https://pnpm.io) _(recommended)_:

  ```sh
  pnpm add @otjs/ace
  ```

- To install using [Yarn](https://yarnpkg.com):

  ```sh
  yarn add @otjs/firebase-monaco
  ```

- To install using [Npm](https://www.npmjs.com):

  ```sh
  npm i @otjs/firebase-monaco --save
  ```

### Peer Dependencies

Make sure to install all the peer dependencies beforehand:

[![Firebase](https://img.shields.io/npm/dependency-version/@otjs/firebase-monaco/peer/firebase?style=for-the-badge)](https://www.npmjs.com/package/firebase)
[![Monaco Editor](https://img.shields.io/npm/dependency-version/@otjs/firebase-monaco/peer/monaco-editor?style=for-the-badge)](https://microsoft.github.io/monaco-editor)

## Usage

```ts
import { FireMonacoEditor } from "@otjs/firebase-monaco";

const fireMonaco = new FireMonacoEditor({
  databaseRef:            // Database Reference in Firebase Realtime DB
  editor:                 // Monaco Editor instance
  announcementDuration:   // Duration to hide Cursor tooltip (optional)
  userId:                 // Unique Identifier for current user
  userColor:              // Unique Color Code for current user
  userName:               // Human readable Name or Short Name (optional)
});
```

**Note**: An API documentation will be shipped along with the package. This will power intellisense in the editor of your choice.

## Testing

We are using [Jest](https://jestjs.io) to form our Unit Test Suite. [Nyc _(formerly known as Istanbul)_](https://istanbul.js.org/) is used for coverage reporting.

To run all the unit test suites in local dev environment, run the following after dependencies have been installed:

```sh
yarn test
```

## Reporting a Bug

Head on to [**Discussion**](https://github.com/0xTheProDev/Operational-Transformation/discussions) section to report a bug or to ask for any feature. Use this [template](https://github.com/0xTheProDev/Operational-Transformation/discussions/30) to make it structural and helpful for the maintainer and the contributors. Feel to add your queries about using this library as well under _Q & A_ section of it. Remember, do not create any Issues by yourself, maintainers of this repository will open one if deemed necessary.

## Changelog

See [CHANGELOG](https://github.com/0xTheProDev/Operational-Transformation/blob/main/CHANGELOG.md) for more details on what has been changed in the latest release.

## Contributing

See [Contributing Guidelines](https://github.com/0xTheProDev/Operational-Transformation/blob/main/.github/CONTRIBUTING.md).

## License

This project is licensed under the terms of the MIT license, see [LICENSE](https://github.com/0xTheProDev/Operational-Transformation/blob/main/packages/firebase-monaco/LICENSE) for more details.