GraphQL IDE

Interactive browser-based IDE for exploring, writing, and testing ChainStream GraphQL queries

The ChainStream GraphQL IDE is a browser-based development environment purpose-built for writing, testing, and sharing GraphQL analytical queries across Solana, Ethereum, BSC, and Polygon. No installation required — open the URL and start querying.

Open GraphQL IDE

https://ide.chainstream.io

---

Feature Highlights

Monaco Editor

Full-featured code editor with GraphQL syntax highlighting, schema-driven autocomplete, and real-time error detection.

Query Builder

Visual schema browser in the sidebar — explore Chain Groups, Cubes, fields, and filters without writing introspection queries.

Query Templates

Built-in templates organized by chain and Cube — load, customize, and execute in seconds.

Save & Multi-Tab

Save queries locally with titles. Work on multiple queries in parallel with tabbed editing.

Code Export

Export your query as a ready-to-use code snippet in 7 languages: cURL, Python, JavaScript, Go, Rust, Ruby, and PHP.

AI Assistant

Built-in AI assistant that can generate GraphQL queries from natural language descriptions and explain query results. Requires sign-in.

Share Queries

Generate a shareable URL for any query. Recipients can open it in the IDE with the query pre-loaded.

Status Bar

Real-time feedback on request state, latency (ms), response size, and Credit Units consumed per query.

Dark Theme

Dark-themed interface aligned with ChainStream branding, optimized for extended query sessions.

---

IDE Layout

The IDE is organized into the following regions, from top to bottom:

1. Toolbar

   Full-width top bar — Execute (▶), Prettify, Save/Fork, Export Code, Share buttons, and the endpoint URL input.

2. Three-Column Main Area

   Sidebar

   Left — Three tabs: Query Builder (schema tree), Queries (built-in templates), Saved (your saved queries)

   Editor + Results

   Center — Monaco editor (with Tab Bar, Variables / Headers panels), and syntax-highlighted JSON response panel below

   AI Assistant

   Right — Natural language query generation and result explanation (requires sign-in)

3. Status Bar

   Full-width bottom bar — Request state, latency (ms), response size, and CU consumed.

---

Quick Start

1. Open the IDE

   Navigate to ide.chainstream.io in your browser.

2. Set your API Key

   You can set your API key in two ways:

   Option A — Manual entry: Click the Headers panel at the bottom of the editor and enter:

   {
     "X-API-KEY": "your_api_key"
   }
   

   Option B — Sign in: Click Sign In in the top bar and log in with your ChainStream account. Your API keys will be automatically loaded and selectable from the key dropdown.

   Don’t have a key yet? Create one in the ChainStream Dashboard → Applications → Create New App.

3. Load a template

   Open the sidebar (Ctrl/Cmd+B), expand a chain (e.g. Solana), then click a template like DEXTrades → Latest Trades. The query loads into the editor with placeholder values.

4. Replace placeholders

   Replace any TOKEN_ADDRESS, WALLET_ADDRESS, or POOL_ADDRESS placeholders with real on-chain addresses.

5. Execute

   Press Ctrl/Cmd+Enter or click the Execute (▶) button. Results appear in the right panel, and the status bar shows latency and CU cost.

---

Query Builder (Schema Browser)

The sidebar includes a visual Query Builder that replaces the standard GraphiQL documentation panel. It displays the full schema as an interactive tree:

• Chain Groups (EVM, Solana, Trading) at the top level
• Cubes within each group
• Fields, filters, and ordering options for each Cube

Click any field to insert it into your query. This is powered by the backend’s /ide/builder-schema endpoint, which provides a structured representation of the entire schema.

---

AI Assistant

The AI Assistant panel (right side) helps you:

• Generate queries from natural language descriptions (e.g., “Get the top 10 Solana DEX trades by volume today”)
• Explain results — paste a response and get a plain-language summary

The AI Assistant requires signing in with your ChainStream account. It uses the same API key as your current IDE session.

---

Share Queries

Generate a shareable URL for any query by clicking the Share button in the toolbar. The URL encodes the query, variables, and network selection using a #q= fragment. Recipients can open the link to see the query pre-loaded in their IDE.

---

Learn More

Query Editor

Explore the Monaco editor, panels, toolbar, keyboard shortcuts, and status bar.

Query Templates

Browse the full catalog of built-in templates across all Cubes.

Saved Queries

Save, organize, and manage your frequently used queries.

Code Export

Generate ready-to-use code snippets in 7 programming languages.