open-index/open-npm huggingface dataset:
npm package: @nitro-n/ngx-ace-editor
Description: Ace editor integration with typescript for Angular.
Author: François-Xavier Montigny
Latest version: 20.0.1

# ng2-ace-editor

[![npm version](https://badge.fury.io/js/ng2-ace-editor.svg)](https://www.npmjs.com/package/ng2-ace-editor) 
Ace editor integration with typescript for angular 5.  
**To use Angular 4 install version 0.3.1 (npm i -S ng2-ace-editor@0.3.1).**

# Install
`npm i -S ng2-ace-editor`

##### Load the module for your app:

```javascript
import { AceEditorModule } from 'ng2-ace-editor';

@NgModule({
  ...
  imports: [
    ...
    AceEditorModule
  ]
})
```

# Use directive

> Minimal

```js
//import { AceEditorModule } from 'ng2-ace-editor';

import { Component } from '@angular/core';

@Component({
  template: `
  <div ace-editor
       [(text)]="text" // possible two way binding (thx ChrisProlls)
       ></div>
  `
})
export class MyComponent {
    text:string = "";
}
```

> Complete

```js
import { Component } from '@angular/core';

//to use theme "eclipse"
//with angular-cli add "../node_modules/ace-builds/src-min/ace.js" 
//and "../node_modules/ace-builds/src-min/theme-eclipse.js" to "scripts" var into the file angular-cli.json

@Component({
  template: `
  <div ace-editor
       [(text)]="text" // possible two way binding (thx ChrisProlls)
       [mode]="'sql'" //string or object (thx ckiffel)
       [theme]="'eclipse'"
       [options]="options"
       [readOnly]="false"
       [autoUpdateContent]="true" //change content when [text] change
       [durationBeforeCallback]="1000" //wait 1s before callback 'textChanged' sends new value
       (textChanged)="onChange($event)"
       style="min-height: 200px; width:100%; overflow: auto;"></div>
  `
})
export class MyComponent {
    text:string = "";
    options:any = {maxLines: 1000, printMargin: false};
    
    onChange(code) {
        console.log("new code", code);
    }
}
```

# Use Component

```js
import {Component, ViewChild} from '@angular/core';

//to use theme eclipse
//with angular-cli add "../node_modules/ace-builds/src-min/ace.js" 
//and "../node_modules/ace-builds/src-min/theme-eclipse.js" to "scripts" var into the file angular-cli.json

@Component({
    template: `
  <ace-editor
       [(text)]="text" // possible two way binding (thx ChrisProlls)
        #editor style="height:150px;"></ace-editor>
  `
})
export class AceCmp {
    @ViewChild('editor') editor;
    text: string = "";

    ngAfterViewInit() {
        this.editor.setTheme("eclipse");

        this.editor.getEditor().setOptions({
            enableBasicAutocompletion: true
        });

        this.editor.getEditor().commands.addCommand({
            name: "showOtherCompletions",
            bindKey: "Ctrl-.",
            exec: function (editor) {

            }
        })
    }
}
```


# Power by
[Use Code](http://www.use-code.com)
npm package: @nitro-ui/svg-icons-vue
Description: Nitro UI SVG icons for Vue framework
Author: Ahmad AlKhoudary
Latest version: 0.1.24

# nitro-ui-svg-vue
SVG Icons Vue Components for Nitro UI

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn run serve
```

### Compiles and minifies for production
```
yarn run build
```

### Run your tests
```
yarn run test
```

### Lints and fixes files
```
yarn run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @nitro/app
Description: Nitro server
Author: The Nitro Team
Latest version: 11.0.8

[![npm version](https://badge.fury.io/js/%40nitro%2Fapp.svg)](https://badge.fury.io/js/%40nitro%2Fapp)
[![License](https://img.shields.io/badge/license-MIT-green.svg)](http://opensource.org/licenses/MIT)
[![Build Status](https://github.com/merkle-open/generator-nitro/workflows/ci/badge.svg?branch=master)](https://github.com/merkle-open/generator-nitro/actions)

# Nitro App

This package is the main server app for a [nitro](https://github.com/merkle-open/generator-nitro/) project.

## Changelog

Recent changes can be viewed on Github on the [Releases Page](https://github.com/merkle-open/generator-nitro/releases)
npm package: @nitro/gulp
Description: Nitro gulp
Author: The Nitro Team
Latest version: 11.0.8

[![npm version](https://badge.fury.io/js/%40nitro%2Fgulp.svg)](https://badge.fury.io/js/%40nitro%2Fgulp)
[![License](https://img.shields.io/badge/license-MIT-green.svg)](http://opensource.org/licenses/MIT)
[![Build Status](https://github.com/merkle-open/generator-nitro/workflows/ci/badge.svg?branch=master)](https://github.com/merkle-open/generator-nitro/actions)

# Nitro Gulp

This package provides some gulp tasks for a [nitro](https://github.com/merkle-open/generator-nitro/) project.

## Changelog

Recent changes can be viewed on Github on the [Releases Page](https://github.com/merkle-open/generator-nitro/releases)
npm package: @nitrodigital/guia-de-estilos
Description: Guia de estilos para desenvolvimento da interface do Nitronews.
Author: Nitro Marketing Digital
Latest version: 0.0.2

# Guia de Estilos Nitronews
## Instalação

```bash
$ npm install @nitrodigital/guia-de-estilos
```

[Leia mais aqui](https://docs.npmjs.com/cli/install) sobre qual flag utilizar durante a instalação. (Artigo em inglês) 

## Uso

```js
import Audrye from 'guia-de-estilos';
```

## Contribuir

Encontrou algum bug? Fale conosco através do [Gitlab Issues](https://gitlab.com/nitronews_sitema_2015/guia-de-estilos/issues).

Se você souber como resolver, envie-nos um merge request e avaliaremos seu código.

Para clonar o projeto e deixar ele pronto para uso, execute os seguintes comandos:

```bash
$ git clone https://gitlab.com/nitronews_sitema_2015/guia-de-estilos
$ cd guia-de-estilos
$ npm link
```

Navegue até o seu projeto, então execute:

```bash
$ npm link @nitrodigital/guia-de-estilos
```
npm package: @nitrofi/cli-utils
Description: Nitro CLI utilities
Latest version: 0.0.19

# Nitro CLI utility collection

A collection of helpful CLI utilities

## Features

- Scaffold React component files for DatoCMS
  - Block
  - UI component
  - Storybook story
  - GraghQL fragment
  - CSS Module
- Automated package update

## Install

Install the CLI tool globally

```bash
npm i -g @nitrofi/cli-utils
```

## Use

Access the tool via terminal

```bash
nitro-cli
```

## Contributing for a release

Easiest way to contribute is to open new issues for API suggestions and bugs.

```bash
git clone git@github.com:nitrofi/nitro-cli-utils.git
cd nitro-cli-utils
git switch dev # or alternatively create a feature branch
npm run dev
```

`main` branch should only be merged to via pull requests.

Run build:

```bash
npm run start
```

When all changes are done:

```bash
$ npm run create-release
$ git add . && git commit && git push
```

Create PR on GitHub or with GitHub CLI

```bash
gh pr create --base main --head dev
```

If the PR needs changes before a merge to `main` can be made, push more changes to the working branch until the PR can be merged.
npm package: @nitrogenbuilder/client
Description: Nitrogen Builder JS Client
Author: Isaac Smith
Latest version: 0.3.7

# @nitrogenbuilder/client

This package provides the `nitrogen-client.js` script to be loaded on your client-side web pages. You should only load this script if the `nitrogen-builder=true` query parameter is present in the URL. This script will load the Nitrogen Builder client-side code and connect to the Nitrogen Builder server.

## Installation

```bash
npm install @nitrogenbuilder/client
```

## Vanilla JS Example

```js
if (window.location.search.includes('nitrogen-builder=true')) {
	const script = document.createElement('script');
	// Make sure the version is what you expect
	script.src =
		'https://cdn.jsdelivr.net/npm/@nitrogenbuilder/client@0.2/nitrogen-client.js';
	script.async = true;
	document.head.appendChild(script);
}
```
npm package: @nitrogenbuilder/client-core
Description: Nitrogen Builder Core Client
Author: Isaac Smith
Latest version: 0.3.14

# @nitrogenbuilder/client-core

This package provides the core Nitrogen client-side functionality to be used in all the client framework implementations.

For example:

- @nitrogenbuilder/client-react
- @nitrogenbuilder/client-preact
- etc.

## Installation

```bash
npm install @nitrogenbuilder/client-core
```