create-waku 0.9.2-alpha.1 → 0.9.2-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-waku",
-  "version": "0.9.2-alpha.1",
+  "version": "0.9.2-beta.0",
   "publishConfig": {
     "tag": "next"
   },

package/template/01_template/package.json

@@ -9,10 +9,10 @@
     "start": "waku start"
   },
   "dependencies": {
-    "react": "19.0.0-rc-9d4fba0788-20240530",
-    "react-dom": "19.0.0-rc-9d4fba0788-20240530",
-    "react-server-dom-webpack": "19.0.0-rc-9d4fba0788-20240530",
-    "waku": "0.21.0-alpha.1"
+    "react": "19.0.0-rc.0",
+    "react-dom": "19.0.0-rc.0",
+    "react-server-dom-webpack": "19.0.0-rc.0",
+    "waku": "0.21.0-beta.0"
   },
   "devDependencies": {
     "@types/react": "18.3.3",

package/template/02_template_js/package.json

@@ -9,10 +9,10 @@
     "start": "waku start"
   },
   "dependencies": {
-    "react": "19.0.0-rc-9d4fba0788-20240530",
-    "react-dom": "19.0.0-rc-9d4fba0788-20240530",
-    "react-server-dom-webpack": "19.0.0-rc-9d4fba0788-20240530",
-    "waku": "0.21.0-alpha.1"
+    "react": "19.0.0-rc.0",
+    "react-dom": "19.0.0-rc.0",
+    "react-server-dom-webpack": "19.0.0-rc.0",
+    "waku": "0.21.0-beta.0"
   },
   "devDependencies": {
     "autoprefixer": "10.4.19",

package/template/03_demo/package.json

@@ -9,10 +9,10 @@
     "start": "waku start"
   },
   "dependencies": {
-    "react": "19.0.0-rc-9d4fba0788-20240530",
-    "react-dom": "19.0.0-rc-9d4fba0788-20240530",
-    "react-server-dom-webpack": "19.0.0-rc-9d4fba0788-20240530",
-    "waku": "0.21.0-alpha.1"
+    "react": "19.0.0-rc.0",
+    "react-dom": "19.0.0-rc.0",
+    "react-server-dom-webpack": "19.0.0-rc.0",
+    "waku": "0.21.0-beta.0"
   },
   "devDependencies": {
     "@types/react": "18.3.3",

package/template/03_demo/src/pages/index.tsx

@@ -12,7 +12,7 @@ export default async function HomePage() {
       <div className="flex h-full w-full flex-col items-center justify-center p-6">
         <div className="px-6">
           <a
-            href="https://github.com/dai-shi/waku/tree/main/examples/02_demo/src"
+            href="https://github.com/dai-shi/waku/tree/main/examples/03_demo/src"
             target="_blank"
             rel="noreferrer"
             className="whitespace-nowrap text-xs font-bold hover:underline sm:text-base"

package/template/04_cssmodules/package.json

@@ -9,10 +9,10 @@
     "start": "waku start"
   },
   "dependencies": {
-    "react": "19.0.0-rc-9d4fba0788-20240530",
-    "react-dom": "19.0.0-rc-9d4fba0788-20240530",
-    "react-server-dom-webpack": "19.0.0-rc-9d4fba0788-20240530",
-    "waku": "0.21.0-alpha.1"
+    "react": "19.0.0-rc.0",
+    "react-dom": "19.0.0-rc.0",
+    "react-server-dom-webpack": "19.0.0-rc.0",
+    "waku": "0.21.0-beta.0"
   },
   "devDependencies": {
     "@types/react": "18.3.3",

package/template/05_nossr/package.json

@@ -9,10 +9,10 @@
     "start": "waku start"
   },
   "dependencies": {
-    "react": "19.0.0-rc-9d4fba0788-20240530",
-    "react-dom": "19.0.0-rc-9d4fba0788-20240530",
-    "react-server-dom-webpack": "19.0.0-rc-9d4fba0788-20240530",
-    "waku": "0.21.0-alpha.1"
+    "react": "19.0.0-rc.0",
+    "react-dom": "19.0.0-rc.0",
+    "react-server-dom-webpack": "19.0.0-rc.0",
+    "waku": "0.21.0-beta.0"
   },
   "devDependencies": {
     "@types/react": "18.3.3",

package/template/07_router/package.json

@@ -9,10 +9,10 @@
     "start": "waku start"
   },
   "dependencies": {
-    "react": "19.0.0-rc-9d4fba0788-20240530",
-    "react-dom": "19.0.0-rc-9d4fba0788-20240530",
-    "react-server-dom-webpack": "19.0.0-rc-9d4fba0788-20240530",
-    "waku": "0.21.0-alpha.1"
+    "react": "19.0.0-rc.0",
+    "react-dom": "19.0.0-rc.0",
+    "react-server-dom-webpack": "19.0.0-rc.0",
+    "waku": "0.21.0-beta.0"
   },
   "devDependencies": {
     "@types/react": "18.3.3",

package/template/08_cookies/package.json

@@ -10,10 +10,10 @@
   },
   "dependencies": {
     "cookie": "0.6.0",
-    "react": "19.0.0-rc-9d4fba0788-20240530",
-    "react-dom": "19.0.0-rc-9d4fba0788-20240530",
-    "react-server-dom-webpack": "19.0.0-rc-9d4fba0788-20240530",
-    "waku": "0.21.0-alpha.1"
+    "react": "19.0.0-rc.0",
+    "react-dom": "19.0.0-rc.0",
+    "react-server-dom-webpack": "19.0.0-rc.0",
+    "waku": "0.21.0-beta.0"
   },
   "devDependencies": {
     "@types/cookie": "0.6.0",

package/template/08_cookies/src/components/App.tsx

@@ -1,5 +1,5 @@
 import { Suspense, cache } from 'react';
-import { getContext } from 'waku/server';
+import { unstable_getCustomContext as getCustomContext } from 'waku/server';
 
 import { Counter } from './Counter';
 
@@ -12,12 +12,12 @@ const InternalAsyncComponent = async () => {
   if (val1 !== val2) {
     throw new Error('Cache not working');
   }
-  console.log(getContext());
+  console.log(getCustomContext());
   return null;
 };
 
 const App = ({ name, items }: { name: string; items: unknown[] }) => {
-  const context = getContext<{ count: number }>();
+  const context = getCustomContext<{ count: number }>();
   return (
     <div style={{ border: '3px red dashed', margin: '1em', padding: '1em' }}>
       <title>Waku</title>

package/template/08_cookies/src/entries.tsx

@@ -1,7 +1,10 @@
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import fsPromises from 'node:fs/promises';
-import { defineEntries, getContext } from 'waku/server';
+import {
+  defineEntries,
+  unstable_getCustomContext as getCustomContext,
+} from 'waku/server';
 import { Slot } from 'waku/client';
 
 import App from './components/App';
@@ -9,7 +12,7 @@ import App from './components/App';
 export default defineEntries(
   // renderEntries
   async (input) => {
-    const context = getContext<{ count: number }>();
+    const context = getCustomContext<{ count: number }>();
     ++context.count;
     const items = JSON.parse(
       await fsPromises.readFile(

package/template/08_cookies/waku.config.ts

@@ -11,6 +11,7 @@ export default {
           ),
         ]
       : []),
+    import('waku/middleware/headers'),
     import('waku/middleware/ssr'),
     import('waku/middleware/rsc'),
   ],

package/template/09_api/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "waku-example",
+  "version": "0.1.0",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "dev": "waku dev",
+    "build": "waku build",
+    "start": "waku start"
+  },
+  "dependencies": {
+    "react": "19.0.0-rc.0",
+    "react-dom": "19.0.0-rc.0",
+    "react-server-dom-webpack": "19.0.0-rc.0",
+    "waku": "0.21.0-beta.0"
+  },
+  "devDependencies": {
+    "@types/react": "18.3.3",
+    "@types/react-dom": "18.3.0",
+    "typescript": "5.4.5"
+  }
+}

package/template/09_api/src/components/App.tsx

@@ -0,0 +1,14 @@
+import { Counter } from './Counter';
+
+const App = ({ name }: { name: string }) => {
+  return (
+    <div style={{ border: '3px red dashed', margin: '1em', padding: '1em' }}>
+      <title>Waku</title>
+      <h1>Hello {name}!!</h1>
+      <h3>This is a server component.</h3>
+      <Counter />
+    </div>
+  );
+};
+
+export default App;

package/template/09_api/src/components/Counter.tsx

@@ -0,0 +1,30 @@
+'use client';
+
+import { Suspense, use, useState, useEffect } from 'react';
+
+export const Counter = () => {
+  const [count, setCount] = useState(0);
+  const [promise, setPromise] = useState<Promise<unknown>>();
+  useEffect(() => {
+    setPromise(fetch('/api/hello').then((res) => res.text()));
+  }, []);
+  return (
+    <div style={{ border: '3px blue dashed', margin: '1em', padding: '1em' }}>
+      <p>Count: {count}</p>
+      <button onClick={() => setCount((c) => c + 1)}>Increment</button>
+      <h3>This is a client component.</h3>
+      <Suspense fallback={<p>Loading...</p>}>
+        {promise && <Hello promise={promise} />}
+      </Suspense>
+    </div>
+  );
+};
+
+const Hello = ({ promise }: { promise: Promise<unknown> }) => {
+  const message = `${use(promise)}`;
+  return (
+    <div>
+      <p>Hello, {message}</p>
+    </div>
+  );
+};

package/template/09_api/src/entries.tsx

@@ -0,0 +1,27 @@
+import { defineEntries } from 'waku/server';
+import { Slot } from 'waku/client';
+
+import App from './components/App';
+
+export default defineEntries(
+  // renderEntries
+  async (input) => {
+    return {
+      App: <App name={input || 'Waku'} />,
+    };
+  },
+  // getBuildConfig
+  async () => [{ pathname: '/', entries: [{ input: '' }] }],
+  // getSsrConfig
+  async (pathname) => {
+    switch (pathname) {
+      case '/':
+        return {
+          input: '',
+          body: <Slot id="App" />,
+        };
+      default:
+        return null;
+    }
+  },
+);

package/template/09_api/src/main.tsx

@@ -0,0 +1,17 @@
+import { StrictMode } from 'react';
+import { createRoot, hydrateRoot } from 'react-dom/client';
+import { Root, Slot } from 'waku/client';
+
+const rootElement = (
+  <StrictMode>
+    <Root>
+      <Slot id="App" />
+    </Root>
+  </StrictMode>
+);
+
+if (document.body.dataset.hydrate) {
+  hydrateRoot(document.body, rootElement);
+} else {
+  createRoot(document.body).render(rootElement);
+}

package/template/09_api/src/middleware/api.ts

@@ -0,0 +1,24 @@
+import type { Middleware } from 'waku/config';
+
+const stringToStream = (str: string): ReadableStream => {
+  const encoder = new TextEncoder();
+  return new ReadableStream({
+    start(controller) {
+      controller.enqueue(encoder.encode(str));
+      controller.close();
+    },
+  });
+};
+
+const apiMiddleware: Middleware = () => {
+  return async (ctx, next) => {
+    const path = ctx.req.url.pathname;
+    if (path === '/api/hello') {
+      ctx.res.body = stringToStream('world');
+      return;
+    }
+    await next();
+  };
+};
+
+export default apiMiddleware;

package/template/09_api/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "target": "esnext",
+    "downlevelIteration": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "skipLibCheck": true,
+    "noUncheckedIndexedAccess": true,
+    "exactOptionalPropertyTypes": true,
+    "types": ["react/experimental"],
+    "jsx": "react-jsx"
+  }
+}

package/template/09_api/waku.config.ts

@@ -0,0 +1,18 @@
+const DO_NOT_BUNDLE = '';
+
+/** @type {import('waku/config').Config} */
+export default {
+  middleware: (cmd: 'dev' | 'start') => [
+    import('./src/middleware/api.js'),
+    ...(cmd === 'dev'
+      ? [
+          import(
+            /* @vite-ignore */ DO_NOT_BUNDLE + 'waku/middleware/dev-server'
+          ),
+        ]
+      : []),
+    import('waku/middleware/headers'),
+    import('waku/middleware/ssr'),
+    import('waku/middleware/rsc'),
+  ],
+};

package/template/10_fs-router/package.json

@@ -9,10 +9,10 @@
     "start": "waku start"
   },
   "dependencies": {
-    "react": "19.0.0-rc-9d4fba0788-20240530",
-    "react-dom": "19.0.0-rc-9d4fba0788-20240530",
-    "react-server-dom-webpack": "19.0.0-rc-9d4fba0788-20240530",
-    "waku": "0.21.0-alpha.1"
+    "react": "19.0.0-rc.0",
+    "react-dom": "19.0.0-rc.0",
+    "react-server-dom-webpack": "19.0.0-rc.0",
+    "waku": "0.21.0-beta.0"
   },
   "devDependencies": {
     "@types/react": "18.3.3",

package/template/11_form/package.json

@@ -9,10 +9,10 @@
     "start": "waku start"
   },
   "dependencies": {
-    "react": "19.0.0-rc-9d4fba0788-20240530",
-    "react-dom": "19.0.0-rc-9d4fba0788-20240530",
-    "react-server-dom-webpack": "19.0.0-rc-9d4fba0788-20240530",
-    "waku": "0.21.0-alpha.1"
+    "react": "19.0.0-rc.0",
+    "react-dom": "19.0.0-rc.0",
+    "react-server-dom-webpack": "19.0.0-rc.0",
+    "waku": "0.21.0-beta.0"
   },
   "devDependencies": {
     "@types/react": "18.3.3",

package/template/12_css/package.json

@@ -12,10 +12,10 @@
     "@stylexjs/stylex": "0.6.1",
     "@vanilla-extract/css": "1.15.2",
     "classnames": "2.5.1",
-    "react": "19.0.0-rc-9d4fba0788-20240530",
-    "react-dom": "19.0.0-rc-9d4fba0788-20240530",
-    "react-server-dom-webpack": "19.0.0-rc-9d4fba0788-20240530",
-    "waku": "0.21.0-alpha.1"
+    "react": "19.0.0-rc.0",
+    "react-dom": "19.0.0-rc.0",
+    "react-server-dom-webpack": "19.0.0-rc.0",
+    "waku": "0.21.0-beta.0"
   },
   "devDependencies": {
     "@types/react": "18.3.3",

package/template/13_path-alias/package.json

@@ -9,10 +9,10 @@
     "start": "waku start"
   },
   "dependencies": {
-    "react": "19.0.0-rc-9d4fba0788-20240530",
-    "react-dom": "19.0.0-rc-9d4fba0788-20240530",
-    "react-server-dom-webpack": "19.0.0-rc-9d4fba0788-20240530",
-    "waku": "0.21.0-alpha.1"
+    "react": "19.0.0-rc.0",
+    "react-dom": "19.0.0-rc.0",
+    "react-server-dom-webpack": "19.0.0-rc.0",
+    "waku": "0.21.0-beta.0"
   },
   "devDependencies": {
     "@types/react": "18.3.3",

package/template/14_react-tweet/package.json

@@ -9,11 +9,11 @@
     "start": "waku start"
   },
   "dependencies": {
-    "react": "19.0.0-rc-9d4fba0788-20240530",
-    "react-dom": "19.0.0-rc-9d4fba0788-20240530",
-    "react-server-dom-webpack": "19.0.0-rc-9d4fba0788-20240530",
+    "react": "19.0.0-rc.0",
+    "react-dom": "19.0.0-rc.0",
+    "react-server-dom-webpack": "19.0.0-rc.0",
     "react-tweet": "^3.2.0",
-    "waku": "0.21.0-alpha.1"
+    "waku": "0.21.0-beta.0"
   },
   "devDependencies": {
     "@types/react": "18.3.3",

package/template/14_react-tweet/vite.config.ts

@@ -8,9 +8,6 @@ export default ({ mode }: { mode: string }) => {
           'react-tweet > date-fns/format/index.js',
         ],
       },
