Flora API Client for Visual Studio Code

A lightweight, privacy-focused API testing extension for VS Code. All your data stays local!

Key Features

• 🔒 Privacy First: All data stored locally - no cloud sync
• 📡 Send HTTP/HTTPS requests (GET, POST, PUT, DELETE)
• 🔄 Environment variables support with Mustache syntax
• 🍪 Cookie management
• 💾 Save requests as collections
• 🎨 Response highlighting with JSON viewer
• ⏱️ Request timing and size information
• 📝 Edit environment configs directly in the UI with Alpine.js
• ⚡ Real-time updates and state management with Alpine.js

Quick Start

1. Install from VS Code Marketplace:

   ext install floraapiclient
   

2. Open Flora API Client:

   • Via Command Palette (Ctrl+Shift+P): Search "Open Flora API Client"
   • Or click the Flora icon in the activity bar

3. Create a config file in your workspace:

   • Click "+ Config" to create a basic config
   • Or manually create flora.config.json:

   {
     "dev": {
       "url": "api.example.com",
       "PORT": "3000"
     }
   }
   

Using Environment Variables

1. Define variables in your flora.config.json:

   {
     "dev": {
       "baseUrl": "api.dev.example.com",
       "apiKey": "dev-key"
     },
     "prod": {
       "baseUrl": "api.example.com",
       "apiKey": "prod-key"
     }
   }
   

2. Use variables in requests with {{variableName}}:

   https://{{baseUrl}}/users
   

Saving Requests

1. Select an environment from the dropdown
2. Configure your request (URL, method, headers, body)
3. Click "Save" to store in the current environment's collection
4. Access saved requests from the collections dropdown

Requirements

• Visual Studio Code version 1.60.0 or higher
• Active workspace/folder to store config file

Support

• 🐛 Report issues on GitHub
• ☕ Support development: Buy me a coffee

License

MIT License

Privacy Notice: Flora API Client operates entirely offline. Your API requests, collections, and environment variables are stored only on your local machine.