create-waku 0.6.2 → 0.6.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-waku",
-  "version": "0.6.2",
+  "version": "0.6.3",
   "author": "Daishi Kato",
   "type": "module",
   "contributors": [
@@ -10,7 +10,9 @@
     "type": "git",
     "url": "https://github.com/dai-shi/waku.git"
   },
-  "bin": "./dist/cli.js",
+  "bin": {
+    "create-waku": "./dist/cli.js"
+  },
   "files": [
     "src",
     "dist",
@@ -28,7 +30,7 @@
   "scripts": {
     "start": "node dist/cli.js",
     "compile": "rm -rf template dist *.tsbuildinfo && pnpm run template && pnpm run build",
-    "template": "cp -r ../../examples template/",
+    "template": "cp -r ../../examples template/ && rm -rf template/*/dist && rm -rf template/node_modules",
     "build": "tsc -b"
   }
 }

package/template/01_counter/package.json

@@ -10,10 +10,10 @@
   },
   "dependencies": {
     "express": "^4.18.2",
-    "react": "18.3.0-canary-0e352ea01-20231109",
-    "react-dom": "18.3.0-canary-0e352ea01-20231109",
-    "react-server-dom-webpack": "18.3.0-canary-0e352ea01-20231109",
-    "waku": "0.17.0"
+    "react": "18.3.0-canary-6c7b41da3-20231123",
+    "react-dom": "18.3.0-canary-6c7b41da3-20231123",
+    "react-server-dom-webpack": "18.3.0-canary-6c7b41da3-20231123",
+    "waku": "0.17.1"
   },
   "devDependencies": {
     "@swc/core": "1.3.96",

package/template/02_async/package.json

@@ -10,10 +10,10 @@
   },
   "dependencies": {
     "express": "^4.18.2",
-    "react": "18.3.0-canary-0e352ea01-20231109",
-    "react-dom": "18.3.0-canary-0e352ea01-20231109",
-    "react-server-dom-webpack": "18.3.0-canary-0e352ea01-20231109",
-    "waku": "0.17.0"
+    "react": "18.3.0-canary-6c7b41da3-20231123",
+    "react-dom": "18.3.0-canary-6c7b41da3-20231123",
+    "react-server-dom-webpack": "18.3.0-canary-6c7b41da3-20231123",
+    "waku": "0.17.1"
   },
   "devDependencies": {
     "@swc/core": "1.3.96",

package/template/03_promise/package.json

@@ -10,10 +10,10 @@
   },
   "dependencies": {
     "express": "^4.18.2",
-    "react": "18.3.0-canary-0e352ea01-20231109",
-    "react-dom": "18.3.0-canary-0e352ea01-20231109",
-    "react-server-dom-webpack": "18.3.0-canary-0e352ea01-20231109",
-    "waku": "0.17.0"
+    "react": "18.3.0-canary-6c7b41da3-20231123",
+    "react-dom": "18.3.0-canary-6c7b41da3-20231123",
+    "react-server-dom-webpack": "18.3.0-canary-6c7b41da3-20231123",
+    "waku": "0.17.1"
   },
   "devDependencies": {
     "@swc/core": "1.3.96",

package/template/04_callserver/package.json

@@ -10,10 +10,10 @@
   },
   "dependencies": {
     "express": "^4.18.2",
-    "react": "18.3.0-canary-0e352ea01-20231109",
-    "react-dom": "18.3.0-canary-0e352ea01-20231109",
-    "react-server-dom-webpack": "18.3.0-canary-0e352ea01-20231109",
-    "waku": "0.17.0"
+    "react": "18.3.0-canary-6c7b41da3-20231123",
+    "react-dom": "18.3.0-canary-6c7b41da3-20231123",
+    "react-server-dom-webpack": "18.3.0-canary-6c7b41da3-20231123",
+    "waku": "0.17.1"
   },
   "devDependencies": {
     "@swc/core": "1.3.96",

package/template/05_mutation/package.json

@@ -10,11 +10,11 @@
   },
   "dependencies": {
     "express": "^4.18.2",
-    "react": "18.3.0-canary-0e352ea01-20231109",
-    "react-dom": "18.3.0-canary-0e352ea01-20231109",
-    "react-server-dom-webpack": "18.3.0-canary-0e352ea01-20231109",
+    "react": "18.3.0-canary-6c7b41da3-20231123",
+    "react-dom": "18.3.0-canary-6c7b41da3-20231123",
+    "react-server-dom-webpack": "18.3.0-canary-6c7b41da3-20231123",
     "react-wrap-balancer": "^1.1.0",
-    "waku": "0.17.0"
+    "waku": "0.17.1"
   },
   "devDependencies": {
     "@swc/core": "1.3.96",

package/template/06_nesting/package.json

@@ -10,10 +10,10 @@
   },
   "dependencies": {
     "express": "^4.18.2",
-    "react": "18.3.0-canary-0e352ea01-20231109",
-    "react-dom": "18.3.0-canary-0e352ea01-20231109",
-    "react-server-dom-webpack": "18.3.0-canary-0e352ea01-20231109",
-    "waku": "0.17.0"
+    "react": "18.3.0-canary-6c7b41da3-20231123",
+    "react-dom": "18.3.0-canary-6c7b41da3-20231123",
+    "react-server-dom-webpack": "18.3.0-canary-6c7b41da3-20231123",
+    "waku": "0.17.1"
   },
   "devDependencies": {
     "@swc/core": "1.3.96",

package/template/07_router/package.json

@@ -11,10 +11,10 @@
   "dependencies": {
     "express": "^4.18.2",
     "glob": "^10.3.10",
-    "react": "18.3.0-canary-0e352ea01-20231109",
-    "react-dom": "18.3.0-canary-0e352ea01-20231109",
-    "react-server-dom-webpack": "18.3.0-canary-0e352ea01-20231109",
-    "waku": "0.17.0"
+    "react": "18.3.0-canary-6c7b41da3-20231123",
+    "react-dom": "18.3.0-canary-6c7b41da3-20231123",
+    "react-server-dom-webpack": "18.3.0-canary-6c7b41da3-20231123",
+    "waku": "0.17.1"
   },
   "devDependencies": {
     "@swc/core": "1.3.96",

package/template/08_cookies/db/items.json

@@ -0,0 +1,12 @@
+[
+  { "id": 1, "name": "John" },
+  { "id": 2, "name": "Jane" },
+  { "id": 3, "name": "Bob" },
+  { "id": 4, "name": "Mary" },
+  { "id": 5, "name": "Peter" },
+  { "id": 6, "name": "Kate" },
+  { "id": 7, "name": "Mike" },
+  { "id": 8, "name": "Liz" },
+  { "id": 9, "name": "Steve" },
+  { "id": 10, "name": "Sue" }
+]

package/template/08_cookies/package.json

@@ -11,10 +11,10 @@
   "dependencies": {
     "cookie-parser": "^1.4.6",
     "express": "^4.18.2",
-    "react": "18.3.0-canary-0e352ea01-20231109",
-    "react-dom": "18.3.0-canary-0e352ea01-20231109",
-    "react-server-dom-webpack": "18.3.0-canary-0e352ea01-20231109",
-    "waku": "0.17.0"
+    "react": "18.3.0-canary-6c7b41da3-20231123",
+    "react-dom": "18.3.0-canary-6c7b41da3-20231123",
+    "react-server-dom-webpack": "18.3.0-canary-6c7b41da3-20231123",
+    "waku": "0.17.1"
   },
   "devDependencies": {
     "@swc/core": "1.3.96",

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

@@ -1,7 +1,7 @@
 import { getContext } from 'waku/server';
 import { Counter } from './Counter.js';
 
-const App = ({ name }: { name: string }) => {
+const App = ({ name, items }: { name: string; items: unknown[] }) => {
   const ctx = getContext<{ count: number }>();
   return (
     <div style={{ border: '3px red dashed', margin: '1em', padding: '1em' }}>
@@ -9,6 +9,7 @@ const App = ({ name }: { name: string }) => {
       <h3>This is a server component.</h3>
       <p>Cookie count: {ctx.count}</p>
       <Counter />
+      <p>Item count: {items.length}</p>
     </div>
   );
 };

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

@@ -1,3 +1,6 @@
+import path from 'node:path';
+import url from 'node:url';
+import fsPromises from 'node:fs/promises';
 import { lazy } from 'react';
 import { defineEntries, getContext } from 'waku/server';
 import { Slot } from 'waku/client';
@@ -9,8 +12,17 @@ export default defineEntries(
   async (input) => {
     const ctx = getContext<{ count: number }>();
     ++ctx.count;
+    const items = JSON.parse(
+      await fsPromises.readFile(
+        path.join(
+          path.dirname(url.fileURLToPath(import.meta.url)),
+          '../db/items.json',
+        ),
+        'utf8',
+      ),
+    );
     return {
-      App: <App name={input || 'Waku'} />,
+      App: <App name={input || 'Waku'} items={items} />,
     };
   },
   // getBuildConfig

package/template/09_cssmodules/package.json

@@ -10,10 +10,10 @@
   },
   "dependencies": {
     "express": "^4.18.2",
-    "react": "18.3.0-canary-0e352ea01-20231109",
-    "react-dom": "18.3.0-canary-0e352ea01-20231109",
-    "react-server-dom-webpack": "18.3.0-canary-0e352ea01-20231109",
-    "waku": "0.17.0"
+    "react": "18.3.0-canary-6c7b41da3-20231123",
+    "react-dom": "18.3.0-canary-6c7b41da3-20231123",
+    "react-server-dom-webpack": "18.3.0-canary-6c7b41da3-20231123",
+    "waku": "0.17.1"
   },
   "devDependencies": {
     "@swc/core": "1.3.96",

package/template/10_dynamicroute/package.json

@@ -11,10 +11,10 @@
   "dependencies": {
     "express": "^4.18.2",
     "glob": "^10.3.10",
-    "react": "18.3.0-canary-0e352ea01-20231109",
-    "react-dom": "18.3.0-canary-0e352ea01-20231109",
-    "react-server-dom-webpack": "18.3.0-canary-0e352ea01-20231109",
-    "waku": "0.17.0"
+    "react": "18.3.0-canary-6c7b41da3-20231123",
+    "react-dom": "18.3.0-canary-6c7b41da3-20231123",
+    "react-server-dom-webpack": "18.3.0-canary-6c7b41da3-20231123",
+    "waku": "0.17.1"
   },
   "devDependencies": {
     "@swc/core": "1.3.96",

package/template/11_form/package.json

@@ -10,10 +10,10 @@
   },
   "dependencies": {
     "express": "^4.18.2",
-    "react": "18.3.0-canary-0e352ea01-20231109",
-    "react-dom": "18.3.0-canary-0e352ea01-20231109",
-    "react-server-dom-webpack": "18.3.0-canary-0e352ea01-20231109",
-    "waku": "0.17.0"
+    "react": "18.3.0-canary-6c7b41da3-20231123",
+    "react-dom": "18.3.0-canary-6c7b41da3-20231123",
+    "react-server-dom-webpack": "18.3.0-canary-6c7b41da3-20231123",
+    "waku": "0.17.1"
   },
   "devDependencies": {
     "@swc/core": "1.3.96",

package/template/01_counter/dist/components/App.js

@@ -1,6 +0,0 @@
-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, {})] }));
-};
-export default App;

package/template/01_counter/dist/components/Counter.js

@@ -1,7 +0,0 @@
-'use client';
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-export const Counter = () => {
-    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." })] }));
-};

package/template/01_counter/dist/entries.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { lazy } from 'react';
-import { defineEntries } from 'waku/server';
-import { Slot } from 'waku/client';
-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
-async (pathStr) => {
-    switch (pathStr) {
-        case '/':
-            return {
-                input: '',
-                unstable_render: () => _jsx(Slot, { id: "App" }),
-            };
-        default:
-            return null;
-    }
-});

