npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2025 – Pkg Stats / Ryan Hefner

mcp-refactor-typescript

v2.0.0

Published

MCP server for TypeScript/JavaScript code refactoring using TypeScript Language Server

Readme

NPM Version NPM Downloads CI Status MIT Licensed

MCP Refactor TypeScript

A Model Context Protocol (MCP) server that provides comprehensive TypeScript/JavaScript refactoring capabilities powered by the TypeScript compiler. Perform complex code transformations with compiler-grade accuracy and type-safety.

Overview

MCP Refactor TypeScript exposes TypeScript's powerful refactoring engine through the Model Context Protocol, enabling AI assistants and other MCP clients to perform sophisticated code transformations that would be impossible or error-prone to do manually.

Key Features:

  • Type-Aware Refactoring - Uses TypeScript's compiler for accurate, safe transformations
  • Cross-File Support - Automatically updates imports, exports, and references across your entire codebase
  • Safe - Preview mode for all destructive operations
  • Detailed Reporting - See exactly what changed with file paths and line numbers

Installation

Via npm (Recommended)

npm install -g mcp-refactor-typescript

The package will be globally installed and available as mcp-refactor-typescript.

From Source

git clone https://github.com/Stefan-Nitu/mcp-refactor-typescript.git
cd mcp-refactor-typescript
npm install
npm run build

⚠️ Requires Node.js v18.x or higher

Quick Start

With Claude Desktop

Add to your Claude Desktop configuration file:

macOS: ~/Library/Application Support/Claude/claude_desktop_config.json Windows: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "mcp-refactor-typescript": {
      "command": "npx",
      "args": ["-y", "mcp-refactor-typescript"]
    }
  }
}

Or if installed globally:

{
  "mcpServers": {
    "mcp-refactor-typescript": {
      "command": "mcp-refactor-typescript"
    }
  }
}

Restart Claude Desktop and you'll have access to all refactoring tools.

With MCP Inspector

Test the server interactively:

npx @modelcontextprotocol/inspector npx -y mcp-refactor-typescript

Or if installed globally:

npx @modelcontextprotocol/inspector mcp-refactor-typescript

Open http://localhost:5173 to explore available tools and test refactoring operations.

Available Tools (v2.0)

The server exposes 4 grouped tools with 15 operations total. Each tool has a specific domain and uses the operation parameter to specify the action.

Tool Groups

| Tool | Operations | Use When | |------|-----------|----------| | file_operations | rename_file, move_file, batch_move_files | Renaming/moving files, reorganizing code structure | | code_quality | organize_imports, fix_all, remove_unused | Before commits, after refactoring, cleanup tasks | | refactoring | rename, extract_function, extract_constant, extract_variable, infer_return_type | Renaming symbols, reducing duplication, improving structure | | workspace | find_references, refactor_module, cleanup_codebase, restart_tsserver | Understanding impact, large-scale refactoring, TypeScript issues |

Operations Reference

| Operation | Tool | Description | |-----------|------|-------------| | rename_file | file_operations | Rename file in-place with automatic import path updates | | move_file | file_operations | Move file to different directory with import updates | | batch_move_files | file_operations | Move multiple files atomically | | organize_imports | code_quality | Sort and remove unused imports (preserves side-effects) | | fix_all | code_quality | Apply all available TypeScript quick fixes | | remove_unused | code_quality | Remove unused variables and imports safely | | rename | refactoring | Rename symbols across all files with automatic import/export updates | | extract_function | refactoring | Extract code to function with auto-detected parameters/types | | extract_constant | refactoring | Extract magic numbers/strings to named constants | | extract_variable | refactoring | Extract expressions to local variables | | infer_return_type | refactoring | Add return type annotations automatically | | find_references | workspace | Find all usages with type-aware analysis | | refactor_module | workspace | Complete workflow: move + organize + fix | | cleanup_codebase | workspace | Clean entire codebase (organize + optionally delete unused) | | restart_tsserver | workspace | Restart TypeScript server for fresh project state |

📖 Detailed Documentation: See docs/OPERATIONS.md for full examples, best practices, and workflow patterns for each operation. Also available via MCP resource operations://catalog.

Response Format

All tools return structured JSON:

{
  "tool": "refactoring",
  "operation": "rename",
  "status": "success" | "error",
  "message": "Human-readable summary",
  "data": {
    "filesChanged": ["list", "of", "modified", "files"],
    "changes": [
      {
        "file": "filename.ts",
        "path": "/absolute/path/filename.ts",
        "edits": [
          {
            "line": 42,
            "column": 10,
            "old": "oldText",
            "new": "newText"
          }
        ]
      }
    ]
  },
  "preview": {  // Only when preview: true
    "filesAffected": 5,
    "estimatedTime": "< 1s",
    "command": "Run again with preview: false to apply changes"
  },
  "nextActions": [  // Suggested follow-up operations
    "organize_imports - Clean up import statements",
    "fix_all - Fix any type errors"
  ]
}

Example Usage

Rename a symbol

{
  "tool": "refactoring",
  "params": {
    "operation": "rename",
    "filePath": "src/user.ts",
    "line": 10,
    "text": "getUser",
    "name": "getUserProfile",
    "preview": false
  }
}

