create-waku 0.5.3 → 0.6.0

package/template/10_dynamicroute/dist/node/vite.config.js

@@ -0,0 +1,16 @@
+import url from "node:url";
+import path from "node:path";
+import { defineConfig } from "waku/config";
+const modulesRoot = path.join(path.dirname(url.fileURLToPath(import.meta.url)), "src");
+export default defineConfig({
+    build: {
+        rollupOptions: {
+            output: {
+                // FIXME this doesn't seem to provide nice output.
+                // TODO we should use `input` instead.
+                preserveModules: true,
+                preserveModulesRoot: modulesRoot,
+            },
+        },
+    },
+});

package/template/10_dynamicroute/dist/src/entries.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    renderEntries: import("waku/server").RenderEntries;
+    getBuildConfig: import("waku/server").GetBuildConfig | undefined;
+    getSsrConfig: import("waku/server").GetSsrConfig | undefined;
+};
+export default _default;

package/template/10_dynamicroute/dist/src/entries.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import url from "node:url";
+import path from "node:path";
+import fs from "node:fs";
+import { lazy } from "react";
+import { glob } from "glob";
+import { defineRouter } from "waku/router/server";
+const routesDir = path.join(path.dirname(url.fileURLToPath(import.meta.url)), "routes");
+const getRoute = (items) => lazy(() => {
+    // HACK: replace "_slug_" to "[slug]"
+    items = items.map((item) => item.replace(/^_(\w+)_$/, "[$1]"));
+    switch (items.length) {
+        case 1:
+            return import(`./routes/${items[0]}.tsx`);
+        case 2:
+            return import(`./routes/${items[0]}/${items[1]}.tsx`);
+        case 3:
+            return import(`./routes/${items[0]}/${items[1]}/${items[2]}.tsx`);
+        default:
+            throw new Error("too deep route");
+    }
+});
+// HACK for vite dev server
+const isReservedId = (id) => id.startsWith("@") || id.startsWith("main.tsx/");
+export default defineRouter(
+// getComponent (id is "**/layout" or "**/page")
+async (id) => {
+    if (isReservedId(id)) {
+        return null;
+    }
+    const mapping = {};
+    const items = id.split("/");
+    for (let i = 0; i < items.length - 1; ++i) {
+        const dir = path.join(routesDir, ...items.slice(0, i));
+        if (!fs.existsSync(dir)) {
+            return null;
+        }
+        const files = fs.readdirSync(dir);
+        if (!files.includes(items[i])) {
+            const slug = files.find((file) => file.match(/^(\[\w+\]|_\w+_)$/));
+            if (slug) {
+                mapping[slug.slice(1, -1)] = items[i];
+                items[i] = slug;
+            }
+        }
+    }
+    if (!fs.existsSync(path.join(routesDir, ...items) + ".js") &&
+        !fs.existsSync(path.join(routesDir, ...items) + ".tsx")) {
+        return null;
+    }
+    const Route = getRoute(items);
+    const Component = (props) => (_jsx(Route, { ...props, ...mapping }));
+    return Component;
+}, 
+// getPathsForBuild
+async () => {
+    const files = await glob("**/page.{tsx,js}", { cwd: routesDir });
+    return files
+        .filter((file) => !/(^|\/)(\[\w+\]|_\w+_)\//.test(file))
+        .map((file) => "/" + file.slice(0, Math.max(0, file.lastIndexOf("/"))));
+});

package/template/10_dynamicroute/dist/src/main.d.ts

@@ -0,0 +1 @@
+export {};

package/template/10_dynamicroute/dist/src/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 { Router } from "waku/router/client";
+const rootElement = (_jsx(StrictMode, { children: _jsx(Router, { shouldSkip: () => true }) }));
+createRoot(document.getElementById("root")).render(rootElement);

package/template/10_dynamicroute/dist/src/routes/[name]/page.d.ts

@@ -0,0 +1,4 @@
+declare const Page: ({ name }: {
+    name: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Page;

package/template/10_dynamicroute/dist/src/routes/[name]/page.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Page = ({ name }) => (_jsx("div", { children: _jsx("h2", { children: name }) }));
+export default Page;

package/template/10_dynamicroute/dist/src/routes/layout.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from "react";
+declare const HomeLayout: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default HomeLayout;

package/template/10_dynamicroute/dist/src/routes/layout.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from "waku/router/server";
+const HomeLayout = ({ children }) => (_jsxs("div", { children: [_jsxs("ul", { children: [_jsx("li", { children: _jsx(Link, { href: "/", children: "Home" }) }), _jsx("li", { children: _jsx(Link, { href: "/foo", children: "Foo" }) }), _jsx("li", { children: _jsx(Link, { href: "/bar", children: "Bar" }) }), _jsx("li", { children: _jsx(Link, { href: "/baz", children: "Baz" }) })] }), children] }));
+export default HomeLayout;

package/template/10_dynamicroute/dist/src/routes/page.d.ts

@@ -0,0 +1,2 @@
+declare const Home: () => import("react/jsx-runtime").JSX.Element;
+export default Home;

package/template/10_dynamicroute/dist/src/routes/page.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Home = () => (_jsx("div", { children: _jsx("h1", { children: "Home" }) }));
+export default Home;

package/template/10_dynamicroute/node_modules/.bin/glob

@@ -0,0 +1,17 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/home/runner/work/waku/waku/node_modules/.pnpm/glob@10.3.10/node_modules/glob/dist/esm/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/glob@10.3.10/node_modules/glob/dist/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/glob@10.3.10/node_modules/glob/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/glob@10.3.10/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/home/runner/work/waku/waku/node_modules/.pnpm/glob@10.3.10/node_modules/glob/dist/esm/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/glob@10.3.10/node_modules/glob/dist/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/glob@10.3.10/node_modules/glob/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/glob@10.3.10/node_modules:/home/runner/work/waku/waku/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../glob/dist/esm/bin.mjs" "$@"
+else
+  exec node  "$basedir/../glob/dist/esm/bin.mjs" "$@"
+fi

package/template/10_dynamicroute/node_modules/.bin/tsc

@@ -0,0 +1,17 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  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"
+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/../typescript/bin/tsc" "$@"
+else
+  exec node  "$basedir/../typescript/bin/tsc" "$@"
+fi

package/template/10_dynamicroute/node_modules/.bin/tsserver

@@ -0,0 +1,17 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  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"
+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/../typescript/bin/tsserver" "$@"
+else
+  exec node  "$basedir/../typescript/bin/tsserver" "$@"
+fi

package/template/10_dynamicroute/node_modules/.bin/waku

@@ -0,0 +1,17 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  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"
+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/../waku/dist/cli.js" "$@"
+else
+  exec node  "$basedir/../waku/dist/cli.js" "$@"
+fi

package/template/10_dynamicroute/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "waku-example",
+  "version": "0.1.0",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "dev": "waku dev --with-ssr",
+    "build": "waku build",
+    "start": "waku start --with-ssr"
+  },
+  "dependencies": {
+    "express": "^4.18.2",
+    "glob": "^10.3.10",
+    "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.31",
+    "@types/react-dom": "^18.2.14",
+    "typescript": "^5.2.2"
+  }
+}

package/template/10_dynamicroute/src/entries.tsx

@@ -0,0 +1,75 @@
+import url from "node:url";
+import path from "node:path";
+import fs from "node:fs";
+
+import { lazy } from "react";
+import { glob } from "glob";
+import { defineRouter } from "waku/router/server";
+
+const routesDir = path.join(
+  path.dirname(url.fileURLToPath(import.meta.url)),
+  "routes",
+);
+
+const getRoute = (items: string[]) =>
+  lazy(() => {
+    // HACK: replace "_slug_" to "[slug]"
+    items = items.map((item) => item.replace(/^_(\w+)_$/, "[$1]"));
+    switch (items.length) {
+      case 1:
+        return import(`./routes/${items[0]}.tsx`);
+      case 2:
+        return import(`./routes/${items[0]}/${items[1]}.tsx`);
+      case 3:
+        return import(`./routes/${items[0]}/${items[1]}/${items[2]}.tsx`);
+      default:
+        throw new Error("too deep route");
+    }
+  });
+
+// HACK for vite dev server
+const isReservedId = (id: string) =>
+  id.startsWith("@") || id.startsWith("main.tsx/");
+
+export default defineRouter(
+  // getComponent (id is "**/layout" or "**/page")
+  async (id) => {
+    if (isReservedId(id)) {
+      return null;
+    }
+    const mapping: Record<string, string> = {};
+    const items = id.split("/");
+    for (let i = 0; i < items.length - 1; ++i) {
+      const dir = path.join(routesDir, ...items.slice(0, i));
+      if (!fs.existsSync(dir)) {
+        return null;
+      }
+      const files = fs.readdirSync(dir);
+      if (!files.includes(items[i]!)) {
+        const slug = files.find((file) => file.match(/^(\[\w+\]|_\w+_)$/));
+        if (slug) {
+          mapping[slug.slice(1, -1)] = items[i]!;
+          items[i] = slug;
+        }
+      }
+    }
+    if (
+      !fs.existsSync(path.join(routesDir, ...items) + ".js") &&
+      !fs.existsSync(path.join(routesDir, ...items) + ".tsx")
+    ) {
+      return null;
+    }
+    const Route = getRoute(items);
+    const Component = (props: Record<string, unknown>) => (
+      <Route {...props} {...mapping} />
+    );
+    return Component;
+  },
+  // getPathsForBuild
+  async () => {
+    const files = await glob("**/page.{tsx,js}", { cwd: routesDir });
+    return files
+      .filter((file) => !/(^|\/)(\[\w+\]|_\w+_)\//.test(file))
+      .map((file) => "/" + file.slice(0, Math.max(0, file.lastIndexOf("/"))));
+  },
+);

package/template/10_dynamicroute/src/index.html

@@ -0,0 +1,36 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Waku example</title>
+    <style>
+      @keyframes spinner {
+        to {
+          transform: rotate(360deg);
+        }
+      }
+      .spinner {
+        width: 36px;
+        height: 36px;
+        margin: auto;
+        border: 2px solid #ddd;
+        border-top-color: #222;
+        border-radius: 50%;
+        animation: spinner 1s linear infinite;
+      }
+      #root > .spinner {
+        margin-top: calc(50% - 18px);
+      }
+    </style>
+  </head>
+  <body>
+    <!--placeholder1-->
+    <div id="root">
+      <div class="spinner"></div>
+    </div>
+    <!--/placeholder1-->
+    <script src="/main.tsx" async type="module"></script>
+    <!--placeholder2-->
+    <!--/placeholder2-->
+  </body>
+</html>

package/template/10_dynamicroute/src/main.tsx

@@ -0,0 +1,11 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { Router } from "waku/router/client";
+
+const rootElement = (
+  <StrictMode>
+    <Router shouldSkip={() => true} />
+  </StrictMode>
+);
+
+createRoot(document.getElementById("root")!).render(rootElement);

package/template/10_dynamicroute/src/routes/[name]/page.tsx

@@ -0,0 +1,7 @@
+const Page = ({ name }: { name: string }) => (
+  <div>
+    <h2>{name}</h2>
+  </div>
+);
+
+export default Page;

package/template/10_dynamicroute/src/routes/layout.tsx

@@ -0,0 +1,25 @@
+import type { ReactNode } from "react";
+
+import { Link } from "waku/router/server";
+
+const HomeLayout = ({ children }: { children: ReactNode }) => (
+  <div>
+    <ul>
+      <li>
+        <Link href="/">Home</Link>
+      </li>
+      <li>
+        <Link href="/foo">Foo</Link>
+      </li>
+      <li>
+        <Link href="/bar">Bar</Link>
+      </li>
+      <li>
+        <Link href="/baz">Baz</Link>
+      </li>
+    </ul>
+    {children}
+  </div>
+);
+
+export default HomeLayout;

package/template/10_dynamicroute/src/routes/page.tsx

@@ -0,0 +1,7 @@
+const Home = () => (
+  <div>
+    <h1>Home</h1>
+  </div>
+);
+
+export default Home;

package/template/10_dynamicroute/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "target": "esnext",
+    "downlevelIteration": true,
+    "esModuleInterop": true,
+    "module": "nodenext",
+    "skipLibCheck": true,
+    "noUncheckedIndexedAccess": true,
+    "exactOptionalPropertyTypes": true,
+    "jsx": "react-jsx",
+    "outDir": "./dist",
+    "tsBuildInfoFile": "./dist/.tsbuildinfo",
+    "composite": true
+  },
+  "include": ["./src"],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    }
+  ]
+}

