jason-rails 0.4.1 → 0.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 66c465280dc28e42bdd02b400ef514408a4839df70240aad2d660fc7b7dc1ed2
-  data.tar.gz: 0ae40af767936631bc8ab174682073a2ad860578ad363bdab7b7080116be2e34
+  metadata.gz: 6e6d1d960c2bb555ccaa555a17de7730ce90c35aa57594256bcb73bc96dade09
+  data.tar.gz: b096c733bd15195ac383097a8138507915caa5fba29d9099325755972a64fe2a
 SHA512:
-  metadata.gz: 6e27560fdd5953ef4a86cc371577b1e8e4f88d3e8f9099abd3f6fd41ad234071a348f67236c24106345acb700ffc16ed99d0036811e8d2bb29914462d89577cb
-  data.tar.gz: 8deefbe678cebd020e5439ed3264f5b016d3c066d1d24baf3c9146ee32cd8404a6ef2c6e9bda350f276f4d1775ec3a50a9c5570960228c1f253b7adaae45f7ed
+  metadata.gz: 4ce914a0e658fe97051ff6a64a48a29bccde202ad3fa60bc3aadc287f4a50a4f169d647b66f456e3147da8551b5b321185caa05c9790c964202d5275b20a8732
+  data.tar.gz: ebde6f3323cb516915e3ddea2f747595a864df2cac9f52e05c67b1320c46f20693c479d7b39b11f391638dc9e5027b92e86ad65089282c6c190b6ba4982b3de3

data/.ruby-version

@@ -0,0 +1 @@
+2.7.2

data/Gemfile.lock

@@ -1,13 +1,137 @@
 PATH
   remote: .
   specs:
-    jason-rails (0.3.0)
+    jason-rails (0.4.1)
+      connection_pool (>= 2.2.3)
+      jsondiff
+      rails (>= 5)
+      redis (>= 4)
 
 GEM
   remote: https://rubygems.org/
   specs:
+    actioncable (6.1.1)
+      actionpack (= 6.1.1)
+      activesupport (= 6.1.1)
+      nio4r (~> 2.0)
+      websocket-driver (>= 0.6.1)
+    actionmailbox (6.1.1)
+      actionpack (= 6.1.1)
+      activejob (= 6.1.1)
+      activerecord (= 6.1.1)
+      activestorage (= 6.1.1)
+      activesupport (= 6.1.1)
+      mail (>= 2.7.1)
+    actionmailer (6.1.1)
+      actionpack (= 6.1.1)
+      actionview (= 6.1.1)
+      activejob (= 6.1.1)
+      activesupport (= 6.1.1)
+      mail (~> 2.5, >= 2.5.4)
+      rails-dom-testing (~> 2.0)
+    actionpack (6.1.1)
+      actionview (= 6.1.1)
+      activesupport (= 6.1.1)
+      rack (~> 2.0, >= 2.0.9)
+      rack-test (>= 0.6.3)
+      rails-dom-testing (~> 2.0)
+      rails-html-sanitizer (~> 1.0, >= 1.2.0)
+    actiontext (6.1.1)
+      actionpack (= 6.1.1)
+      activerecord (= 6.1.1)
+      activestorage (= 6.1.1)
+      activesupport (= 6.1.1)
+      nokogiri (>= 1.8.5)
+    actionview (6.1.1)
+      activesupport (= 6.1.1)
+      builder (~> 3.1)
+      erubi (~> 1.4)
+      rails-dom-testing (~> 2.0)
+      rails-html-sanitizer (~> 1.1, >= 1.2.0)
+    activejob (6.1.1)
+      activesupport (= 6.1.1)
+      globalid (>= 0.3.6)
+    activemodel (6.1.1)
+      activesupport (= 6.1.1)
+    activerecord (6.1.1)
+      activemodel (= 6.1.1)
+      activesupport (= 6.1.1)
+    activestorage (6.1.1)
+      actionpack (= 6.1.1)
+      activejob (= 6.1.1)
+      activerecord (= 6.1.1)
+      activesupport (= 6.1.1)
+      marcel (~> 0.3.1)
+      mimemagic (~> 0.3.2)
+    activesupport (6.1.1)
+      concurrent-ruby (~> 1.0, >= 1.0.2)
+      i18n (>= 1.6, < 2)
+      minitest (>= 5.1)
+      tzinfo (~> 2.0)
+      zeitwerk (~> 2.3)
+    builder (3.2.4)
+    coderay (1.1.3)
+    concurrent-ruby (1.1.7)
+    connection_pool (2.2.3)
+    crass (1.0.6)
     diff-lcs (1.4.4)
