<commit_before>mobservable-reactive2015-demo
=====================

Simple drag & drop editor that uses [mobservable](https://github.com/mweststrate/mobservable) and React.
The slides can be found [here](https://docs.google.com/presentation/d/16hE-cxJ8C5XQVjql17krNAeYNF_9I3n3j13ho-KLWYU/edit#slide=id.p).
The video will follow (hopefully ;-)).

To interact with the application:
* Click to select.
* Boxes can be dragged around.
* Use the input box to rename stuff.
* CTRL + click to add new boxes. If there is an active selection an arrow will be added as well.
* The time travelling buttons are very simple PoC implementation, I'll provide a better implementation soon (a more decent implementation didn't fit into the presentation, see [this thread](https://twitter.com/brianmfitch/status/661873711365103617) for some hints)

### Run the example

```
npm install
npm start
open http://localhost:3000
```<commit_msg>added video link<commit_after>mobservable-reactive2015-demo
=====================

Simple drag & drop editor that uses [mobservable](https://github.com/mweststrate/mobservable) and React.
The slides can be found [here](https://docs.google.com/presentation/d/16hE-cxJ8C5XQVjql17krNAeYNF_9I3n3j13ho-KLWYU/edit#slide=id.p).

Mobservable on [ReactiveConf](https://www.youtube.com/watch?v=FEwLwiizlk0)

To interact with the application:
* Click to select.
* Boxes can be dragged around.
* Use the input box to rename stuff.
* CTRL + click to add new boxes. If there is an active selection an arrow will be added as well.
* The time travelling buttons are very simple PoC implementation, I'll provide a better implementation soon (a more decent implementation didn't fit into the presentation, see [this thread](https://twitter.com/brianmfitch/status/661873711365103617) for some hints)

### Run the example

```
npm install
npm start
open http://localhost:3000
```
{'fraction_non_alphanumeric': 0.11501597444089456, 'fraction_numerical': 0.039936102236421724, 'mean_word_length': 5.2218543046357615, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 7, 'lorem ipsum': 0, 'www.': 1, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '998580', 'n_tokens_mistral': 631, 'n_tokens_neox': 562, 'n_words': 198}