feat: load .env file in puppeteer demo

Author: yuyutaotao

playwright-demo/README.md

@@ -6,7 +6,7 @@ create `.env` file
 
 ```shell
 # replace by your own
-export OPENAI_API_KEY="YOUR_TOKEN"
+OPENAI_API_KEY="YOUR_TOKEN"
 ```
 
 > e2e command

puppeteer-demo/.gitignore

@@ -1,4 +1,5 @@
 package-lock.json
+.env
 
 # Midscene.js dump files
 midscene_run/midscene-report

puppeteer-demo/README.md

@@ -1,10 +1,14 @@
 # puppeteer-demo
 
+create `.env` file
+
 ```shell
 # replace by your own
-export OPENAI_API_KEY="sk-abcdefghijklmnopqrstuvwxyz"
+OPENAI_API_KEY="YOUR_TOKEN"
 ```
 
+run demo
+
 ```bash
 npm install 
 

puppeteer-demo/demo.ts

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

puppeteer-demo/package.json

@@ -12,7 +12,8 @@
     "license": "MIT",
     "devDependencies": {
         "@midscene/web": "latest",
+        "dotenv": "^16.4.5",
         "puppeteer": "^23.4.0",
         "tsx": "^4.19.1"
     }
-}
+}