package/template/10_dynamicroute/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/10_dynamicroute/vite.config.ts

@@ -0,0 +1,22 @@
+import url from "node:url";
+import path from "node:path";
+
+import { defineConfig } from "waku/config";
+
+const modulesRoot = path.join(
+  path.dirname(url.fileURLToPath(import.meta.url)),
+  "src",
+);
+
+export default defineConfig({
+  build: {
+    rollupOptions: {
+      output: {
+        // FIXME this doesn't seem to provide nice output.
+        // TODO we should use `input` instead.
+        preserveModules: true,
+        preserveModulesRoot: modulesRoot,
+      },
+    },
+  },
+});

package/template/11_form/dist/components/App.js

@@ -0,0 +1,8 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Counter } from "./Counter.js";
+import { Form } from "./Form.js";
+import { getMessage, greet, 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." }), _jsx(Counter, { increment: increment }), _jsx(Form, { message: getMessage(), greet: greet })] }));
+};
+export default App;

package/template/11_form/dist/components/Counter.js

@@ -0,0 +1,13 @@
+/// <reference types="react/canary" />
+/// <reference types="react-dom/canary" />
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useFormState, useFormStatus } from "react-dom";
+const FormStatus = () => {
+    const { pending } = useFormStatus();
+    return pending ? "Pending..." : null;
+};
+export const Counter = ({ increment, }) => {
+    const [count, dispatch] = useFormState(increment, 0);
+    return (_jsxs("div", { style: { border: "3px blue dashed", margin: "1em", padding: "1em" }, children: [_jsxs("form", { children: [_jsxs("p", { children: ["Count: ", count] }), _jsx("button", { formAction: dispatch, children: "Increment" }), _jsx(FormStatus, {})] }), _jsx("h3", { children: "This is a client component." })] }));
+};

