add POST v1/tokens after coin creation

Author: MananTank

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/create/_apis/create-token-on-bridge.ts

@@ -0,0 +1,21 @@
+import type { ThirdwebClient } from "thirdweb";
+import { isProd } from "@/constants/env-utils";
+
+export async function createTokenOnUniversalBridge(params: {
+  chainId: number;
+  tokenAddress: string;
+  client: ThirdwebClient;
+}) {
+  const domain = isProd ? "thirdweb.com" : "thirdweb-dev.com";
+  const res = await fetch(
+    `https://bridge.${domain}/v1/tokens?chainId=${params.chainId}&tokenAddress=${params.tokenAddress}`,
+    {
+      headers: {
+        "x-client-id": params.client.clientId,
+      },
+      method: "POST",
+    },
+  );
+
+  return res;
+}

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/create/token/create-token-page-impl.tsx

@@ -24,6 +24,7 @@ import { useAllChainsData } from "@/hooks/chains/allChains";
 import { useAddContractToProject } from "@/hooks/project-contracts";
 import { defineDashboardChain } from "@/lib/defineDashboardChain";
 import { parseError } from "@/utils/errorParser";
+import { createTokenOnUniversalBridge } from "../_apis/create-token-on-bridge";
 import type { CreateAssetFormValues } from "./_common/form";
 import { CreateTokenAssetPageUI } from "./create-token-page.client";
 
@@ -227,7 +228,12 @@ export function CreateTokenAssetPage(props: {
         airdropTokens,
         deployContract,
       }}
-      onLaunchSuccess={() => {
+      onLaunchSuccess={(params) => {
+        createTokenOnUniversalBridge({
+          chainId: params.chainId,
+          client: props.client,
+          tokenAddress: params.contractAddress,
+        });
         revalidatePathAction(
           `/team/${props.teamSlug}/project/${props.projectId}/tokens`,
           "page",

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/create/token/create-token-page.client.tsx

@@ -34,7 +34,10 @@ export function CreateTokenAssetPageUI(props: {
   accountAddress: string;
   client: ThirdwebClient;
   createTokenFunctions: CreateTokenFunctions;
-  onLaunchSuccess: () => void;
+  onLaunchSuccess: (params: {
+    chainId: number;
+    contractAddress: string;
+  }) => void;
   teamSlug: string;
   projectSlug: string;
 }) {

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/tokens/create/token/launch/launch-token.tsx

@@ -47,15 +47,18 @@ export function LaunchTokenStatus(props: {
   values: CreateAssetFormValues;
   onPrevious: () => void;
   client: ThirdwebClient;
-  onLaunchSuccess: () => void;
+  onLaunchSuccess: (params: {
+    chainId: number;
+    contractAddress: string;
+  }) => void;
   teamSlug: string;
   projectSlug: string;
 }) {
   const formValues = props.values;
   const { createTokenFunctions } = props;
   const [steps, setSteps] = useState<MultiStepState<StepId>[]>([]);
   const [isModalOpen, setIsModalOpen] = useState(false);
-  const [contractLink, setContractLink] = useState<string | null>(null);
+  const [contractAddress, setContractAddress] = useState<string | null>(null);
   const activeWallet = useActiveWallet();
   const walletRequiresApproval = activeWallet?.id !== "inApp";
 
@@ -100,9 +103,7 @@ export function LaunchTokenStatus(props: {
   async function executeStep(stepId: StepId) {
     if (stepId === "deploy-contract") {
       const result = await createTokenFunctions.deployContract(formValues);
-      setContractLink(
-        `/team/${props.teamSlug}/${props.projectSlug}/contract/${formValues.chain}/${result.contractAddress}`,
-      );
+      setContractAddress(result.contractAddress);
     } else if (stepId === "airdrop-tokens") {
       await createTokenFunctions.airdropTokens(formValues);
     }
@@ -152,7 +153,12 @@ export function LaunchTokenStatus(props: {
       contractType: "DropERC20",
     });
 
-    props.onLaunchSuccess();
+    if (contractAddress) {
+      props.onLaunchSuccess({
+        chainId: Number(formValues.chain),
+        contractAddress,
+      });
+    }
   }
 
   async function handleRetry(step: MultiStepState<StepId>) {
@@ -164,6 +170,10 @@ export function LaunchTokenStatus(props: {
     await executeSteps(steps, startIndex);
   }
 
+  const contractLink = contractAddress
+    ? `/team/${props.teamSlug}/${props.projectSlug}/contract/${formValues.chain}/${contractAddress}`
+    : null;
+
   return (
     <StepCard
       nextButton={{