hyperdev-ide
Advanced tools
Decentralized Agentic Programming IDE powered by H²GNN, PocketFlow, and MCP
HyperDev is a revolutionary web-based IDE that leverages hyperbolic geometry, agentic workflows, and real-time collaboration to create the world's most intelligent development environment.
Built on the powerful foundation of H²GNN + PocketFlow + MCP, HyperDev transforms how developers think about code, enabling seamless human-AI collaboration through geometric intelligence.
"What if your IDE could understand code not just as text, but as relationships in hyperbolic space? What if AI agents could work alongside you, understanding your intent through the geometry of your thoughts?"
HyperDev makes this vision reality by:
// Code exists in hyperbolic space - relationships preserved geometrically
const similarity = hyperbolicDistance(codeA.embedding, codeB.embedding);
// Related code clusters naturally in Poincaré disk
navigateToSemanticRegion(concept: "authentication");
// Spawn intelligent agents that understand your codebase
const codeAgent = await spawnAgent('code-generator', {
capabilities: ['typescript', 'react', 'hyperbolic-analysis'],
permissions: { canReadFiles: true, canWriteFiles: true }
});
// Agents work in PocketFlow workflows
await codeAgent.executeWorkflow([
new AnalyzeContextNode(),
new GenerateCodeNode(),
new ValidateCodeNode()
]);
// Real-time collaboration with humans and AI agents
const session = await joinCollaboration('project-id');
session.shareAgent(myAgent, ['teammate1', 'teammate2']);
// Shared knowledge graphs and synchronized agent states
session.syncKnowledgeGraph();
┌─────────────────────────────────────────────────────────────────┐
│ HyperDev IDE │
├─────────────────┬───────────────────────┬─────────────────────┤
│ │ │ │
│ 🗂️ File │ ✏️ Monaco Editor │ 🕸️ Knowledge │
│ Explorer │ │ Graph Visualizer │
│ │ (AI-Enhanced) │ │
│ 🤖 Agent │ │ (Hyperbolic 3D) │
│ Panel │ │ │
│ ├───────────────────────┼─────────────────────┤
│ │ 🖥️ Agent Console │ 👥 Collaboration │
│ │ │ Chat & Presence │
└─────────────────┴───────────────────────┴─────────────────────┘
│
▼
┌─────────────────────────────┐
│ H²GNN MCP Server │
│ │
│ 🧠 Hyperbolic Embeddings │
│ 📊 Knowledge Graphs │
│ ⚡ PocketFlow Workflows │
│ 🔗 Agent Orchestration │
└─────────────────────────────┘
# Clone the repository
git clone https://github.com/h2gnn/hyperdev-ide.git
cd hyperdev-ide
# Install dependencies
npm install
# Start the H²GNN MCP Server (in separate terminal)
npm run start:mcp
# Start the IDE development server
npm run dev
http://localhost:5173ws://localhost:3001// 1. Spawn a code generation agent
const agent = await spawnAgent('code-generator');
// 2. Describe what you want
await agent.generateCode({
description: "Create a React component for user authentication",
context: getCurrentContext(),
style: getProjectStyle()
});
// 3. Agent analyzes your codebase using knowledge graph
// 4. Generates contextually appropriate code
// 5. Validates against your patterns and conventions
// Navigate code semantically, not just textually
navigateToSemanticRegion("authentication");
// Automatically surfaces: login, signup, JWT, session management
findSimilarPatterns(selectedCode);
// Discovers related code across your entire project
// Share your AI agents with teammates
shareAgent(myCodeReviewAgent, ['alice', 'bob']);
// Collaborative knowledge graph exploration
exploreConceptTogether("microservices architecture");
// Synchronized agent workflows
runDistributedWorkflow([agent1, agent2, agent3]);
// User: "Create a REST API endpoint for user management"
// 1. Agent analyzes existing code patterns
const patterns = await analyzeCodePatterns(currentProject);
// 2. Generates contextually appropriate code
const generatedCode = await generateCode({
description: "REST API endpoint for user management",
patterns,
framework: "express",
database: "mongodb"
});
// 3. Result: Complete endpoint with validation, error handling, tests
// Start with a concept
const startConcept = "user authentication";
// Explore related concepts in hyperbolic space
const relatedConcepts = await exploreHyperbolicNeighborhood(startConcept);
// Returns: ["authorization", "JWT", "session", "OAuth", "security"]
// Navigate to implementation
const implementations = await findImplementations(relatedConcepts);
// Shows all auth-related code in your project
// Scenario: Code review workflow with multiple agents
// 1. Code Analysis Agent
const analysisAgent = await spawnAgent('code-analyzer');
const analysis = await analysisAgent.analyzeCode(selectedCode);
// 2. Security Review Agent
const securityAgent = await spawnAgent('security-reviewer');
const securityReport = await securityAgent.reviewSecurity(selectedCode);
// 3. Performance Agent
const perfAgent = await spawnAgent('performance-analyzer');
const perfReport = await perfAgent.analyzePerformance(selectedCode);
// 4. Synthesis Agent combines all reports
const synthesisAgent = await spawnAgent('report-synthesizer');
const finalReport = await synthesisAgent.synthesize([
analysis, securityReport, perfReport
]);
// .hyperdev/config.json
{
"mcp": {
"endpoint": "ws://localhost:3001",
"enableAutoReconnect": true,
"timeout": 30000
},
"visualization": {
"defaultLayout": "hyperbolic",
"renderMode": "3d",
"maxNodes": 1000,
"animationSpeed": 1.0
},
"agents": {
"maxConcurrent": 5,
"autoStart": ["code-analyzer"],
"permissions": {
"defaultTrustLevel": "moderate",
"allowFileModification": false
}
},
"collaboration": {
"enableRealTime": true,
"maxParticipants": 10,
"shareAgentsByDefault": false
}
}
// Define custom agent capabilities
const customAgent = {
name: "React Specialist",
capabilities: [
"react-component-generation",
"jsx-analysis",
"hooks-optimization",
"state-management"
],
permissions: {
canReadFiles: true,
canWriteFiles: true,
allowedExtensions: [".tsx", ".jsx", ".ts", ".js"]
},
workflow: new PocketFlowWorkflow([
new AnalyzeReactPatternsNode(),
new GenerateComponentNode(),
new OptimizePerformanceNode(),
new AddTestsNode()
])
};
# Run all tests
npm run test
# Unit tests
npm run test:unit
# Integration tests
npm run test:integration
# E2E tests with Playwright
npm run test:e2e
# Visual regression tests
npm run test:visual
# Performance benchmarks
npm run test:performance
// agents/my-custom-agent.ts
export class MyCustomAgent extends AgentBase {
async analyze(code: string): Promise<AnalysisResult> {
// Custom analysis logic
const embedding = await this.generateEmbedding(code);
const similarity = await this.findSimilarPatterns(embedding);
return { embedding, similarity, insights: [] };
}
}
// Register with HyperDev
registerAgent('my-custom-agent', MyCustomAgent);
// visualization/custom-layout.ts
export class MyCustomLayout extends LayoutBase {
calculatePositions(nodes: Node[]): Position[] {
// Custom layout algorithm
return nodes.map(node => ({
x: Math.random() * 100,
y: Math.random() * 100,
z: 0
}));
}
}
registerLayout('my-layout', MyCustomLayout);
# Local development with hot reload
npm run dev
# With MCP server
npm run start:full
# Build for production
npm run build
# Preview production build
npm run preview
# Deploy to Vercel/Netlify
npm run deploy
# Dockerfile
FROM node:18-alpine
WORKDIR /app
COPY package*.json ./
RUN npm ci --only=production
COPY . .
RUN npm run build
EXPOSE 5173
CMD ["npm", "run", "preview"]
We welcome contributions to HyperDev! Here's how to get started:
# Fork and clone the repository
git clone your-fork-url
cd hyperdev-ide
# Install dependencies
npm install
# Start development environment
npm run dev
# Run tests
npm run test
MIT License - see LICENSE for details.
Made with ❤️ and Hyperbolic Intelligence
🌐 Website • 📧 Contact • 🐛 Issues • 💡 Feature Requests
"The future of programming is not just human or AI - it's the beautiful collaboration between human creativity and geometric intelligence."
FAQs
Decentralized Agentic Programming IDE powered by H²GNN, PocketFlow, and MCP
The npm package hyperdev-ide receives a total of 13 weekly downloads. As such, hyperdev-ide popularity was classified as not popular.
We found that hyperdev-ide demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
OpenAI rotated macOS signing certificates after a malicious Axios package reached its CI pipeline in a broader software supply chain attack.
Security News
Open source is under attack because of how much value it creates. It has been the foundation of every major software innovation for the last three decades. This is not the time to walk away from it.
Security News
Socket CEO Feross Aboukhadijeh breaks down how North Korea hijacked Axios and what it means for the future of software supply chain security.