diff --git a/app/globals.css b/app/globals.css
index ccc34d5c..8c499eb1 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -92,6 +92,16 @@ aside,
-webkit-backdrop-filter: blur(10px);
}
+.nextra-search-results a,
+.nextra-search-results a * {
+ color: var(--color-neutral-700) !important;
+}
+
+.dark .nextra-search-results a,
+.dark .nextra-search-results a * {
+ color: var(--color-neutral-300) !important;
+}
+
.nextra-search-results a:hover,
.nextra-search-results a:hover * {
color: var(--color-black) !important;
diff --git a/app/layout.tsx b/app/layout.tsx
index 31810a1d..766a7002 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -11,7 +11,6 @@ import '@radix-ui/themes/styles.css';
import 'nextra-theme-docs/style.css';
import './globals.css';
import 'katex/dist/katex.min.css';
-import '../src/vendor/bytebellai/style.css';
export const metadata: Metadata = {
metadataBase: new URL('https://docs.sei.io'),
diff --git a/content/evm/index.mdx b/content/evm/index.mdx
index 459f8a1f..2d3a1a31 100644
--- a/content/evm/index.mdx
+++ b/content/evm/index.mdx
@@ -158,7 +158,7 @@ import { RpcSelector, AddSeiInlineButton } from '../../src/components';
EVM Contract Wizard
- Generate secure ERC-20, ERC-721, and more contract in minutes with the Contract Wizard. Configure the features, copy the Solidity code, deploy.
+ Generate secure ERC-20, ERC-721, and more contract in minutes with the Contract Wizard. Configure the features, copy the Solidity code, deploy.
@@ -166,7 +166,7 @@ import { RpcSelector, AddSeiInlineButton } from '../../src/components';
Frontend Integration
- Connect various frontend interfaces such as ethers.js, viem, wagmi to your Sei EVM smart contracts.
+ Connect various frontend interfaces such as ethers.js, viem, wagmi to your Sei EVM smart contracts.
@@ -174,7 +174,7 @@ import { RpcSelector, AddSeiInlineButton } from '../../src/components';
Solidity Resources
- Tools and best practices for Solidity development on Sei.
+ Tools and best practices for Solidity development on Sei.
@@ -189,9 +189,9 @@ import { RpcSelector, AddSeiInlineButton } from '../../src/components';
Deploy with Hardhat
-
+
Deploy smart contracts on Sei EVM using Hardhat. Simple setup, fast results.
-
+
Start tutorial
@@ -205,9 +205,9 @@ import { RpcSelector, AddSeiInlineButton } from '../../src/components';
Deploy with Foundry
-
+
Use Foundry to build and deploy on Sei EVM. Fast testing, simple deployment.
-
+
Start tutorial
@@ -226,9 +226,9 @@ import { RpcSelector, AddSeiInlineButton } from '../../src/components';
RPC Endpoints
-
+
Choose from official Sei Foundation endpoints or community-maintained alternatives. All endpoints support standard EVM JSON-RPC methods. Public endpoints have rate limits—for production apps, consider using a dedicated RPC provider or
running your own node.
-
+
-
+
{value}
{!copyDisabled ? (
diff --git a/src/components/NetworkTabs/index.tsx b/src/components/NetworkTabs/index.tsx
index 34fc81d6..32d089a0 100644
--- a/src/components/NetworkTabs/index.tsx
+++ b/src/components/NetworkTabs/index.tsx
@@ -39,7 +39,7 @@ export function NetworkTabs({}: NetworkTabsProps) {
const statusIndicatorClass = 'w-2 h-2 rounded-full';
const labelClass = 'text-neutral-500 dark:text-neutral-500 mb-1';
const valueClass = 'text-neutral-700 dark:text-neutral-300';
- const linkClass = 'text-neutral-700 hover:text-neutral-900 dark:text-neutral-300 dark:hover:text-white transition-colors truncate max-w-[260px]';
+ const linkClass = 'text-neutral-700 hover:text-neutral-900 dark:text-neutral-300 dark:hover:text-white transition-colors';
const visitLinkClass = 'text-neutral-700 hover:text-neutral-900 dark:text-neutral-300 dark:hover:text-white flex items-center transition-colors';
// Helper function to render tab content
@@ -51,14 +51,14 @@ export function NetworkTabs({}: NetworkTabsProps) {
case 'mainnet':
return (
-
+
-
+
Chain ID:
@@ -95,14 +95,14 @@ export function NetworkTabs({}: NetworkTabsProps) {
case 'testnet':
return (
-
+
-
+
Chain ID:
@@ -149,14 +149,14 @@ export function NetworkTabs({}: NetworkTabsProps) {
case 'localnet':
return (
-
+
-
+
Chain ID:
@@ -190,10 +190,10 @@ export function NetworkTabs({}: NetworkTabsProps) {
};
return (
-
+
setActiveTab('mainnet')} className={tabButtonClass('mainnet')}>
- Mainnet
+ Mainnet (pacific-1)
setActiveTab('testnet')} className={tabButtonClass('testnet')}>
Testnet (atlantic-2)
diff --git a/src/components/RpcSelector/index.tsx b/src/components/RpcSelector/index.tsx
index aef672a9..eba9d803 100644
--- a/src/components/RpcSelector/index.tsx
+++ b/src/components/RpcSelector/index.tsx
@@ -1,7 +1,18 @@
'use client';
-import React, { useState } from 'react';
-import { IconExternalLink, IconCopy, IconCheck, IconArrowRight, IconSearch, IconChevronDown, IconServer, IconInfoCircle, IconChevronUp } from '@tabler/icons-react';
+import React, { useState, useEffect } from 'react';
+import {
+ IconExternalLink,
+ IconCopy,
+ IconCheck,
+ IconArrowRight,
+ IconSearch,
+ IconChevronDown,
+ IconServer,
+ IconInfoCircle,
+ IconChevronUp,
+ IconAlertCircle
+} from '@tabler/icons-react';
type EndpointType = 'public' | 'premium' | 'community';
type Network = 'mainnet' | 'testnet' | 'localnet';
@@ -17,6 +28,12 @@ interface RpcEndpoint {
notes?: string;
}
+interface BaseHeightInfo {
+ baseHeight: number | null;
+ loading: boolean;
+ error: boolean;
+}
+
// Sample RPC endpoints data - this could come from an API or config file
const rpcEndpoints: RpcEndpoint[] = [
{
@@ -113,6 +130,7 @@ export function RpcSelector() {
const [searchTerm, setSearchTerm] = useState('');
const [expandedEndpoint, setExpandedEndpoint] = useState(null);
const [showAllEndpoints, setShowAllEndpoints] = useState(false);
+ const [baseHeights, setBaseHeights] = useState>({});
const handleCopy = (url: string) => {
navigator.clipboard.writeText(url);
@@ -120,11 +138,81 @@ export function RpcSelector() {
setTimeout(() => setCopiedUrl(null), 2000);
};
+ const fetchBaseHeight = async (url: string): Promise => {
+ try {
+ console.log('Fetching base height for:', url);
+
+ const response = await fetch(url, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json'
+ },
+ body: JSON.stringify({
+ jsonrpc: '2.0',
+ method: 'eth_getBlockByNumber',
+ params: ['0x1', false],
+ id: 1
+ }),
+ mode: 'cors'
+ });
+
+ console.log('Response status:', response.status);
+
+ if (!response.ok) {
+ console.error('Response not OK:', response.status, response.statusText);
+ throw new Error(`HTTP error! status: ${response.status}`);
+ }
+
+ const data = await response.json();
+ console.log('Response data:', data);
+
+ if (data.error && data.error.message) {
+ console.log('Error message found:', data.error.message);
+ // Extract base height from error message
+ // Example: "height is not available (requested height: 0, base height: 161939999)"
+ const match = data.error.message.match(/base height:\s*(\d+)/);
+ if (match) {
+ const baseHeight = parseInt(match[1], 10);
+ console.log('Extracted base height:', baseHeight);
+ return baseHeight;
+ }
+ }
+
+ // If no error, the endpoint has full history
+ console.log('No error found, full history available');
+ return null;
+ } catch (error) {
+ console.error(`Failed to fetch base height for ${url}:`, error);
+ throw error;
+ }
+ };
+
const toggleEndpointDetails = (url: string) => {
if (expandedEndpoint === url) {
setExpandedEndpoint(null);
} else {
setExpandedEndpoint(url);
+ // Fetch base height when expanding if not already fetched
+ if (!baseHeights[url]) {
+ setBaseHeights((prev) => ({
+ ...prev,
+ [url]: { baseHeight: null, loading: true, error: false }
+ }));
+
+ fetchBaseHeight(url)
+ .then((baseHeight) => {
+ setBaseHeights((prev) => ({
+ ...prev,
+ [url]: { baseHeight, loading: false, error: false }
+ }));
+ })
+ .catch(() => {
+ setBaseHeights((prev) => ({
+ ...prev,
+ [url]: { baseHeight: null, loading: false, error: true }
+ }));
+ });
+ }
}
};
@@ -256,6 +344,30 @@ export function RpcSelector() {
)}
+
+ Historical Data:
+ {baseHeights[endpoint.url]?.loading ? (
+ Checking availability...
+ ) : baseHeights[endpoint.url]?.error ? (
+ Unable to verify
+ ) : baseHeights[endpoint.url]?.baseHeight ? (
+
+ Available from block {baseHeights[endpoint.url]?.baseHeight?.toLocaleString()}
+
+ ) : baseHeights[endpoint.url] ? (
+ Full history available
+ ) : (
+ Click to check
+ )}
+
+ {baseHeights[endpoint.url]?.baseHeight && (
+
+
+
+ Historical blocks before {baseHeights[endpoint.url]?.baseHeight?.toLocaleString()} are not available on this endpoint.
+
+
+ )}
{endpoint.notes && (
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 8ddaea28..2d754a00 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -2,7 +2,7 @@ import type { Config } from 'tailwindcss';
const config: Config = {
darkMode: 'class',
- content: ['./components/**/*.{js,ts,jsx,tsx,mdx}', './app/**/*.{js,ts,jsx,tsx,mdx}'],
+ content: ['./components/**/*.{js,ts,jsx,tsx,mdx}', './app/**/*.{js,ts,jsx,tsx,mdx}', './src/**/*.{js,ts,jsx,tsx,mdx}', './content/**/*.{js,ts,jsx,tsx,mdx}'],
theme: {
extend: {}
},
diff --git a/yarn.lock b/yarn.lock
index 093f2cc1..385ed08f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8568,10 +8568,10 @@ tailwindcss@4.1.14:
resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-4.1.14.tgz#a5907cc2202a2a1f5f15bac6f2031e53117e43a8"
integrity sha512-b7pCxjGO98LnxVkKjaZSDeNuljC4ueKUddjENJOADtubtdo8llTaJy7HwBMeLNSSo2N5QIAgklslK1+Ir8r6CA==
-tailwindcss@^4.0.9:
- version "4.0.9"
- resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-4.0.9.tgz#f6626cee837aabe9e54c29b230b6fb0ed36fe965"
- integrity sha512-12laZu+fv1ONDRoNR9ipTOpUD7RN9essRVkX36sjxuRUInpN7hIiHN4lBd/SIFjbISvnXzp8h/hXzmU8SQQYhw==
+tailwindcss@^4.1.17:
+ version "4.1.17"
+ resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-4.1.17.tgz#e6dcb7a9c60cef7522169b5f207ffec2fd652286"
+ integrity sha512-j9Ee2YjuQqYT9bbRTfTZht9W/ytp5H+jJpZKiYdP/bpnXARAuELt9ofP0lPnmHjbga7SNQIxdTAXCmtKVYjN+Q==
tapable@^2.2.0:
version "2.2.1"