create-waku 0.5.3 → 0.6.0

package/template/02_async/package.json

@@ -10,14 +10,14 @@
   },
   "dependencies": {
     "express": "^4.18.2",
-    "react": "18.3.0-canary-7118f5dd7-20230705",
-    "react-dom": "18.3.0-canary-7118f5dd7-20230705",
-    "react-server-dom-webpack": "18.3.0-canary-7118f5dd7-20230705",
-    "waku": "0.15.1"
+    "react": "18.3.0-canary-a41957507-20231017",
+    "react-dom": "18.3.0-canary-a41957507-20231017",
+    "react-server-dom-webpack": "18.3.0-canary-a41957507-20231017",
+    "waku": "0.16.0"
   },
   "devDependencies": {
-    "@types/react": "^18.2.21",
-    "@types/react-dom": "^18.2.7",
+    "@types/react": "^18.2.31",
+    "@types/react-dom": "^18.2.14",
     "typescript": "^5.2.2"
   }
 }

package/template/02_async/src/components/App.tsx

@@ -1,3 +1,5 @@
+/// Async Server Component
+/// <reference types="react/experimental" />
 import { Suspense } from "react";
 
 import { Counter } from "./Counter.js";

package/template/02_async/src/entries.tsx

@@ -20,8 +20,8 @@ export default defineEntries(
     };
   },
   // getSsrConfig
-  async () => ({
-    getInput: (pathStr) => {
+  () => ({
+    getInput: async (pathStr) => {
       switch (pathStr) {
         case "/":
           return "";

package/template/02_async/tsconfig.json

@@ -8,6 +8,15 @@
     "skipLibCheck": true,
     "noUncheckedIndexedAccess": true,
     "exactOptionalPropertyTypes": true,
-    "jsx": "react-jsx"
-  }
+    "jsx": "react-jsx",
+    "outDir": "./dist",
+    "tsBuildInfoFile": "./dist/.tsbuildinfo",
+    "composite": true
+  },
+  "include": ["./src"],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    }
+  ]
 }

package/template/02_async/tsconfig.node.json

@@ -0,0 +1,9 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./dist/node",
+    "tsBuildInfoFile": "./dist/node/.tsbuildinfo",
+    "types": ["node"]
+  },
+  "include": ["vite.config.ts"]
+}

package/template/03_promise/dist/components/App.js

@@ -0,0 +1,9 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Counter } from "./Counter.js";
+const App = ({ name, children }) => {
+    const delayedMessage = new Promise((resolve) => {
+        setTimeout(() => resolve("Hello from server!"), 2000);
+    });
+    return (_jsxs("div", { style: { border: "3px red dashed", margin: "1em", padding: "1em" }, children: [_jsxs("h1", { children: ["Hello ", name, "!!"] }), _jsx("h3", { children: "This is a server component." }), _jsx(Counter, { delayedMessage: delayedMessage }), children] }));
+};
+export default App;

package/template/03_promise/dist/components/Counter.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Suspense, useState } from "react";
+export const Counter = ({ delayedMessage, }) => {
+    const [count, setCount] = useState(0);
+    return (_jsxs("div", { style: { border: "3px blue dashed", margin: "1em", padding: "1em" }, children: [_jsxs("p", { children: ["Count: ", count] }), _jsx("button", { onClick: () => setCount((c) => c + 1), children: "Increment" }), _jsx("h3", { children: "This is a client component." }), _jsx(Suspense, { fallback: "Pending...", children: _jsx(Message, { count: count, delayedMessage: delayedMessage }) })] }));
+};
+const Message = ({ count, delayedMessage, }) => (_jsxs("ul", { children: [_jsxs("li", { children: ["count: ", count] }), _jsxs("li", { children: ["delayedMessage: ", delayedMessage] })] }));

package/template/03_promise/dist/entries.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { lazy } from "react";
+import { defineEntries } from "waku/server";
+import { Children } from "waku/client";
+const App = lazy(() => import("./components/App.js"));
+export default defineEntries(
+// renderEntries
+async (input) => {
+    return {
+        App: (_jsx(App, { name: input || "Waku", children: _jsx(Children, {}) })),
+    };
+}, 
+// getBuildConfig
+async () => {
+    return {
+        "/": {
+            entries: [[""]],
+        },
+    };
+}, 
+// getSsrConfig
+() => ({
+    getInput: async (pathStr) => {
+        switch (pathStr) {
+            case "/":
+                return "";
+            default:
+                return null;
+        }
+    },
+    filter: (elements) => elements.App,
+}));

