msw 0.43.1 → 0.44.2

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.
@@ -66,428 +66,6 @@ function resetHandlers(initialHandlers, ...nextHandlers) {
66
66
  return nextHandlers.length > 0 ? [...nextHandlers] : [...initialHandlers];
67
67
  }
68
68
 
69
- // src/handlers/RequestHandler.ts
70
- import { Headers as Headers3 } from "headers-polyfill";
71
-
72
- // src/response.ts
73
- import { Headers } from "headers-polyfill";
74
-
75
- // src/utils/internal/compose.ts
76
- function compose(...fns) {
77
- return (...args) => {
78
- return fns.reduceRight((leftFn, rightFn) => {
79
- return leftFn instanceof Promise ? Promise.resolve(leftFn).then(rightFn) : rightFn(leftFn);
80
- }, args[0]);
81
- };
82
- }
83
-
84
- // src/utils/NetworkError.ts
85
- var NetworkError = class extends Error {
86
- constructor(message) {
87
- super(message);
88
- this.name = "NetworkError";
89
- }
90
- };
91
-
92
- // src/response.ts
93
- var defaultResponse = {
94
- status: 200,
95
- statusText: "OK",
96
- body: null,
97
- delay: 0,
98
- once: false,
99
- passthrough: false
100
- };
101
- var defaultResponseTransformers = [];
102
- function createResponseComposition(responseOverrides, defaultTransformers = defaultResponseTransformers) {
103
- return async (...transformers) => {
104
- const initialResponse = Object.assign({}, defaultResponse, {
105
- headers: new Headers({
106
- "x-powered-by": "msw"
107
- })
108
- }, responseOverrides);
109
- const resolvedTransformers = [
110
- ...defaultTransformers,
111
- ...transformers
112
- ].filter(Boolean);
113
- const resolvedResponse = resolvedTransformers.length > 0 ? compose(...resolvedTransformers)(initialResponse) : initialResponse;
114
- return resolvedResponse;
115
- };
116
- }
117
- var response = Object.assign(createResponseComposition(), {
118
- once: createResponseComposition({ once: true }),
119
- networkError(message) {
120
- throw new NetworkError(message);
121
- }
122
- });
123
-
124
- // src/utils/internal/getCallFrame.ts
125
- var SOURCE_FRAME = /\/msw\/src\/(.+)/;
126
- var BUILD_FRAME = /(node_modules)?[\/\\]lib[\/\\](umd|esm|iief|cjs)[\/\\]|^[^\/\\]*$/;
127
- function getCallFrame(error2) {
128
- const stack = error2.stack;
129
- if (!stack) {
130
- return;
131
- }
132
- const frames = stack.split("\n").slice(1);
133
- const declarationFrame = frames.find((frame) => {
134
- return !(SOURCE_FRAME.test(frame) || BUILD_FRAME.test(frame));
135
- });
136
- if (!declarationFrame) {
137
- return;
138
- }
139
- const declarationPath = declarationFrame.replace(/\s*at [^()]*\(([^)]+)\)/, "$1").replace(/^@/, "");
140
- return declarationPath;
141
- }
142
-
143
- // src/utils/internal/isIterable.ts
144
- function isIterable(fn) {
145
- if (!fn) {
146
- return false;
147
- }
148
- return typeof fn[Symbol.iterator] == "function";
149
- }
150
-
151
- // src/context/status.ts
152
- import statuses from "statuses/codes.json";
153
- var status = (statusCode, statusText) => {
154
- return (res) => {
155
- res.status = statusCode;
156
- res.statusText = statusText || statuses[String(statusCode)];
157
- return res;
158
- };
159
- };
160
-
161
- // src/context/set.ts
162
- import { objectToHeaders } from "headers-polyfill";
163
- function set(...args) {
164
- return (res) => {
165
- const [name, value] = args;
166
- if (typeof name === "string") {
167
- res.headers.append(name, value);
168
- } else {
169
- const headers = objectToHeaders(name);
170
- headers.forEach((value2, name2) => {
171
- res.headers.append(name2, value2);
172
- });
173
- }
174
- return res;
175
- };
176
- }
177
-
178
- // src/context/delay.ts
179
- import { isNodeProcess } from "is-node-process";
180
- var SET_TIMEOUT_MAX_ALLOWED_INT = 2147483647;
181
- var MIN_SERVER_RESPONSE_TIME = 100;
182
- var MAX_SERVER_RESPONSE_TIME = 400;
183
- var NODE_SERVER_RESPONSE_TIME = 5;
184
- var getRandomServerResponseTime = () => {
185
- if (isNodeProcess()) {
186
- return NODE_SERVER_RESPONSE_TIME;
187
- }
188
- return Math.floor(Math.random() * (MAX_SERVER_RESPONSE_TIME - MIN_SERVER_RESPONSE_TIME) + MIN_SERVER_RESPONSE_TIME);
189
- };
190
- var delay = (durationOrMode) => {
191
- return (res) => {
192
- let delayTime;
193
- if (typeof durationOrMode === "string") {
194
- switch (durationOrMode) {
195
- case "infinite": {
196
- delayTime = SET_TIMEOUT_MAX_ALLOWED_INT;
197
- break;
198
- }
199
- case "real": {
200
- delayTime = getRandomServerResponseTime();
201
- break;
202
- }
203
- default: {
204
- throw new Error(`Failed to delay a response: unknown delay mode "${durationOrMode}". Please make sure you provide one of the supported modes ("real", "infinite") or a number to "ctx.delay".`);
205
- }
206
- }
207
- } else if (typeof durationOrMode === "undefined") {
208
- delayTime = getRandomServerResponseTime();
209
- } else {
210
- if (durationOrMode > SET_TIMEOUT_MAX_ALLOWED_INT) {
211
- throw new Error(`Failed to delay a response: provided delay duration (${durationOrMode}) exceeds the maximum allowed duration for "setTimeout" (${SET_TIMEOUT_MAX_ALLOWED_INT}). This will cause the response to be returned immediately. Please use a number within the allowed range to delay the response by exact duration, or consider the "infinite" delay mode to delay the response indefinitely.`);
212
- }
213
- delayTime = durationOrMode;
214
- }
215
- res.delay = delayTime;
216
- return res;
217
- };
218
- };
219
-
220
- // src/context/fetch.ts
221
- import { isNodeProcess as isNodeProcess2 } from "is-node-process";
222
- import { Headers as Headers2 } from "headers-polyfill";
223
- var useFetch = isNodeProcess2() ? __require("node-fetch") : window.fetch;
224
- var augmentRequestInit = (requestInit) => {
225
- const headers = new Headers2(requestInit.headers);
226
- headers.set("x-msw-bypass", "true");
227
- return __spreadProps(__spreadValues({}, requestInit), {
228
- headers: headers.all()
229
- });
230
- };
231
- var createFetchRequestParameters = (input) => {
232
- const { body: body2, method } = input;
233
- const requestParameters = __spreadProps(__spreadValues({}, input), {
234
- body: void 0
235
- });
236
- if (["GET", "HEAD"].includes(method)) {
237
- return requestParameters;
238
- }
239
- if (typeof body2 === "object" || typeof body2 === "number" || typeof body2 === "boolean") {
240
- requestParameters.body = JSON.stringify(body2);
241
- } else {
242
- requestParameters.body = body2;
243
- }
244
- return requestParameters;
245
- };
246
- var fetch = (input, requestInit = {}) => {
247
- if (typeof input === "string") {
248
- return useFetch(input, augmentRequestInit(requestInit));
249
- }
250
- const requestParameters = createFetchRequestParameters(input);
251
- const derivedRequestInit = augmentRequestInit(requestParameters);
252
- return useFetch(input.url.href, derivedRequestInit);
253
- };
254
-
255
- // src/handlers/RequestHandler.ts
256
- var defaultContext = {
257
- status,
258
- set,
259
- delay,
260
- fetch
261
- };
262
- var RequestHandler = class {
263
- constructor(options) {
264
- this.shouldSkip = false;
265
- this.ctx = options.ctx || defaultContext;
266
- this.resolver = options.resolver;
267
- const callFrame = getCallFrame(new Error());
268
- this.info = __spreadProps(__spreadValues({}, options.info), {
269
- callFrame
270
- });
271
- }
272
- parse(_request, _resolutionContext) {
273
- return null;
274
- }
275
- test(request, resolutionContext) {
276
- return this.predicate(request, this.parse(request, resolutionContext), resolutionContext);
277
- }
278
- getPublicRequest(request, _parsedResult) {
279
- return request;
280
- }
281
- markAsSkipped(shouldSkip = true) {
282
- this.shouldSkip = shouldSkip;
283
- }
284
- async run(request, resolutionContext) {
285
- if (this.shouldSkip) {
286
- return null;
287
- }
288
- const parsedResult = this.parse(request, resolutionContext);
289
- const shouldIntercept = this.predicate(request, parsedResult, resolutionContext);
290
- if (!shouldIntercept) {
291
- return null;
292
- }
293
- const publicRequest = this.getPublicRequest(request, parsedResult);
294
- const executeResolver = this.wrapResolver(this.resolver);
295
- const mockedResponse = await executeResolver(publicRequest, response, this.ctx);
296
- return this.createExecutionResult(parsedResult, publicRequest, mockedResponse);
297
- }
298
- wrapResolver(resolver) {
299
- return async (req, res, ctx) => {
300
- const result = this.resolverGenerator || await resolver(req, res, ctx);
301
- if (isIterable(result)) {
302
- const { value, done } = result[Symbol.iterator]().next();
303
- const nextResponse = await value;
304
- if (!nextResponse && done) {
305
- return this.resolverGeneratorResult;
306
- }
307
- if (!this.resolverGenerator) {
308
- this.resolverGenerator = result;
309
- }
310
- this.resolverGeneratorResult = nextResponse;
311
- return nextResponse;
312
- }
313
- return result;
314
- };
315
- }
316
- createExecutionResult(parsedResult, request, response2) {
317
- return {
318
- handler: this,
319
- parsedResult: parsedResult || null,
320
- request,
321
- response: response2 || null
322
- };
323
- }
324
- };
325
- function passthrough() {
326
- return {
327
- status: 101,
328
- statusText: "Continue",
329
- headers: new Headers3(),
330
- body: null,
331
- passthrough: true,
332
- once: false
333
- };
334
- }
335
-
336
- // src/utils/internal/jsonParse.ts
337
- function jsonParse(value) {
338
- try {
339
- return JSON.parse(value);
340
- } catch (error2) {
341
- return void 0;
342
- }
343
- }
344
-
345
- // src/utils/internal/parseMultipartData.ts
346
- import { stringToHeaders } from "headers-polyfill";
347
- function parseContentHeaders(headersString) {
348
- var _a, _b;
349
- const headers = stringToHeaders(headersString);
350
- const contentType = headers.get("content-type") || "text/plain";
351
- const disposition = headers.get("content-disposition");
352
- if (!disposition) {
353
- throw new Error('"Content-Disposition" header is required.');
354
- }
355
- const directives = disposition.split(";").reduce((acc, chunk) => {
356
- const [name2, ...rest] = chunk.trim().split("=");
357
- acc[name2] = rest.join("=");
358
- return acc;
359
- }, {});
360
- const name = (_a = directives.name) == null ? void 0 : _a.slice(1, -1);
361
- const filename = (_b = directives.filename) == null ? void 0 : _b.slice(1, -1);
362
- return {
363
- name,
364
- filename,
365
- contentType
366
- };
367
- }
368
- function parseMultipartData(data2, headers) {
369
- const contentType = headers == null ? void 0 : headers.get("content-type");
370
- if (!contentType) {
371
- return void 0;
372
- }
373
- const [, ...directives] = contentType.split(/; */);
374
- const boundary = directives.filter((d) => d.startsWith("boundary=")).map((s) => s.replace(/^boundary=/, ""))[0];
375
- if (!boundary) {
376
- return void 0;
377
- }
378
- const boundaryRegExp = new RegExp(`--+${boundary}`);
379
- const fields = data2.split(boundaryRegExp).filter((chunk) => chunk.startsWith("\r\n") && chunk.endsWith("\r\n")).map((chunk) => chunk.trimStart().replace(/\r\n$/, ""));
380
- if (!fields.length) {
381
- return void 0;
382
- }
383
- const parsedBody = {};
384
- try {
385
- for (const field2 of fields) {
386
- const [contentHeaders, ...rest] = field2.split("\r\n\r\n");
387
- const contentBody = rest.join("\r\n\r\n");
388
- const { contentType: contentType2, filename, name } = parseContentHeaders(contentHeaders);
389
- const value = filename === void 0 ? contentBody : new File([contentBody], filename, { type: contentType2 });
390
- const parsedValue = parsedBody[name];
391
- if (parsedValue === void 0) {
392
- parsedBody[name] = value;
393
- } else if (Array.isArray(parsedValue)) {
394
- parsedBody[name] = [...parsedValue, value];
395
- } else {
396
- parsedBody[name] = [parsedValue, value];
397
- }
398
- }
399
- return parsedBody;
400
- } catch (error2) {
401
- return void 0;
402
- }
403
- }
404
-
405
- // src/utils/request/parseBody.ts
406
- function parseBody(body2, headers) {
407
- var _a;
408
- if (!body2) {
409
- return body2;
410
- }
411
- const contentType = ((_a = headers == null ? void 0 : headers.get("content-type")) == null ? void 0 : _a.toLowerCase()) || "";
412
- const hasMultipartContent = contentType.startsWith("multipart/form-data");
413
- if (hasMultipartContent && typeof body2 !== "object") {
414
- return parseMultipartData(body2.toString(), headers) || body2;
415
- }
416
- const hasJsonContent = contentType.includes("json");
417
- if (hasJsonContent && typeof body2 !== "object") {
418
- return jsonParse(body2.toString()) || body2;
419
- }
420
- return body2;
421
- }
422
-
423
- // src/utils/request/setRequestCookies.ts
424
- import * as cookieUtils2 from "cookie";
425
- import { store } from "@mswjs/cookies";
426
-
427
- // src/utils/request/getRequestCookies.ts
428
- import * as cookieUtils from "cookie";
429
- function getAllCookies() {
430
- return cookieUtils.parse(document.cookie);
431
- }
432
- function getRequestCookies(request) {
433
- if (typeof document === "undefined" || typeof location === "undefined") {
434
- return {};
435
- }
436
- switch (request.credentials) {
437
- case "same-origin": {
438
- return location.origin === request.url.origin ? getAllCookies() : {};
439
- }
440
- case "include": {
441
- return getAllCookies();
442
- }
443
- default: {
444
- return {};
445
- }
446
- }
447
- }
448
-
449
- // src/utils/request/setRequestCookies.ts
450
- function setRequestCookies(request) {
451
- var _a;
452
- const requestCookiesString = request.headers.get("cookie");
453
- store.hydrate();
454
- const cookiesFromStore = Array.from((_a = store.get(__spreadProps(__spreadValues({}, request), { url: request.url.toString() }))) == null ? void 0 : _a.entries()).reduce((cookies, [name, { value }]) => {
455
- return Object.assign(cookies, { [name.trim()]: value });
456
- }, {});
457
- const cookiesFromDocument = getRequestCookies(request);
458
- const forwardedCookies = __spreadValues(__spreadValues({}, cookiesFromDocument), cookiesFromStore);
459
- for (const [name, value] of Object.entries(forwardedCookies)) {
460
- request.headers.append("cookie", `${name}=${value}`);
461
- }
462
- const ownCookies = requestCookiesString ? cookieUtils2.parse(requestCookiesString) : {};
463
- request.cookies = __spreadValues(__spreadValues(__spreadValues({}, request.cookies), forwardedCookies), ownCookies);
464
- }
465
-
466
- // src/utils/request/parseIsomorphicRequest.ts
467
- function parseIsomorphicRequest(request) {
468
- const mockedRequest = {
469
- id: request.id,
470
- url: request.url,
471
- method: request.method,
472
- body: parseBody(request.body, request.headers),
473
- credentials: request.credentials || "same-origin",
474
- headers: request.headers,
475
- cookies: {},
476
- redirect: "manual",
477
- referrer: "",
478
- keepalive: false,
479
- cache: "default",
480
- mode: "cors",
481
- referrerPolicy: "no-referrer",
482
- integrity: "",
483
- destination: "document",
484
- bodyUsed: false,
485
- passthrough
486
- };
487
- setRequestCookies(mockedRequest);
488
- return mockedRequest;
489
- }
490
-
491
69
  // src/utils/handleRequest.ts
