tinybase 8.5.0-beta.0 → 8.5.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/@types/ui-react-dom-charts/index.d.ts +242 -0
- package/@types/ui-react-dom-charts/with-schemas/index.d.ts +296 -0
- package/common/index.js +3 -2
- package/common/with-schemas/index.js +3 -2
- package/index.js +5 -3
- package/mergeable-store/index.js +5 -3
- package/mergeable-store/with-schemas/index.js +5 -3
- package/metrics/index.js +1 -1
- package/metrics/with-schemas/index.js +1 -1
- package/min/common/index.js +1 -1
- package/min/common/index.js.gz +0 -0
- package/min/common/with-schemas/index.js +1 -1
- package/min/common/with-schemas/index.js.gz +0 -0
- package/min/index.js +1 -1
- package/min/index.js.gz +0 -0
- package/min/mergeable-store/index.js +1 -1
- package/min/mergeable-store/index.js.gz +0 -0
- package/min/mergeable-store/with-schemas/index.js +1 -1
- package/min/mergeable-store/with-schemas/index.js.gz +0 -0
- package/min/omni/index.js +1 -1
- package/min/omni/index.js.gz +0 -0
- package/min/omni/with-schemas/index.js +1 -1
- package/min/omni/with-schemas/index.js.gz +0 -0
- package/min/persisters/persister-durable-object-sql-storage/index.js +1 -1
- package/min/persisters/persister-durable-object-sql-storage/index.js.gz +0 -0
- package/min/persisters/persister-durable-object-sql-storage/with-schemas/index.js +1 -1
- package/min/persisters/persister-durable-object-sql-storage/with-schemas/index.js.gz +0 -0
- package/min/persisters/persister-partykit-server/index.js +1 -1
- package/min/persisters/persister-partykit-server/index.js.gz +0 -0
- package/min/persisters/persister-partykit-server/with-schemas/index.js +1 -1
- package/min/persisters/persister-partykit-server/with-schemas/index.js.gz +0 -0
- package/min/queries/index.js +1 -1
- package/min/queries/index.js.gz +0 -0
- package/min/queries/with-schemas/index.js +1 -1
- package/min/queries/with-schemas/index.js.gz +0 -0
- package/min/synchronizers/index.js +1 -1
- package/min/synchronizers/index.js.gz +0 -0
- package/min/synchronizers/synchronizer-broadcast-channel/index.js +1 -1
- package/min/synchronizers/synchronizer-broadcast-channel/index.js.gz +0 -0
- package/min/synchronizers/synchronizer-broadcast-channel/with-schemas/index.js +1 -1
- package/min/synchronizers/synchronizer-broadcast-channel/with-schemas/index.js.gz +0 -0
- package/min/synchronizers/synchronizer-local/index.js +1 -1
- package/min/synchronizers/synchronizer-local/index.js.gz +0 -0
- package/min/synchronizers/synchronizer-local/with-schemas/index.js +1 -1
- package/min/synchronizers/synchronizer-local/with-schemas/index.js.gz +0 -0
- package/min/synchronizers/synchronizer-ws-client/index.js +1 -1
- package/min/synchronizers/synchronizer-ws-client/index.js.gz +0 -0
- package/min/synchronizers/synchronizer-ws-client/with-schemas/index.js +1 -1
- package/min/synchronizers/synchronizer-ws-client/with-schemas/index.js.gz +0 -0
- package/min/synchronizers/synchronizer-ws-server/index.js +1 -1
- package/min/synchronizers/synchronizer-ws-server/index.js.gz +0 -0
- package/min/synchronizers/synchronizer-ws-server/with-schemas/index.js +1 -1
- package/min/synchronizers/synchronizer-ws-server/with-schemas/index.js.gz +0 -0
- package/min/synchronizers/synchronizer-ws-server-durable-object/index.js +1 -1
- package/min/synchronizers/synchronizer-ws-server-durable-object/index.js.gz +0 -0
- package/min/synchronizers/synchronizer-ws-server-durable-object/with-schemas/index.js +1 -1
- package/min/synchronizers/synchronizer-ws-server-durable-object/with-schemas/index.js.gz +0 -0
- package/min/synchronizers/with-schemas/index.js +1 -1
- package/min/synchronizers/with-schemas/index.js.gz +0 -0
- package/min/ui-react-dom/index.js +1 -1
- package/min/ui-react-dom/index.js.gz +0 -0
- package/min/ui-react-dom/with-schemas/index.js +1 -1
- package/min/ui-react-dom/with-schemas/index.js.gz +0 -0
- package/min/ui-react-dom-charts/index.js +1 -0
- package/min/ui-react-dom-charts/index.js.gz +0 -0
- package/min/ui-react-dom-charts/with-schemas/index.js +1 -0
- package/min/ui-react-dom-charts/with-schemas/index.js.gz +0 -0
- package/min/ui-react-inspector/index.js +1 -1
- package/min/ui-react-inspector/index.js.gz +0 -0
- package/min/ui-react-inspector/with-schemas/index.js +1 -1
- package/min/ui-react-inspector/with-schemas/index.js.gz +0 -0
- package/min/ui-solid-dom/index.js +1 -1
- package/min/ui-solid-dom/index.js.gz +0 -0
- package/min/ui-solid-dom/with-schemas/index.js +1 -1
- package/min/ui-solid-dom/with-schemas/index.js.gz +0 -0
- package/min/ui-solid-inspector/index.js +1 -1
- package/min/ui-solid-inspector/index.js.gz +0 -0
- package/min/ui-solid-inspector/with-schemas/index.js +1 -1
- package/min/ui-solid-inspector/with-schemas/index.js.gz +0 -0
- package/min/ui-svelte-dom/index.js +1 -1
- package/min/ui-svelte-dom/index.js.gz +0 -0
- package/min/ui-svelte-dom/with-schemas/index.js +1 -1
- package/min/ui-svelte-dom/with-schemas/index.js.gz +0 -0
- package/min/ui-svelte-inspector/index.js +1 -1
- package/min/ui-svelte-inspector/index.js.gz +0 -0
- package/min/ui-svelte-inspector/with-schemas/index.js +1 -1
- package/min/ui-svelte-inspector/with-schemas/index.js.gz +0 -0
- package/min/with-schemas/index.js +1 -1
- package/min/with-schemas/index.js.gz +0 -0
- package/omni/index.js +7 -4
- package/omni/with-schemas/index.js +7 -4
- package/package.json +50 -14
- package/persisters/persister-durable-object-sql-storage/index.js +13 -11
- package/persisters/persister-durable-object-sql-storage/with-schemas/index.js +13 -11
- package/persisters/persister-partykit-client/index.js +2 -1
- package/persisters/persister-partykit-client/with-schemas/index.js +2 -1
- package/persisters/persister-partykit-server/index.js +2 -1
- package/persisters/persister-partykit-server/with-schemas/index.js +2 -1
- package/queries/index.js +1 -1
- package/queries/with-schemas/index.js +1 -1
- package/readme.md +18 -14
- package/releases.md +91 -58
- package/synchronizers/index.js +3 -2
- package/synchronizers/synchronizer-broadcast-channel/index.js +3 -2
- package/synchronizers/synchronizer-broadcast-channel/with-schemas/index.js +3 -2
- package/synchronizers/synchronizer-local/index.js +3 -2
- package/synchronizers/synchronizer-local/with-schemas/index.js +3 -2
- package/synchronizers/synchronizer-ws-client/index.js +3 -2
- package/synchronizers/synchronizer-ws-client/with-schemas/index.js +3 -2
- package/synchronizers/synchronizer-ws-server/index.js +3 -2
- package/synchronizers/synchronizer-ws-server/with-schemas/index.js +3 -2
- package/synchronizers/synchronizer-ws-server-durable-object/index.js +3 -2
- package/synchronizers/synchronizer-ws-server-durable-object/with-schemas/index.js +3 -2
- package/synchronizers/with-schemas/index.js +3 -2
- package/ui-react-dom/index.js +10 -7
- package/ui-react-dom/with-schemas/index.js +10 -7
- package/ui-react-dom-charts/index.js +1229 -0
- package/ui-react-dom-charts/with-schemas/index.js +1229 -0
- package/ui-react-inspector/index.js +16 -10
- package/ui-react-inspector/with-schemas/index.js +16 -10
- package/ui-solid-dom/index.js +10 -7
- package/ui-solid-dom/with-schemas/index.js +10 -7
- package/ui-solid-inspector/index.js +16 -10
- package/ui-solid-inspector/with-schemas/index.js +16 -10
- package/ui-svelte/index.js +5 -5
- package/ui-svelte/with-schemas/index.js +5 -5
- package/ui-svelte-dom/index.js +162 -164
- package/ui-svelte-dom/with-schemas/index.js +162 -164
- package/ui-svelte-inspector/index.js +192 -196
- package/ui-svelte-inspector/with-schemas/index.js +192 -196
- package/with-schemas/index.js +5 -3
|
@@ -79,6 +79,7 @@ const id = (key) => EMPTY_STRING + key;
|
|
|
79
79
|
const strSplit = (str, separator = EMPTY_STRING, limit) =>
|
|
80
80
|
str.split(separator, limit);
|
|
81
81
|
|
|
82
|
+
const math = Math;
|
|
82
83
|
const getIfNotFunction = (predicate) => (value, then, otherwise) =>
|
|
83
84
|
predicate(value)
|
|
84
85
|
? /* istanbul ignore next */
|
|
@@ -86,7 +87,9 @@ const getIfNotFunction = (predicate) => (value, then, otherwise) =>
|
|
|
86
87
|
: then(value);
|
|
87
88
|
const GLOBAL = globalThis;
|
|
88
89
|
const WINDOW = GLOBAL.window;
|
|
89
|
-
const
|
|
90
|
+
const number = Number;
|
|
91
|
+
const string = String;
|
|
92
|
+
const boolean = Boolean;
|
|
90
93
|
const mathMin = math.min;
|
|
91
94
|
const mathFloor = math.floor;
|
|
92
95
|
const isFiniteNumber = isFinite;
|
|
@@ -129,6 +132,7 @@ const tryCatch = async (action, then1, then2) => {
|
|
|
129
132
|
};
|
|
130
133
|
|
|
131
134
|
const arrayHas = (array, value) => array.includes(value);
|
|
135
|
+
const arrayIndexOf = (array, value) => array.indexOf(value);
|
|
132
136
|
const arrayEvery = (array, cb) => array.every(cb);
|
|
133
137
|
const arrayIsEqual = (array1, array2) =>
|
|
134
138
|
size(array1) === size(array2) &&
|
|
@@ -252,7 +256,7 @@ const NO_PROVIDED_OBJECTS_MESSAGE =
|
|
|
252
256
|
const INSPECTOR_ERROR_MESSAGE =
|
|
253
257
|
'Inspector error: please see console for details.';
|
|
254
258
|
const getInitialPosition = (position) => {
|
|
255
|
-
const index = POSITIONS
|
|
259
|
+
const index = arrayIndexOf(POSITIONS, position);
|
|
256
260
|
return index == -1 ? 1 : index;
|
|
257
261
|
};
|
|
258
262
|
const getUniqueId = (...args) => jsonStringWithMap(args);
|
|
@@ -360,6 +364,7 @@ const TEXT_OVERFLOW = 'text-overflow';
|
|
|
360
364
|
const ALIGN_ITEMS = 'align-items';
|
|
361
365
|
const BACKDROP_FILTER = 'backdrop-filter';
|
|
362
366
|
const MARGIN_RIGHT = MARGIN + '-' + RIGHT;
|
|
367
|
+
const Z_INDEX = 'z-index';
|
|
363
368
|
const FIXED = 'fixed';
|
|
364
369
|
const REVERT = 'revert';
|
|
365
370
|
const UNSET = 'unset';
|
|
@@ -383,8 +388,8 @@ const APP_STYLESHEET = arrayJoin(
|
|
|
383
388
|
all: 'initial',
|
|
384
389
|
[FONT_SIZE]: rem(0.75),
|
|
385
390
|
[POSITION]: FIXED,
|
|
391
|
+
[Z_INDEX]: 999999,
|
|
386
392
|
'font-family': 'inter,sans-serif',
|
|
387
|
-
'z-index': 999999,
|
|
388
393
|
'--bg': oklch(20),
|
|
389
394
|
'--bg2': oklch(15),
|
|
390
395
|
'--bg3': oklch(25),
|
|
@@ -488,6 +493,7 @@ const APP_STYLESHEET = arrayJoin(
|
|
|
488
493
|
[BACKGROUND]: oklch(30, '% 0.008 var(--hue) / .5'),
|
|
489
494
|
[WIDTH]: 'calc(100% - .5rem)',
|
|
490
495
|
[POSITION]: 'absolute',
|
|
496
|
+
[Z_INDEX]: 1,
|
|
491
497
|
[BORDER + '-' + BOTTOM]: cssVar(BORDER),
|
|
492
498
|
[ALIGN_ITEMS]: 'center',
|
|
493
499
|
[BACKDROP_FILTER]: 'blur(4px)',
|
|
@@ -3548,9 +3554,9 @@ const EditableThing = ({
|
|
|
3548
3554
|
} else if (isArray(thing)) {
|
|
3549
3555
|
setArrayThing(jsonString(thing));
|
|
3550
3556
|
} else {
|
|
3551
|
-
setStringThing(
|
|
3552
|
-
setNumberThing(
|
|
3553
|
-
setBooleanThing(
|
|
3557
|
+
setStringThing(string(thing));
|
|
3558
|
+
setNumberThing(number(thing) || 0);
|
|
3559
|
+
setBooleanThing(boolean(thing));
|
|
3554
3560
|
}
|
|
3555
3561
|
}
|
|
3556
3562
|
const handleThingChange = useCallback(
|
|
@@ -3618,7 +3624,7 @@ const EditableThing = ({
|
|
|
3618
3624
|
onChange: useCallback(
|
|
3619
3625
|
(event) =>
|
|
3620
3626
|
handleThingChange(
|
|
3621
|
-
|
|
3627
|
+
string(event[CURRENT_TARGET][_VALUE]),
|
|
3622
3628
|
setStringThing,
|
|
3623
3629
|
),
|
|
3624
3630
|
[handleThingChange],
|
|
@@ -3634,7 +3640,7 @@ const EditableThing = ({
|
|
|
3634
3640
|
onChange: useCallback(
|
|
3635
3641
|
(event) =>
|
|
3636
3642
|
handleThingChange(
|
|
3637
|
-
|
|
3643
|
+
number(event[CURRENT_TARGET][_VALUE] || 0),
|
|
3638
3644
|
setNumberThing,
|
|
3639
3645
|
),
|
|
3640
3646
|
[handleThingChange],
|
|
@@ -3650,7 +3656,7 @@ const EditableThing = ({
|
|
|
3650
3656
|
onChange: useCallback(
|
|
3651
3657
|
(event) =>
|
|
3652
3658
|
handleThingChange(
|
|
3653
|
-
|
|
3659
|
+
boolean(event[CURRENT_TARGET].checked),
|
|
3654
3660
|
setBooleanThing,
|
|
3655
3661
|
),
|
|
3656
3662
|
[handleThingChange],
|
|
@@ -5066,7 +5072,7 @@ const Header = ({s}) => {
|
|
|
5066
5072
|
const handleClose = useSetValueCallback$1(OPEN_VALUE, () => false, [], s);
|
|
5067
5073
|
const handleDock = useSetValueCallback$1(
|
|
5068
5074
|
POSITION_VALUE,
|
|
5069
|
-
(event) =>
|
|
5075
|
+
(event) => number(event[CURRENT_TARGET].dataset.id),
|
|
5070
5076
|
[],
|
|
5071
5077
|
s,
|
|
5072
5078
|
);
|
|
@@ -79,6 +79,7 @@ const id = (key) => EMPTY_STRING + key;
|
|
|
79
79
|
const strSplit = (str, separator = EMPTY_STRING, limit) =>
|
|
80
80
|
str.split(separator, limit);
|
|
81
81
|
|
|
82
|
+
const math = Math;
|
|
82
83
|
const getIfNotFunction = (predicate) => (value, then, otherwise) =>
|
|
83
84
|
predicate(value)
|
|
84
85
|
? /* istanbul ignore next */
|
|
@@ -86,7 +87,9 @@ const getIfNotFunction = (predicate) => (value, then, otherwise) =>
|
|
|
86
87
|
: then(value);
|
|
87
88
|
const GLOBAL = globalThis;
|
|
88
89
|
const WINDOW = GLOBAL.window;
|
|
89
|
-
const
|
|
90
|
+
const number = Number;
|
|
91
|
+
const string = String;
|
|
92
|
+
const boolean = Boolean;
|
|
90
93
|
const mathMin = math.min;
|
|
91
94
|
const mathFloor = math.floor;
|
|
92
95
|
const isFiniteNumber = isFinite;
|
|
@@ -129,6 +132,7 @@ const tryCatch = async (action, then1, then2) => {
|
|
|
129
132
|
};
|
|
130
133
|
|
|
131
134
|
const arrayHas = (array, value) => array.includes(value);
|
|
135
|
+
const arrayIndexOf = (array, value) => array.indexOf(value);
|
|
132
136
|
const arrayEvery = (array, cb) => array.every(cb);
|
|
133
137
|
const arrayIsEqual = (array1, array2) =>
|
|
134
138
|
size(array1) === size(array2) &&
|
|
@@ -252,7 +256,7 @@ const NO_PROVIDED_OBJECTS_MESSAGE =
|
|
|
252
256
|
const INSPECTOR_ERROR_MESSAGE =
|
|
253
257
|
'Inspector error: please see console for details.';
|
|
254
258
|
const getInitialPosition = (position) => {
|
|
255
|
-
const index = POSITIONS
|
|
259
|
+
const index = arrayIndexOf(POSITIONS, position);
|
|
256
260
|
return index == -1 ? 1 : index;
|
|
257
261
|
};
|
|
258
262
|
const getUniqueId = (...args) => jsonStringWithMap(args);
|
|
@@ -360,6 +364,7 @@ const TEXT_OVERFLOW = 'text-overflow';
|
|
|
360
364
|
const ALIGN_ITEMS = 'align-items';
|
|
361
365
|
const BACKDROP_FILTER = 'backdrop-filter';
|
|
362
366
|
const MARGIN_RIGHT = MARGIN + '-' + RIGHT;
|
|
367
|
+
const Z_INDEX = 'z-index';
|
|
363
368
|
const FIXED = 'fixed';
|
|
364
369
|
const REVERT = 'revert';
|
|
365
370
|
const UNSET = 'unset';
|
|
@@ -383,8 +388,8 @@ const APP_STYLESHEET = arrayJoin(
|
|
|
383
388
|
all: 'initial',
|
|
384
389
|
[FONT_SIZE]: rem(0.75),
|
|
385
390
|
[POSITION]: FIXED,
|
|
391
|
+
[Z_INDEX]: 999999,
|
|
386
392
|
'font-family': 'inter,sans-serif',
|
|
387
|
-
'z-index': 999999,
|
|
388
393
|
'--bg': oklch(20),
|
|
389
394
|
'--bg2': oklch(15),
|
|
390
395
|
'--bg3': oklch(25),
|
|
@@ -488,6 +493,7 @@ const APP_STYLESHEET = arrayJoin(
|
|
|
488
493
|
[BACKGROUND]: oklch(30, '% 0.008 var(--hue) / .5'),
|
|
489
494
|
[WIDTH]: 'calc(100% - .5rem)',
|
|
490
495
|
[POSITION]: 'absolute',
|
|
496
|
+
[Z_INDEX]: 1,
|
|
491
497
|
[BORDER + '-' + BOTTOM]: cssVar(BORDER),
|
|
492
498
|
[ALIGN_ITEMS]: 'center',
|
|
493
499
|
[BACKDROP_FILTER]: 'blur(4px)',
|
|
@@ -3548,9 +3554,9 @@ const EditableThing = ({
|
|
|
3548
3554
|
} else if (isArray(thing)) {
|
|
3549
3555
|
setArrayThing(jsonString(thing));
|
|
3550
3556
|
} else {
|
|
3551
|
-
setStringThing(
|
|
3552
|
-
setNumberThing(
|
|
3553
|
-
setBooleanThing(
|
|
3557
|
+
setStringThing(string(thing));
|
|
3558
|
+
setNumberThing(number(thing) || 0);
|
|
3559
|
+
setBooleanThing(boolean(thing));
|
|
3554
3560
|
}
|
|
3555
3561
|
}
|
|
3556
3562
|
const handleThingChange = useCallback(
|
|
@@ -3618,7 +3624,7 @@ const EditableThing = ({
|
|
|
3618
3624
|
onChange: useCallback(
|
|
3619
3625
|
(event) =>
|
|
3620
3626
|
handleThingChange(
|
|
3621
|
-
|
|
3627
|
+
string(event[CURRENT_TARGET][_VALUE]),
|
|
3622
3628
|
setStringThing,
|
|
3623
3629
|
),
|
|
3624
3630
|
[handleThingChange],
|
|
@@ -3634,7 +3640,7 @@ const EditableThing = ({
|
|
|
3634
3640
|
onChange: useCallback(
|
|
3635
3641
|
(event) =>
|
|
3636
3642
|
handleThingChange(
|
|
3637
|
-
|
|
3643
|
+
number(event[CURRENT_TARGET][_VALUE] || 0),
|
|
3638
3644
|
setNumberThing,
|
|
3639
3645
|
),
|
|
3640
3646
|
[handleThingChange],
|
|
@@ -3650,7 +3656,7 @@ const EditableThing = ({
|
|
|
3650
3656
|
onChange: useCallback(
|
|
3651
3657
|
(event) =>
|
|
3652
3658
|
handleThingChange(
|
|
3653
|
-
|
|
3659
|
+
boolean(event[CURRENT_TARGET].checked),
|
|
3654
3660
|
setBooleanThing,
|
|
3655
3661
|
),
|
|
3656
3662
|
[handleThingChange],
|
|
@@ -5066,7 +5072,7 @@ const Header = ({s}) => {
|
|
|
5066
5072
|
const handleClose = useSetValueCallback$1(OPEN_VALUE, () => false, [], s);
|
|
5067
5073
|
const handleDock = useSetValueCallback$1(
|
|
5068
5074
|
POSITION_VALUE,
|
|
5069
|
-
(event) =>
|
|
5075
|
+
(event) => number(event[CURRENT_TARGET].dataset.id),
|
|
5070
5076
|
[],
|
|
5071
5077
|
s,
|
|
5072
5078
|
);
|
package/ui-solid-dom/index.js
CHANGED
|
@@ -57,13 +57,16 @@ const EXTRA = 'extra';
|
|
|
57
57
|
const strSplit = (str, separator = EMPTY_STRING, limit) =>
|
|
58
58
|
str.split(separator, limit);
|
|
59
59
|
|
|
60
|
+
const math = Math;
|
|
60
61
|
const getIfNotFunction = (predicate) => (value, then, otherwise) =>
|
|
61
62
|
predicate(value)
|
|
62
63
|
? /* istanbul ignore next */
|
|
63
64
|
otherwise?.()
|
|
64
65
|
: then(value);
|
|
65
66
|
const GLOBAL = globalThis;
|
|
66
|
-
const
|
|
67
|
+
const number = Number;
|
|
68
|
+
const string = String;
|
|
69
|
+
const boolean = Boolean;
|
|
67
70
|
const mathMin = math.min;
|
|
68
71
|
const isFiniteNumber = isFinite;
|
|
69
72
|
const isNullish = (thing) => thing == null;
|
|
@@ -751,9 +754,9 @@ const EditableThing = (props) => {
|
|
|
751
754
|
} else if (isArray(thing)) {
|
|
752
755
|
setArrayThing(jsonString(thing));
|
|
753
756
|
} else {
|
|
754
|
-
setStringThing(
|
|
755
|
-
setNumberThing(
|
|
756
|
-
setBooleanThing(
|
|
757
|
+
setStringThing(string(thing));
|
|
758
|
+
setNumberThing(number(thing) || 0);
|
|
759
|
+
setBooleanThing(boolean(thing));
|
|
757
760
|
}
|
|
758
761
|
}
|
|
759
762
|
});
|
|
@@ -810,7 +813,7 @@ const EditableThing = (props) => {
|
|
|
810
813
|
var _el$0 = _tmpl$7();
|
|
811
814
|
_el$0.addEventListener('input', (event) =>
|
|
812
815
|
handleThingChange(
|
|
813
|
-
|
|
816
|
+
string(event[CURRENT_TARGET][_VALUE]),
|
|
814
817
|
setStringThing,
|
|
815
818
|
),
|
|
816
819
|
);
|
|
@@ -821,7 +824,7 @@ const EditableThing = (props) => {
|
|
|
821
824
|
var _el$1 = _tmpl$8();
|
|
822
825
|
_el$1.addEventListener('input', (event) =>
|
|
823
826
|
handleThingChange(
|
|
824
|
-
|
|
827
|
+
number(event[CURRENT_TARGET][_VALUE] || 0),
|
|
825
828
|
setNumberThing,
|
|
826
829
|
),
|
|
827
830
|
);
|
|
@@ -832,7 +835,7 @@ const EditableThing = (props) => {
|
|
|
832
835
|
var _el$10 = _tmpl$9();
|
|
833
836
|
_el$10.addEventListener('input', (event) =>
|
|
834
837
|
handleThingChange(
|
|
835
|
-
|
|
838
|
+
boolean(event[CURRENT_TARGET].checked),
|
|
836
839
|
setBooleanThing,
|
|
837
840
|
),
|
|
838
841
|
);
|
|
@@ -57,13 +57,16 @@ const EXTRA = 'extra';
|
|
|
57
57
|
const strSplit = (str, separator = EMPTY_STRING, limit) =>
|
|
58
58
|
str.split(separator, limit);
|
|
59
59
|
|
|
60
|
+
const math = Math;
|
|
60
61
|
const getIfNotFunction = (predicate) => (value, then, otherwise) =>
|
|
61
62
|
predicate(value)
|
|
62
63
|
? /* istanbul ignore next */
|
|
63
64
|
otherwise?.()
|
|
64
65
|
: then(value);
|
|
65
66
|
const GLOBAL = globalThis;
|
|
66
|
-
const
|
|
67
|
+
const number = Number;
|
|
68
|
+
const string = String;
|
|
69
|
+
const boolean = Boolean;
|
|
67
70
|
const mathMin = math.min;
|
|
68
71
|
const isFiniteNumber = isFinite;
|
|
69
72
|
const isNullish = (thing) => thing == null;
|
|
@@ -751,9 +754,9 @@ const EditableThing = (props) => {
|
|
|
751
754
|
} else if (isArray(thing)) {
|
|
752
755
|
setArrayThing(jsonString(thing));
|
|
753
756
|
} else {
|
|
754
|
-
setStringThing(
|
|
755
|
-
setNumberThing(
|
|
756
|
-
setBooleanThing(
|
|
757
|
+
setStringThing(string(thing));
|
|
758
|
+
setNumberThing(number(thing) || 0);
|
|
759
|
+
setBooleanThing(boolean(thing));
|
|
757
760
|
}
|
|
758
761
|
}
|
|
759
762
|
});
|
|
@@ -810,7 +813,7 @@ const EditableThing = (props) => {
|
|
|
810
813
|
var _el$0 = _tmpl$7();
|
|
811
814
|
_el$0.addEventListener('input', (event) =>
|
|
812
815
|
handleThingChange(
|
|
813
|
-
|
|
816
|
+
string(event[CURRENT_TARGET][_VALUE]),
|
|
814
817
|
setStringThing,
|
|
815
818
|
),
|
|
816
819
|
);
|
|
@@ -821,7 +824,7 @@ const EditableThing = (props) => {
|
|
|
821
824
|
var _el$1 = _tmpl$8();
|
|
822
825
|
_el$1.addEventListener('input', (event) =>
|
|
823
826
|
handleThingChange(
|
|
824
|
-
|
|
827
|
+
number(event[CURRENT_TARGET][_VALUE] || 0),
|
|
825
828
|
setNumberThing,
|
|
826
829
|
),
|
|
827
830
|
);
|
|
@@ -832,7 +835,7 @@ const EditableThing = (props) => {
|
|
|
832
835
|
var _el$10 = _tmpl$9();
|
|
833
836
|
_el$10.addEventListener('input', (event) =>
|
|
834
837
|
handleThingChange(
|
|
835
|
-
|
|
838
|
+
boolean(event[CURRENT_TARGET].checked),
|
|
836
839
|
setBooleanThing,
|
|
837
840
|
),
|
|
838
841
|
);
|
|
@@ -112,6 +112,7 @@ const id = (key) => EMPTY_STRING + key;
|
|
|
112
112
|
const strSplit = (str, separator = EMPTY_STRING, limit) =>
|
|
113
113
|
str.split(separator, limit);
|
|
114
114
|
|
|
115
|
+
const math = Math;
|
|
115
116
|
const getIfNotFunction = (predicate) => (value, then, otherwise) =>
|
|
116
117
|
predicate(value)
|
|
117
118
|
? /* istanbul ignore next */
|
|
@@ -119,7 +120,9 @@ const getIfNotFunction = (predicate) => (value, then, otherwise) =>
|
|
|
119
120
|
: then(value);
|
|
120
121
|
const GLOBAL = globalThis;
|
|
121
122
|
const WINDOW = GLOBAL.window;
|
|
122
|
-
const
|
|
123
|
+
const number = Number;
|
|
124
|
+
const string = String;
|
|
125
|
+
const boolean = Boolean;
|
|
123
126
|
const mathMin = math.min;
|
|
124
127
|
const mathFloor = math.floor;
|
|
125
128
|
const isFiniteNumber = isFinite;
|
|
@@ -162,6 +165,7 @@ const tryCatch = async (action, then1, then2) => {
|
|
|
162
165
|
};
|
|
163
166
|
|
|
164
167
|
const arrayHas = (array, value) => array.includes(value);
|
|
168
|
+
const arrayIndexOf = (array, value) => array.indexOf(value);
|
|
165
169
|
const arrayEvery = (array, cb) => array.every(cb);
|
|
166
170
|
const arrayIsEqual = (array1, array2) =>
|
|
167
171
|
size(array1) === size(array2) &&
|
|
@@ -284,7 +288,7 @@ const NO_PROVIDED_OBJECTS_MESSAGE =
|
|
|
284
288
|
const INSPECTOR_ERROR_MESSAGE =
|
|
285
289
|
'Inspector error: please see console for details.';
|
|
286
290
|
const getInitialPosition = (position) => {
|
|
287
|
-
const index = POSITIONS
|
|
291
|
+
const index = arrayIndexOf(POSITIONS, position);
|
|
288
292
|
return index == -1 ? 1 : index;
|
|
289
293
|
};
|
|
290
294
|
const getUniqueId = (...args) => jsonStringWithMap(args);
|
|
@@ -419,6 +423,7 @@ const TEXT_OVERFLOW = 'text-overflow';
|
|
|
419
423
|
const ALIGN_ITEMS = 'align-items';
|
|
420
424
|
const BACKDROP_FILTER = 'backdrop-filter';
|
|
421
425
|
const MARGIN_RIGHT = MARGIN + '-' + RIGHT;
|
|
426
|
+
const Z_INDEX = 'z-index';
|
|
422
427
|
const FIXED = 'fixed';
|
|
423
428
|
const REVERT = 'revert';
|
|
424
429
|
const UNSET = 'unset';
|
|
@@ -442,8 +447,8 @@ const APP_STYLESHEET = arrayJoin(
|
|
|
442
447
|
all: 'initial',
|
|
443
448
|
[FONT_SIZE]: rem(0.75),
|
|
444
449
|
[POSITION]: FIXED,
|
|
450
|
+
[Z_INDEX]: 999999,
|
|
445
451
|
'font-family': 'inter,sans-serif',
|
|
446
|
-
'z-index': 999999,
|
|
447
452
|
'--bg': oklch(20),
|
|
448
453
|
'--bg2': oklch(15),
|
|
449
454
|
'--bg3': oklch(25),
|
|
@@ -547,6 +552,7 @@ const APP_STYLESHEET = arrayJoin(
|
|
|
547
552
|
[BACKGROUND]: oklch(30, '% 0.008 var(--hue) / .5'),
|
|
548
553
|
[WIDTH]: 'calc(100% - .5rem)',
|
|
549
554
|
[POSITION]: 'absolute',
|
|
555
|
+
[Z_INDEX]: 1,
|
|
550
556
|
[BORDER + '-' + BOTTOM]: cssVar(BORDER),
|
|
551
557
|
[ALIGN_ITEMS]: 'center',
|
|
552
558
|
[BACKDROP_FILTER]: 'blur(4px)',
|
|
@@ -3516,9 +3522,9 @@ const EditableThing = (props) => {
|
|
|
3516
3522
|
} else if (isArray(thing)) {
|
|
3517
3523
|
setArrayThing(jsonString(thing));
|
|
3518
3524
|
} else {
|
|
3519
|
-
setStringThing(
|
|
3520
|
-
setNumberThing(
|
|
3521
|
-
setBooleanThing(
|
|
3525
|
+
setStringThing(string(thing));
|
|
3526
|
+
setNumberThing(number(thing) || 0);
|
|
3527
|
+
setBooleanThing(boolean(thing));
|
|
3522
3528
|
}
|
|
3523
3529
|
}
|
|
3524
3530
|
});
|
|
@@ -3575,7 +3581,7 @@ const EditableThing = (props) => {
|
|
|
3575
3581
|
var _el$0 = _tmpl$7$1();
|
|
3576
3582
|
_el$0.addEventListener('input', (event) =>
|
|
3577
3583
|
handleThingChange(
|
|
3578
|
-
|
|
3584
|
+
string(event[CURRENT_TARGET][_VALUE]),
|
|
3579
3585
|
setStringThing,
|
|
3580
3586
|
),
|
|
3581
3587
|
);
|
|
@@ -3586,7 +3592,7 @@ const EditableThing = (props) => {
|
|
|
3586
3592
|
var _el$1 = _tmpl$8$1();
|
|
3587
3593
|
_el$1.addEventListener('input', (event) =>
|
|
3588
3594
|
handleThingChange(
|
|
3589
|
-
|
|
3595
|
+
number(event[CURRENT_TARGET][_VALUE] || 0),
|
|
3590
3596
|
setNumberThing,
|
|
3591
3597
|
),
|
|
3592
3598
|
);
|
|
@@ -3597,7 +3603,7 @@ const EditableThing = (props) => {
|
|
|
3597
3603
|
var _el$10 = _tmpl$9$1();
|
|
3598
3604
|
_el$10.addEventListener('input', (event) =>
|
|
3599
3605
|
handleThingChange(
|
|
3600
|
-
|
|
3606
|
+
boolean(event[CURRENT_TARGET].checked),
|
|
3601
3607
|
setBooleanThing,
|
|
3602
3608
|
),
|
|
3603
3609
|
);
|
|
@@ -5286,7 +5292,7 @@ const Header = (props) => {
|
|
|
5286
5292
|
const handleClick = () => open('https://tinybase.org', '_blank');
|
|
5287
5293
|
const handleClose = () => props.s.setValue(OPEN_VALUE, false);
|
|
5288
5294
|
const handleDock = (event) =>
|
|
5289
|
-
props.s.setValue(POSITION_VALUE,
|
|
5295
|
+
props.s.setValue(POSITION_VALUE, number(event.currentTarget.dataset.id));
|
|
5290
5296
|
return (() => {
|
|
5291
5297
|
var _el$24 = _tmpl$1(),
|
|
5292
5298
|
_el$25 = _el$24.firstChild,
|
|
@@ -112,6 +112,7 @@ const id = (key) => EMPTY_STRING + key;
|
|
|
112
112
|
const strSplit = (str, separator = EMPTY_STRING, limit) =>
|
|
113
113
|
str.split(separator, limit);
|
|
114
114
|
|
|
115
|
+
const math = Math;
|
|
115
116
|
const getIfNotFunction = (predicate) => (value, then, otherwise) =>
|
|
116
117
|
predicate(value)
|
|
117
118
|
? /* istanbul ignore next */
|
|
@@ -119,7 +120,9 @@ const getIfNotFunction = (predicate) => (value, then, otherwise) =>
|
|
|
119
120
|
: then(value);
|
|
120
121
|
const GLOBAL = globalThis;
|
|
121
122
|
const WINDOW = GLOBAL.window;
|
|
122
|
-
const
|
|
123
|
+
const number = Number;
|
|
124
|
+
const string = String;
|
|
125
|
+
const boolean = Boolean;
|
|
123
126
|
const mathMin = math.min;
|
|
124
127
|
const mathFloor = math.floor;
|
|
125
128
|
const isFiniteNumber = isFinite;
|
|
@@ -162,6 +165,7 @@ const tryCatch = async (action, then1, then2) => {
|
|
|
162
165
|
};
|
|
163
166
|
|
|
164
167
|
const arrayHas = (array, value) => array.includes(value);
|
|
168
|
+
const arrayIndexOf = (array, value) => array.indexOf(value);
|
|
165
169
|
const arrayEvery = (array, cb) => array.every(cb);
|
|
166
170
|
const arrayIsEqual = (array1, array2) =>
|
|
167
171
|
size(array1) === size(array2) &&
|
|
@@ -284,7 +288,7 @@ const NO_PROVIDED_OBJECTS_MESSAGE =
|
|
|
284
288
|
const INSPECTOR_ERROR_MESSAGE =
|
|
285
289
|
'Inspector error: please see console for details.';
|
|
286
290
|
const getInitialPosition = (position) => {
|
|
287
|
-
const index = POSITIONS
|
|
291
|
+
const index = arrayIndexOf(POSITIONS, position);
|
|
288
292
|
return index == -1 ? 1 : index;
|
|
289
293
|
};
|
|
290
294
|
const getUniqueId = (...args) => jsonStringWithMap(args);
|
|
@@ -419,6 +423,7 @@ const TEXT_OVERFLOW = 'text-overflow';
|
|
|
419
423
|
const ALIGN_ITEMS = 'align-items';
|
|
420
424
|
const BACKDROP_FILTER = 'backdrop-filter';
|
|
421
425
|
const MARGIN_RIGHT = MARGIN + '-' + RIGHT;
|
|
426
|
+
const Z_INDEX = 'z-index';
|
|
422
427
|
const FIXED = 'fixed';
|
|
423
428
|
const REVERT = 'revert';
|
|
424
429
|
const UNSET = 'unset';
|
|
@@ -442,8 +447,8 @@ const APP_STYLESHEET = arrayJoin(
|
|
|
442
447
|
all: 'initial',
|
|
443
448
|
[FONT_SIZE]: rem(0.75),
|
|
444
449
|
[POSITION]: FIXED,
|
|
450
|
+
[Z_INDEX]: 999999,
|
|
445
451
|
'font-family': 'inter,sans-serif',
|
|
446
|
-
'z-index': 999999,
|
|
447
452
|
'--bg': oklch(20),
|
|
448
453
|
'--bg2': oklch(15),
|
|
449
454
|
'--bg3': oklch(25),
|
|
@@ -547,6 +552,7 @@ const APP_STYLESHEET = arrayJoin(
|
|
|
547
552
|
[BACKGROUND]: oklch(30, '% 0.008 var(--hue) / .5'),
|
|
548
553
|
[WIDTH]: 'calc(100% - .5rem)',
|
|
549
554
|
[POSITION]: 'absolute',
|
|
555
|
+
[Z_INDEX]: 1,
|
|
550
556
|
[BORDER + '-' + BOTTOM]: cssVar(BORDER),
|
|
551
557
|
[ALIGN_ITEMS]: 'center',
|
|
552
558
|
[BACKDROP_FILTER]: 'blur(4px)',
|
|
@@ -3516,9 +3522,9 @@ const EditableThing = (props) => {
|
|
|
3516
3522
|
} else if (isArray(thing)) {
|
|
3517
3523
|
setArrayThing(jsonString(thing));
|
|
3518
3524
|
} else {
|
|
3519
|
-
setStringThing(
|
|
3520
|
-
setNumberThing(
|
|
3521
|
-
setBooleanThing(
|
|
3525
|
+
setStringThing(string(thing));
|
|
3526
|
+
setNumberThing(number(thing) || 0);
|
|
3527
|
+
setBooleanThing(boolean(thing));
|
|
3522
3528
|
}
|
|
3523
3529
|
}
|
|
3524
3530
|
});
|
|
@@ -3575,7 +3581,7 @@ const EditableThing = (props) => {
|
|
|
3575
3581
|
var _el$0 = _tmpl$7$1();
|
|
3576
3582
|
_el$0.addEventListener('input', (event) =>
|
|
3577
3583
|
handleThingChange(
|
|
3578
|
-
|
|
3584
|
+
string(event[CURRENT_TARGET][_VALUE]),
|
|
3579
3585
|
setStringThing,
|
|
3580
3586
|
),
|
|
3581
3587
|
);
|
|
@@ -3586,7 +3592,7 @@ const EditableThing = (props) => {
|
|
|
3586
3592
|
var _el$1 = _tmpl$8$1();
|
|
3587
3593
|
_el$1.addEventListener('input', (event) =>
|
|
3588
3594
|
handleThingChange(
|
|
3589
|
-
|
|
3595
|
+
number(event[CURRENT_TARGET][_VALUE] || 0),
|
|
3590
3596
|
setNumberThing,
|
|
3591
3597
|
),
|
|
3592
3598
|
);
|
|
@@ -3597,7 +3603,7 @@ const EditableThing = (props) => {
|
|
|
3597
3603
|
var _el$10 = _tmpl$9$1();
|
|
3598
3604
|
_el$10.addEventListener('input', (event) =>
|
|
3599
3605
|
handleThingChange(
|
|
3600
|
-
|
|
3606
|
+
boolean(event[CURRENT_TARGET].checked),
|
|
3601
3607
|
setBooleanThing,
|
|
3602
3608
|
),
|
|
3603
3609
|
);
|
|
@@ -5286,7 +5292,7 @@ const Header = (props) => {
|
|
|
5286
5292
|
const handleClick = () => open('https://tinybase.org', '_blank');
|
|
5287
5293
|
const handleClose = () => props.s.setValue(OPEN_VALUE, false);
|
|
5288
5294
|
const handleDock = (event) =>
|
|
5289
|
-
props.s.setValue(POSITION_VALUE,
|
|
5295
|
+
props.s.setValue(POSITION_VALUE, number(event.currentTarget.dataset.id));
|
|
5290
5296
|
return (() => {
|
|
5291
5297
|
var _el$24 = _tmpl$1(),
|
|
5292
5298
|
_el$25 = _el$24.firstChild,
|
package/ui-svelte/index.js
CHANGED
|
@@ -60,7 +60,7 @@ const objGet = (obj, id) => ifNotUndefined(obj, (obj2) => obj2[id]);
|
|
|
60
60
|
|
|
61
61
|
const TINYBASE_CONTEXT_KEY = TINYBASE + '_uisc';
|
|
62
62
|
|
|
63
|
-
/* functions.svelte.ts generated by Svelte v5.
|
|
63
|
+
/* functions.svelte.ts generated by Svelte v5.56.0 */
|
|
64
64
|
|
|
65
65
|
class ReactiveHandle {
|
|
66
66
|
#get;
|
|
@@ -1163,13 +1163,13 @@ function CheckpointView($$anchor, $$props) {
|
|
|
1163
1163
|
$.pop();
|
|
1164
1164
|
}
|
|
1165
1165
|
|
|
1166
|
-
var
|
|
1167
|
-
var
|
|
1166
|
+
var root$1 = $.from_html(`<!><!>`, 1);
|
|
1167
|
+
var root_1 = $.from_html(`<!><!><!>`, 1);
|
|
1168
1168
|
|
|
1169
1169
|
function Wrap($$anchor, $$props) {
|
|
1170
1170
|
$.push($$props, true);
|
|
1171
1171
|
|
|
1172
|
-
var fragment =
|
|
1172
|
+
var fragment = root_1();
|
|
1173
1173
|
var node = $.first_child(fragment);
|
|
1174
1174
|
|
|
1175
1175
|
{
|
|
@@ -1195,7 +1195,7 @@ function Wrap($$anchor, $$props) {
|
|
|
1195
1195
|
() => $$props.ids,
|
|
1196
1196
|
(itemId) => itemId,
|
|
1197
1197
|
($$anchor, itemId, i) => {
|
|
1198
|
-
var fragment_2 =
|
|
1198
|
+
var fragment_2 = root$1();
|
|
1199
1199
|
var node_2 = $.first_child(fragment_2);
|
|
1200
1200
|
|
|
1201
1201
|
{
|
|
@@ -60,7 +60,7 @@ const objGet = (obj, id) => ifNotUndefined(obj, (obj2) => obj2[id]);
|
|
|
60
60
|
|
|
61
61
|
const TINYBASE_CONTEXT_KEY = TINYBASE + '_uisc';
|
|
62
62
|
|
|
63
|
-
/* functions.svelte.ts generated by Svelte v5.
|
|
63
|
+
/* functions.svelte.ts generated by Svelte v5.56.0 */
|
|
64
64
|
|
|
65
65
|
class ReactiveHandle {
|
|
66
66
|
#get;
|
|
@@ -1163,13 +1163,13 @@ function CheckpointView($$anchor, $$props) {
|
|
|
1163
1163
|
$.pop();
|
|
1164
1164
|
}
|
|
1165
1165
|
|
|
1166
|
-
var
|
|
1167
|
-
var
|
|
1166
|
+
var root$1 = $.from_html(`<!><!>`, 1);
|
|
1167
|
+
var root_1 = $.from_html(`<!><!><!>`, 1);
|
|
1168
1168
|
|
|
1169
1169
|
function Wrap($$anchor, $$props) {
|
|
1170
1170
|
$.push($$props, true);
|
|
1171
1171
|
|
|
1172
|
-
var fragment =
|
|
1172
|
+
var fragment = root_1();
|
|
1173
1173
|
var node = $.first_child(fragment);
|
|
1174
1174
|
|
|
1175
1175
|
{
|
|
@@ -1195,7 +1195,7 @@ function Wrap($$anchor, $$props) {
|
|
|
1195
1195
|
() => $$props.ids,
|
|
1196
1196
|
(itemId) => itemId,
|
|
1197
1197
|
($$anchor, itemId, i) => {
|
|
1198
|
-
var fragment_2 =
|
|
1198
|
+
var fragment_2 = root$1();
|
|
1199
1199
|
var node_2 = $.first_child(fragment_2);
|
|
1200
1200
|
|
|
1201
1201
|
{
|