package/template/03_promise/dist/main.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { Root, Slot } from "waku/client";
+const rootElement = (_jsx(StrictMode, { children: _jsx(Root, { children: _jsx(Slot, { id: "App", children: _jsx("h3", { children: "A client element" }) }) }) }));
+createRoot(document.getElementById("root")).render(rootElement);

package/template/03_promise/node_modules/.bin/tsc

@@ -11,7 +11,7 @@ else
   export NODE_PATH="/home/runner/work/waku/waku/node_modules/.pnpm/typescript@5.2.2/node_modules/typescript/bin/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/typescript@5.2.2/node_modules/typescript/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/typescript@5.2.2/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/node_modules:$NODE_PATH"
 fi
 if [ -x "$basedir/node" ]; then
-  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/typescript@5.2.2/node_modules/typescript/bin/tsc" "$@"
+  exec "$basedir/node"  "$basedir/../typescript/bin/tsc" "$@"
 else
-  exec node  "$basedir/../../../../node_modules/.pnpm/typescript@5.2.2/node_modules/typescript/bin/tsc" "$@"
+  exec node  "$basedir/../typescript/bin/tsc" "$@"
 fi

package/template/03_promise/node_modules/.bin/tsserver

@@ -11,7 +11,7 @@ else
   export NODE_PATH="/home/runner/work/waku/waku/node_modules/.pnpm/typescript@5.2.2/node_modules/typescript/bin/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/typescript@5.2.2/node_modules/typescript/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/typescript@5.2.2/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/node_modules:$NODE_PATH"
 fi
 if [ -x "$basedir/node" ]; then
-  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/typescript@5.2.2/node_modules/typescript/bin/tsserver" "$@"
+  exec "$basedir/node"  "$basedir/../typescript/bin/tsserver" "$@"
 else
-  exec node  "$basedir/../../../../node_modules/.pnpm/typescript@5.2.2/node_modules/typescript/bin/tsserver" "$@"
+  exec node  "$basedir/../typescript/bin/tsserver" "$@"
 fi

package/template/03_promise/node_modules/.bin/waku

@@ -11,7 +11,7 @@ else
   export NODE_PATH="/home/runner/work/waku/waku/packages/waku/dist/node_modules:/home/runner/work/waku/waku/packages/waku/node_modules:/home/runner/work/waku/waku/packages/node_modules:/home/runner/work/waku/waku/node_modules:/home/runner/work/waku/node_modules:/home/runner/work/node_modules:/home/runner/node_modules:/home/node_modules:/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/node_modules:$NODE_PATH"
 fi
 if [ -x "$basedir/node" ]; then
-  exec "$basedir/node"  "$basedir/../../../../packages/waku/dist/cli.js" "$@"
+  exec "$basedir/node"  "$basedir/../waku/dist/cli.js" "$@"
 else
-  exec node  "$basedir/../../../../packages/waku/dist/cli.js" "$@"
+  exec node  "$basedir/../waku/dist/cli.js" "$@"
 fi

package/template/03_promise/package.json

@@ -10,14 +10,14 @@
   },
   "dependencies": {
     "express": "^4.18.2",
-    "react": "18.3.0-canary-7118f5dd7-20230705",
-    "react-dom": "18.3.0-canary-7118f5dd7-20230705",
-    "react-server-dom-webpack": "18.3.0-canary-7118f5dd7-20230705",
-    "waku": "0.15.1"
+    "react": "18.3.0-canary-a41957507-20231017",
+    "react-dom": "18.3.0-canary-a41957507-20231017",
+    "react-server-dom-webpack": "18.3.0-canary-a41957507-20231017",
+    "waku": "0.16.0"
   },
   "devDependencies": {
-    "@types/react": "^18.2.21",
-    "@types/react-dom": "^18.2.7",
+    "@types/react": "^18.2.31",
+    "@types/react-dom": "^18.2.14",
     "typescript": "^5.2.2"
   }
 }

package/template/03_promise/src/entries.tsx

@@ -25,8 +25,8 @@ export default defineEntries(
     };
   },
   // getSsrConfig
