add w-pulse addon

Author: vdvibhu20

lib/ember-w-pack/addon/components/w-pulse.js

@@ -0,0 +1,23 @@
+import Component from '@ember/component';
+import layout from '../templates/components/w-pulse';
+import { task } from 'ember-concurrency-decorators';
+import { timeout } from "ember-concurrency";
+import { later } from '@ember/runloop';
+
+export default class WPulseComponent extends Component {
+  layout = layout
+
+  duration = 3000
+
+  didReceiveAttrs() {
+    this._super(...arguments) 
+
+    if(this.triggered) this.generatePulseTask.perform()
+  }
+
+  @task
+  generatePulseTask = function *() {
+    yield timeout(this.duration)
+    later(() => this.set('triggered', false))
+  }
+}

lib/ember-w-pack/addon/templates/components/w-pulse.hbs

@@ -0,0 +1,3 @@
+{{#if triggered}}
+  {{yield}}
+{{/if}}

lib/ember-w-pack/app/components/w-pulse.js

@@ -0,0 +1 @@
+export { default } from 'ember-w-pack/components/w-pulse';

tests/integration/components/w-pulse-test.js

@@ -0,0 +1,26 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
+import hbs from 'htmlbars-inline-precompile';
+
+module('Integration | Component | w-pulse', function(hooks) {
+  setupRenderingTest(hooks);
+
+  test('it renders', async function(assert) {
+    // Set any properties with this.set('myProperty', 'value');
+    // Handle any actions with this.set('myAction', function(val) { ... });
+
+    await render(hbs`<WPulse />`);
+
+    assert.equal(this.element.textContent.trim(), '');
+
+    // Template block usage:
+    await render(hbs`
+      <WPulse>
+        template block text
+      </WPulse>
+    `);
+
+    assert.equal(this.element.textContent.trim(), 'template block text');
+  });
+});