tinybase 6.0.0-beta.1 → 6.0.0-beta.3

package/ui-react/index.js

@@ -62,32 +62,6 @@ const arrayIsEmpty = (array) => size(array) == 0;
 const arrayFilter = (array, cb) => array.filter(cb);
 const arrayWith = (array, index, value) => array.with(index, value);
 
-const {
-  PureComponent,
-  createContext,
-  useCallback,
-  useContext,
-  useEffect,
-  useLayoutEffect,
-  useMemo,
-  useRef,
-  useState,
-  useSyncExternalStore,
-} = React;
-const getProps = (getProps2, ...ids) =>
-  isUndefined(getProps2) ? {} : getProps2(...ids);
-const getRelationshipsStoreTableIds = (relationships, relationshipId) => [
-  relationships,
-  relationships?.getStore(),
-  relationships?.getLocalTableId(relationshipId),
-  relationships?.getRemoteTableId(relationshipId),
-];
-const getIndexStoreTableId = (indexes, indexId) => [
-  indexes,
-  indexes?.getStore(),
-  indexes?.getTableId(indexId),
-];
-
 const object = Object;
 const getPrototypeOf = (obj) => object.getPrototypeOf(obj);
 const objEntries = object.entries;
@@ -123,14 +97,38 @@ const objIsEqual = (obj1, obj2) => {
     )
   );
 };
-const objEnsure = (obj, id, getDefaultValue) => {
-  if (!objHas(obj, id)) {
-    obj[id] = getDefaultValue();
-  }
-  return obj[id];
-};
 
-const Context = objEnsure(GLOBAL, TINYBASE + '_uirc', () => createContext([]));
+const {
+  PureComponent,
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useLayoutEffect,
+  useMemo,
+  useRef,
+  useState,
+  useSyncExternalStore,
+} = React;
+const getProps = (getProps2, ...ids) =>
+  isUndefined(getProps2) ? {} : getProps2(...ids);
+const getRelationshipsStoreTableIds = (relationships, relationshipId) => [
+  relationships,
+  relationships?.getStore(),
+  relationships?.getLocalTableId(relationshipId),
+  relationships?.getRemoteTableId(relationshipId),
+];
+const getIndexStoreTableId = (indexes, indexId) => [
+  indexes,
+  indexes?.getStore(),
+  indexes?.getTableId(indexId),
+];
+
+const TINYBASE_CONTEXT = TINYBASE + '_uirc';
+const Context = GLOBAL[TINYBASE_CONTEXT]
+  ? /* istanbul ignore next */
+    GLOBAL[TINYBASE_CONTEXT]
+  : (GLOBAL[TINYBASE_CONTEXT] = createContext([]));
 const useThing = (id, offset) => {
   const contextValue = useContext(Context);
   return isUndefined(id)
@@ -331,7 +329,6 @@ const useCheckpointAction = (checkpointsOrCheckpointsId, action, arg) => {
   );
   return useCallback(
     () => checkpoints?.[action](arg),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     [checkpoints, action, arg],
   );
 };

package/ui-react/with-schemas/index.js

@@ -62,32 +62,6 @@ const arrayIsEmpty = (array) => size(array) == 0;
 const arrayFilter = (array, cb) => array.filter(cb);
 const arrayWith = (array, index, value) => array.with(index, value);
 
-const {
-  PureComponent,
-  createContext,
-  useCallback,
-  useContext,
-  useEffect,
-  useLayoutEffect,
-  useMemo,
-  useRef,
-  useState,
-  useSyncExternalStore,
-} = React;
-const getProps = (getProps2, ...ids) =>
-  isUndefined(getProps2) ? {} : getProps2(...ids);
-const getRelationshipsStoreTableIds = (relationships, relationshipId) => [
-  relationships,
-  relationships?.getStore(),
-  relationships?.getLocalTableId(relationshipId),
-  relationships?.getRemoteTableId(relationshipId),
-];
-const getIndexStoreTableId = (indexes, indexId) => [
-  indexes,
-  indexes?.getStore(),
-  indexes?.getTableId(indexId),
-];
-
 const object = Object;
 const getPrototypeOf = (obj) => object.getPrototypeOf(obj);
 const objEntries = object.entries;
