Move from x-file-type to x-backfill-from header

For now, we continue sending an x-file-type header
as well in order to work properly with older service worker versions that use it.

Author: brandonpayton

packages/php-wasm/node/src/test/php-request-handler.spec.ts

@@ -150,7 +150,7 @@ describe.each(SupportedPHPVersions)(
 							type: 'response',
 							response: new PHPResponse(
 								404,
-								{ 'x-file-type': ['static'] },
+								{ 'x-backfill-from': ['remote-host'] },
 								new TextEncoder().encode('404 File not found')
 							),
 						};
@@ -164,7 +164,7 @@ describe.each(SupportedPHPVersions)(
 				expect(response).toEqual({
 					httpStatusCode: 404,
 					headers: {
-						'x-file-type': ['static'],
+						'x-backfill-from': ['remote-host'],
 					},
 					bytes: expect.any(Uint8Array),
 					errors: '',

packages/php-wasm/web-service-worker/src/initialize-service-worker.ts

@@ -53,7 +53,7 @@ async function defaultRequestHandler(event: FetchEvent) {
 	const workerResponse = await convertFetchEventToPHPRequest(event);
 	if (
 		workerResponse.status === 404 &&
-		workerResponse.headers.get('x-file-type') === 'static'
+		workerResponse.headers.get('x-backfill-from') === 'remote-host'
 	) {
 		const request = await cloneRequest(event.request, {
 			url,

packages/playground/remote/service-worker.ts

@@ -55,14 +55,14 @@ initializeServiceWorker({
 			const workerResponse = await convertFetchEventToPHPRequest(event);
 			if (
 				workerResponse.status === 404 &&
-				workerResponse.headers.get('x-file-type') === 'static'
+				workerResponse.headers.get('x-backfill-from') === 'remote-host'
 			) {
 				const { staticAssetsDirectory } = await getScopedWpDetails(
 					scope!
 				);
 				if (!staticAssetsDirectory) {
 					const plain404Response = workerResponse.clone();
-					plain404Response.headers.delete('x-file-type');
+					plain404Response.headers.delete('x-backfill-from');
 					return plain404Response;
 				}
 

packages/playground/remote/src/lib/worker-thread.ts

@@ -261,7 +261,13 @@ try {
 					type: 'response',
 					response: new PHPResponse(
 						404,
-						{ 'x-file-type': ['static'] },
+						{
+							'x-backfill-from': ['remote-host'],
+							// Include x-file-type header so remote asset
+							// retrieval continues to work for clients
+							// running a prior service worker version.
+							'x-file-type': ['static'],
+						},
 						new TextEncoder().encode('404 File not found')
 					),
 				};