How to use md5.js as part of a component?

Question

I just started working with Ember-CLI 0.0.36, and I was stuck with the Gravatar example example from the Ember.js main page .

I did

> bower install --save JavaScript-MD5
> ember generate component gravatar-image

Brocfile.js

[...]
app.import('vendor/JavaScript-MD5/js/md5.js');
[...]

applications / components / Gravatar-image.js

import Ember from 'ember';

export default Ember.Component.extend({
  size: 200,
  email: '',

  gravatarUrl: function() {
    var email = this.get('email'),
        size = this.get('size');

    return 'http://www.gravatar.com/avatar/' + md5(email) + '?s=' + size;
  }.property('email', 'size')
});

After starting, the ember serverfollowing error message will appear:

xyz/components/gravatar-image.js: line 11, col 48, 'md5' is not defined.
1 error

How can I tell a component to use JavaScript-MD5?

Answer 1

JavaScript-MD5 does not export any AMD modules if I see it correctly. But he determines window.md5. This way your app.importwill include it in vendor.js, and you can call window.md5in the component.

Answer 2

, :

bower install blueimp-md5 --save-dev

Brocfile.js

app.import('bower_components/blueimp-md5/js/md5.js');

"md5" predef , , md5.

Answer 3

jshint linter.

.jshintrc, "md5" "predef", .

Answer 4

ember-cli-md5. node. npm install --save-dev ember-cli-md5 ember-cli-md5.

md-5, bower. md-5 ember generate md-5.

, : -

npm install --save-dev ember-cli-md5
ember generate md-5