-  async () => ({
-    getInput: (pathStr) => {
+  () => ({
+    getInput: async (pathStr) => {
       switch (pathStr) {
         case "/":
           return "";

package/template/03_promise/tsconfig.json

@@ -8,6 +8,8 @@
     "skipLibCheck": true,
     "noUncheckedIndexedAccess": true,
     "exactOptionalPropertyTypes": true,
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    "outDir": "./dist",
+    "rootDir": "./src"
   }
 }

package/template/04_callserver/dist/components/App.js

@@ -0,0 +1,7 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Counter } from "./Counter.js";
+import { greet } from "./funcs.js";
+const App = ({ name }) => {
+    return (_jsxs("div", { style: { border: "3px red dashed", margin: "1em", padding: "1em" }, children: [_jsxs("h1", { children: ["Hello ", name, "!!"] }), _jsx("h3", { children: "This is a server component." }), _jsx(Counter, { greet: greet })] }));
+};
+export default App;

package/template/04_callserver/dist/components/Counter.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState, useTransition } from "react";
+export const Counter = ({ greet, }) => {
+    const [count, setCount] = useState(0);
+    const [text, setText] = useState("");
+    const [isPending, startTransition] = useTransition();
+    const handleClick = () => {
+        startTransition(() => {
+            setText(greet("c=" + count));
+        });
+    };
+    return (_jsxs("div", { style: { border: "3px blue dashed", margin: "1em", padding: "1em" }, children: [_jsxs("p", { children: ["Count: ", count] }), _jsx("button", { onClick: () => setCount((c) => c + 1), children: "Increment" }), _jsxs("p", { children: [_jsxs("button", { onClick: handleClick, children: ["greet(\"c=\" + count) = ", text] }), " ", isPending ? "Pending..." : ""] }), _jsx("h3", { children: "This is a client component." })] }));
+};

package/template/04_callserver/dist/components/funcs.js

@@ -0,0 +1,2 @@
+"use server";
+export const greet = (name) => `Hello ${name} from server!`;

package/template/04_callserver/dist/entries.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { lazy } from "react";
+import { defineEntries } from "waku/server";
+const App = lazy(() => import("./components/App.js"));
+export default defineEntries(
+// renderEntries
+async (input) => {
+    return {
+        App: _jsx(App, { name: input || "Waku" }),
+    };
+}, 
+// getBuildConfig
+async () => {
+    return {
+        "/": {
+            entries: [[""]],
+        },
+    };
+}, 
+// getSsrConfig
+() => ({
+    getInput: async (pathStr) => {
+        switch (pathStr) {
+            case "/":
+                return "";
+            default:
+                return null;
+        }
+    },
+    filter: (elements) => elements.App,
+}));

package/template/04_callserver/dist/main.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { Root, Slot } from "waku/client";
+const rootElement = (_jsx(StrictMode, { children: _jsx(Root, { children: _jsx(Slot, { id: "App" }) }) }));
+createRoot(document.getElementById("root")).render(rootElement);

package/template/04_callserver/node_modules/.bin/tsc

@@ -11,7 +11,7 @@ else
   export NODE_PATH="/home/runner/work/waku/waku/node_modules/.pnpm/typescript@5.2.2/node_modules/typescript/bin/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/typescript@5.2.2/node_modules/typescript/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/typescript@5.2.2/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/node_modules:$NODE_PATH"
 fi
 if [ -x "$basedir/node" ]; then
-  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/typescript@5.2.2/node_modules/typescript/bin/tsc" "$@"
+  exec "$basedir/node"  "$basedir/../typescript/bin/tsc" "$@"
 else
-  exec node  "$basedir/../../../../node_modules/.pnpm/typescript@5.2.2/node_modules/typescript/bin/tsc" "$@"
+  exec node  "$basedir/../typescript/bin/tsc" "$@"
 fi

package/template/04_callserver/node_modules/.bin/tsserver

@@ -11,7 +11,7 @@ else
   export NODE_PATH="/home/runner/work/waku/waku/node_modules/.pnpm/typescript@5.2.2/node_modules/typescript/bin/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/typescript@5.2.2/node_modules/typescript/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/typescript@5.2.2/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/node_modules:$NODE_PATH"
 fi
 if [ -x "$basedir/node" ]; then
-  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/typescript@5.2.2/node_modules/typescript/bin/tsserver" "$@"
+  exec "$basedir/node"  "$basedir/../typescript/bin/tsserver" "$@"
 else
-  exec node  "$basedir/../../../../node_modules/.pnpm/typescript@5.2.2/node_modules/typescript/bin/tsserver" "$@"
+  exec node  "$basedir/../typescript/bin/tsserver" "$@"
 fi

package/template/04_callserver/node_modules/.bin/waku

@@ -11,7 +11,7 @@ else
   export NODE_PATH="/home/runner/work/waku/waku/packages/waku/dist/node_modules:/home/runner/work/waku/waku/packages/waku/node_modules:/home/runner/work/waku/waku/packages/node_modules:/home/runner/work/waku/waku/node_modules:/home/runner/work/waku/node_modules:/home/runner/work/node_modules:/home/runner/node_modules:/home/node_modules:/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/node_modules:$NODE_PATH"
 fi
 if [ -x "$basedir/node" ]; then
-  exec "$basedir/node"  "$basedir/../../../../packages/waku/dist/cli.js" "$@"
+  exec "$basedir/node"  "$basedir/../waku/dist/cli.js" "$@"
 else
-  exec node  "$basedir/../../../../packages/waku/dist/cli.js" "$@"
+  exec node  "$basedir/../waku/dist/cli.js" "$@"
 fi

package/template/04_callserver/package.json

@@ -10,14 +10,14 @@
   },
   "dependencies": {
     "express": "^4.18.2",
-    "react": "18.3.0-canary-7118f5dd7-20230705",
-    "react-dom": "18.3.0-canary-7118f5dd7-20230705",
-    "react-server-dom-webpack": "18.3.0-canary-7118f5dd7-20230705",
-    "waku": "0.15.1"
+    "react": "18.3.0-canary-a41957507-20231017",
+    "react-dom": "18.3.0-canary-a41957507-20231017",
+    "react-server-dom-webpack": "18.3.0-canary-a41957507-20231017",
+    "waku": "0.16.0"
   },
   "devDependencies": {
-    "@types/react": "^18.2.21",
-    "@types/react-dom": "^18.2.7",
+    "@types/react": "^18.2.31",
+    "@types/react-dom": "^18.2.14",
     "typescript": "^5.2.2"
   }
 }

package/template/04_callserver/src/entries.tsx

@@ -20,8 +20,8 @@ export default defineEntries(
     };
   },
   // getSsrConfig
