Skip to content
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

touch-ups #207

Merged
merged 2 commits into from
Feb 13, 2025
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
120 changes: 54 additions & 66 deletions components/VersionFetcher/VersionTable.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,74 +2,62 @@ import React, { useState } from 'react';
import VersionFetcher from './VersionFetcher';

const VersionTable: React.FC = () => {
const [mainnetVersion, setMainnetVersion] = useState('');
const [testnetVersion, setTestnetVersion] = useState('');
const [devnetVersion, setDevnetVersion] = useState('');
const [mainnetVersion, setMainnetVersion] = useState('');
const [testnetVersion, setTestnetVersion] = useState('');
const [devnetVersion, setDevnetVersion] = useState('');

return (
<>
<VersionFetcher chainId="pacific-1" rpcEndpoint="https://rpc.sei-apis.com" setVersion={setMainnetVersion} />
<VersionFetcher chainId="atlantic-2" rpcEndpoint="https://rpc.atlantic-2.seinetwork.io" setVersion={setTestnetVersion} />
<VersionFetcher chainId="arctic-1" rpcEndpoint="https://rpc-arctic-1.sei-apis.com" setVersion={setDevnetVersion} />
return (
<>
<VersionFetcher chainId='pacific-1' rpcEndpoint='https://rpc.sei-apis.com' setVersion={setMainnetVersion} />
<VersionFetcher chainId='atlantic-2' rpcEndpoint='https://rpc.atlantic-2.seinetwork.io' setVersion={setTestnetVersion} />
<VersionFetcher chainId='arctic-1' rpcEndpoint='https://rpc-arctic-1.sei-apis.com' setVersion={setDevnetVersion} />

<table className="version-table">
<thead>
<tr>
<th>Network</th>
<th>Version</th>
<th>Chain ID</th>
<th>Genesis URL</th>
</tr>
</thead>
<tbody>
<tr>
<td>Mainnet</td>
<td>{mainnetVersion}</td>
<td>pacific-1</td>
<td><a href="https://raw.githubusercontent.com/sei-protocol/testnet/main/pacific-1/genesis.json">Genesis</a></td>
</tr>
<tr>
<td>Testnet</td>
<td>{testnetVersion}</td>
<td>atlantic-2</td>
<td><a href="https://raw.githubusercontent.com/sei-protocol/testnet/main/atlantic-2/genesis.json">Genesis</a></td>
</tr>
<tr>
<td>Devnet</td>
<td>{devnetVersion}</td>
<td>arctic-1</td>
<td><a href="https://raw.githubusercontent.com/sei-protocol/testnet/main/arctic-1/genesis.json">Genesis</a></td>
</tr>
</tbody>
</table>

<style jsx>{`
.version-table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
}
.version-table th, .version-table td {
border: 1px solid #ddd;
padding: 8px;
}
.version-table th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #f2f2f2;
color: black;
}
.version-table a {
color: #0070f3;
text-decoration: none;
}
.version-table a:hover {
text-decoration: underline;
}
`}</style>
</>
);
<div className='overflow-x-auto'>
<table className='w-full border border-gray-700 rounded-lg shadow-lg'>
<thead className='bg-gray-900 text-white uppercase tracking-wide'>
<tr>
<th className='px-6 py-3 text-left'>Network</th>
<th className='px-6 py-3 text-left'>Version</th>
<th className='px-6 py-3 text-left'>Chain ID</th>
<th className='px-6 py-3 text-left'>Genesis URL</th>
</tr>
</thead>
<tbody className='bg-gray-800 text-gray-300'>
<tr className='border-b border-gray-700 hover:bg-gray-700'>
<td className='px-6 py-4'>Mainnet</td>
<td className='px-6 py-4'>{mainnetVersion}</td>
<td className='px-6 py-4'>pacific-1</td>
<td className='px-6 py-4'>
<a href='https://raw.githubusercontent.com/sei-protocol/testnet/main/pacific-1/genesis.json' className='text-blue-400 hover:underline'>
Genesis
</a>
</td>
</tr>
<tr className='border-b border-gray-700 hover:bg-gray-700'>
<td className='px-6 py-4'>Testnet</td>
<td className='px-6 py-4'>{testnetVersion}</td>
<td className='px-6 py-4'>atlantic-2</td>
<td className='px-6 py-4'>
<a href='https://raw.githubusercontent.com/sei-protocol/testnet/main/atlantic-2/genesis.json' className='text-blue-400 hover:underline'>
Genesis
</a>
</td>
</tr>
<tr className='hover:bg-gray-700'>
<td className='px-6 py-4'>Devnet</td>
<td className='px-6 py-4'>{devnetVersion}</td>
<td className='px-6 py-4'>arctic-1</td>
<td className='px-6 py-4'>
<a href='https://raw.githubusercontent.com/sei-protocol/testnet/main/arctic-1/genesis.json' className='text-blue-400 hover:underline'>
Genesis
</a>
</td>
</tr>
</tbody>
</table>
</div>
</>
);
};

export default VersionTable;
1 change: 1 addition & 0 deletions components/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -17,3 +17,4 @@ export * from './EcosystemMap';
export * from './InteractiveTerminal';
export * from './AskCookbook';
export * from './OldDocsCallout';
export * from './VersionFetcher';
1 change: 1 addition & 0 deletions pages/build/_meta.json
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
"title": "Setup and Installation"
},
"installing-seid": "Installing seid CLI",
"seid-devtool": "Generate Boilerplate Tx Messages",
"dev-token-standards": "Token Standards",

"-- Frontend Development": {
Expand Down
Original file line number Diff line number Diff line change
@@ -1,10 +1,12 @@
# Creating Boilerplate Transaction Messages/Data

## A Guide to a simple but powerful Flag: `--generate-only`
### Using One Simple Flag:

#### --generate-only`

Transaction templates form the foundation of blockchain development and automation in Sei. Through the `--generate-only` flag and Foundry's `cast` tool, developers can craft, analyze, and debug transactions across both native Cosmos and EVM environments. Understanding these tools opens up powerful possibilities for building sophisticated applications and development workflows.

### Native Transaction Templates with --generate-only
### Native Transaction Templates

The `--generate-only` flag transforms any Sei CLI transaction command into a template generator, creating complete transaction structures without broadcasting them. These templates serve as building blocks for applications, frontends, and automation tools.

Expand Down
9 changes: 2 additions & 7 deletions pages/node/_meta.json
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@
},
"getting-started": "Quick Start Guide",
"node-operators": "Node Operations Guide",
"reference": "Current Binary versions & Genesis Files",

"-- Advanced Operations": {
"type": "separator",
Expand All @@ -19,11 +20,5 @@
"type": "separator",
"title": "Validators"
},
"validators": "Validator Operations Guide",

"-- Development": {
"type": "separator",
"title": "Development Tools"
},
"seid-devtool": "Creating Boilerplate Transactions"
"validators": "Validator Operations Guide"
}
Loading