Skip to content

Commit

Permalink
Updates
Browse files Browse the repository at this point in the history
  • Loading branch information
dmdmdkdkr committed Nov 28, 2023
1 parent 67266e0 commit 520e782
Show file tree
Hide file tree
Showing 15 changed files with 209 additions and 212 deletions.
1 change: 0 additions & 1 deletion assets/___vite-browser-external_commonjs-proxy-3c3fdd52.js

This file was deleted.

1 change: 1 addition & 0 deletions assets/___vite-browser-external_commonjs-proxy-45a3482f.js
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
import{f as e}from"./eval.worker-2a143d28.js";var r={},t=Object.freeze({__proto__:null,default:r}),_=e(t);export{_ as r};

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

122 changes: 122 additions & 0 deletions assets/index-1d0a14bd.js

Large diffs are not rendered by default.

122 changes: 0 additions & 122 deletions assets/index-a3e52e05.js

This file was deleted.

1 change: 1 addition & 0 deletions assets/index-cbc37b63.css

Large diffs are not rendered by default.

1 change: 0 additions & 1 deletion assets/index-e914d45c.css

This file was deleted.

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Large diffs are not rendered by default.

6 changes: 3 additions & 3 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,11 @@
<html lang="ko">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/web12-algo-with-me/vite.svg" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Algo With Me</title>
<script type="module" crossorigin src="/web12-algo-with-me/assets/index-a3e52e05.js"></script>
<link rel="stylesheet" href="/web12-algo-with-me/assets/index-e914d45c.css">
<script type="module" crossorigin src="/assets/index-1d0a14bd.js"></script>
<link rel="stylesheet" href="/assets/index-cbc37b63.css">
</head>
<body>
<div id="root"></div>
Expand Down
147 changes: 72 additions & 75 deletions mockServiceWorker.js
Original file line number Diff line number Diff line change
Expand Up @@ -8,124 +8,124 @@
* - Please do NOT serve this file on production.
*/

const INTEGRITY_CHECKSUM = '0877fcdc026242810f5bfde0d7178db4'
const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
const activeClientIds = new Set()
const INTEGRITY_CHECKSUM = '0877fcdc026242810f5bfde0d7178db4';
const IS_MOCKED_RESPONSE = Symbol('isMockedResponse');
const activeClientIds = new Set();

self.addEventListener('install', function () {
self.skipWaiting()
})
self.skipWaiting();
});

self.addEventListener('activate', function (event) {
event.waitUntil(self.clients.claim())
})
event.waitUntil(self.clients.claim());
});

self.addEventListener('message', async function (event) {
const clientId = event.source.id
const clientId = event.source.id;

if (!clientId || !self.clients) {
return
return;
}

const client = await self.clients.get(clientId)
const client = await self.clients.get(clientId);

if (!client) {
return
return;
}

const allClients = await self.clients.matchAll({
type: 'window',
})
});

switch (event.data) {
case 'KEEPALIVE_REQUEST': {
sendToClient(client, {
type: 'KEEPALIVE_RESPONSE',
})
break
});
break;
}

case 'INTEGRITY_CHECK_REQUEST': {
sendToClient(client, {
type: 'INTEGRITY_CHECK_RESPONSE',
payload: INTEGRITY_CHECKSUM,
})
break
});
break;
}

case 'MOCK_ACTIVATE': {
activeClientIds.add(clientId)
activeClientIds.add(clientId);

sendToClient(client, {
type: 'MOCKING_ENABLED',
payload: true,
})
break
});
break;
}

case 'MOCK_DEACTIVATE': {
activeClientIds.delete(clientId)
break
activeClientIds.delete(clientId);
break;
}

case 'CLIENT_CLOSED': {
activeClientIds.delete(clientId)
activeClientIds.delete(clientId);

const remainingClients = allClients.filter((client) => {
return client.id !== clientId
})
return client.id !== clientId;
});

// Unregister itself when there are no more clients
if (remainingClients.length === 0) {
self.registration.unregister()
self.registration.unregister();
}

break
break;
}
}
})
});

self.addEventListener('fetch', function (event) {
const { request } = event
const { request } = event;

// Bypass navigation requests.
if (request.mode === 'navigate') {
return
return;
}

// Opening the DevTools triggers the "only-if-cached" request
// that cannot be handled by the worker. Bypass such requests.
if (request.cache === 'only-if-cached' && request.mode !== 'same-origin') {
return
return;
}

// Bypass all requests when there are no active clients.
// Prevents the self-unregistered worked from handling requests
// after it's been deleted (still remains active until the next reload).
if (activeClientIds.size === 0) {
return
return;
}

// Generate unique request ID.
const requestId = crypto.randomUUID()
event.respondWith(handleRequest(event, requestId))
})
const requestId = crypto.randomUUID();
event.respondWith(handleRequest(event, requestId));
});