-  async () => ({
-    getInput: (pathStr) => {
+  () => ({
+    getInput: async (pathStr) => {
       switch (pathStr) {
         case "/":
           return "";

package/template/04_callserver/tsconfig.json

@@ -8,6 +8,8 @@
     "skipLibCheck": true,
     "noUncheckedIndexedAccess": true,
     "exactOptionalPropertyTypes": true,
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    "outDir": "./dist",
+    "rootDir": "./src"
   }
 }

package/template/05_mutation/dist/components/App.js

@@ -0,0 +1,7 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Counter } from "./Counter.js";
+import { getCounter, increment } from "./funcs.js";
+const App = ({ name }) => {
+    return (_jsxs("div", { style: { border: "3px red dashed", margin: "1em", padding: "1em" }, children: [_jsxs("h1", { children: ["Hello ", name, "!!"] }), _jsx("h3", { children: "This is a server component." }), _jsxs("p", { children: ["Server counter: ", getCounter()] }), _jsx(Counter, { increment: increment })] }));
+};
+export default App;

package/template/05_mutation/dist/components/Counter.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState, useTransition } from "react";
+export const Counter = ({ increment }) => {
+    const [count, setCount] = useState(0);
+    const [isPending, startTransition] = useTransition();
+    const handleClick = () => {
+        startTransition(() => {
+            increment();
+        });
+    };
+    return (_jsxs("div", { style: { border: "3px blue dashed", margin: "1em", padding: "1em" }, children: [_jsxs("p", { children: ["Count: ", count] }), _jsx("button", { onClick: () => setCount((c) => c + 1), children: "Increment" }), _jsxs("p", { children: [_jsx("button", { onClick: handleClick, children: "Increment server counter" }), " ", isPending ? "Pending..." : ""] }), _jsx("h3", { children: "This is a client component." })] }));
+};

package/template/05_mutation/dist/components/funcs.js

@@ -0,0 +1,9 @@
+"use server";
+import { rerender } from "waku/server";
+// module state on server
+let counter = 0;
+export const getCounter = () => counter;
+export const increment = () => {
+    counter += 1;
+    rerender("Waku");
+};

package/template/05_mutation/dist/entries.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { lazy } from "react";
+import { defineEntries } from "waku/server";
+const App = lazy(() => import("./components/App.js"));
+export default defineEntries(
+// renderEntries
+async (input) => {
+    return {
+        App: _jsx(App, { name: input || "Waku" }),
+    };
+}, 
+// getBuildConfig
+async () => {
+    return {
+        "/": {
+            entries: [[""]],
+        },
+    };
+}, 
+// getSsrConfig
+() => ({
+    getInput: async (pathStr) => {
+        switch (pathStr) {
+            case "/":
+                return "";
+            default:
+                return null;
+        }
+    },
+    filter: (elements) => elements.App,
+}));

package/template/05_mutation/dist/main.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { Root, Slot } from "waku/client";
+const rootElement = (_jsx(StrictMode, { children: _jsx(Root, { children: _jsx(Slot, { id: "App" }) }) }));
+createRoot(document.getElementById("root")).render(rootElement);

package/template/05_mutation/node_modules/.bin/tsc

@@ -11,7 +11,7 @@ else
   export NODE_PATH="/home/runner/work/waku/waku/node_modules/.pnpm/typescript@5.2.2/node_modules/typescript/bin/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/typescript@5.2.2/node_modules/typescript/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/typescript@5.2.2/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/node_modules:$NODE_PATH"
 fi
 if [ -x "$basedir/node" ]; then
-  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/typescript@5.2.2/node_modules/typescript/bin/tsc" "$@"
+  exec "$basedir/node"  "$basedir/../typescript/bin/tsc" "$@"
 else
-  exec node  "$basedir/../../../../node_modules/.pnpm/typescript@5.2.2/node_modules/typescript/bin/tsc" "$@"
+  exec node  "$basedir/../typescript/bin/tsc" "$@"
 fi

package/template/05_mutation/node_modules/.bin/tsserver

@@ -11,7 +11,7 @@ else
   export NODE_PATH="/home/runner/work/waku/waku/node_modules/.pnpm/typescript@5.2.2/node_modules/typescript/bin/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/typescript@5.2.2/node_modules/typescript/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/typescript@5.2.2/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/node_modules:$NODE_PATH"
 fi
 if [ -x "$basedir/node" ]; then
-  exec "$basedir/node"  "$basedir/../../../../node_modules/.pnpm/typescript@5.2.2/node_modules/typescript/bin/tsserver" "$@"
+  exec "$basedir/node"  "$basedir/../typescript/bin/tsserver" "$@"
 else
-  exec node  "$basedir/../../../../node_modules/.pnpm/typescript@5.2.2/node_modules/typescript/bin/tsserver" "$@"
+  exec node  "$basedir/../typescript/bin/tsserver" "$@"
 fi

package/template/05_mutation/node_modules/.bin/waku

@@ -11,7 +11,7 @@ else
   export NODE_PATH="/home/runner/work/waku/waku/packages/waku/dist/node_modules:/home/runner/work/waku/waku/packages/waku/node_modules:/home/runner/work/waku/waku/packages/node_modules:/home/runner/work/waku/waku/node_modules:/home/runner/work/waku/node_modules:/home/runner/work/node_modules:/home/runner/node_modules:/home/node_modules:/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/node_modules:$NODE_PATH"
 fi
 if [ -x "$basedir/node" ]; then
-  exec "$basedir/node"  "$basedir/../../../../packages/waku/dist/cli.js" "$@"
+  exec "$basedir/node"  "$basedir/../waku/dist/cli.js" "$@"
 else
-  exec node  "$basedir/../../../../packages/waku/dist/cli.js" "$@"
+  exec node  "$basedir/../waku/dist/cli.js" "$@"
 fi

package/template/05_mutation/package.json

@@ -10,14 +10,14 @@
   },
   "dependencies": {
     "express": "^4.18.2",
-    "react": "18.3.0-canary-7118f5dd7-20230705",
-    "react-dom": "18.3.0-canary-7118f5dd7-20230705",
-    "react-server-dom-webpack": "18.3.0-canary-7118f5dd7-20230705",
-    "waku": "0.15.1"
+    "react": "18.3.0-canary-a41957507-20231017",
+    "react-dom": "18.3.0-canary-a41957507-20231017",
+    "react-server-dom-webpack": "18.3.0-canary-a41957507-20231017",
+    "waku": "0.16.0"
   },
   "devDependencies": {
-    "@types/react": "^18.2.21",
-    "@types/react-dom": "^18.2.7",
+    "@types/react": "^18.2.31",
+    "@types/react-dom": "^18.2.14",
     "typescript": "^5.2.2"
   }
 }

package/template/05_mutation/src/entries.tsx

@@ -20,8 +20,8 @@ export default defineEntries(
     };
   },
   // getSsrConfig
