quick actions endpoints

Author: daisyfaithauma

src/content/docs/browser-rendering/get-started/index.mdx

@@ -3,10 +3,10 @@ pcx_content_type: navigation
 title: Get started
 sidebar:
   order: 2
-  group:
-    hideIndex: true
 ---
 
 import { DirectoryListing } from "~/components";
 
+Browser rendering can be used in two ways: the [Workers Binding API](/browser-rendering/workers-binding-api) for complex scripts and the Quick Actions REST API for [simple actions](/browser-rendering/quick-actions-rest-api/).
+
 <DirectoryListing />

src/content/docs/browser-rendering/quick-actions-rest-api/content-endpoint.mdx

@@ -0,0 +1,15 @@
+---
+pcx_content_type: how-to
+title: Retrieve HTML content
+sidebar:
+  order: 2
+---
+
+Retrieve the HTML content of a specified URL by sending a POST request to the `/content` endpoint.
+
+```
+curl -X 'POST' 'https://api.cloudflare.com/client/v4/accounts/<accountTag>/browser-rendering/content' \
+  -H 'Content-Type: application/json' \
+  -H 'Authorization: Bearer <apiToken>' \
+  -d '{"url": "https://example.com"}'
+```

src/content/docs/browser-rendering/quick-actions-rest-api/custom-css.mdx

@@ -0,0 +1,30 @@
+---
+pcx_content_type: how-to
+title: Customize CSS and take a screenshot
+sidebar:
+  order: 4
+---
+
+Customise the rendering by adding external JavaScript and CSS before capturing a screenshot.
+
+```
+curl -X POST 'https://api.cloudflare.com/client/v4/accounts/<accountTag>/browser-rendering/screenshot' \
+  -H 'Authorization: Bearer <apiToken>' \
+  -H 'Content-Type: application/json' \
+  -d '{
+    "url": "https://example.com/",
+    "addScriptTag": [
+      { "url": "https://code.jquery.com/jquery-3.7.1.min.js" },
+      { "content": "document.querySelector(`h1`).innerText = `Hello World!!!`" }
+    ],
+    "addStyleTag": [
+      {
+        "content": "body { background: linear-gradient(45deg, #da5a44, #a32784); }"
+      },
+      {
+        "url": "https://interactive-examples.mdn.mozilla.net/live-examples/css-examples/text-decoration/text-decoration-color.css"
+      }
+    ]
+  }' \
+  --output "screenshot.webp"
+```

src/content/docs/browser-rendering/quick-actions-rest-api/index.mdx

@@ -1,12 +1,10 @@
 ---
 pcx_content_type: navigation
-title: Workers Binding API
+title: Quick Actions API
 sidebar:
   order: 2
-  group:
-    hideIndex: true
 ---
 
-import { DirectoryListing } from "~/components";
+The Quick Actions API is a RESTful interface that provides endpoints for common browser actions such as capturing screenshots, extracting HTML content, generating PDFs, and more. This API is designed to help you interact with web pages quickly and efficiently.
 
-<DirectoryListing />
+Before you begin, make sure to create a custom **API Token** with your Account > **Browser Rendering**> **Edit** permissions from the [Cloudflare dashboard](https://dash.cloudflare.com/).

src/content/docs/browser-rendering/quick-actions-rest-api/pdf-endpoint.mdx

@@ -0,0 +1,19 @@
+---
+pcx_content_type: how-to
+title: Generate PDF
+sidebar:
+  order: 5
+---
+
+```
+curl -X POST 'https://api.cloudflare.com/client/v4/accounts/<accountTag>/browser-rendering/pdf' \
+  -H 'Authorization: Bearer <apiToken>' \
+  -H 'Content-Type: application/json' \
+  -d '{
+    "url": "https://example.com/",
+    "addStyleTag": [
+      { "content": "body { font-family: Arial; }" }
+    ]
+  }' \
+  --output "output.pdf"
+```

src/content/docs/browser-rendering/quick-actions-rest-api/scrape-endpoint.mdx

@@ -0,0 +1,18 @@
+---
+pcx_content_type: how-to
+title: Scrape content
+sidebar:
+  order: 7
+---
+
+```
+curl -X POST 'https://api.cloudflare.com/client/v4/accounts/<accountTag>/browser-rendering/scrape' \
+  -H 'Authorization: Bearer <apiToken>' \
+  -H 'Content-Type: application/json' \
+  -d '{
+    "url": "https://example.com/",
+    "scrapeOptions": {
+      "selectors": ["h1", ".article"]
+    }
+  }'
+```

src/content/docs/browser-rendering/quick-actions-rest-api/screenshot-endpoint.mdx

@@ -0,0 +1,22 @@
+---
+pcx_content_type: how-to
+title: Render HTML and capture screenshot
+sidebar:
+  order: 3
+---
+
+Render a provided HTML string and capture a screenshot with specific options.
+
+```
+curl -X POST 'https://api.cloudflare.com/client/v4/accounts/<accountTag>/browser-rendering/screenshot' \
+  -H 'Authorization: Bearer <apiToken>' \
+  -H 'Content-Type: application/json' \
+  -d '{
+    "html": "Hello World!",
+    "screenshotOptions": {
+      "type": "webp",
+      "omitBackground": true
+    }
+  }' \
+  --output "screenshot.webp"
+```

src/content/docs/browser-rendering/quick-actions-rest-api/snapshot.mdx

@@ -0,0 +1,18 @@
+---
+pcx_content_type: how-to
+title: Capture snapshot
+sidebar:
+  order: 6
+---
+
+```
+curl -X POST 'https://api.cloudflare.com/client/v4/accounts/<accountTag>/browser-rendering/snapshot' \
+  -H 'Authorization: Bearer <apiToken>' \
+  -H 'Content-Type: application/json' \
+  -d '{
+    "url": "https://example.com/",
+    "addScriptTag": [
+      { "content": "document.title = \"Snapshot Page\";" }
+    ]
+  }'
+```

src/content/docs/browser-rendering/workers-binding-api/index.mdx

@@ -4,7 +4,6 @@ title: Workers Binding API
 sidebar:
   order: 2
   group:
-    hideIndex: true
 ---
 
 import { DirectoryListing } from "~/components";