Basic RS setup

app/controllers/application.js

@@ -0,0 +1,12 @@
+import Controller from '@ember/controller';
+import { inject as service } from '@ember/service';
+import { alias } from '@ember/object/computed';
+
+export default Controller.extend({
+
+  storage: service(),
+
+  connecting: alias('storage.connecting'),
+  connected: alias('storage.connected')
+
+});

app/controllers/index.js

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

app/router.js

@@ -6,7 +6,6 @@ const Router = EmberRouter.extend({
   rootURL: config.rootURL
 });
 
-Router.map(function() {
-});
+Router.map(function() {});
 
 export default Router;

app/routes/application.js

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

app/routes/index.js

@@ -0,0 +1,8 @@
+import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
+
+export default Route.extend({
+
+  storage: service()
+
+});

app/services/storage.js

@@ -13,7 +13,6 @@ export default Service.extend({
     const rs = new RemoteStorage({
       cache: false
     });
-    this.set('rs', rs);
 
     rs.access.claim('*', 'rw');
 
@@ -25,7 +24,6 @@ export default Service.extend({
     const widget = new Widget(rs, {
       leaveOpen: true
     });
-    this.set('widget', widget);
 
     // Attach widget to DOM
     widget.attach();
@@ -64,6 +62,9 @@ export default Service.extend({
       this.set('connecting', true);
       this.set('connected', false);
     });
+
+    this.set('rs', rs);
+    this.set('widget', widget);
   }.on('init')
 
 });

app/styles/app.scss

@@ -6,3 +6,9 @@ body {
   font-family: sans-serif;
   color: #222;
 }
+
+#remotestorage-widget {
+  position: fixed;
+  top: 0.5rem;
+  right: 0.5rem;
+}

app/templates/application.hbs

@@ -1,3 +1,13 @@
-<h2 id="title">Welcome to Ember</h2>
+<h2 id="title">Inspektor</h2>
+
+{{#if connecting}}
+  Connecting...
+{{else}}
+  {{#if connected}}
+    Connected.
+  {{else}}
+    Not connected.
+  {{/if}}
+{{/if}}
 
 {{outlet}}

app/templates/index.hbs

@@ -0,0 +1,3 @@
+index.hbs
+
+{{outlet}}

package.json

@@ -43,6 +43,6 @@
     "remotestoragejs": "^1.0.0"
   },
   "engines": {
-    "node": "^4.5 || 6.* || >= 7.*"
+    "node": "6.* || >= 7.*"
   }
 }

tests/unit/controllers/application-test.js

@@ -0,0 +1,12 @@
+import { moduleFor, test } from 'ember-qunit';
+
+moduleFor('controller:application', 'Unit | Controller | application', {
+  // Specify the other units that are required for this test.
+  // needs: ['controller:foo']
+});
+
+// Replace this with your real tests.
+test('it exists', function(assert) {
+  let controller = this.subject();
+  assert.ok(controller);
+});

tests/unit/controllers/index-test.js

@@ -0,0 +1,12 @@
+import { moduleFor, test } from 'ember-qunit';
+
+moduleFor('controller:index', 'Unit | Controller | index', {
+  // Specify the other units that are required for this test.
+  // needs: ['controller:foo']
+});
+
+// Replace this with your real tests.
+test('it exists', function(assert) {
+  let controller = this.subject();
+  assert.ok(controller);
+});

tests/unit/routes/index-test.js

@@ -0,0 +1,11 @@
+import { moduleFor, test } from 'ember-qunit';
+
+moduleFor('route:index', 'Unit | Route | index', {
+  // Specify the other units that are required for this test.
+  // needs: ['controller:foo']
+});
+
+test('it exists', function(assert) {
+  let route = this.subject();
+  assert.ok(route);
+});