@hkdigital/lib-sveltekit 0.2.8 → 0.2.10

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 (246) 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/cache/IndexedDbCache.js +1407 -1407
  5. package/dist/classes/cache/MemoryResponseCache.js +138 -138
  6. package/dist/classes/cache/index.js +5 -5
  7. package/dist/classes/cache/typedef.js +41 -41
  8. package/dist/classes/data/IterableTree.js +243 -243
  9. package/dist/classes/data/Selector.js +190 -190
  10. package/dist/classes/data/index.js +2 -2
  11. package/dist/classes/events/EventEmitter.js +275 -275
  12. package/dist/classes/events/index.js +2 -2
  13. package/dist/classes/index.js +4 -4
  14. package/dist/classes/logging/Logger.js +158 -158
  15. package/dist/classes/logging/constants.js +18 -18
  16. package/dist/classes/logging/index.js +4 -4
  17. package/dist/classes/promise/HkPromise.js +377 -377
  18. package/dist/classes/promise/index.js +1 -1
  19. package/dist/classes/services/ServiceBase.js +409 -409
  20. package/dist/classes/services/ServiceManager.js +1114 -1114
  21. package/dist/classes/services/constants.js +12 -12
  22. package/dist/classes/services/index.js +5 -5
  23. package/dist/classes/stores/SubscribersCount.js +107 -107
  24. package/dist/classes/stores/index.js +1 -1
  25. package/dist/classes/streams/LogTransformStream.js +19 -19
  26. package/dist/classes/streams/ServerEventsStore.js +110 -110
  27. package/dist/classes/streams/TimeStampSource.js +26 -26
  28. package/dist/classes/streams/index.js +3 -3
  29. package/dist/classes/svelte/audio/AudioLoader.svelte.js +58 -58
  30. package/dist/classes/svelte/audio/AudioScene.svelte.js +324 -324
  31. package/dist/classes/svelte/audio/mocks.js +35 -35
  32. package/dist/classes/svelte/finite-state-machine/FiniteStateMachine.svelte.js +133 -133
  33. package/dist/classes/svelte/finite-state-machine/index.js +1 -1
  34. package/dist/classes/svelte/image/ImageLoader.svelte.js +45 -45
  35. package/dist/classes/svelte/image/ImageScene.svelte.js +249 -249
  36. package/dist/classes/svelte/image/ImageVariantsLoader.svelte.js +152 -152
  37. package/dist/classes/svelte/image/index.js +4 -4
  38. package/dist/classes/svelte/image/mocks.js +35 -35
  39. package/dist/classes/svelte/image/typedef.js +8 -8
  40. package/dist/classes/svelte/index.js +14 -14
  41. package/dist/classes/svelte/loading-state-machine/LoadingStateMachine.svelte.js +109 -109
  42. package/dist/classes/svelte/loading-state-machine/constants.js +16 -16
  43. package/dist/classes/svelte/loading-state-machine/index.js +3 -3
  44. package/dist/classes/svelte/network-loader/NetworkLoader.svelte.js +338 -338
  45. package/dist/classes/svelte/network-loader/constants.js +3 -3
  46. package/dist/classes/svelte/network-loader/index.js +3 -3
  47. package/dist/classes/svelte/network-loader/mocks.js +30 -30
  48. package/dist/classes/svelte/network-loader/typedef.js +8 -8
  49. package/dist/components/area/HkArea.svelte +49 -49
  50. package/dist/components/area/HkGridArea.svelte +77 -77
  51. package/dist/components/area/index.js +2 -2
  52. package/dist/components/buttons/button/Button.svelte +82 -82
  53. package/dist/components/buttons/button-icon-steeze/SteezeIconButton.svelte +30 -30
  54. package/dist/components/buttons/button-text/TextButton.svelte +21 -21
  55. package/dist/components/buttons/index.js +3 -3
  56. package/dist/components/debug/debug-panel-design-scaling/DebugPanelDesignScaling.svelte +146 -146
  57. package/dist/components/debug/index.js +1 -1
  58. package/dist/components/drag-drop/DragController.js +44 -44
  59. package/dist/components/drag-drop/DragDropContext.svelte +111 -110
  60. package/dist/components/drag-drop/Draggable.svelte +502 -512
  61. package/dist/components/drag-drop/{Dropzone.svelte → DropZone.svelte} +258 -258
  62. package/dist/components/drag-drop/DropZoneArea.svelte +119 -119
  63. package/dist/components/drag-drop/DropZoneList.svelte +125 -125
  64. package/dist/components/drag-drop/actions.d.ts +9 -0
  65. package/dist/components/drag-drop/actions.js +26 -0
  66. package/dist/components/drag-drop/drag-state.svelte.d.ts +3 -1
  67. package/dist/components/drag-drop/drag-state.svelte.js +322 -319
  68. package/dist/components/drag-drop/drag-state.svelte.js__ +319 -0
  69. package/dist/components/drag-drop/index.js +7 -7
  70. package/dist/components/drag-drop/util.d.ts +0 -32
  71. package/dist/components/drag-drop/util.js +85 -85
  72. package/dist/components/hkdev/blocks/TextBlock.svelte +46 -46
  73. package/dist/components/hkdev/buttons/CheckButton.svelte +62 -62
  74. package/dist/components/icons/HkIcon.svelte +86 -86
  75. package/dist/components/icons/HkTabIcon.svelte +116 -116
  76. package/dist/components/icons/SteezeIcon.svelte +97 -97
  77. package/dist/components/icons/index.js +6 -6
  78. package/dist/components/icons/typedef.js +16 -16
  79. package/dist/components/index.js +2 -2
  80. package/dist/components/inputs/index.js +1 -1
  81. package/dist/components/inputs/text-input/TestTextInput.svelte__ +102 -102
  82. package/dist/components/inputs/text-input/TextInput.svelte +223 -223
  83. package/dist/components/inputs/text-input/TextInput.svelte___ +83 -83
  84. package/dist/components/inputs/text-input/assets/IconInvalid.svelte +14 -14
  85. package/dist/components/inputs/text-input/assets/IconValid.svelte +12 -12
  86. package/dist/components/layout/grid-layers/GridLayers.svelte +63 -63
  87. package/dist/components/layout/grid-layers/GridLayers.svelte__heightFrom__ +372 -0
  88. package/dist/components/layout/grid-layers/util.js +74 -74
  89. package/dist/components/layout/index.js +1 -1
  90. package/dist/components/panels/index.js +1 -1
  91. package/dist/components/panels/panel/Panel.svelte +43 -43
  92. package/dist/components/rows/index.js +3 -3
  93. package/dist/components/rows/panel-grid-row/PanelGridRow.svelte +104 -104
  94. package/dist/components/rows/panel-row-2/PanelRow2.svelte +40 -40
  95. package/dist/components/tab-bar/HkTabBar.state.svelte.js +149 -149
  96. package/dist/components/tab-bar/HkTabBar.svelte +74 -74
  97. package/dist/components/tab-bar/HkTabBarSelector.state.svelte.js +93 -93
  98. package/dist/components/tab-bar/HkTabBarSelector.svelte +49 -49
  99. package/dist/components/tab-bar/index.js +17 -17
  100. package/dist/components/tab-bar/typedef.js +11 -11
  101. package/dist/config/imagetools-config.js +189 -189
  102. package/dist/config/imagetools.d.ts +72 -72
  103. package/dist/constants/bases.js +13 -13
  104. package/dist/constants/errors/api.js +9 -9
  105. package/dist/constants/errors/generic.js +5 -5
  106. package/dist/constants/errors/index.js +3 -3
  107. package/dist/constants/errors/jwt.js +5 -5
  108. package/dist/constants/http/headers.js +6 -6
  109. package/dist/constants/http/index.js +2 -2
  110. package/dist/constants/http/methods.js +2 -2
  111. package/dist/constants/index.js +3 -3
  112. package/dist/constants/mime/application.js +5 -5
  113. package/dist/constants/mime/audio.js +13 -13
  114. package/dist/constants/mime/image.js +3 -3
  115. package/dist/constants/mime/index.js +4 -4
  116. package/dist/constants/mime/text.js +2 -2
  117. package/dist/constants/regexp/index.js +31 -31
  118. package/dist/constants/regexp/inspiratie.js__ +95 -95
  119. package/dist/constants/regexp/text.js +49 -49
  120. package/dist/constants/regexp/user.js +32 -32
  121. package/dist/constants/regexp/web.js +3 -3
  122. package/dist/constants/state-labels/drag-states.js +6 -6
  123. package/dist/constants/state-labels/drop-states.js +6 -6
  124. package/dist/constants/state-labels/input-states.js +11 -11
  125. package/dist/constants/state-labels/submit-states.js +4 -4
  126. package/dist/constants/time.js +28 -28
  127. package/dist/css/utilities.css +43 -43
  128. package/dist/design/design-config.js +73 -73
  129. package/dist/design/tailwind-theme-extend.js +158 -158
  130. package/dist/features/button-group/ButtonGroup.svelte +82 -82
  131. package/dist/features/button-group/typedef.js +10 -10
  132. package/dist/features/compare-left-right/CompareLeftRight.svelte +179 -179
  133. package/dist/features/compare-left-right/index.js +1 -1
  134. package/dist/features/game-box/GameBox.svelte +577 -577
  135. package/dist/features/game-box/gamebox.util.js +83 -83
  136. package/dist/features/hk-app-layout/HkAppLayout.state.svelte.js +25 -25
  137. package/dist/features/hk-app-layout/HkAppLayout.svelte +251 -251
  138. package/dist/features/image-box/ImageBox.svelte +210 -210
  139. package/dist/features/image-box/index.js +5 -5
  140. package/dist/features/image-box/typedef.js +32 -32
  141. package/dist/features/index.js +23 -23
  142. package/dist/features/presenter/ImageSlide.svelte +64 -64
  143. package/dist/features/presenter/Presenter.state.svelte.js +638 -638
  144. package/dist/features/presenter/Presenter.svelte +142 -142
  145. package/dist/features/presenter/constants.js +7 -7
  146. package/dist/features/presenter/index.js +10 -10
  147. package/dist/features/presenter/typedef.js +106 -106
  148. package/dist/features/presenter/util.js +210 -210
  149. package/dist/features/virtual-viewport/VirtualViewport.svelte +196 -196
  150. package/dist/schemas/index.js +1 -1
  151. package/dist/schemas/validate-url.js +180 -180
  152. package/dist/server/index.js +1 -1
  153. package/dist/server/logger.js +94 -94
  154. package/dist/states/index.js +1 -1
  155. package/dist/states/navigation.svelte.js +55 -55
  156. package/dist/stores/index.js +1 -1
  157. package/dist/stores/theme.js +80 -80
  158. package/dist/themes/hkdev/components/blocks/text-block.css +41 -41
  159. package/dist/themes/hkdev/components/boxes/game-box.css +12 -12
  160. package/dist/themes/hkdev/components/buttons/button-icon-steeze.css +22 -22
  161. package/dist/themes/hkdev/components/buttons/button-text.css +32 -32
  162. package/dist/themes/hkdev/components/buttons/button.css +146 -146
  163. package/dist/themes/hkdev/components/buttons/skip-button.css +6 -6
  164. package/dist/themes/hkdev/components/drag-drop/draggable.css +73 -73
  165. package/dist/themes/hkdev/components/drag-drop/drop-zone.css +48 -48
  166. package/dist/themes/hkdev/components/icons/icon-steeze.css +22 -22
  167. package/dist/themes/hkdev/components/inputs/text-input.css +104 -104
  168. package/dist/themes/hkdev/components/panels/panel.css +27 -27
  169. package/dist/themes/hkdev/components/rows/panel-grid-row.css +6 -6
  170. package/dist/themes/hkdev/components/rows/panel-row-2.css +7 -7
  171. package/dist/themes/hkdev/components.css +53 -53
  172. package/dist/themes/hkdev/debug.css +1 -1
  173. package/dist/themes/hkdev/global/layout.css +39 -39
  174. package/dist/themes/hkdev/global/on-colors.css +53 -53
  175. package/dist/themes/hkdev/globals.css +11 -11
  176. package/dist/themes/hkdev/responsive.css +12 -12
  177. package/dist/themes/hkdev/theme-ext.js +15 -15
  178. package/dist/themes/hkdev/theme.js +235 -235
  179. package/dist/themes/index.js +1 -1
  180. package/dist/typedef/context.js +6 -6
  181. package/dist/typedef/drag.js +25 -25
  182. package/dist/typedef/drop.js +12 -12
  183. package/dist/typedef/image.js +38 -38
  184. package/dist/typedef/index.js +4 -4
  185. package/dist/util/array/index.js +436 -436
  186. package/dist/util/bases/base58.js +262 -262
  187. package/dist/util/bases/index.js +1 -1
  188. package/dist/util/compare/index.js +247 -247
  189. package/dist/util/css/css-vars.js +83 -83
  190. package/dist/util/css/index.js +1 -1
  191. package/dist/util/design-system/components/states.js +22 -22
  192. package/dist/util/design-system/css/clamp.js +66 -66
  193. package/dist/util/design-system/css/root-design-vars.js +102 -102
  194. package/dist/util/design-system/index.js +5 -5
  195. package/dist/util/design-system/layout/scaling.js +228 -228
  196. package/dist/util/design-system/skeleton.js +208 -208
  197. package/dist/util/design-system/tailwind.js +288 -288
  198. package/dist/util/env/index.js +9 -9
  199. package/dist/util/expect/arrays.js +47 -47
  200. package/dist/util/expect/index.js +259 -259
  201. package/dist/util/expect/primitives.js +55 -55
  202. package/dist/util/expect/url.js +60 -60
  203. package/dist/util/function/index.js +218 -218
  204. package/dist/util/geo/index.js +26 -26
  205. package/dist/util/http/caching.js +263 -263
  206. package/dist/util/http/errors.js +97 -97
  207. package/dist/util/http/headers.js +75 -75
  208. package/dist/util/http/http-request.js +379 -379
  209. package/dist/util/http/index.js +22 -22
  210. package/dist/util/http/json-request.js +224 -224
  211. package/dist/util/http/mocks.js +65 -65
  212. package/dist/util/http/response.js +294 -294
  213. package/dist/util/http/test-data__/content-length-test-hkdigital-small.V4HfZyBQ.avif +0 -0
  214. package/dist/util/http/typedef.js +93 -93
  215. package/dist/util/http/url.js +52 -52
  216. package/dist/util/image/index.js +86 -86
  217. package/dist/util/index.js +2 -2
  218. package/dist/util/is/index.js +140 -140
  219. package/dist/util/iterate/index.js +234 -234
  220. package/dist/util/object/index.js +1361 -1361
  221. package/dist/util/singleton/index.js +97 -97
  222. package/dist/util/string/array-path.js +75 -75
  223. package/dist/util/string/convert.js +54 -54
  224. package/dist/util/string/fs.js +226 -226
  225. package/dist/util/string/index.js +5 -5
  226. package/dist/util/string/interpolate.js +61 -61
  227. package/dist/util/string/pad.js +10 -10
  228. package/dist/util/svelte/index.js +4 -4
  229. package/dist/util/svelte/loading/loading-tracker.svelte.js +108 -108
  230. package/dist/util/svelte/observe/index.js +49 -49
  231. package/dist/util/svelte/state-context/index.js +117 -117
  232. package/dist/util/svelte/wait/index.js +38 -38
  233. package/dist/util/sveltekit/index.js +1 -1
  234. package/dist/util/sveltekit/route-folders/index.js +101 -101
  235. package/dist/util/time/index.js +323 -323
  236. package/dist/util/unique/index.js +249 -249
  237. package/dist/valibot/date.js__ +10 -10
  238. package/dist/valibot/index.js +9 -9
  239. package/dist/valibot/url.js +95 -95
  240. package/dist/valibot/user.js +23 -23
  241. package/dist/zod/all.js +33 -33
  242. package/dist/zod/generic.js +11 -11
  243. package/dist/zod/javascript.js +32 -32
  244. package/dist/zod/user.js +16 -16
  245. package/dist/zod/web.js +52 -52
  246. package/package.json +112 -112