-      ssr: {
-        noExternal: ['react-tweet'],
-      },
     };
   }
   return {};

package/template/20_minimal/package.json

@@ -9,10 +9,10 @@
     "start": "waku start"
   },
   "dependencies": {
-    "react": "19.0.0-rc-9d4fba0788-20240530",
-    "react-dom": "19.0.0-rc-9d4fba0788-20240530",
-    "react-server-dom-webpack": "19.0.0-rc-9d4fba0788-20240530",
-    "waku": "0.21.0-alpha.1"
+    "react": "19.0.0-rc.0",
+    "react-dom": "19.0.0-rc.0",
+    "react-server-dom-webpack": "19.0.0-rc.0",
+    "waku": "0.21.0-beta.0"
   },
   "devDependencies": {
     "@types/react": "18.3.3",

package/template/21_minimal_js/package.json

@@ -9,9 +9,9 @@
     "start": "waku start"
   },
   "dependencies": {
-    "react": "19.0.0-rc-9d4fba0788-20240530",
-    "react-dom": "19.0.0-rc-9d4fba0788-20240530",
-    "react-server-dom-webpack": "19.0.0-rc-9d4fba0788-20240530",
-    "waku": "0.21.0-alpha.1"
+    "react": "19.0.0-rc.0",
+    "react-dom": "19.0.0-rc.0",
+    "react-server-dom-webpack": "19.0.0-rc.0",
+    "waku": "0.21.0-beta.0"
   }
 }

