Merge branch 'main' into nebula-docs

Author: saminacodes

.github/workflows/CI.yml

@@ -44,7 +44,7 @@ jobs:
         uses: ./.github/composite-actions/install
 
       - name: Build Packages
-        run: pnpm build:packages
+        run: pnpm build
 
   lint:
     needs: optimize_ci
@@ -112,7 +112,7 @@ jobs:
         uses: ./.github/composite-actions/install
 
       - name: Build Packages
-        run: pnpm build:packages
+        run: pnpm build
 
       - name: Install Yarn (if needed)
         if: matrix.package_manager == 'yarn'

.github/workflows/release-nightly.yml

@@ -30,17 +30,9 @@ jobs:
           # Do not use the GITHUB_TOKEN by default
           token: ${{ secrets.CUSTOM_GITHUB_TOKEN }}
 
-      - name: Setup bun
-        uses: oven-sh/setup-bun@v1
-        with:
-          bun-version: 1.0.35
-
       - name: Install
         uses: ./.github/composite-actions/install
 
-      - name: Build
-        run: pnpm build
-
       - name: Create @nightly release
         run: |
           pnpm version-packages:nightly

.github/workflows/release.yml

@@ -31,17 +31,9 @@ jobs:
           # Do not use the GITHUB_TOKEN by default
           token: ${{ secrets.CUSTOM_GITHUB_TOKEN }}
 
-      - name: Setup bun
-        uses: oven-sh/setup-bun@v1
-        with:
-          bun-version: 1.0.35
-
       - name: Install
         uses: ./.github/composite-actions/install
 
-      - name: Build
-        run: pnpm build:release
-
       - name: Create release Pull Request or publish to NPM
         id: changesets
         uses: changesets/action@v1

apps/dashboard/next-env.d.ts

@@ -3,4 +3,4 @@
 /// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

apps/dashboard/package.json

@@ -4,7 +4,7 @@
   "private": true,
   "scripts": {
     "preinstall": "npx only-allow pnpm",
-    "dev": "next dev",
+    "dev": "next dev --turbo",
     "build": "NODE_OPTIONS=--max-old-space-size=6144 next build",
     "start": "next start",
     "format": "biome format ./src --write",

apps/dashboard/src/@3rdweb-sdk/react/components/connect-wallet/index.tsx

@@ -48,12 +48,7 @@ export const CustomConnectWallet = (props: {
   // chains
   const favChainIdsQuery = useFavoriteChainIds();
   const recentChainIds = useStore(recentlyUsedChainIdsStore);
-  const { idToChain, allChains } = useAllChainsData();
-
-  const allChainsWithMetadata = useMemo(
-    () => allChains.map(mapV4ChainToV5Chain),
-    [allChains],
-  );
+  const { idToChain, allChainsV5 } = useAllChainsData();
 
   const recentlyUsedChainsWithMetadata = useMemo(
     () =>
@@ -170,7 +165,7 @@ export const CustomConnectWallet = (props: {
         detailsButton={{
           className: props.detailsButtonClassName,
         }}
-        chains={allChainsWithMetadata}
+        chains={allChainsV5}
         detailsModal={{
           networkSelector: {
             sections: chainSections,

apps/dashboard/src/app/(dashboard)/profile/[addressOrEns]/ProfileUI.tsx

@@ -14,7 +14,7 @@ export function ProfileUI(props: {
 
   return (
     <div className="container pt-8 pb-20">
-      <ProfileHeader profileAddress={profileAddress} />
+      <ProfileHeader profileAddress={profileAddress} ensName={ensName} />
       <div className="h-8" />
 
       <div>

apps/dashboard/src/app/(dashboard)/profile/[addressOrEns]/components/profile-header.tsx

@@ -12,7 +12,10 @@ import {
 } from "thirdweb/react";
 import { shortenIfAddress } from "utils/usedapp-external";
 
-export function ProfileHeader(props: { profileAddress: string }) {
+export function ProfileHeader(props: {
+  profileAddress: string;
+  ensName: string | undefined;
+}) {
   const client = useThirdwebClient();
   return (
     <AccountProvider address={props.profileAddress} client={client}>
@@ -27,17 +30,22 @@ export function ProfileHeader(props: { profileAddress: string }) {
           />
           <div>
             <h1 className="font-semibold text-4xl tracking-tight">
-              <AccountName
-                fallbackComponent={
-                  <AccountAddress
-                    formatFn={(addr) =>
-                      shortenIfAddress(replaceDeployerAddress(addr))
-                    }
-                  />
-                }
-                loadingComponent={<Skeleton className="h-8 w-40" />}
-                formatFn={(name) => replaceDeployerAddress(name)}
-              />
+              {/* if we already have an ensName just use it */}
+              {props.ensName ? (
+                props.ensName
+              ) : (
+                <AccountName
+                  fallbackComponent={
+                    <AccountAddress
+                      formatFn={(addr) =>
+                        shortenIfAddress(replaceDeployerAddress(addr))
+                      }
+                    />
+                  }
+                  loadingComponent={<Skeleton className="h-8 w-40" />}
+                  formatFn={(name) => replaceDeployerAddress(name)}
+                />
+              )}
             </h1>
           </div>
         </div>

apps/dashboard/src/app/(dashboard)/profile/[addressOrEns]/page.tsx

@@ -21,7 +21,7 @@ export default async function Page(props: PageProps) {
 
   return (
     <ProfileUI
-      ensName={resolvedInfo.ensName}
+      ensName={replaceDeployerAddress(resolvedInfo.ensName || "")}
       profileAddress={resolvedInfo.address}
     />
   );

apps/dashboard/src/app/nebula-app/layout.tsx

@@ -0,0 +1,21 @@
+import type { Metadata } from "next";
+
+const title =
+  "thirdweb Nebula: The Most powerful AI for interacting with the blockchain";
+const description =
+  "The most powerful AI for interacting with the blockchain, with real-time access to EVM chains and their data";
+
+export const metadata: Metadata = {
+  title,
+  description,
+  openGraph: {
+    title,
+    description,
+  },
+};
+
+export default function Layout(props: {
+  children: React.ReactNode;
+}) {
+  return props.children;
+}