package/template/01_counter/dist/main.js

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

package/template/02_async/dist/components/App.js

@@ -1,13 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-/// Async Server Component
-/// <reference types="react/experimental" />
-import { Suspense } from 'react';
-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(Suspense, { fallback: "Pending...", children: _jsx(ServerMessage, {}) }), _jsx(Counter, {})] }));
-};
-const ServerMessage = async () => {
-    await new Promise((resolve) => setTimeout(resolve, 2000));
-    return _jsx("p", { children: "Hello from server!" });
-};
-export default App;

package/template/02_async/dist/components/Counter.js

@@ -1,7 +0,0 @@
-'use client';
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-export const Counter = () => {
-    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." })] }));
-};

package/template/02_async/dist/entries.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { lazy } from 'react';
-import { defineEntries } from 'waku/server';
-import { Slot } from 'waku/client';
-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
-async (pathStr) => {
-    switch (pathStr) {
-        case '/':
-            return {
-                input: '',
-                unstable_render: () => _jsx(Slot, { id: "App" }),
-            };
-        default:
-            return null;
-    }
-});

package/template/02_async/dist/main.js

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

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

@@ -1,9 +0,0 @@
-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

@@ -1,8 +0,0 @@
-'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

@@ -1,32 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { lazy } from 'react';
-import { defineEntries } from 'waku/server';
-import { Children, Slot } 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
-async (pathStr) => {
-    switch (pathStr) {
-        case '/':
-            return {
-                input: '',
-                unstable_render: () => (_jsx(Slot, { id: "App", children: _jsx("h3", { children: "A client element" }) })),
-            };
-        default:
-            return null;
-    }
-});

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

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { StrictMode } from 'react';
-import { createRoot, hydrateRoot } 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" }) }) }) }));
-if (globalThis.__WAKU_SSR_ENABLED__) {
-    hydrateRoot(document.getElementById('root'), rootElement);
-}
-else {
-    createRoot(document.getElementById('root')).render(rootElement);
-}

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

