@hkdigital/lib-sveltekit 0.2.7 → 0.2.8

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 (242) 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 +110 -110
  60. package/dist/components/drag-drop/Draggable.svelte +512 -512
  61. package/dist/components/drag-drop/DropZoneArea.svelte +119 -119
  62. package/dist/components/drag-drop/DropZoneList.svelte +125 -125
  63. package/dist/components/drag-drop/{DropZone.svelte → Dropzone.svelte} +258 -258
  64. package/dist/components/drag-drop/drag-state.svelte.js +319 -319
  65. package/dist/components/drag-drop/index.js +7 -7
  66. package/dist/components/drag-drop/util.js +85 -85
  67. package/dist/components/hkdev/blocks/TextBlock.svelte +46 -46
  68. package/dist/components/hkdev/buttons/CheckButton.svelte +62 -62
  69. package/dist/components/icons/HkIcon.svelte +86 -86
  70. package/dist/components/icons/HkTabIcon.svelte +116 -116
  71. package/dist/components/icons/SteezeIcon.svelte +97 -97
  72. package/dist/components/icons/index.js +6 -6
  73. package/dist/components/icons/typedef.js +16 -16
  74. package/dist/components/index.js +2 -2
  75. package/dist/components/inputs/index.js +1 -1
  76. package/dist/components/inputs/text-input/TestTextInput.svelte__ +102 -102
  77. package/dist/components/inputs/text-input/TextInput.svelte +223 -223
  78. package/dist/components/inputs/text-input/TextInput.svelte___ +83 -83
  79. package/dist/components/inputs/text-input/assets/IconInvalid.svelte +14 -14
  80. package/dist/components/inputs/text-input/assets/IconValid.svelte +12 -12
  81. package/dist/components/layout/grid-layers/GridLayers.svelte +63 -63
  82. package/dist/components/layout/grid-layers/util.js +74 -74
  83. package/dist/components/layout/index.js +1 -1
  84. package/dist/components/panels/index.js +1 -1
  85. package/dist/components/panels/panel/Panel.svelte +43 -43
  86. package/dist/components/rows/index.js +3 -3
  87. package/dist/components/rows/panel-grid-row/PanelGridRow.svelte +104 -104
  88. package/dist/components/rows/panel-row-2/PanelRow2.svelte +40 -40
  89. package/dist/components/tab-bar/HkTabBar.state.svelte.js +149 -149
  90. package/dist/components/tab-bar/HkTabBar.svelte +74 -74
  91. package/dist/components/tab-bar/HkTabBarSelector.state.svelte.js +93 -93
  92. package/dist/components/tab-bar/HkTabBarSelector.svelte +49 -49
  93. package/dist/components/tab-bar/index.js +17 -17
  94. package/dist/components/tab-bar/typedef.js +11 -11
  95. package/dist/config/imagetools-config.js +189 -189
  96. package/dist/config/imagetools.d.ts +72 -72
  97. package/dist/constants/bases.js +13 -13
  98. package/dist/constants/errors/api.js +9 -9
  99. package/dist/constants/errors/generic.js +5 -5
  100. package/dist/constants/errors/index.js +3 -3
  101. package/dist/constants/errors/jwt.js +5 -5
  102. package/dist/constants/http/headers.js +6 -6
  103. package/dist/constants/http/index.js +2 -2
  104. package/dist/constants/http/methods.js +2 -2
  105. package/dist/constants/index.js +3 -3
  106. package/dist/constants/mime/application.js +5 -5
  107. package/dist/constants/mime/audio.js +13 -13
  108. package/dist/constants/mime/image.js +3 -3
  109. package/dist/constants/mime/index.js +4 -4
  110. package/dist/constants/mime/text.js +2 -2
  111. package/dist/constants/regexp/index.js +31 -31
  112. package/dist/constants/regexp/inspiratie.js__ +95 -95
  113. package/dist/constants/regexp/text.js +49 -49
  114. package/dist/constants/regexp/user.js +32 -32
  115. package/dist/constants/regexp/web.js +3 -3
  116. package/dist/constants/state-labels/drag-states.js +6 -6
  117. package/dist/constants/state-labels/drop-states.js +6 -6
  118. package/dist/constants/state-labels/input-states.js +11 -11
  119. package/dist/constants/state-labels/submit-states.js +4 -4
  120. package/dist/constants/time.js +28 -28
  121. package/dist/css/utilities.css +43 -43
  122. package/dist/design/design-config.js +73 -73
  123. package/dist/design/tailwind-theme-extend.js +158 -158
  124. package/dist/features/button-group/ButtonGroup.svelte +82 -82
  125. package/dist/features/button-group/typedef.js +10 -10
  126. package/dist/features/compare-left-right/CompareLeftRight.svelte +179 -179
  127. package/dist/features/compare-left-right/index.js +1 -1
  128. package/dist/features/game-box/GameBox.svelte +577 -577
  129. package/dist/features/game-box/gamebox.util.js +83 -83
  130. package/dist/features/hk-app-layout/HkAppLayout.state.svelte.js +25 -25
  131. package/dist/features/hk-app-layout/HkAppLayout.svelte +251 -251
  132. package/dist/features/image-box/ImageBox.svelte +210 -210
  133. package/dist/features/image-box/index.js +5 -5
  134. package/dist/features/image-box/typedef.js +32 -32
  135. package/dist/features/index.js +23 -23
  136. package/dist/features/presenter/ImageSlide.svelte +64 -64
  137. package/dist/features/presenter/Presenter.state.svelte.js +638 -638
  138. package/dist/features/presenter/Presenter.svelte +142 -142
  139. package/dist/features/presenter/constants.js +7 -7
  140. package/dist/features/presenter/index.js +10 -10
  141. package/dist/features/presenter/typedef.js +106 -106
  142. package/dist/features/presenter/util.js +210 -210
  143. package/dist/features/virtual-viewport/VirtualViewport.svelte +196 -196
  144. package/dist/schemas/index.js +1 -1
  145. package/dist/schemas/validate-url.js +180 -180
  146. package/dist/server/index.js +1 -1
  147. package/dist/server/logger.js +94 -94
  148. package/dist/states/index.js +1 -1
  149. package/dist/states/navigation.svelte.js +55 -55
  150. package/dist/stores/index.js +1 -1
  151. package/dist/stores/theme.js +80 -80
  152. package/dist/themes/hkdev/components/blocks/text-block.css +41 -41
  153. package/dist/themes/hkdev/components/boxes/game-box.css +12 -12
  154. package/dist/themes/hkdev/components/buttons/button-icon-steeze.css +22 -22
  155. package/dist/themes/hkdev/components/buttons/button-text.css +32 -32
  156. package/dist/themes/hkdev/components/buttons/button.css +146 -146
  157. package/dist/themes/hkdev/components/buttons/skip-button.css +6 -6
  158. package/dist/themes/hkdev/components/drag-drop/draggable.css +73 -73
  159. package/dist/themes/hkdev/components/drag-drop/drop-zone.css +48 -48
  160. package/dist/themes/hkdev/components/icons/icon-steeze.css +22 -22
  161. package/dist/themes/hkdev/components/inputs/text-input.css +104 -104
  162. package/dist/themes/hkdev/components/panels/panel.css +27 -27
  163. package/dist/themes/hkdev/components/rows/panel-grid-row.css +6 -6
  164. package/dist/themes/hkdev/components/rows/panel-row-2.css +7 -7
  165. package/dist/themes/hkdev/components.css +53 -53
  166. package/dist/themes/hkdev/debug.css +1 -1
  167. package/dist/themes/hkdev/global/layout.css +39 -39
  168. package/dist/themes/hkdev/global/on-colors.css +53 -53
  169. package/dist/themes/hkdev/globals.css +11 -11
  170. package/dist/themes/hkdev/responsive.css +12 -12
  171. package/dist/themes/hkdev/theme-ext.js +15 -15
  172. package/dist/themes/hkdev/theme.js +235 -235
  173. package/dist/themes/index.js +1 -1
  174. package/dist/typedef/context.js +6 -6
  175. package/dist/typedef/drag.js +25 -25
  176. package/dist/typedef/drop.js +12 -12
  177. package/dist/typedef/image.js +38 -38
  178. package/dist/typedef/index.js +4 -4
  179. package/dist/util/array/index.js +436 -436
  180. package/dist/util/bases/base58.js +262 -262
  181. package/dist/util/bases/index.js +1 -1
  182. package/dist/util/compare/index.js +247 -247
  183. package/dist/util/css/css-vars.js +83 -83
  184. package/dist/util/css/index.js +1 -1
  185. package/dist/util/design-system/components/states.js +22 -22
  186. package/dist/util/design-system/css/clamp.js +66 -66
  187. package/dist/util/design-system/css/root-design-vars.js +102 -102
  188. package/dist/util/design-system/index.js +5 -5
  189. package/dist/util/design-system/layout/scaling.js +228 -228
  190. package/dist/util/design-system/skeleton.js +208 -208
  191. package/dist/util/design-system/tailwind.js +288 -288
  192. package/dist/util/env/index.js +9 -9
  193. package/dist/util/expect/arrays.js +47 -47
  194. package/dist/util/expect/index.js +259 -259
  195. package/dist/util/expect/primitives.js +55 -55
  196. package/dist/util/expect/url.js +60 -60
  197. package/dist/util/function/index.js +218 -218
  198. package/dist/util/geo/index.js +26 -26
  199. package/dist/util/http/caching.js +263 -263
  200. package/dist/util/http/errors.js +97 -97
  201. package/dist/util/http/headers.js +75 -75
  202. package/dist/util/http/http-request.js +379 -379
  203. package/dist/util/http/index.js +22 -22
  204. package/dist/util/http/json-request.js +224 -224
  205. package/dist/util/http/mocks.js +65 -65
  206. package/dist/util/http/response.js +294 -294
  207. package/dist/util/http/typedef.js +93 -93
  208. package/dist/util/http/url.js +52 -52
  209. package/dist/util/image/index.js +86 -86
  210. package/dist/util/index.js +2 -2
  211. package/dist/util/is/index.js +140 -140
  212. package/dist/util/iterate/index.js +234 -234
  213. package/dist/util/object/index.js +1361 -1361
  214. package/dist/util/singleton/index.js +97 -97
  215. package/dist/util/string/array-path.js +75 -75
  216. package/dist/util/string/convert.js +54 -54
  217. package/dist/util/string/fs.js +226 -226
  218. package/dist/util/string/index.js +5 -5
  219. package/dist/util/string/interpolate.js +61 -61
  220. package/dist/util/string/pad.js +10 -10
  221. package/dist/util/svelte/index.js +4 -4
  222. package/dist/util/svelte/loading/loading-tracker.svelte.js +108 -108
  223. package/dist/util/svelte/observe/index.js +49 -49
  224. package/dist/util/svelte/state-context/index.js +117 -117
  225. package/dist/util/svelte/wait/index.js +38 -38
  226. package/dist/util/sveltekit/index.js +1 -1
  227. package/dist/util/sveltekit/route-folders/index.js +101 -101
  228. package/dist/util/time/index.js +323 -323
  229. package/dist/util/unique/index.js +249 -249
  230. package/dist/valibot/date.js__ +10 -10
  231. package/dist/valibot/index.js +9 -9
  232. package/dist/valibot/url.js +95 -95
  233. package/dist/valibot/user.js +23 -23
  234. package/dist/zod/all.js +33 -33
  235. package/dist/zod/generic.js +11 -11
  236. package/dist/zod/javascript.js +32 -32
  237. package/dist/zod/user.js +16 -16
  238. package/dist/zod/web.js +52 -52
  239. package/package.json +112 -112
  240. package/dist/components/drag-drop/drag-state.svelte.js__ +0 -323
  241. package/dist/components/layout/grid-layers/GridLayers.svelte__heightFrom__ +0 -372
  242. package/dist/util/http/test-data__/content-length-test-hkdigital-small.V4HfZyBQ.avif +0 -0
@@ -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
+