create-waku 0.9.2 → 0.9.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/package.json +1 -1
  2. package/template/01_template/package.json +7 -7
  3. package/template/02_template_js/package.json +5 -5
  4. package/template/03_demo/package.json +7 -7
  5. package/template/04_cssmodules/package.json +6 -6
  6. package/template/05_nossr/package.json +8 -8
  7. package/template/07_router/package.json +6 -6
  8. package/template/08_cookies/package.json +7 -7
  9. package/template/08_cookies/src/components/App.tsx +2 -1
  10. package/template/09_api/package.json +6 -6
  11. package/template/10_fs-router/package.json +6 -6
  12. package/template/11_form/package.json +6 -6
  13. package/template/12_css/package.json +8 -8
  14. package/template/13_path-alias/package.json +7 -7
  15. package/template/14_react-tweet/package.json +7 -7
  16. package/template/20_minimal/package.json +6 -6
  17. package/template/21_minimal_js/package.json +4 -4
  18. package/template/22_promise/package.json +6 -6
  19. package/template/23_actions/package.json +6 -6
  20. package/template/24_nesting/package.json +6 -6
  21. package/template/24_nesting/src/components/Counter.tsx +15 -3
  22. package/template/24_nesting/src/components/InnerApp.tsx +10 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "create-waku",
3
- "version": "0.9.2",
3
+ "version": "0.9.4",
4
4
  "author": "Daishi Kato",
5
5
  "type": "module",
6
6
  "contributors": [
package/template/01_template/package.json CHANGED
@@ -9,16 +9,16 @@
9
9
  "start": "waku start"
10
10
  },
11
11
  "dependencies": {
12
- "react": "19.0.0-rc-6ebfd5b0-20240818",
13
- "react-dom": "19.0.0-rc-6ebfd5b0-20240818",
14
- "react-server-dom-webpack": "19.0.0-rc-6ebfd5b0-20240818",
15
- "waku": "0.21.0"
12
+ "react": "19.0.0-rc-d6cb4e77-20240911",
13
+ "react-dom": "19.0.0-rc-d6cb4e77-20240911",
14
+ "react-server-dom-webpack": "19.0.0-rc-d6cb4e77-20240911",
15
+ "waku": "0.21.2"
16
16
  },
17
17
  "devDependencies": {
18
- "@types/react": "18.3.3",
18
+ "@types/react": "18.3.5",
19
19
  "@types/react-dom": "18.3.0",
20
20
  "autoprefixer": "10.4.20",
21
- "tailwindcss": "3.4.10",
22
- "typescript": "5.5.4"
21
+ "tailwindcss": "3.4.11",
22
+ "typescript": "5.6.2"
23
23
  }
24
24
  }
package/template/02_template_js/package.json CHANGED
@@ -9,13 +9,13 @@
9
9
  "start": "waku start"
10
10
  },
11
11
  "dependencies": {
12
- "react": "19.0.0-rc-6ebfd5b0-20240818",
13
- "react-dom": "19.0.0-rc-6ebfd5b0-20240818",
14
- "react-server-dom-webpack": "19.0.0-rc-6ebfd5b0-20240818",
15
- "waku": "0.21.0"
12
+ "react": "19.0.0-rc-d6cb4e77-20240911",
13
+ "react-dom": "19.0.0-rc-d6cb4e77-20240911",
14
+ "react-server-dom-webpack": "19.0.0-rc-d6cb4e77-20240911",
15
+ "waku": "0.21.2"
16
16
  },
17
17
  "devDependencies": {
18
18
  "autoprefixer": "10.4.20",
19
- "tailwindcss": "3.4.10"
19
+ "tailwindcss": "3.4.11"
20
20
  }
21
21
  }
package/template/03_demo/package.json CHANGED
@@ -9,16 +9,16 @@
9
9
  "start": "waku start"
10
10
  },
11
11
  "dependencies": {
12
- "react": "19.0.0-rc-6ebfd5b0-20240818",
13
- "react-dom": "19.0.0-rc-6ebfd5b0-20240818",
14
- "react-server-dom-webpack": "19.0.0-rc-6ebfd5b0-20240818",
15
- "waku": "0.21.0"
12
+ "react": "19.0.0-rc-d6cb4e77-20240911",
13
+ "react-dom": "19.0.0-rc-d6cb4e77-20240911",
14
+ "react-server-dom-webpack": "19.0.0-rc-d6cb4e77-20240911",
15
+ "waku": "0.21.2"
16
16
  },
