tinybase 6.0.0-beta.2 → 6.0.0

package/synchronizers/synchronizer-ws-server-durable-object/with-schemas/index.js

@@ -126,20 +126,29 @@ const visitTree = (node, path, ensureLeaf, pruneLeaf, p = 0) =>
     },
   );
 
+const MASK6 = 63;
+const ENCODE = /* @__PURE__ */ strSplit(
+  '-0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ_abcdefghijklmnopqrstuvwxyz',
+);
+const encode = (num) => ENCODE[num & MASK6];
+
+const getRandomValues = GLOBAL.crypto
+  ? (array) => GLOBAL.crypto.getRandomValues(array)
+  : /* istanbul ignore next */
+    (array) => arrayMap(array, () => mathFloor(math.random() * 256));
+const getUniqueId = (length = 16) =>
+  arrayReduce(
+    getRandomValues(new Uint8Array(length)),
+    (uniqueId, number) => uniqueId + encode(number),
+    '',
+  );
+
 const stampNew = (value, time) => (time ? [value, time] : [value]);
 const getLatestTime = (time1, time2) =>
   /* istanbul ignore next */
   ((time1 ?? '') > (time2 ?? '') ? time1 : time2) ?? '';
 const stampNewObj = (time = EMPTY_STRING) => stampNew(objNew(), time);
 
-const setNew = (entryOrEntries) =>
-  new Set(
-    isArray(entryOrEntries) || isUndefined(entryOrEntries)
-      ? entryOrEntries
-      : [entryOrEntries],
-  );
-const setAdd = (set, value) => set?.add(value);
-
 const INTEGER = /^\d+$/;
 const getPoolFunctions = () => {
   const pool = [];
@@ -154,6 +163,14 @@ const getPoolFunctions = () => {
   ];
 };
 
+const setNew = (entryOrEntries) =>
+  new Set(
+    isArray(entryOrEntries) || isUndefined(entryOrEntries)
+      ? entryOrEntries
+      : [entryOrEntries],
+  );
+const setAdd = (set, value) => set?.add(value);
+
 const getWildcardedLeaves = (deepIdSet, path = [EMPTY_STRING]) => {
   const leaves = [];
   const deep = (node, p) =>
@@ -437,23 +454,6 @@ const createCustomPersister = (
   return objFreeze(persister);
 };
 
-const MASK6 = 63;
-const ENCODE = /* @__PURE__ */ strSplit(
-  '-0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ_abcdefghijklmnopqrstuvwxyz',
-);
-const encode = (num) => ENCODE[num & MASK6];
-
-const getRandomValues = GLOBAL.crypto
-  ? (array) => GLOBAL.crypto.getRandomValues(array)
-  : /* istanbul ignore next */
-    (array) => arrayMap(array, () => mathFloor(math.random() * 256));
-const getUniqueId = (length = 16) =>
-  arrayReduce(
-    getRandomValues(new Uint8Array(length)),
-    (uniqueId, number) => uniqueId + encode(number),
-    '',
-  );
-
 const createCustomSynchronizer = (
   store,
   send,

package/synchronizers/synchronizer-ws-server-simple/index.js

@@ -8,9 +8,6 @@ const ifNotUndefined = (value, then, otherwise) =>
   isUndefined(value) ? otherwise?.() : then(value);
 const slice = (arrayOrString, start, end) => arrayOrString.slice(start, end);
 
-const object = Object;
-const objFreeze = object.freeze;
-
 const collSize = (coll) => coll?.size ?? 0;
 const collHas = (coll, keyOrValue) => coll?.has(keyOrValue) ?? false;
 const collIsEmpty = (coll) => isUndefined(coll) || collSize(coll) == 0;
@@ -18,6 +15,9 @@ const collClear = (coll) => coll.clear();
 const collForEach = (coll, cb) => coll?.forEach(cb);
 const collDel = (coll, keyOrValue) => coll?.delete(keyOrValue);
 
+const object = Object;
+const objFreeze = object.freeze;
+
 const mapNew = (entries) => new Map(entries);
 const mapGet = (map, key) => map?.get(key);
 const mapForEach = (map, cb) =>

package/synchronizers/synchronizer-ws-server-simple/with-schemas/index.js

@@ -8,9 +8,6 @@ const ifNotUndefined = (value, then, otherwise) =>
   isUndefined(value) ? otherwise?.() : then(value);
 const slice = (arrayOrString, start, end) => arrayOrString.slice(start, end);
 
-const object = Object;
-const objFreeze = object.freeze;
-
 const collSize = (coll) => coll?.size ?? 0;
 const collHas = (coll, keyOrValue) => coll?.has(keyOrValue) ?? false;
 const collIsEmpty = (coll) => isUndefined(coll) || collSize(coll) == 0;
@@ -18,6 +15,9 @@ const collClear = (coll) => coll.clear();
 const collForEach = (coll, cb) => coll?.forEach(cb);
 const collDel = (coll, keyOrValue) => coll?.delete(keyOrValue);
 
+const object = Object;
+const objFreeze = object.freeze;
+
 const mapNew = (entries) => new Map(entries);
 const mapGet = (map, key) => map?.get(key);
 const mapForEach = (map, cb) =>

package/synchronizers/with-schemas/index.js

@@ -27,6 +27,12 @@ const arrayClear = (array, to) => array.splice(0, to);
 const arrayPush = (array, ...values) => array.push(...values);
 const arrayShift = (array) => array.shift();
 
+const collSize = (coll) => coll?.size ?? 0;
+const collHas = (coll, keyOrValue) => coll?.has(keyOrValue) ?? false;
+const collIsEmpty = (coll) => isUndefined(coll) || collSize(coll) == 0;
+const collForEach = (coll, cb) => coll?.forEach(cb);
+const collDel = (coll, keyOrValue) => coll?.delete(keyOrValue);
+
 const object = Object;
 const getPrototypeOf = (obj) => object.getPrototypeOf(obj);
 const objEntries = object.entries;
@@ -56,12 +62,6 @@ const objEnsure = (obj, id, getDefaultValue) => {
   return obj[id];
 };
 
-const collSize = (coll) => coll?.size ?? 0;
-const collHas = (coll, keyOrValue) => coll?.has(keyOrValue) ?? false;
-const collIsEmpty = (coll) => isUndefined(coll) || collSize(coll) == 0;
-const collForEach = (coll, cb) => coll?.forEach(cb);
-const collDel = (coll, keyOrValue) => coll?.delete(keyOrValue);
-
 const mapNew = (entries) => new Map(entries);
 const mapGet = (map, key) => map?.get(key);
 const mapSet = (map, key, value) =>
@@ -96,20 +96,29 @@ const visitTree = (node, path, ensureLeaf, pruneLeaf, p = 0) =>
     },
   );
 
