add api snippets to explorer section

Author: Yash094

apps/dashboard/src/@/components/blocks/code/code-segment.client.tsx

@@ -10,7 +10,8 @@ export type CodeEnvironment =
   | "typescript"
   | "react"
   | "react-native"
-  | "unity";
+  | "unity"
+  | "api";
 
 type SupportedEnvironment = {
   environment: CodeEnvironment;
@@ -36,6 +37,10 @@ const Environments: SupportedEnvironment[] = [
     environment: "react-native",
     title: "React Native",
   },
+  {
+    environment: "api",
+    title: "API",
+  },
   {
     environment: "unity",
     title: "Unity",
@@ -124,7 +129,9 @@ export const CodeSegment: React.FC<CodeSegmentProps> = ({
                 ? "tsx"
                 : activeEnvironment === "unity"
                   ? "cpp"
-                  : activeEnvironment
+                  : activeEnvironment === "api"
+                    ? "bash"
+                    : activeEnvironment
           }
         />
       )}

apps/dashboard/src/@/components/contracts/code-overview.tsx

@@ -65,6 +65,17 @@ export default function Component() {
     events: [preparedEvent]
   });
 }`,
+    unity: `using Thirdweb;
+
+// Get your contract
+var contract = await ThirdwebManager.Instance.GetContract(
+    address: "{{contract_address}}", 
+    chainId: {{chainId}}, 
+    abi: "optional-abi"
+);
+
+// Listen to contract events
+var events = await contract.Events("{{function}}");`,
   },
   install: {
     javascript: "npm i thirdweb",
@@ -100,6 +111,17 @@ export default function Component() {
     params: [{{args}}]
   });
 }`,
+    unity: `using Thirdweb;
+
+// Get your contract
+var contract = await ThirdwebManager.Instance.GetContract(
+    address: "{{contract_address}}", 
+    chainId: {{chainId}}, 
+    abi: "optional-abi"
+);
+
+// Read from the contract
+var result = await contract.Read<T>(contract, "{{function}}", {{args}});`,
   },
   setup: {
     javascript: `import { createThirdwebClient, getContract } from "thirdweb";
@@ -165,11 +187,12 @@ function App() {
 `,
     unity: `using Thirdweb;
 
-// Reference the SDK
-var sdk = ThirdwebManager.Instance.SDK;
-
 // Get your contract
-var contract = sdk.GetContract("{{contract_address}}");`,
+var contract = await ThirdwebManager.Instance.GetContract(
+    address: "{{contract_address}}", 
+    chainId: {{chainId}}, 
+    abi: "optional-abi"
+);`,
   },
   write: {
     javascript: `import { prepareContractCall, sendTransaction } from "thirdweb";
@@ -213,6 +236,58 @@ export default function Component() {
     sendTransaction(transaction);
   }
 }`,
+    unity: `using Thirdweb;
+
+// Get your contract
+var contract = await ThirdwebManager.Instance.GetContract(
+    address: "{{contract_address}}", 
+    chainId: {{chainId}}, 
+    abi: "optional-abi"
+);
+
+// Write to the contract
+var transactionReceipt = await contract.Write(wallet, contract, "{{function}}", weiValue, {{args}});`,
+  },
+  api: {
+    read: `curl https://api.thirdweb.com/v1/contracts/read \\
+  --request POST \\
+  --header 'Content-Type: application/json' \\
+  --header 'x-client-id: YOUR_CLIENT_ID' \\
+  # OR use secret key (backend only, not frontend): --header 'x-secret-key: YOUR_SECRET_KEY' \\
+  --data '{
+  "calls": [
+    {
+      "contractAddress": "{{contract_address}}",
+      "method": "{{function}}"
+    }
+  ],
+  "chainId": {{chainId}}
+}'`,
+    write: `curl -X POST https://api.thirdweb.com/v1/contracts/write \\
+-H "Content-Type: application/json" \\
+-H "x-secret-key: YOUR_SECRET_KEY" \\
+# Note: Secret key should only be used in backend environments, not frontend \\
+-d '{
+  "calls": [
+    {
+      "contractAddress": "{{contract_address}}",
+      "method": "{{function}}",
+      "params": [{{args}}]
+    }
+  ],
+  "chainId": {{chainId}},
+  "from": "0x1234567890123456789012345678901234567890"
+}'`,
+    events: `curl https://api.thirdweb.com/v1/contracts/events \\
+  --request POST \\
+  --header 'Content-Type: application/json' \\
+  --header 'x-client-id: YOUR_CLIENT_ID' \\
+  # OR use secret key (backend only, not frontend): --header 'x-secret-key: YOUR_SECRET_KEY' \\
+  --data '{
+  "contractAddress": "{{contract_address}}",
+  "eventName": "{{function}}",
+  "chainId": {{chainId}}
+}'`,
   },
 };
 
@@ -490,6 +565,9 @@ export function formatSnippet(
                 : "event",
           });
           break;
+        case "api":
+          // For API, we don't need special extension handling, just use the standard templates
+          break;
       }
     }
     // end hacks on hacks on hacks -- now just hacks on hacks from here on out

apps/dashboard/src/@/components/contracts/functions/contract-function.tsx

@@ -112,14 +112,30 @@ function ContractFunctionInner(props: ContractFunctionProps) {
       : "write"
     : ("events" as const);
 
-  const codeSnippet = formatSnippet(COMMANDS[commandsKey], {
+  const baseSnippet = formatSnippet(COMMANDS[commandsKey], {
     args: fn.inputs?.map((i) => i.name || ""),
     chainId: contract.chain.id,
     contractAddress: contract.address,
     extensionNamespace,
     fn,
   });
 
+  const apiSnippet = formatSnippet(
+    { api: COMMANDS.api[commandsKey] },
+    {
+      args: fn.inputs?.map((i) => i.name || ""),
+      chainId: contract.chain.id,
+      contractAddress: contract.address,
+      extensionNamespace,
+      fn,
+    },
+  );
+
+  const codeSnippet = {
+    ...baseSnippet,
+    ...apiSnippet,
+  };
+
   return (
     <div className="flex flex-col gap-1.5">
       <div className="flex items-center flex-wrap gap-2 border-b pb-3 mb-3">