package/template/22_promise/package.json

@@ -9,10 +9,10 @@
     "start": "waku start"
   },
   "dependencies": {
-    "react": "19.0.0-rc-9d4fba0788-20240530",
-    "react-dom": "19.0.0-rc-9d4fba0788-20240530",
-    "react-server-dom-webpack": "19.0.0-rc-9d4fba0788-20240530",
-    "waku": "0.21.0-alpha.1"
+    "react": "19.0.0-rc.0",
+    "react-dom": "19.0.0-rc.0",
+    "react-server-dom-webpack": "19.0.0-rc.0",
+    "waku": "0.21.0-beta.0"
   },
   "devDependencies": {
     "@types/react": "18.3.3",

package/template/23_actions/package.json

@@ -9,11 +9,11 @@
     "start": "waku start"
   },
   "dependencies": {
-    "react": "19.0.0-rc-9d4fba0788-20240530",
-    "react-dom": "19.0.0-rc-9d4fba0788-20240530",
-    "react-server-dom-webpack": "19.0.0-rc-9d4fba0788-20240530",
+    "react": "19.0.0-rc.0",
+    "react-dom": "19.0.0-rc.0",
+    "react-server-dom-webpack": "19.0.0-rc.0",
     "react-wrap-balancer": "1.1.0",
-    "waku": "0.21.0-alpha.1"
+    "waku": "0.21.0-beta.0"
   },
   "devDependencies": {
     "@types/react": "18.3.3",

package/template/23_actions/src/components2/funcs.ts

@@ -1,10 +1,13 @@
 'use server';
 
-import { rerender, getContext } from 'waku/server';
+import {
+  rerender,
+  unstable_getCustomContext as getCustomContext,
+} from 'waku/server';
 
 export const greet = async (name: string) => {
   await Promise.resolve();
-  console.log('RSC Context:', getContext()); // ---> {}
+  console.log('Custom Context:', getCustomContext()); // ---> {}
   return `Hello ${name} from server!`;
 };
 

package/template/23_actions/src/components2/funcs2.ts

@@ -1,9 +1,9 @@
 'use server';
 
-import { getContext } from 'waku/server';
+import { unstable_getCustomContext as getCustomContext } from 'waku/server';
 
 export const greet = async (name: string) => {
   await Promise.resolve();
-  console.log('RSC Context:', getContext()); // ---> {}
+  console.log('Custom Context:', getCustomContext()); // ---> {}
   return `Hello ${name} from server!`;
 };

package/template/24_nesting/package.json

@@ -9,10 +9,10 @@
     "start": "waku start"
   },
   "dependencies": {
-    "react": "19.0.0-rc-9d4fba0788-20240530",
-    "react-dom": "19.0.0-rc-9d4fba0788-20240530",
-    "react-server-dom-webpack": "19.0.0-rc-9d4fba0788-20240530",
-    "waku": "0.21.0-alpha.1"
+    "react": "19.0.0-rc.0",
+    "react-dom": "19.0.0-rc.0",
+    "react-server-dom-webpack": "19.0.0-rc.0",
+    "waku": "0.21.0-beta.0"
   },
   "devDependencies": {
     "@types/react": "18.3.3",