Skip to content

Commit

Permalink
updating documentation according to new repo and new package
Browse files Browse the repository at this point in the history
  • Loading branch information
Nexucis committed Apr 13, 2020
1 parent 7d2f50e commit c9fadb0
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 7 deletions.
6 changes: 3 additions & 3 deletions docs/angular_integration.md
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
# How to use it in an angular project
Add the these dependencies to your ``package.json`` :
- [atularen/ngx-monaco-editor](https://github.com/atularen/ngx-monaco-editor)
- [celian-garcia/monaco-languages-promql](https://github.com/celian-garcia/monaco-languages-promql)
- [prometheus-community/monaco-promql](https://github.com/prometheus-community/monaco-promql)

```bash
npm install ngx-monaco-editor --save
npm install monaco-languages-promql --save
npm install monaco-promql --save
```

Add the glob to assets in your ``angular.json`` configuration file.
Expand Down Expand Up @@ -36,7 +36,7 @@ import { FormsModule } from '@angular/forms';
import { BrowserModule } from '@angular/platform-browser';
import { MonacoEditorModule } from 'ngx-monaco-editor';

import { promLanguageDefinition } from 'monaco-languages-promql/lib/promql/promql.contribution';
import { promLanguageDefinition } from 'monaco-promql/promql/promql.contribution';
import { NgxMonacoEditorConfig } from 'ngx-monaco-editor';
import { AppComponent } from './app.component';

Expand Down
8 changes: 4 additions & 4 deletions docs/react_integration.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# How to use it in an react project

> #### Create a react project
> I'm not used to play with react so I found an easy to use spawner.
> I'm not used to play with react so I found an easy to use spawner.
> If you are like me, you can use the [facebook/create-react-app](https://github.com/facebook/create-react-app)
> ```bash
> npx create-react-app my-app
Expand All @@ -12,19 +12,19 @@
Add these dependencies to your ``package.json`` :
- [microsoft/monaco-editor](https://github.com/microsoft/monaco-editor)
- [react-monaco-editor/react-monaco-editor](https://github.com/react-monaco-editor/react-monaco-editor)
- [celian-garcia/monaco-languages-promql](https://github.com/celian-garcia/monaco-languages-promql)
- [prometheus-community/monaco-promql](https://github.com/prometheus-community/monaco-promql)
```bash
npm install monaco-editor --save
npm install react-monaco-editor --save
npm install monaco-languages-promql --save
npm install monaco-promql --save
```
Here is an example of simple component.

```javascript
import MonacoEditor from 'react-monaco-editor';
import {promLanguageDefinition} from 'monaco-languages-promql/lib/promql/promql.contribution';
import {promLanguageDefinition} from 'monaco-promql/promql/promql.contribution';

function App() {
function editorWillMount(monaco) {
Expand Down

0 comments on commit c9fadb0

Please sign in to comment.