unloadRecord

adapters.asdf.js

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);
}

controllers.application.js

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(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'));
      this.store.unloadRecord(model);
      await this.store.pushPayload('book', raw);
      // model.save();
    },
  }
});

models.book.js

import Model from 'ember-data/model';
import attr from 'ember-data/attr';
import { belongsTo, hasMany } from 'ember-data/relationships';

export default Model.extend({
  title: attr('string'),
});

routes.application.js

import Ember from 'ember';
import { inject as injectService } from '@ember/service';

export default Ember.Route.extend({
  store: injectService(),
  
  model() {
    // return this.store.createRecord('book', { title: 'Ember Hamster' });
    return {
      "data": {
        "type": "book",
        "attributes": {
          "title": "Ember Hamster",
        },
      }
    };
  },
});

templates.application.hbs

<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
<button {{action 'save' model}}>Save</button>
<br>
<br>

twiddle.json

{
  "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"
  }
}