fix code example and indentation (#32)

* fix code example and indentation

* wrap examples with worker fetch to make it copy pasteable

Author: simonabadoiu

README.md

@@ -36,88 +36,100 @@ You can find a full running example here [Cloudflare Playwright running example]
 ```js
 import { launch } from '@cloudflare/playwright';
 
-const todos = searchParams.getAll('todo');
-
-const browser = await launch(env.MYBROWSER);
-const page = await browser.newPage();
-
-await page.goto('https://demo.playwright.dev/todomvc');
-
-const TODO_ITEMS = todos.length > 0 ? todos : [
-    'buy some cheese',
-    'feed the cat',
-    'book a doctors appointment'
-];
-
-const newTodo = page.getByPlaceholder('What needs to be done?');
-for (const item of TODO_ITEMS) {
-    await newTodo.fill(item);
-    await newTodo.press('Enter');
-}
-
-const img = await page.screenshot();
+export default {
+  async fetch(request, env): Promise<Response> {
+    const browser = await launch(env.MYBROWSER);
+    const page = await browser.newPage();
+
+    await page.goto('https://demo.playwright.dev/todomvc');
+
+    const TODO_ITEMS = [
+        'buy some cheese',
+        'feed the cat',
+        'book a doctors appointment'
+    ];
+
+    const newTodo = page.getByPlaceholder('What needs to be done?');
+    for (const item of TODO_ITEMS) {
+        await newTodo.fill(item);
+        await newTodo.press('Enter');
+    }
+
+    const img = await page.screenshot();
     await browser.close();
 
     return new Response(img, {
         headers: {
             'Content-Type': 'image/png',
         },
     });
+  }
+} satisfies ExportedHandler<Env>;
 ```
 
 ### Trace
 
 ```js
-import { launch } from '@cloudflare/playwright';
+import { launch } from "@cloudflare/playwright";
 import fs from "@cloudflare/playwright/fs";
 
-const browser = await launch(env.MYBROWSER);
-const page = await browser.newPage();
+export default {
+  async fetch(request, env): Promise<Response> {
+    const browser = await launch(env.MYBROWSER);
+    const page = await browser.newPage();
 
-await page.context().tracing.start({ screenshots: true, snapshots: true });
+    await page.context().tracing.start({ screenshots: true, snapshots: true });
 
-// ... do something, screenshot for example
+    // ... do something, screenshot for example
 
-await page.context().tracing.stop({ path: 'trace.zip' });
-await browser.close();
-const file = await fs.promises.readFile('trace.zip');
+    await page.context().tracing.stop({ path: "trace.zip" });
+    await browser.close();
+    const file = await fs.promises.readFile("trace.zip");
 
-return new Response(file, {
-    status: 200,
-    headers: {
-        'Content-Type': 'application/zip',
-    },
-});
+    return new Response(file, {
+      status: 200,
+      headers: {
+        "Content-Type": "application/zip",
+      },
+    });
+  }
+} satisfies ExportedHandler<Env>;
 ```
 
 ### Assertions
 
 ```js
-import { launch } from '@cloudflare/playwright';
-import { expect } from '@cloudflare/playwright/test';
-
-const browser = await launch(env.MYBROWSER);
-const page = await browser.newPage();
-
-await page.goto('https://demo.playwright.dev/todomvc');
-
-const TODO_ITEMS = todos.length > 0 ? todos : [
-    'buy some cheese',
-    'feed the cat',
-    'book a doctors appointment'
-];
-
-const newTodo = page.getByPlaceholder('What needs to be done?');
-for (const item of TODO_ITEMS) {
-    await newTodo.fill(item);
-    await newTodo.press('Enter');
-}
-
-await expect(page.getByTestId('todo-title')).toHaveCount(TODO_ITEMS.length);
-
-await Promise.all(TODO_ITEMS.map(
-    (value, index) => expect(page.getByTestId('todo-title').nth(index)).toHaveText(value)
-));
+import { launch } from "@cloudflare/playwright";
+import { expect } from "@cloudflare/playwright/test";
+
+export default {
+  async fetch(request, env): Promise<Response> {
+    const browser = await launch(env.MYBROWSER);
+    const page = await browser.newPage();
+
+    await page.goto("https://demo.playwright.dev/todomvc");
+
+    const TODO_ITEMS = [
+      "buy some cheese",
+      "feed the cat",
+      "book a doctors appointment",
+    ];
+
+    const newTodo = page.getByPlaceholder("What needs to be done?");
+    for (const item of TODO_ITEMS) {
+      await newTodo.fill(item);
+      await newTodo.press("Enter");
+    }
+
+    await expect(page.getByTestId("todo-title")).toHaveCount(TODO_ITEMS.length);
+
+    await Promise.all(
+      TODO_ITEMS.map((value, index) =>
+        expect(page.getByTestId("todo-title").nth(index)).toHaveText(value)
+      )
+    );
+  }
+} satisfies ExportedHandler<Env>;
 ```
 
 # Contribute
@@ -158,4 +170,3 @@ The following capabilities are not yet fully supported, but we’re actively wor
 - [Videos](https://playwright.dev/docs/next/videos)
 
 This is **not an exhaustive list** — expect rapid changes as we work toward broader parity with the original feature set. You can also check [latest test results](https://playwright-full-test-report.pages.dev/) for a granular up to date list of the features that are fully supported
-