@@ -1,323 +1,323 @@
1
- /**
2
- * time.js
3
- *
4
- * @description
5
- * This file contains time related functionality
6
- *
7
- * @example
8
- *
9
- * import { delay, now } from './time.js';
10
- *
11
- * async function test()
12
- * {
13
- * console.log( `Current timestamp [${now()}]` );
14
- *
15
- * await delay( 1000 );
16
- *
17
- * console.log( `Current timestamp [${now()}]` );
18
- * }
19
- */
20
-
21
- /**
22
- * FIXME: use Intl.DateTimeFormat instead of custom conversions
23
- *
24
- * e.g.
25
- * return new Intl.DateTimeFormat('nl-NL', {
26
- * month: "long",
27
- * timeZone: 'Europe/Amsterdam'
28
- * }).format(d);
29
- */
30
-
31
- import {
32
- SECOND_MS,
33
- MINUTE_MS,
34
- HOUR_MS,
35
- DAY_MS,
36
- TIME_2025_01_01 } from '../../constants/time.js';
37
-
38
- import * as expect from '../expect';
39
- import { HkPromise } from '../../classes/promise/index.js';
40
-
41
- /**
42
- * Returns a promise that resolves after a specified timeout
43
- * - If the returned promise is rejected, the timeout is cancelled
44
- *
45
- * @param {number} delayOrMinDelayMs
46
- * Number of milliseconds to wait before promise resolves
47
- *
48
- * @param {number} [maxDelayMs=delayOrMinDelayMs]
49
- * Maximum number of milliseconds to wait before the returned promise
50
- * resolves. If this parameter is set, the delay will be chosen randomly
51
- * between the values [delayOrMinDelayMs, maxDelayMs]
52
- *
53
- * @returns {HkPromise} promise that resolves after a specified timeout
54
- */
55
- export function delay(delayOrMinDelayMs, maxDelayMs) {
56
- expect.number(delayOrMinDelayMs);
57
-
58
- if (maxDelayMs) {
59
- //
60
- // maxDelayMs was set -> generate random delay
61
- //
62
- if (maxDelayMs > delayOrMinDelayMs) {
63
- delayOrMinDelayMs = Math.floor(
64
- delayOrMinDelayMs + Math.random() * (maxDelayMs - delayOrMinDelayMs)
65
- );
66
- }
67
- }
68
-
69
- const promise = new HkPromise();
70
-
71
- let timer = setTimeout(() => {
72
- timer = null;
73
- promise.resolve();
74
- }, delayOrMinDelayMs);
75
-
76
- // Register catch method to cancel timer when promise is rejected
77
- promise.catch(() => {
78
- if (timer) {
79
- clearTimeout(timer);
80
- timer = null;
81
- }
82
- });
83
-
84
- return promise;
85
- }
86
-
87
- /**
88
- * Get the number of milliseconds since the specified time stamp of the default
89
- * reference time stamp TIME_2025_01_01
90
- *
91
- * @param {number} [sinceMs=TIME_2025_01_01]
92
- *
93
- * @returns {number} number of milliseconds since the specified time
94
- */
95
- export function sinceMs(sinceMs = TIME_2025_01_01) {
96
- return Date.now() - sinceMs;
97
- }
98
-
99
- /**
100
- * Get a string that represents the time in a readable
101
- * string format: [DD:][HH:]MM:SS.mmm
102
- *
103
- * @param {number} timeMs [description]
104
- *
105
- * @returns {string} time in human readable format
106
- */
107
- export function timeToString(timeMs) {
108
- const days = Math.floor(timeMs / DAY_MS);
109
-
110
- let restMs = timeMs - days * DAY_MS;
111
-
112
- const hours = Math.floor(restMs / HOUR_MS);
113
-
114
- restMs = restMs - hours * HOUR_MS;
115
-
116
- const minutes = Math.floor(restMs / MINUTE_MS);
117
-
118
- restMs = restMs - minutes * MINUTE_MS;
119
-
120
- const seconds = Math.floor(restMs / SECOND_MS);
121
-
122
- restMs = restMs - seconds * SECOND_MS;
123
-
124
- let str = '';
125
-
126
- if (days) {
127
- str += `${days.toString().padStart(2, '0')}:`;
128
- str += `${hours.toString().padStart(2, '0')}:`;
129
- } else if (hours) {
130
- str += `${hours.toString().padStart(2, '0')}:`;
131
- }
132
-
133
- str += `${minutes.toString().padStart(2, '0')}:`;
134
- str += `${seconds.toString().padStart(2, '0')}.`;
135
- str += `${restMs.toString().padStart(3, '0')}`;
136
-
137
- return str;
138
- }
139
-
140
- /**
141
- * Returns a Date object
142
- * - The input can be a Date object or a numeric timestamp
143
- *
144
- * @param {Date|number} dateOrTimestamp
145
- *
146
- * @returns {Date} date object
147
- */
148
- export function toDate(dateOrTimestamp) {
149
- if (dateOrTimestamp instanceof Date) {
150
- return dateOrTimestamp;
151
- }
152
-
153
- if (typeof dateOrTimestamp === 'number') {
154
- return new Date(dateOrTimestamp);
155
- }
156
-
157
- throw new Error('Missing or invalid parameter [dateOrTimestamp]');
158
- }
159
-
160
- /**
161
- * Get the ISO 8601 week number of the specified date
162
- *
163
- * @see https://stackoverflow.com
164
- * /questions/6117814/get-week-of-year-in-javascript-like-in-php
165
- *
166
- * @param {Date|number} dateOrTimestamp
167
- *
168
- * @returns {number} week number
169
- */
170
- export function getWeekNumber(dateOrTimestamp) {
171
- const date = toDate(dateOrTimestamp);
172
-
173
- //
174
- // Create a copy of this date object
175
- //
176
- const target = new Date(date.valueOf());
177
-
178
- //
179
- // ISO week date weeks start on Monday, so correct the day number
180
- //
181
- const dayNumber = (date.getDay() + 6) % 7;
182
-
183
- //
184
- // ISO 8601 states that week 1 is the week with the first Thursday
185
- // of that year.
186
- //
187
- // Set the target date to the Thursday in the target week
188
- //
189
- target.setDate(target.getDate() - dayNumber + 3);
190
-
191
- //
192
- // Store the millisecond value of the target date
193
- //
194
- const firstThursday = target.valueOf();
195
-
196
- // Set the target to the first Thursday of the year
197
- // First, set the target to January 1st
198
- target.setMonth(0, 1);
199
-
200
- //
201
- // Not a Thursday? Correct the date to the next Thursday
202
- //
203
- if (target.getDay() !== 4) {
204
- target.setMonth(0, 1 + ((4 - target.getDay() + 7) % 7));
205
- }
206
-
207
- //
208
- // The week number is the number of weeks between the first Thursday
209
- // of the year and the Thursday in the target week
210
- // (604800000 = 7 * 24 * 3600 * 1000)
211
- //
212
- return 1 + Math.ceil((firstThursday - target.getTime()) / 604800000);
213
- }
214
-
215
- /**
216
- * Get the name of the month
217
- * - Returns the month name using Intl.DateTimeFormat
218
- * - By default uses English locale, but locale can be specified
219
- *
220
- * @param {Date|number} dateOrTimestamp - Date object or timestamp
221
- * @param {string} [locale='nl-NL'] - The locale to use for the month name
222
- *
223
- * @param {Object} [options]
224
- * @param {'numeric'|'2-digit'|'narrow'|'short'|'long'} [options.month='long']
225
- * @param {string} [options.timeZone] - Optional timezone
226
- *
227
- * @returns {string} name of the month in the specified locale
228
- */
229
- export function getMonthName(dateOrTimestamp, locale = 'nl-NL',
230
- options = { month: 'long' }) {
231
-
232
- const date = toDate(dateOrTimestamp);
233
-
234
- // Create formatter with provided locale and options
235
- // @ts-ignore - TypeScript kan hier strikter zijn dan nodig met de options
236
- const formatter = new Intl.DateTimeFormat(locale, {
237
- month: options?.month || 'long',
238
- ...(options?.timeZone ? { timeZone: options.timeZone } : {})
239
- });
240
-
241
- return formatter.format(date);
242
- }
243
-
244
- /**
245
- * Get the name of the day of the week
246
- * - Returns the day name using Intl.DateTimeFormat
247
- * - By default uses English locale, but locale can be specified
248
- *
249
- * @param {Date|number} dateOrTimestamp - Date object or timestamp
250
- * @param {string} [locale='nl-NL'] - The locale to use for the day name
251
- *
252
- * @param {Object} [options]
253
- * @param {'narrow'|'short'|'long'} [options.weekday='long']
254
- * @param {string} [options.timeZone] - Optional timezone
255
- *
256
- * @returns {string} name of the day in the specified locale
257
- */
258
- export function getDayName(dateOrTimestamp, locale = 'nl-NL',
259
- options = { weekday: 'long' }) {
260
-
261
- const date = toDate(dateOrTimestamp);
262
-
263
- // Create formatter with provided locale and options
264
- // @ts-ignore - TypeScript kan hier strikter zijn dan nodig met de options
265
- const formatter = new Intl.DateTimeFormat(locale, {
266
- weekday: options?.weekday || 'long',
267
- ...(options?.timeZone ? { timeZone: options.timeZone } : {})
268
- });
269
-
270
- return formatter.format(date);
271
- }
272
-
273
- /**
274
- * Return the timestamp of the start of the day
275
- * - Midnight
276
- *
277
- * @param {Date|number} [dateOrTimestamp]
278
- *
279
- * @returns {number} timestamp of start of the day (00:00:00:0000)
280
- */
281
- export function getTimeAtStartOfDay(dateOrTimestamp) {
282
- let d;
283
-
284
- if (dateOrTimestamp) {
285
- d = toDate(dateOrTimestamp);
286
- } else {
287
- // today, now
288
- d = new Date();
289
- }
290
-
291
- d.setHours(0);
292
- d.setMinutes(0);
293
- d.setSeconds(0);
294
- d.setMilliseconds(0);
295
-
296
- return d.getTime();
297
- }
298
-
299
- /**
300
- * Return the timestamp of the end of the day
301
- * - Midnight - 1 millisecond
302
- *
303
- * @param {Date|number} [dateOrTimestamp]
304
- *
305
- * @returns {number} timestamp of start of the day
306
- */
307
- export function getTimeAtEndOfDay(dateOrTimestamp) {
308
- let d;
309
-
310
- if (dateOrTimestamp) {
311
- d = toDate(dateOrTimestamp);
312
- } else {
313
- // today, now
314
- d = new Date();
315
- }
316
-
317
- d.setHours(23);
318
- d.setMinutes(59);
319
- d.setSeconds(59);
320
- d.setMilliseconds(999);
321
-
322
- return d.getTime();
323
- }
1
+ /**
2
+ * time.js
3
+ *
4
+ * @description
5
+ * This file contains time related functionality
6
+ *
7
+ * @example
8
+ *
9
+ * import { delay, now } from './time.js';
10
+ *
11
+ * async function test()
12
+ * {
13
+ * console.log( `Current timestamp [${now()}]` );
14
+ *
15
+ * await delay( 1000 );
16
+ *
17
+ * console.log( `Current timestamp [${now()}]` );
18
+ * }
19
+ */
20
+
21
+ /**
22
+ * FIXME: use Intl.DateTimeFormat instead of custom conversions
23
+ *
24
+ * e.g.
25
+ * return new Intl.DateTimeFormat('nl-NL', {
26
+ * month: "long",
27
+ * timeZone: 'Europe/Amsterdam'
28
+ * }).format(d);
29
+ */
30
+
31
+ import {
32
+ SECOND_MS,
33
+ MINUTE_MS,
34
+ HOUR_MS,
35
+ DAY_MS,
36
+ TIME_2025_01_01 } from '../../constants/time.js';
37
+
38
+ import * as expect from '../expect';
39
+ import { HkPromise } from '../../classes/promise/index.js';
40
+
41
+ /**
42
+ * Returns a promise that resolves after a specified timeout
43
+ * - If the returned promise is rejected, the timeout is cancelled
44
+ *
45
+ * @param {number} delayOrMinDelayMs
46
+ * Number of milliseconds to wait before promise resolves
47
+ *
48
+ * @param {number} [maxDelayMs=delayOrMinDelayMs]
49
+ * Maximum number of milliseconds to wait before the returned promise
50
+ * resolves. If this parameter is set, the delay will be chosen randomly
51
+ * between the values [delayOrMinDelayMs, maxDelayMs]
52
+ *
53
+ * @returns {HkPromise} promise that resolves after a specified timeout
54
+ */
55
+ export function delay(delayOrMinDelayMs, maxDelayMs) {
56
+ expect.number(delayOrMinDelayMs);
57
+
58
+ if (maxDelayMs) {
59
+ //
60
+ // maxDelayMs was set -> generate random delay
61
+ //
62
+ if (maxDelayMs > delayOrMinDelayMs) {
63
+ delayOrMinDelayMs = Math.floor(
64
+ delayOrMinDelayMs + Math.random() * (maxDelayMs - delayOrMinDelayMs)
65
+ );
66
+ }
67
+ }
68
+
69
+ const promise = new HkPromise();
70
+
71
+ let timer = setTimeout(() => {
72
+ timer = null;
73
+ promise.resolve();
74
+ }, delayOrMinDelayMs);
75
+
76
+ // Register catch method to cancel timer when promise is rejected
77
+ promise.catch(() => {
78
+ if (timer) {
79
+ clearTimeout(timer);
80
+ timer = null;
81
+ }
82
+ });
83
+
84
+ return promise;
85
+ }
86
+
87
+ /**
88
+ * Get the number of milliseconds since the specified time stamp of the default
89
+ * reference time stamp TIME_2025_01_01
90
+ *
91
+ * @param {number} [sinceMs=TIME_2025_01_01]
92
+ *
93
+ * @returns {number} number of milliseconds since the specified time
94
+ */
95
+ export function sinceMs(sinceMs = TIME_2025_01_01) {
96
+ return Date.now() - sinceMs;
97
+ }
98
+
99
+ /**
100
+ * Get a string that represents the time in a readable
101
+ * string format: [DD:][HH:]MM:SS.mmm
102
+ *
103
+ * @param {number} timeMs [description]
104
+ *
105
+ * @returns {string} time in human readable format
106
+ */
107
+ export function timeToString(timeMs) {
108
+ const days = Math.floor(timeMs / DAY_MS);
109
+
110
+ let restMs = timeMs - days * DAY_MS;
111
+
112
+ const hours = Math.floor(restMs / HOUR_MS);
113
+
114
+ restMs = restMs - hours * HOUR_MS;
115
+
116
+ const minutes = Math.floor(restMs / MINUTE_MS);
117
+
118
+ restMs = restMs - minutes * MINUTE_MS;
119
+
120
+ const seconds = Math.floor(restMs / SECOND_MS);
121
+
122
+ restMs = restMs - seconds * SECOND_MS;
123
+
124
+ let str = '';
125
+
126
+ if (days) {
127
+ str += `${days.toString().padStart(2, '0')}:`;
128
+ str += `${hours.toString().padStart(2, '0')}:`;
129
+ } else if (hours) {
130
+ str += `${hours.toString().padStart(2, '0')}:`;
131
+ }
132
+
133
+ str += `${minutes.toString().padStart(2, '0')}:`;
134
+ str += `${seconds.toString().padStart(2, '0')}.`;
135
+ str += `${restMs.toString().padStart(3, '0')}`;
136
+
137
+ return str;
138
+ }
139
+
140
+ /**
141
+ * Returns a Date object
142
+ * - The input can be a Date object or a numeric timestamp
143
+ *
144
+ * @param {Date|number} dateOrTimestamp
145
+ *
146
+ * @returns {Date} date object
147
+ */
148
+ export function toDate(dateOrTimestamp) {
149
+ if (dateOrTimestamp instanceof Date) {
150
+ return dateOrTimestamp;
151
+ }
152
+
153
+ if (typeof dateOrTimestamp === 'number') {
154
+ return new Date(dateOrTimestamp);
155
+ }
156
+
157
+ throw new Error('Missing or invalid parameter [dateOrTimestamp]');
158
+ }
159
+
160
+ /**
161
+ * Get the ISO 8601 week number of the specified date
162
+ *
163
+ * @see https://stackoverflow.com
164
+ * /questions/6117814/get-week-of-year-in-javascript-like-in-php
165
+ *
166
+ * @param {Date|number} dateOrTimestamp
167
+ *
168
+ * @returns {number} week number
169
+ */
170
+ export function getWeekNumber(dateOrTimestamp) {
171
+ const date = toDate(dateOrTimestamp);
172
+
173
+ //
174
+ // Create a copy of this date object
175
+ //
176
+ const target = new Date(date.valueOf());
177
+
178
+ //
179
+ // ISO week date weeks start on Monday, so correct the day number
180
+ //
181
+ const dayNumber = (date.getDay() + 6) % 7;
182
+
183
+ //
184
+ // ISO 8601 states that week 1 is the week with the first Thursday
185
+ // of that year.
186
+ //
187
+ // Set the target date to the Thursday in the target week
188
+ //
189
+ target.setDate(target.getDate() - dayNumber + 3);
190
+
191
+ //
192
+ // Store the millisecond value of the target date
193
+ //
194
+ const firstThursday = target.valueOf();
195
+
196
+ // Set the target to the first Thursday of the year
197
+ // First, set the target to January 1st
198
+ target.setMonth(0, 1);
199
+
200
+ //
201
+ // Not a Thursday? Correct the date to the next Thursday
202
+ //
203
+ if (target.getDay() !== 4) {
204
+ target.setMonth(0, 1 + ((4 - target.getDay() + 7) % 7));
205
+ }
206
+
207
+ //
208
+ // The week number is the number of weeks between the first Thursday
209
+ // of the year and the Thursday in the target week
210
+ // (604800000 = 7 * 24 * 3600 * 1000)
211
+ //
212
+ return 1 + Math.ceil((firstThursday - target.getTime()) / 604800000);
213
+ }
214
+
215
+ /**
216
+ * Get the name of the month
217
+ * - Returns the month name using Intl.DateTimeFormat
218
+ * - By default uses English locale, but locale can be specified
219
+ *
220
+ * @param {Date|number} dateOrTimestamp - Date object or timestamp
221
+ * @param {string} [locale='nl-NL'] - The locale to use for the month name
222
+ *
223
+ * @param {Object} [options]
224
+ * @param {'numeric'|'2-digit'|'narrow'|'short'|'long'} [options.month='long']
225
+ * @param {string} [options.timeZone] - Optional timezone
226
+ *
227
+ * @returns {string} name of the month in the specified locale
228
+ */
229
+ export function getMonthName(dateOrTimestamp, locale = 'nl-NL',
230
+ options = { month: 'long' }) {
231
+
232
+ const date = toDate(dateOrTimestamp);
233
+
234
+ // Create formatter with provided locale and options
235
+ // @ts-ignore - TypeScript kan hier strikter zijn dan nodig met de options
236
+ const formatter = new Intl.DateTimeFormat(locale, {
237
+ month: options?.month || 'long',
238
+ ...(options?.timeZone ? { timeZone: options.timeZone } : {})
239
+ });
240
+
241
+ return formatter.format(date);
242
+ }
243
+
244
+ /**
245
+ * Get the name of the day of the week
246
+ * - Returns the day name using Intl.DateTimeFormat
247
+ * - By default uses English locale, but locale can be specified
248
+ *
249
+ * @param {Date|number} dateOrTimestamp - Date object or timestamp
250
+ * @param {string} [locale='nl-NL'] - The locale to use for the day name
251
+ *
252
+ * @param {Object} [options]
253
+ * @param {'narrow'|'short'|'long'} [options.weekday='long']
254
+ * @param {string} [options.timeZone] - Optional timezone
255
+ *
256
+ * @returns {string} name of the day in the specified locale
257
+ */
258
+ export function getDayName(dateOrTimestamp, locale = 'nl-NL',
259
+ options = { weekday: 'long' }) {
260
+
261
+ const date = toDate(dateOrTimestamp);
262
+
263
+ // Create formatter with provided locale and options
264
+ // @ts-ignore - TypeScript kan hier strikter zijn dan nodig met de options
265
+ const formatter = new Intl.DateTimeFormat(locale, {
266
+ weekday: options?.weekday || 'long',
267
+ ...(options?.timeZone ? { timeZone: options.timeZone } : {})
268
+ });
269
+
270
+ return formatter.format(date);
271
+ }
272
+
273
+ /**
274
+ * Return the timestamp of the start of the day
275
+ * - Midnight
276
+ *
277
+ * @param {Date|number} [dateOrTimestamp]
278
+ *
279
+ * @returns {number} timestamp of start of the day (00:00:00:0000)
280
+ */
281
+ export function getTimeAtStartOfDay(dateOrTimestamp) {
282
+ let d;
283
+
284
+ if (dateOrTimestamp) {
285
+ d = toDate(dateOrTimestamp);
286
+ } else {
287
+ // today, now
288
+ d = new Date();
289
+ }
290
+
291
+ d.setHours(0);
292
+ d.setMinutes(0);
293
+ d.setSeconds(0);
294
+ d.setMilliseconds(0);
295
+
296
+ return d.getTime();
297
+ }
298
+
299
+ /**
300
+ * Return the timestamp of the end of the day
301
+ * - Midnight - 1 millisecond
302
+ *
303
+ * @param {Date|number} [dateOrTimestamp]
304
+ *
305
+ * @returns {number} timestamp of start of the day
306
+ */
307
+ export function getTimeAtEndOfDay(dateOrTimestamp) {
308
+ let d;
309
+
310
+ if (dateOrTimestamp) {
311
+ d = toDate(dateOrTimestamp);
312
+ } else {
313
+ // today, now
314
+ d = new Date();
315
+ }
316
+
317
+ d.setHours(23);
318
+ d.setMinutes(59);
319
+ d.setSeconds(59);
320
+ d.setMilliseconds(999);
321
+
322
+ return d.getTime();
323
+ }