@hkdigital/lib-sveltekit 0.2.8 → 0.2.9

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 (243) 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 +112 -110
  60. package/dist/components/drag-drop/Draggable.svelte +498 -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 +6 -0
  65. package/dist/components/drag-drop/actions.js +18 -0
  66. package/dist/components/drag-drop/drag-state.svelte.js +319 -319
  67. package/dist/components/drag-drop/index.js +7 -7
  68. package/dist/components/drag-drop/util.js +85 -85
  69. package/dist/components/hkdev/blocks/TextBlock.svelte +46 -46
  70. package/dist/components/hkdev/buttons/CheckButton.svelte +62 -62
  71. package/dist/components/icons/HkIcon.svelte +86 -86
  72. package/dist/components/icons/HkTabIcon.svelte +116 -116
  73. package/dist/components/icons/SteezeIcon.svelte +97 -97
  74. package/dist/components/icons/index.js +6 -6
  75. package/dist/components/icons/typedef.js +16 -16
  76. package/dist/components/index.js +2 -2
  77. package/dist/components/inputs/index.js +1 -1
  78. package/dist/components/inputs/text-input/TestTextInput.svelte__ +102 -102
  79. package/dist/components/inputs/text-input/TextInput.svelte +223 -223
  80. package/dist/components/inputs/text-input/TextInput.svelte___ +83 -83
  81. package/dist/components/inputs/text-input/assets/IconInvalid.svelte +14 -14
  82. package/dist/components/inputs/text-input/assets/IconValid.svelte +12 -12
  83. package/dist/components/layout/grid-layers/GridLayers.svelte +63 -63
  84. package/dist/components/layout/grid-layers/GridLayers.svelte__heightFrom__ +372 -0
  85. package/dist/components/layout/grid-layers/util.js +74 -74
  86. package/dist/components/layout/index.js +1 -1
  87. package/dist/components/panels/index.js +1 -1
  88. package/dist/components/panels/panel/Panel.svelte +43 -43
  89. package/dist/components/rows/index.js +3 -3
  90. package/dist/components/rows/panel-grid-row/PanelGridRow.svelte +104 -104
  91. package/dist/components/rows/panel-row-2/PanelRow2.svelte +40 -40
  92. package/dist/components/tab-bar/HkTabBar.state.svelte.js +149 -149
  93. package/dist/components/tab-bar/HkTabBar.svelte +74 -74
  94. package/dist/components/tab-bar/HkTabBarSelector.state.svelte.js +93 -93
  95. package/dist/components/tab-bar/HkTabBarSelector.svelte +49 -49
  96. package/dist/components/tab-bar/index.js +17 -17
  97. package/dist/components/tab-bar/typedef.js +11 -11
  98. package/dist/config/imagetools-config.js +189 -189
  99. package/dist/config/imagetools.d.ts +72 -72
  100. package/dist/constants/bases.js +13 -13
  101. package/dist/constants/errors/api.js +9 -9
  102. package/dist/constants/errors/generic.js +5 -5
  103. package/dist/constants/errors/index.js +3 -3
  104. package/dist/constants/errors/jwt.js +5 -5
  105. package/dist/constants/http/headers.js +6 -6
  106. package/dist/constants/http/index.js +2 -2
  107. package/dist/constants/http/methods.js +2 -2
  108. package/dist/constants/index.js +3 -3
  109. package/dist/constants/mime/application.js +5 -5
  110. package/dist/constants/mime/audio.js +13 -13
  111. package/dist/constants/mime/image.js +3 -3
  112. package/dist/constants/mime/index.js +4 -4
  113. package/dist/constants/mime/text.js +2 -2
  114. package/dist/constants/regexp/index.js +31 -31
  115. package/dist/constants/regexp/inspiratie.js__ +95 -95
  116. package/dist/constants/regexp/text.js +49 -49
  117. package/dist/constants/regexp/user.js +32 -32
  118. package/dist/constants/regexp/web.js +3 -3
  119. package/dist/constants/state-labels/drag-states.js +6 -6
  120. package/dist/constants/state-labels/drop-states.js +6 -6
  121. package/dist/constants/state-labels/input-states.js +11 -11
  122. package/dist/constants/state-labels/submit-states.js +4 -4
  123. package/dist/constants/time.js +28 -28
  124. package/dist/css/utilities.css +43 -43
  125. package/dist/design/design-config.js +73 -73
  126. package/dist/design/tailwind-theme-extend.js +158 -158
  127. package/dist/features/button-group/ButtonGroup.svelte +82 -82
  128. package/dist/features/button-group/typedef.js +10 -10
  129. package/dist/features/compare-left-right/CompareLeftRight.svelte +179 -179
  130. package/dist/features/compare-left-right/index.js +1 -1
  131. package/dist/features/game-box/GameBox.svelte +577 -577
  132. package/dist/features/game-box/gamebox.util.js +83 -83
  133. package/dist/features/hk-app-layout/HkAppLayout.state.svelte.js +25 -25
  134. package/dist/features/hk-app-layout/HkAppLayout.svelte +251 -251
  135. package/dist/features/image-box/ImageBox.svelte +210 -210
  136. package/dist/features/image-box/index.js +5 -5
  137. package/dist/features/image-box/typedef.js +32 -32
  138. package/dist/features/index.js +23 -23
  139. package/dist/features/presenter/ImageSlide.svelte +64 -64
  140. package/dist/features/presenter/Presenter.state.svelte.js +638 -638
  141. package/dist/features/presenter/Presenter.svelte +142 -142
  142. package/dist/features/presenter/constants.js +7 -7
  143. package/dist/features/presenter/index.js +10 -10
  144. package/dist/features/presenter/typedef.js +106 -106
  145. package/dist/features/presenter/util.js +210 -210
  146. package/dist/features/virtual-viewport/VirtualViewport.svelte +196 -196
  147. package/dist/schemas/index.js +1 -1
  148. package/dist/schemas/validate-url.js +180 -180
  149. package/dist/server/index.js +1 -1
  150. package/dist/server/logger.js +94 -94
  151. package/dist/states/index.js +1 -1
  152. package/dist/states/navigation.svelte.js +55 -55
  153. package/dist/stores/index.js +1 -1
  154. package/dist/stores/theme.js +80 -80
  155. package/dist/themes/hkdev/components/blocks/text-block.css +41 -41
  156. package/dist/themes/hkdev/components/boxes/game-box.css +12 -12
  157. package/dist/themes/hkdev/components/buttons/button-icon-steeze.css +22 -22
  158. package/dist/themes/hkdev/components/buttons/button-text.css +32 -32
  159. package/dist/themes/hkdev/components/buttons/button.css +146 -146
  160. package/dist/themes/hkdev/components/buttons/skip-button.css +6 -6
  161. package/dist/themes/hkdev/components/drag-drop/draggable.css +73 -73
  162. package/dist/themes/hkdev/components/drag-drop/drop-zone.css +48 -48
  163. package/dist/themes/hkdev/components/icons/icon-steeze.css +22 -22
  164. package/dist/themes/hkdev/components/inputs/text-input.css +104 -104
  165. package/dist/themes/hkdev/components/panels/panel.css +27 -27
  166. package/dist/themes/hkdev/components/rows/panel-grid-row.css +6 -6
  167. package/dist/themes/hkdev/components/rows/panel-row-2.css +7 -7
  168. package/dist/themes/hkdev/components.css +53 -53
  169. package/dist/themes/hkdev/debug.css +1 -1
  170. package/dist/themes/hkdev/global/layout.css +39 -39
  171. package/dist/themes/hkdev/global/on-colors.css +53 -53
  172. package/dist/themes/hkdev/globals.css +11 -11
  173. package/dist/themes/hkdev/responsive.css +12 -12
  174. package/dist/themes/hkdev/theme-ext.js +15 -15
  175. package/dist/themes/hkdev/theme.js +235 -235
  176. package/dist/themes/index.js +1 -1
  177. package/dist/typedef/context.js +6 -6
  178. package/dist/typedef/drag.js +25 -25
  179. package/dist/typedef/drop.js +12 -12
  180. package/dist/typedef/image.js +38 -38
  181. package/dist/typedef/index.js +4 -4
  182. package/dist/util/array/index.js +436 -436
  183. package/dist/util/bases/base58.js +262 -262
  184. package/dist/util/bases/index.js +1 -1
  185. package/dist/util/compare/index.js +247 -247
  186. package/dist/util/css/css-vars.js +83 -83
  187. package/dist/util/css/index.js +1 -1
  188. package/dist/util/design-system/components/states.js +22 -22
  189. package/dist/util/design-system/css/clamp.js +66 -66
  190. package/dist/util/design-system/css/root-design-vars.js +102 -102
  191. package/dist/util/design-system/index.js +5 -5
  192. package/dist/util/design-system/layout/scaling.js +228 -228
  193. package/dist/util/design-system/skeleton.js +208 -208
  194. package/dist/util/design-system/tailwind.js +288 -288
  195. package/dist/util/env/index.js +9 -9
  196. package/dist/util/expect/arrays.js +47 -47
  197. package/dist/util/expect/index.js +259 -259
  198. package/dist/util/expect/primitives.js +55 -55
  199. package/dist/util/expect/url.js +60 -60
  200. package/dist/util/function/index.js +218 -218
  201. package/dist/util/geo/index.js +26 -26
  202. package/dist/util/http/caching.js +263 -263
  203. package/dist/util/http/errors.js +97 -97
  204. package/dist/util/http/headers.js +75 -75
  205. package/dist/util/http/http-request.js +379 -379
  206. package/dist/util/http/index.js +22 -22
  207. package/dist/util/http/json-request.js +224 -224
  208. package/dist/util/http/mocks.js +65 -65
  209. package/dist/util/http/response.js +294 -294
  210. package/dist/util/http/test-data__/content-length-test-hkdigital-small.V4HfZyBQ.avif +0 -0
  211. package/dist/util/http/typedef.js +93 -93
  212. package/dist/util/http/url.js +52 -52
  213. package/dist/util/image/index.js +86 -86
  214. package/dist/util/index.js +2 -2
  215. package/dist/util/is/index.js +140 -140
  216. package/dist/util/iterate/index.js +234 -234
  217. package/dist/util/object/index.js +1361 -1361
  218. package/dist/util/singleton/index.js +97 -97
  219. package/dist/util/string/array-path.js +75 -75
  220. package/dist/util/string/convert.js +54 -54
  221. package/dist/util/string/fs.js +226 -226
  222. package/dist/util/string/index.js +5 -5
  223. package/dist/util/string/interpolate.js +61 -61
  224. package/dist/util/string/pad.js +10 -10
  225. package/dist/util/svelte/index.js +4 -4
  226. package/dist/util/svelte/loading/loading-tracker.svelte.js +108 -108
  227. package/dist/util/svelte/observe/index.js +49 -49
  228. package/dist/util/svelte/state-context/index.js +117 -117
  229. package/dist/util/svelte/wait/index.js +38 -38
  230. package/dist/util/sveltekit/index.js +1 -1
  231. package/dist/util/sveltekit/route-folders/index.js +101 -101
  232. package/dist/util/time/index.js +323 -323
  233. package/dist/util/unique/index.js +249 -249
  234. package/dist/valibot/date.js__ +10 -10
  235. package/dist/valibot/index.js +9 -9
  236. package/dist/valibot/url.js +95 -95
  237. package/dist/valibot/user.js +23 -23
  238. package/dist/zod/all.js +33 -33
  239. package/dist/zod/generic.js +11 -11
  240. package/dist/zod/javascript.js +32 -32
  241. package/dist/zod/user.js +16 -16
  242. package/dist/zod/web.js +52 -52
  243. package/package.json +112 -112
