feat: add ember-zipline component and service

addon/components/ember-zipline/component.js

@@ -0,0 +1,17 @@
+import Component from '@ember/component';
+import { inject as service } from '@ember/service';
+import layout from './template';
+
+export default Component.extend({
+  ziplineService: service('zipline'),
+
+  layout,
+  tagName: '',
+
+  didReceiveAttrs() {
+    let zipline = this.ziplineService;
+    let data = this.data;
+
+    zipline.set('data', data);
+  }
+});

addon/components/ember-zipline/template.hbs

@@ -0,0 +1 @@
+{{yield}}

addon/services/zipline.js

@@ -0,0 +1,4 @@
+import Service from '@ember/service';
+
+export default Service.extend({
+});

app/components/ember-zipline.js

@@ -0,0 +1 @@
+export { default } from 'ember-zipline/components/ember-zipline/component';

app/services/zipline.js

@@ -0,0 +1 @@
+export { default } from 'ember-zipline/services/zipline';

package.json

@@ -21,15 +21,15 @@
     "test:all": "ember try:each"
   },
   "dependencies": {
-    "ember-cli-babel": "^7.1.2"
+    "ember-cli-babel": "^7.1.2",
+    "ember-cli-htmlbars": "^3.0.0"
   },
   "devDependencies": {
     "@ember/optional-features": "^0.6.3",
     "broccoli-asset-rev": "^2.7.0",
     "ember-cli": "~3.7.0",
     "ember-cli-dependency-checker": "^3.0.0",
     "ember-cli-eslint": "^4.2.3",
-    "ember-cli-htmlbars": "^3.0.0",
     "ember-cli-htmlbars-inline-precompile": "^1.0.3",
     "ember-cli-inject-live-reload": "^1.8.2",
     "ember-cli-sri": "^2.1.1",

tests/dummy/app/components/my-button/component.js

@@ -0,0 +1,7 @@
+import Component from '@ember/component';
+import layout from './template';
+
+export default Component.extend({
+  layout,
+  tagName: 'button'
+});

tests/dummy/app/components/my-button/template.hbs

@@ -0,0 +1,2 @@
+{{yield}}
+{{@label}}

tests/dummy/app/index/controller.js

@@ -0,0 +1,6 @@
+import Controller from '@ember/controller';
+import { inject as service } from '@ember/service';
+
+export default Controller.extend({
+  ziplineService: service('zipline')
+});

tests/dummy/app/index/route.js

@@ -0,0 +1,4 @@
+import Route from '@ember/routing/route';
+
+export default Route.extend({
+});

tests/dummy/app/index/template.hbs

@@ -0,0 +1,5 @@
+{{outlet}}
+
+{{#let this.ziplineService.data.MyButton as |MyButton|}}
+  <MyButton/>
+{{/let}}

tests/dummy/app/templates/application.hbs

@@ -1,3 +1,9 @@
 <h2 id="title">Welcome to Ember</h2>
 
+<EmberZipline
+  @data={{hash
+    MyButton=(component "my-button" label="Hello")
+  }}
+/>
+
 {{outlet}}

tests/integration/components/ember-zipline/component-test.js

@@ -0,0 +1,31 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
+import hbs from 'htmlbars-inline-precompile';
+import Service from '@ember/service';
+
+
+const ZiplineService = Service.extend({
+
+});
+
+module('Integration | Component | ember-zipline', function(hooks) {
+  setupRenderingTest(hooks);
+
+  hooks.beforeEach(function() {
+    this.owner.register('service:zipline', ZiplineService);
+  });
+
+  test('it renders', async function(assert) {
+    await render(hbs`
+      <EmberZipline
+        @data={{hash
+          MyButton=(component 'my-button' label='Hello')
+        }}
+      />
+    `);
+
+    let ziplineService = this.owner.lookup('service:zipline');
+    assert.ok(ziplineService.get('data'), 'Has data object');
+  });
+});

tests/unit/services/zipline-test.js

@@ -0,0 +1,12 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'ember-qunit';
+
+module('Unit | Service | zipline', function(hooks) {
+  setupTest(hooks);
+
+  // Replace this with your real tests.
+  test('it exists', function(assert) {
+    let service = this.owner.lookup('service:zipline');
+    assert.ok(service);
+  });
+});