# code-blast-ace

> Particles blasts while typing in Ace.

Latest version **2.0.1** (published 2017-04-17) · MIT license · 0 weekly downloads

## Install

```sh
npm install code-blast-ace
pnpm add code-blast-ace
yarn add code-blast-ace
bun add code-blast-ace
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.1 |
| Published | 2017-04-17 |
| First published | 2015-12-10 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 2 |
| Maintainers | lemaik |
| Keywords | particles, code, effect, ace, editor |

## Links

- npm: https://www.npmjs.com/package/code-blast-ace
- Repository: https://github.com/leMaik/code-blast-ace
- Homepage: https://github.com/leMaik/code-blast-ace#readme
- Issues: https://github.com/leMaik/code-blast-ace/issues
- npm.io page: https://npm.io/package/code-blast-ace

## Alternatives

- [flatbuffers](https://npm.io/package/flatbuffers.md) — 6.0M weekly downloads
- [jwt-simple](https://npm.io/package/jwt-simple.md) — 259.5K weekly downloads
- [@exodus/patch-broken-hermes-typed-arrays](https://npm.io/package/@exodus/patch-broken-hermes-typed-arrays.md) — 28.5K weekly downloads
- [@native-to-anchor/buffer-layout](https://npm.io/package/@native-to-anchor/buffer-layout.md) — 12.2K weekly downloads
- [binary-parser-encoder](https://npm.io/package/binary-parser-encoder.md) — 5.3K weekly downloads

## Recent versions

- 2.0.1 (latest) — 2017-04-17
- 2.0.0 — 2016-08-24
- 1.1.1 — 2016-01-22
- 1.1.0 — 2015-12-17
- 1.0.0 — 2015-12-10

## README

# Code-blast plugin for Ace

This is a quick Ace port of the quick [Codemirror port](https://github.com/chinchang/code-blast-codemirror) of [lovely experiement by Joel Besada](https://twitter.com/JoelBesada/status/670343885655293952).
Note that the latter is already for ace, and this is somewhat a combination
of both approaches. Other than Code in the Dark, this supports any theme (no hard-coded colors).

Simply put `code-blast.js` in your project and set the `blastCode` option to true when initializing ace. This library comes with inbuilt 2 types of effect.

[Live Demo](https://rawgit.com/leMaik/code-blast-ace/master/demo/index.html)

![Demo](/demo.gif)

## Usage
Import Ace and code-blast-ace by either including the scripts with `<script>` tags or by using a module loader of your
choice. Then run the following code once (before using code-blast-ace) to add the plugin to Ace.

```js
// Browser (global `ace` and `codeBlastAce`)
codeBlastAce(ace) // initialize code-blast-ace once

// UMD, Browserify, ...
var ace = require('brace');
require('code-blast-ace')(ace); // initialize code-blast-ace once
```

Activate code blast on your Ace editor as shown in the following example.
```js
var editor = ace.edit("editor");
editor.setOption('blastCode', { effect: 1 }); // `effect` can be 1 or 2
```

### Coming up

- Configurable options

---
_Source: https://npm.io/package/code-blast-ace · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._