Remove jQuery dependency (#51)

* Remove jQuery dependency

* Upgrades

* Refactor

.eslintrc.js

@@ -30,7 +30,8 @@ module.exports = {
       ],
       excludedFiles: [
         'app/**',
-        'addon/**'
+        'addon/**',
+        'tests/dummy/app/**'
       ],
       parserOptions: {
         sourceType: 'script',

addon/mixins/initials.js

@@ -70,7 +70,7 @@ export default Mixin.create(Avatar, {
 
   onError: computed('image', function() {
     if (this.get('image')) {
-      return this._checkImage.bind(this);
+      return this._assignInitialsSrc.bind(this);
     }
   }),
 
@@ -103,7 +103,7 @@ export default Mixin.create(Avatar, {
     };
   },
 
-  _checkImage(e) {
+  _assignInitialsSrc(e) {
     e.srcElement.src = this.createInitials();
   },
 

addon/utils/generators/svg.js

@@ -1,4 +1,3 @@
-import Ember$ from 'jquery';
 import Base from './base';
 
 export default class extends Base {
@@ -8,38 +7,43 @@ export default class extends Base {
 
   generate(properties) {
     let textElement = this._generateTextElement(properties.initials, properties.initialsColor, properties.textStyles);
-    let svgElement = this._generateSvgElement(properties.width, properties.height, properties.backgroundStyles);
+    let svgElement = this._generateSvgElement(textElement, properties.width, properties.height, properties.backgroundStyles);
+    let blob = new Blob([svgElement], { type: "image/svg+xml" });
 
-    svgElement.append(textElement);
-    let finalElement = Ember$('<div>').append(svgElement);
-    let blob = new Blob([finalElement.html()], { type: "image/svg+xml" });
     return URL.createObjectURL(blob);
   }
 
   // Private
 
   _generateTextElement(text, color, styles = {}) {
-    return this._generateElement('<text></text>', styles, {
+    return this._generateElement('text', text, styles, {
       y: '50%',
       x: '50%',
       dy: '0.35em',
       'text-anchor': 'middle',
       'pointer-events': 'auto',
       fill: color,
-    }).html(text);
-  }
-
-  _generateElement(name, styles = {}, attrs = {}) {
-    return Ember$(name).attr(attrs).css(styles);
+    });
   }
 
-  _generateSvgElement(width, height, styles = {}) {
-    return this._generateElement('<svg></svg>', styles, {
+  _generateSvgElement(text, width, height, styles = {}) {
+    return this._generateElement('svg', text, styles, {
       width,
       height,
       xmlns: 'http://www.w3.org/2000/svg',
       'pointer-events': 'none',
       'viewBox': '0 0 100 100'
     });
   }
+
+  _generateElement(name, content = '', styles = {}, attrs = {}) {
+    let attrsString = this._transformObject(attrs, (key) => `${key}="${attrs[key]}"`)
+    let stylesString = this._transformObject(styles, (key) => `${key}: ${styles[key]};`)
+
+    return `<${name} ${attrsString} style="${stylesString}">${content}</${name}>`
+  }
+
+  _transformObject(object, transform = function() {}) {
+    return Object.keys(object).map((key) => transform(key)).join(' ');
+  }
 }

addon/utils/store.js

@@ -15,11 +15,6 @@ export default EmberObject.extend({
     this.set('cache', {});
   },
 
-  removeAll() {
-    Object.keys(this.get(`cache`)).forEach((key) => this.get('generator').revoke(key))
-    this.set('cache', {});
-  },
-
   initialsFor(properties) {
     let key = hash(properties);
     return this.get('cache')[key] || this._create(key, properties);