tinybase 8.4.2 → 8.5.0-beta.1

package/ui-react-inspector/index.js

@@ -79,6 +79,7 @@ const id = (key) => EMPTY_STRING + key;
 const strSplit = (str, separator = EMPTY_STRING, limit) =>
   str.split(separator, limit);
 
+const math = Math;
 const getIfNotFunction = (predicate) => (value, then, otherwise) =>
   predicate(value)
     ? /* istanbul ignore next */
@@ -86,7 +87,9 @@ const getIfNotFunction = (predicate) => (value, then, otherwise) =>
     : then(value);
 const GLOBAL = globalThis;
 const WINDOW = GLOBAL.window;
-const math = Math;
+const number = Number;
+const string = String;
+const boolean = Boolean;
 const mathMin = math.min;
 const mathFloor = math.floor;
 const isFiniteNumber = isFinite;
@@ -129,6 +132,7 @@ const tryCatch = async (action, then1, then2) => {
 };
 
 const arrayHas = (array, value) => array.includes(value);
+const arrayIndexOf = (array, value) => array.indexOf(value);
 const arrayEvery = (array, cb) => array.every(cb);
 const arrayIsEqual = (array1, array2) =>
   size(array1) === size(array2) &&
@@ -252,7 +256,7 @@ const NO_PROVIDED_OBJECTS_MESSAGE =
 const INSPECTOR_ERROR_MESSAGE =
   'Inspector error: please see console for details.';
 const getInitialPosition = (position) => {
-  const index = POSITIONS.indexOf(position);
+  const index = arrayIndexOf(POSITIONS, position);
   return index == -1 ? 1 : index;
 };
 const getUniqueId = (...args) => jsonStringWithMap(args);