@@ -1,7 +0,0 @@
-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

@@ -1,15 +0,0 @@
-'use client';
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useState, useTransition } from 'react';
-import { TextBox } from './TextBox.js';
-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." }), _jsx(TextBox, {})] }));
-};

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

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-export const TextBox = () => {
-    const [text, setText] = useState('hello');
-    return (_jsxs("div", { children: [_jsx("input", { value: text, onChange: (e) => setText(e.target.value) }), _jsx("span", { children: text.toUpperCase() })] }));
-};

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

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

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

@@ -1,32 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { lazy } from 'react';
-import { defineEntries } from 'waku/server';
-import { Slot } from 'waku/client';
-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
-async (pathStr) => {
-    switch (pathStr) {
-        case '/':
-            return {
-                input: '',
-                unstable_render: () => _jsx(Slot, { id: "App" }),
-            };
-        default:
-            return null;
-    }
-});

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

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

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

@@ -1,8 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Balancer } from 'react-wrap-balancer';
-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 }), _jsx(Balancer, { children: "My Awesome Title" })] }));
-};
-export default App;

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

@@ -1,13 +0,0 @@
-'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

@@ -1,9 +0,0 @@
-'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

@@ -1,32 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { lazy } from 'react';
-import { defineEntries } from 'waku/server';
-import { Slot } from 'waku/client';
-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
-async (pathStr) => {
-    switch (pathStr) {
-        case '/':
-            return {
-                input: '',
-                unstable_render: () => _jsx(Slot, { id: "App" }),
-            };
-        default:
-            return null;
-    }
-});

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

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