+    erubi (1.10.0)
+    globalid (0.4.2)
+      activesupport (>= 4.2.0)
+    i18n (1.8.7)
+      concurrent-ruby (~> 1.0)
+    jsondiff (0.0.5)
+    loofah (2.8.0)
+      crass (~> 1.0.2)
+      nokogiri (>= 1.5.9)
+    mail (2.7.1)
+      mini_mime (>= 0.1.1)
+    marcel (0.3.3)
+      mimemagic (~> 0.3.2)
+    method_source (1.0.0)
+    mimemagic (0.3.5)
+    mini_mime (1.0.2)
+    mini_portile2 (2.5.0)
+    minitest (5.14.3)
+    nio4r (2.5.4)
+    nokogiri (1.11.1)
+      mini_portile2 (~> 2.5.0)
+      racc (~> 1.4)
+    pry (0.13.1)
+      coderay (~> 1.1)
+      method_source (~> 1.0)
+    racc (1.5.2)
+    rack (2.2.3)
+    rack-test (1.1.0)
+      rack (>= 1.0, < 3)
+    rails (6.1.1)
+      actioncable (= 6.1.1)
+      actionmailbox (= 6.1.1)
+      actionmailer (= 6.1.1)
+      actionpack (= 6.1.1)
+      actiontext (= 6.1.1)
+      actionview (= 6.1.1)
+      activejob (= 6.1.1)
+      activemodel (= 6.1.1)
+      activerecord (= 6.1.1)
+      activestorage (= 6.1.1)
+      activesupport (= 6.1.1)
+      bundler (>= 1.15.0)
+      railties (= 6.1.1)
+      sprockets-rails (>= 2.0.0)
+    rails-dom-testing (2.0.3)
+      activesupport (>= 4.2.0)
+      nokogiri (>= 1.6)
+    rails-html-sanitizer (1.3.0)
+      loofah (~> 2.3)
+    railties (6.1.1)
+      actionpack (= 6.1.1)
+      activesupport (= 6.1.1)
+      method_source
+      rake (>= 0.8.7)
+      thor (~> 1.0)
     rake (12.3.3)
+    redis (4.2.5)
     rspec (3.10.0)
       rspec-core (~> 3.10.0)
       rspec-expectations (~> 3.10.0)
@@ -20,15 +144,41 @@ GEM
     rspec-mocks (3.10.0)
       diff-lcs (>= 1.2.0, < 2.0)
       rspec-support (~> 3.10.0)
+    rspec-rails (4.0.2)
+      actionpack (>= 4.2)
+      activesupport (>= 4.2)
+      railties (>= 4.2)
+      rspec-core (~> 3.10)
+      rspec-expectations (~> 3.10)
+      rspec-mocks (~> 3.10)
+      rspec-support (~> 3.10)
     rspec-support (3.10.0)
+    sprockets (4.0.2)
+      concurrent-ruby (~> 1.0)
+      rack (> 1, < 3)
+    sprockets-rails (3.2.2)
+      actionpack (>= 4.0)
+      activesupport (>= 4.0)
+      sprockets (>= 3.0.0)
+    sqlite3 (1.4.2)
+    thor (1.0.1)
+    tzinfo (2.0.4)
+      concurrent-ruby (~> 1.0)
+    websocket-driver (0.7.3)
+      websocket-extensions (>= 0.1.0)
+    websocket-extensions (0.1.5)
+    zeitwerk (2.4.2)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
   jason-rails!
+  pry
   rake (~> 12.0)
   rspec (~> 3.0)
+  rspec-rails
+  sqlite3
 
 BUNDLED WITH
-   1.17.3
+   2.1.4

data/app/controllers/jason/api_controller.rb

@@ -1,6 +1,6 @@
 class Jason::ApiController < ::ApplicationController
   def schema
-    render json: JASON_API_MODEL.to_json
+    render json: Jason.schema
   end
 
   def action