@@ -123,14 +97,38 @@ const objIsEqual = (obj1, obj2) => {
     )
   );
 };
-const objEnsure = (obj, id, getDefaultValue) => {
-  if (!objHas(obj, id)) {
-    obj[id] = getDefaultValue();
-  }
-  return obj[id];
-};
 
-const Context = objEnsure(GLOBAL, TINYBASE + '_uirc', () => createContext([]));
+const {
+  PureComponent,
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useLayoutEffect,
+  useMemo,
+  useRef,
+  useState,
+  useSyncExternalStore,
+} = React;
+const getProps = (getProps2, ...ids) =>
+  isUndefined(getProps2) ? {} : getProps2(...ids);
+const getRelationshipsStoreTableIds = (relationships, relationshipId) => [
+  relationships,
+  relationships?.getStore(),
+  relationships?.getLocalTableId(relationshipId),
+  relationships?.getRemoteTableId(relationshipId),
+];
+const getIndexStoreTableId = (indexes, indexId) => [
+  indexes,
+  indexes?.getStore(),
+  indexes?.getTableId(indexId),
+];
+
+const TINYBASE_CONTEXT = TINYBASE + '_uirc';
+const Context = GLOBAL[TINYBASE_CONTEXT]
+  ? /* istanbul ignore next */
+    GLOBAL[TINYBASE_CONTEXT]
+  : (GLOBAL[TINYBASE_CONTEXT] = createContext([]));
 const useThing = (id, offset) => {
   const contextValue = useContext(Context);
   return isUndefined(id)
@@ -331,7 +329,6 @@ const useCheckpointAction = (checkpointsOrCheckpointsId, action, arg) => {
   );
   return useCallback(
     () => checkpoints?.[action](arg),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     [checkpoints, action, arg],
   );
 };

package/ui-react-dom/index.js

@@ -1,28 +1,28 @@
-import {jsx, jsxs, Fragment} from 'react/jsx-runtime';
 import {
-  useRowIds,
-  useTableCellIds,
-  useRowCount,
-  useSortedRowIds,
-  useValueIds,
+  CellView,
+  ResultCellView,
   ValueView,
+  useCell,
   useIndexesOrIndexesById,
-  useSliceRowIds,
   useRelationshipsOrRelationshipsById,
-  useResultRowIds,
-  useResultTableCellIds,
+  useRemoteRowId,
   useResultRowCount,
+  useResultRowIds,
   useResultSortedRowIds,
-  useStoreOrStoreById,
+  useResultTableCellIds,
+  useRowCount,
+  useRowIds,
   useSetCellCallback,
-  useCell,
   useSetValueCallback,
+  useSliceRowIds,
+  useSortedRowIds,
+  useStoreOrStoreById,
+  useTableCellIds,
   useValue,
-  CellView,
-  ResultCellView,
-  useRemoteRowId,
+  useValueIds,
 } from '../ui-react/index.js';
 import React from 'react';
+import {Fragment, jsx, jsxs} from 'react/jsx-runtime';
 
 const getTypeOf = (thing) => typeof thing;
 const EMPTY_STRING = '';
@@ -44,6 +44,8 @@ const isTypeStringOrBoolean = (type) => type == STRING || type == BOOLEAN;
 const isString = (thing) => getTypeOf(thing) == STRING;
 const isArray = (thing) => Array.isArray(thing);
 