Organize imports

{
  "tool": "code_quality",
  "params": {
    "operation": "organize_imports",
    "filePath": "src/index.ts"
  }
}

Extract function

{
  "tool": "refactoring",
  "params": {
    "operation": "extract_function",
    "filePath": "src/calculate.ts",
    "line": 15,
    "text": "x + y",
    "name": "addNumbers"
  }
}

Find references

{
  "tool": "workspace",
  "params": {
    "operation": "find_references",
    "filePath": "src/utils.ts",
    "line": 5,
    "text": "helper"
  }
}

Advanced Usage

Preview Mode

All destructive operations support preview mode:

{
  "filePath": "src/user.ts",
  "line": 10,
  "column": 5,
  "name": "getUserProfile",
  "preview": true
}

Returns what would change without modifying any files.

Entry Points for Cleanup

Required when deleteUnusedFiles: true - prevents accidental deletion with wrong defaults.

Safe mode (organize imports only) uses automatic defaults. Aggressive mode requires explicit entry points:

{
  "operation": "cleanup_codebase",
  "directory": "src",
  "deleteUnusedFiles": true,
  "entrypoints": [
    "src/main\\.ts$",       // Main entry point
    "src/cli\\.ts$",        // CLI entry
    ".*\\.test\\.ts$",      // Test files (auto-included in defaults)
    "scripts/.*\\.ts$"      // Script files
  ]
}

⚠️ Files not reachable from entry points will be DELETED. Always use preview: true first.

Batch Operations

Move multiple files atomically:

{
  "files": [
    "src/utils/string.ts",
    "src/utils/number.ts",
    "src/utils/array.ts"
  ],
  "targetFolder": "src/lib"
}

All imports update automatically, all files move together or not at all.

Development

Project Structure

mcp-refactor-typescript/
├── src/
│   ├── index.ts                     # MCP server entry point
│   ├── operation-name.ts            # Operation name enum (single source of truth)
│   ├── registry.ts                  # Operation registry
│   ├── operations/                  # Refactoring operations
│   │   ├── rename.ts               # Rename operation
│   │   ├── move-file.ts            # Move file operation
│   │   ├── extract-function.ts     # Extract function operation
│   │   └── ...                     # Other operations
│   ├── language-servers/
│   │   └── typescript/             # TypeScript server client
│   │       ├── tsserver-client.ts  # Direct tsserver communication
│   │       └── tsserver-types.ts   # Protocol type definitions
│   └── utils/
│       ├── logger.ts               # Pino logger (stderr only)
│       └── validation-error.ts     # Zod error formatting
├── test/
│   └── fixtures/                   # Test TypeScript files
└── docs/                           # Architecture & testing docs

Testing

# Run all tests
npm test

# Run specific test file
npm test -- --run rename

# Run in watch mode
npm run test:watch

# Type checking
npm run typecheck

# Linting
npm run lint

Test Coverage

  • Integration tests covering all operations
  • Unit tests for validation, error handling, and edge cases
  • E2E tests for server startup and initialization
  • All tests use real TypeScript compiler (no mocks)

Requirements

  • Node.js >= 18.0.0
  • TypeScript project with tsconfig.json
  • Valid TypeScript/JavaScript files
  • ESM module resolution (.js extensions in imports)

Architecture

The server uses TypeScript's native tsserver for all refactoring operations:

  1. Server Starts: Detects TypeScript files and starts tsserver
  2. Indexing: TypeScript indexes project files (1-5 seconds for most projects)
  3. Operations: Each tool sends protocol messages to tsserver
  4. Results: Changes are returned as structured JSON with full details

Key Design Decisions:

  • Direct tsserver communication (not VS Code LSP)
  • One tsserver instance shared across all operations
  • All logging to stderr (MCP protocol compliance)

See docs/ARCHITECTURE.md for detailed architecture information.

Documentation

Troubleshooting

TypeScript Server Not Starting

If operations fail with "TypeScript server not running":

  1. Check that you have TypeScript files in your project
  2. Verify tsconfig.json exists and is valid
  3. Run restart_tsserver tool to force a restart
  4. Check logs in stderr for detailed error messages

Incomplete References

If find_references or rename misses some usages:

  1. Wait for TypeScript to finish indexing (check for "Project loaded" in logs)
  2. Ensure all files are included in tsconfig.json
  3. Fix any TypeScript errors that might prevent analysis
  4. Use restart_tsserver after making project configuration changes

Import Paths Not Updating

If move_file doesn't update some imports:

  1. Ensure imports use .js extensions (ESM requirement)
  2. Check that moved file is part of TypeScript project
  3. Verify tsconfig.json module resolution settings
  4. Look for dynamic imports that TypeScript can't analyze

Contributing

  1. Fork the repository
  2. Create a feature branch
  3. Write tests first (TDD approach)
  4. Implement the feature
  5. Ensure all tests pass (npm test)
  6. Run linting (npm run lint)
  7. Submit a pull request

See CLAUDE.md for development guidelines.

License

MIT

Related Projects