🌋 Reforger

Extract and recreate frontend source code from sourcemaps

A powerful CLI tool that recreates frontend codebases given a website url

Generate the codebase of your favourite website in seconds!

🎥 Demo

https://github.com/user-attachments/assets/6e90c1cd-38ae-4ca6-a678-64945014f890

Watch Reforger in action - extracting sourcemaps and generating frontend code!

✨ Features

• 🔍 Inspect websites for sourcemaps
• ⚡ Generate original source code from sourcemaps
• 🍪 Cookie support for authenticated requests
• 🎨 Beautiful CLI with colors and emojis
• 🔧 Flexible curl options support

🚀 Installation

npm install -g reforger

📖 Usage

Basic Commands

# Inspect a website for sourcemaps
reforge inspect https://example.com

# Generate source code from sourcemaps
reforge generate https://example.com

# Show help
reforge --help

Advanced Usage

# With authentication cookies
reforge generate --cookie "session=abc123; auth=token" https://example.com

# With custom headers
reforge inspect -H "Authorization: Bearer token" https://example.com

# Custom output directory
reforge generate -o ./my-output https://example.com

# Combine options
reforge generate --cookie "session=abc123" -o ./extracted https://example.com

🛠️ Commands

inspect

Inspects a URL for sourcemaps using curl.

reforge inspect [curl-options...] <url>

Options:

• --cookie <cookie-string> - Send cookies with the request
• -H, --header <header> - Send custom headers
• -o, --output <path> - Specify output path (default: ./temp1)

generate

Recreates frontend code from sourcemaps.

reforge generate [curl-options...] <url>

Options:

• --cookie <cookie-string> - Send cookies with the request
• -H, --header <header> - Send custom headers
• -o, --output <path> - Specify output path (default: ./temp1)

📁 Output Structure

After running reforge generate, you'll get a directory structure like:

temp1/
├── src/
│   ├── components/
│   │   └── Button.js
│   ├── utils/
│   │   └── helpers.js
│   └── styles/
│       └── main.css
└── node_modules/
    └── ...

📸 Screenshots

Actual Output Code Structure

An example of the recreated frontend code structure in the output directory.

Terminal Logs and Sourcemap Discovery

A screenshot showing the Reforger CLI in action, displaying discovered sourcemaps and terminal logs.

🔧 Requirements

• Node.js 14+
• npm or yarn
• Internet connection for fetching sourcemaps

🤝 Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

📝 License

This project is licensed under the ISC License - see the LICENSE file for details.

⚠️ Disclaimer

This tool is for educational and legitmate learning purposes. Please respect other peoples websites and ABSOLUTELY do not re upload code as your own

🐛 Issues

Found a bug? Have a feature request? Please open an issue.

📊 Stats

• ⭐ Stars:
• 🍴 Forks:
• 📦 Downloads:

Made by Michael Medvedev