-  async () => ({
-    getInput: (pathStr) => {
+  () => ({
+    getInput: async (pathStr) => {
       switch (pathStr) {
         case "/":
           return "";

package/template/05_mutation/tsconfig.json

@@ -8,6 +8,8 @@
     "skipLibCheck": true,
     "noUncheckedIndexedAccess": true,
     "exactOptionalPropertyTypes": true,
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    "outDir": "./dist",
+    "rootDir": "./src"
   }
 }

package/template/06_nesting/dist/components/App.js

@@ -0,0 +1,6 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Counter } from "./Counter.js";
+const App = ({ name }) => {
+    return (_jsxs("div", { style: { border: "3px red dashed", margin: "1em", padding: "1em" }, children: [_jsxs("h1", { children: ["Hello ", name, "!!"] }), _jsx("h3", { children: "This is a server component." }), _jsx(Counter, { enableInnerApp: true })] }));
+};
+export default App;

package/template/06_nesting/dist/components/Counter.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState, useTransition } from "react";
+import { Slot, useRefetch } from "waku/client";
+export const Counter = ({ enableInnerApp = false }) => {
+    const [count, setCount] = useState(0);
+    const [isPending, startTransition] = useTransition();
+    const refetch = useRefetch();
+    const handleClick = () => {
+        if (enableInnerApp) {
+            startTransition(() => {
+                const nextCount = count + 1;
+                setCount(nextCount);
+                if (enableInnerApp) {
+                    refetch("InnerApp=" + nextCount);
+                }
+            });
+        }
+        else {
+            setCount((c) => c + 1);
+        }
+    };
+    return (_jsxs("div", { style: { border: "3px blue dashed", margin: "1em", padding: "1em" }, children: [_jsxs("p", { children: ["Count: ", count] }), _jsx("button", { onClick: handleClick, children: "Increment" }), " ", isPending && "Pending...", _jsx("h3", { children: "This is a client component." }), enableInnerApp && _jsx(Slot, { id: "InnerApp" })] }));
+};

package/template/06_nesting/dist/components/InnerApp.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Counter } from "./Counter.js";
+const InnerApp = ({ count = -1 }) => {
+    return (_jsxs("div", { style: { border: "3px red dashed", margin: "1em", padding: "1em" }, children: [_jsx("h3", { children: "This is another server component." }), _jsxs("p", { children: ["The outer count is ", count, "."] }), _jsx(Counter, {})] }));
+};
+export default InnerApp;

package/template/06_nesting/dist/entries.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { lazy } from "react";
+import { defineEntries } from "waku/server";
+const App = lazy(() => import("./components/App.js"));
+const InnerApp = lazy(() => import("./components/InnerApp.js"));
+export default defineEntries(
+// renderEntries
+async (input) => {
+    const params = new URLSearchParams(input || "App=Waku&InnerApp=0");
+    const result = {};
+    if (params.has("App")) {
+        result.App = _jsx(App, { name: params.get("App") });
+    }
+    if (params.has("InnerApp")) {
+        result.InnerApp = _jsx(InnerApp, { count: Number(params.get("InnerApp")) });
+    }
+    return result;
+}, 
+// getBuildConfig
+async () => {
+    return {
+        "/": {
+            entries: [
+                [""],
+                ["InnerApp=1", true],
+                ["InnerApp=2", true],
+                ["InnerApp=3", true],
+                ["InnerApp=4", true],
+                ["InnerApp=5", true],
+            ],
+        },
+    };
+}, 
+// getSsrConfig
+() => ({
+    getInput: async (pathStr) => {
+        switch (pathStr) {
+            case "/":
+                return "App=Waku";
+            default:
+                return null;
+        }
+    },
+    filter: (elements) => elements.App,
+}));

package/template/06_nesting/dist/main.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { Root, Slot } from "waku/client";
+const rootElement = (_jsx(StrictMode, { children: _jsx(Root, { children: _jsx(Slot, { id: "App" }) }) }));
+createRoot(document.getElementById("root")).render(rootElement);