Update examples that require a component fix (TODO)

Author: pedrosousa

src/content/docs/rules/cloud-connector/create-api.mdx

@@ -8,6 +8,8 @@ head:
     content: Configure a Cloud Connector rule via API
 ---
 
+import { APIRequest } from "~/components";
+
 You can configure Cloud Connector rules using the [Cloudflare API](/fundamentals/api/).
 
 ## Required permissions
@@ -43,10 +45,7 @@ The following table summarizes the available operations.
 
 The following example returns a list of existing Cloud Connector rules:
 
-```bash
-curl https://api.cloudflare.com/client/v4/zones/{zone_id}/cloud_connector/rules \
---header "Authorization: Bearer <API_TOKEN>"
-```
+<APIRequest path="/zones/{zone_id}/cloud_connector/rules" method="GET" />
 
 ```json output
 {
@@ -76,6 +75,21 @@ To create a new rule and keep all existing rules, you must include them all in y
 
 The following example request will replace all existing Cloud Connector rules with a single rule:
 
+TODO Fix example.
+
+<APIRequest
+	path="/zones/{zone_id}/cloud_connector/rules"
+	method="PUT"
+	json={{
+		expression: 'http.request.uri.path wildcard "/images/*"',
+		provider: "cloudflare_r2",
+		description: "Connect to R2 bucket containing images",
+		parameters: {
+			host: "mybucketcustomdomain.example.com",
+		},
+	}}
+/>
+
 ```bash
 curl --request PUT \
 "https://api.cloudflare.com/client/v4/zones/{zone_id}/cloud_connector/rules" \

src/content/docs/rules/snippets/create-api.mdx

@@ -9,6 +9,8 @@ head:
     content: Configure Snippets via API
 ---
 
+import { APIRequest } from "~/components";
+
 You can create Snippets using the [Cloudflare API](/fundamentals/api/).
 
 ## Required permissions
@@ -48,7 +50,18 @@ The following table summarizes the available operations.
 
 ### Create/update code snippet
 
-To create or update a Snippet, use the following `PUT` request. The snippet is named `{snippet_name}` and the body contains the JavaScript code.
+To create or update a Snippet, use the following `PUT` request. The snippet is named `$SNIPPET_NAME` and the body contains the JavaScript code.
+
+TODO Fix example.
+
+<APIRequest
+	path="/zones/{zone_id}/snippets/{snippet_name}"
+	method="PUT"
+	form={{
+		files: "@example.js",
+		metadata: '{"main_module": "example.js"}',
+	}}
+/>
 
 ```bash
 curl --request PUT https://api.cloudflare.com/client/v4/zones/{zone_id}/snippets/{snippet_name} \
@@ -90,19 +103,17 @@ When using this endpoint to create a new rule and keep existing rules, you must
 
 Once you have created a code snippet, you can link it to rules. This is done via the following `PUT` request to the `snippet_rules` endpoint.
 
-```bash
-curl --request PUT \
-"https://api.cloudflare.com/client/v4/zones/{zone_id}/snippets/snippet_rules" \
---header "Authorization: Bearer <API_TOKEN>" \
---header "Content-Type: application/json" \
---data '{
-  "rules": [
-    {
-      "description": "Trigger snippet on specific cookie",
-      "enabled": true,
-      "expression": "http.cookie eq \"a=b\"",
-      "snippet_name": "snippet_name_01"
-    }
-  ]
-}'
-```
+<APIRequest
+	path="/zones/{zone_id}/snippets/snippet_rules"
+	method="PUT"
+	json={{
+		rules: [
+			{
+				description: "Trigger snippet on specific cookie",
+				enabled: true,
+				expression: 'http.cookie eq "a=b"',
+				snippet_name: "snippet_name_01",
+			},
+		],
+	}}
+/>