Send ids with mutations

Author: phortx

dist/vuex-orm-apollo.esm.js

@@ -9335,20 +9335,27 @@ var QueryBuilder = /** @class */ (function () {
     /**
      * Transforms outgoing data. Use for variables param.
      *
-     * Omits relations and id fields.
+     * Omits relations and some fields.
      *
      * @param model
      * @param {Data} data
      * @returns {Data}
      */
     QueryBuilder.prototype.transformOutgoingData = function (model, data) {
+        var _this = this;
         var relations = model.getRelations();
         var returnValue = {};
         Object.keys(data).forEach(function (key) {
             var value = data[key];
-            // Ignore IDs and connections and empty fields
-            if (!relations.has(key) && !key.startsWith('$') && key !== 'id' && value !== null) {
-                returnValue[key] = value;
+            // Ignore connections and empty fields
+            if (!relations.has(key) && !key.startsWith('$') && value !== null) {
+                if (value instanceof Array) {
+                    var arrayModel_1 = _this.getModel(inflection.singularize(key));
+                    returnValue[key] = value.map(function (v) { return _this.transformOutgoingData(arrayModel_1 || model, v); });
+                }
+                else {
+                    returnValue[key] = value;
+                }
             }
         });
         return returnValue;

src/queryBuilder.ts

@@ -125,7 +125,7 @@ export default class QueryBuilder {
   /**
    * Transforms outgoing data. Use for variables param.
    *
-   * Omits relations and id fields.
+   * Omits relations and some fields.
    *
    * @param model
    * @param {Data} data
@@ -138,9 +138,14 @@ export default class QueryBuilder {
     Object.keys(data).forEach((key) => {
       const value = data[key];
 
-      // Ignore IDs and connections and empty fields
-      if (!relations.has(key) && !key.startsWith('$') && key !== 'id' && value !== null) {
-        returnValue[key] = value;
+      // Ignore connections and empty fields
+      if (!relations.has(key) && !key.startsWith('$') && value !== null) {
+        if (value instanceof Array) {
+          const arrayModel = this.getModel(inflection.singularize(key));
+          returnValue[key] = value.map((v) => this.transformOutgoingData(arrayModel || model, v));
+        } else {
+          returnValue[key] = value;
+        }
       }
     });
 

test/integration/VuexORMApollo.spec.js

@@ -300,7 +300,7 @@ query Users {
         await store.dispatch('entities/users/persist', { id: 1 });
       });
 
-      expect(request.variables).toEqual({ user: { name: 'Charlie Brown' } });
+      expect(request.variables).toEqual({ user: { id: 1, name: 'Charlie Brown' } });
       expect(request.query).toEqual(`
 mutation CreateUser($user: UserInput!) {
   createUser(user: $user) {
@@ -333,7 +333,7 @@ mutation CreateUser($user: UserInput!) {
         await store.dispatch('entities/users/push', { data: user });
       });
 
-      expect(request.variables).toEqual({ id: 1, user: { name: 'Snoopy' } });
+      expect(request.variables).toEqual({ id: 1, user: { id: 1, name: 'Snoopy' } });
       expect(request.query).toEqual(`
 mutation UpdateUser($id: ID!, $user: UserInput!) {
   updateUser(id: $id, user: $user) {

test/unit/QueryBuilder.spec.js

@@ -187,7 +187,7 @@ describe('QueryBuilder', () => {
     it('transforms models to a useful data hashmap', () => {
       const user = store.getters['entities/users/query']().first();
       const transformedData = queryBuilder.transformOutgoingData(vuexOrmApollo.context.getModel('user'), user);
-      expect(transformedData).toEqual({ name: 'Charlie Brown' });
+      expect(transformedData).toEqual({ id: 1, name: 'Charlie Brown' });
     });
   });