@hkdigital/lib-sveltekit 0.2.8 → 0.2.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (246) hide show
  1. package/README.md +135 -135
  2. package/dist/assets/autospuiten/car-paint-picker.js +41 -41
  3. package/dist/assets/autospuiten/labels.js +7 -7
  4. package/dist/classes/cache/IndexedDbCache.js +1407 -1407
  5. package/dist/classes/cache/MemoryResponseCache.js +138 -138
  6. package/dist/classes/cache/index.js +5 -5
  7. package/dist/classes/cache/typedef.js +41 -41
  8. package/dist/classes/data/IterableTree.js +243 -243
  9. package/dist/classes/data/Selector.js +190 -190
  10. package/dist/classes/data/index.js +2 -2
  11. package/dist/classes/events/EventEmitter.js +275 -275
  12. package/dist/classes/events/index.js +2 -2
  13. package/dist/classes/index.js +4 -4
  14. package/dist/classes/logging/Logger.js +158 -158
  15. package/dist/classes/logging/constants.js +18 -18
  16. package/dist/classes/logging/index.js +4 -4
  17. package/dist/classes/promise/HkPromise.js +377 -377
  18. package/dist/classes/promise/index.js +1 -1
  19. package/dist/classes/services/ServiceBase.js +409 -409
  20. package/dist/classes/services/ServiceManager.js +1114 -1114
  21. package/dist/classes/services/constants.js +12 -12
  22. package/dist/classes/services/index.js +5 -5
  23. package/dist/classes/stores/SubscribersCount.js +107 -107
  24. package/dist/classes/stores/index.js +1 -1
  25. package/dist/classes/streams/LogTransformStream.js +19 -19
  26. package/dist/classes/streams/ServerEventsStore.js +110 -110
  27. package/dist/classes/streams/TimeStampSource.js +26 -26
  28. package/dist/classes/streams/index.js +3 -3
  29. package/dist/classes/svelte/audio/AudioLoader.svelte.js +58 -58
  30. package/dist/classes/svelte/audio/AudioScene.svelte.js +324 -324
  31. package/dist/classes/svelte/audio/mocks.js +35 -35
  32. package/dist/classes/svelte/finite-state-machine/FiniteStateMachine.svelte.js +133 -133
  33. package/dist/classes/svelte/finite-state-machine/index.js +1 -1
  34. package/dist/classes/svelte/image/ImageLoader.svelte.js +45 -45
  35. package/dist/classes/svelte/image/ImageScene.svelte.js +249 -249
  36. package/dist/classes/svelte/image/ImageVariantsLoader.svelte.js +152 -152
  37. package/dist/classes/svelte/image/index.js +4 -4
  38. package/dist/classes/svelte/image/mocks.js +35 -35
  39. package/dist/classes/svelte/image/typedef.js +8 -8
  40. package/dist/classes/svelte/index.js +14 -14
  41. package/dist/classes/svelte/loading-state-machine/LoadingStateMachine.svelte.js +109 -109
  42. package/dist/classes/svelte/loading-state-machine/constants.js +16 -16
  43. package/dist/classes/svelte/loading-state-machine/index.js +3 -3
  44. package/dist/classes/svelte/network-loader/NetworkLoader.svelte.js +338 -338
  45. package/dist/classes/svelte/network-loader/constants.js +3 -3
  46. package/dist/classes/svelte/network-loader/index.js +3 -3
  47. package/dist/classes/svelte/network-loader/mocks.js +30 -30
  48. package/dist/classes/svelte/network-loader/typedef.js +8 -8
  49. package/dist/components/area/HkArea.svelte +49 -49
  50. package/dist/components/area/HkGridArea.svelte +77 -77
  51. package/dist/components/area/index.js +2 -2
  52. package/dist/components/buttons/button/Button.svelte +82 -82
  53. package/dist/components/buttons/button-icon-steeze/SteezeIconButton.svelte +30 -30
  54. package/dist/components/buttons/button-text/TextButton.svelte +21 -21
  55. package/dist/components/buttons/index.js +3 -3
  56. package/dist/components/debug/debug-panel-design-scaling/DebugPanelDesignScaling.svelte +146 -146
  57. package/dist/components/debug/index.js +1 -1
  58. package/dist/components/drag-drop/DragController.js +44 -44
  59. package/dist/components/drag-drop/DragDropContext.svelte +111 -110
  60. package/dist/components/drag-drop/Draggable.svelte +502 -512
  61. package/dist/components/drag-drop/{Dropzone.svelte → DropZone.svelte} +258 -258
  62. package/dist/components/drag-drop/DropZoneArea.svelte +119 -119
  63. package/dist/components/drag-drop/DropZoneList.svelte +125 -125
  64. package/dist/components/drag-drop/actions.d.ts +9 -0
  65. package/dist/components/drag-drop/actions.js +26 -0
  66. package/dist/components/drag-drop/drag-state.svelte.d.ts +3 -1
  67. package/dist/components/drag-drop/drag-state.svelte.js +322 -319
  68. package/dist/components/drag-drop/drag-state.svelte.js__ +319 -0
  69. package/dist/components/drag-drop/index.js +7 -7
  70. package/dist/components/drag-drop/util.d.ts +0 -32
  71. package/dist/components/drag-drop/util.js +85 -85
  72. package/dist/components/hkdev/blocks/TextBlock.svelte +46 -46
  73. package/dist/components/hkdev/buttons/CheckButton.svelte +62 -62
  74. package/dist/components/icons/HkIcon.svelte +86 -86
  75. package/dist/components/icons/HkTabIcon.svelte +116 -116
  76. package/dist/components/icons/SteezeIcon.svelte +97 -97
  77. package/dist/components/icons/index.js +6 -6
  78. package/dist/components/icons/typedef.js +16 -16
  79. package/dist/components/index.js +2 -2
  80. package/dist/components/inputs/index.js +1 -1
  81. package/dist/components/inputs/text-input/TestTextInput.svelte__ +102 -102
  82. package/dist/components/inputs/text-input/TextInput.svelte +223 -223
  83. package/dist/components/inputs/text-input/TextInput.svelte___ +83 -83
  84. package/dist/components/inputs/text-input/assets/IconInvalid.svelte +14 -14
  85. package/dist/components/inputs/text-input/assets/IconValid.svelte +12 -12
  86. package/dist/components/layout/grid-layers/GridLayers.svelte +63 -63
  87. package/dist/components/layout/grid-layers/GridLayers.svelte__heightFrom__ +372 -0
  88. package/dist/components/layout/grid-layers/util.js +74 -74
  89. package/dist/components/layout/index.js +1 -1
  90. package/dist/components/panels/index.js +1 -1
  91. package/dist/components/panels/panel/Panel.svelte +43 -43
  92. package/dist/components/rows/index.js +3 -3
  93. package/dist/components/rows/panel-grid-row/PanelGridRow.svelte +104 -104
  94. package/dist/components/rows/panel-row-2/PanelRow2.svelte +40 -40
  95. package/dist/components/tab-bar/HkTabBar.state.svelte.js +149 -149
  96. package/dist/components/tab-bar/HkTabBar.svelte +74 -74
  97. package/dist/components/tab-bar/HkTabBarSelector.state.svelte.js +93 -93
  98. package/dist/components/tab-bar/HkTabBarSelector.svelte +49 -49
  99. package/dist/components/tab-bar/index.js +17 -17
  100. package/dist/components/tab-bar/typedef.js +11 -11
  101. package/dist/config/imagetools-config.js +189 -189
  102. package/dist/config/imagetools.d.ts +72 -72
  103. package/dist/constants/bases.js +13 -13
  104. package/dist/constants/errors/api.js +9 -9
  105. package/dist/constants/errors/generic.js +5 -5
  106. package/dist/constants/errors/index.js +3 -3
  107. package/dist/constants/errors/jwt.js +5 -5
  108. package/dist/constants/http/headers.js +6 -6
  109. package/dist/constants/http/index.js +2 -2
  110. package/dist/constants/http/methods.js +2 -2
  111. package/dist/constants/index.js +3 -3
  112. package/dist/constants/mime/application.js +5 -5
  113. package/dist/constants/mime/audio.js +13 -13
  114. package/dist/constants/mime/image.js +3 -3
  115. package/dist/constants/mime/index.js +4 -4
  116. package/dist/constants/mime/text.js +2 -2
  117. package/dist/constants/regexp/index.js +31 -31
  118. package/dist/constants/regexp/inspiratie.js__ +95 -95
  119. package/dist/constants/regexp/text.js +49 -49
  120. package/dist/constants/regexp/user.js +32 -32
  121. package/dist/constants/regexp/web.js +3 -3
  122. package/dist/constants/state-labels/drag-states.js +6 -6
  123. package/dist/constants/state-labels/drop-states.js +6 -6
  124. package/dist/constants/state-labels/input-states.js +11 -11
  125. package/dist/constants/state-labels/submit-states.js +4 -4
  126. package/dist/constants/time.js +28 -28
  127. package/dist/css/utilities.css +43 -43
  128. package/dist/design/design-config.js +73 -73
  129. package/dist/design/tailwind-theme-extend.js +158 -158
  130. package/dist/features/button-group/ButtonGroup.svelte +82 -82
  131. package/dist/features/button-group/typedef.js +10 -10
  132. package/dist/features/compare-left-right/CompareLeftRight.svelte +179 -179
  133. package/dist/features/compare-left-right/index.js +1 -1
  134. package/dist/features/game-box/GameBox.svelte +577 -577
  135. package/dist/features/game-box/gamebox.util.js +83 -83
  136. package/dist/features/hk-app-layout/HkAppLayout.state.svelte.js +25 -25
  137. package/dist/features/hk-app-layout/HkAppLayout.svelte +251 -251
  138. package/dist/features/image-box/ImageBox.svelte +210 -210
  139. package/dist/features/image-box/index.js +5 -5
  140. package/dist/features/image-box/typedef.js +32 -32
  141. package/dist/features/index.js +23 -23
  142. package/dist/features/presenter/ImageSlide.svelte +64 -64
  143. package/dist/features/presenter/Presenter.state.svelte.js +638 -638
  144. package/dist/features/presenter/Presenter.svelte +142 -142
  145. package/dist/features/presenter/constants.js +7 -7
  146. package/dist/features/presenter/index.js +10 -10
  147. package/dist/features/presenter/typedef.js +106 -106
  148. package/dist/features/presenter/util.js +210 -210
  149. package/dist/features/virtual-viewport/VirtualViewport.svelte +196 -196
  150. package/dist/schemas/index.js +1 -1
  151. package/dist/schemas/validate-url.js +180 -180
  152. package/dist/server/index.js +1 -1
  153. package/dist/server/logger.js +94 -94
  154. package/dist/states/index.js +1 -1
  155. package/dist/states/navigation.svelte.js +55 -55
  156. package/dist/stores/index.js +1 -1
  157. package/dist/stores/theme.js +80 -80
  158. package/dist/themes/hkdev/components/blocks/text-block.css +41 -41
  159. package/dist/themes/hkdev/components/boxes/game-box.css +12 -12
  160. package/dist/themes/hkdev/components/buttons/button-icon-steeze.css +22 -22
  161. package/dist/themes/hkdev/components/buttons/button-text.css +32 -32
  162. package/dist/themes/hkdev/components/buttons/button.css +146 -146
  163. package/dist/themes/hkdev/components/buttons/skip-button.css +6 -6
  164. package/dist/themes/hkdev/components/drag-drop/draggable.css +73 -73
  165. package/dist/themes/hkdev/components/drag-drop/drop-zone.css +48 -48
  166. package/dist/themes/hkdev/components/icons/icon-steeze.css +22 -22
  167. package/dist/themes/hkdev/components/inputs/text-input.css +104 -104
  168. package/dist/themes/hkdev/components/panels/panel.css +27 -27
  169. package/dist/themes/hkdev/components/rows/panel-grid-row.css +6 -6
  170. package/dist/themes/hkdev/components/rows/panel-row-2.css +7 -7
  171. package/dist/themes/hkdev/components.css +53 -53
  172. package/dist/themes/hkdev/debug.css +1 -1
  173. package/dist/themes/hkdev/global/layout.css +39 -39
  174. package/dist/themes/hkdev/global/on-colors.css +53 -53
  175. package/dist/themes/hkdev/globals.css +11 -11
  176. package/dist/themes/hkdev/responsive.css +12 -12
  177. package/dist/themes/hkdev/theme-ext.js +15 -15
  178. package/dist/themes/hkdev/theme.js +235 -235
  179. package/dist/themes/index.js +1 -1
  180. package/dist/typedef/context.js +6 -6
  181. package/dist/typedef/drag.js +25 -25
  182. package/dist/typedef/drop.js +12 -12
  183. package/dist/typedef/image.js +38 -38
  184. package/dist/typedef/index.js +4 -4
  185. package/dist/util/array/index.js +436 -436
  186. package/dist/util/bases/base58.js +262 -262
  187. package/dist/util/bases/index.js +1 -1
  188. package/dist/util/compare/index.js +247 -247
  189. package/dist/util/css/css-vars.js +83 -83
  190. package/dist/util/css/index.js +1 -1
  191. package/dist/util/design-system/components/states.js +22 -22
  192. package/dist/util/design-system/css/clamp.js +66 -66
  193. package/dist/util/design-system/css/root-design-vars.js +102 -102
  194. package/dist/util/design-system/index.js +5 -5
  195. package/dist/util/design-system/layout/scaling.js +228 -228
  196. package/dist/util/design-system/skeleton.js +208 -208
  197. package/dist/util/design-system/tailwind.js +288 -288
  198. package/dist/util/env/index.js +9 -9
  199. package/dist/util/expect/arrays.js +47 -47
  200. package/dist/util/expect/index.js +259 -259
  201. package/dist/util/expect/primitives.js +55 -55
  202. package/dist/util/expect/url.js +60 -60
  203. package/dist/util/function/index.js +218 -218
  204. package/dist/util/geo/index.js +26 -26
  205. package/dist/util/http/caching.js +263 -263
  206. package/dist/util/http/errors.js +97 -97
  207. package/dist/util/http/headers.js +75 -75
  208. package/dist/util/http/http-request.js +379 -379
  209. package/dist/util/http/index.js +22 -22
  210. package/dist/util/http/json-request.js +224 -224
  211. package/dist/util/http/mocks.js +65 -65
  212. package/dist/util/http/response.js +294 -294
  213. package/dist/util/http/test-data__/content-length-test-hkdigital-small.V4HfZyBQ.avif +0 -0
  214. package/dist/util/http/typedef.js +93 -93
  215. package/dist/util/http/url.js +52 -52
  216. package/dist/util/image/index.js +86 -86
  217. package/dist/util/index.js +2 -2
  218. package/dist/util/is/index.js +140 -140
  219. package/dist/util/iterate/index.js +234 -234
  220. package/dist/util/object/index.js +1361 -1361
  221. package/dist/util/singleton/index.js +97 -97
  222. package/dist/util/string/array-path.js +75 -75
  223. package/dist/util/string/convert.js +54 -54
  224. package/dist/util/string/fs.js +226 -226
  225. package/dist/util/string/index.js +5 -5
  226. package/dist/util/string/interpolate.js +61 -61
  227. package/dist/util/string/pad.js +10 -10
  228. package/dist/util/svelte/index.js +4 -4
  229. package/dist/util/svelte/loading/loading-tracker.svelte.js +108 -108
  230. package/dist/util/svelte/observe/index.js +49 -49
  231. package/dist/util/svelte/state-context/index.js +117 -117
  232. package/dist/util/svelte/wait/index.js +38 -38
  233. package/dist/util/sveltekit/index.js +1 -1
  234. package/dist/util/sveltekit/route-folders/index.js +101 -101
  235. package/dist/util/time/index.js +323 -323
  236. package/dist/util/unique/index.js +249 -249
  237. package/dist/valibot/date.js__ +10 -10
  238. package/dist/valibot/index.js +9 -9
  239. package/dist/valibot/url.js +95 -95
  240. package/dist/valibot/user.js +23 -23
  241. package/dist/zod/all.js +33 -33
  242. package/dist/zod/generic.js +11 -11
  243. package/dist/zod/javascript.js +32 -32
  244. package/dist/zod/user.js +16 -16
  245. package/dist/zod/web.js +52 -52
  246. package/package.json +112 -112
@@ -1,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
+