tinybase 8.2.0-beta.1 → 8.2.0

package/ui-react/index.js

@@ -384,16 +384,19 @@ const addAndDelListener = (thing, listenable, ...args) => {
   return () => thing?.delListener?.(listenerId);
 };
 const useListenable = (listenable, thing, returnType, args = EMPTY_ARRAY) => {
-  const lastResult = useRef(DEFAULTS[returnType]);
+  const lastResultRef = useRef(DEFAULTS[returnType]);
   const getResult = useCallback(
     () => {
       const nextResult =
         thing?.[(returnType == 6 /* Boolean */ ? _HAS : GET) + listenable]?.(
           ...args,
         ) ?? DEFAULTS[returnType];
-      return !(IS_EQUALS[returnType] ?? isEqual)(nextResult, lastResult.current)
-        ? (lastResult.current = nextResult)
-        : lastResult.current;
+      return !(IS_EQUALS[returnType] ?? isEqual)(
+        nextResult,
+        lastResultRef.current,
+      )
+        ? (lastResultRef.current = nextResult)
+        : lastResultRef.current;
     },
     /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [thing, returnType, listenable, ...args],

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

@@ -384,16 +384,19 @@ const addAndDelListener = (thing, listenable, ...args) => {
   return () => thing?.delListener?.(listenerId);
 };
 const useListenable = (listenable, thing, returnType, args = EMPTY_ARRAY) => {
-  const lastResult = useRef(DEFAULTS[returnType]);
+  const lastResultRef = useRef(DEFAULTS[returnType]);
   const getResult = useCallback(
     () => {
       const nextResult =
         thing?.[(returnType == 6 /* Boolean */ ? _HAS : GET) + listenable]?.(
           ...args,
         ) ?? DEFAULTS[returnType];
-      return !(IS_EQUALS[returnType] ?? isEqual)(nextResult, lastResult.current)
-        ? (lastResult.current = nextResult)
-        : lastResult.current;
+      return !(IS_EQUALS[returnType] ?? isEqual)(
+        nextResult,
+        lastResultRef.current,
+      )
+        ? (lastResultRef.current = nextResult)
+        : lastResultRef.current;
     },
     /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [thing, returnType, listenable, ...args],

package/ui-react-dom/index.js

@@ -214,16 +214,19 @@ const addAndDelListener = (thing, listenable, ...args) => {
   return () => thing?.delListener?.(listenerId);
 };
 const useListenable = (listenable, thing, returnType, args = EMPTY_ARRAY) => {
-  const lastResult = useRef(DEFAULTS[returnType]);
+  const lastResultRef = useRef(DEFAULTS[returnType]);
   const getResult = useCallback(
     () => {
       const nextResult =
         thing?.[(returnType == 6 /* Boolean */ ? _HAS : GET) + listenable]?.(
           ...args,
         ) ?? DEFAULTS[returnType];
-      return !(IS_EQUALS[returnType] ?? isEqual)(nextResult, lastResult.current)
-        ? (lastResult.current = nextResult)
-        : lastResult.current;
+      return !(IS_EQUALS[returnType] ?? isEqual)(
+        nextResult,
+        lastResultRef.current,
+      )
+        ? (lastResultRef.current = nextResult)
+        : lastResultRef.current;
     },
     /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [thing, returnType, listenable, ...args],

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

@@ -214,16 +214,19 @@ const addAndDelListener = (thing, listenable, ...args) => {
   return () => thing?.delListener?.(listenerId);
 };
 const useListenable = (listenable, thing, returnType, args = EMPTY_ARRAY) => {
-  const lastResult = useRef(DEFAULTS[returnType]);
+  const lastResultRef = useRef(DEFAULTS[returnType]);
   const getResult = useCallback(
     () => {
       const nextResult =
         thing?.[(returnType == 6 /* Boolean */ ? _HAS : GET) + listenable]?.(
           ...args,
         ) ?? DEFAULTS[returnType];
-      return !(IS_EQUALS[returnType] ?? isEqual)(nextResult, lastResult.current)
-        ? (lastResult.current = nextResult)
-        : lastResult.current;
+      return !(IS_EQUALS[returnType] ?? isEqual)(
+        nextResult,
+        lastResultRef.current,
+      )
+        ? (lastResultRef.current = nextResult)
+        : lastResultRef.current;
     },
     /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [thing, returnType, listenable, ...args],

package/ui-react-inspector/index.js

@@ -3006,16 +3006,19 @@ const addAndDelListener = (thing, listenable, ...args) => {
   return () => thing?.delListener?.(listenerId);
 };
 const useListenable = (listenable, thing, returnType, args = EMPTY_ARRAY) => {
-  const lastResult = useRef(DEFAULTS[returnType]);
+  const lastResultRef = useRef(DEFAULTS[returnType]);
   const getResult = useCallback(
     () => {
       const nextResult =
         thing?.[(returnType == 6 /* Boolean */ ? _HAS : GET) + listenable]?.(
           ...args,
         ) ?? DEFAULTS[returnType];
-      return !(IS_EQUALS[returnType] ?? isEqual)(nextResult, lastResult.current)
-        ? (lastResult.current = nextResult)
-        : lastResult.current;
+      return !(IS_EQUALS[returnType] ?? isEqual)(
+        nextResult,
+        lastResultRef.current,
+      )
+        ? (lastResultRef.current = nextResult)
+        : lastResultRef.current;
     },
     /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [thing, returnType, listenable, ...args],

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

@@ -3006,16 +3006,19 @@ const addAndDelListener = (thing, listenable, ...args) => {
   return () => thing?.delListener?.(listenerId);
 };
 const useListenable = (listenable, thing, returnType, args = EMPTY_ARRAY) => {
-  const lastResult = useRef(DEFAULTS[returnType]);
+  const lastResultRef = useRef(DEFAULTS[returnType]);
   const getResult = useCallback(
     () => {
       const nextResult =
         thing?.[(returnType == 6 /* Boolean */ ? _HAS : GET) + listenable]?.(
           ...args,
         ) ?? DEFAULTS[returnType];
-      return !(IS_EQUALS[returnType] ?? isEqual)(nextResult, lastResult.current)
-        ? (lastResult.current = nextResult)
-        : lastResult.current;
+      return !(IS_EQUALS[returnType] ?? isEqual)(
+        nextResult,
+        lastResultRef.current,
+      )
+        ? (lastResultRef.current = nextResult)
+        : lastResultRef.current;
     },
     /* eslint-disable-next-line react-hooks/exhaustive-deps */
     [thing, returnType, listenable, ...args],

package/ui-svelte/index.js

@@ -59,7 +59,7 @@ const objGet = (obj, id) => ifNotUndefined(obj, (obj2) => obj2[id]);
 
 const TINYBASE_CONTEXT_KEY = TINYBASE + '_uisc';
 
-/* functions.svelte.ts generated by Svelte v5.55.1 */
+/* functions.svelte.ts generated by Svelte v5.55.4 */
 
 class ReactiveHandle {
   #get;

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

@@ -59,7 +59,7 @@ const objGet = (obj, id) => ifNotUndefined(obj, (obj2) => obj2[id]);
 
 const TINYBASE_CONTEXT_KEY = TINYBASE + '_uisc';
 
-/* functions.svelte.ts generated by Svelte v5.55.1 */
+/* functions.svelte.ts generated by Svelte v5.55.4 */
 
 class ReactiveHandle {
   #get;

package/ui-svelte-dom/index.js

@@ -88,7 +88,7 @@ const objMap = (obj, cb) =>
 
 const TINYBASE_CONTEXT_KEY = TINYBASE + '_uisc';
 
-/* functions.svelte.ts generated by Svelte v5.55.1 */
+/* functions.svelte.ts generated by Svelte v5.55.4 */
 
 class ReactiveHandle {
   #get;
@@ -443,7 +443,7 @@ var root_3$3 = $.from_html(`<input type="number"/>`);
 var root_4$4 = $.from_html(`<input type="checkbox"/>`);
 var root_5$3 = $.from_html(`<input/>`);
 var root_6$2 = $.from_html(`<input/>`);
-var root$5 = $.from_html(`<div><!> <!></div>`);
+var root$5 = $.from_html(`<div><!><!></div>`);
 
 function EditableThing($$anchor, $$props) {
   $.push($$props, true);
@@ -562,7 +562,7 @@ function EditableThing($$anchor, $$props) {
     });
   }
 
-  var node_1 = $.sibling(node, 2);
+  var node_1 = $.sibling(node);
 
   {
     var consequent_1 = ($$anchor) => {
@@ -1621,7 +1621,7 @@ function HtmlTable($$anchor, $$props) {
 $.delegate(['click']);
 
 var root_1$1 = $.from_html(
-  `<button class="previous"></button> <button class="next"></button> `,
+  `<button class="previous"></button><button class="next"></button> `,
   1,
 );
 var root$1 = $.from_html(`<!> `, 1);
@@ -1639,6 +1639,14 @@ function SortedTablePaginator($$anchor, $$props) {
   const limit = $.derived(() => $$props.limit ?? $$props.total);
   const singular = $.derived(() => $$props.singular ?? 'row');
   const plural = $.derived(() => $$props.plural ?? $.get(singular) + 's');
+  const rangeLabel = $.derived(
+    () =>
+      `${$.get(offset) + 1} to ${mathMin($$props.total, $.get(offset) + $.get(limit))} of `,
+  );
+  const totalLabel = $.derived(
+    () =>
+      `${$$props.total} ${$$props.total != 1 ? $.get(plural) : $.get(singular)}`,
+  );
 
   $.user_effect(() => {
     if (($$props.offset ?? 0) > $$props.total || ($$props.offset ?? 0) < 0) {
@@ -1656,20 +1664,17 @@ function SortedTablePaginator($$anchor, $$props) {
 
       button.textContent = '←';
 
-      var button_1 = $.sibling(button, 2);
+      var button_1 = $.sibling(button);
 
       button_1.textContent = '→';
 
-      var text = $.sibling(button_1);
+      var text = $.sibling(button_1, 1, true);
 
-      $.template_effect(
-        ($0) => {
-          button.disabled = $.get(offset) == 0;
-          button_1.disabled = $.get(offset) + $.get(limit) >= $$props.total;
-          $.set_text(text, `${$.get(offset) + 1} to ${$0 ?? ''} of`);
-        },
-        [() => mathMin($$props.total, $.get(offset) + $.get(limit))],
-      );
+      $.template_effect(() => {
+        button.disabled = $.get(offset) == 0;
+        button_1.disabled = $.get(offset) + $.get(limit) >= $$props.total;
+        $.set_text(text, $.get(rangeLabel));
+      });
 
       $.delegated('click', button, () =>
         $$props.onChange($.get(offset) - $.get(limit)),
@@ -1685,23 +1690,16 @@ function SortedTablePaginator($$anchor, $$props) {
     });
   }
 
-  var text_1 = $.sibling(node);
-
-  $.template_effect(() =>
-    $.set_text(
-      text_1,
-      ` ${$$props.total ?? ''}
-${($$props.total != 1 ? $.get(plural) : $.get(singular)) ?? ''}`,
-    ),
-  );
+  var text_1 = $.sibling(node, 1, true);
 
+  $.template_effect(() => $.set_text(text_1, $.get(totalLabel)));
   $.append($$anchor, fragment);
   $.pop();
 }
 
 $.delegate(['click']);
 
-/* sortingAndPagination.svelte.ts generated by Svelte v5.55.1 */
+/* sortingAndPagination.svelte.ts generated by Svelte v5.55.4 */
 
 const createSortingAndPagination = (
   getCellId,

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

@@ -88,7 +88,7 @@ const objMap = (obj, cb) =>
 
 const TINYBASE_CONTEXT_KEY = TINYBASE + '_uisc';
 
-/* functions.svelte.ts generated by Svelte v5.55.1 */
+/* functions.svelte.ts generated by Svelte v5.55.4 */
 
 class ReactiveHandle {
   #get;
@@ -443,7 +443,7 @@ var root_3$3 = $.from_html(`<input type="number"/>`);
 var root_4$4 = $.from_html(`<input type="checkbox"/>`);
 var root_5$3 = $.from_html(`<input/>`);
 var root_6$2 = $.from_html(`<input/>`);
-var root$5 = $.from_html(`<div><!> <!></div>`);
+var root$5 = $.from_html(`<div><!><!></div>`);
 
 function EditableThing($$anchor, $$props) {
   $.push($$props, true);
@@ -562,7 +562,7 @@ function EditableThing($$anchor, $$props) {
     });
   }
 
-  var node_1 = $.sibling(node, 2);
+  var node_1 = $.sibling(node);
 
   {
     var consequent_1 = ($$anchor) => {
@@ -1621,7 +1621,7 @@ function HtmlTable($$anchor, $$props) {
 $.delegate(['click']);
 
 var root_1$1 = $.from_html(
-  `<button class="previous"></button> <button class="next"></button> `,
+  `<button class="previous"></button><button class="next"></button> `,
   1,
 );
 var root$1 = $.from_html(`<!> `, 1);
@@ -1639,6 +1639,14 @@ function SortedTablePaginator($$anchor, $$props) {
   const limit = $.derived(() => $$props.limit ?? $$props.total);
   const singular = $.derived(() => $$props.singular ?? 'row');
   const plural = $.derived(() => $$props.plural ?? $.get(singular) + 's');
+  const rangeLabel = $.derived(
+    () =>
+      `${$.get(offset) + 1} to ${mathMin($$props.total, $.get(offset) + $.get(limit))} of `,
+  );
+  const totalLabel = $.derived(
+    () =>
+      `${$$props.total} ${$$props.total != 1 ? $.get(plural) : $.get(singular)}`,
+  );
 
   $.user_effect(() => {
     if (($$props.offset ?? 0) > $$props.total || ($$props.offset ?? 0) < 0) {
@@ -1656,20 +1664,17 @@ function SortedTablePaginator($$anchor, $$props) {
 
       button.textContent = '←';
 
-      var button_1 = $.sibling(button, 2);
+      var button_1 = $.sibling(button);
 
       button_1.textContent = '→';
 
-      var text = $.sibling(button_1);
+      var text = $.sibling(button_1, 1, true);
 
-      $.template_effect(
-        ($0) => {
-          button.disabled = $.get(offset) == 0;
-          button_1.disabled = $.get(offset) + $.get(limit) >= $$props.total;
-          $.set_text(text, `${$.get(offset) + 1} to ${$0 ?? ''} of`);
-        },
-        [() => mathMin($$props.total, $.get(offset) + $.get(limit))],
-      );
+      $.template_effect(() => {
+        button.disabled = $.get(offset) == 0;
+        button_1.disabled = $.get(offset) + $.get(limit) >= $$props.total;
+        $.set_text(text, $.get(rangeLabel));
+      });
 
       $.delegated('click', button, () =>
         $$props.onChange($.get(offset) - $.get(limit)),
@@ -1685,23 +1690,16 @@ function SortedTablePaginator($$anchor, $$props) {
     });
   }
 
-  var text_1 = $.sibling(node);
-
-  $.template_effect(() =>
-    $.set_text(
-      text_1,
-      ` ${$$props.total ?? ''}
-${($$props.total != 1 ? $.get(plural) : $.get(singular)) ?? ''}`,
-    ),
-  );
+  var text_1 = $.sibling(node, 1, true);
 
+  $.template_effect(() => $.set_text(text_1, $.get(totalLabel)));
   $.append($$anchor, fragment);
   $.pop();
 }
 
 $.delegate(['click']);
 
-/* sortingAndPagination.svelte.ts generated by Svelte v5.55.1 */
+/* sortingAndPagination.svelte.ts generated by Svelte v5.55.4 */
 
 const createSortingAndPagination = (
   getCellId,

package/ui-svelte-inspector/index.js

@@ -2874,7 +2874,7 @@ const createStore = () => {
 
 const TINYBASE_CONTEXT_KEY = TINYBASE + '_uisc';
 
-/* functions.svelte.ts generated by Svelte v5.55.1 */
+/* functions.svelte.ts generated by Svelte v5.55.4 */
 
 class ReactiveHandle {
   #get;
@@ -3472,7 +3472,7 @@ var root_3$3 = $.from_html(`<input type="number"/>`);
 var root_4$5 = $.from_html(`<input type="checkbox"/>`);
 var root_5$5 = $.from_html(`<input/>`);
 var root_6$2 = $.from_html(`<input/>`);
-var root$b = $.from_html(`<div><!> <!></div>`);
+var root$b = $.from_html(`<div><!><!></div>`);
 
 function EditableThing($$anchor, $$props) {
   $.push($$props, true);
@@ -3591,7 +3591,7 @@ function EditableThing($$anchor, $$props) {
     });
   }
 
-  var node_1 = $.sibling(node, 2);
+  var node_1 = $.sibling(node);
 
   {
     var consequent_1 = ($$anchor) => {
@@ -4650,7 +4650,7 @@ function HtmlTable($$anchor, $$props) {
 $.delegate(['click']);
 
 var root_1$8 = $.from_html(
-  `<button class="previous"></button> <button class="next"></button> `,
+  `<button class="previous"></button><button class="next"></button> `,
   1,
 );
 var root$7 = $.from_html(`<!> `, 1);
@@ -4668,6 +4668,14 @@ function SortedTablePaginator($$anchor, $$props) {
   const limit = $.derived(() => $$props.limit ?? $$props.total);
   const singular = $.derived(() => $$props.singular ?? 'row');
   const plural = $.derived(() => $$props.plural ?? $.get(singular) + 's');
+  const rangeLabel = $.derived(
+    () =>
+      `${$.get(offset) + 1} to ${mathMin($$props.total, $.get(offset) + $.get(limit))} of `,
+  );
+  const totalLabel = $.derived(
+    () =>
+      `${$$props.total} ${$$props.total != 1 ? $.get(plural) : $.get(singular)}`,
+  );
 
   $.user_effect(() => {
     if (($$props.offset ?? 0) > $$props.total || ($$props.offset ?? 0) < 0) {
@@ -4685,20 +4693,17 @@ function SortedTablePaginator($$anchor, $$props) {
 
       button.textContent = '←';
 
-      var button_1 = $.sibling(button, 2);
+      var button_1 = $.sibling(button);
 
       button_1.textContent = '→';
 
-      var text = $.sibling(button_1);
+      var text = $.sibling(button_1, 1, true);
 
-      $.template_effect(
-        ($0) => {
-          button.disabled = $.get(offset) == 0;
-          button_1.disabled = $.get(offset) + $.get(limit) >= $$props.total;
-          $.set_text(text, `${$.get(offset) + 1} to ${$0 ?? ''} of`);
-        },
-        [() => mathMin($$props.total, $.get(offset) + $.get(limit))],
-      );
+      $.template_effect(() => {
+        button.disabled = $.get(offset) == 0;
+        button_1.disabled = $.get(offset) + $.get(limit) >= $$props.total;
+        $.set_text(text, $.get(rangeLabel));
+      });
 
       $.delegated('click', button, () =>
         $$props.onChange($.get(offset) - $.get(limit)),
@@ -4714,23 +4719,16 @@ function SortedTablePaginator($$anchor, $$props) {
     });
   }
 
-  var text_1 = $.sibling(node);
-
-  $.template_effect(() =>
-    $.set_text(
-      text_1,
-      ` ${$$props.total ?? ''}
-${($$props.total != 1 ? $.get(plural) : $.get(singular)) ?? ''}`,
-    ),
-  );
+  var text_1 = $.sibling(node, 1, true);
 
+  $.template_effect(() => $.set_text(text_1, $.get(totalLabel)));
   $.append($$anchor, fragment);
   $.pop();
 }
 
 $.delegate(['click']);
 
-/* sortingAndPagination.svelte.ts generated by Svelte v5.55.1 */
+/* sortingAndPagination.svelte.ts generated by Svelte v5.55.4 */
 
 const createSortingAndPagination = (
   getCellId,

package/ui-svelte-inspector/with-schemas/index.js

@@ -2874,7 +2874,7 @@ const createStore = () => {
 
 const TINYBASE_CONTEXT_KEY = TINYBASE + '_uisc';
 
-/* functions.svelte.ts generated by Svelte v5.55.1 */
+/* functions.svelte.ts generated by Svelte v5.55.4 */
 
 class ReactiveHandle {
   #get;
@@ -3472,7 +3472,7 @@ var root_3$3 = $.from_html(`<input type="number"/>`);
 var root_4$5 = $.from_html(`<input type="checkbox"/>`);
 var root_5$5 = $.from_html(`<input/>`);
 var root_6$2 = $.from_html(`<input/>`);
-var root$b = $.from_html(`<div><!> <!></div>`);
+var root$b = $.from_html(`<div><!><!></div>`);
 
 function EditableThing($$anchor, $$props) {
   $.push($$props, true);
@@ -3591,7 +3591,7 @@ function EditableThing($$anchor, $$props) {
     });
   }
 
-  var node_1 = $.sibling(node, 2);
+  var node_1 = $.sibling(node);
 
   {
     var consequent_1 = ($$anchor) => {
@@ -4650,7 +4650,7 @@ function HtmlTable($$anchor, $$props) {
 $.delegate(['click']);
 
 var root_1$8 = $.from_html(
-  `<button class="previous"></button> <button class="next"></button> `,
+  `<button class="previous"></button><button class="next"></button> `,
   1,
 );
 var root$7 = $.from_html(`<!> `, 1);
@@ -4668,6 +4668,14 @@ function SortedTablePaginator($$anchor, $$props) {
   const limit = $.derived(() => $$props.limit ?? $$props.total);
   const singular = $.derived(() => $$props.singular ?? 'row');
   const plural = $.derived(() => $$props.plural ?? $.get(singular) + 's');
+  const rangeLabel = $.derived(
+    () =>
+      `${$.get(offset) + 1} to ${mathMin($$props.total, $.get(offset) + $.get(limit))} of `,
+  );
+  const totalLabel = $.derived(
+    () =>
+      `${$$props.total} ${$$props.total != 1 ? $.get(plural) : $.get(singular)}`,
+  );
 
   $.user_effect(() => {
     if (($$props.offset ?? 0) > $$props.total || ($$props.offset ?? 0) < 0) {
@@ -4685,20 +4693,17 @@ function SortedTablePaginator($$anchor, $$props) {
 
       button.textContent = '←';
 
-      var button_1 = $.sibling(button, 2);
+      var button_1 = $.sibling(button);
 
       button_1.textContent = '→';
 
-      var text = $.sibling(button_1);
+      var text = $.sibling(button_1, 1, true);
 
-      $.template_effect(
-        ($0) => {
-          button.disabled = $.get(offset) == 0;
-          button_1.disabled = $.get(offset) + $.get(limit) >= $$props.total;
-          $.set_text(text, `${$.get(offset) + 1} to ${$0 ?? ''} of`);
-        },
-        [() => mathMin($$props.total, $.get(offset) + $.get(limit))],
-      );
+      $.template_effect(() => {
+        button.disabled = $.get(offset) == 0;
+        button_1.disabled = $.get(offset) + $.get(limit) >= $$props.total;
+        $.set_text(text, $.get(rangeLabel));
+      });
 
       $.delegated('click', button, () =>
         $$props.onChange($.get(offset) - $.get(limit)),
@@ -4714,23 +4719,16 @@ function SortedTablePaginator($$anchor, $$props) {
     });
   }
 
-  var text_1 = $.sibling(node);
-
-  $.template_effect(() =>
-    $.set_text(
-      text_1,
-      ` ${$$props.total ?? ''}
-${($$props.total != 1 ? $.get(plural) : $.get(singular)) ?? ''}`,
-    ),
-  );
+  var text_1 = $.sibling(node, 1, true);
 
+  $.template_effect(() => $.set_text(text_1, $.get(totalLabel)));
   $.append($$anchor, fragment);
   $.pop();
 }
 
 $.delegate(['click']);
 
-/* sortingAndPagination.svelte.ts generated by Svelte v5.55.1 */
+/* sortingAndPagination.svelte.ts generated by Svelte v5.55.4 */
 
 const createSortingAndPagination = (
   getCellId,