breaking: no index html (#289)

* wip: 01 counter without ssr

* wip: prd 01 counter without ssr

* a fix

* wip: dev 01 counter with ssr

* remove unused

* hack only in DEV

* wip: prd 01 counter with ssr

* remove unused config

* example 02

* example 03

* example 04

* example 05

* example 06

* wip: example 07

* fix embedding prefetch code

* example 08

* example 09

* example 10

* example 11 and fix hmr

* example 12 and fix hmr

* update website

* update fixtures

* update CHANGELOG

* website: a hack for layout assets

* fix tests

* increase timeout for CI

* remove unnecessary init

* use expect.poll instead

* a hack to supress a warning

* trial: specify optimizeDeps

* fix format

* trial force reloading

* Revert "trial force reloading"

This reverts commit de92f69.

* add vite config for 11_form

CHANGELOG.md

@@ -1,6 +1,8 @@
 # Change Log
 
 ## [Unreleased]
+### Added
+- breaking: no index html #289
 
 ## [0.18.1] - 2023-12-15
 ### Changed

e2e/examples-smoke.spec.ts

@@ -116,8 +116,9 @@ for (const cwd of examples) {
 
         test('check title', async ({ page }) => {
           await page.goto(`http://localhost:${port}/`);
-          const title = await page.title();
-          expect(title).toBe('Waku example');
+          // title maybe doesn't ready yet
+          await page.waitForLoadState('load');
+          await expect.poll(() => page.title()).toBe('Waku example');
         });
       });
     }
@@ -173,8 +174,7 @@ for (const cwd of examples) {
           await page.goto(`http://localhost:${port}/`);
           // title maybe doesn't ready yet
           await page.waitForLoadState('load');
-          const title = await page.title();
-          expect(title).toBe('Waku example');
+          await expect.poll(() => page.title()).toBe('Waku example');
         });
       });
     }

e2e/fixtures/rsc-basic/src/components/App.tsx

@@ -8,6 +8,7 @@ import { ServerBox } from './Box.js';
 const App = ({ name }: { name: string }) => {
   return (
     <ServerBox>
+      <title>Waku example</title>
       <p data-testid="app-name">{name}</p>
       <ClientCounter />
       <ServerPing />

e2e/fixtures/rsc-basic/src/main.tsx

@@ -10,4 +10,4 @@ const rootElement = (
   </StrictMode>
 );
 
-createRoot(document.getElementById('root')!).render(rootElement);
+createRoot(document.body).render(rootElement);

e2e/fixtures/rsc-router/src/main.tsx

@@ -8,4 +8,4 @@ const rootElement = (
   </StrictMode>
 );
 
-createRoot(document.getElementById('root')!).render(rootElement);
+createRoot(document.body).render(rootElement);

e2e/fixtures/rsc-router/src/routes/layout.tsx

@@ -16,6 +16,7 @@ const Pending = ({ isPending }: { isPending: boolean }) => (
 
 const HomeLayout = ({ children }: { children: ReactNode }) => (
   <div>
+    <title>Waku example</title>
     <ul>
       <li>
         <Link

e2e/fixtures/ssr-basic/src/components/App.tsx

@@ -3,6 +3,7 @@ import { Counter } from './Counter.js';
 const App = ({ name }: { name: string }) => {
   return (
     <div style={{ border: '3px red dashed', margin: '1em', padding: '1em' }}>
+      <title>Waku example</title>
       <h1 data-testid="app-name">{name}</h1>
       <Counter />
     </div>

e2e/fixtures/ssr-basic/src/main.tsx

@@ -11,7 +11,7 @@ const rootElement = (
 );
 
 if ((globalThis as any).__WAKU_SSR_ENABLED__) {
-  hydrateRoot(document.getElementById('root')!, rootElement);
+  hydrateRoot(document.body, rootElement);
 } else {
-  createRoot(document.getElementById('root')!).render(rootElement);
+  createRoot(document.body).render(rootElement);
 }

examples/01_counter/src/components/App.tsx

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

examples/01_counter/src/main.tsx

@@ -11,7 +11,7 @@ const rootElement = (
 );
 
 if ((globalThis as any).__WAKU_SSR_ENABLED__) {
-  hydrateRoot(document.getElementById('root')!, rootElement);
+  hydrateRoot(document.body, rootElement);
 } else {
-  createRoot(document.getElementById('root')!).render(rootElement);
+  createRoot(document.body).render(rootElement);
 }

examples/02_async/src/components/App.tsx

@@ -7,6 +7,7 @@ import { Counter } from './Counter.js';
 const App = ({ name }: { name: string }) => {
   return (
     <div style={{ border: '3px red dashed', margin: '1em', padding: '1em' }}>
+      <title>Waku example</title>
       <h1>Hello {name}!!</h1>
       <h3>This is a server component.</h3>
       <Suspense fallback="Pending...">

examples/02_async/src/main.tsx

@@ -11,7 +11,7 @@ const rootElement = (
 );
 
 if ((globalThis as any).__WAKU_SSR_ENABLED__) {
-  hydrateRoot(document.getElementById('root')!, rootElement);
+  hydrateRoot(document.body, rootElement);
 } else {
-  createRoot(document.getElementById('root')!).render(rootElement);
+  createRoot(document.body).render(rootElement);
 }

examples/03_promise/src/components/App.tsx

@@ -8,6 +8,7 @@ const App = ({ name, children }: { name: string; children: ReactNode }) => {
   });
   return (
     <div style={{ border: '3px red dashed', margin: '1em', padding: '1em' }}>
+      <title>Waku example</title>
       <h1>Hello {name}!!</h1>
       <h3>This is a server component.</h3>
       <Counter delayedMessage={delayedMessage} />

examples/03_promise/src/main.tsx

@@ -13,7 +13,7 @@ const rootElement = (
 );
 
 if ((globalThis as any).__WAKU_SSR_ENABLED__) {
-  hydrateRoot(document.getElementById('root')!, rootElement);
+  hydrateRoot(document.body, rootElement);
 } else {
-  createRoot(document.getElementById('root')!).render(rootElement);
+  createRoot(document.body).render(rootElement);
 }