tinybase 5.0.0-beta.26 → 5.0.0-beta.28

package/cjs/es6/synchronizers/with-schemas/index.cjs

@@ -127,8 +127,8 @@ const Persists = {
 };
 const scheduleRunning = mapNew();
 const scheduleActions = mapNew();
-const getStoreFunctions = (persistable = Persists.StoreOnly, store) =>
-  persistable != Persists.StoreOnly && store.isMergeable()
+const getStoreFunctions = (persist = Persists.StoreOnly, store) =>
+  persist != Persists.StoreOnly && store.isMergeable()
     ? [
         1,
         store.getMergeableContent,
@@ -137,7 +137,7 @@ const getStoreFunctions = (persistable = Persists.StoreOnly, store) =>
           !objIsEmpty(changedTables) || !objIsEmpty(changedValues),
         store.setDefaultContent,
       ]
-    : persistable != Persists.MergeableStoreOnly
+    : persist != Persists.MergeableStoreOnly
       ? [
           0,
           store.getContent,
@@ -154,7 +154,7 @@ const createCustomPersister = (
   addPersisterListener,
   delPersisterListener,
   onIgnoredError,
-  persistable,
+  persist,
   extra = {},
   scheduleId = [],
 ) => {
@@ -172,7 +172,7 @@ const createCustomPersister = (
     getChanges,
     hasChanges,
     setDefaultContent,
-  ] = getStoreFunctions(persistable, store);
+  ] = getStoreFunctions(persist, store);
   const run = () =>
     __async$1(void 0, null, function* () {
       /* istanbul ignore else */
@@ -397,18 +397,20 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const RESPONSE = 0;
-const GET_CONTENT_HASHES = 1;
-const CONTENT_HASHES = 2;
-const CONTENT_DIFF = 3;
-const GET_TABLE_DIFF = 4;
-const GET_ROW_DIFF = 5;
-const GET_CELL_DIFF = 6;
-const GET_VALUE_DIFF = 7;
+const Message = {
+  Response: 0,
+  GetContentHashes: 1,
+  ContentHashes: 2,
+  ContentDiff: 3,
+  GetTableDiff: 4,
+  GetRowDiff: 5,
+  GetCellDiff: 6,
+  GetValueDiff: 7,
+};
 const createCustomSynchronizer = (
   store,
   send,
-  onReceive,
+  registerReceive,
   destroyImpl,
   requestTimeoutSeconds,
   onIgnoredError,
@@ -418,41 +420,39 @@ const createCustomSynchronizer = (
   let sends = 0;
   let receives = 0;
   const pendingRequests = mapNew();
-  onReceive((fromClientId, requestId, messageType, messageBody) => {
+  registerReceive((fromClientId, requestId, message, body) => {
     receives++;
-    if (messageType == RESPONSE) {
+    if (message == Message.Response) {
       ifNotUndefined(
         mapGet(pendingRequests, requestId),
         ([toClientId, handleResponse]) =>
           isUndefined(toClientId) || toClientId == fromClientId
-            ? handleResponse(messageBody, fromClientId)
+            ? handleResponse(body, fromClientId)
             : /* istanbul ignore next */
               0,
       );
-    } else if (messageType == CONTENT_HASHES && persister.isAutoLoading()) {
-      getChangesFromOtherStore(fromClientId, messageBody).then((changes) => {
+    } else if (message == Message.ContentHashes && persister.isAutoLoading()) {
+      getChangesFromOtherStore(fromClientId, body).then((changes) => {
         persisterListener == null ? void 0 : persisterListener(void 0, changes);
       });
-    } else if (messageType == CONTENT_DIFF && persister.isAutoLoading()) {
-      persisterListener == null
-        ? void 0
-        : persisterListener(void 0, messageBody);
+    } else if (message == Message.ContentDiff && persister.isAutoLoading()) {
+      persisterListener == null ? void 0 : persisterListener(void 0, body);
     } else {
       ifNotUndefined(
-        messageType == GET_CONTENT_HASHES && persister.isAutoSaving()
+        message == Message.GetContentHashes && persister.isAutoSaving()
           ? store.getMergeableContentHashes()
-          : messageType == GET_TABLE_DIFF
-            ? store.getMergeableTableDiff(messageBody)
-            : messageType == GET_ROW_DIFF
-              ? store.getMergeableRowDiff(messageBody)
-              : messageType == GET_CELL_DIFF
-                ? store.getMergeableCellDiff(messageBody)
-                : messageType == GET_VALUE_DIFF
-                  ? store.getMergeableValueDiff(messageBody)
+          : message == Message.GetTableDiff
+            ? store.getMergeableTableDiff(body)
+            : message == Message.GetRowDiff
+              ? store.getMergeableRowDiff(body)
+              : message == Message.GetCellDiff
+                ? store.getMergeableCellDiff(body)
+                : message == Message.GetValueDiff
+                  ? store.getMergeableValueDiff(body)
                   : void 0,
         (response) => {
           sends++;
-          send(fromClientId, requestId, RESPONSE, response);
+          send(fromClientId, requestId, Message.Response, response);
         },
       );
     }
@@ -461,13 +461,13 @@ const createCustomSynchronizer = (
     __async(
       void 0,
       [_0, _1, ..._2],
-      function* (toClientId, messageType, messageBody = EMPTY_STRING) {
+      function* (toClientId, message, body = EMPTY_STRING) {
         return promiseNew((resolve, reject) => {
           const requestId = getUniqueId();
           const timeout = setTimeout(() => {
             collDel(pendingRequests, requestId);
             reject(
-              `No response from ${toClientId != null ? toClientId : 'anyone'} to '${messageType}'`,
+              `No response from ${toClientId != null ? toClientId : 'anyone'} to '${message}'`,
             );
           }, requestTimeoutSeconds * 1e3);
           mapSet(pendingRequests, requestId, [
@@ -479,7 +479,7 @@ const createCustomSynchronizer = (
             },
           ]);
           sends++;
-          send(toClientId, requestId, messageType, messageBody);
+          send(toClientId, requestId, message, body);
         });
       },
     );
@@ -504,7 +504,7 @@ const createCustomSynchronizer = (
       if (isUndefined(otherContentHashes)) {
         [otherContentHashes, otherClientId] = yield request(
           otherClientId,
-          GET_CONTENT_HASHES,
+          Message.GetContentHashes,
         );
       }
       const [otherTablesHash, otherValuesHash] = otherContentHashes;
@@ -513,21 +513,21 @@ const createCustomSynchronizer = (
       if (tablesHash != otherTablesHash) {
         const [newTables, differentTableHashes] = (yield request(
           otherClientId,
-          GET_TABLE_DIFF,
+          Message.GetTableDiff,
           store.getMergeableTableHashes(),
         ))[0];
         tablesChanges = newTables;
         if (!objIsEmpty(differentTableHashes)) {
           const [newRows, differentRowHashes] = (yield request(
             otherClientId,
-            GET_ROW_DIFF,
+            Message.GetRowDiff,
             store.getMergeableRowHashes(differentTableHashes),
           ))[0];
           mergeTablesStamps(tablesChanges, newRows);
           if (!objIsEmpty(differentRowHashes)) {
             const newCells = (yield request(
               otherClientId,
-              GET_CELL_DIFF,
+              Message.GetCellDiff,
               store.getMergeableCellHashes(differentRowHashes),
             ))[0];
             mergeTablesStamps(tablesChanges, newCells);
@@ -540,7 +540,7 @@ const createCustomSynchronizer = (
           ? stampNewObj()
           : (yield request(
               otherClientId,
-              GET_VALUE_DIFF,
+              Message.GetValueDiff,
               store.getMergeableValueHashes(),
             ))[0],
         1,
@@ -557,9 +557,14 @@ const createCustomSynchronizer = (
     __async(void 0, null, function* () {
       sends++;
       if (changes) {
-        send(null, null, CONTENT_DIFF, changes);
+        send(null, null, Message.ContentDiff, changes);
       } else {
-        send(null, null, CONTENT_HASHES, store.getMergeableContentHashes());
+        send(
+          null,
+          null,
+          Message.ContentHashes,
+          store.getMergeableContentHashes(),
+        );
       }
     });
   const addPersisterListener = (listener) => (persisterListener = listener);
@@ -589,4 +594,5 @@ const createCustomSynchronizer = (
   return persister;
 };
 
+exports.Message = Message;
 exports.createCustomSynchronizer = createCustomSynchronizer;

package/cjs/es6/ui-react/index.cjs

@@ -185,7 +185,6 @@ const {
 } = React;
 const EMPTY_ARRAY = [];
 const DEFAULTS = [{}, [], [EMPTY_ARRAY, void 0, EMPTY_ARRAY], void 0, false, 0];
-const IS_EQUAL = (thing1, thing2) => thing1 === thing2;
 const IS_EQUALS = [
   objIsEqual,
   arrayIsEqual,
@@ -197,6 +196,7 @@ const IS_EQUALS = [
     arrayIsEqual(backwardIds1, backwardIds2) &&
     arrayIsEqual(forwardIds1, forwardIds2),
 ];
+const isEqual = (thing1, thing2) => thing1 === thing2;
 const useCreate = (store, create, createDeps = EMPTY_ARRAY) => {
   const [, rerender] = useState$2();
   const [thing, setThing] = useState$2();
@@ -220,8 +220,8 @@ const addAndDelListener = (thing, listenable, ...args) => {
       : _a.call(thing, ...args);
   return () => (thing == null ? void 0 : thing.delListener(listenerId));
 };
-const useListenable = (listenable, thing, type, args = EMPTY_ARRAY) => {
-  const lastResult = useRef$1(DEFAULTS[type]);
+const useListenable = (listenable, thing, returnType, args = EMPTY_ARRAY) => {
+  const lastResult = useRef$1(DEFAULTS[returnType]);
   const getResult = useCallback$2(
     () => {
       var _a, _b, _c;
@@ -230,12 +230,14 @@ const useListenable = (listenable, thing, type, args = EMPTY_ARRAY) => {
           (_a =
             thing == null
               ? void 0
-              : thing[(type == 4 ? _HAS : GET) + listenable]) == null
+              : thing[
+                  (returnType == 4 /* Boolean */ ? _HAS : GET) + listenable
+                ]) == null
             ? void 0
             : _a.call(thing, ...args)) != null
           ? _b
-          : DEFAULTS[type];
-      return !((_c = IS_EQUALS[type]) != null ? _c : IS_EQUAL)(
+          : DEFAULTS[returnType];
+      return !((_c = IS_EQUALS[returnType]) != null ? _c : isEqual)(
         nextResult,
         lastResult.current,
       )
@@ -243,23 +245,23 @@ const useListenable = (listenable, thing, type, args = EMPTY_ARRAY) => {
         : lastResult.current;
     },
     /* eslint-disable-next-line react-hooks/exhaustive-deps */
-    [thing, type, listenable, ...args],
+    [thing, returnType, listenable, ...args],
   );
   const subscribe = useCallback$2(
     (listener) =>
       addAndDelListener(
         thing,
-        (type == 4 ? HAS : EMPTY_STRING) + listenable,
+        (returnType == 4 /* Boolean */ ? HAS : EMPTY_STRING) + listenable,
         ...args,
         listener,
       ),
     /* eslint-disable-next-line react-hooks/exhaustive-deps */
-    [thing, type, listenable, ...args],
+    [thing, returnType, listenable, ...args],
   );
   const result = useSyncExternalStore(subscribe, getResult);
-  return type == 0
+  return returnType == 0 /* Object */
     ? __spreadValues$1({}, result)
-    : type < 3
+    : returnType < 3 /* CellOrValue */
       ? [...result]
       : result;
 };
@@ -336,28 +338,49 @@ const useCreateMergeableStore = (create, createDeps = EMPTY_ARRAY) =>
   useMemo$1(create, createDeps);
 const useStoreIds = () => useThingIds(1);
 const useHasTables = (storeOrStoreId) =>
-  useListenable(TABLES, useStoreOrStoreById(storeOrStoreId), 4, []);
+  useListenable(
+    TABLES,
+    useStoreOrStoreById(storeOrStoreId),
+    4 /* Boolean */,
+    [],
+  );
 const useTables = (storeOrStoreId) =>
-  useListenable(TABLES, useStoreOrStoreById(storeOrStoreId), 0);
+  useListenable(TABLES, useStoreOrStoreById(storeOrStoreId), 0 /* Object */);
 const useTableIds = (storeOrStoreId) =>
-  useListenable(TABLE_IDS, useStoreOrStoreById(storeOrStoreId), 1);
+  useListenable(TABLE_IDS, useStoreOrStoreById(storeOrStoreId), 1 /* Array */);
 const useHasTable = (tableId, storeOrStoreId) =>
-  useListenable(TABLE, useStoreOrStoreById(storeOrStoreId), 4, [tableId]);
-const useTable = (tableId, storeOrStoreId) =>
-  useListenable(TABLE, useStoreOrStoreById(storeOrStoreId), 0, [tableId]);
-const useTableCellIds = (tableId, storeOrStoreId) =>
-  useListenable(TABLE + CELL_IDS, useStoreOrStoreById(storeOrStoreId), 1, [
+  useListenable(TABLE, useStoreOrStoreById(storeOrStoreId), 4 /* Boolean */, [
     tableId,
   ]);
-const useHasTableCell = (tableId, cellId, storeOrStoreId) =>
-  useListenable(TABLE + CELL, useStoreOrStoreById(storeOrStoreId), 4, [
+const useTable = (tableId, storeOrStoreId) =>
+  useListenable(TABLE, useStoreOrStoreById(storeOrStoreId), 0 /* Object */, [
     tableId,
-    cellId,
   ]);
+const useTableCellIds = (tableId, storeOrStoreId) =>
+  useListenable(
+    TABLE + CELL_IDS,
+    useStoreOrStoreById(storeOrStoreId),
+    1 /* Array */,
+    [tableId],
+  );
+const useHasTableCell = (tableId, cellId, storeOrStoreId) =>
+  useListenable(
+    TABLE + CELL,
+    useStoreOrStoreById(storeOrStoreId),
+    4 /* Boolean */,
+    [tableId, cellId],
+  );
 const useRowCount = (tableId, storeOrStoreId) =>
-  useListenable(ROW_COUNT, useStoreOrStoreById(storeOrStoreId), 5, [tableId]);
+  useListenable(
+    ROW_COUNT,
+    useStoreOrStoreById(storeOrStoreId),
+    5 /* Number */,
+    [tableId],
+  );
 const useRowIds = (tableId, storeOrStoreId) =>
-  useListenable(ROW_IDS, useStoreOrStoreById(storeOrStoreId), 1, [tableId]);
+  useListenable(ROW_IDS, useStoreOrStoreById(storeOrStoreId), 1 /* Array */, [
+    tableId,
+  ]);
 const useSortedRowIds = (
   tableId,
   cellId,
@@ -366,44 +389,62 @@ const useSortedRowIds = (
   limit,
   storeOrStoreId,
 ) =>
-  useListenable(SORTED_ROW_IDS, useStoreOrStoreById(storeOrStoreId), 1, [
+  useListenable(
+    SORTED_ROW_IDS,
+    useStoreOrStoreById(storeOrStoreId),
+    1 /* Array */,
+    [tableId, cellId, descending, offset, limit],
+  );
+const useHasRow = (tableId, rowId, storeOrStoreId) =>
+  useListenable(ROW, useStoreOrStoreById(storeOrStoreId), 4 /* Boolean */, [
     tableId,
-    cellId,
-    descending,
-    offset,
-    limit,
+    rowId,
   ]);
-const useHasRow = (tableId, rowId, storeOrStoreId) =>
-  useListenable(ROW, useStoreOrStoreById(storeOrStoreId), 4, [tableId, rowId]);
 const useRow = (tableId, rowId, storeOrStoreId) =>
-  useListenable(ROW, useStoreOrStoreById(storeOrStoreId), 0, [tableId, rowId]);
-const useCellIds = (tableId, rowId, storeOrStoreId) =>
-  useListenable(CELL_IDS, useStoreOrStoreById(storeOrStoreId), 1, [
+  useListenable(ROW, useStoreOrStoreById(storeOrStoreId), 0 /* Object */, [
     tableId,
     rowId,
   ]);
-const useHasCell = (tableId, rowId, cellId, storeOrStoreId) =>
-  useListenable(CELL, useStoreOrStoreById(storeOrStoreId), 4, [
+const useCellIds = (tableId, rowId, storeOrStoreId) =>
+  useListenable(CELL_IDS, useStoreOrStoreById(storeOrStoreId), 1 /* Array */, [
     tableId,
     rowId,
-    cellId,
   ]);
-const useCell = (tableId, rowId, cellId, storeOrStoreId) =>
-  useListenable(CELL, useStoreOrStoreById(storeOrStoreId), 3, [
+const useHasCell = (tableId, rowId, cellId, storeOrStoreId) =>
+  useListenable(CELL, useStoreOrStoreById(storeOrStoreId), 4 /* Boolean */, [
     tableId,
     rowId,
     cellId,
   ]);
+const useCell = (tableId, rowId, cellId, storeOrStoreId) =>
+  useListenable(
+    CELL,
+    useStoreOrStoreById(storeOrStoreId),
+    3 /* CellOrValue */,
+    [tableId, rowId, cellId],
+  );
 const useHasValues = (storeOrStoreId) =>
-  useListenable(VALUES, useStoreOrStoreById(storeOrStoreId), 4, []);
+  useListenable(
+    VALUES,
+    useStoreOrStoreById(storeOrStoreId),
+    4 /* Boolean */,
+    [],
+  );
 const useValues = (storeOrStoreId) =>
-  useListenable(VALUES, useStoreOrStoreById(storeOrStoreId), 0);
+  useListenable(VALUES, useStoreOrStoreById(storeOrStoreId), 0 /* Object */);
 const useValueIds = (storeOrStoreId) =>
-  useListenable(VALUE_IDS, useStoreOrStoreById(storeOrStoreId), 1);
+  useListenable(VALUE_IDS, useStoreOrStoreById(storeOrStoreId), 1 /* Array */);
 const useHasValue = (valueId, storeOrStoreId) =>
-  useListenable(VALUE, useStoreOrStoreById(storeOrStoreId), 4, [valueId]);
+  useListenable(VALUE, useStoreOrStoreById(storeOrStoreId), 4 /* Boolean */, [
+    valueId,
+  ]);
 const useValue = (valueId, storeOrStoreId) =>
-  useListenable(VALUE, useStoreOrStoreById(storeOrStoreId), 3, [valueId]);
+  useListenable(
+    VALUE,
+    useStoreOrStoreById(storeOrStoreId),
+    3 /* CellOrValue */,
+    [valueId],
+  );
 const useSetTablesCallback = (
   getTables,
   getTablesDeps,
@@ -919,11 +960,18 @@ const useCreateMetrics = (store, create, createDeps) =>
   useCreate(store, create, createDeps);
 const useMetricsIds = () => useThingIds(3);
 const useMetricIds = (metricsOrMetricsId) =>
-  useListenable('MetricIds', useMetricsOrMetricsById(metricsOrMetricsId), 1);
+  useListenable(
+    'MetricIds',
+    useMetricsOrMetricsById(metricsOrMetricsId),
+    1 /* Array */,
+  );
 const useMetric = (metricId, metricsOrMetricsId) =>
-  useListenable('Metric', useMetricsOrMetricsById(metricsOrMetricsId), 3, [
-    metricId,
-  ]);
+  useListenable(
+    'Metric',
+    useMetricsOrMetricsById(metricsOrMetricsId),
+    3 /* CellOrValue */,
+    [metricId],
+  );
 const useMetricListener = (
   metricId,
   listener,
@@ -941,16 +989,23 @@ const useCreateIndexes = (store, create, createDeps) =>
   useCreate(store, create, createDeps);
 const useIndexesIds = () => useThingIds(5);
 const useSliceIds = (indexId, indexesOrIndexesId) =>
-  useListenable('SliceIds', useIndexesOrIndexesById(indexesOrIndexesId), 1, [
-    indexId,
-  ]);
+  useListenable(
+    'SliceIds',
+    useIndexesOrIndexesById(indexesOrIndexesId),
+    1 /* Array */,
+    [indexId],
+  );
 const useIndexIds = (indexesOrIndexesId) =>
-  useListenable('IndexIds', useIndexesOrIndexesById(indexesOrIndexesId), 1);
+  useListenable(
+    'IndexIds',
+    useIndexesOrIndexesById(indexesOrIndexesId),
+    1 /* Array */,
+  );
 const useSliceRowIds = (indexId, sliceId, indexesOrIndexesId) =>
   useListenable(
     'Slice' + ROW_IDS,
     useIndexesOrIndexesById(indexesOrIndexesId),
-    1,
+    1 /* Array */,
     [indexId, sliceId],
   );
 const useSliceIdsListener = (
@@ -987,7 +1042,7 @@ const useRelationshipIds = (relationshipsOrRelationshipsId) =>
   useListenable(
     'RelationshipIds',
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
-    1,
+    1 /* Array */,
   );
 const useRemoteRowId = (
   relationshipId,
@@ -997,7 +1052,7 @@ const useRemoteRowId = (
   useListenable(
     'RemoteRowId',
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
-    3,
+    3 /* CellOrValue */,
     [relationshipId, localRowId],
   );
 const useLocalRowIds = (
@@ -1008,7 +1063,7 @@ const useLocalRowIds = (
   useListenable(
     'Local' + ROW_IDS,
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
-    1,
+    1 /* Array */,
     [relationshipId, remoteRowId],
   );
 const useLinkedRowIds = (
@@ -1019,7 +1074,7 @@ const useLinkedRowIds = (
   useListenable(
     'Linked' + ROW_IDS,
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
-    1,
+    1 /* Array */,
     [relationshipId, firstRowId],
   );
 const useRemoteRowIdListener = (
@@ -1068,33 +1123,37 @@ const useCreateQueries = (store, create, createDeps) =>
   useCreate(store, create, createDeps);
 const useQueriesIds = () => useThingIds(9);
 const useQueryIds = (queriesOrQueriesId) =>
-  useListenable('QueryIds', useQueriesOrQueriesById(queriesOrQueriesId), 1);
+  useListenable(
+    'QueryIds',
+    useQueriesOrQueriesById(queriesOrQueriesId),
+    1 /* Array */,
+  );
 const useResultTable = (queryId, queriesOrQueriesId) =>
   useListenable(
     RESULT + TABLE,
     useQueriesOrQueriesById(queriesOrQueriesId),
-    0,
+    0 /* Object */,
     [queryId],
   );
 const useResultTableCellIds = (queryId, queriesOrQueriesId) =>
   useListenable(
     RESULT + TABLE + CELL_IDS,
     useQueriesOrQueriesById(queriesOrQueriesId),
-    1,
+    1 /* Array */,
     [queryId],
   );
 const useResultRowCount = (queryId, queriesOrQueriesId) =>
   useListenable(
     RESULT + ROW_COUNT,
     useQueriesOrQueriesById(queriesOrQueriesId),
-    5,
+    5 /* Number */,
     [queryId],
   );
 const useResultRowIds = (queryId, queriesOrQueriesId) =>
   useListenable(
     RESULT + ROW_IDS,
     useQueriesOrQueriesById(queriesOrQueriesId),
-    1,
+    1 /* Array */,
     [queryId],
   );
 const useResultSortedRowIds = (
@@ -1108,27 +1167,30 @@ const useResultSortedRowIds = (
   useListenable(
     RESULT + SORTED_ROW_IDS,
     useQueriesOrQueriesById(queriesOrQueriesId),
-    1,
+    1 /* Array */,
     [queryId, cellId, descending, offset, limit],
   );
 const useResultRow = (queryId, rowId, queriesOrQueriesId) =>
-  useListenable(RESULT + ROW, useQueriesOrQueriesById(queriesOrQueriesId), 0, [
-    queryId,
-    rowId,
-  ]);
+  useListenable(
+    RESULT + ROW,
+    useQueriesOrQueriesById(queriesOrQueriesId),
+    0 /* Object */,
+    [queryId, rowId],
+  );
 const useResultCellIds = (queryId, rowId, queriesOrQueriesId) =>
   useListenable(
     RESULT + CELL_IDS,
     useQueriesOrQueriesById(queriesOrQueriesId),
-    1,
+    1 /* Array */,
     [queryId, rowId],
   );
 const useResultCell = (queryId, rowId, cellId, queriesOrQueriesId) =>
-  useListenable(RESULT + CELL, useQueriesOrQueriesById(queriesOrQueriesId), 3, [
-    queryId,
-    rowId,
-    cellId,
-  ]);
+  useListenable(
+    RESULT + CELL,
+    useQueriesOrQueriesById(queriesOrQueriesId),
+    3 /* CellOrValue */,
+    [queryId, rowId, cellId],
+  );
 const useResultTableListener = (
   queryId,
   listener,
@@ -1248,13 +1310,13 @@ const useCheckpointIds = (checkpointsOrCheckpointsId) =>
   useListenable(
     'CheckpointIds',
     useCheckpointsOrCheckpointsById(checkpointsOrCheckpointsId),
-    2,
+    2 /* Checkpoints */,
   );
 const useCheckpoint = (checkpointId, checkpointsOrCheckpointsId) =>
   useListenable(
     'Checkpoint',
     useCheckpointsOrCheckpointsById(checkpointsOrCheckpointsId),
-    3,
+    3 /* CellOrValue */,
     [checkpointId],
   );
 const useSetCheckpointCallback = (