minutebase/ember-inject-script

Easily inject 3rd party scripts in ember-cli apps

ember-inject-script

Inject 3rd party scripts into your ember-cli app, for example mixpanel, Typekit etc...

Installation

Install as an Ember CLI addon:

npm install --save-dev ember-inject-script

Usage

For example, lets configure Typekit.

loadScript returns a promise, so we can simply load in the Typekit JS and, when it's ready, call Typekit.load():

/* global Typekit */

import injectScript from 'ember-inject-script';
import config from 'your-app/config/environment';

export default {
  name: 'typekit',
  initialize: function() {
    var url = "//use.typekit.net/"+config.typekitID+".js";
    injectScript(url).then(function() {
      Typekit.load();
    });
  }
};

Developing

Installation

• git clone this repository
• npm install
• bower install

Running

• ember server
• Visit your app at http://localhost:4200.

Running Tests

• ember test
• ember test --server

Building

• ember build

For more information on using ember-cli, visit http://www.ember-cli.com/.

ember-inject-script's Issues

Feature request: `injectScriptOnce`

A pattern we commonly use is to use a utility function to inject a script (for example, the filestack SDK) and keep a reference to the promise, returning it for subsequent calls so that multiple script elements don't get added to the page.

Would you be interested in a PR that adds an injectScriptOnce function that uses a map to keep track of which URLs have already been injected, and return their existing promise instead of creating a new <script> tag?

Usage instructions

Thanks for this addon, I'm using it now.. however I had to change the inject statement to:

import injectScript from 'ember-inject-script/utils/inject-script';

rather than import injectScript from 'ember-inject-script'; as stated in readme

Explicit LICENSE file.

I realize that the package.json says MIT, but it would be helpful to have a license mention in the README.

Break tests in PhantomJS 2.0.0

I have issue with running test in PhantomJS 2.0.0. I was debugging this for a log time and it looks like it's related to addon itself. Tests sometimes passes/sometimes it's hang on Built project successfully.

Github link on NPM directs to 404

The link in the right-hand column at https://www.npmjs.com/package/ember-inject-script redirects to https://github.com/minutebase/ember-load-script, which is not https://github.com/minutebase/ember-inject-script.