XION AuthZ Explorer

A modern web application for exploring and managing XION blockchain authorization grants. This tool allows users to view, analyze, and monitor AuthZ grants and transactions on the XION network.

Features

• 🔍 Real-time Grant Exploration: Search and view AuthZ grants for any XION account
• 🔄 Network Switching: Seamlessly switch between Mainnet and Testnet
• 📊 Comprehensive Grant Details: View detailed information about each grant including:
  • Authorization types
  • Expiration dates
  • Message types
  • Contract details
• 📜 Transaction History: Track and monitor transactions executed by grantees
• 🎯 Smart Grouping: Automatically groups related authorizations for better overview
• 💻 Developer Friendly: Access raw JSON data for technical analysis

Technology Stack

• Frontend Framework: React with TypeScript
• Styling: Tailwind CSS
• State Management: Zustand
• Data Fetching: TanStack Query (React Query)
• Icons: Lucide React
• Build Tool: Vite
• Network Communication: Axios
• Date Handling: date-fns
• Address Validation: bech32

Getting Started

1. Clone the repository
2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

Usage

1. Select your desired network (Mainnet/Testnet) using the network selector
2. Enter a valid XION address in the search bar
3. View the account's:
   • Active AuthZ grants
   • Transaction history
   • Detailed grant information
4. Click on individual grants to view detailed information and raw JSON data

Development

Project Structure

src/
├── components/         # React components
│   ├── grants/        # Grant-related components
│   ├── transactions/  # Transaction-related components
│   └── ui/           # Reusable UI components
├── hooks/             # Custom React hooks
├── types/             # TypeScript type definitions
└── constants.ts       # Configuration constants

Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build
• npm run lint - Run ESLint

Network Configuration

The application supports both Mainnet and Testnet environments:

• Mainnet

  • RPC URL: https://xion-api.polkachu.com/
  • Explorer: https://explorer.burnt.com/xion-mainnet-1

• Testnet

  • RPC URL: https://xion-testnet-api.polkachu.com/
  • Explorer: https://explorer.burnt.com/xion-testnet-1

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• XION Network for providing the blockchain infrastructure
• The React and TypeScript communities for excellent tools and documentation
• All contributors who help improve this explorer