Update portal label to TypeScript SDK (#7658)

saminacodes · saminacodes · commit ecf6dbf2aa18 · 2025-07-21T16:52:47.000Z
```  ``` --- **Open Background Agent:** [Web](https://www.cursor.com/agents?id=bc-2dec36af-4b62-431c-b277-891c1b46bb48) · [Cursor](https://cursor.com/background-agent?bcId=bc-2dec36af-4b62-431c-b277-891c1b46bb48) [Slack Thread](https://thirdwebdev.slack.com/archives/C04DYC3G5NZ/p1753110978408999?thread_ts=1753110978.408999&cid=C04DYC3G5NZ) Learn more about [Background Agents](https://docs.cursor.com/background-agents)  --- ## PR-Codex overview This PR focuses on renaming references from `Connect SDK` to `TypeScript SDK` and `thirdweb SDK` across multiple files in the project, enhancing clarity and consistency in the documentation and codebase. ### Detailed summary - Updated `label` from `Connect SDKs` to `thirdweb SDKs`. - Changed `name` from `Connect SDK` to `TypeScript SDK`. - Modified `sdkTitle` from `Connect SDK` to `TypeScript SDK`. - Adjusted example descriptions and titles to reflect `TypeScript SDK`. - Updated installation instructions to refer to `TypeScript SDK`. - Revised descriptions related to wallet support to mention `thirdweb SDKs`. - Changed references in guides and documentation from `Connect SDK` to `TypeScript SDK`. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`   ## Summary by CodeRabbit * **New Features** * Updated SDK naming from "Connect SDK" to "TypeScript SDK" and "thirdweb SDK" across documentation, guides, UI labels, and sidebar links for improved clarity and consistency. * **Chores** * Removed the "Engine" API link from the main navigation header.
diff --git a/apps/dashboard/src/@/components/contracts/code-overview.tsx b/apps/dashboard/src/@/components/contracts/code-overview.tsx
@@ -661,7 +661,7 @@ export const CodeOverview: React.FC<CodeOverviewProps> = ({
                     rel="noopener noreferrer"
                     target="_blank"
                   >
-                    Connect SDK
+                    thirdweb SDK
                   </UnderlineLink>{" "}
                   in your applications. This will ensure account contracts are
                   deployed for your users only when they need it.
diff --git a/apps/dashboard/src/app/(app)/(dashboard)/tools/transaction-simulator/components/TransactionSimulator.tsx b/apps/dashboard/src/app/(app)/(dashboard)/tools/transaction-simulator/components/TransactionSimulator.tsx
@@ -308,7 +308,7 @@ ${Object.keys(populatedTransaction)
             rel="noopener noreferrer"
             target="_blank"
           >
-            Connect SDK example
+            TypeScript SDK example
           </a>
           <CodeClient code={state.codeExample} lang="ts" />
         </div>
diff --git a/apps/dashboard/src/app/(app)/team/[team_slug]/(team)/~/support/_components/contact-forms/connect/index.tsx b/apps/dashboard/src/app/(app)/team/[team_slug]/(team)/~/support/_components/contact-forms/connect/index.tsx
@@ -69,7 +69,7 @@ const PROBLEM_AREAS: ProblemAreaItem[] = [
         <DescriptionInputWrapper />
       </>
     ),
-    label: "Connect SDKs",
+    label: "thirdweb SDKs",
   },
   {
     component: (
diff --git a/apps/dashboard/src/app/(app)/team/components/Analytics/EmptyState.tsx b/apps/dashboard/src/app/(app)/team/components/Analytics/EmptyState.tsx
@@ -22,10 +22,10 @@ export function EmptyState() {
         <AnimatedIcons />
         <div className="flex flex-col gap-0.5 text-center">
           <h3 className="font-semibold text-2xl text-foreground">
-            Get Started with the Connect SDK
+            Get Started with the TypeScript SDK
           </h3>
           <p className="text-base text-muted-foreground">
-            Add the Connect SDK to your app to start collecting analytics.
+            Add the TypeScript SDK to your app to start collecting analytics.
           </p>
         </div>
         <div className="flex flex-wrap items-center justify-center gap-2">
diff --git a/apps/portal/src/app/Header.tsx b/apps/portal/src/app/Header.tsx
@@ -123,10 +123,6 @@ export const connectLinks: Array<{
 ] as const;
 
 const apisLinks = [
-  {
-    href: "https://engine.thirdweb.com/reference",
-    name: "Engine",
-  },
   {
     href: "https://insight.thirdweb.com/reference",
     name: "Insight",
diff --git a/apps/portal/src/app/contracts/explore/pre-built-contracts/account-factory/page.mdx b/apps/portal/src/app/contracts/explore/pre-built-contracts/account-factory/page.mdx
@@ -36,7 +36,7 @@ This contract includes the following extensions:
 
 ## Use Cases & Examples
 
-Use the `AccountFactory` contract alongside the [Connect SDK](/connect/account-abstraction) to easily use account abstraction in your projects:
+Use the `AccountFactory` contract alongside the [thirdweb SDK](/connect/account-abstraction) to easily use account abstraction in your projects:
 
 - [React Guide](/connect/account-abstraction/guides/react)
 - [Typescript Guide](/connect/account-abstraction/guides/typescript)
diff --git a/apps/portal/src/app/contracts/explore/pre-built-contracts/managed-account-factory/page.mdx b/apps/portal/src/app/contracts/explore/pre-built-contracts/managed-account-factory/page.mdx
@@ -42,7 +42,7 @@ This contract includes the following extensions:
 
 ## Use Cases & Examples
 
-Use the `ManagedAccountFactory` contract alongside the [Connect SDK](/connect/account-abstraction) to easily use account abstraction in your projects:
+Use the `ManagedAccountFactory` contract alongside the [thirdweb SDK](/connect/account-abstraction) to easily use account abstraction in your projects:
 
 - [React Guide](/connect/account-abstraction/guides/react)
 - [Typescript Guide](/connect/account-abstraction/guides/typescript)
diff --git a/apps/portal/src/app/engine/v2/features/relayers/page.mdx b/apps/portal/src/app/engine/v2/features/relayers/page.mdx
@@ -57,7 +57,7 @@ The relayer will be assigned a URL in this format: `https://<engine_url>/relayer
 
 ## Submit a meta transaction from your app frontend
 
-Use the [Connect SDK](/react) to prompt the user to sign transactions and send it this relayer.
+Use the [TypeScript SDK]](/react) to prompt the user to sign transactions and send it this relayer.
 
 First wrap your app with `<ThirdwebProvider>`:
 
diff --git a/apps/portal/src/app/infrastructure/sidebar.tsx b/apps/portal/src/app/infrastructure/sidebar.tsx
@@ -28,7 +28,7 @@ export const sidebar: SideBar = {
           links: [
             {
               href: "/connect",
-              name: "Connect SDK",
+              name: "TypeScript SDK",
             },
             {
               href: `${storageSlug}/how-to-use-storage/upload-files-to-ipfs`,
diff --git a/apps/portal/src/app/pay/guides/cross-chain-swapping/page.mdx b/apps/portal/src/app/pay/guides/cross-chain-swapping/page.mdx
@@ -27,15 +27,15 @@ In this guide, we'll show you how to purchase 10 USDC on Optimism in Typescript.
 ---
 
 <Steps>
-<Step title='Install the Connect SDK'>
+<Step title='Install the TypeScript SDK'>
 <InstallTabs
 	npm="npm i thirdweb"
 	yarn="yarn add thirdweb"
 	pnpm="pnpm i thirdweb"
 />
 <Step title='Get Your Client ID'>
 
-Log in to the [thirdweb dashboard](https://thirdweb.com/team). Click on Create New > Project to get your **Client ID**. You'll need your Client ID to interact with the Connect SDK.
+Log in to the [thirdweb dashboard](https://thirdweb.com/team). Click on Create New > Project to get your **Client ID**. You'll need your Client ID to interact with the TypeScript SDK.
 
 </Step>
 </Step>
diff --git a/apps/portal/src/app/react/v5/connecting-wallets/ui-components/page.mdx b/apps/portal/src/app/react/v5/connecting-wallets/ui-components/page.mdx
@@ -107,7 +107,7 @@ The SDK supports 500+ wallets out of the box, all you need to pass is their id.
 	title="Supported Wallets"
 	icon={ComponentIcon}
 	href="/connect/external-wallets"
-	description="See all 500+ wallets supported by the Connect SDK"
+	description="See all 500+ wallets supported by the TypeScript SDK"
 />
 
 </Stack>
diff --git a/apps/portal/src/app/react/v5/in-app-wallet/how-to/interact-blockchain/page.mdx b/apps/portal/src/app/react/v5/in-app-wallet/how-to/interact-blockchain/page.mdx
@@ -91,14 +91,14 @@ await sendTransaction({ transaction, account });
 
 ## Full Reference
 
-View everything you can do in the Connect SDK once you have connected your wallet:
+View everything you can do in the TypeScript SDK once you have connected your wallet:
 
 <Grid className="lg:grid-cols-2">
 
 <ArticleIconCard
 	href={"/typescript/v5"}
 	image={WalletIcon}
-	title="Connect SDK reference"
+	title="TypeScript SDK reference"
 />
 
 </Grid>
diff --git a/apps/portal/src/app/react/v5/rainbow-kit-migrate/page.mdx b/apps/portal/src/app/react/v5/rainbow-kit-migrate/page.mdx
@@ -27,7 +27,7 @@ Learn how to migrate to thirdweb's ConnectButton component from [RainbowKit](htt
 
 <Steps>
 	<Step title="Installation">
-		Install the connect SDK in your application
+		Install the TypeScript SDK in your application
 		<InstallTabs
 			npm="npm i thirdweb"
 			yarn="yarn add thirdweb"
diff --git a/apps/portal/src/app/references/typescript/[version]/layout.tsx b/apps/portal/src/app/references/typescript/[version]/layout.tsx
@@ -5,7 +5,7 @@ import { getTDocLayout } from "@/app/references/components/TDoc/PageLayout";
 export default getTDocLayout({
   getDoc: fetchTypeScriptDoc,
   packageSlug: "typescript",
-  sdkTitle: "Connect SDK",
+  sdkTitle: "TypeScript SDK",
 });
 
 export const metadata = createMetadata({
diff --git a/apps/portal/src/app/typescript/v5/connecting-wallets/page.mdx b/apps/portal/src/app/typescript/v5/connecting-wallets/page.mdx
@@ -10,9 +10,9 @@ export const metadata = createMetadata({
 		title: "Connecting Wallets",
 		icon: "typescript",
 	},
-	title: "Connecting Wallets | Connect SDK",
+	title: "Connecting Wallets | TypeScript SDK",
 	description:
-		"Learn how to connect various types of wallets using Connect SDK",
+		"Learn how to connect various types of wallets using TypeScript SDK",
 });
 
 # Connecting Wallets
@@ -25,7 +25,7 @@ The SDK supports 500+ wallets out of the box, all you need to pass is their id.
 	title="Supported Wallets"
 	icon={ComponentIcon}
 	href="/connect/external-wallets"
-	description="See all 500+ wallets supported by the Connect SDK"
+	description="See all 500+ wallets supported by the TypeScript SDK"
 />
 
 </Stack>
diff --git a/apps/portal/src/app/typescript/v5/wallets/page.mdx b/apps/portal/src/app/typescript/v5/wallets/page.mdx
@@ -35,7 +35,7 @@ See also: [Account (ethereum.org)](https://ethereum.org/en/glossary/#account)
 	title="Supported Wallets"
 	icon={ComponentIcon}
 	href="/connect/external-wallets"
-	description="See all 500+ wallets supported by the Connect SDK"
+	description="See all 500+ wallets supported by the thirdweb SDKs"
 />
 
 </Stack>
diff --git a/apps/portal/src/app/wallets/external-wallets/com.coinbase.wallet/page.tsx b/apps/portal/src/app/wallets/external-wallets/com.coinbase.wallet/page.tsx
@@ -19,7 +19,7 @@ export async function generateMetadata() {
   const walletMetadata = await getWalletInfo(walletId);
 
   return createMetadata({
-    description: `Connect ${walletMetadata.name} with thirdweb Connect SDK`,
+    description: `Connect ${walletMetadata.name} with thirdweb TypeScript SDK`,
     image: {
       icon: "wallets",
       title: walletMetadata.name,
diff --git a/apps/portal/src/app/wallets/quickstart/page.mdx b/apps/portal/src/app/wallets/quickstart/page.mdx
@@ -2,12 +2,12 @@ import { Steps, Step } from "@doc";
 
 # Quickstart
 
-Learn how to add Connect SDK to your application, log in your users, and allow them to interact with your application.
+Learn how to add TypeScript SDK to your application, log in your users, and allow them to interact with your application.
 
 The following guide is in Typescript. You can also learn how to integrate Connect with our [Unity SDK](https://portal.thirdweb.com/unity).
 
 <Steps>
-<Step title="Install the Connect SDK">
+<Step title="Install the TypeScript SDK">
 
 ```bash
 npm i thirdweb
diff --git a/packages/react-native-adapter/README.md b/packages/react-native-adapter/README.md
@@ -1,6 +1,6 @@
 # React Native Adapter
 
-This package is required to run the thirdweb connect SDK in React Native.
+This package is required to run the thirdweb SDK in React Native.
 
 ## Instructions
 
@@ -62,9 +62,9 @@ const config = getDefaultConfig(__dirname);
 // ADD THESE 2 PROPERTIES
 config.resolver.unstable_enablePackageExports = true;
 config.resolver.unstable_conditionNames = [
-	"react-native",
-	"browser",
-	"require",
+  "react-native",
+  "browser",
+  "require",
 ];
 
 module.exports = config;
@@ -107,8 +107,7 @@ Now you can replace `expo-router/entry` with `./app/index` as your main entrypoi
 ### Additional notes
 
 1. `react-native-aes-gcm-crypto` requires `minSDK 26` for android, you can edit this in your `build.gradle` file
-2. You will get some warnings about unresolved exports, this is normal and  will get better as the libraries get updated.
-
+2. You will get some warnings about unresolved exports, this is normal and will get better as the libraries get updated.
 
 ### Use the `thirdweb` package in React Native
 

Original file line number	Diff line number	Diff line change
`@@ -661,7 +661,7 @@ export const CodeOverview: React.FC<CodeOverviewProps> = ({`
`661`	`661`	`rel="noopener noreferrer"`
`662`	`662`	`target="_blank"`
`663`	`663`	`>`
`664`		`- Connect SDK`
	`664`	`+ thirdweb SDK`
`665`	`665`	`</UnderlineLink>{" "}`
`666`	`666`	`in your applications. This will ensure account contracts are`
`667`	`667`	`deployed for your users only when they need it.`
Original file line number	Diff line number	Diff line change
`@@ -308,7 +308,7 @@ ${Object.keys(populatedTransaction)`
`308`	`308`	`rel="noopener noreferrer"`
`309`	`309`	`target="_blank"`
`310`	`310`	`>`
`311`		`- Connect SDK example`
	`311`	`+ TypeScript SDK example`
`312`	`312`	`</a>`
`313`	`313`	`<CodeClient code={state.codeExample} lang="ts" />`
`314`	`314`	`</div>`
Original file line number	Diff line number	Diff line change
`@@ -69,7 +69,7 @@ const PROBLEM_AREAS: ProblemAreaItem[] = [`
`69`	`69`	`<DescriptionInputWrapper />`
`70`	`70`	`</>`
`71`	`71`	`),`
`72`		`- label: "Connect SDKs",`
	`72`	`+ label: "thirdweb SDKs",`
`73`	`73`	`},`
`74`	`74`	`{`
`75`	`75`	`component: (`
Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,7 @@ export const sidebar: SideBar = {`
`28`	`28`	`links: [`
`29`	`29`	`{`
`30`	`30`	`href: "/connect",`
`31`		`- name: "Connect SDK",`
	`31`	`+ name: "TypeScript SDK",`
`32`	`32`	`},`
`33`	`33`	`{`
`34`	`34`	href: `${storageSlug}/how-to-use-storage/upload-files-to-ipfs`,