tinybase 4.4.0-beta.1 → 4.4.0

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

@@ -53,6 +53,7 @@ const TYPE = 'type';
 const DEFAULT = 'default';
 const LISTENER = 'Listener';
 const ADD = 'add';
+const HAS = 'Has';
 const IDS = 'Ids';
 const TABLE = 'Table';
 const TABLES = TABLE + 's';
@@ -65,7 +66,6 @@ const CELL_IDS = CELL + IDS;
 const VALUE = 'Value';
 const VALUES = VALUE + 's';
 const VALUE_IDS = VALUE + IDS;
-const HAS = 'Has';
 const CURRENT_TARGET = 'currentTarget';
 const _VALUE = 'value';
 const id = (key) => EMPTY_STRING + key;

package/lib/debug/ui-react.js

@@ -7,6 +7,8 @@ const LISTENER = 'Listener';
 const RESULT = 'Result';
 const GET = 'get';
 const ADD = 'add';
+const HAS = 'Has';
+const _HAS = 'has';
 const IDS = 'Ids';
 const TABLE = 'Table';
 const TABLES = TABLE + 's';
@@ -81,10 +83,14 @@ const {
   useCallback: useCallback$1,
   useEffect,
   useMemo: useMemo$1,
+  useLayoutEffect: useLayoutEffect$1,
   useRef: useRef$1,
   useState: useState$1,
 } = React;
