tinybase 8.4.2 → 8.5.0-beta.1

package/ui-svelte-inspector/index.js

@@ -47,6 +47,7 @@ const UNDEFINED = '\uFFFC';
 const JSON_PREFIX = '\uFFFD';
 const id = (key) => EMPTY_STRING + key;
 
+const math = Math;
 const getIfNotFunction = (predicate) => (value, then, otherwise) =>
   predicate(value)
     ? /* istanbul ignore next */
@@ -54,7 +55,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;
@@ -97,6 +100,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) &&
@@ -215,7 +219,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);
@@ -3489,7 +3493,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);
@@ -3503,9 +3507,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);
       }
     }
   });
@@ -3599,7 +3603,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),
         ),
       );
@@ -3612,7 +3616,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),
         ),
       );
@@ -3625,7 +3629,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),
         ),
       );
@@ -7209,11 +7213,11 @@ function Body($$anchor, $$props) {
       const observer = new MutationObserver(() => {
         if (
           articleElement.scrollWidth >=
-            mathFloor(Number(scrollLeft)) + articleElement.clientWidth &&
+            mathFloor(number(scrollLeft)) + articleElement.clientWidth &&
           articleElement.scrollHeight >=
-            mathFloor(Number(scrollTop)) + articleElement.clientHeight
+            mathFloor(number(scrollTop)) + articleElement.clientHeight
         ) {
-          articleElement.scrollTo(Number(scrollLeft), Number(scrollTop));
+          articleElement.scrollTo(number(scrollLeft), number(scrollTop));
         }
       });
 
@@ -7473,7 +7477,7 @@ function Header($$anchor, $$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));
 
   const onKeyDown = (event, handle) => {
     if (event.key == 'Enter' || event.key == ' ') {

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

@@ -47,6 +47,7 @@ const UNDEFINED = '\uFFFC';
 const JSON_PREFIX = '\uFFFD';
 const id = (key) => EMPTY_STRING + key;
 
+const math = Math;
 const getIfNotFunction = (predicate) => (value, then, otherwise) =>
   predicate(value)
     ? /* istanbul ignore next */
@@ -54,7 +55,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;
@@ -97,6 +100,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) &&
@@ -215,7 +219,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);
@@ -3489,7 +3493,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);
@@ -3503,9 +3507,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);
       }
     }
   });
@@ -3599,7 +3603,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),
         ),
       );
@@ -3612,7 +3616,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),
         ),
       );
@@ -3625,7 +3629,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),
         ),
       );
@@ -7209,11 +7213,11 @@ function Body($$anchor, $$props) {
       const observer = new MutationObserver(() => {
         if (
           articleElement.scrollWidth >=
-            mathFloor(Number(scrollLeft)) + articleElement.clientWidth &&
+            mathFloor(number(scrollLeft)) + articleElement.clientWidth &&
           articleElement.scrollHeight >=
-            mathFloor(Number(scrollTop)) + articleElement.clientHeight
+            mathFloor(number(scrollTop)) + articleElement.clientHeight
         ) {
-          articleElement.scrollTo(Number(scrollLeft), Number(scrollTop));
+          articleElement.scrollTo(number(scrollLeft), number(scrollTop));
         }
       });
 
@@ -7473,7 +7477,7 @@ function Header($$anchor, $$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));
 
   const onKeyDown = (event, handle) => {
     if (event.key == 'Enter' || event.key == ' ') {

package/with-schemas/index.js

@@ -42,16 +42,17 @@ const strEndsWith = (str, suffix) => str.endsWith(suffix);
 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 mathMax = math.max;
 const mathMin = math.min;
 const mathFloor = math.floor;
+const mathRandom = math.random;
 const isFiniteNumber = isFinite;
 const isInstanceOf = (thing, cls) => thing instanceof cls;
 const isNullish = (thing) => thing == null;
@@ -63,6 +64,7 @@ const ifNotNullish = getIfNotFunction(isNullish);
 const ifNotUndefined = getIfNotFunction(isUndefined);
 const isTypeStringOrBoolean = (type) => type == STRING || type == BOOLEAN;
 const isString = (thing) => getTypeOf(thing) == STRING;
+const isNumber = (thing) => getTypeOf(thing) == NUMBER;
 const isFunction = (thing) => getTypeOf(thing) == FUNCTION;
 const isArray = (thing) => Array.isArray(thing);
 const slice = (arrayOrString, start, end) => arrayOrString.slice(start, end);
@@ -785,7 +787,7 @@ const decode = (str, pos) => mapGet(DECODE, str[pos]) ?? 0;
 const getRandomValues = GLOBAL.crypto
   ? (array) => GLOBAL.crypto.getRandomValues(array)
   : /* istanbul ignore next */
-    (array) => arrayMap(array, () => mathFloor(math.random() * 256));
+    (array) => arrayMap(array, () => mathFloor(mathRandom() * 256));
 const getUniqueId = (length = 16) =>
   arrayReduce(
     getRandomValues(new Uint8Array(length)),
@@ -1191,7 +1193,7 @@ const stampValidate = (stamp, validateThing) =>
   isArray(stamp) &&
   size(stamp) == 3 &&
   isString(stamp[1]) &&
-  getTypeOf(stamp[2]) == NUMBER &&
+  isNumber(stamp[2]) &&
   isFiniteNumber(stamp[2]) &&
   validateThing(stamp[0]);