@@ -3550,9 +3554,9 @@ const EditableThing = ({
     } else if (isArray(thing)) {
       setArrayThing(jsonString(thing));
     } else {
-      setStringThing(String(thing));
-      setNumberThing(Number(thing) || 0);
-      setBooleanThing(Boolean(thing));
+      setStringThing(string(thing));
+      setNumberThing(number(thing) || 0);
+      setBooleanThing(boolean(thing));
     }
   }
   const handleThingChange = useCallback(
@@ -3620,7 +3624,7 @@ const EditableThing = ({
         onChange: useCallback(
           (event) =>
             handleThingChange(
-              String(event[CURRENT_TARGET][_VALUE]),
+              string(event[CURRENT_TARGET][_VALUE]),
               setStringThing,
             ),
           [handleThingChange],
@@ -3636,7 +3640,7 @@ const EditableThing = ({
         onChange: useCallback(
           (event) =>
             handleThingChange(
-              Number(event[CURRENT_TARGET][_VALUE] || 0),
+              number(event[CURRENT_TARGET][_VALUE] || 0),
               setNumberThing,
             ),
           [handleThingChange],
@@ -3652,7 +3656,7 @@ const EditableThing = ({
         onChange: useCallback(
           (event) =>
             handleThingChange(
-              Boolean(event[CURRENT_TARGET].checked),
+              boolean(event[CURRENT_TARGET].checked),
               setBooleanThing,
             ),
           [handleThingChange],
@@ -5068,7 +5072,7 @@ const Header = ({s}) => {
   const handleClose = useSetValueCallback$1(OPEN_VALUE, () => false, [], s);
   const handleDock = useSetValueCallback$1(
     POSITION_VALUE,
-    (event) => Number(event[CURRENT_TARGET].dataset.id),
+    (event) => number(event[CURRENT_TARGET].dataset.id),
     [],
     s,
   );

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

@@ -79,6 +79,7 @@ const id = (key) => EMPTY_STRING + key;
 const strSplit = (str, separator = EMPTY_STRING, limit) =>
   str.split(separator, limit);
 
+const math = Math;
 const getIfNotFunction = (predicate) => (value, then, otherwise) =>
   predicate(value)
     ? /* istanbul ignore next */
@@ -86,7 +87,9 @@ const getIfNotFunction = (predicate) => (value, then, otherwise) =>
     : then(value);
 const GLOBAL = globalThis;
 const WINDOW = GLOBAL.window;
-const math = Math;
+const number = Number;
+const string = String;
+const boolean = Boolean;
 const mathMin = math.min;
 const mathFloor = math.floor;
 const isFiniteNumber = isFinite;
@@ -129,6 +132,7 @@ const tryCatch = async (action, then1, then2) => {
 };
 
 const arrayHas = (array, value) => array.includes(value);
+const arrayIndexOf = (array, value) => array.indexOf(value);
 const arrayEvery = (array, cb) => array.every(cb);
 const arrayIsEqual = (array1, array2) =>
   size(array1) === size(array2) &&
@@ -252,7 +256,7 @@ const NO_PROVIDED_OBJECTS_MESSAGE =
 const INSPECTOR_ERROR_MESSAGE =
   'Inspector error: please see console for details.';
 const getInitialPosition = (position) => {
-  const index = POSITIONS.indexOf(position);
+  const index = arrayIndexOf(POSITIONS, position);
   return index == -1 ? 1 : index;
 };
 const getUniqueId = (...args) => jsonStringWithMap(args);
@@ -3550,9 +3554,9 @@ const EditableThing = ({
     } else if (isArray(thing)) {
       setArrayThing(jsonString(thing));
     } else {
-      setStringThing(String(thing));
-      setNumberThing(Number(thing) || 0);
-      setBooleanThing(Boolean(thing));
+      setStringThing(string(thing));
+      setNumberThing(number(thing) || 0);
+      setBooleanThing(boolean(thing));
     }
   }
   const handleThingChange = useCallback(
@@ -3620,7 +3624,7 @@ const EditableThing = ({
         onChange: useCallback(
           (event) =>
             handleThingChange(
-              String(event[CURRENT_TARGET][_VALUE]),
+              string(event[CURRENT_TARGET][_VALUE]),
               setStringThing,
             ),
           [handleThingChange],
@@ -3636,7 +3640,7 @@ const EditableThing = ({
         onChange: useCallback(
           (event) =>
             handleThingChange(
-              Number(event[CURRENT_TARGET][_VALUE] || 0),
+              number(event[CURRENT_TARGET][_VALUE] || 0),
               setNumberThing,
             ),
           [handleThingChange],
@@ -3652,7 +3656,7 @@ const EditableThing = ({
         onChange: useCallback(
           (event) =>
             handleThingChange(
-              Boolean(event[CURRENT_TARGET].checked),
+              boolean(event[CURRENT_TARGET].checked),
               setBooleanThing,
             ),
           [handleThingChange],
@@ -5068,7 +5072,7 @@ const Header = ({s}) => {
   const handleClose = useSetValueCallback$1(OPEN_VALUE, () => false, [], s);
   const handleDock = useSetValueCallback$1(
     POSITION_VALUE,
-    (event) => Number(event[CURRENT_TARGET].dataset.id),
+    (event) => number(event[CURRENT_TARGET].dataset.id),
     [],
     s,
   );

package/ui-solid-dom/index.js

@@ -57,13 +57,16 @@ const EXTRA = 'extra';
 const strSplit = (str, separator = EMPTY_STRING, limit) =>
   str.split(separator, limit);
 
+const math = Math;
 const getIfNotFunction = (predicate) => (value, then, otherwise) =>
   predicate(value)
     ? /* istanbul ignore next */
       otherwise?.()
     : then(value);
 const GLOBAL = globalThis;
-const math = Math;
+const number = Number;
+const string = String;
+const boolean = Boolean;
 const mathMin = math.min;
 const isFiniteNumber = isFinite;
 const isNullish = (thing) => thing == null;
@@ -751,9 +754,9 @@ const EditableThing = (props) => {
       } else if (isArray(thing)) {
         setArrayThing(jsonString(thing));
       } else {
-        setStringThing(String(thing));
-        setNumberThing(Number(thing) || 0);
-        setBooleanThing(Boolean(thing));
+        setStringThing(string(thing));
+        setNumberThing(number(thing) || 0);
+        setBooleanThing(boolean(thing));
       }
     }
   });
@@ -810,7 +813,7 @@ const EditableThing = (props) => {
         var _el$0 = _tmpl$7();
         _el$0.addEventListener('input', (event) =>
           handleThingChange(
-            String(event[CURRENT_TARGET][_VALUE]),
+            string(event[CURRENT_TARGET][_VALUE]),
             setStringThing,
           ),
         );
@@ -821,7 +824,7 @@ const EditableThing = (props) => {
         var _el$1 = _tmpl$8();
         _el$1.addEventListener('input', (event) =>
           handleThingChange(
-            Number(event[CURRENT_TARGET][_VALUE] || 0),
+            number(event[CURRENT_TARGET][_VALUE] || 0),
             setNumberThing,
           ),
         );
@@ -832,7 +835,7 @@ const EditableThing = (props) => {
         var _el$10 = _tmpl$9();
         _el$10.addEventListener('input', (event) =>
           handleThingChange(
-            Boolean(event[CURRENT_TARGET].checked),
+            boolean(event[CURRENT_TARGET].checked),
             setBooleanThing,
           ),
         );

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

@@ -57,13 +57,16 @@ const EXTRA = 'extra';
 const strSplit = (str, separator = EMPTY_STRING, limit) =>
   str.split(separator, limit);
 
+const math = Math;
 const getIfNotFunction = (predicate) => (value, then, otherwise) =>
   predicate(value)
     ? /* istanbul ignore next */
       otherwise?.()
     : then(value);
 const GLOBAL = globalThis;
-const math = Math;
+const number = Number;
+const string = String;
+const boolean = Boolean;
 const mathMin = math.min;
 const isFiniteNumber = isFinite;
 const isNullish = (thing) => thing == null;
@@ -751,9 +754,9 @@ const EditableThing = (props) => {
       } else if (isArray(thing)) {
         setArrayThing(jsonString(thing));
       } else {
-        setStringThing(String(thing));
-        setNumberThing(Number(thing) || 0);
-        setBooleanThing(Boolean(thing));
+        setStringThing(string(thing));
+        setNumberThing(number(thing) || 0);
+        setBooleanThing(boolean(thing));
       }
     }
   });
@@ -810,7 +813,7 @@ const EditableThing = (props) => {
         var _el$0 = _tmpl$7();
         _el$0.addEventListener('input', (event) =>
           handleThingChange(
-            String(event[CURRENT_TARGET][_VALUE]),
+            string(event[CURRENT_TARGET][_VALUE]),
             setStringThing,
           ),
         );
@@ -821,7 +824,7 @@ const EditableThing = (props) => {
         var _el$1 = _tmpl$8();
         _el$1.addEventListener('input', (event) =>
           handleThingChange(
-            Number(event[CURRENT_TARGET][_VALUE] || 0),
+            number(event[CURRENT_TARGET][_VALUE] || 0),
             setNumberThing,
           ),
         );
@@ -832,7 +835,7 @@ const EditableThing = (props) => {
         var _el$10 = _tmpl$9();
         _el$10.addEventListener('input', (event) =>
           handleThingChange(
-            Boolean(event[CURRENT_TARGET].checked),
+            boolean(event[CURRENT_TARGET].checked),
             setBooleanThing,
           ),
         );

package/ui-solid-inspector/index.js

@@ -112,6 +112,7 @@ const id = (key) => EMPTY_STRING + key;
 const strSplit = (str, separator = EMPTY_STRING, limit) =>
   str.split(separator, limit);
 
+const math = Math;
 const getIfNotFunction = (predicate) => (value, then, otherwise) =>
   predicate(value)
     ? /* istanbul ignore next */
@@ -119,7 +120,9 @@ const getIfNotFunction = (predicate) => (value, then, otherwise) =>
     : then(value);
 const GLOBAL = globalThis;
 const WINDOW = GLOBAL.window;
-const math = Math;
+const number = Number;
+const string = String;
+const boolean = Boolean;
 const mathMin = math.min;
 const mathFloor = math.floor;
 const isFiniteNumber = isFinite;
@@ -162,6 +165,7 @@ const tryCatch = async (action, then1, then2) => {
 };
 
 const arrayHas = (array, value) => array.includes(value);
+const arrayIndexOf = (array, value) => array.indexOf(value);
 const arrayEvery = (array, cb) => array.every(cb);
 const arrayIsEqual = (array1, array2) =>
   size(array1) === size(array2) &&
@@ -284,7 +288,7 @@ const NO_PROVIDED_OBJECTS_MESSAGE =
 const INSPECTOR_ERROR_MESSAGE =
   'Inspector error: please see console for details.';
 const getInitialPosition = (position) => {
-  const index = POSITIONS.indexOf(position);
+  const index = arrayIndexOf(POSITIONS, position);
   return index == -1 ? 1 : index;
 };
 const getUniqueId = (...args) => jsonStringWithMap(args);
@@ -3518,9 +3522,9 @@ const EditableThing = (props) => {
       } else if (isArray(thing)) {
         setArrayThing(jsonString(thing));
       } else {
-        setStringThing(String(thing));
-        setNumberThing(Number(thing) || 0);
-        setBooleanThing(Boolean(thing));
+        setStringThing(string(thing));
+        setNumberThing(number(thing) || 0);
+        setBooleanThing(boolean(thing));
       }
     }
   });
@@ -3577,7 +3581,7 @@ const EditableThing = (props) => {
         var _el$0 = _tmpl$7$1();
         _el$0.addEventListener('input', (event) =>
           handleThingChange(
-            String(event[CURRENT_TARGET][_VALUE]),
+            string(event[CURRENT_TARGET][_VALUE]),
             setStringThing,
           ),
         );
@@ -3588,7 +3592,7 @@ const EditableThing = (props) => {
         var _el$1 = _tmpl$8$1();
         _el$1.addEventListener('input', (event) =>
           handleThingChange(
-            Number(event[CURRENT_TARGET][_VALUE] || 0),
+            number(event[CURRENT_TARGET][_VALUE] || 0),
             setNumberThing,
           ),
         );
@@ -3599,7 +3603,7 @@ const EditableThing = (props) => {
         var _el$10 = _tmpl$9$1();
         _el$10.addEventListener('input', (event) =>
           handleThingChange(
-            Boolean(event[CURRENT_TARGET].checked),
+            boolean(event[CURRENT_TARGET].checked),
             setBooleanThing,
           ),
         );
@@ -5288,7 +5292,7 @@ const Header = (props) => {
   const handleClick = () => open('https://tinybase.org', '_blank');
   const handleClose = () => props.s.setValue(OPEN_VALUE, false);
   const handleDock = (event) =>
-    props.s.setValue(POSITION_VALUE, Number(event.currentTarget.dataset.id));
+    props.s.setValue(POSITION_VALUE, number(event.currentTarget.dataset.id));
   return (() => {
     var _el$24 = _tmpl$1(),
       _el$25 = _el$24.firstChild,

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

@@ -112,6 +112,7 @@ const id = (key) => EMPTY_STRING + key;
 const strSplit = (str, separator = EMPTY_STRING, limit) =>
   str.split(separator, limit);
 
+const math = Math;
 const getIfNotFunction = (predicate) => (value, then, otherwise) =>
   predicate(value)
     ? /* istanbul ignore next */
@@ -119,7 +120,9 @@ const getIfNotFunction = (predicate) => (value, then, otherwise) =>
     : then(value);
 const GLOBAL = globalThis;
 const WINDOW = GLOBAL.window;
-const math = Math;
+const number = Number;
+const string = String;
+const boolean = Boolean;
 const mathMin = math.min;
 const mathFloor = math.floor;
 const isFiniteNumber = isFinite;
@@ -162,6 +165,7 @@ const tryCatch = async (action, then1, then2) => {
 };
 
 const arrayHas = (array, value) => array.includes(value);
+const arrayIndexOf = (array, value) => array.indexOf(value);
 const arrayEvery = (array, cb) => array.every(cb);
 const arrayIsEqual = (array1, array2) =>
   size(array1) === size(array2) &&
@@ -284,7 +288,7 @@ const NO_PROVIDED_OBJECTS_MESSAGE =
 const INSPECTOR_ERROR_MESSAGE =
   'Inspector error: please see console for details.';
 const getInitialPosition = (position) => {
-  const index = POSITIONS.indexOf(position);
+  const index = arrayIndexOf(POSITIONS, position);
   return index == -1 ? 1 : index;
 };
 const getUniqueId = (...args) => jsonStringWithMap(args);
@@ -3518,9 +3522,9 @@ const EditableThing = (props) => {
       } else if (isArray(thing)) {
         setArrayThing(jsonString(thing));
       } else {
-        setStringThing(String(thing));
-        setNumberThing(Number(thing) || 0);
-        setBooleanThing(Boolean(thing));
+        setStringThing(string(thing));
+        setNumberThing(number(thing) || 0);
+        setBooleanThing(boolean(thing));
       }
     }
   });
@@ -3577,7 +3581,7 @@ const EditableThing = (props) => {
         var _el$0 = _tmpl$7$1();
         _el$0.addEventListener('input', (event) =>
           handleThingChange(
-            String(event[CURRENT_TARGET][_VALUE]),
+            string(event[CURRENT_TARGET][_VALUE]),
             setStringThing,
           ),
         );
@@ -3588,7 +3592,7 @@ const EditableThing = (props) => {
         var _el$1 = _tmpl$8$1();
         _el$1.addEventListener('input', (event) =>
           handleThingChange(
-            Number(event[CURRENT_TARGET][_VALUE] || 0),
+            number(event[CURRENT_TARGET][_VALUE] || 0),
             setNumberThing,
           ),
         );
@@ -3599,7 +3603,7 @@ const EditableThing = (props) => {
         var _el$10 = _tmpl$9$1();
         _el$10.addEventListener('input', (event) =>
           handleThingChange(
-            Boolean(event[CURRENT_TARGET].checked),
+            boolean(event[CURRENT_TARGET].checked),
             setBooleanThing,
           ),
         );
@@ -5288,7 +5292,7 @@ const Header = (props) => {
   const handleClick = () => open('https://tinybase.org', '_blank');
   const handleClose = () => props.s.setValue(OPEN_VALUE, false);
   const handleDock = (event) =>
-    props.s.setValue(POSITION_VALUE, Number(event.currentTarget.dataset.id));
+    props.s.setValue(POSITION_VALUE, number(event.currentTarget.dataset.id));
   return (() => {
     var _el$24 = _tmpl$1(),
       _el$25 = _el$24.firstChild,

package/ui-svelte-dom/index.js

@@ -32,13 +32,16 @@ const SLICE = 'Slice';
 const REMOTE_ROW_ID = 'Remote' + ROW + 'Id';
 const EXTRA = 'extra';
 
+const math = Math;
 const getIfNotFunction = (predicate) => (value, then, otherwise) =>
   predicate(value)
     ? /* istanbul ignore next */
       otherwise?.()
     : then(value);
 const GLOBAL = globalThis;
-const math = Math;
+const number = Number;
+const string = String;
+const boolean = Boolean;
 const mathMin = math.min;
 const isFiniteNumber = isFinite;
 const isNullish = (thing) => thing == null;
@@ -459,7 +462,7 @@ function EditableThing($$anchor, $$props) {
   let objectClassName = $.state(EMPTY_STRING);
   let arrayClassName = $.state(EMPTY_STRING);
   const getThingKey = (thing) =>
-    `${getCellOrValueType(thing)}:${isObject(thing) || isArray(thing) ? jsonString(thing) : String(thing)}`;
+    `${getCellOrValueType(thing)}:${(isObject(thing) || isArray(thing) ? jsonString : string)(thing)}`;
 
   $.user_effect(() => {
     const thingKey = getThingKey($$props.thing);
@@ -473,9 +476,9 @@ function EditableThing($$anchor, $$props) {
       } else if (isArray($$props.thing)) {
         $.set(arrayThing, jsonString($$props.thing), true);
       } else {
-        $.set(stringThing, String($$props.thing), true);
-        $.set(numberThing, Number($$props.thing) || 0, true);
-        $.set(booleanThing, Boolean($$props.thing), true);
+        $.set(stringThing, string($$props.thing), true);
+        $.set(numberThing, number($$props.thing) || 0, true);
+        $.set(booleanThing, boolean($$props.thing), true);
       }
     }
   });
@@ -569,7 +572,7 @@ function EditableThing($$anchor, $$props) {
       $.remove_input_defaults(input);
       $.template_effect(() => $.set_value(input, $.get(stringThing)));
       $.delegated('input', input, (event) =>
-        handleThingChange(String(event.currentTarget.value), (value) =>
+        handleThingChange(string(event.currentTarget.value), (value) =>
           $.set(stringThing, value, true),
         ),
       );
@@ -582,7 +585,7 @@ function EditableThing($$anchor, $$props) {
       $.remove_input_defaults(input_1);
       $.template_effect(() => $.set_value(input_1, $.get(numberThing)));
       $.delegated('input', input_1, (event) =>
-        handleThingChange(Number(event.currentTarget.value || 0), (value) =>
+        handleThingChange(number(event.currentTarget.value || 0), (value) =>
           $.set(numberThing, value, true),
         ),
       );
@@ -595,7 +598,7 @@ function EditableThing($$anchor, $$props) {
       $.remove_input_defaults(input_2);
       $.template_effect(() => $.set_checked(input_2, $.get(booleanThing)));
       $.delegated('change', input_2, (event) =>
-        handleThingChange(Boolean(event.currentTarget.checked), (value) =>
+        handleThingChange(boolean(event.currentTarget.checked), (value) =>
           $.set(booleanThing, value, true),
         ),
       );

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

@@ -32,13 +32,16 @@ const SLICE = 'Slice';
 const REMOTE_ROW_ID = 'Remote' + ROW + 'Id';
 const EXTRA = 'extra';
 
+const math = Math;
 const getIfNotFunction = (predicate) => (value, then, otherwise) =>
   predicate(value)
     ? /* istanbul ignore next */
       otherwise?.()
     : then(value);
 const GLOBAL = globalThis;
-const math = Math;
+const number = Number;
+const string = String;
+const boolean = Boolean;
 const mathMin = math.min;
 const isFiniteNumber = isFinite;
 const isNullish = (thing) => thing == null;
@@ -459,7 +462,7 @@ function EditableThing($$anchor, $$props) {
   let objectClassName = $.state(EMPTY_STRING);
   let arrayClassName = $.state(EMPTY_STRING);
   const getThingKey = (thing) =>
-    `${getCellOrValueType(thing)}:${isObject(thing) || isArray(thing) ? jsonString(thing) : String(thing)}`;
+    `${getCellOrValueType(thing)}:${(isObject(thing) || isArray(thing) ? jsonString : string)(thing)}`;
 
   $.user_effect(() => {
     const thingKey = getThingKey($$props.thing);
@@ -473,9 +476,9 @@ function EditableThing($$anchor, $$props) {
       } else if (isArray($$props.thing)) {
         $.set(arrayThing, jsonString($$props.thing), true);
       } else {
-        $.set(stringThing, String($$props.thing), true);
-        $.set(numberThing, Number($$props.thing) || 0, true);
-        $.set(booleanThing, Boolean($$props.thing), true);
+        $.set(stringThing, string($$props.thing), true);
+        $.set(numberThing, number($$props.thing) || 0, true);
+        $.set(booleanThing, boolean($$props.thing), true);
       }
     }
   });
@@ -569,7 +572,7 @@ function EditableThing($$anchor, $$props) {
       $.remove_input_defaults(input);
       $.template_effect(() => $.set_value(input, $.get(stringThing)));
       $.delegated('input', input, (event) =>
-        handleThingChange(String(event.currentTarget.value), (value) =>
+        handleThingChange(string(event.currentTarget.value), (value) =>
           $.set(stringThing, value, true),
         ),
       );
@@ -582,7 +585,7 @@ function EditableThing($$anchor, $$props) {
       $.remove_input_defaults(input_1);
       $.template_effect(() => $.set_value(input_1, $.get(numberThing)));
       $.delegated('input', input_1, (event) =>
-        handleThingChange(Number(event.currentTarget.value || 0), (value) =>
+        handleThingChange(number(event.currentTarget.value || 0), (value) =>
           $.set(numberThing, value, true),
         ),
       );
@@ -595,7 +598,7 @@ function EditableThing($$anchor, $$props) {
       $.remove_input_defaults(input_2);
       $.template_effect(() => $.set_checked(input_2, $.get(booleanThing)));
       $.delegated('change', input_2, (event) =>
-        handleThingChange(Boolean(event.currentTarget.checked), (value) =>
+        handleThingChange(boolean(event.currentTarget.checked), (value) =>
           $.set(booleanThing, value, true),
         ),
       );