-const useCreate = (store, create, createDeps = []) => {
+const EMPTY_ARRAY = [];
+const EMPTY_OBJECT = {};
+const DEFAULT_CHECKPOINT_IDS = [[], void 0, []];
+const useCreate = (store, create, createDeps = EMPTY_ARRAY) => {
   const thing = useMemo$1(
     () => create(store),
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -97,19 +103,21 @@ const useListenable = (
   listenable,
   thing,
   defaulted,
-  args = [],
+  args = EMPTY_ARRAY,
   getFromListenerArg,
+  getterPrefix = GET,
+  listenerPrefix = EMPTY_STRING,
 ) => {
   const [, rerender] = useState$1();
   const getResult = useCallback$1(
-    () => thing?.[GET + listenable]?.(...args) ?? defaulted,
+    () => thing?.[getterPrefix + listenable]?.(...args) ?? defaulted,
     /* eslint-disable-next-line react-hooks/exhaustive-deps */
-    [thing, ...args],
+    [thing, listenable, ...args, defaulted],
   );
   const result = useRef$1();
   useMemo$1(() => (result.current = getResult()), [getResult]);
   useListener(
-    listenable,
+    listenerPrefix + listenable,
     thing,
     (...listenerArgs) => {
       result.current = isUndefined(getFromListenerArg)
@@ -117,7 +125,7 @@ const useListenable = (
         : listenerArgs[getFromListenerArg];
       rerender([]);
     },
-    [],
+    [getResult, getFromListenerArg],
     args,
   );
   return result.current;
@@ -126,30 +134,25 @@ const useListener = (
   listenable,
   thing,
   listener,
-  listenerDeps = [],
-  preArgs = [],
+  listenerDeps = EMPTY_ARRAY,
+  preArgs = EMPTY_ARRAY,
   ...postArgs
-) => {
-  const deps = [thing, ...preArgs, ...listenerDeps, ...postArgs];
-  const listenerId = useMemo$1(
-    () =>
-      thing?.[ADD + listenable + LISTENER]?.(...preArgs, listener, ...postArgs),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    deps,
-  );
-  useEffect(
-    () => () => thing?.delListener(listenerId),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    deps,
-  );
-};
+) =>
+  useLayoutEffect$1(() => {
+    const listenerId = thing?.[ADD + listenable + LISTENER]?.(
+      ...preArgs,
+      listener,
+      ...postArgs,
+    );
+    return () => thing?.delListener(listenerId);
+  }, [thing, listenable, ...preArgs, ...listenerDeps, ...postArgs]);
 const useSetCallback = (
   storeOrStoreId,
   settable,
   get,
-  getDeps = [],
+  getDeps = EMPTY_ARRAY,
   then = getUndefined,
-  thenDeps = [],
+  thenDeps = EMPTY_ARRAY,
   ...args
 ) => {
   const store = useStoreOrStoreById(storeOrStoreId);
@@ -168,7 +171,7 @@ const useDel = (
   storeOrStoreId,
   deletable,
   then = getUndefined,
-  thenDeps = [],
+  thenDeps = EMPTY_ARRAY,
   ...args
 ) => {
   const store = useStoreOrStoreById(storeOrStoreId);
@@ -188,26 +191,60 @@ const useCheckpointAction = (checkpointsOrCheckpointsId, action, arg) => {
     [checkpoints, action, arg],
   );
 };
-const useCreateStore = (create, createDeps = []) =>
+const useCreateStore = (create, createDeps = EMPTY_ARRAY) =>
   useMemo$1(create, createDeps);
 const useStoreIds = () => useThingIds(1);
+const useHasTables = (storeOrStoreId) =>
+  useListenable(
+    TABLES,
+    useStoreOrStoreById(storeOrStoreId),
+    false,
+    [],
+    1,
+    _HAS,
+    HAS,
+  );
 const useTables = (storeOrStoreId) =>
-  useListenable(TABLES, useStoreOrStoreById(storeOrStoreId), {});
+  useListenable(TABLES, useStoreOrStoreById(storeOrStoreId), EMPTY_OBJECT);
 const useTableIds = (storeOrStoreId) =>
-  useListenable(TABLE_IDS, useStoreOrStoreById(storeOrStoreId), [], []);
+  useListenable(TABLE_IDS, useStoreOrStoreById(storeOrStoreId), EMPTY_ARRAY);
+const useHasTable = (tableId, storeOrStoreId) =>
+  useListenable(
+    TABLE,
+    useStoreOrStoreById(storeOrStoreId),
+    false,
+    [tableId],
+    2,
+    _HAS,
+    HAS,
+  );
 const useTable = (tableId, storeOrStoreId) =>
-  useListenable(TABLE, useStoreOrStoreById(storeOrStoreId), {}, [tableId]);
+  useListenable(TABLE, useStoreOrStoreById(storeOrStoreId), EMPTY_OBJECT, [
+    tableId,
+  ]);
 const useTableCellIds = (tableId, storeOrStoreId) =>
   useListenable(
     TABLE + CELL_IDS,
     useStoreOrStoreById(storeOrStoreId),
-    [],
+    EMPTY_ARRAY,
     [tableId],
   );
+const useHasTableCell = (tableId, cellId, storeOrStoreId) =>
+  useListenable(
+    TABLE + CELL,
+    useStoreOrStoreById(storeOrStoreId),
+    false,
+    [tableId, cellId],
+    3,
+    _HAS,
+    HAS,
+  );
 const useRowCount = (tableId, storeOrStoreId) =>
-  useListenable(ROW_COUNT, useStoreOrStoreById(storeOrStoreId), [], [tableId]);
+  useListenable(ROW_COUNT, useStoreOrStoreById(storeOrStoreId), 0, [tableId]);
 const useRowIds = (tableId, storeOrStoreId) =>
-  useListenable(ROW_IDS, useStoreOrStoreById(storeOrStoreId), [], [tableId]);
+  useListenable(ROW_IDS, useStoreOrStoreById(storeOrStoreId), EMPTY_ARRAY, [
+    tableId,
+  ]);
 const useSortedRowIds = (
   tableId,
   cellId,
@@ -219,18 +256,39 @@ const useSortedRowIds = (
   useListenable(
     SORTED_ROW_IDS,
     useStoreOrStoreById(storeOrStoreId),
-    [],
+    EMPTY_ARRAY,
     [tableId, cellId, descending, offset, limit],
     6,
   );
+const useHasRow = (tableId, rowId, storeOrStoreId) =>
+  useListenable(
+    ROW,
+    useStoreOrStoreById(storeOrStoreId),
+    false,
+    [tableId, rowId],
+    3,
+    _HAS,
+    HAS,
+  );
 const useRow = (tableId, rowId, storeOrStoreId) =>
-  useListenable(ROW, useStoreOrStoreById(storeOrStoreId), {}, [tableId, rowId]);
+  useListenable(ROW, useStoreOrStoreById(storeOrStoreId), EMPTY_OBJECT, [
+    tableId,
+    rowId,
+  ]);
 const useCellIds = (tableId, rowId, storeOrStoreId) =>
+  useListenable(CELL_IDS, useStoreOrStoreById(storeOrStoreId), EMPTY_ARRAY, [
+    tableId,
+    rowId,
+  ]);
+const useHasCell = (tableId, rowId, cellId, storeOrStoreId) =>
   useListenable(
-    CELL_IDS,
+    CELL,
     useStoreOrStoreById(storeOrStoreId),
-    [],
-    [tableId, rowId],
+    false,
+    [tableId, rowId, cellId],
+    4,
+    _HAS,
+    HAS,
   );
 const useCell = (tableId, rowId, cellId, storeOrStoreId) =>
   useListenable(
@@ -240,10 +298,30 @@ const useCell = (tableId, rowId, cellId, storeOrStoreId) =>
     [tableId, rowId, cellId],
     4,
   );
+const useHasValues = (storeOrStoreId) =>
+  useListenable(
+    VALUES,
+    useStoreOrStoreById(storeOrStoreId),
+    false,
+    [],
+    1,
+    _HAS,
+    HAS,
+  );
 const useValues = (storeOrStoreId) =>
-  useListenable(VALUES, useStoreOrStoreById(storeOrStoreId), {});
+  useListenable(VALUES, useStoreOrStoreById(storeOrStoreId), EMPTY_OBJECT);
 const useValueIds = (storeOrStoreId) =>
-  useListenable(VALUE_IDS, useStoreOrStoreById(storeOrStoreId), [], []);
+  useListenable(VALUE_IDS, useStoreOrStoreById(storeOrStoreId), EMPTY_ARRAY);
+const useHasValue = (valueId, storeOrStoreId) =>
+  useListenable(
+    VALUE,
+    useStoreOrStoreById(storeOrStoreId),
+    false,
+    [valueId],
+    2,
+    _HAS,
+    HAS,
+  );
 const useValue = (valueId, storeOrStoreId) =>
   useListenable(VALUE, useStoreOrStoreById(storeOrStoreId), void 0, [valueId]);
 const useSetTablesCallback = (
@@ -300,10 +378,10 @@ const useSetRowCallback = (
 const useAddRowCallback = (
   tableId,
   getRow,
-  getRowDeps = [],
+  getRowDeps = EMPTY_ARRAY,
   storeOrStoreId,
   then = getUndefined,
-  thenDeps = [],
+  thenDeps = EMPTY_ARRAY,
   reuseRowIds = true,
 ) => {
   const store = useStoreOrStoreById(storeOrStoreId);
@@ -434,13 +512,27 @@ const useDelValuesCallback = (storeOrStoreId, then, thenDeps) =>
   useDel(storeOrStoreId, VALUES, then, thenDeps);
 const useDelValueCallback = (valueId, storeOrStoreId, then, thenDeps) =>
   useDel(storeOrStoreId, VALUE, then, thenDeps, valueId);
+const useHasTablesListener = (
+  listener,
+  listenerDeps,
+  mutator,
+  storeOrStoreId,
+) =>
+  useListener(
+    HAS + TABLES,
+    useStoreOrStoreById(storeOrStoreId),
+    listener,
+    listenerDeps,
+    [],
+    mutator,
+  );
 const useTablesListener = (listener, listenerDeps, mutator, storeOrStoreId) =>
   useListener(
     TABLES,
     useStoreOrStoreById(storeOrStoreId),
     listener,
     listenerDeps,
-    [],
+    EMPTY_ARRAY,
     mutator,
   );
 const useTableIdsListener = (listener, listenerDeps, mutator, storeOrStoreId) =>
@@ -449,7 +541,22 @@ const useTableIdsListener = (listener, listenerDeps, mutator, storeOrStoreId) =>
     useStoreOrStoreById(storeOrStoreId),
     listener,
     listenerDeps,
-    [],
+    EMPTY_ARRAY,
+    mutator,
+  );
+const useHasTableListener = (
+  tableId,
+  listener,
+  listenerDeps,
+  mutator,
+  storeOrStoreId,
+) =>
+  useListener(
+    HAS + TABLE,
+    useStoreOrStoreById(storeOrStoreId),
+    listener,
+    listenerDeps,
+    [tableId],
     mutator,
   );
 const useTableListener = (
@@ -482,6 +589,22 @@ const useTableCellIdsListener = (
     [tableId],
     mutator,
   );
+const useHasTableCellListener = (
+  tableId,
+  cellId,
+  listener,
+  listenerDeps,
+  mutator,
+  storeOrStoreId,
+) =>
+  useListener(
+    HAS + TABLE + CELL,
+    useStoreOrStoreById(storeOrStoreId),
+    listener,
+    listenerDeps,
+    [tableId, cellId],
+    mutator,
+  );
 const useRowCountListener = (
   tableId,
   listener,
@@ -531,6 +654,22 @@ const useSortedRowIdsListener = (
     [tableId, cellId, descending, offset, limit],
     mutator,
   );
+const useHasRowListener = (
+  tableId,
+  rowId,
+  listener,
+  listenerDeps,
+  mutator,
+  storeOrStoreId,
+) =>
+  useListener(
+    HAS + ROW,
+    useStoreOrStoreById(storeOrStoreId),
+    listener,
+    listenerDeps,
+    [tableId, rowId],
+    mutator,
+  );
 const useRowListener = (
   tableId,
   rowId,
@@ -563,6 +702,23 @@ const useCellIdsListener = (
     [tableId, rowId],
     mutator,
   );
+const useHasCellListener = (
+  tableId,
+  rowId,
+  cellId,
+  listener,
+  listenerDeps,
+  mutator,
+  storeOrStoreId,
+) =>
+  useListener(
+    HAS + CELL,
+    useStoreOrStoreById(storeOrStoreId),
+    listener,
+    listenerDeps,
+    [tableId, rowId, cellId],
+    mutator,
+  );
 const useCellListener = (
   tableId,
   rowId,
@@ -580,13 +736,27 @@ const useCellListener = (
     [tableId, rowId, cellId],
     mutator,
   );
+const useHasValuesListener = (
+  listener,
+  listenerDeps,
+  mutator,
+  storeOrStoreId,
+) =>
+  useListener(
+    HAS + VALUES,
+    useStoreOrStoreById(storeOrStoreId),
+    listener,
+    listenerDeps,
+    [],
+    mutator,
+  );
 const useValuesListener = (listener, listenerDeps, mutator, storeOrStoreId) =>
   useListener(
     VALUES,
     useStoreOrStoreById(storeOrStoreId),
     listener,
     listenerDeps,
-    [],
+    EMPTY_ARRAY,
     mutator,
   );
 const useValueIdsListener = (listener, listenerDeps, mutator, storeOrStoreId) =>
@@ -595,7 +765,22 @@ const useValueIdsListener = (listener, listenerDeps, mutator, storeOrStoreId) =>
     useStoreOrStoreById(storeOrStoreId),
     listener,
     listenerDeps,
-    [],
+    EMPTY_ARRAY,
+    mutator,
+  );
+const useHasValueListener = (
+  valueId,
+  listener,
+  listenerDeps,
+  mutator,
+  storeOrStoreId,
+) =>
+  useListener(
+    HAS + VALUE,
+    useStoreOrStoreById(storeOrStoreId),
+    listener,
+    listenerDeps,
+    [valueId],
     mutator,
   );
 const useValueListener = (
@@ -646,7 +831,11 @@ const useCreateMetrics = (store, create, createDeps) =>
   useCreate(store, create, createDeps);
 const useMetricsIds = () => useThingIds(3);
 const useMetricIds = (metricsOrMetricsId) =>
-  useListenable('MetricIds', useMetricsOrMetricsById(metricsOrMetricsId), []);
+  useListenable(
+    'MetricIds',
+    useMetricsOrMetricsById(metricsOrMetricsId),
+    EMPTY_ARRAY,
+  );
 const useMetric = (metricId, metricsOrMetricsId) =>
   useListenable('Metric', useMetricsOrMetricsById(metricsOrMetricsId), void 0, [
     metricId,
@@ -671,16 +860,20 @@ const useSliceIds = (indexId, indexesOrIndexesId) =>
   useListenable(
     'SliceIds',
     useIndexesOrIndexesById(indexesOrIndexesId),
-    [],
+    EMPTY_ARRAY,
     [indexId],
   );
 const useIndexIds = (indexesOrIndexesId) =>
-  useListenable('IndexIds', useIndexesOrIndexesById(indexesOrIndexesId), []);
+  useListenable(
+    'IndexIds',
+    useIndexesOrIndexesById(indexesOrIndexesId),
+    EMPTY_ARRAY,
+  );
 const useSliceRowIds = (indexId, sliceId, indexesOrIndexesId) =>
   useListenable(
     'Slice' + ROW_IDS,
     useIndexesOrIndexesById(indexesOrIndexesId),
-    [],
+    EMPTY_ARRAY,
     [indexId, sliceId],
   );
 const useSliceIdsListener = (
@@ -717,7 +910,7 @@ const useRelationshipIds = (relationshipsOrRelationshipsId) =>
   useListenable(
     'RelationshipIds',
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
-    [],
+    EMPTY_ARRAY,
   );
 const useRemoteRowId = (
   relationshipId,
@@ -738,7 +931,7 @@ const useLocalRowIds = (
   useListenable(
     'Local' + ROW_IDS,
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
-    [],
+    EMPTY_ARRAY,
     [relationshipId, remoteRowId],
   );
 const useLinkedRowIds = (
@@ -749,7 +942,7 @@ const useLinkedRowIds = (
   useListenable(
     'Linked' + ROW_IDS,
     useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
-    [],
+    EMPTY_ARRAY,
     [relationshipId, firstRowId],
   );
 const useRemoteRowIdListener = (
@@ -798,33 +991,37 @@ const useCreateQueries = (store, create, createDeps) =>
   useCreate(store, create, createDeps);
 const useQueriesIds = () => useThingIds(9);
 const useQueryIds = (queriesOrQueriesId) =>
-  useListenable('QueryIds', useQueriesOrQueriesById(queriesOrQueriesId), []);
+  useListenable(
+    'QueryIds',
+    useQueriesOrQueriesById(queriesOrQueriesId),
+    EMPTY_ARRAY,
+  );
 const useResultTable = (queryId, queriesOrQueriesId) =>
   useListenable(
     RESULT + TABLE,
     useQueriesOrQueriesById(queriesOrQueriesId),
-    {},
+    EMPTY_OBJECT,
     [queryId],
   );
 const useResultTableCellIds = (queryId, queriesOrQueriesId) =>
   useListenable(
     RESULT + TABLE + CELL_IDS,
     useQueriesOrQueriesById(queriesOrQueriesId),
-    [],
+    EMPTY_ARRAY,
     [queryId],
   );
 const useResultRowCount = (queryId, queriesOrQueriesId) =>
   useListenable(
     RESULT + ROW_COUNT,
     useQueriesOrQueriesById(queriesOrQueriesId),
-    [],
+    0,
     [queryId],
   );
 const useResultRowIds = (queryId, queriesOrQueriesId) =>
   useListenable(
     RESULT + ROW_IDS,
     useQueriesOrQueriesById(queriesOrQueriesId),
-    [],
+    EMPTY_ARRAY,
     [queryId],
   );
 const useResultSortedRowIds = (
@@ -838,20 +1035,22 @@ const useResultSortedRowIds = (
   useListenable(
     RESULT + SORTED_ROW_IDS,
     useQueriesOrQueriesById(queriesOrQueriesId),
-    [],
+    EMPTY_ARRAY,
     [queryId, cellId, descending, offset, limit],
     6,
   );
 const useResultRow = (queryId, rowId, queriesOrQueriesId) =>
-  useListenable(RESULT + ROW, useQueriesOrQueriesById(queriesOrQueriesId), {}, [
-    queryId,
-    rowId,
-  ]);
+  useListenable(
+    RESULT + ROW,
+    useQueriesOrQueriesById(queriesOrQueriesId),
+    EMPTY_OBJECT,
+    [queryId, rowId],
+  );
 const useResultCellIds = (queryId, rowId, queriesOrQueriesId) =>
   useListenable(
     RESULT + CELL_IDS,
     useQueriesOrQueriesById(queriesOrQueriesId),
-    [],
+    EMPTY_ARRAY,
     [queryId, rowId],
   );
 const useResultCell = (queryId, rowId, cellId, queriesOrQueriesId) =>
@@ -980,7 +1179,7 @@ const useCheckpointIds = (checkpointsOrCheckpointsId) =>
   useListenable(
     'CheckpointIds',
     useCheckpointsOrCheckpointsById(checkpointsOrCheckpointsId),
-    [[], void 0, []],
+    DEFAULT_CHECKPOINT_IDS,
   );
 const useCheckpoint = (checkpointId, checkpointsOrCheckpointsId) =>
   useListenable(
@@ -991,10 +1190,10 @@ const useCheckpoint = (checkpointId, checkpointsOrCheckpointsId) =>
   );
 const useSetCheckpointCallback = (
   getCheckpoint = getUndefined,
-  getCheckpointDeps = [],
+  getCheckpointDeps = EMPTY_ARRAY,
   checkpointsOrCheckpointsId,
   then = getUndefined,
-  thenDeps = [],
+  thenDeps = EMPTY_ARRAY,
 ) => {
   const checkpoints = useCheckpointsOrCheckpointsById(
     checkpointsOrCheckpointsId,
@@ -1015,10 +1214,10 @@ const useGoForwardCallback = (checkpointsOrCheckpointsId) =>
   useCheckpointAction(checkpointsOrCheckpointsId, 'goForward');
 const useGoToCallback = (
   getCheckpointId,
-  getCheckpointIdDeps = [],
+  getCheckpointIdDeps = EMPTY_ARRAY,
   checkpointsOrCheckpointsId,
   then = getUndefined,
-  thenDeps = [],
+  thenDeps = EMPTY_ARRAY,
 ) => {
   const checkpoints = useCheckpointsOrCheckpointsById(
     checkpointsOrCheckpointsId,
@@ -1087,11 +1286,11 @@ const useCheckpointListener = (
 const useCreatePersister = (
   store,
   create,
-  createDeps = [],
+  createDeps = EMPTY_ARRAY,
   then,
-  thenDeps = [],
+  thenDeps = EMPTY_ARRAY,
   destroy,
-  destroyDeps = [],
+  destroyDeps = EMPTY_ARRAY,
 ) => {
   const [, rerender] = useState$1();
   const persister = useMemo$1(
@@ -1628,6 +1827,20 @@ export {
   useGoBackwardCallback,
   useGoForwardCallback,
   useGoToCallback,
+  useHasCell,
+  useHasCellListener,
+  useHasRow,
+  useHasRowListener,
+  useHasTable,
+  useHasTableCell,
+  useHasTableCellListener,
+  useHasTableListener,
+  useHasTables,
+  useHasTablesListener,
+  useHasValue,
+  useHasValueListener,
+  useHasValues,
+  useHasValuesListener,
   useIndexIds,
   useIndexes,
   useIndexesIds,