tinybase 5.4.0-beta.0 → 5.4.0-beta.1

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

@@ -22,6 +22,8 @@
   const VALUE = 'Value';
   const CURRENT_TARGET = 'currentTarget';
   const _VALUE = 'value';
+  const strSplit = (str, separator = EMPTY_STRING, limit) =>
+    str.split(separator, limit);
 
   const math = Math;
   const mathMin = math.min;
@@ -44,11 +46,16 @@
   const {
     PureComponent,
     Fragment,
+    createContext,
     createElement,
-    useCallback: useCallback$1,
+    useCallback,
+    useContext,
+    useEffect,
     useLayoutEffect,
+    useMemo,
     useRef,
-    useState: useState$1,
+    useState,
+    useSyncExternalStore,
   } = React;
   const getProps = (getProps2, ...ids) =>
     isUndefined(getProps2) ? {} : getProps2(...ids);
@@ -74,7 +81,6 @@
   const objMap = (obj, cb) =>
     objNew(objToArray(obj, (value, id) => [id, cb(value, id)]));
 
-  const {useCallback, useMemo, useState} = React;
   const DOT = '.';
   const EDITABLE = 'editable';
   const LEFT_ARROW = '\u2190';
@@ -295,7 +301,7 @@
       idColumn === false
         ? null
         : /* @__PURE__ */ createElement(
-            React.Fragment,
+            Fragment,
             null,
             /* @__PURE__ */ createElement('th', null, localRowId),
             /* @__PURE__ */ createElement('th', null, remoteRowId),
@@ -303,7 +309,7 @@
       objToArray(
         cells,
         ({component: CellView2, getComponentProps}, compoundCellId) => {
-          const [tableId, cellId] = compoundCellId.split(DOT, 2);
+          const [tableId, cellId] = strSplit(compoundCellId, DOT, 2);
           const rowId =
             tableId === localTableId
               ? localRowId
@@ -607,7 +613,7 @@
               idColumn === false
                 ? null
                 : /* @__PURE__ */ createElement(
-                    React.Fragment,
+                    Fragment,
                     null,
                     /* @__PURE__ */ createElement(
                       'th',
@@ -756,11 +762,11 @@
       offset + limit < total,
     );
     return /* @__PURE__ */ createElement(
-      React.Fragment,
+      Fragment,
       null,
       total > limit &&
         /* @__PURE__ */ createElement(
-          React.Fragment,
+          Fragment,
           null,
           /* @__PURE__ */ createElement(
             'button',

package/umd/ui-react-inspector/index.js

@@ -40,6 +40,8 @@
   const _VALUE = 'value';
   const UNDEFINED = '\uFFFC';
   const id = (key) => EMPTY_STRING + key;
+  const strSplit = (str, separator = EMPTY_STRING, limit) =>
+    str.split(separator, limit);
 
   const GLOBAL = globalThis;
   const WINDOW = GLOBAL.window;
@@ -65,11 +67,16 @@
   const {
     PureComponent,
     Fragment,
+    createContext,
     createElement,
-    useCallback: useCallback$1,
+    useCallback,
+    useContext,
+    useEffect,
     useLayoutEffect,
+    useMemo,
     useRef,
-    useState: useState$1,
+    useState,
+    useSyncExternalStore,
   } = React;
   const getProps = (getProps2, ...ids) =>
     isUndefined(getProps2) ? {} : getProps2(...ids);
@@ -172,7 +179,7 @@
     arrayMap(arraySort([...ids]), callback);
   const useEditable = (uniqueId, s) => [
     !!uiReact.useCell(STATE_TABLE, uniqueId, EDITABLE_CELL, s),
-    useCallback$1(
+    useCallback(
       (event) => {
         s.setCell(
           STATE_TABLE,
@@ -368,7 +375,6 @@
   const getTypeCase = (type, stringCase, numberCase, booleanCase) =>
     type == STRING ? stringCase : type == NUMBER ? numberCase : booleanCase;
 
-  const {useCallback, useMemo, useState} = React;
   const DOT = '.';
   const EDITABLE = 'editable';
   const LEFT_ARROW = '\u2190';
@@ -589,7 +595,7 @@
       idColumn === false
         ? null
         : /* @__PURE__ */ createElement(
-            React.Fragment,
+            Fragment,
             null,
             /* @__PURE__ */ createElement('th', null, localRowId),
             /* @__PURE__ */ createElement('th', null, remoteRowId),
@@ -597,7 +603,7 @@
       objToArray(
         cells,
         ({component: CellView2, getComponentProps}, compoundCellId) => {
-          const [tableId, cellId] = compoundCellId.split(DOT, 2);
+          const [tableId, cellId] = strSplit(compoundCellId, DOT, 2);
           const rowId =
             tableId === localTableId
               ? localRowId
@@ -882,7 +888,7 @@
               idColumn === false
                 ? null
                 : /* @__PURE__ */ createElement(
-                    React.Fragment,
+                    Fragment,
                     null,
                     /* @__PURE__ */ createElement(
                       'th',
@@ -1018,11 +1024,11 @@
       offset + limit < total,
     );
     return /* @__PURE__ */ createElement(
-      React.Fragment,
+      Fragment,
       null,
       total > limit &&
         /* @__PURE__ */ createElement(
-          React.Fragment,
+          Fragment,
           null,
           /* @__PURE__ */ createElement(
             'button',
@@ -1359,7 +1365,7 @@
   const Body = ({s}) => {
     const articleRef = useRef(null);
     const idleCallbackRef = useRef(0);
-    const [scrolled, setScrolled] = useState$1(false);
+    const [scrolled, setScrolled] = useState(false);
     const {scrollLeft, scrollTop} = uiReact.useValues(s);
     useLayoutEffect(() => {
       const article = articleRef.current;
@@ -1377,7 +1383,7 @@
         return () => observer.disconnect();
       }
     }, [scrolled, scrollLeft, scrollTop]);
-    const handleScroll = useCallback$1(
+    const handleScroll = useCallback(
       (event) => {
         const {scrollLeft: scrollLeft2, scrollTop: scrollTop2} =
           event[CURRENT_TARGET];
@@ -1819,6 +1825,8 @@
             const content = await getPersisted();
             if (isArray(content)) {
               setContentOrChanges(content);
+            } else if (initialContent) {
+              setDefaultContent(initialContent);
             } else {
               errorNew(`Content is not an array ${content}`);
             }
@@ -1978,12 +1986,6 @@
   const pairClone = (array) => [...array];
   const pairIsEqual = ([entry1, entry2]) => entry1 === entry2;
 
-  const ENCODE =
-    '-0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ_abcdefghijklmnopqrstuvwxyz'.split(
-      EMPTY_STRING,
-    );
-  mapNew(arrayMap(ENCODE, (char, index) => [char, index]));
-
   const defaultSorter = (sortKey1, sortKey2) =>
     (sortKey1 ?? 0) < (sortKey2 ?? 0) ? -1 : 1;
 

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

@@ -40,6 +40,8 @@
   const _VALUE = 'value';
   const UNDEFINED = '\uFFFC';
   const id = (key) => EMPTY_STRING + key;
+  const strSplit = (str, separator = EMPTY_STRING, limit) =>
+    str.split(separator, limit);
 
   const GLOBAL = globalThis;
   const WINDOW = GLOBAL.window;
@@ -65,11 +67,16 @@
   const {
     PureComponent,
     Fragment,
+    createContext,
     createElement,
-    useCallback: useCallback$1,
+    useCallback,
+    useContext,
+    useEffect,
     useLayoutEffect,
+    useMemo,
     useRef,
-    useState: useState$1,
+    useState,
+    useSyncExternalStore,
   } = React;
   const getProps = (getProps2, ...ids) =>
     isUndefined(getProps2) ? {} : getProps2(...ids);
@@ -172,7 +179,7 @@
     arrayMap(arraySort([...ids]), callback);
   const useEditable = (uniqueId, s) => [
     !!uiReact.useCell(STATE_TABLE, uniqueId, EDITABLE_CELL, s),
-    useCallback$1(
+    useCallback(
       (event) => {
         s.setCell(
           STATE_TABLE,
@@ -368,7 +375,6 @@
   const getTypeCase = (type, stringCase, numberCase, booleanCase) =>
     type == STRING ? stringCase : type == NUMBER ? numberCase : booleanCase;
 
-  const {useCallback, useMemo, useState} = React;
   const DOT = '.';
   const EDITABLE = 'editable';
   const LEFT_ARROW = '\u2190';
@@ -589,7 +595,7 @@
       idColumn === false
         ? null
         : /* @__PURE__ */ createElement(
-            React.Fragment,
+            Fragment,
             null,
             /* @__PURE__ */ createElement('th', null, localRowId),
             /* @__PURE__ */ createElement('th', null, remoteRowId),
@@ -597,7 +603,7 @@
       objToArray(
         cells,
         ({component: CellView2, getComponentProps}, compoundCellId) => {
-          const [tableId, cellId] = compoundCellId.split(DOT, 2);
+          const [tableId, cellId] = strSplit(compoundCellId, DOT, 2);
           const rowId =
             tableId === localTableId
               ? localRowId
@@ -882,7 +888,7 @@
               idColumn === false
                 ? null
                 : /* @__PURE__ */ createElement(
-                    React.Fragment,
+                    Fragment,
                     null,
                     /* @__PURE__ */ createElement(
                       'th',
@@ -1018,11 +1024,11 @@
       offset + limit < total,
     );
     return /* @__PURE__ */ createElement(
-      React.Fragment,
+      Fragment,
       null,
       total > limit &&
         /* @__PURE__ */ createElement(
-          React.Fragment,
+          Fragment,
           null,
           /* @__PURE__ */ createElement(
             'button',
@@ -1359,7 +1365,7 @@
   const Body = ({s}) => {
     const articleRef = useRef(null);
     const idleCallbackRef = useRef(0);
-    const [scrolled, setScrolled] = useState$1(false);
+    const [scrolled, setScrolled] = useState(false);
     const {scrollLeft, scrollTop} = uiReact.useValues(s);
     useLayoutEffect(() => {
       const article = articleRef.current;
@@ -1377,7 +1383,7 @@
         return () => observer.disconnect();
       }
     }, [scrolled, scrollLeft, scrollTop]);
-    const handleScroll = useCallback$1(
+    const handleScroll = useCallback(
       (event) => {
         const {scrollLeft: scrollLeft2, scrollTop: scrollTop2} =
           event[CURRENT_TARGET];
@@ -1819,6 +1825,8 @@
             const content = await getPersisted();
             if (isArray(content)) {
               setContentOrChanges(content);
+            } else if (initialContent) {
+              setDefaultContent(initialContent);
             } else {
               errorNew(`Content is not an array ${content}`);
             }
@@ -1978,12 +1986,6 @@
   const pairClone = (array) => [...array];
   const pairIsEqual = ([entry1, entry2]) => entry1 === entry2;
 
-  const ENCODE =
-    '-0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ_abcdefghijklmnopqrstuvwxyz'.split(
-      EMPTY_STRING,
-    );
-  mapNew(arrayMap(ENCODE, (char, index) => [char, index]));
-
   const defaultSorter = (sortKey1, sortKey2) =>
     (sortKey1 ?? 0) < (sortKey2 ?? 0) ? -1 : 1;
 

package/umd/with-schemas/index.js

@@ -24,7 +24,9 @@
   const LISTENER = 'Listener';
   const RESULT = 'Result';
   const GET = 'get';
+  const SET = 'set';
   const ADD = 'add';
+  const DEL = 'del';
   const HAS = 'Has';
   const IDS = 'Ids';
   const TABLE = 'Table';
@@ -39,9 +41,12 @@
   const VALUE = 'Value';
   const VALUES = VALUE + 's';
   const VALUE_IDS = VALUE + IDS;
+  const TRANSACTION = 'Transaction';
   const id = (key) => EMPTY_STRING + key;
   const strStartsWith = (str, prefix) => str.startsWith(prefix);
   const strEndsWith = (str, suffix) => str.endsWith(suffix);
+  const strSplit = (str, separator = EMPTY_STRING, limit) =>
+    str.split(separator, limit);
 
   const GLOBAL = globalThis;
   const math = Math;
@@ -768,11 +773,12 @@
   );
 
   const MASK6 = 63;
-  const ENCODE =
-    '-0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ_abcdefghijklmnopqrstuvwxyz'.split(
-      EMPTY_STRING,
-    );
-  const DECODE = mapNew(arrayMap(ENCODE, (char, index) => [char, index]));
+  const ENCODE = /* @__PURE__ */ strSplit(
+    '-0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ_abcdefghijklmnopqrstuvwxyz',
+  );
+  const DECODE = /* @__PURE__ */ mapNew(
+    /* @__PURE__ */ arrayMap(ENCODE, (char, index) => [char, index]),
+  );
   const encode = (num) => ENCODE[num & MASK6];
   const decode = (str, pos) => mapGet(DECODE, str[pos]) ?? 0;
 
@@ -994,7 +1000,7 @@
     return objFreeze(indexes);
   });
 
-  const numericAggregators = mapNew([
+  const numericAggregators = /* @__PURE__ */ mapNew([
     [
       AVG,
       [
@@ -1830,7 +1836,7 @@
     return objFreeze(relationships);
   });
 
-  const textEncoder = new GLOBAL.TextEncoder();
+  const textEncoder = /* @__PURE__ */ new GLOBAL.TextEncoder();
   const getHash = (value) => {
     let hash = 2166136261;
     arrayForEach(textEncoder.encode(value), (char) => {
@@ -3787,16 +3793,16 @@
       store,
       (method, name) =>
         (mergeableStore[name] = // fluent methods
-          strStartsWith(name, 'set') ||
-          strStartsWith(name, 'del') ||
+          strStartsWith(name, SET) ||
+          strStartsWith(name, DEL) ||
           strStartsWith(name, 'apply') ||
-          strEndsWith(name, 'Transaction') ||
-          name == 'callListener'
+          strEndsWith(name, TRANSACTION) ||
+          name == 'call' + LISTENER
             ? (...args) => {
                 method(...args);
                 return mergeableStore;
               }
-            : strStartsWith(name, 'add') && strEndsWith(name, 'Listener')
+            : strStartsWith(name, ADD) && strEndsWith(name, LISTENER)
               ? (...args) => {
                   const listenerArg = LISTENER_ARGS[slice(name, 3, -8)] ?? 0;
                   const listener = args[listenerArg];

package/with-schemas/index.js

@@ -13,7 +13,9 @@ const MAX = 'max';
 const LISTENER = 'Listener';
 const RESULT = 'Result';
 const GET = 'get';
+const SET = 'set';
 const ADD = 'add';
+const DEL = 'del';
 const HAS = 'Has';
 const IDS = 'Ids';
 const TABLE = 'Table';
@@ -28,9 +30,12 @@ const CELL_IDS = CELL + IDS;
 const VALUE = 'Value';
 const VALUES = VALUE + 's';
 const VALUE_IDS = VALUE + IDS;
+const TRANSACTION = 'Transaction';
 const id = (key) => EMPTY_STRING + key;
 const strStartsWith = (str, prefix) => str.startsWith(prefix);
 const strEndsWith = (str, suffix) => str.endsWith(suffix);
+const strSplit = (str, separator = EMPTY_STRING, limit) =>
+  str.split(separator, limit);
 
 const GLOBAL = globalThis;
 const math = Math;
@@ -750,11 +755,12 @@ const createCheckpoints = getCreateFunction(
 );
 
 const MASK6 = 63;
-const ENCODE =
-  '-0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ_abcdefghijklmnopqrstuvwxyz'.split(
-    EMPTY_STRING,
-  );
-const DECODE = mapNew(arrayMap(ENCODE, (char, index) => [char, index]));
+const ENCODE = /* @__PURE__ */ strSplit(
+  '-0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ_abcdefghijklmnopqrstuvwxyz',
+);
+const DECODE = /* @__PURE__ */ mapNew(
+  /* @__PURE__ */ arrayMap(ENCODE, (char, index) => [char, index]),
+);
 const encode = (num) => ENCODE[num & MASK6];
 const decode = (str, pos) => mapGet(DECODE, str[pos]) ?? 0;
 
@@ -969,7 +975,7 @@ const createIndexes = getCreateFunction((store) => {
   return objFreeze(indexes);
 });
 
-const numericAggregators = mapNew([
+const numericAggregators = /* @__PURE__ */ mapNew([
   [
     AVG,
     [
@@ -1790,7 +1796,7 @@ const createRelationships = getCreateFunction((store) => {
   return objFreeze(relationships);
 });
 
-const textEncoder = new GLOBAL.TextEncoder();
+const textEncoder = /* @__PURE__ */ new GLOBAL.TextEncoder();
 const getHash = (value) => {
   let hash = 2166136261;
   arrayForEach(textEncoder.encode(value), (char) => {
@@ -3702,16 +3708,16 @@ const createMergeableStore = (uniqueId) => {
     store,
     (method, name) =>
       (mergeableStore[name] = // fluent methods
-        strStartsWith(name, 'set') ||
-        strStartsWith(name, 'del') ||
+        strStartsWith(name, SET) ||
+        strStartsWith(name, DEL) ||
         strStartsWith(name, 'apply') ||
-        strEndsWith(name, 'Transaction') ||
-        name == 'callListener'
+        strEndsWith(name, TRANSACTION) ||
+        name == 'call' + LISTENER
           ? (...args) => {
               method(...args);
               return mergeableStore;
             }
-          : strStartsWith(name, 'add') && strEndsWith(name, 'Listener')
+          : strStartsWith(name, ADD) && strEndsWith(name, LISTENER)
             ? (...args) => {
                 const listenerArg = LISTENER_ARGS[slice(name, 3, -8)] ?? 0;
                 const listener = args[listenerArg];