+const MASK6 = 63;
+const ENCODE = /* @__PURE__ */ strSplit(
+  '-0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ_abcdefghijklmnopqrstuvwxyz',
+);
+const encode = (num) => ENCODE[num & MASK6];
+
+const getRandomValues = GLOBAL.crypto
+  ? (array) => GLOBAL.crypto.getRandomValues(array)
+  : /* istanbul ignore next */
+    (array) => arrayMap(array, () => mathFloor(math.random() * 256));
+const getUniqueId = (length = 16) =>
+  arrayReduce(
+    getRandomValues(new Uint8Array(length)),
+    (uniqueId, number) => uniqueId + encode(number),
+    '',
+  );
+
 const stampNew = (value, time) => (time ? [value, time] : [value]);
 const getLatestTime = (time1, time2) =>
   /* istanbul ignore next */
   ((time1 ?? '') > (time2 ?? '') ? time1 : time2) ?? '';
 const stampNewObj = (time = EMPTY_STRING) => stampNew(objNew(), time);
 
-const setNew = (entryOrEntries) =>
-  new Set(
-    isArray(entryOrEntries) || isUndefined(entryOrEntries)
-      ? entryOrEntries
-      : [entryOrEntries],
-  );
-const setAdd = (set, value) => set?.add(value);
-
 const INTEGER = /^\d+$/;
 const getPoolFunctions = () => {
   const pool = [];
@@ -124,6 +133,14 @@ const getPoolFunctions = () => {
   ];
 };
 
+const setNew = (entryOrEntries) =>
+  new Set(
+    isArray(entryOrEntries) || isUndefined(entryOrEntries)
+      ? entryOrEntries
+      : [entryOrEntries],
+  );
+const setAdd = (set, value) => set?.add(value);
+
 const getWildcardedLeaves = (deepIdSet, path = [EMPTY_STRING]) => {
   const leaves = [];
   const deep = (node, p) =>
@@ -417,23 +434,6 @@ const createCustomPersister = (
   return objFreeze(persister);
 };
 
-const MASK6 = 63;
-const ENCODE = /* @__PURE__ */ strSplit(
-  '-0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ_abcdefghijklmnopqrstuvwxyz',
-);
-const encode = (num) => ENCODE[num & MASK6];
-
-const getRandomValues = GLOBAL.crypto
-  ? (array) => GLOBAL.crypto.getRandomValues(array)
-  : /* istanbul ignore next */
-    (array) => arrayMap(array, () => mathFloor(math.random() * 256));
-const getUniqueId = (length = 16) =>
-  arrayReduce(
-    getRandomValues(new Uint8Array(length)),
-    (uniqueId, number) => uniqueId + encode(number),
-    '',
-  );
-
 const Message = {
   Response: 0 /* Response */,
   GetContentHashes: 1 /* GetContentHashes */,

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';