accept version number rollover

src/LiveState.ts

@@ -168,7 +168,7 @@ export class LiveState implements EventTarget {
     this.eventTarget.dispatchEvent(new CustomEvent<LiveStatePatch>('livestate-patch', {
       detail: {patch, version}
     }));
-    if (version === this.stateVersion + 1) {
+    if (this.versionMatches(version)) {
       const { doc, res } = applyPatch(this.state, patch, { mutate: false });
       this.state = doc;
       this.stateVersion = version;
@@ -183,6 +183,10 @@ export class LiveState implements EventTarget {
     }
   }
 
+  versionMatches(version) {
+    return (version === this.stateVersion + 1) || (version === 0);
+  }
+
   pushEvent(eventName, payload) {
     this.dispatchEvent(new CustomEvent(eventName, {detail: payload}));
   }

test/live-state-test.ts

@@ -87,6 +87,33 @@ describe('LiveState', () => {
     expect(state).to.deep.equal(newState);
   });
 
+  it('accepts version number rollover in json patch', () => {
+    const initialState = { foo: "bar" };
+    const newState = { foo: "baz"};
+    const patch = compare(initialState, newState);
+    socketMock.expects('connect').exactly(1);
+    liveState.connect();
+    let state = {};
+    let receivedPatch;
+
+    liveState.addEventListener('livestate-change', ({detail: {state: newState}}) => state = newState);
+    liveState.addEventListener('livestate-patch', ({detail: {patch: thePatch}}) => receivedPatch = thePatch);
+
+    const onChangeArgs = liveState.channel.on.getCall(0).args;
+    expect(onChangeArgs[0]).to.equal("state:change");
+    const onChangeHandler = onChangeArgs[1];
+    onChangeHandler({state: initialState, version: 1000});
+
+    const onPatchArgs = liveState.channel.on.getCall(1).args;
+    expect(onPatchArgs[0]).to.equal("state:patch");
+    const onPatchHandler = onPatchArgs[1];
+    onPatchHandler({patch, version: 0});
+
+    expect(receivedPatch).to.equal(patch);
+    expect(state).to.deep.equal(newState);
+
+  })
+
   it('requests new state when receiving patch with incorrect version', () => {
     const initialState = { foo: "bar" };
     const newState = { foo: "baz", bing: [1, 2] };