fix(minimal/dev): rscPath encoding in willBeHandled (#1216)

- [x] add a failing test
- [x] fix it

Author: dai-shi

e2e/fixtures/rsc-basic/src/components/ClientCounter.tsx

@@ -1,15 +1,28 @@
 'use client';
+
 import { useState } from 'react';
+import { useRefetch } from 'waku/minimal/client';
+
 import { ClientBox } from './Box.js';
 
 export const ClientCounter = () => {
   const [count, setCount] = useState(0);
+  const refetch = useRefetch();
   return (
     <ClientBox data-testid="client-counter">
       <p data-testid="count">{count}</p>
       <button data-testid="increment" onClick={() => setCount((c) => c + 1)}>
         Increment
       </button>
+      <button data-testid="refetch1" onClick={() => refetch('foo')}>
+        Refetch1
+      </button>
+      <button data-testid="refetch2" onClick={() => refetch('[bar]')}>
+        Refetch2
+      </button>
+      <button data-testid="refetch3" onClick={() => refetch('baz/qux')}>
+        Refetch3
+      </button>
     </ClientBox>
   );
 };

e2e/rsc-basic.spec.ts

@@ -49,6 +49,16 @@ for (const mode of ['DEV', 'PRD'] as const) {
       ).toHaveText('2');
     });
 
+    test('refetch', async ({ page }) => {
+      await page.goto(`http://localhost:${port}/`);
+      await page.getByTestId('refetch1').click();
+      await expect(page.getByTestId('app-name')).toHaveText('foo');
+      await page.getByTestId('refetch2').click();
+      await expect(page.getByTestId('app-name')).toHaveText('[bar]');
+      await page.getByTestId('refetch3').click();
+      await expect(page.getByTestId('app-name')).toHaveText('baz/qux');
+    });
+
     test('server action', async ({ page }) => {
       await page.goto(`http://localhost:${port}/`);
       await expect(page.getByTestId('app-name')).toHaveText('Waku');

examples/22_define-router/src/components/HomeLayout.tsx

@@ -51,6 +51,9 @@ const HomeLayout = ({ children }: { children: ReactNode }) => (
       <li>
         <Link to="/dynamic/bar">Dynamic / bar</Link>
       </li>
+      <li>
+        <Link to="/dynamic/[aaa]">Dynamic / [aaa]</Link>
+      </li>
     </ul>
     {children}
   </div>

packages/waku/src/lib/middleware/dev-server-impl.ts

@@ -214,7 +214,7 @@ const createMainViteServer = (
     const vite = await vitePromise;
     try {
       const result = await vite.transformRequest(pathname);
-      if (result?.code === `export default "/@fs${pathname}"`) {
+      if (result?.code === `export default "/@fs${encodeURI(pathname)}"`) {
         return false;
       }
       return !!result;