MongoDB Architect VS Code Extension

Visual MongoDB schema modeler for VS Code. Design database schemas with an intuitive drag-and-drop interface directly in your editor.

Features

• 🎨 Visual Schema Design - Intuitive drag-and-drop interface for creating MongoDB schemas
• 📦 Custom File Type - Edit .mongoarch files with a custom visual editor
• 🔄 Import/Export - Save and load schemas as JSON
• 🔗 Relationship Mapping - Define and visualize relationships between collections
• 🌓 Theme Support - Automatically adapts to your VS Code theme
• ✅ Schema Validation - Built-in validation for schema integrity

Usage

Creating a New Schema

1. Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P)
2. Run MongoDB Architect: New Schema
3. Choose a location and name for your .mongoarch file

Opening an Existing Schema

Simply open any .mongoarch file in VS Code, and the MongoDB Architect editor will launch automatically.

Editing a Schema

• Add Collection: Click the "Add Collection" button in the sidebar
• Edit Properties: Select a node and edit its properties in the right panel
• Create Relationships: Drag from a field handle to another collection's field to create relationships
• Delete: Select a node and press the Delete key

Saving

The schema is automatically saved as you make changes to the .mongoarch file.

File Format

MongoDB Architect uses .mongoarch files, which are JSON files containing:

{
  "version": "1.0",
  "nodes": [...],
  "edges": [...]
}

Requirements

• VS Code 1.85.0 or higher

Extension Settings

This extension contributes the following settings:

• Currently no configurable settings

Known Issues

Please report issues on GitHub

Release Notes

0.0.1

Initial release of MongoDB Architect

• Visual schema editor for MongoDB
• Support for .mongoarch files
• Collection and field management
• Relationship visualization

Contributing

Contributions are welcome! Please see our GitHub repository for more information.

Created by Naman Khater

License

MIT