feat: add demo for yaml in agent (#30)

* feat: add demo for yaml in agent

* feat: demo file

Author: yuyutaotao

.github/workflows/puppeteer-demo.yaml

@@ -33,6 +33,7 @@ jobs:
           pnpm install
           pnpx puppeteer browsers install chrome
           pnpm run test
+          pnpm run test-yaml
         continue-on-error: true
 
       - name: Upload output folder

puppeteer-demo/README.md

@@ -20,6 +20,9 @@ npm install
 
 # run demo.ts
 npx tsx demo.ts
+
+# run demo with a `.runYaml` call
+npx tsx demo-run-yaml.ts
 ```
 
 # Reference 

puppeteer-demo/demo-run-yaml.ts

@@ -0,0 +1,44 @@
+import puppeteer from "puppeteer";
+import os from "node:os";
+import { PuppeteerAgent } from "@midscene/web/puppeteer";
+import "dotenv/config";
+
+const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
+Promise.resolve(
+  (async () => {
+    const browser = await puppeteer.launch({
+      headless: true, // 'true' means we can't see the browser window
+      args: ["--no-sandbox", "--disable-setuid-sandbox"],
+    });
+
+    const page = await browser.newPage();
+    await page.setViewport({
+      width: 1280,
+      height: 800,
+      deviceScaleFactor: os.platform() === "darwin" ? 2 : 1, // this is used to avoid flashing on UI Mode when doing screenshot on Mac
+    });
+
+    await page.goto("https://www.ebay.com");
+    await sleep(5000);
+
+    const agent = new PuppeteerAgent(page);
+
+    // 👀 run YAML with agent
+    const { result } = await agent.runYaml(`
+tasks:
+  - name: search
+    flow:
+      - ai: input 'Headphones' in search box, click search button
+      - sleep: 3000
+
+  - name: query
+    flow:
+      - aiQuery: "{itemTitle: string, price: Number}[], find item in list and corresponding price"
+        name: headphones
+`);
+
+    console.log(result);
+
+    await browser.close();
+  })()
+);

puppeteer-demo/package.json

@@ -6,7 +6,8 @@
     "main": "index.js",
     "type": "module",
     "scripts": {
-        "test": "tsx demo.ts"
+        "test": "tsx demo.ts",
+        "test-yaml": "tsx demo-run-yaml.ts"
     },
     "author": "",
     "license": "MIT",