Znode API Log Viewer

A VS Code extension that intercepts and displays Znode API calls in real-time.

Features

• 📡 Real-time Interception: Captures all fetch requests without modifying your code
• 🔍 Search & Filter: Search logs by URL, function name, or headers
• 📋 Method Filtering: Filter by HTTP method (GET, POST, PUT, DELETE, PATCH)
• 🔧 cURL Generation: Automatically generates cURL commands for each request
• 📊 Response Metrics: View status codes and request duration
• 📋 One-Click Copy: Copy cURL commands to clipboard instantly
• 🗑️ Clear Logs: Clear all logs with one click
• 💚 Live Indicator: Shows when interception is active

Installation & Usage

Step 1: Open your project

1. Open VS Code with your Git repo project (the project that uses Znode APIs)

Step 2: Open Znode Logs

1. Check the bottom status bar — you will see Znode Logs
2. Click the Znode Logs button to open the log viewer panel

Step 3: Run Dev with intercept

1. In the log viewer, click the Run Dev button
2. Type your dev command (e.g. npx nx dev webstore) or use the existing one
3. This starts your dev server with API interception enabled

Step 4: View logs

1. Open your project in Chrome (or another browser)
2. Use the app so that API calls are made
3. Click Znode Logs again in VS Code — you will see the captured API logs

Step 5: View response

1. In the log viewer, click the Show Response button to expand and see the response for each request
2. Click a log row to expand details (headers, response body, cURL, etc.)

License

MIT