@@ -1,379 +1,379 @@
1
- import { METHOD_GET, METHOD_POST } from '../../constants/http/methods.js';
2
-
3
- import { APPLICATION_JSON } from '../../constants/mime/application.js';
4
- import { CONTENT_TYPE } from '../../constants/http/headers.js';
5
-
6
- import { AbortError, TimeoutError } from '../../constants/errors/api.js';
7
-
8
- import * as expect from '../expect/index.js';
9
-
10
- import { toURL } from './url.js';
11
- import { setRequestHeaders } from './headers.js';
12
- import { waitForAndCheckResponse } from './response.js';
13
-
14
- import { getCachedResponse, storeResponseInCache } from './caching.js';
15
-
16
- import { isTestEnv } from '../env';
17
-
18
- /**
19
- * Default configuration for HTTP requests
20
- *
21
- * This object contains default settings used by the HTTP request functions.
22
- * It can be used as a reference for available options and their default values.
23
- *
24
- * @type {Object}
25
- */
26
- export const DEFAULT_HTTP_CONFIG = {
27
- // Request
28
- method: METHOD_GET,
29
- urlSearchParams: null,
30
- body: null,
31
- headers: null,
32
- withCredentials: false,
33
- timeoutMs: null, // No timeout by default
34
-
35
- // Fetch
36
- mode: 'cors',
37
- cache: 'no-cache',
38
- redirect: 'follow',
39
- referrerPolicy: 'no-referrer',
40
-
41
- // Cache
42
- cacheEnabled: true
43
- };
44
-
45
- /**
46
- * Make a GET request
47
- *
48
- * This function performs an HTTP GET request with optional parameters,
49
- * headers, credentials, and timeout functionality.
50
- *
51
- * @param {import('./typedef').HttpRequestOptions} options
52
- * Request configuration options
53
- *
54
- * @returns {Promise<Response>} Response promise
55
- *
56
- * @example
57
- * // Basic GET request
58
- * const response = await httpGet({
59
- * url: 'https://api.example.com/data'
60
- * });
61
- *
62
- * @example
63
- * // GET request with URL parameters and timeout
64
- * const response = await httpGet({
65
- * url: 'https://api.example.com/search',
66
- * urlSearchParams: new URLSearchParams({ q: 'search term' }),
67
- * timeoutMs: 5000
68
- * });
69
- *
70
- * @example
71
- * // GET request with abort capability
72
- * const response = await httpGet({
73
- * url: 'https://api.example.com/large-data',
74
- * requestHandler: ({ abort }) => {
75
- * // Store abort function for later use
76
- * window.abortDataRequest = abort;
77
- * }
78
- * });
79
- */
80
- export async function httpGet(options) {
81
- return await httpRequest({
82
- ...options,
83
- method: METHOD_GET
84
- });
85
- }
86
-
87
- /**
88
- * Make a POST request
89
- *
90
- * This function performs an HTTP POST request with optional body,
91
- * headers, credentials, and timeout functionality.
92
- *
93
- * @param {import('./typedef').HttpRequestOptions} options
94
- * Request configuration options
95
- *
96
- * @returns {Promise<Response>} Response promise
97
- *
98
- * @example
99
- * // Basic POST request with JSON data
100
- * const response = await httpPost({
101
- * url: 'https://api.example.com/users',
102
- * body: JSON.stringify({ name: 'John Doe', email: 'john@example.com' }),
103
- * headers: { 'content-type': 'application/json' }
104
- * });
105
- *
106
- * @example
107
- * // POST request with timeout
108
- * const response = await httpPost({
109
- * url: 'https://api.example.com/upload',
110
- * body: formData,
111
- * timeoutMs: 30000 // 30 seconds timeout
112
- * });
113
- */
114
- export async function httpPost(options) {
115
- return await httpRequest({
116
- ...options,
117
- method: METHOD_POST
118
- });
119
- }
120
-
121
- // -----------------------------------------------------------------------------
122
-
123
- /**
124
- * Make an HTTP request (low-level function)
125
- *
126
- * This is a low-level function that powers httpGet and httpPost.
127
- * It provides complete control over request configuration.
128
- *
129
- * @param {import('./typedef').HttpRequestOptions} options
130
- * Request configuration options
131
- *
132
- * @throws {TypeError} If a network error occurred
133
- * @returns {Promise<Response>} Response promise
134
- *
135
- * @example
136
- * // Custom HTTP request with PUT method
137
- * const response = await httpRequest({
138
- * method: 'PUT',
139
- * url: 'https://api.example.com/resources/123',
140
- * body: JSON.stringify({ status: 'updated' }),
141
- * headers: { 'content-type': 'application/json' },
142
- * withCredentials: true
143
- * });
144
- *
145
- * // Check if response was successful
146
- * if (response.ok) {
147
- * // Process response
148
- * } else {
149
- * // Handle error based on status
150
- * }
151
- */
152
- export async function httpRequest(options) {
153
- // Apply default configuration
154
- const config = { ...DEFAULT_HTTP_CONFIG, ...options };
155
-
156
- const {
157
- method,
158
- url: rawUrl,
159
- urlSearchParams,
160
- body,
161
- headers,
162
- withCredentials,
163
- requestHandler,
164
- timeoutMs,
165
- mode,
166
- cache,
167
- redirect,
168
- referrerPolicy,
169
- cacheEnabled
170
- } = config;
171
-
172
- const url = toURL(rawUrl);
173
-
174
- // console.debug(`http:load [${url.pathname}]`);
175
-
176
- // Only consider caching for GET requests
177
- const shouldAttemptCache = cacheEnabled && method === METHOD_GET;
178
-
179
- // Try to get from cache if appropriate
180
- if (shouldAttemptCache && cache !== 'no-store' && cache !== 'reload') {
181
- const cacheKeyParams = { url, ...headers };
182
- const cachedResponse = await getCachedResponse(cacheKeyParams);
183
-
184
- if( !isTestEnv )
185
- {
186
- if (cachedResponse) {
187
- console.debug(`http:cache-hit [${url.pathname}]`);
188
- return cachedResponse;
189
- }
190
- else {
191
- console.debug(`http:cache-miss [${url.pathname}]`);
192
- }
193
- }
194
- }
195
-
196
- // @see https://developer.mozilla.org/en-US/docs/Web/API/Headers
197
- const requestHeaders = new Headers();
198
-
199
- if (headers) {
200
- setRequestHeaders(requestHeaders, headers);
201
-
202
- if (
203
- headers[CONTENT_TYPE] === APPLICATION_JSON &&
204
- typeof body !== 'string'
205
- ) {
206
- throw new Error(
207
- `Trying to send request with [content-type:${APPLICATION_JSON}], ` +
208
- 'but body is not a (JSON encoded) string.'
209
- );
210
- }
211
- // IDEA: try to decode the body to catch errors on client side
212
- }
213
-
214
- /** @type {RequestInit} */
215
- const init = {
216
- mode,
217
- cache,
218
- credentials: withCredentials ? 'include': 'omit',
219
- redirect,
220
- referrerPolicy,
221
- headers: requestHeaders
222
- };
223
-
224
- // Allow search params also for other request types than GET
225
- if (urlSearchParams) {
226
- if (!(urlSearchParams instanceof URLSearchParams)) {
227
- throw new Error(
228
- 'Invalid parameter [urlSearchParams] ' +
229
- '(expected instanceof URLSearchParams)'
230
- );
231
- }
232
-
233
- const existingParams = url.searchParams;
234
-
235
- for (const [name, value] of urlSearchParams.entries()) {
236
- if (existingParams.has(name)) {
237
- throw new Error(
238
- `Cannot set URL search parameter [${name}] ` +
239
- `in url [${url.href}] (already set)`
240
- );
241
- }
242
-
243
- existingParams.set(name, value);
244
- } // end for
245
- }
246
-
247
- //
248
- // Sort search params to make the url nicer
249
- //
250
- url.searchParams.sort();
251
-
252
- init.method = method;
253
-
254
- if (METHOD_POST === method) {
255
- init.body = body || null; /* : JSON.stringify( body ) */
256
- }
257
-
258
- // @see https://developer.mozilla.org/en-US/docs/Web/API/Request/Request
259
- const request = new Request(url, init);
260
-
261
- // @see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/abort
262
- const controller = new AbortController();
263
- const signal = controller.signal;
264
-
265
- //
266
- // A fetch() promise will reject with a TypeError when a network error
267
- // is encountered or CORS is misconfigured on the server-side,
268
- // although this usually means permission issues or similar
269
- // — a 404 does not constitute a network error, for example.
270
- // An accurate check for a successful fetch() would include checking
271
- // that the promise resolved, then checking that the Response.ok property
272
- // has a value of true. The code would look something like this:
273
- //
274
- // fetch()
275
- // .then( () => {
276
- // if( !response.ok ) {
277
- // throw new Error('Network response was not OK');
278
- // }
279
- // ...
280
- // }
281
- // .catch((error) => { .. }
282
- //
283
-
284
- const promise = fetch(request, { signal });
285
-
286
- if (requestHandler || timeoutMs) {
287
- /**
288
- * @type {(reason?: any) => void}
289
- */
290
- const abort = (reason) => {
291
- if (!reason) {
292
- reason = new AbortError(`Request [${url.href}] aborted`);
293
- }
294
-
295
- controller.abort(reason);
296
- };
297
-
298
- /**
299
- * Function that can be used to set a timeout on a request
300
- *
301
- * @param {number} delayMs - Milliseconds to wait before timeout
302
- */
303
- const timeout = (delayMs = 10000) => {
304
- expect.positiveNumber(delayMs);
305
-
306
- const timerId = setTimeout(() => {
307
- controller.abort(
308
- new TimeoutError(`Request [${url.href}] timed out [${delayMs}]`)
309
- );
310
- }, delayMs);
311
-
312
- promise.finally(() => {
313
- clearTimeout(timerId);
314
- });
315
- };
316
-
317
- if (timeoutMs) {
318
- timeout(timeoutMs);
319
- }
320
-
321
- if (requestHandler) {
322
- expect.function(requestHandler);
323
-
324
- requestHandler({ controller, abort, timeout });
325
- }
326
- }
327
-
328
- // Wait for the response and check it
329
- const response = await waitForAndCheckResponse(promise, url);
330
-
331
- // If caching is enabled, store the response in cache
332
- if (shouldAttemptCache && response.ok) {
333
- // Extract cache control headers
334
- const cacheControl = response.headers.get('Cache-Control') || '';
335
- const etag = response.headers.get('ETag');
336
- const lastModified = response.headers.get('Last-Modified');
337
-
338
- // Parse cache-control directives
339
- const directives = {};
340
- cacheControl.split(',').forEach(directive => {
341
- const [key, value] = directive.trim().split('=');
342
- directives[key.toLowerCase()] = value !== undefined ? value : true;
343
- });
344
-
345
- // Determine if cacheable
346
- const isCacheable = !directives['no-store'] && !directives['private'];
347
-
348
- if (isCacheable) {
349
- // Calculate expiration time
350
- let expires = null;
351
- if (directives['max-age']) {
352
- const maxAge = parseInt(directives['max-age'], 10);
353
- expires = Date.now() + (maxAge * 1000);
354
- } else if (response.headers.get('Expires')) {
355
- expires = new Date(response.headers.get('Expires')).getTime();
356
- }
357
-
358
- // Create stale info
359
- const staleInfo = {
360
- isStale: false,
361
- fresh: null,
362
- timestamp: Date.now(),
363
- expires
364
- };
365
-
366
- // Store response in cache
367
- const cacheKeyParams = { url, ...headers };
368
- await storeResponseInCache(cacheKeyParams, response.clone(), {
369
- etag,
370
- lastModified,
371
- expires,
372
- immutable: directives['immutable'] || false
373
- });
374
- }
375
- }
376
-
377
- return response;
378
- }
379
-
1
+ import { METHOD_GET, METHOD_POST } from '../../constants/http/methods.js';
2
+
3
+ import { APPLICATION_JSON } from '../../constants/mime/application.js';
4
+ import { CONTENT_TYPE } from '../../constants/http/headers.js';
5
+
6
+ import { AbortError, TimeoutError } from '../../constants/errors/api.js';
7
+
8
+ import * as expect from '../expect/index.js';
9
+
10
+ import { toURL } from './url.js';
11
+ import { setRequestHeaders } from './headers.js';
12
+ import { waitForAndCheckResponse } from './response.js';
13
+
14
+ import { getCachedResponse, storeResponseInCache } from './caching.js';
15
+
16
+ import { isTestEnv } from '../env';
17
+
18
+ /**
19
+ * Default configuration for HTTP requests
20
+ *
21
+ * This object contains default settings used by the HTTP request functions.
22
+ * It can be used as a reference for available options and their default values.
23
+ *
24
+ * @type {Object}
25
+ */
26
+ export const DEFAULT_HTTP_CONFIG = {
27
+ // Request
28
+ method: METHOD_GET,
29
+ urlSearchParams: null,
30
+ body: null,
31
+ headers: null,
32
+ withCredentials: false,
33
+ timeoutMs: null, // No timeout by default
34
+
35
+ // Fetch
36
+ mode: 'cors',
37
+ cache: 'no-cache',
38
+ redirect: 'follow',
39
+ referrerPolicy: 'no-referrer',
40
+
41
+ // Cache
42
+ cacheEnabled: true
43
+ };
44
+
45
+ /**
46
+ * Make a GET request
47
+ *
48
+ * This function performs an HTTP GET request with optional parameters,
49
+ * headers, credentials, and timeout functionality.
50
+ *
51
+ * @param {import('./typedef').HttpRequestOptions} options
52
+ * Request configuration options
53
+ *
54
+ * @returns {Promise<Response>} Response promise
55
+ *
56
+ * @example
57
+ * // Basic GET request
58
+ * const response = await httpGet({
59
+ * url: 'https://api.example.com/data'
60
+ * });
61
+ *
62
+ * @example
63
+ * // GET request with URL parameters and timeout
64
+ * const response = await httpGet({
65
+ * url: 'https://api.example.com/search',
66
+ * urlSearchParams: new URLSearchParams({ q: 'search term' }),
67
+ * timeoutMs: 5000
68
+ * });
69
+ *
70
+ * @example
71
+ * // GET request with abort capability
72
+ * const response = await httpGet({
73
+ * url: 'https://api.example.com/large-data',
74
+ * requestHandler: ({ abort }) => {
75
+ * // Store abort function for later use
76
+ * window.abortDataRequest = abort;
77
+ * }
78
+ * });
79
+ */
80
+ export async function httpGet(options) {
81
+ return await httpRequest({
82
+ ...options,
83
+ method: METHOD_GET
84
+ });
85
+ }
86
+
87
+ /**
88
+ * Make a POST request
89
+ *
90
+ * This function performs an HTTP POST request with optional body,
91
+ * headers, credentials, and timeout functionality.
92
+ *
93
+ * @param {import('./typedef').HttpRequestOptions} options
94
+ * Request configuration options
95
+ *
96
+ * @returns {Promise<Response>} Response promise
97
+ *
98
+ * @example
99
+ * // Basic POST request with JSON data
100
+ * const response = await httpPost({
101
+ * url: 'https://api.example.com/users',
102
+ * body: JSON.stringify({ name: 'John Doe', email: 'john@example.com' }),
103
+ * headers: { 'content-type': 'application/json' }
104
+ * });
105
+ *
106
+ * @example
107
+ * // POST request with timeout
108
+ * const response = await httpPost({
109
+ * url: 'https://api.example.com/upload',
110
+ * body: formData,
111
+ * timeoutMs: 30000 // 30 seconds timeout
112
+ * });
113
+ */
114
+ export async function httpPost(options) {
115
+ return await httpRequest({
116
+ ...options,
117
+ method: METHOD_POST
118
+ });
119
+ }
120
+
121
+ // -----------------------------------------------------------------------------
122
+
123
+ /**
124
+ * Make an HTTP request (low-level function)
125
+ *
126
+ * This is a low-level function that powers httpGet and httpPost.
127
+ * It provides complete control over request configuration.
128
+ *
129
+ * @param {import('./typedef').HttpRequestOptions} options
130
+ * Request configuration options
131
+ *
132
+ * @throws {TypeError} If a network error occurred
133
+ * @returns {Promise<Response>} Response promise
134
+ *
135
+ * @example
136
+ * // Custom HTTP request with PUT method
137
+ * const response = await httpRequest({
138
+ * method: 'PUT',
139
+ * url: 'https://api.example.com/resources/123',
140
+ * body: JSON.stringify({ status: 'updated' }),
141
+ * headers: { 'content-type': 'application/json' },
142
+ * withCredentials: true
143
+ * });
144
+ *
145
+ * // Check if response was successful
146
+ * if (response.ok) {
147
+ * // Process response
148
+ * } else {
149
+ * // Handle error based on status
150
+ * }
151
+ */
152
+ export async function httpRequest(options) {
153
+ // Apply default configuration
154
+ const config = { ...DEFAULT_HTTP_CONFIG, ...options };
155
+
156
+ const {
157
+ method,
158
+ url: rawUrl,
159
+ urlSearchParams,
160
+ body,
161
+ headers,
162
+ withCredentials,
163
+ requestHandler,
164
+ timeoutMs,
165
+ mode,
166
+ cache,
167
+ redirect,
168
+ referrerPolicy,
169
+ cacheEnabled
170
+ } = config;
171
+
172
+ const url = toURL(rawUrl);
173
+
174
+ // console.debug(`http:load [${url.pathname}]`);
175
+
176
+ // Only consider caching for GET requests
177
+ const shouldAttemptCache = cacheEnabled && method === METHOD_GET;
178
+
179
+ // Try to get from cache if appropriate
180
+ if (shouldAttemptCache && cache !== 'no-store' && cache !== 'reload') {
181
+ const cacheKeyParams = { url, ...headers };
182
+ const cachedResponse = await getCachedResponse(cacheKeyParams);
183
+
184
+ if( !isTestEnv )
185
+ {
186
+ if (cachedResponse) {
187
+ console.debug(`http:cache-hit [${url.pathname}]`);
188
+ return cachedResponse;
189
+ }
190
+ else {
191
+ console.debug(`http:cache-miss [${url.pathname}]`);
192
+ }
193
+ }
194
+ }
195
+
196
+ // @see https://developer.mozilla.org/en-US/docs/Web/API/Headers
197
+ const requestHeaders = new Headers();
198
+
199
+ if (headers) {
200
+ setRequestHeaders(requestHeaders, headers);
201
+
202
+ if (
203
+ headers[CONTENT_TYPE] === APPLICATION_JSON &&
204
+ typeof body !== 'string'
205
+ ) {
206
+ throw new Error(
207
+ `Trying to send request with [content-type:${APPLICATION_JSON}], ` +
208
+ 'but body is not a (JSON encoded) string.'
209
+ );
210
+ }
211
+ // IDEA: try to decode the body to catch errors on client side
212
+ }
213
+
214
+ /** @type {RequestInit} */
215
+ const init = {
216
+ mode,
217
+ cache,
218
+ credentials: withCredentials ? 'include': 'omit',
219
+ redirect,
220
+ referrerPolicy,
221
+ headers: requestHeaders
222
+ };
223
+
224
+ // Allow search params also for other request types than GET
225
+ if (urlSearchParams) {
226
+ if (!(urlSearchParams instanceof URLSearchParams)) {
227
+ throw new Error(
228
+ 'Invalid parameter [urlSearchParams] ' +
229
+ '(expected instanceof URLSearchParams)'
230
+ );
231
+ }
232
+
233
+ const existingParams = url.searchParams;
234
+
235
+ for (const [name, value] of urlSearchParams.entries()) {
236
+ if (existingParams.has(name)) {
237
+ throw new Error(
238
+ `Cannot set URL search parameter [${name}] ` +
239
+ `in url [${url.href}] (already set)`
240
+ );
241
+ }
242
+
243
+ existingParams.set(name, value);
244
+ } // end for
245
+ }
246
+
247
+ //
248
+ // Sort search params to make the url nicer
249
+ //
250
+ url.searchParams.sort();
251
+
252
+ init.method = method;
253
+
254
+ if (METHOD_POST === method) {
255
+ init.body = body || null; /* : JSON.stringify( body ) */
256
+ }
257
+
258
+ // @see https://developer.mozilla.org/en-US/docs/Web/API/Request/Request
259
+ const request = new Request(url, init);
260
+
261
+ // @see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/abort
262
+ const controller = new AbortController();
263
+ const signal = controller.signal;
264
+
265
+ //
266
+ // A fetch() promise will reject with a TypeError when a network error
267
+ // is encountered or CORS is misconfigured on the server-side,
268
+ // although this usually means permission issues or similar
269
+ // — a 404 does not constitute a network error, for example.
270
+ // An accurate check for a successful fetch() would include checking
271
+ // that the promise resolved, then checking that the Response.ok property
272
+ // has a value of true. The code would look something like this:
273
+ //
274
+ // fetch()
275
+ // .then( () => {
276
+ // if( !response.ok ) {
277
+ // throw new Error('Network response was not OK');
278
+ // }
279
+ // ...
280
+ // }
281
+ // .catch((error) => { .. }
282
+ //
283
+
284
+ const promise = fetch(request, { signal });
285
+
286
+ if (requestHandler || timeoutMs) {
287
+ /**
288
+ * @type {(reason?: any) => void}
289
+ */
290
+ const abort = (reason) => {
291
+ if (!reason) {
292
+ reason = new AbortError(`Request [${url.href}] aborted`);
293
+ }
294
+
295
+ controller.abort(reason);
296
+ };
297
+
298
+ /**
299
+ * Function that can be used to set a timeout on a request
300
+ *
301
+ * @param {number} delayMs - Milliseconds to wait before timeout
302
+ */
303
+ const timeout = (delayMs = 10000) => {
304
+ expect.positiveNumber(delayMs);
305
+
306
+ const timerId = setTimeout(() => {
307
+ controller.abort(
308
+ new TimeoutError(`Request [${url.href}] timed out [${delayMs}]`)
309
+ );
310
+ }, delayMs);
311
+
312
+ promise.finally(() => {
313
+ clearTimeout(timerId);
314
+ });
315
+ };
316
+
317
+ if (timeoutMs) {
318
+ timeout(timeoutMs);
319
+ }
320
+
321
+ if (requestHandler) {
322
+ expect.function(requestHandler);
323
+
324
+ requestHandler({ controller, abort, timeout });
325
+ }
326
+ }
327
+
328
+ // Wait for the response and check it
329
+ const response = await waitForAndCheckResponse(promise, url);
330
+
331
+ // If caching is enabled, store the response in cache
332
+ if (shouldAttemptCache && response.ok) {
333
+ // Extract cache control headers
334
+ const cacheControl = response.headers.get('Cache-Control') || '';
335
+ const etag = response.headers.get('ETag');
336
+ const lastModified = response.headers.get('Last-Modified');
337
+
338
+ // Parse cache-control directives
339
+ const directives = {};
340
+ cacheControl.split(',').forEach(directive => {
341
+ const [key, value] = directive.trim().split('=');
342
+ directives[key.toLowerCase()] = value !== undefined ? value : true;
343
+ });
344
+
345
+ // Determine if cacheable
346
+ const isCacheable = !directives['no-store'] && !directives['private'];
347
+
348
+ if (isCacheable) {
349
+ // Calculate expiration time
350
+ let expires = null;
351
+ if (directives['max-age']) {
352
+ const maxAge = parseInt(directives['max-age'], 10);
353
+ expires = Date.now() + (maxAge * 1000);
354
+ } else if (response.headers.get('Expires')) {
355
+ expires = new Date(response.headers.get('Expires')).getTime();
356
+ }
357
+
358
+ // Create stale info
359
+ const staleInfo = {
360
+ isStale: false,
361
+ fresh: null,
362
+ timestamp: Date.now(),
363
+ expires
364
+ };
365
+
366
+ // Store response in cache
367
+ const cacheKeyParams = { url, ...headers };
368
+ await storeResponseInCache(cacheKeyParams, response.clone(), {
369
+ etag,
370
+ lastModified,
371
+ expires,
372
+ immutable: directives['immutable'] || false
373
+ });
374
+ }
375
+ }
376
+
377
+ return response;
378
+ }
379
+