# ember-cli-bubble

> The default blueprint for ember-cli addons.

Latest version **0.0.5** (published 2016-03-22) · MIT license · 0 weekly downloads

## Install

```sh
npm install ember-cli-bubble
pnpm add ember-cli-bubble
yarn add ember-cli-bubble
bun add ember-cli-bubble
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.5 |
| Published | 2016-03-22 |
| First published | 2016-02-25 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >= 0.10.0 |
| Dependencies | 2 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | bubblepost |
| Keywords | ember-addon |

## Links

- npm: https://www.npmjs.com/package/ember-cli-bubble
- Repository: https://github.com/dropon/ember-cli-bubble
- Homepage: https://github.com/dropon/ember-cli-bubble#readme
- Issues: https://github.com/dropon/ember-cli-bubble/issues
- npm.io page: https://npm.io/package/ember-cli-bubble

## Dependencies (2)

- [ember-cli-babel](https://npm.io/package/ember-cli-babel.md) ^5.1.3
- [ember-cli-htmlbars](https://npm.io/package/ember-cli-htmlbars.md) 0.7.9

## Recent versions

- 0.0.5 (latest) — 2016-03-22
- 0.0.4 — 2016-03-22
- 0.0.3 — 2016-03-16
- 0.0.2 — 2016-03-10
- 0.0.1 — 2016-03-10
- 0.0.0 — 2016-02-25

## README

[![npm version](https://badge.fury.io/js/ember-cli-bubble.svg)](https://badge.fury.io/js/ember-cli-bubble)

# Ember-cli-bubble

Ember-cli-bubble is an Ember addon that shares multiple features for our [Face](https://github.com/dropon/face) and [Carlton](https://github.com/dropon/carlton) application.

## Table of contents

* [Installation](#installation)
* [Features overview](#features-overview)
* [Development](#development)

## Installation

Ember Cli Bubble works in Ember **1.13.8+** or **2.0+**, including beta and canary, with no deprecations whatsoever. Any deprecation will be considered a bug.

As any other ember-cli addon, run:

```
ember install ember-cli-bubble
```

## Features overview

Ember Cli Bubble shares styles, components and configuration between our Face and Carlton application.
By doing this, we will skip doing the same updates for each application.

* [Link-li](#link-li)
* [Loaders](#loaders)
* [Google Maps](#google-maps)
* [Typekit](#typekit)
* [Content Security Policy](#content-security-policy)


### Link-li

**Link-li** is a component that will create a link with tootlip and custom active style.
We will use this functionality in our side-bar.

```hbs
{{#link-li currentWhen="route" data-toggle="tooltip" data-placement="right" title=(t "lbl.translation") }}
  {{#link-to 'route'}}content{{/link-to}}
{{/link-li}}
```

### Loaders

Face and Carlton will have mutilple shared loaders.
This addon will include [Loader.css](https://connoratherton.com/loaders) by default via bower.

```hbs
{{large-loader}}
{{small-loader}}
```

### Google Maps

Google's javascript library will be automatically referenced inside `<head>`. To use your API key, specify it in your application configuration in `config/environment.js`:

```javascript
var ENV = {
  // ...
  googleMaps: {
    apiKey: 'API-KEY-HERE',
    clientId: 'CLIENT-ID-HERE'
  },
  // ...
};
```

If for some reason you want to prevent this addon from adding the script tag (e.g another library already does it), just specify:

```javascript
var ENV = {
  // ...
  googleMaps: {
    include: false
  },
  // ...
};
```

### Typekit

Typekit's library will be automatically referenced inside `<head>`. To use your API key, specify it in your application configuration in `config/environment.js`:

```javascript
var ENV = {
  // ...
  typekit: {
    kitId: 'API-KEY-HERE',
  },
  // ...
};
```

If for some reason you want to prevent this addon from adding the script tag (e.g another library already does it), just specify:

```javascript
var ENV = {
  // ...
  typekit: {
    include: false
  },
  // ...
};
```

### Content Security Policy

Google Maps uses many resources from Google's servers, so the URLs to them have to be white listed.   You can set this by adding to the Content Security Policy defined in `config/environment.js` like so:

```js
ENV.contentSecurityPolicy = {
  'default-src': "'none'",
  'script-src': "'self' 'unsafe-eval' use.typekit.net *.googleapis.com *.gstatic.com",
  'font-src': "'self' use.typekit.net *.gstatic.com",
  'img-src': "'self' p.typekit.net *.googleapis.com *.gstatic.com",
  'style-src': "'self' 'unsafe-inline' use.typekit.net *.googleapis.com"
},
```

## Development

While you are developing and testing, you can run npm link from the root of your addon project. This will make your addon locally available by name.

Then run npm link `ember-cli-bubble` in any hosting application project root to make a link to your addon in your node_modules folder. Any change in your addon will now directly take effect in any project that links to it this way (see npm-tricks for more details.

Use npm and git to publish the addon like a normal npm package.

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