492
70
  import { until } from "@open-draft/until";
493
71
 
@@ -562,7 +140,7 @@ import getStringMatchScore from "js-levenshtein";
562
140
 
563
141
  // src/utils/internal/parseGraphQLRequest.ts
564
142
  import {
565
- parse as parse3
143
+ parse
566
144
  } from "graphql";
567
145
 
568
146
  // src/utils/request/getPublicUrlFromRequest.ts
@@ -570,6 +148,15 @@ var getPublicUrlFromRequest = (request) => {
570
148
  return request.referrer.startsWith(request.url.origin) ? request.url.pathname : new URL(request.url.pathname, `${request.url.protocol}//${request.url.host}`).href;
571
149
  };
572
150
 
151
+ // src/utils/internal/jsonParse.ts
152
+ function jsonParse(value) {
153
+ try {
154
+ return JSON.parse(value);
155
+ } catch (error2) {
156
+ return void 0;
157
+ }
158
+ }
159
+
573
160
  // src/utils/internal/parseGraphQLRequest.ts
574
161
  function parseDocumentNode(node) {
575
162
  var _a;
@@ -583,7 +170,7 @@ function parseDocumentNode(node) {
583
170
  }
584
171
  function parseQuery(query) {
585
172
  try {
586
- const ast = parse3(query);
173
+ const ast = parse(query);
587
174
  return parseDocumentNode(ast);
588
175
  } catch (error2) {
589
176
  return error2;
@@ -670,11 +257,38 @@ function isStringEqual(actual, expected) {
670
257
  return actual.toLowerCase() === expected.toLowerCase();
671
258
  }
672
259
 
260
+ // src/context/status.ts
261
+ import statuses from "statuses/codes.json";
262
+ var status = (statusCode, statusText) => {
263
+ return (res) => {
264
+ res.status = statusCode;
265
+ res.statusText = statusText || statuses[String(statusCode)];
266
+ return res;
267
+ };
268
+ };
269
+
270
+ // src/context/set.ts
271
+ import { objectToHeaders } from "headers-polyfill";
272
+ function set(...args) {
273
+ return (res) => {
274
+ const [name, value] = args;
275
+ if (typeof name === "string") {
276
+ res.headers.append(name, value);
277
+ } else {
278
+ const headers = objectToHeaders(name);
279
+ headers.forEach((value2, name2) => {
280
+ res.headers.append(name2, value2);
281
+ });
282
+ }
283
+ return res;
284
+ };
285
+ }
286
+
673
287
  // src/context/cookie.ts
674
- import * as cookieUtils3 from "cookie";
288
+ import * as cookieUtils from "cookie";
675
289
  var cookie = (name, value, options) => {
676
290
  return (res) => {
677
- const serializedCookie = cookieUtils3.serialize(name, value, options);
291
+ const serializedCookie = cookieUtils.serialize(name, value, options);
678
292
  res.headers.append("Set-Cookie", serializedCookie);
679
293
  if (typeof document !== "undefined") {
680
294
  document.cookie = serializedCookie;
@@ -740,6 +354,48 @@ var extensions = (payload) => {
740
354
  };
741
355
  };
742
356
 
357
+ // src/context/delay.ts
358
+ import { isNodeProcess } from "is-node-process";
359
+ var SET_TIMEOUT_MAX_ALLOWED_INT = 2147483647;
360
+ var MIN_SERVER_RESPONSE_TIME = 100;
361
+ var MAX_SERVER_RESPONSE_TIME = 400;
362
+ var NODE_SERVER_RESPONSE_TIME = 5;
363
+ var getRandomServerResponseTime = () => {
364
+ if (isNodeProcess()) {
365
+ return NODE_SERVER_RESPONSE_TIME;
366
+ }
367
+ return Math.floor(Math.random() * (MAX_SERVER_RESPONSE_TIME - MIN_SERVER_RESPONSE_TIME) + MIN_SERVER_RESPONSE_TIME);
368
+ };
369
+ var delay = (durationOrMode) => {
370
+ return (res) => {
371
+ let delayTime;
372
+ if (typeof durationOrMode === "string") {
373
+ switch (durationOrMode) {
374
+ case "infinite": {
375
+ delayTime = SET_TIMEOUT_MAX_ALLOWED_INT;
376
+ break;
377
+ }
378
+ case "real": {
379
+ delayTime = getRandomServerResponseTime();
380
+ break;
381
+ }
382
+ default: {
383
+ throw new Error(`Failed to delay a response: unknown delay mode "${durationOrMode}". Please make sure you provide one of the supported modes ("real", "infinite") or a number to "ctx.delay".`);
384
+ }
385
+ }
386
+ } else if (typeof durationOrMode === "undefined") {
387
+ delayTime = getRandomServerResponseTime();
388
+ } else {
389
+ if (durationOrMode > SET_TIMEOUT_MAX_ALLOWED_INT) {
390
+ throw new Error(`Failed to delay a response: provided delay duration (${durationOrMode}) exceeds the maximum allowed duration for "setTimeout" (${SET_TIMEOUT_MAX_ALLOWED_INT}). This will cause the response to be returned immediately. Please use a number within the allowed range to delay the response by exact duration, or consider the "infinite" delay mode to delay the response indefinitely.`);
391
+ }
392
+ delayTime = durationOrMode;
393
+ }
394
+ res.delay = delayTime;
395
+ return res;
396
+ };
397
+ };
398
+
743
399
  // src/context/errors.ts
744
400
  var errors = (errorsList) => {
745
401
  return (res) => {
@@ -752,6 +408,41 @@ var errors = (errorsList) => {
752
408
  };
753
409
  };
754
410
 
411
+ // src/context/fetch.ts
412
+ import { isNodeProcess as isNodeProcess2 } from "is-node-process";
413
+ import { Headers } from "headers-polyfill";
414
+ var useFetch = isNodeProcess2() ? __require("node-fetch") : window.fetch;
415
+ var augmentRequestInit = (requestInit) => {
416
+ const headers = new Headers(requestInit.headers);
417
+ headers.set("x-msw-bypass", "true");
418
+ return __spreadProps(__spreadValues({}, requestInit), {
419
+ headers: headers.all()
420
+ });
421
+ };
422
+ var createFetchRequestParameters = (input) => {
423
+ const { body: body2, method } = input;
424
+ const requestParameters = __spreadProps(__spreadValues({}, input), {
425
+ body: void 0
426
+ });
427
+ if (["GET", "HEAD"].includes(method)) {
428
+ return requestParameters;
429
+ }
430
+ if (typeof body2 === "object" || typeof body2 === "number" || typeof body2 === "boolean") {
431
+ requestParameters.body = JSON.stringify(body2);
432
+ } else {
433
+ requestParameters.body = body2;
434
+ }
435
+ return requestParameters;
436
+ };
437
+ var fetch = (input, requestInit = {}) => {
438
+ if (typeof input === "string") {
439
+ return useFetch(input, augmentRequestInit(requestInit));
440
+ }
441
+ const requestParameters = createFetchRequestParameters(input);
442
+ const derivedRequestInit = augmentRequestInit(requestParameters);
443
+ return useFetch(input.url.href, derivedRequestInit);
444
+ };
445
+
755
446
  // src/context/text.ts
756
447
  var text = (body2) => {
757
448
  return (res) => {
@@ -775,27 +466,108 @@ function getStatusCodeColor(status2) {
775
466
  if (status2 < 300) {
776
467
  return "#69AB32" /* Success */;
777
468
  }
778
- if (status2 < 400) {
779
- return "#F0BB4B" /* Warning */;
469
+ if (status2 < 400) {
470
+ return "#F0BB4B" /* Warning */;
471
+ }
472
+ return "#E95F5D" /* Danger */;
473
+ }
474
+
475
+ // src/utils/logging/getTimestamp.ts
476
+ function getTimestamp() {
477
+ const now = new Date();
478
+ return [now.getHours(), now.getMinutes(), now.getSeconds()].map(String).map((chunk) => chunk.slice(0, 2)).map((chunk) => chunk.padStart(2, "0")).join(":");
479
+ }
480
+
481
+ // src/utils/logging/prepareRequest.ts
482
+ function prepareRequest(request) {
483
+ return __spreadProps(__spreadValues({}, request), {
484
+ body: request.body,
485
+ headers: request.headers.all()
486
+ });
487
+ }
488
+
489
+ // src/utils/logging/prepareResponse.ts
490
+ import { objectToHeaders as objectToHeaders2 } from "headers-polyfill";
491
+
492
+ // src/utils/internal/parseMultipartData.ts
493
+ import { stringToHeaders } from "headers-polyfill";
494
+ function parseContentHeaders(headersString) {
495
+ var _a, _b;
496
+ const headers = stringToHeaders(headersString);
497
+ const contentType = headers.get("content-type") || "text/plain";
498
+ const disposition = headers.get("content-disposition");
499
+ if (!disposition) {
500
+ throw new Error('"Content-Disposition" header is required.');
501
+ }
502
+ const directives = disposition.split(";").reduce((acc, chunk) => {
503
+ const [name2, ...rest] = chunk.trim().split("=");
504
+ acc[name2] = rest.join("=");
505
+ return acc;
506
+ }, {});
507
+ const name = (_a = directives.name) == null ? void 0 : _a.slice(1, -1);
508
+ const filename = (_b = directives.filename) == null ? void 0 : _b.slice(1, -1);
509
+ return {
510
+ name,
511
+ filename,
512
+ contentType
513
+ };
514
+ }
515
+ function parseMultipartData(data2, headers) {
516
+ const contentType = headers == null ? void 0 : headers.get("content-type");
517
+ if (!contentType) {
518
+ return void 0;
519
+ }
520
+ const [, ...directives] = contentType.split(/; */);
521
+ const boundary = directives.filter((d) => d.startsWith("boundary=")).map((s) => s.replace(/^boundary=/, ""))[0];
522
+ if (!boundary) {
523
+ return void 0;
524
+ }
525
+ const boundaryRegExp = new RegExp(`--+${boundary}`);
526
+ const fields = data2.split(boundaryRegExp).filter((chunk) => chunk.startsWith("\r\n") && chunk.endsWith("\r\n")).map((chunk) => chunk.trimStart().replace(/\r\n$/, ""));
527
+ if (!fields.length) {
528
+ return void 0;
529
+ }
530
+ const parsedBody = {};
531
+ try {
532
+ for (const field2 of fields) {
533
+ const [contentHeaders, ...rest] = field2.split("\r\n\r\n");
534
+ const contentBody = rest.join("\r\n\r\n");
535
+ const { contentType: contentType2, filename, name } = parseContentHeaders(contentHeaders);
536
+ const value = filename === void 0 ? contentBody : new File([contentBody], filename, { type: contentType2 });
537
+ const parsedValue = parsedBody[name];
538
+ if (parsedValue === void 0) {
539
+ parsedBody[name] = value;
540
+ } else if (Array.isArray(parsedValue)) {
541
+ parsedBody[name] = [...parsedValue, value];
542
+ } else {
543
+ parsedBody[name] = [parsedValue, value];
544
+ }
545
+ }
546
+ return parsedBody;
547
+ } catch (error2) {
548
+ return void 0;
780
549
  }
781
- return "#E95F5D" /* Danger */;
782
- }
783
-
784
- // src/utils/logging/getTimestamp.ts
785
- function getTimestamp() {
786
- const now = new Date();
787
- return [now.getHours(), now.getMinutes(), now.getSeconds()].map(String).map((chunk) => chunk.slice(0, 2)).map((chunk) => chunk.padStart(2, "0")).join(":");
788
550
  }
789
551
 
790
- // src/utils/logging/prepareRequest.ts
791
- function prepareRequest(request) {
792
- return __spreadProps(__spreadValues({}, request), {
793
- headers: request.headers.all()
794
- });
552
+ // src/utils/request/parseBody.ts
553
+ function parseBody(body2, headers) {
554
+ var _a;
555
+ if (!body2) {
556
+ return body2;
557
+ }
558
+ const contentType = ((_a = headers == null ? void 0 : headers.get("content-type")) == null ? void 0 : _a.toLowerCase()) || "";
559
+ const hasMultipartContent = contentType.startsWith("multipart/form-data");
560
+ if (hasMultipartContent && typeof body2 !== "object") {
561
+ return parseMultipartData(body2.toString(), headers) || body2;
562
+ }
563
+ const hasJsonContent = contentType.includes("json");
564
+ if (hasJsonContent && typeof body2 !== "object") {
565
+ return jsonParse(body2.toString()) || body2;
566
+ }
567
+ return body2;
795
568
  }
796
569
 
797
570
  // src/utils/logging/prepareResponse.ts
798
- import { objectToHeaders as objectToHeaders2 } from "headers-polyfill";
799
571
  function prepareResponse(res) {
800
572
  const responseHeaders = objectToHeaders2(res.headers);
801
573
  return __spreadProps(__spreadValues({}, res), {
@@ -864,6 +636,241 @@ function matchRequestUrl(url, path, baseUrl) {
864
636
  };
865
637
  }
866
638
 
639
+ // src/utils/request/MockedRequest.ts
640
+ import * as cookieUtils3 from "cookie";
641
+ import { store } from "@mswjs/cookies";
642
+ import { IsomorphicRequest } from "@mswjs/interceptors";
643
+ import { decodeBuffer } from "@mswjs/interceptors/lib/utils/bufferUtils";
644
+ import { Headers as Headers2 } from "headers-polyfill/lib";
645
+
646
+ // src/utils/request/getRequestCookies.ts
647
+ import * as cookieUtils2 from "cookie";
648
+ function getAllCookies() {
649
+ return cookieUtils2.parse(document.cookie);
650
+ }
651
+ function getRequestCookies(request) {
652
+ if (typeof document === "undefined" || typeof location === "undefined") {
653
+ return {};
654
+ }
655
+ switch (request.credentials) {
656
+ case "same-origin": {
657
+ return location.origin === request.url.origin ? getAllCookies() : {};
658
+ }
659
+ case "include": {
660
+ return getAllCookies();
661
+ }
662
+ default: {
663
+ return {};
664
+ }
665
+ }
666
+ }
667
+
668
+ // src/utils/request/MockedRequest.ts
669
+ var MockedRequest = class extends IsomorphicRequest {
670
+ constructor(url, init = {}) {
671
+ super(url, init);
672
+ if (init.id) {
673
+ this.id = init.id;
674
+ }
675
+ this.cache = init.cache || "default";
676
+ this.destination = init.destination || "";
677
+ this.integrity = init.integrity || "";
678
+ this.keepalive = init.keepalive || false;
679
+ this.mode = init.mode || "cors";
680
+ this.priority = init.priority || "auto";
681
+ this.redirect = init.redirect || "follow";
682
+ this.referrer = init.referrer || "";
683
+ this.referrerPolicy = init.referrerPolicy || "no-referrer";
684
+ this.cookies = init.cookies || this.getCookies();
685
+ }
686
+ get body() {
687
+ const text2 = decodeBuffer(this["_body"]);
688
+ const body2 = parseBody(text2, this.headers);
689
+ if (isStringEqual(this.method, "GET") && body2 === "") {
690
+ return void 0;
691
+ }
692
+ return body2;
693
+ }
694
+ passthrough() {
695
+ return {
696
+ status: 101,
697
+ statusText: "Continue",
698
+ headers: new Headers2(),
699
+ body: null,
700
+ passthrough: true,
701
+ once: false
702
+ };
703
+ }
704
+ getCookies() {
705
+ var _a;
706
+ const requestCookiesString = this.headers.get("cookie");
707
+ const ownCookies = requestCookiesString ? cookieUtils3.parse(requestCookiesString) : {};
708
+ store.hydrate();
709
+ const cookiesFromStore = Array.from((_a = store.get(__spreadProps(__spreadValues({}, this), { url: this.url.href }))) == null ? void 0 : _a.entries()).reduce((cookies, [name, { value }]) => {
710
+ return Object.assign(cookies, { [name.trim()]: value });
711
+ }, {});
712
+ const cookiesFromDocument = getRequestCookies(this);
713
+ const forwardedCookies = __spreadValues(__spreadValues({}, cookiesFromDocument), cookiesFromStore);
714
+ for (const [name, value] of Object.entries(forwardedCookies)) {
715
+ this.headers.append("cookie", `${name}=${value}`);
716
+ }
717
+ return __spreadValues(__spreadValues({}, forwardedCookies), ownCookies);
718
+ }
719
+ };
720
+
721
+ // src/handlers/RequestHandler.ts
722
+ import { Headers as Headers4 } from "headers-polyfill";
723
+
724
+ // src/response.ts
725
+ import { Headers as Headers3 } from "headers-polyfill";
726
+
727
+ // src/utils/internal/compose.ts
728
+ function compose(...fns) {
729
+ return (...args) => {
730
+ return fns.reduceRight((leftFn, rightFn) => {
731
+ return leftFn instanceof Promise ? Promise.resolve(leftFn).then(rightFn) : rightFn(leftFn);
732
+ }, args[0]);
733
+ };
734
+ }
735
+
736
+ // src/utils/NetworkError.ts
737
+ var NetworkError = class extends Error {
738
+ constructor(message) {
739
+ super(message);
740
+ this.name = "NetworkError";
741
+ }
742
+ };
743
+
744
+ // src/response.ts
745
+ var defaultResponse = {
746
+ status: 200,
747
+ statusText: "OK",
748
+ body: null,
749
+ delay: 0,
750
+ once: false,
751
+ passthrough: false
752
+ };
753
+ var defaultResponseTransformers = [];
754
+ function createResponseComposition(responseOverrides, defaultTransformers = defaultResponseTransformers) {
755
+ return async (...transformers) => {
756
+ const initialResponse = Object.assign({}, defaultResponse, {
757
+ headers: new Headers3({
758
+ "x-powered-by": "msw"
759
+ })
760
+ }, responseOverrides);
761
+ const resolvedTransformers = [
762
+ ...defaultTransformers,
763
+ ...transformers
764
+ ].filter(Boolean);
765
+ const resolvedResponse = resolvedTransformers.length > 0 ? compose(...resolvedTransformers)(initialResponse) : initialResponse;
766
+ return resolvedResponse;
767
+ };
768
+ }
769
+ var response = Object.assign(createResponseComposition(), {
770
+ once: createResponseComposition({ once: true }),
771
+ networkError(message) {
772
+ throw new NetworkError(message);
773
+ }
774
+ });
775
+
776
+ // src/utils/internal/getCallFrame.ts
777
+ var SOURCE_FRAME = /\/msw\/src\/(.+)/;
778
+ var BUILD_FRAME = /(node_modules)?[\/\\]lib[\/\\](umd|esm|iief|cjs)[\/\\]|^[^\/\\]*$/;
779
+ function getCallFrame(error2) {
780
+ const stack = error2.stack;
781
+ if (!stack) {
782
+ return;
783
+ }
784
+ const frames = stack.split("\n").slice(1);
785
+ const declarationFrame = frames.find((frame) => {
786
+ return !(SOURCE_FRAME.test(frame) || BUILD_FRAME.test(frame));
787
+ });
788
+ if (!declarationFrame) {
789
+ return;
790
+ }
791
+ const declarationPath = declarationFrame.replace(/\s*at [^()]*\(([^)]+)\)/, "$1").replace(/^@/, "");
792
+ return declarationPath;
793
+ }
794
+
795
+ // src/utils/internal/isIterable.ts
796
+ function isIterable(fn) {
797
+ if (!fn) {
798
+ return false;
799
+ }
800
+ return typeof fn[Symbol.iterator] == "function";
801
+ }
802
+
803
+ // src/handlers/RequestHandler.ts
804
+ var defaultContext = {
805
+ status,
806
+ set,
807
+ delay,
808
+ fetch
809
+ };
810
+ var RequestHandler = class {
811
+ constructor(options) {
812
+ this.shouldSkip = false;
813
+ this.ctx = options.ctx || defaultContext;
814
+ this.resolver = options.resolver;
815
+ const callFrame = getCallFrame(new Error());
816
+ this.info = __spreadProps(__spreadValues({}, options.info), {
817
+ callFrame
818
+ });
819
+ }
820
+ parse(_request, _resolutionContext) {
821
+ return null;
822
+ }
823
+ test(request, resolutionContext) {
824
+ return this.predicate(request, this.parse(request, resolutionContext), resolutionContext);
825
+ }
826
+ getPublicRequest(request, _parsedResult) {
827
+ return request;
828
+ }
829
+ markAsSkipped(shouldSkip = true) {
830
+ this.shouldSkip = shouldSkip;
831
+ }
832
+ async run(request, resolutionContext) {
833
+ if (this.shouldSkip) {
834
+ return null;
835
+ }
836
+ const parsedResult = this.parse(request, resolutionContext);
837
+ const shouldIntercept = this.predicate(request, parsedResult, resolutionContext);
838
+ if (!shouldIntercept) {
839
+ return null;
840
+ }
841
+ const publicRequest = this.getPublicRequest(request, parsedResult);
842
+ const executeResolver = this.wrapResolver(this.resolver);
843
+ const mockedResponse = await executeResolver(publicRequest, response, this.ctx);
844
+ return this.createExecutionResult(parsedResult, publicRequest, mockedResponse);
845
+ }
846
+ wrapResolver(resolver) {
847
+ return async (req, res, ctx) => {
848
+ const result = this.resolverGenerator || await resolver(req, res, ctx);
849
+ if (isIterable(result)) {
850
+ const { value, done } = result[Symbol.iterator]().next();
851
+ const nextResponse = await value;
852
+ if (!nextResponse && done) {
853
+ return this.resolverGeneratorResult;
854
+ }
855
+ if (!this.resolverGenerator) {
856
+ this.resolverGenerator = result;
857
+ }
858
+ this.resolverGeneratorResult = nextResponse;
859
+ return nextResponse;
860
+ }
861
+ return result;
862
+ };
863
+ }
864
+ createExecutionResult(parsedResult, request, response2) {
865
+ return {
866
+ handler: this,
867
+ parsedResult: parsedResult || null,
868
+ request,
869
+ response: response2 || null
870
+ };
871
+ }
872
+ };
873
+
867
874
  // src/handlers/RestHandler.ts
868
875
  var restContext = __spreadProps(__spreadValues({}, defaultContext), {
869
876
  cookie,
@@ -872,6 +879,15 @@ var restContext = __spreadProps(__spreadValues({}, defaultContext), {
872
879
  json,
873
880
  xml
874
881
  });
882
+ var RestRequest = class extends MockedRequest {
883
+ constructor(request, params) {
884
+ super(request.url, __spreadProps(__spreadValues({}, request), {
885
+ body: request["_body"]
886
+ }));
887
+ this.params = params;
888
+ this.id = request.id;
889
+ }
890
+ };
875
891
  var RestHandler = class extends RequestHandler {
876
892
  constructor(method, path, resolver) {
877
893
  super({
@@ -905,9 +921,7 @@ var RestHandler = class extends RequestHandler {
905
921
  return matchRequestUrl(request.url, this.info.path, resolutionContext == null ? void 0 : resolutionContext.baseUrl);
906
922
  }
907
923
  getPublicRequest(request, parsedResult) {
908
- return __spreadProps(__spreadValues({}, request), {
909
- params: parsedResult.params || {}
910
- });
924
+ return new RestRequest(request, parsedResult.params || {});
911
925
  }
912
926
  predicate(request, parsedResult) {
913
927
  const matchesMethod = this.info.method instanceof RegExp ? this.info.method.test(request.method) : isStringEqual(this.info.method, request.method);
@@ -970,6 +984,14 @@ function isDocumentNode(value) {
970
984
  }
971
985
  return typeof value === "object" && "kind" in value && "definitions" in value;
972
986
  }
987
+ var GraphQLRequest = class extends MockedRequest {
988
+ constructor(request, variables) {
989
+ super(request.url, __spreadProps(__spreadValues({}, request), {
990
+ body: request["_body"]
991
+ }));
992
+ this.variables = variables;
993
+ }
994
+ };
973
995
  var GraphQLHandler = class extends RequestHandler {
974
996
  constructor(operationType, operationName, endpoint, resolver) {
975
997
  let resolvedOperationName = operationName;
@@ -999,9 +1021,7 @@ var GraphQLHandler = class extends RequestHandler {
999
1021
  return tryCatch(() => parseGraphQLRequest(request), (error2) => console.error(error2.message));
1000
1022
  }
1001
1023
  getPublicRequest(request, parsedResult) {
1002
- return __spreadProps(__spreadValues({}, request), {
1003
- variables: (parsedResult == null ? void 0 : parsedResult.variables) || {}
1004
- });
1024
+ return new GraphQLRequest(request, (parsedResult == null ? void 0 : parsedResult.variables) || {});
1005
1025
  }
1006
1026
  predicate(request, parsedResult) {
1007
1027
  if (!parsedResult) {
@@ -1232,7 +1252,9 @@ function createSetupServer(...interceptors) {
1232
1252
  interceptors: interceptors.map((Interceptor2) => new Interceptor2())
1233
1253
  });
1234
1254
  interceptor.on("request", async function setupServerListener(request) {
1235
- const mockedRequest = parseIsomorphicRequest(request);
1255
+ const mockedRequest = new MockedRequest(request.url, __spreadProps(__spreadValues({}, request), {
1256
+ body: await request.arrayBuffer()
1257
+ }));
1236
1258
  const response2 = await handleRequest(mockedRequest, currentHandlers, resolvedOptions, emitter, {
1237
1259
  transformResponse(response3) {
1238
1260
  return {