Noder

Don't Code it, Just Node it!

Noder is a VS Code extension that transforms your codebase into an interactive, node-based graph. Instead of navigating endless files of text, Noder allows you to visualize, manage, and generate your code as a network of interconnected nodes. It combines a powerful WASM-based parsing backend with cutting-edge AI to streamline your development workflow, from architecture design to code synthesis.

This tool is designed for developers who want to manage complexity, understand dependencies more clearly, and leverage AI to accelerate the creation of production-ready code.

✨ Key Features

• Visual Node-Based Editor: View your classes, functions, and variables as a clear, interactive graph. Understand your codebase's architecture at a glance.
• AI-Powered Code Synthesis: Write a signature and a natural language description for a function, and let Noder's AI backend generate the complete implementation for you. It supports multiple AI providers like Google Gemini, Anthropic, and OpenAI.
• Automatic Dependency Resolution: Noder automatically parses your code to find and link dependencies between nodes. When you add a new function that calls another, the dependency is found and linked during the sync process.
• Multi-Language Support: The core architecture is built on a language-agnostic model with a WebAssembly (WASM) backend, enabling support for C++, Python, TypeScript/JavaScript, and Rust.
• Real-Time Codebase Synchronization: Changes made in the Noder graph are written directly to your source files. Conversely, manual edits you make in your code are detected and synced back to the graph, keeping everything consistent.
• Smart Context Generation: The AI is not working in a vacuum. Noder builds a rich context from across your entire project, including dependencies and structurally similar code, to provide the AI with the information it needs to generate accurate and relevant code.
• Vector-Based Code Search: By generating embeddings for your code, Noder provides semantic search capabilities, allowing you to find code based on what it does, not just the keywords it contains.

🚀 Getting Started

1. Installation

Install the "Noder" extension directly from the Visual Studio Code Marketplace.

2. Initial Setup

1. Open the Noder Editor: Open a project folder in VS Code. Open the command palette (Ctrl+Shift+P or Cmd+Shift+P) and run the command Noder: Show Editor.
2. Build the Initial Graph: The first time you open Noder in a project, it will prompt you to build the graph. Click "Build Graph" or "Start Indexing". This will perform an initial scan of your entire workspace to create the node representation of your code. This may take a few moments for large projects.
3. Configure Your AI Provider:
   • Click on the "Settings" menu in the Noder editor.
   • Navigate to the "AI Models" section.
   • Paste your API key for your preferred provider (e.g., Gemini) and select the model you wish to use from the dropdown.

3. Basic Workflow

• Viewing Your Code: Once the graph is built, you will see your files and the code within them represented as a series of nested nodes. Click the chevron on a node to expand or collapse its contents (dependencies, children, description).
• Editing Code:
  • Modify a Signature: Simply click on the signature of any node and edit it like a text field. Changes are automatically saved.
  • Add a Description: Expand a node and type a natural language description of what it does. This description will be used by the AI during code generation.
• Creating a New Function:
  1. Click the "Create New Node" button in the action bar.
  2. A new, empty node will appear. Define its signature (e.g., def calculate_sum(a, b):).
  3. Add a clear description (e.g., "This function takes two integers and returns their sum.").
• Generating Code ("Compiling"):
  1. Any node that has not yet had its code generated will have a "Ready to Generate" status.
  2. Click the "Compile" button in the action bar.
  3. Noder will send all uncompiled nodes to the AI backend to generate their implementations.
  4. The generated code is then written directly back to your source files, and the node's status will change to "In Codebase".