refactor: fs-router to use new_createPages & fix staticPaths (#1003)

Changes:

- pages are built in slices of 2500 to avoid running out of memory when
running `Promise.all`
- this moves fs-router to use new_createPages

---------

Co-authored-by: Tyler <[email protected]>
Co-authored-by: Daishi Kato <[email protected]>

Author: tylersayshi

e2e/fixtures/ssg-performance/src/Path.tsx

@@ -1,5 +1,3 @@
-import { getPath } from './context.js';
-
-export function Path() {
-  return <h1>{getPath()}</h1>;
+export function Path({ path }: { path: string }) {
+  return <h1>{path}</h1>;
 }

e2e/fixtures/ssg-performance/src/context.ts

@@ -1,8 +1,9 @@
+import type { PageProps } from 'waku/router';
 import { Path } from '../Path.js';
 
-export default async function Test() {
+export default async function Test({ path }: PageProps<'/[slug]'>) {
   await new Promise((resolve) => setTimeout(resolve, 1000));
-  return <Path />;
+  return <Path path={path} />;
 }
 
 export async function getConfig() {

e2e/fixtures/ssg-performance/src/pages/[path].tsx e2e/fixtures/ssg-performance/src/pages/[slug].tsx

@@ -1,10 +1,5 @@
 import type { PropsWithChildren } from 'react';
-import { setPath } from '../context.js';
 
-export default function Layout({
-  children,
-  path,
-}: PropsWithChildren<{ path: string }>) {
-  setPath(path);
-  return children;
+export default function Layout({ children }: PropsWithChildren) {
+  return <div>{children}</div>;
 }

e2e/fixtures/ssg-performance/src/pages/_layout.tsx

@@ -1,5 +1,5 @@
 {
-  "name": "waku-example",
+  "name": "ssg-wildcard",
   "version": "0.1.0",
   "type": "module",
   "private": true,

e2e/fixtures/ssg-wildcard/package.json

@@ -1,6 +1,6 @@
 import { StrictMode } from 'react';
 import { createRoot, hydrateRoot } from 'react-dom/client';
-import { Router } from 'waku/router/client';
+import { NewRouter as Router } from 'waku/router/client';
 
 const rootElement = (
   <StrictMode>

examples/11_fs-router/src/main.tsx

@@ -9,10 +9,7 @@ export const cloudflareDevServer = (cfOptions: any) => {
     Object.assign(globalThis, { WebSocketPair });
   });
   return async (req: Request, app: Hono<BlankEnv, BlankSchema>) => {
-    const [proxy, _] = await Promise.all([
-      await wranglerPromise,
-      await miniflarePromise,
-    ]);
+    const [proxy, _] = await Promise.all([wranglerPromise, miniflarePromise]);
     Object.assign(req, { cf: proxy.cf });
     Object.assign(globalThis, {
       caches: proxy.caches,