patrickberkeley · January 8, 2019 18:43 · Jan 8, 2019 · Jan 8, 2019 · Jan 8, 2019 · Jan 8, 2019
diff --git a/controllers.application.js b/controllers.application.js
@@ -15,7 +15,7 @@ export default Ember.Controller.extend({
       // model.save();
       set(raw, 'data.id', 1);
       await this.store.pushPayload('book', raw);
-      const model = this.store.peekRecord('book', get(model, 'id'));
+      const model = this.store.peekRecord('book', get(raw, 'data.id'));
       this.store.unloadRecord(model);
       await this.store.pushPayload('book', raw);
       // model.save();

diff --git a/adapters.asdf.js b/adapters.asdf.js
@@ -0,0 +1,44 @@
+import DS from 'ember-data';
+
+export default DS.JSONAPIAdapter.extend({
+  async createRecord(store, type, snapshot) {
+    console.log('=====createRecord=====');
+
+    let payload = await this._super(store, type, snapshot);
+    let id = payload.data.id;
+    // This guard is needed in case the API responds to a create with
+    // an array. We can shim it into Ember Data with `normalize*` hooks
+    // but this hook is hit before the normalize hooks
+    if (id) {
+
+      let existing = store.peekRecord(type.modelName, id);
+      console.log('id', id);
+      console.log('existing', existing);
+
+      if (existing) {
+        const existingAttrs = existing.serialize().data.attributes;
+        let newAttrs = payload.data.attributes;
+
+        await unloadRecord(existing);
+        // assume that since this payload returned later
+        // these attrs are less stale than the existing ones
+        newAttrs = { ...existingAttrs, ...newAttrs };
+        payload.data.attributes = newAttrs;
+      }
+    }
+    console.log('=====createRecord=====');
+    return payload;
+  },
+})
+
+function unloadRecord(model) {
+  const store = model.store;
+  const belongsTo = {};
+  model.eachRelationship(function(key, relationship) {
+    if (relationship.kind === 'belongsTo') {
+      belongsTo[key] = null;
+    }
+  });
+  model.setProperties(belongsTo);
+  return store.unloadRecord(model);
+}
diff --git a/controllers.application.js b/controllers.application.js
@@ -12,12 +12,13 @@ export default Ember.Controller.extend({
   actions: {
     async save(raw) {
       console.log('SAVE', raw);
+      // model.save();
       set(raw, 'data.id', 1);
       await this.store.pushPayload('book', raw);
-      const model = this.store.peekRecord('book', get(raw, 'data.id')));
-  debugger
+      const model = this.store.peekRecord('book', get(model, 'id'));
       this.store.unloadRecord(model);
-      // await this.store.push(model);
+      await this.store.pushPayload('book', raw);
+      // model.save();
     },
   }
 });
diff --git a/routes.application.js b/routes.application.js
@@ -5,6 +5,7 @@ export default Ember.Route.extend({
   store: injectService(),
 
   model() {
+    // return this.store.createRecord('book', { title: 'Ember Hamster' });
     return {
       "data": {
         "type": "book",

diff --git a/controllers.application.js b/controllers.application.js
@@ -2,19 +2,22 @@ import Ember from 'ember';
 import { inject as injectService } from '@ember/service';
 import {
   get,
+  set,
 } from '@ember/object';
 
 export default Ember.Controller.extend({
   appName: 'Ember Twiddle',
   store: injectService(),
 
   actions: {
-    async save(model) {
-      console.log('SAVE', model);
-      await model.save();
-      console.log(this.store.peekRecord('book', get(model, 'id')));
+    async save(raw) {
+      console.log('SAVE', raw);
+      set(raw, 'data.id', 1);
+      await this.store.pushPayload('book', raw);
+      const model = this.store.peekRecord('book', get(raw, 'data.id')));
+  debugger
       this.store.unloadRecord(model);
-      model.save();
+      // await this.store.push(model);
     },
   }
 });
diff --git a/models.book.js b/models.book.js
@@ -3,5 +3,5 @@ import attr from 'ember-data/attr';
 import { belongsTo, hasMany } from 'ember-data/relationships';
 
 export default Model.extend({
-  name: attr('string'),
+  title: attr('string'),
 });
diff --git a/routes.application.js b/routes.application.js
@@ -5,6 +5,13 @@ export default Ember.Route.extend({
   store: injectService(),
 
   model() {
-    return this.store.createRecord('book', {name: 'Book 1'});
+    return {
+      "data": {
+        "type": "book",
+        "attributes": {
+          "title": "Ember Hamster",
+        },
+      }
+    };
   },
 });
diff --git a/controllers.application.js b/controllers.application.js
@@ -1,11 +1,19 @@
 import Ember from 'ember';
+import { inject as injectService } from '@ember/service';
+import {
+  get,
+} from '@ember/object';
 
 export default Ember.Controller.extend({
   appName: 'Ember Twiddle',
+  store: injectService(),
 
   actions: {
-    save(model) {
+    async save(model) {
       console.log('SAVE', model);
+      await model.save();
+      console.log(this.store.peekRecord('book', get(model, 'id')));
+      this.store.unloadRecord(model);
       model.save();
     },
   }

diff --git a/controllers.application.js b/controllers.application.js
@@ -4,8 +4,9 @@ export default Ember.Controller.extend({
   appName: 'Ember Twiddle',
 
   actions: {
-    save() {
-      console.log('SAVE');
+    save(model) {
+      console.log('SAVE', model);
+      model.save();
     },
   }
 });
diff --git a/models.book.js b/models.book.js
@@ -3,4 +3,5 @@ import attr from 'ember-data/attr';
 import { belongsTo, hasMany } from 'ember-data/relationships';
 
 export default Model.extend({
+  name: attr('string'),
 });
diff --git a/routes.application.js b/routes.application.js
@@ -1,5 +1,10 @@
 import Ember from 'ember';
+import { inject as injectService } from '@ember/service';
 
 export default Ember.Route.extend({
-
+  store: injectService(),
+
+  model() {
+    return this.store.createRecord('book', {name: 'Book 1'});
+  },
 });
diff --git a/templates.application.hbs b/templates.application.hbs
@@ -2,6 +2,6 @@
 <br>
 <br>
 {{outlet}}
-<button {{action 'save'}}>Save</button>
+<button {{action 'save' model}}>Save</button>
 <br>
 <br>
diff --git a/controllers.application.js b/controllers.application.js
@@ -0,0 +1,11 @@
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+  appName: 'Ember Twiddle',
+
+  actions: {
+    save() {
+      console.log('SAVE');
+    },
+  }
+});
diff --git a/models.book.js b/models.book.js
@@ -0,0 +1,6 @@
+import Model from 'ember-data/model';
+import attr from 'ember-data/attr';
+import { belongsTo, hasMany } from 'ember-data/relationships';
+
+export default Model.extend({
+});
diff --git a/routes.application.js b/routes.application.js
@@ -0,0 +1,5 @@
+import Ember from 'ember';
+
+export default Ember.Route.extend({
+
+});
diff --git a/templates.application.hbs b/templates.application.hbs
@@ -0,0 +1,7 @@
+<h1>Welcome to {{appName}}</h1>
+<br>
+<br>
+{{outlet}}
+<button {{action 'save'}}>Save</button>
+<br>
+<br>
diff --git a/twiddle.json b/twiddle.json
@@ -0,0 +1,19 @@
+{
+  "version": "0.15.1",
+  "EmberENV": {
+    "FEATURES": {}
+  },
+  "options": {
+    "use_pods": false,
+    "enable-testing": false
+  },
+  "dependencies": {
+    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js",
+    "ember": "3.4.3",
+    "ember-template-compiler": "3.4.3",
+    "ember-testing": "3.4.3"
+  },
+  "addons": {
+    "ember-data": "3.4.2"
+  }
+}