<commit_before><img
  src="http://mitchlloyd.com/ember-islands/images/ember-islands-logo-700.png"
  width="350px"
  alt="Ember Islands Logo"
  title="Ember Islands Logo">

[ ![Codeship Status for mitchlloyd/ember-islands](https://codeship.com/projects/0de87f00-c59f-0132-5306-3a52b81c571d/status?branch=master)](https://codeship.com/projects/74441)

Render Ember components into existing HTML.

This addon provides a practical way to introduce Ember into a server-rendered
application. It can facilitate a gradual redesign from a server-rendered
application to a client-rendered application.

## Installation

This addon should be installed inside of an Ember CLI project.

```
ember install ember-islands
```

Version 1.x of this addon is tested against Ember 2.x versions. If you have
trouble with an earlier version of Ember try using version 0.5.x of Ember
Islands.

## Usage

Add a placeholder for an Ember Component inside your server-rendered HTML.

```html
<div
  data-component='user-profile'<commit_msg>Add link to Ember Guides<commit_after><img
  src="http://mitchlloyd.com/ember-islands/images/ember-islands-logo-700.png"
  width="350px"
  alt="Ember Islands Logo"
  title="Ember Islands Logo">

[ ![Codeship Status for mitchlloyd/ember-islands](https://codeship.com/projects/0de87f00-c59f-0132-5306-3a52b81c571d/status?branch=master)](https://codeship.com/projects/74441)

Render Ember components into existing HTML.

This addon provides a practical way to introduce Ember into a server-rendered
application. It can facilitate a gradual redesign from a server-rendered
application to a client-rendered application.

## Installation

If you're starting a new Ember project, follow the Getting Started > Quick Start
section of the [Ember Guides](https://guides.emberjs.com). Once you have an Ember
CLI project you can install Ember Islands.

```
ember install ember-islands
```

Version 1.x of this addon is tested against Ember 2.x versions. If you have
trouble with an earlier version of Ember try using version 0.5.x of Ember
Islands.

## Usage

Add a placeholder for an Ember Component inside your server-rendered HTML.

```html
<div
  data-component='user-profile'
{'fraction_non_alphanumeric': 0.09220183486238533, 'fraction_numerical': 0.03486238532110092, 'mean_word_length': 4.76984126984127, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 6, 'https://': 5, 'lorem ipsum': 0, 'www.': 0, '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': '2509639', 'n_tokens_mistral': 736, 'n_tokens_neox': 665, 'n_words': 230}