17
17
  "devDependencies": {
18
- "@types/react": "18.3.3",
18
+ "@types/react": "18.3.5",
19
19
  "@types/react-dom": "18.3.0",
20
20
  "autoprefixer": "10.4.20",
21
- "tailwindcss": "3.4.10",
22
- "typescript": "5.5.4"
21
+ "tailwindcss": "3.4.11",
22
+ "typescript": "5.6.2"
23
23
  }
24
24
  }
package/template/04_cssmodules/package.json CHANGED
@@ -9,14 +9,14 @@
9
9
  "start": "waku start"
10
10
  },
11
11
  "dependencies": {
12
- "react": "19.0.0-rc-6ebfd5b0-20240818",
13
- "react-dom": "19.0.0-rc-6ebfd5b0-20240818",
14
- "react-server-dom-webpack": "19.0.0-rc-6ebfd5b0-20240818",
15
- "waku": "0.21.0"
12
+ "react": "19.0.0-rc-d6cb4e77-20240911",
13
+ "react-dom": "19.0.0-rc-d6cb4e77-20240911",
14
+ "react-server-dom-webpack": "19.0.0-rc-d6cb4e77-20240911",
15
+ "waku": "0.21.2"
16
16
  },
17
17
  "devDependencies": {
18
- "@types/react": "18.3.3",
18
+ "@types/react": "18.3.5",
19
19
  "@types/react-dom": "18.3.0",
20
- "typescript": "5.5.4"
20
+ "typescript": "5.6.2"
21
21
  }
22
22
  }
package/template/05_nossr/package.json CHANGED
@@ -9,17 +9,17 @@
9
9
  "start": "waku start"
10
10
  },
11
11
  "dependencies": {
12
- "react": "19.0.0-rc-6ebfd5b0-20240818",
13
- "react-dom": "19.0.0-rc-6ebfd5b0-20240818",
14
- "react-server-dom-webpack": "19.0.0-rc-6ebfd5b0-20240818",
15
- "waku": "0.21.0"
12
+ "react": "19.0.0-rc-d6cb4e77-20240911",
13
+ "react-dom": "19.0.0-rc-d6cb4e77-20240911",
14
+ "react-server-dom-webpack": "19.0.0-rc-d6cb4e77-20240911",
15
+ "waku": "0.21.2"
16
16
  },
17
17
  "devDependencies": {
18
- "@types/react": "18.3.3",
18
+ "@types/react": "18.3.5",
19
19
  "@types/react-dom": "18.3.0",
20
20
  "autoprefixer": "10.4.20",
21
- "tailwindcss": "3.4.10",
22
- "typescript": "5.5.4",
23
- "vite": "5.4.1"
21
+ "tailwindcss": "3.4.11",
22
+ "typescript": "5.6.2",
23
+ "vite": "5.4.4"
24
24
  }
25
25
  }
package/template/07_router/package.json CHANGED
@@ -9,15 +9,15 @@
9
9
  "start": "waku start"
10
10
  },
11
11
  "dependencies": {
12
- "react": "19.0.0-rc-6ebfd5b0-20240818",
13
- "react-dom": "19.0.0-rc-6ebfd5b0-20240818",
14
- "react-server-dom-webpack": "19.0.0-rc-6ebfd5b0-20240818",
15
- "waku": "0.21.0"
12
+ "react": "19.0.0-rc-d6cb4e77-20240911",
13
+ "react-dom": "19.0.0-rc-d6cb4e77-20240911",
14
+ "react-server-dom-webpack": "19.0.0-rc-d6cb4e77-20240911",
15
+ "waku": "0.21.2"
16
16
  },
17
17
  "devDependencies": {
18
- "@types/react": "18.3.3",
18
+ "@types/react": "18.3.5",
19
19
  "@types/react-dom": "18.3.0",
20
20
  "server-only": "0.0.1",
21
- "typescript": "5.5.4"
21
+ "typescript": "5.6.2"
22
22
  }