+const arrayMap = (array, cb) => array.map(cb);
+
 const getCellOrValueType = (cellOrValue) => {
   const type = getTypeOf(cellOrValue);
   return isTypeStringOrBoolean(type) ||
@@ -54,6 +56,14 @@ const getCellOrValueType = (cellOrValue) => {
 const getTypeCase = (type, stringCase, numberCase, booleanCase) =>
   type == STRING ? stringCase : type == NUMBER ? numberCase : booleanCase;
 
+const object = Object;
+const objEntries = object.entries;
+const objNew = (entries = []) => object.fromEntries(entries);
+const objToArray = (obj, cb) =>
+  arrayMap(objEntries(obj), ([id, value]) => cb(value, id));
+const objMap = (obj, cb) =>
+  objNew(objToArray(obj, (value, id) => [id, cb(value, id)]));
+
 const {
   PureComponent,
   createContext,
@@ -80,16 +90,6 @@ const getIndexStoreTableId = (indexes, indexId) => [
   indexes?.getTableId(indexId),
 ];
 
-const arrayMap = (array, cb) => array.map(cb);
-
-const object = Object;
-const objEntries = object.entries;
-const objNew = (entries = []) => object.fromEntries(entries);
-const objToArray = (obj, cb) =>
-  arrayMap(objEntries(obj), ([id, value]) => cb(value, id));
-const objMap = (obj, cb) =>
-  objNew(objToArray(obj, (value, id) => [id, cb(value, id)]));
-
 const DOT = '.';
 const EDITABLE = 'editable';
 const LEFT_ARROW = '\u2190';

package/ui-react-dom/with-schemas/index.js

@@ -1,28 +1,28 @@
-import {jsx, jsxs, Fragment} from 'react/jsx-runtime';
 import {
-  useRowIds,
-  useTableCellIds,
-  useRowCount,
-  useSortedRowIds,
-  useValueIds,
+  CellView,
+  ResultCellView,
   ValueView,
+  useCell,
   useIndexesOrIndexesById,
-  useSliceRowIds,
   useRelationshipsOrRelationshipsById,
-  useResultRowIds,
-  useResultTableCellIds,
+  useRemoteRowId,
   useResultRowCount,
+  useResultRowIds,
   useResultSortedRowIds,
-  useStoreOrStoreById,
+  useResultTableCellIds,
+  useRowCount,
+  useRowIds,
   useSetCellCallback,
-  useCell,
   useSetValueCallback,
+  useSliceRowIds,
+  useSortedRowIds,
+  useStoreOrStoreById,
+  useTableCellIds,
   useValue,
-  CellView,
-  ResultCellView,
-  useRemoteRowId,
+  useValueIds,
 } from '../../ui-react/with-schemas/index.js';
 import React from 'react';
+import {Fragment, jsx, jsxs} from 'react/jsx-runtime';
 
 const getTypeOf = (thing) => typeof thing;
 const EMPTY_STRING = '';
@@ -44,6 +44,8 @@ const isTypeStringOrBoolean = (type) => type == STRING || type == BOOLEAN;
 const isString = (thing) => getTypeOf(thing) == STRING;
 const isArray = (thing) => Array.isArray(thing);
 
+const arrayMap = (array, cb) => array.map(cb);
+
 const getCellOrValueType = (cellOrValue) => {
   const type = getTypeOf(cellOrValue);
   return isTypeStringOrBoolean(type) ||
@@ -54,6 +56,14 @@ const getCellOrValueType = (cellOrValue) => {
 const getTypeCase = (type, stringCase, numberCase, booleanCase) =>
   type == STRING ? stringCase : type == NUMBER ? numberCase : booleanCase;
 
+const object = Object;
+const objEntries = object.entries;
+const objNew = (entries = []) => object.fromEntries(entries);
+const objToArray = (obj, cb) =>
+  arrayMap(objEntries(obj), ([id, value]) => cb(value, id));
+const objMap = (obj, cb) =>
+  objNew(objToArray(obj, (value, id) => [id, cb(value, id)]));
+
 const {
   PureComponent,
   createContext,
@@ -80,16 +90,6 @@ const getIndexStoreTableId = (indexes, indexId) => [
   indexes?.getTableId(indexId),
 ];
 
-const arrayMap = (array, cb) => array.map(cb);
-
-const object = Object;
-const objEntries = object.entries;
-const objNew = (entries = []) => object.fromEntries(entries);
-const objToArray = (obj, cb) =>
-  arrayMap(objEntries(obj), ([id, value]) => cb(value, id));
-const objMap = (obj, cb) =>
-  objNew(objToArray(obj, (value, id) => [id, cb(value, id)]));
-
 const DOT = '.';
 const EDITABLE = 'editable';
 const LEFT_ARROW = '\u2190';