async function handleRequest(event, requestId) {
const client = await resolveMainClient(event)
const response = await getResponse(event, client, requestId)
const client = await resolveMainClient(event);
const response = await getResponse(event, client, requestId);

// Send back the response clone for the "response:*" life-cycle events.
// Ensure MSW is active and ready to handle the message, otherwise
// this message will pend indefinitely.
if (client && activeClientIds.has(client.id)) {
;(async function () {
const responseClone = response.clone()
(async function () {
const responseClone = response.clone();
// When performing original requests, response body will
// always be a ReadableStream, even for 204 responses.
// But when creating a new Response instance on the client,
// the body for a 204 response must be null.
const responseBody = response.status === 204 ? null : responseClone.body
const responseBody = response.status === 204 ? null : responseClone.body;

sendToClient(
client,
Expand All @@ -142,80 +142,80 @@ async function handleRequest(event, requestId) {
},
},
[responseBody],
)
})()
);
})();
}

return response
return response;
}

// Resolve the main client for the given event.
// Client that issues a request doesn't necessarily equal the client
// that registered the worker. It's with the latter the worker should
// communicate with during the response resolving phase.
async function resolveMainClient(event) {
const client = await self.clients.get(event.clientId)
const client = await self.clients.get(event.clientId);

if (client?.frameType === 'top-level') {
return client
return client;
}

const allClients = await self.clients.matchAll({
type: 'window',
})
});

return allClients
.filter((client) => {
// Get only those clients that are currently visible.
return client.visibilityState === 'visible'
return client.visibilityState === 'visible';
})
.find((client) => {
// Find the client ID that's recorded in the
// set of clients that have registered the worker.
return activeClientIds.has(client.id)
})
return activeClientIds.has(client.id);
});
}

async function getResponse(event, client, requestId) {
const { request } = event
const { request } = event;

// Clone the request because it might've been already used
// (i.e. its body has been read and sent to the client).
const requestClone = request.clone()
const requestClone = request.clone();

function passthrough() {
const headers = Object.fromEntries(requestClone.headers.entries())
const headers = Object.fromEntries(requestClone.headers.entries());

// Remove internal MSW request header so the passthrough request
// complies with any potential CORS preflight checks on the server.
// Some servers forbid unknown request headers.
delete headers['x-msw-intention']
delete headers['x-msw-intention'];

return fetch(requestClone, { headers })
return fetch(requestClone, { headers });
}

// Bypass mocking when the client is not active.
if (!client) {
return passthrough()
return passthrough();
}

// Bypass initial page load requests (i.e. static assets).
// The absence of the immediate/parent client in the map of the active clients
// means that MSW hasn't dispatched the "MOCK_ACTIVATE" event yet
// and is not ready to handle requests.
if (!activeClientIds.has(client.id)) {
return passthrough()
return passthrough();
}

// Bypass requests with the explicit bypass header.
// Such requests can be issued by "ctx.fetch()".
const mswIntention = request.headers.get('x-msw-intention')
const mswIntention = request.headers.get('x-msw-intention');
if (['bypass', 'passthrough'].includes(mswIntention)) {
return passthrough()
return passthrough();
}

// Notify the client that a request has been intercepted.
const requestBuffer = await request.arrayBuffer()
const requestBuffer = await request.arrayBuffer();
const clientMessage = await sendToClient(
client,
{
Expand All @@ -238,38 +238,35 @@ async function getResponse(event, client, requestId) {
},
},
[requestBuffer],
)
);

switch (clientMessage.type) {
case 'MOCK_RESPONSE': {
return respondWithMock(clientMessage.data)
return respondWithMock(clientMessage.data);
}

case 'MOCK_NOT_FOUND': {
return passthrough()
return passthrough();
}
}

return passthrough()
return passthrough();
}

function sendToClient(client, message, transferrables = []) {
return new Promise((resolve, reject) => {
const channel = new MessageChannel()
const channel = new MessageChannel();

channel.port1.onmessage = (event) => {
if (event.data && event.data.error) {
return reject(event.data.error)
return reject(event.data.error);
}

resolve(event.data)
}
resolve(event.data);
};

client.postMessage(
message,
[channel.port2].concat(transferrables.filter(Boolean)),
)
})
client.postMessage(message, [channel.port2].concat(transferrables.filter(Boolean)));
});
}

async function respondWithMock(response) {
Expand All @@ -278,15 +275,15 @@ async function respondWithMock(response) {
// instance will have status code set to 0. Since it's not possible to create
// a Response instance with status code 0, handle that use-case separately.
if (response.status === 0) {
return Response.error()
return Response.error();
}

const mockedResponse = new Response(response.body, response)
const mockedResponse = new Response(response.body, response);

Reflect.defineProperty(mockedResponse, IS_MOCKED_RESPONSE, {
value: true,
enumerable: true,
})
});

return mockedResponse
return mockedResponse;
}

0 comments on commit 520e782

Please sign in to comment.