diff --git a/src/sync-plugins/crud.ts b/src/sync-plugins/crud.ts index 2de4b6eb..0cc4482f 100644 --- a/src/sync-plugins/crud.ts +++ b/src/sync-plugins/crud.ts @@ -1,6 +1,7 @@ import { ObservableEvent, ObservableParam, + RetryOptions, UpdateFnParams, WaitForSetFnParams, applyChanges, @@ -129,6 +130,50 @@ function computeLastSync(data: any[], fieldUpdatedAt: string | undefined, fieldC return newLastSync; } +const queuedRetries = { + create: new Map(), + update: new Map(), + delete: new Map(), +}; +function retrySet( + params: SyncedSetParams, + retry: RetryOptions | undefined, + action: 'create' | 'update' | 'delete', + itemKey: string, + itemValue: any, + actionFn: (value: any, params: SyncedSetParams) => Promise, + saveResult: (itemKey: string, itemValue: any, result: any, isCreate: boolean) => void, +) { + // If delete then remove from create/update, and vice versa + if (action === 'delete') { + if (queuedRetries.create.has(itemKey)) { + queuedRetries.create.delete(itemKey); + } + if (queuedRetries.update.has(itemKey)) { + queuedRetries.update.delete(itemKey); + } + } else { + if (queuedRetries.delete.has(itemKey)) { + queuedRetries.delete.delete(itemKey); + } + } + + // Get the currently queued value and assigned the new changes onto it + const queuedRetry = queuedRetries[action]!.get(itemKey); + if (queuedRetry) { + itemValue = Object.assign(queuedRetry, itemValue); + } + + queuedRetries[action].set(itemKey, itemValue); + + return runWithRetry(params, retry, 'create_' + itemKey, () => + actionFn!(itemValue, params).then((result) => { + queuedRetries[action]!.delete(itemKey); + return saveResult(itemKey, itemValue, result as any, true); + }), + ); +} + // The get version export function syncedCrud( props: SyncedCrudPropsSingle & SyncedCrudPropsBase, @@ -517,10 +562,10 @@ export function syncedCrud - createFn!(createObj, params) - .then((result) => saveResult(itemKey, createObj, result as any, true)) - .finally(() => pendingCreates.delete(itemKey)), + return retrySet(params, retry, 'create', itemKey, createObj, createFn!, saveResult).then( + () => { + pendingCreates.delete(itemKey); + }, ); }), @@ -531,11 +576,7 @@ export function syncedCrud 0) { - return runWithRetry(params, retry, 'update_' + itemKey, () => - updateFn!(changed, params).then( - (result) => result && saveResult(itemKey, changed, result as any, false), - ), - ); + return retrySet(params, retry, 'update', itemKey, changed, updateFn!, saveResult); } }), @@ -554,14 +595,26 @@ export function syncedCrud - deleteFn(valuePrevious, params), + return retrySet( + params, + retry, + 'delete', + valueId, + valuePrevious, + deleteFn!, + saveResult, ); } if (fieldDeleted && updateFn) { - return runWithRetry(params, retry, 'delete_' + valueId, () => - updateFn({ [fieldId]: valueId, [fieldDeleted]: true } as any, params), + return retrySet( + params, + retry, + 'delete', + valueId, + { [fieldId]: valueId, [fieldDeleted]: true } as any, + updateFn!, + saveResult, ); } diff --git a/src/sync/retry.ts b/src/sync/retry.ts index ae7d5152..d2ac94f7 100644 --- a/src/sync/retry.ts +++ b/src/sync/retry.ts @@ -22,6 +22,18 @@ function createRetryTimeout(retryOptions: RetryOptions, retryNum: number, fn: () const mapRetryTimeouts = new Map(); +export function runWithRetry( + state: SyncedGetSetBaseParams, + retryOptions: RetryOptions | undefined, + retryId: any, + fn: (params: OnErrorRetryParams) => Promise, +): Promise; +export function runWithRetry( + state: SyncedGetSetBaseParams, + retryOptions: RetryOptions | undefined, + retryId: any, + fn: (params: OnErrorRetryParams) => T, +): T; export function runWithRetry( state: SyncedGetSetBaseParams, retryOptions: RetryOptions | undefined, diff --git a/tests/keel.test.ts b/tests/keel.test.ts index 3d024ea4..a9da8361 100644 --- a/tests/keel.test.ts +++ b/tests/keel.test.ts @@ -389,7 +389,7 @@ describe('keel', () => { expect(Array.from(errors)).toEqual([]); expect(Array.from(creates)).toEqual([newItem2, newItem]); }); - test('setting error retries with onError', async () => { + test('setting error retries multiple creates', async () => { let shouldError = true; const errors: Set = new Set(); const creates: Set = new Set(); @@ -450,4 +450,71 @@ describe('keel', () => { expect(Array.from(errors)).toEqual([]); expect(Array.from(creates).sort((a, b) => a.id.localeCompare(b.id))).toEqual([newItem, newItem2]); }); + test('setting error retries updates on multiple fields', async () => { + let shouldError = true; + const errors: Set = new Set(); + const updates: Set = new Set(); + const obs$ = observable( + syncedKeel({ + list: async () => fakeKeelList([{ ...ItemBasicValue(), other: 2, another: 3 }]), + update(value) { + if (shouldError) { + return { error: { message: 'test' } }; + } else { + updates.add(value as any); + return { + data: value, + } as any; + } + }, + retry: { + infinite: true, + delay: 1, + }, + onError(error, params) { + errors.add(params.input); + }, + }), + ); + + obs$.get(); + + const item$ = obs$.id1; + + await promiseTimeout(1); + + item$.other.set(4); + + await promiseTimeout(1); + + item$.another.set(5); + + await promiseTimeout(1); + + expect(Array.from(errors)).toEqual([ + { + id: 'id1', + other: 4, + another: 5, + }, + ]); + + errors.clear(); + shouldError = false; + + await promiseTimeout(5); + + expect(Array.from(errors)).toEqual([]); + expect(Array.from(updates)).toEqual([ + { + values: { + other: 4, + another: 5, + }, + where: { + id: 'id1', + }, + }, + ]); + }); });