add decoding for url-encoded paths

Author: itsjustriley

.changeset/plenty-schools-end.md

@@ -0,0 +1,5 @@
+---
+'@shopify/hydrogen': patch
+---
+
+Fixed bug where file paths containing spaces were causing errors with virtual routes by decoding URL-encoded paths

packages/hydrogen/src/vite/get-virtual-routes.test.ts

@@ -29,4 +29,16 @@ describe('virtual routes', () => {
       ]),
     });
   });
+
+  it('handles file paths with spaces correctly', async () => {
+    const result = await getVirtualRoutesV3();
+
+    result.routes.forEach((route) => {
+      expect(route.file).not.toContain('%20');
+      expect(route.file).not.toContain('%');
+    });
+
+    expect(result.layout.file).not.toContain('%20');
+    expect(result.layout.file).not.toContain('%');
+  });
 });

packages/hydrogen/src/vite/get-virtual-routes.ts

@@ -17,10 +17,13 @@ function getVirtualRoutesPath(
   }, basePath);
 
   // Getting rid of the drive path (ie. '/C:/') in windows
-  return new URL(forFile, virtualRoutesPath).pathname.replace(
+  const pathname = new URL(forFile, virtualRoutesPath).pathname.replace(
     /^\/[a-zA-Z]:\//,
     '/',
   );
+
+  // Decode URI components to handle spaces and special characters in file paths
+  return decodeURIComponent(pathname);
 }
 
 export async function getVirtualRoutesV3() {