[Docs site] Add tracking events

Author: kodster28

src/components/CopyPageButton.tsx

@@ -16,6 +16,7 @@ import {
 	PiCheckCircleLight,
 	PiXCircleLight,
 } from "react-icons/pi";
+import { track } from "~/util/zaraz";
 
 type CopyState = "idle" | "success" | "error";
 
@@ -40,6 +41,9 @@ export default function CopyPageButton() {
 
 	const handleViewMarkdown = () => {
 		const markdownUrl = new URL("index.md", window.location.href).toString();
+		track("clicked copy page button", {
+			value: "view markdown",
+		});
 		window.open(markdownUrl, "_blank");
 	};
 
@@ -54,6 +58,9 @@ export default function CopyPageButton() {
 
 			const markdown = await response.text();
 			await navigator.clipboard.writeText(markdown);
+			track("clicked copy page button", {
+				value: "copy markdown",
+			});
 
 			setCopyState("success");
 			setTimeout(() => {

src/components/SubtractIPCalculator.tsx

@@ -1,5 +1,6 @@
 import { useEffect, useState } from "react";
 import { excludeCidr, parseCidr } from "cidr-tools";
+import { track } from "~/util/zaraz";
 
 export default function SubtractIPCalculator({
 	defaults,
@@ -16,6 +17,7 @@ export default function SubtractIPCalculator({
 
 	function calculate() {
 		setResult(excludeCidr(base, exclude));
+		track("clicked calculator submit");
 	}
 
 	function disableButton() {

src/content/products/r2-data-catalog.yaml

@@ -0,0 +1,18 @@
+name: R2 Data Catalog
+
+product:
+  title: R2 Data Catalog
+  url: /r2/data-catalog/
+  group: Developer platform
+  additional_groups: [Storage]
+
+meta:
+  title: Cloudflare R2 Data Catalog docs
+  description: Create, manage, and query Iceberg tables stored in R2.
+  author: "@cloudflare"
+
+resources:
+  community: https://community.cloudflare.com/c/developers/workers/40
+  dashboard_link: https://dash.cloudflare.com/?to=/:account/r2
+  discord: https://discord.com/channels/595317990191398933/940663374377783388
+  learning_center: https://www.cloudflare.com/learning/cloud/what-is-object-storage/