data/client/lib/JasonContext.d.ts

@@ -1,2 +1,7 @@
-declare const context: any;
+/// <reference types="react" />
+declare const context: import("react").Context<{
+    actions: any;
+    subscribe: null;
+    eager: null;
+}>;
 export default context;

data/client/lib/JasonProvider.d.ts

@@ -3,6 +3,6 @@ declare const JasonProvider: ({ reducers, middleware, extraActions, children }:
     reducers?: any;
     middleware?: any;
     extraActions?: any;
-    children?: any;
-}) => any;
+    children?: React.FC<{}> | undefined;
+}) => JSX.Element;
 export default JasonProvider;

data/client/lib/JasonProvider.js

@@ -1,134 +1,15 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const createActions_1 = __importDefault(require("./createActions"));
-const actioncable_1 = require("@rails/actioncable");
-const JasonContext_1 = __importDefault(require("./JasonContext"));
-const axios_1 = __importDefault(require("axios"));
-const axios_case_converter_1 = __importDefault(require("axios-case-converter"));
+const react_1 = __importDefault(require("react"));
+const useJason_1 = __importDefault(require("./useJason"));
 const react_redux_1 = require("react-redux");
-const toolkit_1 = require("@reduxjs/toolkit");
-const createJasonReducers_1 = __importDefault(require("./createJasonReducers"));
-const createPayloadHandler_1 = __importDefault(require("./createPayloadHandler"));
-const createOptDis_1 = __importDefault(require("./createOptDis"));
-const makeEager_1 = __importDefault(require("./makeEager"));
-const humps_1 = require("humps");
-const blueimp_md5_1 = __importDefault(require("blueimp-md5"));
-const lodash_1 = __importDefault(require("lodash"));
-const react_1 = __importStar(require("react"));
-const uuid_1 = require("uuid");
+const JasonContext_1 = __importDefault(require("./JasonContext"));
 const JasonProvider = ({ reducers, middleware, extraActions, children }) => {
-    const [store, setStore] = react_1.useState(null);
-    const [value, setValue] = react_1.useState(null);
-    const [connected, setConnected] = react_1.useState(false);
-    const csrfToken = document.querySelector("meta[name=csrf-token]").content;
-    axios_1.default.defaults.headers.common['X-CSRF-Token'] = csrfToken;
-    const restClient = axios_case_converter_1.default(axios_1.default.create(), {
-        preservedKeys: (key) => {
-            return uuid_1.validate(key);
-        }
-    });
-    react_1.useEffect(() => {
-        restClient.get('/jason/api/schema')
-            .then(({ data: snakey_schema }) => {
-            const schema = humps_1.camelizeKeys(snakey_schema);
-            const serverActionQueue = function () {
-                const queue = [];
-                let inFlight = false;
-                return {
-                    addItem: (item) => queue.push(item),
-                    getItem: () => {
-                        if (inFlight)
-                            return false;
-                        const item = queue.shift();
-                        if (item) {
-                            inFlight = true;
-                            return item;
-                        }
-                        return false;
-                    },
-                    itemProcessed: () => inFlight = false,
-                    fullySynced: () => queue.length === 0 && !inFlight,
-                    getData: () => ({ queue, inFlight })
-                };
-            }();
-            const consumer = actioncable_1.createConsumer();
-            const allReducers = Object.assign(Object.assign({}, reducers), createJasonReducers_1.default(schema));
-            console.log({ schema, allReducers });
-            const store = toolkit_1.configureStore({ reducer: allReducers, middleware });
-            let payloadHandlers = {};
-            function handlePayload(payload) {
-                const { model, md5Hash } = payload;
-                console.log({ md5Hash, fn: `${model}:${md5Hash}`, payloadHandlers, model: lodash_1.default.camelCase(model), payload });
-                const handler = payloadHandlers[`${lodash_1.default.camelCase(model)}:${md5Hash}`];
-                if (handler) {
-                    handler(Object.assign(Object.assign({}, payload), { model: lodash_1.default.camelCase(model) }));
-                }
-            }
-            const subscription = (consumer.subscriptions.create({
-                channel: 'Jason::Channel'
-            }, {
-                connected: () => {
-                    setConnected(true);
-                },
-                received: payload => {
-                    console.log("Payload received", payload);
-                    handlePayload(payload);
-                },
-                disconnected: () => console.warn('Disconnected from ActionCable')
-            }));
-            console.log('sending message');
-            subscription.send({ message: 'test' });
-            function createSubscription(config) {
-                const md5Hash = blueimp_md5_1.default(JSON.stringify(config));
-                console.log('Subscribe with', config, md5Hash);
-                lodash_1.default.map(config, (v, model) => {
-                    payloadHandlers[`${model}:${md5Hash}`] = createPayloadHandler_1.default(store.dispatch, serverActionQueue, subscription, model, schema[model]);
-                });
-                subscription.send({ createSubscription: config });
-                return () => removeSubscription(config);
-            }
-            function removeSubscription(config) {
-                subscription.send({ removeSubscription: config });
-                const md5Hash = blueimp_md5_1.default(JSON.stringify(config));
-                lodash_1.default.map(config, (v, model) => {
-                    delete payloadHandlers[`${model}:${md5Hash}`];
-                });
-            }
-            const optDis = createOptDis_1.default(schema, store.dispatch, restClient, serverActionQueue);
-            const actions = createActions_1.default(schema, store, restClient, optDis, extraActions);
-            const eager = makeEager_1.default(schema);
-            console.log({ actions });
-            setValue({
-                actions: actions,
-                subscribe: (config) => createSubscription(config),
-                eager
-            });
-            setStore(store);
-        });
-    }, []);
-    if (!(store && value && connected))
+    const [store, value, connected] = useJason_1.default({ reducers, middleware, extraActions });
+    if (!(store && value))
         return react_1.default.createElement("div", null); // Wait for async fetch of schema to complete
     return react_1.default.createElement(react_redux_1.Provider, { store: store },
         react_1.default.createElement(JasonContext_1.default.Provider, { value: value }, children));

data/client/lib/createJasonReducers.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const toolkit_1 = require("@reduxjs/toolkit");
 const pluralize_1 = __importDefault(require("pluralize"));
 const lodash_1 = __importDefault(require("lodash"));
-function generateSlices(schema) {
-    const sliceNames = schema.map(k => pluralize_1.default(k));
+function generateSlices(models) {
+    const sliceNames = models.map(k => pluralize_1.default(k));
     const adapter = toolkit_1.createEntityAdapter();
     return lodash_1.default.fromPairs(lodash_1.default.map(sliceNames, name => {
         return [name, toolkit_1.createSlice({
@@ -31,7 +31,45 @@ function generateSlices(schema) {
             }).reducer];
     }));
 }
+function generateJasonSlices(models) {
+    const initialState = lodash_1.default.fromPairs(lodash_1.default.map(models, (model_name) => {
+        return [model_name, {}];
+    }));
+    const modelSliceReducer = toolkit_1.createSlice({
+        name: 'jasonModels',
+        initialState,
+        reducers: {
+            setSubscriptionIds(s, a) {
+                const { payload } = a;
+                const { subscriptionId, model, ids } = payload;
+                s[model][subscriptionId] = ids;
+            },
+            addSubscriptionId(s, a) {
+                const { payload } = a;
+                const { subscriptionId, model, id } = payload;
+                s[model][subscriptionId] = lodash_1.default.union(s[model][subscriptionId] || [], [id]);
+            },
+            removeSubscriptionId(s, a) {
+                const { payload } = a;
+                const { subscriptionId, model, id } = payload;
+                s[model][subscriptionId] = lodash_1.default.remove(s[model][subscriptionId] || [], id);
+            }
+        }
+    }).reducer;
+    const jasonSliceReducer = toolkit_1.createSlice({
+        name: 'jason',
+        initialState: {
+            connected: false,
+            queueSize: 0
+        },
+        reducers: {
+            upsert: (s, a) => (Object.assign(Object.assign({}, s), a.payload))
+        }
+    }).reducer;
+    return { jason: jasonSliceReducer, jasonModels: modelSliceReducer };
+}
 function createJasonReducers(schema) {
-    return generateSlices(lodash_1.default.keys(schema));
+    const models = lodash_1.default.keys(schema);
+    return Object.assign(Object.assign({}, generateSlices(models)), generateJasonSlices(models));
 }
 exports.default = createJasonReducers;

data/client/lib/createOptDis.js

@@ -16,7 +16,6 @@ function enrich(type, payload) {
 }
 function createOptDis(schema, dispatch, restClient, serverActionQueue) {
     const plurals = lodash_1.default.keys(schema).map(k => pluralize_1.default(k));
-    let inFlight = false;
     function enqueueServerAction(action) {
         serverActionQueue.addItem(action);
     }
@@ -24,7 +23,6 @@ function createOptDis(schema, dispatch, restClient, serverActionQueue) {
         const action = serverActionQueue.getItem();
         if (!action)
             return;
-        inFlight = true;
         restClient.post('/jason/api/action', action)
             .then(serverActionQueue.itemProcessed)
             .catch(e => {

data/client/lib/createPayloadHandler.d.ts

@@ -1 +1,6 @@
-export default function createPayloadHandler(dispatch: any, serverActionQueue: any, subscription: any, model: any, config: any): (data: any) => null | undefined;
+export default function createPayloadHandler({ dispatch, serverActionQueue, subscription, config }: {
+    dispatch: any;
+    serverActionQueue: any;
+    subscription: any;
+    config: any;
+}): (data: any) => void;

data/client/lib/createPayloadHandler.js

@@ -3,7 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const jsonpatch_1 = require("jsonpatch");
 const deepCamelizeKeys_1 = __importDefault(require("./deepCamelizeKeys"));
 const pluralize_1 = __importDefault(require("pluralize"));
 const lodash_1 = __importDefault(require("lodash"));
@@ -12,93 +11,82 @@ function diffSeconds(dt2, dt1) {
     var diff = (dt2.getTime() - dt1.getTime()) / 1000;
     return Math.abs(Math.round(diff));
 }
-function createPayloadHandler(dispatch, serverActionQueue, subscription, model, config) {
-    console.log({ model, config });
-    let payload = [];
-    let previousPayload = [];
-    let idx = 0;
+function createPayloadHandler({ dispatch, serverActionQueue, subscription, config }) {
+    const subscriptionId = uuid_1.v4();
+    let idx = {};
     let patchQueue = {};
     let lastCheckAt = new Date();
     let updateDeadline = null;
     let checkInterval;
     function getPayload() {
-        console.log({ getPayload: model, subscription });
-        subscription.send({ getPayload: { model, config } });
+        setTimeout(() => subscription.send({ getPayload: config }), 1000);
     }
     function camelizeKeys(item) {
         return deepCamelizeKeys_1.default(item, key => uuid_1.validate(key));
     }
     const tGetPayload = lodash_1.default.throttle(getPayload, 10000);
-    function dispatchPayload() {
-        // We want to avoid updates from server overwriting changes to local state, so if there is a queue then wait.
-        if (!serverActionQueue.fullySynced()) {
-            console.log(serverActionQueue.getData());
-            setTimeout(dispatchPayload, 100);
-            return;
-        }
-        const includeModels = (config.includeModels || []).map(m => lodash_1.default.camelCase(m));
-        console.log("Dispatching", { payload, includeModels });
-        includeModels.forEach(m => {
-            const subPayload = lodash_1.default.flatten(lodash_1.default.compact(camelizeKeys(payload).map(instance => instance[m])));
-            const previousSubPayload = lodash_1.default.flatten(lodash_1.default.compact(camelizeKeys(previousPayload).map(instance => instance[m])));
-            // Find IDs that were in the payload but are no longer
-            const idsToRemove = lodash_1.default.difference(previousSubPayload.map(i => i.id), subPayload.map(i => i.id));
-            dispatch({ type: `${pluralize_1.default(m)}/upsertMany`, payload: subPayload });
-            dispatch({ type: `${pluralize_1.default(m)}/removeMany`, payload: idsToRemove });
-        });
-        const idsToRemove = lodash_1.default.difference(previousPayload.map(i => i.id), payload.map(i => i.id));
-        dispatch({ type: `${pluralize_1.default(model)}/upsertMany`, payload: camelizeKeys(payload) });
-        dispatch({ type: `${pluralize_1.default(model)}/removeMany`, payload: idsToRemove });
-        previousPayload = payload;
-    }
-    function processQueue() {
-        console.log({ idx, patchQueue });
+    function processQueue(model) {
+        console.debug("processQueue", model, idx[model], patchQueue[model]);
         lastCheckAt = new Date();
-        if (patchQueue[idx]) {
-            payload = jsonpatch_1.apply_patch(payload, patchQueue[idx]);
-            if (patchQueue[idx]) {
-                dispatchPayload();
+        if (patchQueue[model][idx[model]]) {
+            if (!serverActionQueue.fullySynced()) {
+                console.debug(serverActionQueue.getData());
+                setTimeout(() => processQueue(model), 100);
+                return;
+            }
+            const { payload, destroy, id, type } = patchQueue[model][idx[model]];
+            if (type === 'payload') {
+                dispatch({ type: `${pluralize_1.default(model)}/upsertMany`, payload });
+                const ids = payload.map(instance => instance.id);
+                dispatch({ type: `jasonModels/setSubscriptionIds`, payload: { model, subscriptionId, ids } });
+            }
+            else if (destroy) {
+                dispatch({ type: `${pluralize_1.default(model)}/remove`, payload: id });
+                dispatch({ type: `jasonModels/removeSubscriptionId`, payload: { model, subscriptionId, id } });
+            }
+            else {
+                dispatch({ type: `${pluralize_1.default(model)}/upsert`, payload });
+                dispatch({ type: `jasonModels/addSubscriptionId`, payload: { model, subscriptionId, id } });
             }
-            delete patchQueue[idx];
-            idx++;
+            delete patchQueue[model][idx[model]];
+            idx[model]++;
             updateDeadline = null;
-            processQueue();
+            processQueue(model);
             // If there are updates in the queue that are ahead of the index, some have arrived out of order
             // Set a deadline for new updates before it declares the update missing and refetches.
         }
-        else if (lodash_1.default.keys(patchQueue).length > 0 && !updateDeadline) {
+        else if (lodash_1.default.keys(patchQueue[model]).length > 0 && !updateDeadline) {
             var t = new Date();
             t.setSeconds(t.getSeconds() + 3);
             updateDeadline = t;
-            setTimeout(processQueue, 3100);
+            setTimeout(() => processQueue(model), 3100);
             // If more than 10 updates in queue, or deadline has passed, restart
         }
-        else if (lodash_1.default.keys(patchQueue).length > 10 || (updateDeadline && diffSeconds(updateDeadline, new Date()) < 0)) {
+        else if (lodash_1.default.keys(patchQueue[model]).length > 10 || (updateDeadline && diffSeconds(updateDeadline, new Date()) < 0)) {
             tGetPayload();
             updateDeadline = null;
         }
     }
     function handlePayload(data) {
-        const { value, idx: newIdx, diff, latency, type } = data;
-        console.log({ data });
+        const { idx: newIdx, model: snake_model, type } = data;
+        const model = lodash_1.default.camelCase(snake_model);
+        idx[model] = idx[model] || 0;
+        patchQueue[model] = patchQueue[model] || {};
         if (type === 'payload') {
-            if (!value)
-                return null;
-            payload = value;
-            dispatchPayload();
-            idx = newIdx + 1;
+            idx[model] = newIdx;
             // Clear any old changes left in the queue
-            patchQueue = lodash_1.default.pick(patchQueue, lodash_1.default.keys(patchQueue).filter(k => k > newIdx + 1));
-            return;
+            patchQueue[model] = lodash_1.default.pick(patchQueue[model], lodash_1.default.keys(patchQueue[model]).filter(k => k > newIdx + 1));
         }
-        patchQueue[newIdx] = diff;
-        processQueue();
+        patchQueue[model][newIdx] = camelizeKeys(Object.assign(Object.assign({}, data), { model }));
+        console.debug("Added to queue", model, idx[model], camelizeKeys(Object.assign(Object.assign({}, data), { model })), serverActionQueue.getData());
+        processQueue(model);
         if (diffSeconds((new Date()), lastCheckAt) >= 3) {
             lastCheckAt = new Date();
-            console.log('Interval lost. Pulling from server');
+            console.debug('Interval lost. Pulling from server');
             tGetPayload();
         }
     }
+    tGetPayload();
     return handlePayload;
 }
 exports.default = createPayloadHandler;