feat: add on-cordova helper

addon/helpers/on-cordova.js

@@ -0,0 +1,37 @@
+import Helper from "@ember/component/helper";
+import { inject as service } from "@ember/service";
+
+export function callbackWrapper(event, callback, bubbles) {
+  if (event.cancelBubble !== true) {
+    let shouldBubble = callback(event);
+
+    if (shouldBubble === false || bubbles === false) {
+      event.cancelBubble = true;
+    }
+
+    return shouldBubble;
+  }
+}
+
+export default Helper.extend({
+  cordovaEvents: service("ember-cordova/events"),
+
+  doFn(event) {
+    return callbackWrapper(event, this.fn, this.bubbles);
+  },
+
+  compute([event, fn], { bubbles = true }) {
+    this.fn = fn;
+    this.event = event;
+    this.bubbles = bubbles;
+    //this.doFn = (event) => callbackWrapper(event, this.fn, this.bubbles);
+    this.cordovaEvents.on(event, this, "doFn");
+  },
+
+  willDestroy() {
+    if (this.fn && this.event) {
+      this.cordovaEvents.off(this.event, this, "doFn");
+    }
+    this._super(...arguments);
+  },
+});

app/helpers/on-cordova.js

@@ -0,0 +1 @@
+export { default, onCordova } from 'ember-cordova-events/helpers/on-cordova';

tests/dummy/app/components/on-cordova-component.js

@@ -0,0 +1,14 @@
+import Component from "@ember/component";
+import { inject as service } from "@ember/service";
+
+export default Component.extend({
+  cordovaEvents: service("ember-cordova/events"),
+  bubbles: true,
+
+  actions: {
+    yell() {
+      //eslint-disable-next-line
+      console.log(this.name);
+    },
+  },
+});

tests/dummy/app/controllers/application.js

@@ -0,0 +1,14 @@
+import Controller from '@ember/controller';
+import { inject as service } from '@ember/service';
+
+export default Controller.extend({
+	cordovaEvents: service('ember-cordova/events'),
+
+	currentEvent: 'backbutton',
+
+	actions: {
+		emitEvent() {
+			this.cordovaEvents.trigger(this.currentEvent, {});
+		}
+	}
+})

tests/dummy/app/templates/application.hbs

@@ -1,5 +1,11 @@
-{{!-- The following component displays Ember's default welcome message. --}}
-{{welcome-page}}
-{{!-- Feel free to remove this! --}}
-
-{{outlet}}
+{{input value=(mut (get this "currentEvent"))}}
+<button {{action "emitEvent"}}>
+  Emit event
+</button>
+<div>
+  {{#on-cordova-component name="grandfather"}}
+    {{#on-cordova-component name="father"}}
+      {{#on-cordova-component name="child"}}{{/on-cordova-component}}
+    {{/on-cordova-component}}
+  {{/on-cordova-component}}
+</div>

tests/dummy/app/templates/components/on-cordova-component.hbs

@@ -0,0 +1,23 @@
+<ul>
+  <li>
+    {{this.name}}
+    <button {{action (mut this.bubbles) (if this.bubbles false true)}}>
+      Bubbles:
+      {{if this.bubbles "true" "false"}}
+    </button>
+  </li>
+  {{on-cordova "backbutton" (action "yell") bubbles=this.bubbles}}
+  {{#if this.child}}
+    {{on-cordova-component name=(concat this.name "'s child")}}
+  {{/if}}
+  <button {{action (mut this.child) (if this.child false true)}}>
+    {{#if this.child}}
+      - Remove child for {{this.name}}
+    {{else}}
+      + Add child for {{this.name}}
+    {{/if}}
+  </button>
+		<br>
+		<br>
+  {{yield}}
+</ul>