23
23
  }
package/template/08_cookies/package.json CHANGED
@@ -10,16 +10,16 @@
10
10
  },
11
11
  "dependencies": {
12
12
  "cookie": "0.6.0",
13
- "react": "19.0.0-rc-6ebfd5b0-20240818",
14
- "react-dom": "19.0.0-rc-6ebfd5b0-20240818",
15
- "react-server-dom-webpack": "19.0.0-rc-6ebfd5b0-20240818",
16
- "waku": "0.21.0"
13
+ "react": "19.0.0-rc-d6cb4e77-20240911",
14
+ "react-dom": "19.0.0-rc-d6cb4e77-20240911",
15
+ "react-server-dom-webpack": "19.0.0-rc-d6cb4e77-20240911",
16
+ "waku": "0.21.2"
17
17
  },
18
18
  "devDependencies": {
19
19
  "@types/cookie": "0.6.0",
20
- "@types/node": "22.4.1",
21
- "@types/react": "18.3.3",
20
+ "@types/node": "22.5.4",
21
+ "@types/react": "18.3.5",
22
22
  "@types/react-dom": "18.3.0",
23
- "typescript": "5.5.4"
23
+ "typescript": "5.6.2"
24
24
  }
25
25
  }
package/template/08_cookies/src/components/App.tsx CHANGED
@@ -12,7 +12,8 @@ const InternalAsyncComponent = async () => {
12
12
  if (val1 !== val2) {
13
13
  throw new Error('Cache not working');
14
14
  }
15
- console.log(getCustomContext());
15
+ // console.log(getCustomContext()); // fails when it's sent to the browser
16
+ console.log(Object.keys(getCustomContext()));
16
17
  return null;
17
18
  };
18
19
 
package/template/09_api/package.json CHANGED
@@ -9,14 +9,14 @@
9
9
  "start": "waku start"
10
10
  },
11
11
  "dependencies": {
12
- "react": "19.0.0-rc-6ebfd5b0-20240818",
13
- "react-dom": "19.0.0-rc-6ebfd5b0-20240818",
14
- "react-server-dom-webpack": "19.0.0-rc-6ebfd5b0-20240818",
15
- "waku": "0.21.0"
12
+ "react": "19.0.0-rc-d6cb4e77-20240911",
13
+ "react-dom": "19.0.0-rc-d6cb4e77-20240911",
14
+ "react-server-dom-webpack": "19.0.0-rc-d6cb4e77-20240911",
15
+ "waku": "0.21.2"
16
16
  },
17
17
  "devDependencies": {
18
- "@types/react": "18.3.3",
18
+ "@types/react": "18.3.5",
19
19
  "@types/react-dom": "18.3.0",
20
- "typescript": "5.5.4"
20
+ "typescript": "5.6.2"
21
21
  }
22
22
  }
package/template/10_fs-router/package.json CHANGED
@@ -9,14 +9,14 @@
9
9
  "start": "waku start"
10
10
  },
11
11
  "dependencies": {
12
- "react": "19.0.0-rc-6ebfd5b0-20240818",
13
- "react-dom": "19.0.0-rc-6ebfd5b0-20240818",
14
- "react-server-dom-webpack": "19.0.0-rc-6ebfd5b0-20240818",
15
- "waku": "0.21.0"
12
+ "react": "19.0.0-rc-d6cb4e77-20240911",
13
+ "react-dom": "19.0.0-rc-d6cb4e77-20240911",
14
+ "react-server-dom-webpack": "19.0.0-rc-d6cb4e77-20240911",
15
+ "waku": "0.21.2"
16
16
  },
17
17
  "devDependencies": {
18
- "@types/react": "18.3.3",
18
+ "@types/react": "18.3.5",
19
19
  "@types/react-dom": "18.3.0",
20
- "typescript": "5.5.4"
20
+ "typescript": "5.6.2"
21
21
  }
22
22
  }
package/template/11_form/package.json CHANGED
@@ -9,14 +9,14 @@
9
9
  "start": "waku start"
10
10
  },
