Skip to content

Update portal label to TypeScript SDK #7658

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -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.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@ const PROBLEM_AREAS: ProblemAreaItem[] = [
<DescriptionInputWrapper />
</>
),
label: "Connect SDKs",
label: "thirdweb SDKs",
},
{
component: (
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
4 changes: 0 additions & 4 deletions apps/portal/src/app/Header.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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)
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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)
Expand Down
2 changes: 1 addition & 1 deletion apps/portal/src/app/engine/v2/features/relayers/page.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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>`:

Expand Down
2 changes: 1 addition & 1 deletion apps/portal/src/app/infrastructure/sidebar.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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`,
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Original file line number Diff line number Diff line change
Expand Up @@ -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"
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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({
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand All @@ -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>
Expand Down
2 changes: 1 addition & 1 deletion apps/portal/src/app/typescript/v5/wallets/page.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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,
Expand Down
4 changes: 2 additions & 2 deletions apps/portal/src/app/wallets/quickstart/page.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
11 changes: 5 additions & 6 deletions packages/react-native-adapter/README.md
Original file line number Diff line number Diff line change
@@ -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

Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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

Expand Down
Loading