Fix PNA preflight headers (#1709)

Co-authored-by: Fran Dios <[email protected]>

.changeset/violet-seas-knock.md

@@ -0,0 +1,5 @@
+---
+'@shopify/cli-hydrogen': patch
+---
+
+Fix local asset path to Oxygen to return valid preflight headers

packages/cli/src/lib/mini-oxygen/assets.ts

@@ -27,6 +27,18 @@ export function buildAssetsUrl(assetsPort: number) {
 export function createAssetsServer(buildPathClient: string) {
   return createServer(async (req: IncomingMessage, res: ServerResponse) => {
     // Similar headers to Shopify CDN
+    if (req.method === 'OPTIONS') {
+      // Setting PNA preflight headers
+      // https://developer.chrome.com/blog/private-network-access-preflight
+      res.setHeader('Access-Control-Allow-Origin', req.headers.origin || '*');
+      res.setHeader('Access-Control-Allow-Credentials', 'true');
+      res.setHeader('Access-Control-Allow-Private-Network', 'true');
+      res.setHeader('Access-Control-Max-Age', '86400');
+      res.writeHead(204);
+      res.end();
+      return;
+    }
+
     res.setHeader('Access-Control-Allow-Origin', '*');
     res.setHeader('X-Content-Type-Options', 'nosniff');
 

templates/demo-store/customer-accountapi.generated.d.ts

@@ -15,7 +15,7 @@ export type CustomerAddressUpdateMutation = {
   customerAddressUpdate?: CustomerAccountAPI.Maybe<{
     userErrors: Array<
       Pick<
-        CustomerAccountAPI.UserErrorsAddressUserErrors,
+        CustomerAccountAPI.UserErrorsCustomerAddressUserErrors,
         'code' | 'field' | 'message'
       >
     >;