@hkdigital/lib-sveltekit 0.1.62 → 0.1.65
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/README.md +135 -135
- package/dist/assets/autospuiten/car-paint-picker.js +41 -41
- package/dist/assets/autospuiten/labels.js +7 -7
- package/dist/classes/data/IterableTree.js +243 -243
- package/dist/classes/data/Selector.js +190 -190
- package/dist/classes/data/index.js +2 -2
- package/dist/classes/index.js +4 -4
- package/dist/classes/promise/HkPromise.js +377 -377
- package/dist/classes/promise/index.js +1 -1
- package/dist/classes/stores/SubscribersCount.js +107 -107
- package/dist/classes/stores/index.js +1 -1
- package/dist/classes/streams/LogTransformStream.js +19 -19
- package/dist/classes/streams/ServerEventsStore.js +110 -110
- package/dist/classes/streams/TimeStampSource.js +26 -26
- package/dist/classes/streams/index.js +3 -3
- package/dist/classes/svelte/audio/AudioLoader.svelte.js +58 -58
- package/dist/classes/svelte/audio/AudioScene.svelte.js +295 -295
- package/dist/classes/svelte/audio/mocks.js +35 -35
- package/dist/classes/svelte/finite-state-machine/FiniteStateMachine.svelte.js +133 -133
- package/dist/classes/svelte/finite-state-machine/index.js +1 -1
- package/dist/classes/svelte/image/ImageLoader.svelte.js +47 -47
- package/dist/classes/svelte/image/ImageScene.svelte.js +253 -253
- package/dist/classes/svelte/image/ImageVariantsLoader.svelte.js +152 -152
- package/dist/classes/svelte/image/index.js +4 -4
- package/dist/classes/svelte/image/mocks.js +35 -35
- package/dist/classes/svelte/image/typedef.js +8 -8
- package/dist/classes/svelte/index.js +14 -14
- package/dist/classes/svelte/loading-state-machine/LoadingStateMachine.svelte.js +109 -109
- package/dist/classes/svelte/loading-state-machine/constants.js +16 -16
- package/dist/classes/svelte/loading-state-machine/index.js +3 -3
- package/dist/classes/svelte/network-loader/NetworkLoader.svelte.js +331 -331
- package/dist/classes/svelte/network-loader/constants.js +3 -3
- package/dist/classes/svelte/network-loader/index.js +3 -3
- package/dist/classes/svelte/network-loader/mocks.js +30 -30
- package/dist/classes/svelte/network-loader/typedef.js +8 -8
- package/dist/components/area/HkArea.svelte +49 -49
- package/dist/components/area/HkGridArea.svelte +77 -77
- package/dist/components/area/index.js +2 -2
- package/dist/components/buttons/button/Button.svelte +82 -82
- package/dist/components/buttons/button-icon-steeze/SteezeIconButton.svelte +30 -30
- package/dist/components/buttons/button-text/TextButton.svelte +21 -21
- package/dist/components/buttons/index.js +3 -3
- package/dist/components/debug/debug-panel-design-scaling/DebugPanelDesignScaling.svelte +146 -146
- package/dist/components/debug/index.js +1 -1
- package/dist/components/hkdev/blocks/TextBlock.svelte +46 -46
- package/dist/components/hkdev/buttons/CheckButton.svelte +62 -62
- package/dist/components/icons/HkIcon.svelte +86 -86
- package/dist/components/icons/HkTabIcon.svelte +116 -116
- package/dist/components/icons/SteezeIcon.svelte +97 -97
- package/dist/components/icons/index.js +6 -6
- package/dist/components/icons/typedef.js +16 -16
- package/dist/components/index.js +2 -2
- package/dist/components/inputs/index.js +1 -1
- package/dist/components/inputs/text-input/TestTextInput.svelte__ +102 -102
- package/dist/components/inputs/text-input/TextInput.svelte +223 -223
- package/dist/components/inputs/text-input/TextInput.svelte___ +83 -83
- package/dist/components/inputs/text-input/assets/IconInvalid.svelte +14 -14
- package/dist/components/inputs/text-input/assets/IconValid.svelte +12 -12
- package/dist/components/layout/grid-layers/GridLayers.svelte +167 -167
- package/dist/components/layout/index.js +1 -1
- package/dist/components/panels/index.js +1 -1
- package/dist/components/panels/panel/Panel.svelte +43 -43
- package/dist/components/rows/index.js +3 -3
- package/dist/components/rows/panel-grid-row/PanelGridRow.svelte +104 -104
- package/dist/components/rows/panel-row-2/PanelRow2.svelte +40 -40
- package/dist/components/tab-bar/HkTabBar.state.svelte.js +149 -149
- package/dist/components/tab-bar/HkTabBar.svelte +74 -74
- package/dist/components/tab-bar/HkTabBarSelector.state.svelte.js +93 -93
- package/dist/components/tab-bar/HkTabBarSelector.svelte +49 -49
- package/dist/components/tab-bar/index.js +17 -17
- package/dist/components/tab-bar/typedef.js +8 -8
- package/dist/config/imagetools-config.js +189 -189
- package/dist/config/imagetools.d.ts +71 -71
- package/dist/config/typedef.js +8 -8
- package/dist/constants/bases.js +13 -13
- package/dist/constants/errors/api.js +9 -9
- package/dist/constants/errors/generic.js +5 -5
- package/dist/constants/errors/index.js +3 -3
- package/dist/constants/errors/jwt.js +5 -5
- package/dist/constants/http/headers.js +6 -6
- package/dist/constants/http/index.js +2 -2
- package/dist/constants/http/methods.js +2 -2
- package/dist/constants/index.js +3 -3
- package/dist/constants/mime/application.js +5 -5
- package/dist/constants/mime/audio.js +13 -13
- package/dist/constants/mime/image.js +3 -3
- package/dist/constants/mime/index.js +4 -4
- package/dist/constants/mime/text.js +2 -2
- package/dist/constants/regexp/index.js +31 -31
- package/dist/constants/regexp/inspiratie.js__ +95 -95
- package/dist/constants/regexp/text.js +49 -49
- package/dist/constants/regexp/user.js +32 -32
- package/dist/constants/regexp/web.js +3 -3
- package/dist/constants/state-labels/input-states.js +11 -11
- package/dist/constants/state-labels/submit-states.js +4 -4
- package/dist/constants/time.js +28 -28
- package/dist/css/utilities.css +43 -43
- package/dist/design/design-config.js +73 -73
- package/dist/design/tailwind-theme-extend.js +158 -158
- package/dist/schemas/index.js +1 -1
- package/dist/schemas/validate-url.js +180 -180
- package/dist/server/index.js +1 -1
- package/dist/server/logger.js +94 -94
- package/dist/states/index.js +1 -1
- package/dist/states/navigation.svelte.js +55 -55
- package/dist/stores/index.js +1 -1
- package/dist/stores/theme.js +80 -80
- package/dist/themes/hkdev/components/blocks/text-block.css +41 -41
- package/dist/themes/hkdev/components/boxes/game-box.css +12 -12
- package/dist/themes/hkdev/components/buttons/button-icon-steeze.css +22 -22
- package/dist/themes/hkdev/components/buttons/button-text.css +32 -32
- package/dist/themes/hkdev/components/buttons/button.css +142 -142
- package/dist/themes/hkdev/components/buttons/skip-button.css +6 -6
- package/dist/themes/hkdev/components/icons/icon-steeze.css +22 -22
- package/dist/themes/hkdev/components/inputs/text-input.css +104 -104
- package/dist/themes/hkdev/components/panels/panel.css +27 -27
- package/dist/themes/hkdev/components/rows/panel-grid-row.css +6 -6
- package/dist/themes/hkdev/components/rows/panel-row-2.css +7 -7
- package/dist/themes/hkdev/components.css +47 -47
- package/dist/themes/hkdev/debug.css +1 -1
- package/dist/themes/hkdev/global/layout.css +39 -39
- package/dist/themes/hkdev/global/on-colors.css +53 -53
- package/dist/themes/hkdev/globals.css +11 -11
- package/dist/themes/hkdev/responsive.css +12 -12
- package/dist/themes/hkdev/theme-ext.js +15 -15
- package/dist/themes/hkdev/theme.js +235 -235
- package/dist/themes/index.js +1 -1
- package/dist/util/array/index.js +455 -455
- package/dist/util/bases/base58.js +262 -262
- package/dist/util/bases/index.js +1 -1
- package/dist/util/compare/index.js +247 -247
- package/dist/util/css/css-vars.js +83 -83
- package/dist/util/css/index.js +1 -1
- package/dist/util/design-system/components/states.js +22 -22
- package/dist/util/design-system/css/clamp.js +66 -66
- package/dist/util/design-system/css/root-design-vars.js +100 -100
- package/dist/util/design-system/index.js +5 -5
- package/dist/util/design-system/layout/scaling.js +228 -228
- package/dist/util/design-system/skeleton.js +208 -208
- package/dist/util/design-system/tailwind.js +288 -288
- package/dist/util/expect/arrays.js +47 -47
- package/dist/util/expect/index.js +259 -259
- package/dist/util/expect/primitives.js +55 -55
- package/dist/util/expect/url.js +60 -60
- package/dist/util/function/index.js +218 -218
- package/dist/util/http/errors.js +97 -97
- package/dist/util/http/headers.js +45 -45
- package/dist/util/http/http-request.js +294 -294
- package/dist/util/http/index.js +22 -22
- package/dist/util/http/json-request.js +143 -143
- package/dist/util/http/mocks.js +65 -65
- package/dist/util/http/response.js +241 -241
- package/dist/util/http/test-data__/content-length-test-hkdigital-small.V4HfZyBQ.avif +0 -0
- package/dist/util/http/url.js +52 -52
- package/dist/util/image/index.js +86 -86
- package/dist/util/index.js +2 -2
- package/dist/util/is/index.js +140 -140
- package/dist/util/iterate/index.js +234 -234
- package/dist/util/object/index.js +1361 -1361
- package/dist/util/singleton/index.js +97 -97
- package/dist/util/string/array-path.js +75 -75
- package/dist/util/string/convert.js +54 -54
- package/dist/util/string/fs.js +226 -226
- package/dist/util/string/index.js +5 -5
- package/dist/util/string/interpolate.js +61 -61
- package/dist/util/string/pad.js +10 -10
- package/dist/util/svelte/index.js +4 -4
- package/dist/util/svelte/loading/loading-tracker.svelte.js +108 -108
- package/dist/util/svelte/observe/index.js +49 -49
- package/dist/util/svelte/state-context/index.js +83 -83
- package/dist/util/svelte/wait/index.js +38 -38
- package/dist/util/sveltekit/index.js +1 -1
- package/dist/util/sveltekit/route-folders/index.js +101 -101
- package/dist/util/time/index.js +323 -323
- package/dist/util/unique/index.js +249 -249
- package/dist/valibot/date.js__ +10 -10
- package/dist/valibot/index.js +9 -9
- package/dist/valibot/url.js +95 -95
- package/dist/valibot/user.js +23 -23
- package/dist/widgets/button-group/ButtonGroup.svelte +82 -94
- package/dist/widgets/button-group/ButtonGroup.svelte.d.ts +0 -2
- package/dist/widgets/button-group/typedef.js +10 -10
- package/dist/widgets/compare-left-right/CompareLeftRight.svelte +179 -179
- package/dist/widgets/compare-left-right/index.js +1 -1
- package/dist/widgets/game-box/GameBox.svelte +579 -186
- package/dist/widgets/game-box/GameBox.svelte.d.ts +64 -4
- package/dist/widgets/game-box/gamebox.util.js +83 -83
- package/dist/widgets/hk-app-layout/HkAppLayout.state.svelte.js +25 -25
- package/dist/widgets/hk-app-layout/HkAppLayout.svelte +251 -251
- package/dist/widgets/image-box/ImageBox.svelte +212 -212
- package/dist/widgets/image-box/index.js +5 -5
- package/dist/widgets/image-box/typedef.js +32 -32
- package/dist/widgets/index.js +23 -23
- package/dist/widgets/presenter/(broken) Presenter.state.svelte.js__ +613 -0
- package/dist/widgets/presenter/ImageSlide.svelte +64 -64
- package/dist/widgets/presenter/Presenter.state.svelte.js +636 -636
- package/dist/widgets/presenter/Presenter.svelte +140 -140
- package/dist/widgets/presenter/Presenter.svelte__ +125 -0
- package/dist/widgets/presenter/constants.js +7 -7
- package/dist/widgets/presenter/index.js +10 -10
- package/dist/widgets/presenter/typedef.js +106 -106
- package/dist/widgets/presenter/util.js +210 -210
- package/dist/widgets/virtual-viewport/VirtualViewport.svelte +196 -196
- package/dist/zod/all.js +33 -33
- package/dist/zod/generic.js +11 -11
- package/dist/zod/javascript.js +32 -32
- package/dist/zod/user.js +16 -16
- package/dist/zod/web.js +52 -52
- package/package.json +102 -102
@@ -1,108 +1,108 @@
|
|
1
|
-
/**
|
2
|
-
* Simple utility for tracking combined loading progress across multiple components
|
3
|
-
*
|
4
|
-
* @typedef {Object} LoadingProgress
|
5
|
-
* @property {number} bytesLoaded - Number of bytes loaded
|
6
|
-
* @property {number} size - Total size in bytes
|
7
|
-
* @property {boolean} loaded - Whether loading is complete
|
8
|
-
*/
|
9
|
-
|
10
|
-
/**
|
11
|
-
* Creates a loading tracker that combines progress from multiple sources
|
12
|
-
*
|
13
|
-
* @returns {Object} Loading tracker instance
|
14
|
-
*/
|
15
|
-
export function createTracker() {
|
16
|
-
// Store progress for each item by ID
|
17
|
-
const items = new Map();
|
18
|
-
|
19
|
-
// Computed values
|
20
|
-
let totalBytesLoaded = 0;
|
21
|
-
let totalSize = 0;
|
22
|
-
let allLoaded = false;
|
23
|
-
let progressPercent = 0;
|
24
|
-
|
25
|
-
/**
|
26
|
-
* Update the totals based on current items
|
27
|
-
*/
|
28
|
-
function updateTotals() {
|
29
|
-
let bytesLoaded = 0;
|
30
|
-
let size = 0;
|
31
|
-
let loaded = items.size > 0;
|
32
|
-
|
33
|
-
// Loop through all items and sum values
|
34
|
-
for (const progress of items.values()) {
|
35
|
-
bytesLoaded += progress.bytesLoaded || 0;
|
36
|
-
size += progress.size || 0;
|
37
|
-
|
38
|
-
if (!progress.loaded) {
|
39
|
-
loaded = false;
|
40
|
-
}
|
41
|
-
}
|
42
|
-
|
43
|
-
// Update state
|
44
|
-
totalBytesLoaded = bytesLoaded;
|
45
|
-
totalSize = size;
|
46
|
-
allLoaded = items.size > 0 ? loaded : false;
|
47
|
-
progressPercent = size > 0 ? Math.round((bytesLoaded / size) * 100) : 0;
|
48
|
-
}
|
49
|
-
|
50
|
-
/**
|
51
|
-
* Track progress for a component
|
52
|
-
*
|
53
|
-
* @param {LoadingProgress} progress - The progress update
|
54
|
-
* @param {string|Symbol} id - The component identifier
|
55
|
-
*/
|
56
|
-
function track(progress, id) {
|
57
|
-
if (progress && id) {
|
58
|
-
items.set(id, progress);
|
59
|
-
updateTotals();
|
60
|
-
}
|
61
|
-
}
|
62
|
-
|
63
|
-
/**
|
64
|
-
* Remove an item from tracking
|
65
|
-
*
|
66
|
-
* @param {string|Symbol} id - Item identifier to remove
|
67
|
-
*/
|
68
|
-
function remove(id) {
|
69
|
-
if (items.has(id)) {
|
70
|
-
items.delete(id);
|
71
|
-
updateTotals();
|
72
|
-
}
|
73
|
-
}
|
74
|
-
|
75
|
-
/**
|
76
|
-
* Reset the tracker, clearing all items
|
77
|
-
*/
|
78
|
-
function reset() {
|
79
|
-
items.clear();
|
80
|
-
updateTotals();
|
81
|
-
}
|
82
|
-
|
83
|
-
// Return the public API
|
84
|
-
return {
|
85
|
-
track,
|
86
|
-
remove,
|
87
|
-
reset,
|
88
|
-
|
89
|
-
// Read-only properties
|
90
|
-
get state() {
|
91
|
-
return {
|
92
|
-
bytesLoaded: totalBytesLoaded,
|
93
|
-
size: totalSize,
|
94
|
-
loaded: allLoaded,
|
95
|
-
percent: progressPercent,
|
96
|
-
itemCount: items.size
|
97
|
-
};
|
98
|
-
},
|
99
|
-
|
100
|
-
get loaded() {
|
101
|
-
return allLoaded;
|
102
|
-
},
|
103
|
-
|
104
|
-
get percent() {
|
105
|
-
return progressPercent;
|
106
|
-
}
|
107
|
-
};
|
108
|
-
}
|
1
|
+
/**
|
2
|
+
* Simple utility for tracking combined loading progress across multiple components
|
3
|
+
*
|
4
|
+
* @typedef {Object} LoadingProgress
|
5
|
+
* @property {number} bytesLoaded - Number of bytes loaded
|
6
|
+
* @property {number} size - Total size in bytes
|
7
|
+
* @property {boolean} loaded - Whether loading is complete
|
8
|
+
*/
|
9
|
+
|
10
|
+
/**
|
11
|
+
* Creates a loading tracker that combines progress from multiple sources
|
12
|
+
*
|
13
|
+
* @returns {Object} Loading tracker instance
|
14
|
+
*/
|
15
|
+
export function createTracker() {
|
16
|
+
// Store progress for each item by ID
|
17
|
+
const items = new Map();
|
18
|
+
|
19
|
+
// Computed values
|
20
|
+
let totalBytesLoaded = 0;
|
21
|
+
let totalSize = 0;
|
22
|
+
let allLoaded = false;
|
23
|
+
let progressPercent = 0;
|
24
|
+
|
25
|
+
/**
|
26
|
+
* Update the totals based on current items
|
27
|
+
*/
|
28
|
+
function updateTotals() {
|
29
|
+
let bytesLoaded = 0;
|
30
|
+
let size = 0;
|
31
|
+
let loaded = items.size > 0;
|
32
|
+
|
33
|
+
// Loop through all items and sum values
|
34
|
+
for (const progress of items.values()) {
|
35
|
+
bytesLoaded += progress.bytesLoaded || 0;
|
36
|
+
size += progress.size || 0;
|
37
|
+
|
38
|
+
if (!progress.loaded) {
|
39
|
+
loaded = false;
|
40
|
+
}
|
41
|
+
}
|
42
|
+
|
43
|
+
// Update state
|
44
|
+
totalBytesLoaded = bytesLoaded;
|
45
|
+
totalSize = size;
|
46
|
+
allLoaded = items.size > 0 ? loaded : false;
|
47
|
+
progressPercent = size > 0 ? Math.round((bytesLoaded / size) * 100) : 0;
|
48
|
+
}
|
49
|
+
|
50
|
+
/**
|
51
|
+
* Track progress for a component
|
52
|
+
*
|
53
|
+
* @param {LoadingProgress} progress - The progress update
|
54
|
+
* @param {string|Symbol} id - The component identifier
|
55
|
+
*/
|
56
|
+
function track(progress, id) {
|
57
|
+
if (progress && id) {
|
58
|
+
items.set(id, progress);
|
59
|
+
updateTotals();
|
60
|
+
}
|
61
|
+
}
|
62
|
+
|
63
|
+
/**
|
64
|
+
* Remove an item from tracking
|
65
|
+
*
|
66
|
+
* @param {string|Symbol} id - Item identifier to remove
|
67
|
+
*/
|
68
|
+
function remove(id) {
|
69
|
+
if (items.has(id)) {
|
70
|
+
items.delete(id);
|
71
|
+
updateTotals();
|
72
|
+
}
|
73
|
+
}
|
74
|
+
|
75
|
+
/**
|
76
|
+
* Reset the tracker, clearing all items
|
77
|
+
*/
|
78
|
+
function reset() {
|
79
|
+
items.clear();
|
80
|
+
updateTotals();
|
81
|
+
}
|
82
|
+
|
83
|
+
// Return the public API
|
84
|
+
return {
|
85
|
+
track,
|
86
|
+
remove,
|
87
|
+
reset,
|
88
|
+
|
89
|
+
// Read-only properties
|
90
|
+
get state() {
|
91
|
+
return {
|
92
|
+
bytesLoaded: totalBytesLoaded,
|
93
|
+
size: totalSize,
|
94
|
+
loaded: allLoaded,
|
95
|
+
percent: progressPercent,
|
96
|
+
itemCount: items.size
|
97
|
+
};
|
98
|
+
},
|
99
|
+
|
100
|
+
get loaded() {
|
101
|
+
return allLoaded;
|
102
|
+
},
|
103
|
+
|
104
|
+
get percent() {
|
105
|
+
return progressPercent;
|
106
|
+
}
|
107
|
+
};
|
108
|
+
}
|
@@ -1,49 +1,49 @@
|
|
1
|
-
import { onMount, onDestroy } from 'svelte';
|
2
|
-
|
3
|
-
/**
|
4
|
-
* @param {function} target
|
5
|
-
* @param {(entries:ResizeObserverEntry[]) => void} callback
|
6
|
-
* @param {object} [options]
|
7
|
-
*
|
8
|
-
* @returns {{ stop: () => void }}
|
9
|
-
*/
|
10
|
-
export function useResizeObserver(target, callback, options) {
|
11
|
-
/** @type {HTMLInputElement} */
|
12
|
-
let elem;
|
13
|
-
|
14
|
-
/** @type {ResizeObserver|undefined} */
|
15
|
-
let resizeObserver;
|
16
|
-
|
17
|
-
onMount(() => {
|
18
|
-
// console.log('useResizeObserver:onMount');
|
19
|
-
|
20
|
-
if (target instanceof HTMLInputElement) {
|
21
|
-
elem = target;
|
22
|
-
} else if (typeof target === 'function') {
|
23
|
-
let output = target();
|
24
|
-
|
25
|
-
// console.log({ output });
|
26
|
-
|
27
|
-
elem = output;
|
28
|
-
} else {
|
29
|
-
throw new Error('Invalid value for parameter [target]');
|
30
|
-
}
|
31
|
-
|
32
|
-
resizeObserver = new ResizeObserver(callback);
|
33
|
-
|
34
|
-
resizeObserver.observe(elem);
|
35
|
-
});
|
36
|
-
|
37
|
-
onDestroy(() => {
|
38
|
-
// console.log('useResizeObserver:onDestroy');
|
39
|
-
|
40
|
-
if (resizeObserver) {
|
41
|
-
resizeObserver.unobserve(elem);
|
42
|
-
resizeObserver = undefined;
|
43
|
-
}
|
44
|
-
});
|
45
|
-
|
46
|
-
return {
|
47
|
-
stop: () => {}
|
48
|
-
};
|
49
|
-
}
|
1
|
+
import { onMount, onDestroy } from 'svelte';
|
2
|
+
|
3
|
+
/**
|
4
|
+
* @param {function} target
|
5
|
+
* @param {(entries:ResizeObserverEntry[]) => void} callback
|
6
|
+
* @param {object} [options]
|
7
|
+
*
|
8
|
+
* @returns {{ stop: () => void }}
|
9
|
+
*/
|
10
|
+
export function useResizeObserver(target, callback, options) {
|
11
|
+
/** @type {HTMLInputElement} */
|
12
|
+
let elem;
|
13
|
+
|
14
|
+
/** @type {ResizeObserver|undefined} */
|
15
|
+
let resizeObserver;
|
16
|
+
|
17
|
+
onMount(() => {
|
18
|
+
// console.log('useResizeObserver:onMount');
|
19
|
+
|
20
|
+
if (target instanceof HTMLInputElement) {
|
21
|
+
elem = target;
|
22
|
+
} else if (typeof target === 'function') {
|
23
|
+
let output = target();
|
24
|
+
|
25
|
+
// console.log({ output });
|
26
|
+
|
27
|
+
elem = output;
|
28
|
+
} else {
|
29
|
+
throw new Error('Invalid value for parameter [target]');
|
30
|
+
}
|
31
|
+
|
32
|
+
resizeObserver = new ResizeObserver(callback);
|
33
|
+
|
34
|
+
resizeObserver.observe(elem);
|
35
|
+
});
|
36
|
+
|
37
|
+
onDestroy(() => {
|
38
|
+
// console.log('useResizeObserver:onDestroy');
|
39
|
+
|
40
|
+
if (resizeObserver) {
|
41
|
+
resizeObserver.unobserve(elem);
|
42
|
+
resizeObserver = undefined;
|
43
|
+
}
|
44
|
+
});
|
45
|
+
|
46
|
+
return {
|
47
|
+
stop: () => {}
|
48
|
+
};
|
49
|
+
}
|
@@ -1,83 +1,83 @@
|
|
1
|
-
import { setContext, getContext, hasContext } from 'svelte';
|
2
|
-
|
3
|
-
/* ----------------------------------------------------------- Create and Get */
|
4
|
-
|
5
|
-
/**
|
6
|
-
* Define a state context:
|
7
|
-
* - Returns a function 'createOrGetState' that can be used to create a new state
|
8
|
-
* or get an existing one
|
9
|
-
* - Returns a function 'createState' that can be used to create a new state
|
10
|
-
*
|
11
|
-
* @template T
|
12
|
-
*
|
13
|
-
* @param {new() => T} State - Class that can be used to construct the state
|
14
|
-
*
|
15
|
-
* @returns {[
|
16
|
-
* createOrGetState,
|
17
|
-
* createState,
|
18
|
-
* getState
|
19
|
-
* ]}
|
20
|
-
*/
|
21
|
-
export function defineStateContext(State) {
|
22
|
-
const description = State.name;
|
23
|
-
|
24
|
-
const sharedKey = Symbol(description);
|
25
|
-
|
26
|
-
/**
|
27
|
-
* Create component state
|
28
|
-
*
|
29
|
-
* @param {string|Symbol} [instanceKey]
|
30
|
-
*
|
31
|
-
* @returns {T} state
|
32
|
-
*/
|
33
|
-
function createState(instanceKey) {
|
34
|
-
const key = instanceKey ?? sharedKey;
|
35
|
-
|
36
|
-
// console.log('Create state', key);
|
37
|
-
|
38
|
-
const state = new State();
|
39
|
-
|
40
|
-
// @ts-ignore
|
41
|
-
state._instanceKey = instanceKey;
|
42
|
-
|
43
|
-
return setContext(key, state);
|
44
|
-
}
|
45
|
-
|
46
|
-
/**
|
47
|
-
* Get component state or create a new state if it does not yet exist
|
48
|
-
*
|
49
|
-
* @param {string|Symbol} [instanceKey]
|
50
|
-
*
|
51
|
-
* @returns {T} state
|
52
|
-
*/
|
53
|
-
function createOrGetState(instanceKey) {
|
54
|
-
let key = instanceKey ?? sharedKey;
|
55
|
-
|
56
|
-
if (!hasContext(key)) {
|
57
|
-
return createState(key);
|
58
|
-
}
|
59
|
-
|
60
|
-
return getContext(key);
|
61
|
-
}
|
62
|
-
|
63
|
-
/**
|
64
|
-
* Get component state
|
65
|
-
*
|
66
|
-
* @throws Will throw an error if the state-context does not exist
|
67
|
-
*
|
68
|
-
* @param {string|Symbol} [instanceKey]
|
69
|
-
*
|
70
|
-
* @returns {T} state
|
71
|
-
*/
|
72
|
-
function getState(instanceKey) {
|
73
|
-
let key = instanceKey ?? sharedKey;
|
74
|
-
|
75
|
-
if (!hasContext(key)) {
|
76
|
-
throw new Error(`No state context found. Create one first`);
|
77
|
-
}
|
78
|
-
|
79
|
-
return getContext(key);
|
80
|
-
}
|
81
|
-
|
82
|
-
return [createOrGetState, createState, getState];
|
83
|
-
}
|
1
|
+
import { setContext, getContext, hasContext } from 'svelte';
|
2
|
+
|
3
|
+
/* ----------------------------------------------------------- Create and Get */
|
4
|
+
|
5
|
+
/**
|
6
|
+
* Define a state context:
|
7
|
+
* - Returns a function 'createOrGetState' that can be used to create a new state
|
8
|
+
* or get an existing one
|
9
|
+
* - Returns a function 'createState' that can be used to create a new state
|
10
|
+
*
|
11
|
+
* @template T
|
12
|
+
*
|
13
|
+
* @param {new() => T} State - Class that can be used to construct the state
|
14
|
+
*
|
15
|
+
* @returns {[
|
16
|
+
* createOrGetState,
|
17
|
+
* createState,
|
18
|
+
* getState
|
19
|
+
* ]}
|
20
|
+
*/
|
21
|
+
export function defineStateContext(State) {
|
22
|
+
const description = State.name;
|
23
|
+
|
24
|
+
const sharedKey = Symbol(description);
|
25
|
+
|
26
|
+
/**
|
27
|
+
* Create component state
|
28
|
+
*
|
29
|
+
* @param {string|Symbol} [instanceKey]
|
30
|
+
*
|
31
|
+
* @returns {T} state
|
32
|
+
*/
|
33
|
+
function createState(instanceKey) {
|
34
|
+
const key = instanceKey ?? sharedKey;
|
35
|
+
|
36
|
+
// console.log('Create state', key);
|
37
|
+
|
38
|
+
const state = new State();
|
39
|
+
|
40
|
+
// @ts-ignore
|
41
|
+
state._instanceKey = instanceKey;
|
42
|
+
|
43
|
+
return setContext(key, state);
|
44
|
+
}
|
45
|
+
|
46
|
+
/**
|
47
|
+
* Get component state or create a new state if it does not yet exist
|
48
|
+
*
|
49
|
+
* @param {string|Symbol} [instanceKey]
|
50
|
+
*
|
51
|
+
* @returns {T} state
|
52
|
+
*/
|
53
|
+
function createOrGetState(instanceKey) {
|
54
|
+
let key = instanceKey ?? sharedKey;
|
55
|
+
|
56
|
+
if (!hasContext(key)) {
|
57
|
+
return createState(key);
|
58
|
+
}
|
59
|
+
|
60
|
+
return getContext(key);
|
61
|
+
}
|
62
|
+
|
63
|
+
/**
|
64
|
+
* Get component state
|
65
|
+
*
|
66
|
+
* @throws Will throw an error if the state-context does not exist
|
67
|
+
*
|
68
|
+
* @param {string|Symbol} [instanceKey]
|
69
|
+
*
|
70
|
+
* @returns {T} state
|
71
|
+
*/
|
72
|
+
function getState(instanceKey) {
|
73
|
+
let key = instanceKey ?? sharedKey;
|
74
|
+
|
75
|
+
if (!hasContext(key)) {
|
76
|
+
throw new Error(`No state context found. Create one first`);
|
77
|
+
}
|
78
|
+
|
79
|
+
return getContext(key);
|
80
|
+
}
|
81
|
+
|
82
|
+
return [createOrGetState, createState, getState];
|
83
|
+
}
|
@@ -1,38 +1,38 @@
|
|
1
|
-
import { tick } from 'svelte';
|
2
|
-
|
3
|
-
/**
|
4
|
-
* Waits for a state condition to be met by running the checkFn
|
5
|
-
* function after each Svelte tick
|
6
|
-
*
|
7
|
-
* @param {() => boolean} checkFn -
|
8
|
-
* Should return true when desired state is reached
|
9
|
-
*
|
10
|
-
* @param {number} [maxWaitMs=1000]
|
11
|
-
*
|
12
|
-
* @returns {Promise<void>} Promise that resolves when the check
|
13
|
-
* function returns true
|
14
|
-
* @throws {Error} if maxAttempts is reached before
|
15
|
-
* predicate returns true
|
16
|
-
*/
|
17
|
-
export function waitForState(checkFn, maxWaitMs = 1000) {
|
18
|
-
let startedAt = Date.now();
|
19
|
-
|
20
|
-
return new Promise((resolve, reject) => {
|
21
|
-
async function checkLoop() {
|
22
|
-
if (checkFn()) {
|
23
|
-
resolve();
|
24
|
-
return;
|
25
|
-
}
|
26
|
-
|
27
|
-
if (Date.now() - startedAt >= maxWaitMs) {
|
28
|
-
reject(new Error(`State change timeout`));
|
29
|
-
return;
|
30
|
-
}
|
31
|
-
|
32
|
-
await tick();
|
33
|
-
checkLoop();
|
34
|
-
}
|
35
|
-
|
36
|
-
checkLoop();
|
37
|
-
});
|
38
|
-
}
|
1
|
+
import { tick } from 'svelte';
|
2
|
+
|
3
|
+
/**
|
4
|
+
* Waits for a state condition to be met by running the checkFn
|
5
|
+
* function after each Svelte tick
|
6
|
+
*
|
7
|
+
* @param {() => boolean} checkFn -
|
8
|
+
* Should return true when desired state is reached
|
9
|
+
*
|
10
|
+
* @param {number} [maxWaitMs=1000]
|
11
|
+
*
|
12
|
+
* @returns {Promise<void>} Promise that resolves when the check
|
13
|
+
* function returns true
|
14
|
+
* @throws {Error} if maxAttempts is reached before
|
15
|
+
* predicate returns true
|
16
|
+
*/
|
17
|
+
export function waitForState(checkFn, maxWaitMs = 1000) {
|
18
|
+
let startedAt = Date.now();
|
19
|
+
|
20
|
+
return new Promise((resolve, reject) => {
|
21
|
+
async function checkLoop() {
|
22
|
+
if (checkFn()) {
|
23
|
+
resolve();
|
24
|
+
return;
|
25
|
+
}
|
26
|
+
|
27
|
+
if (Date.now() - startedAt >= maxWaitMs) {
|
28
|
+
reject(new Error(`State change timeout`));
|
29
|
+
return;
|
30
|
+
}
|
31
|
+
|
32
|
+
await tick();
|
33
|
+
checkLoop();
|
34
|
+
}
|
35
|
+
|
36
|
+
checkLoop();
|
37
|
+
});
|
38
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
export * from './route-folders/index.js';
|
1
|
+
export * from './route-folders/index.js';
|