11
11
  "dependencies": {
12
- "react": "19.0.0-rc-6ebfd5b0-20240818",
13
- "react-dom": "19.0.0-rc-6ebfd5b0-20240818",
14
- "react-server-dom-webpack": "19.0.0-rc-6ebfd5b0-20240818",
15
- "waku": "0.21.0"
12
+ "react": "19.0.0-rc-d6cb4e77-20240911",
13
+ "react-dom": "19.0.0-rc-d6cb4e77-20240911",
14
+ "react-server-dom-webpack": "19.0.0-rc-d6cb4e77-20240911",
15
+ "waku": "0.21.2"
16
16
  },
17
17
  "devDependencies": {
18
- "@types/react": "18.3.3",
18
+ "@types/react": "18.3.5",
19
19
  "@types/react-dom": "18.3.0",
20
- "typescript": "5.5.4"
20
+ "typescript": "5.6.2"
21
21
  }
22
22
  }
package/template/12_css/package.json CHANGED
@@ -10,19 +10,19 @@
10
10
  },
11
11
  "dependencies": {
12
12
  "@stylexjs/stylex": "0.7.5",
13
- "@vanilla-extract/css": "1.15.4",
13
+ "@vanilla-extract/css": "1.15.5",
14
14
  "classnames": "2.3.2",
15
- "react": "19.0.0-rc-6ebfd5b0-20240818",
16
- "react-dom": "19.0.0-rc-6ebfd5b0-20240818",
17
- "react-server-dom-webpack": "19.0.0-rc-6ebfd5b0-20240818",
18
- "waku": "0.21.0"
15
+ "react": "19.0.0-rc-d6cb4e77-20240911",
16
+ "react-dom": "19.0.0-rc-d6cb4e77-20240911",
17
+ "react-server-dom-webpack": "19.0.0-rc-d6cb4e77-20240911",
18
+ "waku": "0.21.2"
19
19
  },
20
20
  "devDependencies": {
21
- "@types/react": "18.3.3",
21
+ "@types/react": "18.3.5",
22
22
  "@types/react-dom": "18.3.0",
23
23
  "@vanilla-extract/vite-plugin": "4.0.10",
24
- "typescript": "5.5.4",
25
- "vite": "5.4.1",
24
+ "typescript": "5.6.2",
25
+ "vite": "5.4.4",
26
26
  "vite-plugin-stylex-dev": "0.7.5"
27
27
  }
28
28
  }
package/template/13_path-alias/package.json CHANGED
@@ -9,16 +9,16 @@
9
9
  "start": "waku start"
10
10
  },
11
11
  "dependencies": {
12
- "react": "19.0.0-rc-6ebfd5b0-20240818",
13
- "react-dom": "19.0.0-rc-6ebfd5b0-20240818",
14
- "react-server-dom-webpack": "19.0.0-rc-6ebfd5b0-20240818",
15
- "waku": "0.21.0"
12
+ "react": "19.0.0-rc-d6cb4e77-20240911",
13
+ "react-dom": "19.0.0-rc-d6cb4e77-20240911",
14
+ "react-server-dom-webpack": "19.0.0-rc-d6cb4e77-20240911",
15
+ "waku": "0.21.2"
16
16
  },
17
17
  "devDependencies": {
18
- "@types/react": "18.3.3",
18
+ "@types/react": "18.3.5",
19
19
  "@types/react-dom": "18.3.0",
20
- "typescript": "5.5.4",
21
- "vite": "5.4.1",
20
+ "typescript": "5.6.2",
21
+ "vite": "5.4.4",
22
22
  "vite-tsconfig-paths": "5.0.1"
23
23
  }
24
24
  }
package/template/14_react-tweet/package.json CHANGED
@@ -9,17 +9,17 @@
9
9
  "start": "waku start"
10
10
  },
11
11
  "dependencies": {
12
- "react": "19.0.0-rc-6ebfd5b0-20240818",
13
- "react-dom": "19.0.0-rc-6ebfd5b0-20240818",
14
- "react-server-dom-webpack": "19.0.0-rc-6ebfd5b0-20240818",
12
+ "react": "19.0.0-rc-d6cb4e77-20240911",
13
+ "react-dom": "19.0.0-rc-d6cb4e77-20240911",
14
+ "react-server-dom-webpack": "19.0.0-rc-d6cb4e77-20240911",
15
15
  "react-tweet": "^3.2.0",
16
- "waku": "0.21.0"
16
+ "waku": "0.21.2"
17
17
  },
