use fetch to get reviews

Author: krichprollsch

public/campfire-commerce/script.js

@@ -1,6 +1,8 @@
 // Fetch product data from JSON source
 // blocked by https://github.com/lightpanda-io/browsercore/issues/187
 // window.addEventListener("load", () => {
+
+  // use XHR to retrieve the product's infos.
   const detailsXHR = new XMLHttpRequest();
   // blocked by https://github.com/lightpanda-io/browsercore/issues/186
   // detailsXHR.open('GET', 'json/product.json');
@@ -13,17 +15,19 @@ detailsXHR.open('GET', document.URL + 'json/product.json');
   };
   detailsXHR.send();
 
-  const reviewsXHR = new XMLHttpRequest();
-  // blocked by https://github.com/lightpanda-io/browsercore/issues/186
-  // reviewsXHR.open('GET', 'json/reviews.json');
-  reviewsXHR.open('GET', document.URL + 'json/reviews.json');
-  reviewsXHR.responseType = 'json';
-  reviewsXHR.onload = function() {
-    if (this.status === 200) {
-      updateReviews(this.response);
+  // use fetch to retrieve reviews.
+  (async function () {
+    try {
+      const url = document.URL + 'json/reviews.json';
+      const response = await fetch(url);
+      if (!response.ok) {
+        throw new Error(`Response status: ${response.status}`);
+      }
+      updateReviews(await response.json());
+    } catch (error) {
+      console.error(error.message);
     }
-  };
-  reviewsXHR.send();
+  }());
 
   // blocked by https://github.com/lightpanda-io/browsercore/issues/185
   //

puppeteer/issue365.js

@@ -0,0 +1,20 @@
+import puppeteer from "puppeteer-core"
+let url = "https://www.wikipedia.org/"
+
+// use browserWSEndpoint to pass the Lightpanda's CDP server address.
+const browser = await puppeteer.connect({
+  browserWSEndpoint: "ws://127.0.0.1:9222",
+})
+
+// The rest of your script remains the same.
+const context = await browser.createBrowserContext()
+const page = await context.newPage()
+
+await page.goto(url)
+
+const html = await page.content()
+console.log("html :>> ", html)
+
+await page.close()
+await context.close()
+await browser?.disconnect()

puppeteer/issue416.js

@@ -0,0 +1,17 @@
+'use strict'
+
+import puppeteer from 'puppeteer-core';
+
+// use browserWSEndpoint to pass the Lightpanda's CDP server address.
+const browser = await puppeteer.connect({
+  browserWSEndpoint: "ws://127.0.0.1:9222",
+});
+
+// The rest of your script remains the same.
+const context = await browser.createBrowserContext();
+const page = await context.newPage();
+
+await page.goto('https://wikipedia.com/');
+
+await page.close();
+await context.close();

selenium/README.md

@@ -0,0 +1,7 @@
+# Selenium examples using CDP
+
+## Prerequisites
+
+```
+$ pip install trio selenium
+```

selenium/cdp.py

@@ -0,0 +1,32 @@
+import trio
+import sys
+import logging
+from selenium import webdriver
+from selenium.webdriver.common.by import By
+
+logger = logging.getLogger('selenium')
+logger.setLevel(logging.DEBUG)
+
+handler = logging.StreamHandler(sys.stderr)
+logger.addHandler(handler)
+
+logging.getLogger('selenium.webdriver.remote').setLevel(logging.WARN)
+logging.getLogger('selenium.webdriver.common').setLevel(logging.DEBUG)
+
+async def run(driver):
+    async with driver.bidi_connection() as session:
+        await trio.to_thread.run_sync(lambda: driver.get('https://blg.tch.re'))
+
+        links = driver.find_elements(By.TAG_NAME, 'a')
+
+        for a in links:
+            print(a.get_attribute("href"))
+
+options = webdriver.ChromeOptions()
+options.page_load_strategy = 'normal'
+options.enable_bidi = True
+options.add_experimental_option("debuggerAddress", "127.0.0.1:9222")
+
+driver = webdriver.Chrome(options)
+
+trio.run(run, driver)