NeuroLint VS Code Extension - React & Next.js Modernization

React & Next.js modernization platform for VS Code. Transform legacy codebases, migrate to modern patterns, and ensure production-ready code through intelligent analysis and automated fixes.

🆓 Free Tier: Unlimited modernization analysis and legacy pattern detection ⭐ Premium: One-click fixes, detailed reports, and team collaboration 🚀 Business: Workspace-level bulk processing and advanced transformations

Features

Modernization Layers

• Layer 1: TypeScript & Next.js configuration modernization
• Layer 2: Legacy pattern cleanup and standardization
• Layer 3: React 18 compatibility and component modernization
• Layer 4: SSR/Hydration safety for Next.js migrations
• Layer 5: Next.js App Router migration automation
• Layer 6: Enterprise-grade quality and performance

Free Tier Features

• Real-time Analysis - Instant modernization feedback as you type
• File Analysis - Free modernization analysis for any file
• Workspace Analysis - Project-wide legacy pattern detection
• Migration Readiness - Assessment of upgrade feasibility

Premium Features (Requires Authentication)

Basic Tier

• Layer 1-2 Processing - TypeScript config and pattern cleanup
• Individual File Fixes - One-click modernization transformations
• Basic Reporting - File-level analysis reports

Professional Tier

• Layer 1-4 Processing - Includes React 18 and SSR/Hydration fixes
• Advanced Analysis - Deep API-powered pattern detection
• Export Capabilities - Migration reports and documentation

Business Tier

• Layer 1-5 Processing - Includes Next.js App Router migration
• Workspace-Level Processing - Bulk analysis and fixes across entire projects
• Team Collaboration - Shared dashboards and project tracking
• Priority Support - Dedicated support channel

Enterprise Tier

• Layer 1-6 Processing - Complete transformation suite
• Advanced Security Analysis - Enterprise-grade code quality checks
• Custom Integration - API access for CI/CD pipelines
• White-glove Support - Dedicated account management

Installation

From VS Code Marketplace

1. Open VS Code
2. Go to Extensions (Ctrl+Shift+X)
3. Search for "NeuroLint"
4. Click "Install"

Manual Installation

1. Download the .vsix file from releases
2. Open VS Code
3. Go to Extensions (Ctrl+Shift+X)
4. Click the "..." menu and select "Install from VSIX..."
5. Select the downloaded .vsix file

Configuration

Basic Settings

Advanced Settings

Commands

Analysis Commands

Utility Commands

Usage

Quick Start

1. Install the extension
2. Get your API key from neurolint.dev
3. Configure your API key in settings
4. Open a TypeScript/JavaScript file
5. Use Ctrl+Shift+L to analyze the current file

Authentication

Quick Setup

1. Command Palette → NeuroLint: Login for Premium Features
2. Choose your path:
   • "I have an API key" - Enter your existing key
   • "I need to get an API key" - Opens dashboard to create account
   • "Use free tier (analysis only)" - Start analyzing immediately

Manual Configuration

Set your API key in VS Code settings:

{
  "neurolint.apiKey": "your-api-key-here"
}

Getting Your API Key

1. Visit app.neurolint.dev/dashboard
2. Create an account or sign in
3. Navigate to API Keys section
4. Generate a new key for VS Code
5. Copy and paste into the extension

File Analysis

• Right-click any TypeScript/JavaScript file → "Analyze with NeuroLint"
• Command Palette → "NeuroLint: Analyze Current File"
• Keyboard Shortcut → Ctrl+Shift+L

Workspace Analysis

• Command Palette → "NeuroLint: Analyze Workspace"
• Keyboard Shortcut → Ctrl+Shift+W

Automated Fixes

• Enable neurolint.autoFix to automatically apply fixes on save
• Or use "NeuroLint: Fix Current File" command manually

Features in Detail

Real-time Diagnostics

The extension provides real-time diagnostics as you type, highlighting potential issues and suggesting improvements.

Comprehensive Analysis

• TypeScript configuration optimization
• React component best practices
• Performance optimization suggestions
• Security vulnerability detection
• Code quality improvements

Professional Integration

• Seamless VS Code integration
• Works with existing linters and formatters
• Respects your project configuration
• Non-intrusive workflow integration

Troubleshooting

Common Issues

Extension not working

• Verify API key is correct
• Check if API server is accessible
• Ensure user has proper permissions
• Check VS Code output panel for errors

Analysis taking too long

• Check network connectivity
• Reduce enabled layers in configuration
• Check if file size exceeds limits
• Verify server status

Authentication issues

• Regenerate API key
• Check permissions
• Verify account status

Support

Documentation

• Getting Started: https://neurolint.dev/docs
• API Reference: https://neurolint.dev/api
• Troubleshooting: https://neurolint.dev/help

Contact

• Support Portal: https://neurolint.dev/support
• Email: support@neurolint.dev
• Website: https://neurolint.dev

Privacy & Security

• Your code is analyzed securely
• No source code stored permanently
• Industry-standard encryption
• GDPR compliance
• Secure API communication

🎉 What's New in v1.0.14

✨ Enhanced Features

• 🔐 Improved Authentication: Streamlined login with three clear paths
• 📊 Usage Tracking: Real-time monitoring of monthly limits with upgrade prompts
• 🏢 Tier-Based Access: Proper enforcement of subscription-based features
• �� Performance: Faster startup and optimized bundle size (332 KiB)

🔧 Critical Fixes

• 🌐 Production API: Fixed connection to correct NeuroLint servers
• 🔑 Secure Storage: API keys now stored securely in VS Code SecretStorage
• 📡 Endpoint Mapping: Corrected all API routes for seamless integration
• ⚠️ Error Handling: Better error messages and recovery options

🚀 New Capabilities

• 📁 Workspace Analysis: Business tier can analyze entire projects at once
• 🎯 Layer Restrictions: Smart feature gating based on your subscription
• 📈 Progress Feedback: Clear status updates during analysis and fixes
• 🛡️ Enhanced Security: Encrypted communication and input validation

What's Next

1. 🔍 Explore Features: Try different analysis layers based on your tier
2. 🔄 Integration: Connect with CI/CD pipeline using our API
3. ⚙️ Optimization: Fine-tune settings for your workflow
4. 👥 Team Setup: Upgrade to Business tier for collaborative features

License

This extension is licensed under the MIT License. See the LICENSE file for details.

Developed by NeuroLint