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