tinybase 5.0.0-beta.10 → 5.0.0-beta.12

package/lib/debug/tinybase.js

@@ -1118,24 +1118,27 @@ const createMetrics = getCreateFunction((store) => {
 
 const scheduleRunning = mapNew();
 const scheduleActions = mapNew();
-const getStoreFunctions = (supportsMergeableStore, store) =>
-  !supportsMergeableStore || isUndefined(store.getMergeableContent)
+const getStoreFunctions = (supportedStoreType = 1, store) =>
+  supportedStoreType > 1 && 'getMergeableContent' in store
     ? [
-        0,
-        store.getContent,
-        store.getTransactionChanges,
-        ([changedTables, changedValues]) =>
-          !objIsEmpty(changedTables) || !objIsEmpty(changedValues),
-        store.setContent,
-      ]
-    : [
         1,
         store.getMergeableContent,
         store.getTransactionMergeableChanges,
         ([[changedTables], [changedValues]]) =>
           !objIsEmpty(changedTables) || !objIsEmpty(changedValues),
         store.setDefaultContent,
-      ];
+      ]
+    : supportedStoreType != 2
+      ? [
+          0,
+          store.getContent,
+          store.getTransactionChanges,
+          ([changedTables, changedValues]) =>
+            !objIsEmpty(changedTables) || !objIsEmpty(changedValues),
+          store.setContent,
+        ]
+      : /* istanbul ignore next */
+        0;
 const createCustomPersister = (
   store,
   getPersisted,
@@ -1143,7 +1146,7 @@ const createCustomPersister = (
   addPersisterListener,
   delPersisterListener,
   onIgnoredError,
-  supportsMergeableStore,
+  supportedStoreType,
   extra = {},
   scheduleId = [],
 ) => {
@@ -1161,7 +1164,7 @@ const createCustomPersister = (
     getChanges,
     hasChanges,
     setDefaultContent,
-  ] = getStoreFunctions(supportsMergeableStore, store);
+  ] = getStoreFunctions(supportedStoreType, store);
   const run = async () => {
     /* istanbul ignore else */
     if (!mapGet(scheduleRunning, scheduleId)) {
@@ -1179,20 +1182,6 @@ const createCustomPersister = (
       mapSet(scheduleRunning, scheduleId, 0);
     }
   };
-  const loadLock = async (actions) => {
-    /* istanbul ignore else */
-    if (loadSave != 2) {
-      loadSave = 1;
-      {
-        loads++;
-      }
-      await persister.schedule(async () => {
-        await actions();
-        loadSave = 0;
-      });
-    }
-    return persister;
-  };
   const setContentOrChanges = (contentOrChanges) => {
     (isMergeableStore && isArray(contentOrChanges?.[0])
       ? contentOrChanges?.[2] === 1
@@ -1202,9 +1191,14 @@ const createCustomPersister = (
         ? store.applyChanges
         : store.setContent)(contentOrChanges);
   };
-  const persister = {
-    load: async (initialContent) =>
-      await loadLock(async () => {
+  const load = async (initialContent) => {
+    /* istanbul ignore else */
+    if (loadSave != 2) {
+      loadSave = 1;
+      {
+        loads++;
+      }
+      await schedule(async () => {
         try {
           setContentOrChanges(await getPersisted());
         } catch (error) {
@@ -1213,76 +1207,94 @@ const createCustomPersister = (
             setDefaultContent(initialContent);
           }
         }
-      }),
-    startAutoLoad: async (initialContent) => {
-      await persister.stopAutoLoad().load(initialContent);
-      autoLoadHandle = addPersisterListener(
-        async (getContent2, getChanges2) => {
-          const changes = getChanges2?.();
-          await loadLock(async () => {
-            try {
-              setContentOrChanges(
-                changes ?? getContent2?.() ?? (await getPersisted()),
-              );
-            } catch (error) {
-              onIgnoredError?.(error);
-            }
-          });
-        },
-      );
-      return persister;
-    },
-    stopAutoLoad: () => {
-      if (autoLoadHandle) {
-        delPersisterListener(autoLoadHandle);
-        autoLoadHandle = void 0;
-      }
-      return persister;
-    },
-    isAutoLoading: () => !isUndefined(autoLoadHandle),
-    save: async (getChanges2) => {
-      /* istanbul ignore else */
-      if (loadSave != 1) {
-        loadSave = 2;
-        {
-          saves++;
-        }
-        await persister.schedule(async () => {
-          try {
-            await setPersisted(getContent, getChanges2);
-          } catch (error) {
-            /* istanbul ignore next */
-            onIgnoredError?.(error);
+        loadSave = 0;
+      });
+    }
+    return persister;
+  };
+  const startAutoLoad = async (initialContent) => {
+    await stopAutoLoad().load(initialContent);
+    autoLoadHandle = addPersisterListener(async (content, changes) => {
+      if (changes || content) {
+        /* istanbul ignore else */
+        if (loadSave != 2) {
+          loadSave = 1;
+          {
+            loads++;
           }
+          setContentOrChanges(changes ?? content);
           loadSave = 0;
-        });
+        }
+      } else {
+        await load();
       }
-      return persister;
-    },
-    startAutoSave: async () => {
-      await persister.stopAutoSave().save();
-      autoSaveListenerId = store.addDidFinishTransactionListener(() => {
-        const changes = getChanges();
-        if (hasChanges(changes)) {
-          persister.save(() => changes);
+    });
+    return persister;
+  };
+  const stopAutoLoad = () => {
+    if (autoLoadHandle) {
+      delPersisterListener(autoLoadHandle);
+      autoLoadHandle = void 0;
+    }
+    return persister;
+  };
+  const isAutoLoading = () => !isUndefined(autoLoadHandle);
+  const save = async (changes) => {
+    /* istanbul ignore else */
+    if (loadSave != 1) {
+      loadSave = 2;
+      {
+        saves++;
+      }
+      await schedule(async () => {
+        try {
+          await setPersisted(getContent, changes);
+        } catch (error) {
+          /* istanbul ignore next */
+          onIgnoredError?.(error);
         }
+        loadSave = 0;
       });
-      return persister;
-    },
-    stopAutoSave: () => {
-      ifNotUndefined(autoSaveListenerId, store.delListener);
-      autoSaveListenerId = void 0;
-      return persister;
-    },
-    isAutoSaving: () => !isUndefined(autoSaveListenerId),
-    schedule: async (...actions) => {
-      arrayPush(mapGet(scheduleActions, scheduleId), ...actions);
-      await run();
-      return persister;
-    },
-    getStore: () => store,
-    destroy: () => persister.stopAutoLoad().stopAutoSave(),
-    getStats: () => ({loads, saves}),
+    }
+    return persister;
+  };
+  const startAutoSave = async () => {
+    await stopAutoSave().save();
+    autoSaveListenerId = store.addDidFinishTransactionListener(() => {
+      const changes = getChanges();
+      if (hasChanges(changes)) {
+        save(changes);
+      }
+    });
+    return persister;
+  };
+  const stopAutoSave = () => {
+    ifNotUndefined(autoSaveListenerId, store.delListener);
+    autoSaveListenerId = void 0;
+    return persister;
+  };
+  const isAutoSaving = () => !isUndefined(autoSaveListenerId);
+  const schedule = async (...actions) => {
+    arrayPush(mapGet(scheduleActions, scheduleId), ...actions);
+    await run();
+    return persister;
+  };
+  const getStore = () => store;
+  const destroy = () => stopAutoLoad().stopAutoSave();
+  const getStats = () => ({loads, saves});
+  const persister = {
+    load,
+    startAutoLoad,
+    stopAutoLoad,
+    isAutoLoading,
+    save,
+    startAutoSave,
+    stopAutoSave,
+    isAutoSaving,
+    schedule,
+    getStore,
+    destroy,
+    getStats,
     ...extra,
   };
   return objFreeze(persister);
@@ -1442,10 +1454,10 @@ const createCustomSynchronizer = (
       );
     } else if (messageType == CONTENT_HASHES && persister.isAutoLoading()) {
       getChangesFromOtherStore(fromClientId, messageBody).then((changes) => {
-        persisterListener?.(void 0, () => changes);
+        persisterListener?.(void 0, changes);
       });
     } else if (messageType == CONTENT_DIFF && persister.isAutoLoading()) {
-      persisterListener?.(void 0, () => messageBody);
+      persisterListener?.(void 0, messageBody);
     } else {
       ifNotUndefined(
         messageType == GET_CONTENT_HASHES && persister.isAutoSaving()
@@ -1569,12 +1581,12 @@ const createCustomSynchronizer = (
       ? changes
       : void 0;
   };
-  const setPersisted = async (getContent, getChanges) => {
+  const setPersisted = async (_getContent, changes) => {
     {
       sends++;
     }
-    if (getChanges) {
-      send(null, null, CONTENT_DIFF, getChanges());
+    if (changes) {
+      send(null, null, CONTENT_DIFF, changes);
     } else {
       send(null, null, CONTENT_HASHES, store.getMergeableContentHashes());
     }
@@ -1596,7 +1608,7 @@ const createCustomSynchronizer = (
     addPersisterListener,
     delPersisterListener,
     onIgnoredError,
-    true,
+    2,
     {startSync, stopSync, destroy, getSynchronizerStats, ...extra},
   );
   return persister;
@@ -3209,7 +3221,7 @@ const createStore = () => {
     }
     if (transactions == 1) {
       internalListeners[0]?.();
-      callListeners(startTransactionListeners, void 0);
+      callListeners(startTransactionListeners);
     }
     return store;
   };

package/lib/debug/ui-react-dom.js

@@ -1624,24 +1624,27 @@ const visitTree = (node, path, ensureLeaf, pruneLeaf, p = 0) =>
 
 const scheduleRunning = mapNew();
 const scheduleActions = mapNew();
-const getStoreFunctions = (supportsMergeableStore, store) =>
-  !supportsMergeableStore || isUndefined(store.getMergeableContent)
+const getStoreFunctions = (supportedStoreType = 1, store) =>
+  supportedStoreType > 1 && 'getMergeableContent' in store
     ? [
-        0,
-        store.getContent,
-        store.getTransactionChanges,
-        ([changedTables, changedValues]) =>
-          !objIsEmpty(changedTables) || !objIsEmpty(changedValues),
-        store.setContent,
-      ]
-    : [
         1,
         store.getMergeableContent,
         store.getTransactionMergeableChanges,
         ([[changedTables], [changedValues]]) =>
           !objIsEmpty(changedTables) || !objIsEmpty(changedValues),
         store.setDefaultContent,
-      ];
+      ]
+    : supportedStoreType != 2
+      ? [
+          0,
+          store.getContent,
+          store.getTransactionChanges,
+          ([changedTables, changedValues]) =>
+            !objIsEmpty(changedTables) || !objIsEmpty(changedValues),
+          store.setContent,
+        ]
+      : /* istanbul ignore next */
+        0;
 const createCustomPersister = (
   store,
   getPersisted,
@@ -1649,7 +1652,7 @@ const createCustomPersister = (
   addPersisterListener,
   delPersisterListener,
   onIgnoredError,
-  supportsMergeableStore,
+  supportedStoreType,
   extra = {},
   scheduleId = [],
 ) => {
@@ -1667,7 +1670,7 @@ const createCustomPersister = (
     getChanges,
     hasChanges,
     setDefaultContent,
-  ] = getStoreFunctions(supportsMergeableStore, store);
+  ] = getStoreFunctions(supportedStoreType, store);
   const run = async () => {
     /* istanbul ignore else */
     if (!mapGet(scheduleRunning, scheduleId)) {
@@ -1685,20 +1688,6 @@ const createCustomPersister = (
       mapSet(scheduleRunning, scheduleId, 0);
     }
   };
-  const loadLock = async (actions) => {
-    /* istanbul ignore else */
-    if (loadSave != 2) {
-      loadSave = 1;
-      {
-        loads++;
-      }
-      await persister.schedule(async () => {
-        await actions();
-        loadSave = 0;
-      });
-    }
-    return persister;
-  };
   const setContentOrChanges = (contentOrChanges) => {
     (isMergeableStore && isArray(contentOrChanges?.[0])
       ? contentOrChanges?.[2] === 1
@@ -1708,9 +1697,14 @@ const createCustomPersister = (
         ? store.applyChanges
         : store.setContent)(contentOrChanges);
   };
-  const persister = {
-    load: async (initialContent) =>
-      await loadLock(async () => {
+  const load = async (initialContent) => {
+    /* istanbul ignore else */
+    if (loadSave != 2) {
+      loadSave = 1;
+      {
+        loads++;
+      }
+      await schedule(async () => {
         try {
           setContentOrChanges(await getPersisted());
         } catch (error) {
@@ -1719,76 +1713,94 @@ const createCustomPersister = (
             setDefaultContent(initialContent);
           }
         }
-      }),
-    startAutoLoad: async (initialContent) => {
-      await persister.stopAutoLoad().load(initialContent);
-      autoLoadHandle = addPersisterListener(
-        async (getContent2, getChanges2) => {
-          const changes = getChanges2?.();
-          await loadLock(async () => {
-            try {
-              setContentOrChanges(
-                changes ?? getContent2?.() ?? (await getPersisted()),
-              );
-            } catch (error) {
-              onIgnoredError?.(error);
-            }
-          });
-        },
-      );
-      return persister;
-    },
-    stopAutoLoad: () => {
-      if (autoLoadHandle) {
-        delPersisterListener(autoLoadHandle);
-        autoLoadHandle = void 0;
-      }
-      return persister;
-    },
-    isAutoLoading: () => !isUndefined(autoLoadHandle),
-    save: async (getChanges2) => {
-      /* istanbul ignore else */
-      if (loadSave != 1) {
-        loadSave = 2;
-        {
-          saves++;
-        }
-        await persister.schedule(async () => {
-          try {
-            await setPersisted(getContent, getChanges2);
-          } catch (error) {
-            /* istanbul ignore next */
-            onIgnoredError?.(error);
+        loadSave = 0;
+      });
+    }
+    return persister;
+  };
+  const startAutoLoad = async (initialContent) => {
+    await stopAutoLoad().load(initialContent);
+    autoLoadHandle = addPersisterListener(async (content, changes) => {
+      if (changes || content) {
+        /* istanbul ignore else */
+        if (loadSave != 2) {
+          loadSave = 1;
+          {
+            loads++;
           }
+          setContentOrChanges(changes ?? content);
           loadSave = 0;
-        });
+        }
+      } else {
+        await load();
       }
-      return persister;
-    },
-    startAutoSave: async () => {
-      await persister.stopAutoSave().save();
-      autoSaveListenerId = store.addDidFinishTransactionListener(() => {
-        const changes = getChanges();
-        if (hasChanges(changes)) {
-          persister.save(() => changes);
+    });
+    return persister;
+  };
+  const stopAutoLoad = () => {
+    if (autoLoadHandle) {
+      delPersisterListener(autoLoadHandle);
+      autoLoadHandle = void 0;
+    }
+    return persister;
+  };
+  const isAutoLoading = () => !isUndefined(autoLoadHandle);
+  const save = async (changes) => {
+    /* istanbul ignore else */
+    if (loadSave != 1) {
+      loadSave = 2;
+      {
+        saves++;
+      }
+      await schedule(async () => {
+        try {
+          await setPersisted(getContent, changes);
+        } catch (error) {
+          /* istanbul ignore next */
+          onIgnoredError?.(error);
         }
+        loadSave = 0;
       });
-      return persister;
-    },
-    stopAutoSave: () => {
-      ifNotUndefined(autoSaveListenerId, store.delListener);
-      autoSaveListenerId = void 0;
-      return persister;
-    },
-    isAutoSaving: () => !isUndefined(autoSaveListenerId),
-    schedule: async (...actions) => {
-      arrayPush(mapGet(scheduleActions, scheduleId), ...actions);
-      await run();
-      return persister;
-    },
-    getStore: () => store,
-    destroy: () => persister.stopAutoLoad().stopAutoSave(),
-    getStats: () => ({loads, saves}),
+    }
+    return persister;
+  };
+  const startAutoSave = async () => {
+    await stopAutoSave().save();
+    autoSaveListenerId = store.addDidFinishTransactionListener(() => {
+      const changes = getChanges();
+      if (hasChanges(changes)) {
+        save(changes);
+      }
+    });
+    return persister;
+  };
+  const stopAutoSave = () => {
+    ifNotUndefined(autoSaveListenerId, store.delListener);
+    autoSaveListenerId = void 0;
+    return persister;
+  };
+  const isAutoSaving = () => !isUndefined(autoSaveListenerId);
+  const schedule = async (...actions) => {
+    arrayPush(mapGet(scheduleActions, scheduleId), ...actions);
+    await run();
+    return persister;
+  };
+  const getStore = () => store;
+  const destroy = () => stopAutoLoad().stopAutoSave();
+  const getStats = () => ({loads, saves});
+  const persister = {
+    load,
+    startAutoLoad,
+    stopAutoLoad,
+    isAutoLoading,
+    save,
+    startAutoSave,
+    stopAutoSave,
+    isAutoSaving,
+    schedule,
+    getStore,
+    destroy,
+    getStats,
     ...extra,
   };
   return objFreeze(persister);
@@ -1809,7 +1821,11 @@ const createStoragePersister = (
   const addPersisterListener = (listener) => {
     const storageListener = (event) => {
       if (event.storageArea === storage && event.key === storageName) {
-        listener(() => jsonParse(event.newValue));
+        try {
+          listener(jsonParse(event.newValue));
+        } catch {
+          listener();
+        }
       }
     };
     WINDOW.addEventListener(STORAGE, storageListener);
@@ -1824,7 +1840,7 @@ const createStoragePersister = (
     addPersisterListener,
     delPersisterListener,
     onIgnoredError,
-    true,
+    3,
     {getStorageName: () => storageName},
   );
 };
@@ -2879,7 +2895,7 @@ const createStore = () => {
     }
     if (transactions == 1) {
       internalListeners[0]?.();
-      callListeners(startTransactionListeners, void 0);
+      callListeners(startTransactionListeners);
     }
     return store;
   };

package/lib/debug/ui-react.js

@@ -1293,15 +1293,13 @@ const useCreatePersister = (
   const [persister, setPersister] = useState$2();
   useEffect(
     () => {
-      const newPersister = create(store);
-      setPersister(newPersister);
-      if (newPersister) {
-        if (then) {
-          (async () => {
-            await then(newPersister);
-            rerender([]);
-          })();
-        }
+      const persister2 = create(store);
+      setPersister(persister2);
+      if (persister2 && then) {
+        (async () => {
+          await then(persister2);
+          rerender([]);
+        })();
       }
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -1323,28 +1321,19 @@ const useCreateSynchronizer = (
   store,
   create,
   createDeps = EMPTY_ARRAY,
-  then,
-  thenDeps = EMPTY_ARRAY,
   destroy,
   destroyDeps = EMPTY_ARRAY,
 ) => {
-  const [, rerender] = useState$2();
   const [synchronizer, setSynchronizer] = useState$2();
   useEffect(
     () => {
       (async () => {
-        const newSynchronizer = await create(store);
-        setSynchronizer(newSynchronizer);
-        if (newSynchronizer && then) {
-          (async () => {
-            await then(newSynchronizer);
-            rerender([]);
-          })();
-        }
+        const synchronizer2 = await create(store);
+        setSynchronizer(synchronizer2);
       })();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [store, ...createDeps, ...thenDeps],
+    [store, ...createDeps],
   );
   useEffect(
     () => () => {