package/template/11_form/dist/components/Form.js

@@ -0,0 +1,10 @@
+/// <reference types="react/canary" />
+/// <reference types="react-dom/canary" />
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useFormStatus } from "react-dom";
+const SubmitButton = () => {
+    const { pending } = useFormStatus();
+    return (_jsxs(_Fragment, { children: [_jsx("button", { disabled: pending, type: "submit", children: "Submit" }), pending ? "Pending..." : null] }));
+};
+export const Form = ({ message, greet, }) => (_jsxs("div", { style: { border: "3px blue dashed", margin: "1em", padding: "1em" }, children: [_jsx("p", { children: message }), _jsxs("form", { action: greet, children: ["Name: ", _jsx("input", { name: "name" }), _jsx(SubmitButton, {})] }), _jsx("h3", { children: "This is a client component." })] }));

package/template/11_form/dist/components/funcs.js

@@ -0,0 +1,10 @@
+"use server";
+import { rerender } from "waku/server";
+// module state on server
+let message = "";
+export const getMessage = () => message;
+export const greet = (formData) => {
+    message = `Hello ${formData.get("name") || "Anonymous"} from server!`;
+    rerender("");
+};
+export const increment = (count) => count + 1;

package/template/11_form/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/11_form/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/11_form/node_modules/.bin/tsc

@@ -0,0 +1,17 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  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"
+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/../typescript/bin/tsc" "$@"
+else
+  exec node  "$basedir/../typescript/bin/tsc" "$@"
+fi

package/template/11_form/node_modules/.bin/tsserver

@@ -0,0 +1,17 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  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"
+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/../typescript/bin/tsserver" "$@"
+else
+  exec node  "$basedir/../typescript/bin/tsserver" "$@"
+fi

package/template/11_form/node_modules/.bin/waku

@@ -0,0 +1,17 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  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"
+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/../waku/dist/cli.js" "$@"
+else
+  exec node  "$basedir/../waku/dist/cli.js" "$@"
+fi

package/template/11_form/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "waku-example",
+  "version": "0.1.0",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "dev": "waku dev --with-ssr",
+    "build": "waku build",
+    "start": "waku start --with-ssr"
+  },
+  "dependencies": {
+    "express": "^4.18.2",
+    "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.31",
+    "@types/react-dom": "^18.2.14",
+    "typescript": "^5.2.2"
+  }
+}