18
18
  "devDependencies": {
19
- "@types/react": "18.3.3",
19
+ "@types/react": "18.3.5",
20
20
  "@types/react-dom": "18.3.0",
21
21
  "autoprefixer": "10.4.20",
22
- "tailwindcss": "3.4.10",
23
- "typescript": "5.5.4"
22
+ "tailwindcss": "3.4.11",
23
+ "typescript": "5.6.2"
24
24
  }
25
25
  }
package/template/20_minimal/package.json CHANGED
@@ -9,14 +9,14 @@
9
9
  "start": "waku start"
10
10
  },
11
11
  "dependencies": {
12
- "react": "19.0.0-rc-6ebfd5b0-20240818",
13
- "react-dom": "19.0.0-rc-6ebfd5b0-20240818",
14
- "react-server-dom-webpack": "19.0.0-rc-6ebfd5b0-20240818",
15
- "waku": "0.21.0"
12
+ "react": "19.0.0-rc-d6cb4e77-20240911",
13
+ "react-dom": "19.0.0-rc-d6cb4e77-20240911",
14
+ "react-server-dom-webpack": "19.0.0-rc-d6cb4e77-20240911",
15
+ "waku": "0.21.2"
16
16
  },
17
17
  "devDependencies": {
18
- "@types/react": "18.3.3",
18
+ "@types/react": "18.3.5",
19
19
  "@types/react-dom": "18.3.0",
20
- "typescript": "5.5.4"
20
+ "typescript": "5.6.2"
21
21
  }
22
22
  }
package/template/21_minimal_js/package.json CHANGED
@@ -9,9 +9,9 @@
9
9
  "start": "waku start"
10
10
  },
11
11
  "dependencies": {
12
- "react": "19.0.0-rc-6ebfd5b0-20240818",
13
- "react-dom": "19.0.0-rc-6ebfd5b0-20240818",
14
- "react-server-dom-webpack": "19.0.0-rc-6ebfd5b0-20240818",
15
- "waku": "0.21.0"
12
+ "react": "19.0.0-rc-d6cb4e77-20240911",
13
+ "react-dom": "19.0.0-rc-d6cb4e77-20240911",
14
+ "react-server-dom-webpack": "19.0.0-rc-d6cb4e77-20240911",
15
+ "waku": "0.21.2"
16
16
  }
17
17
  }
package/template/22_promise/package.json CHANGED
@@ -9,14 +9,14 @@
9
9
  "start": "waku start"
10
10
  },
11
11
  "dependencies": {
12
- "react": "19.0.0-rc-6ebfd5b0-20240818",
13
- "react-dom": "19.0.0-rc-6ebfd5b0-20240818",
14
- "react-server-dom-webpack": "19.0.0-rc-6ebfd5b0-20240818",
15
- "waku": "0.21.0"
12
+ "react": "19.0.0-rc-d6cb4e77-20240911",
13
+ "react-dom": "19.0.0-rc-d6cb4e77-20240911",
14
+ "react-server-dom-webpack": "19.0.0-rc-d6cb4e77-20240911",
15
+ "waku": "0.21.2"
16
16
  },
17
17
  "devDependencies": {
18
- "@types/react": "18.3.3",
18
+ "@types/react": "18.3.5",
19
19
  "@types/react-dom": "18.3.0",
20
- "typescript": "5.5.4"
20
+ "typescript": "5.6.2"
21
21
  }
22
22
  }
package/template/23_actions/package.json CHANGED
@@ -9,15 +9,15 @@
9
9
  "start": "waku start"
10
10
  },
11
11
  "dependencies": {
12
- "react": "19.0.0-rc-6ebfd5b0-20240818",
13
- "react-dom": "19.0.0-rc-6ebfd5b0-20240818",
14
- "react-server-dom-webpack": "19.0.0-rc-6ebfd5b0-20240818",
12
+ "react": "19.0.0-rc-d6cb4e77-20240911",
13
+ "react-dom": "19.0.0-rc-d6cb4e77-20240911",
14
+ "react-server-dom-webpack": "19.0.0-rc-d6cb4e77-20240911",
15
15
  "react-wrap-balancer": "1.1.0",
16
- "waku": "0.21.0"
16
+ "waku": "0.21.2"
17
17
  },
