@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.
Files changed (209) hide show
  1. package/README.md +135 -135
  2. package/dist/assets/autospuiten/car-paint-picker.js +41 -41
  3. package/dist/assets/autospuiten/labels.js +7 -7
  4. package/dist/classes/data/IterableTree.js +243 -243
  5. package/dist/classes/data/Selector.js +190 -190
  6. package/dist/classes/data/index.js +2 -2
  7. package/dist/classes/index.js +4 -4
  8. package/dist/classes/promise/HkPromise.js +377 -377
  9. package/dist/classes/promise/index.js +1 -1
  10. package/dist/classes/stores/SubscribersCount.js +107 -107
  11. package/dist/classes/stores/index.js +1 -1
  12. package/dist/classes/streams/LogTransformStream.js +19 -19
  13. package/dist/classes/streams/ServerEventsStore.js +110 -110
  14. package/dist/classes/streams/TimeStampSource.js +26 -26
  15. package/dist/classes/streams/index.js +3 -3
  16. package/dist/classes/svelte/audio/AudioLoader.svelte.js +58 -58
  17. package/dist/classes/svelte/audio/AudioScene.svelte.js +295 -295
  18. package/dist/classes/svelte/audio/mocks.js +35 -35
  19. package/dist/classes/svelte/finite-state-machine/FiniteStateMachine.svelte.js +133 -133
  20. package/dist/classes/svelte/finite-state-machine/index.js +1 -1
  21. package/dist/classes/svelte/image/ImageLoader.svelte.js +47 -47
  22. package/dist/classes/svelte/image/ImageScene.svelte.js +253 -253
  23. package/dist/classes/svelte/image/ImageVariantsLoader.svelte.js +152 -152
  24. package/dist/classes/svelte/image/index.js +4 -4
  25. package/dist/classes/svelte/image/mocks.js +35 -35
  26. package/dist/classes/svelte/image/typedef.js +8 -8
  27. package/dist/classes/svelte/index.js +14 -14
  28. package/dist/classes/svelte/loading-state-machine/LoadingStateMachine.svelte.js +109 -109
  29. package/dist/classes/svelte/loading-state-machine/constants.js +16 -16
  30. package/dist/classes/svelte/loading-state-machine/index.js +3 -3
  31. package/dist/classes/svelte/network-loader/NetworkLoader.svelte.js +331 -331
  32. package/dist/classes/svelte/network-loader/constants.js +3 -3
  33. package/dist/classes/svelte/network-loader/index.js +3 -3
  34. package/dist/classes/svelte/network-loader/mocks.js +30 -30
  35. package/dist/classes/svelte/network-loader/typedef.js +8 -8
  36. package/dist/components/area/HkArea.svelte +49 -49
  37. package/dist/components/area/HkGridArea.svelte +77 -77
  38. package/dist/components/area/index.js +2 -2
  39. package/dist/components/buttons/button/Button.svelte +82 -82
  40. package/dist/components/buttons/button-icon-steeze/SteezeIconButton.svelte +30 -30
  41. package/dist/components/buttons/button-text/TextButton.svelte +21 -21
  42. package/dist/components/buttons/index.js +3 -3
  43. package/dist/components/debug/debug-panel-design-scaling/DebugPanelDesignScaling.svelte +146 -146
  44. package/dist/components/debug/index.js +1 -1
  45. package/dist/components/hkdev/blocks/TextBlock.svelte +46 -46
  46. package/dist/components/hkdev/buttons/CheckButton.svelte +62 -62
  47. package/dist/components/icons/HkIcon.svelte +86 -86
  48. package/dist/components/icons/HkTabIcon.svelte +116 -116
  49. package/dist/components/icons/SteezeIcon.svelte +97 -97
  50. package/dist/components/icons/index.js +6 -6
  51. package/dist/components/icons/typedef.js +16 -16
  52. package/dist/components/index.js +2 -2
  53. package/dist/components/inputs/index.js +1 -1
  54. package/dist/components/inputs/text-input/TestTextInput.svelte__ +102 -102
  55. package/dist/components/inputs/text-input/TextInput.svelte +223 -223
  56. package/dist/components/inputs/text-input/TextInput.svelte___ +83 -83
  57. package/dist/components/inputs/text-input/assets/IconInvalid.svelte +14 -14
  58. package/dist/components/inputs/text-input/assets/IconValid.svelte +12 -12
  59. package/dist/components/layout/grid-layers/GridLayers.svelte +167 -167
  60. package/dist/components/layout/index.js +1 -1
  61. package/dist/components/panels/index.js +1 -1
  62. package/dist/components/panels/panel/Panel.svelte +43 -43
  63. package/dist/components/rows/index.js +3 -3
  64. package/dist/components/rows/panel-grid-row/PanelGridRow.svelte +104 -104
  65. package/dist/components/rows/panel-row-2/PanelRow2.svelte +40 -40
  66. package/dist/components/tab-bar/HkTabBar.state.svelte.js +149 -149
  67. package/dist/components/tab-bar/HkTabBar.svelte +74 -74
  68. package/dist/components/tab-bar/HkTabBarSelector.state.svelte.js +93 -93
  69. package/dist/components/tab-bar/HkTabBarSelector.svelte +49 -49
  70. package/dist/components/tab-bar/index.js +17 -17
  71. package/dist/components/tab-bar/typedef.js +8 -8
  72. package/dist/config/imagetools-config.js +189 -189
  73. package/dist/config/imagetools.d.ts +71 -71
  74. package/dist/config/typedef.js +8 -8
  75. package/dist/constants/bases.js +13 -13
  76. package/dist/constants/errors/api.js +9 -9
  77. package/dist/constants/errors/generic.js +5 -5
  78. package/dist/constants/errors/index.js +3 -3
  79. package/dist/constants/errors/jwt.js +5 -5
  80. package/dist/constants/http/headers.js +6 -6
  81. package/dist/constants/http/index.js +2 -2
  82. package/dist/constants/http/methods.js +2 -2
  83. package/dist/constants/index.js +3 -3
  84. package/dist/constants/mime/application.js +5 -5
  85. package/dist/constants/mime/audio.js +13 -13
  86. package/dist/constants/mime/image.js +3 -3
  87. package/dist/constants/mime/index.js +4 -4
  88. package/dist/constants/mime/text.js +2 -2
  89. package/dist/constants/regexp/index.js +31 -31
  90. package/dist/constants/regexp/inspiratie.js__ +95 -95
  91. package/dist/constants/regexp/text.js +49 -49
  92. package/dist/constants/regexp/user.js +32 -32
  93. package/dist/constants/regexp/web.js +3 -3
  94. package/dist/constants/state-labels/input-states.js +11 -11
  95. package/dist/constants/state-labels/submit-states.js +4 -4
  96. package/dist/constants/time.js +28 -28
  97. package/dist/css/utilities.css +43 -43
  98. package/dist/design/design-config.js +73 -73
  99. package/dist/design/tailwind-theme-extend.js +158 -158
  100. package/dist/schemas/index.js +1 -1
  101. package/dist/schemas/validate-url.js +180 -180
  102. package/dist/server/index.js +1 -1
  103. package/dist/server/logger.js +94 -94
  104. package/dist/states/index.js +1 -1
  105. package/dist/states/navigation.svelte.js +55 -55
  106. package/dist/stores/index.js +1 -1
  107. package/dist/stores/theme.js +80 -80
  108. package/dist/themes/hkdev/components/blocks/text-block.css +41 -41
  109. package/dist/themes/hkdev/components/boxes/game-box.css +12 -12
  110. package/dist/themes/hkdev/components/buttons/button-icon-steeze.css +22 -22
  111. package/dist/themes/hkdev/components/buttons/button-text.css +32 -32
  112. package/dist/themes/hkdev/components/buttons/button.css +142 -142
  113. package/dist/themes/hkdev/components/buttons/skip-button.css +6 -6
  114. package/dist/themes/hkdev/components/icons/icon-steeze.css +22 -22
  115. package/dist/themes/hkdev/components/inputs/text-input.css +104 -104
  116. package/dist/themes/hkdev/components/panels/panel.css +27 -27
  117. package/dist/themes/hkdev/components/rows/panel-grid-row.css +6 -6
  118. package/dist/themes/hkdev/components/rows/panel-row-2.css +7 -7
  119. package/dist/themes/hkdev/components.css +47 -47
  120. package/dist/themes/hkdev/debug.css +1 -1
  121. package/dist/themes/hkdev/global/layout.css +39 -39
  122. package/dist/themes/hkdev/global/on-colors.css +53 -53
  123. package/dist/themes/hkdev/globals.css +11 -11
  124. package/dist/themes/hkdev/responsive.css +12 -12
  125. package/dist/themes/hkdev/theme-ext.js +15 -15
  126. package/dist/themes/hkdev/theme.js +235 -235
  127. package/dist/themes/index.js +1 -1
  128. package/dist/util/array/index.js +455 -455
  129. package/dist/util/bases/base58.js +262 -262
  130. package/dist/util/bases/index.js +1 -1
  131. package/dist/util/compare/index.js +247 -247
  132. package/dist/util/css/css-vars.js +83 -83
  133. package/dist/util/css/index.js +1 -1
  134. package/dist/util/design-system/components/states.js +22 -22
  135. package/dist/util/design-system/css/clamp.js +66 -66
  136. package/dist/util/design-system/css/root-design-vars.js +100 -100
  137. package/dist/util/design-system/index.js +5 -5
  138. package/dist/util/design-system/layout/scaling.js +228 -228
  139. package/dist/util/design-system/skeleton.js +208 -208
  140. package/dist/util/design-system/tailwind.js +288 -288
  141. package/dist/util/expect/arrays.js +47 -47
  142. package/dist/util/expect/index.js +259 -259
  143. package/dist/util/expect/primitives.js +55 -55
  144. package/dist/util/expect/url.js +60 -60
  145. package/dist/util/function/index.js +218 -218
  146. package/dist/util/http/errors.js +97 -97
  147. package/dist/util/http/headers.js +45 -45
  148. package/dist/util/http/http-request.js +294 -294
  149. package/dist/util/http/index.js +22 -22
  150. package/dist/util/http/json-request.js +143 -143
  151. package/dist/util/http/mocks.js +65 -65
  152. package/dist/util/http/response.js +241 -241
  153. package/dist/util/http/test-data__/content-length-test-hkdigital-small.V4HfZyBQ.avif +0 -0
  154. package/dist/util/http/url.js +52 -52
  155. package/dist/util/image/index.js +86 -86
  156. package/dist/util/index.js +2 -2
  157. package/dist/util/is/index.js +140 -140
  158. package/dist/util/iterate/index.js +234 -234
  159. package/dist/util/object/index.js +1361 -1361
  160. package/dist/util/singleton/index.js +97 -97
  161. package/dist/util/string/array-path.js +75 -75
  162. package/dist/util/string/convert.js +54 -54
  163. package/dist/util/string/fs.js +226 -226
  164. package/dist/util/string/index.js +5 -5
  165. package/dist/util/string/interpolate.js +61 -61
  166. package/dist/util/string/pad.js +10 -10
  167. package/dist/util/svelte/index.js +4 -4
  168. package/dist/util/svelte/loading/loading-tracker.svelte.js +108 -108
  169. package/dist/util/svelte/observe/index.js +49 -49
  170. package/dist/util/svelte/state-context/index.js +83 -83
  171. package/dist/util/svelte/wait/index.js +38 -38
  172. package/dist/util/sveltekit/index.js +1 -1
  173. package/dist/util/sveltekit/route-folders/index.js +101 -101
  174. package/dist/util/time/index.js +323 -323
  175. package/dist/util/unique/index.js +249 -249
  176. package/dist/valibot/date.js__ +10 -10
  177. package/dist/valibot/index.js +9 -9
  178. package/dist/valibot/url.js +95 -95
  179. package/dist/valibot/user.js +23 -23
  180. package/dist/widgets/button-group/ButtonGroup.svelte +82 -94
  181. package/dist/widgets/button-group/ButtonGroup.svelte.d.ts +0 -2
  182. package/dist/widgets/button-group/typedef.js +10 -10
  183. package/dist/widgets/compare-left-right/CompareLeftRight.svelte +179 -179
  184. package/dist/widgets/compare-left-right/index.js +1 -1
  185. package/dist/widgets/game-box/GameBox.svelte +579 -186
  186. package/dist/widgets/game-box/GameBox.svelte.d.ts +64 -4
  187. package/dist/widgets/game-box/gamebox.util.js +83 -83
  188. package/dist/widgets/hk-app-layout/HkAppLayout.state.svelte.js +25 -25
  189. package/dist/widgets/hk-app-layout/HkAppLayout.svelte +251 -251
  190. package/dist/widgets/image-box/ImageBox.svelte +212 -212
  191. package/dist/widgets/image-box/index.js +5 -5
  192. package/dist/widgets/image-box/typedef.js +32 -32
  193. package/dist/widgets/index.js +23 -23
  194. package/dist/widgets/presenter/(broken) Presenter.state.svelte.js__ +613 -0
  195. package/dist/widgets/presenter/ImageSlide.svelte +64 -64
  196. package/dist/widgets/presenter/Presenter.state.svelte.js +636 -636
  197. package/dist/widgets/presenter/Presenter.svelte +140 -140
  198. package/dist/widgets/presenter/Presenter.svelte__ +125 -0
  199. package/dist/widgets/presenter/constants.js +7 -7
  200. package/dist/widgets/presenter/index.js +10 -10
  201. package/dist/widgets/presenter/typedef.js +106 -106
  202. package/dist/widgets/presenter/util.js +210 -210
  203. package/dist/widgets/virtual-viewport/VirtualViewport.svelte +196 -196
  204. package/dist/zod/all.js +33 -33
  205. package/dist/zod/generic.js +11 -11
  206. package/dist/zod/javascript.js +32 -32
  207. package/dist/zod/user.js +16 -16
  208. package/dist/zod/web.js +52 -52
  209. 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';