18
18
  "devDependencies": {
19
- "@types/react": "18.3.3",
19
+ "@types/react": "18.3.5",
20
20
  "@types/react-dom": "18.3.0",
21
- "typescript": "5.5.4"
21
+ "typescript": "5.6.2"
22
22
  }
23
23
  }
package/template/24_nesting/package.json CHANGED
@@ -9,14 +9,14 @@
9
9
  "start": "waku start"
10
10
  },
11
11
  "dependencies": {
12
- "react": "19.0.0-rc-6ebfd5b0-20240818",
13
- "react-dom": "19.0.0-rc-6ebfd5b0-20240818",
14
- "react-server-dom-webpack": "19.0.0-rc-6ebfd5b0-20240818",
15
- "waku": "0.21.0"
12
+ "react": "19.0.0-rc-d6cb4e77-20240911",
13
+ "react-dom": "19.0.0-rc-d6cb4e77-20240911",
14
+ "react-server-dom-webpack": "19.0.0-rc-d6cb4e77-20240911",
15
+ "waku": "0.21.2"
16
16
  },
17
17
  "devDependencies": {
18
- "@types/react": "18.3.3",
18
+ "@types/react": "18.3.5",
19
19
  "@types/react-dom": "18.3.0",
20
- "typescript": "5.5.4"
20
+ "typescript": "5.6.2"
21
21
  }
22
22
  }
package/template/24_nesting/src/components/Counter.tsx CHANGED
@@ -8,6 +8,15 @@ export const Counter = ({ enableInnerApp }: { enableInnerApp?: boolean }) => {
8
8
  const [isPending, startTransition] = useTransition();
9
9
  const refetch = useRefetch();
10
10
  const handleClick = () => {
11
+ if (enableInnerApp) {
12
+ const nextCount = count + 1;
13
+ setCount(nextCount);
14
+ refetch('InnerApp=' + nextCount);
15
+ } else {
16
+ setCount((c) => c + 1);
17
+ }
18
+ };
19
+ const handleClickWithTransition = () => {
11
20
  if (enableInnerApp) {
12
21
  startTransition(() => {
13
22
  const nextCount = count + 1;
@@ -21,9 +30,12 @@ export const Counter = ({ enableInnerApp }: { enableInnerApp?: boolean }) => {
21
30
  return (
22
31
  <div style={{ border: '3px blue dashed', margin: '1em', padding: '1em' }}>
23
32
  <p>Count: {count}</p>
24
- <button onClick={handleClick} disabled={isPending}>
25
- Increment
26
- </button>{' '}
33
+ <button onClick={handleClick}>Increment</button>
34
+ {enableInnerApp && (
35
+ <button onClick={handleClickWithTransition} disabled={isPending}>
36
+ Increment with transition
37
+ </button>
38
+ )}
27
39
  {isPending && 'Pending...'}
28
40
  <h3>This is a client component.</h3>
29
41
  {enableInnerApp && <Slot id="InnerApp" />}
package/template/24_nesting/src/components/InnerApp.tsx CHANGED
@@ -1,3 +1,5 @@
1
+ import { Suspense } from 'react';
2
+
1
3
  import { Counter } from './Counter';
2
4
 
3
5
  const InnerApp = ({ count }: { count: number }) => {
@@ -6,8 +8,16 @@ const InnerApp = ({ count }: { count: number }) => {
6
8
  <h3>This is another server component.</h3>
7
9
  <p>The outer count is {count}.</p>
8
10
  <Counter />
11
+ <Suspense fallback="Pending...">
12
+ <ServerMessage />
13
+ </Suspense>
9
14
  </div>
10
15
  );
11
16
  };
12
17
 
18
+ const ServerMessage = async () => {
19
+ await new Promise((resolve) => setTimeout(resolve, 2000));
20
+ return <p>Hello from server!</p>;
21
+ };
22
+
13
23
  export default InnerApp;