Flytrap home page
Search...
⌘K
Get Started
Get Started
Search...
Navigation
Configure
Flytrap Code Transform
Documentation
Changelog
Community
Overview
Introduction
Features
Quickstart
Frameworks
Bundlers
Configure
Configuring Flytrap
Flytrap Code Transform
Artifacts
Identify user in bug report
Understanding Bugs
Viewing Bug Capture
Collaborating on bugs
Capture Notifications
Solving Bugs
Reproducing bugs
JavaScript SDK
JavaScript SDK Reference
Troubleshoot
Troubleshooting Mode
Troubleshooting Runtime Problems
Troubleshooting Build Problems
Troubleshooting Replay Problems
Security
Introduction
On this page
How it works
Adding the Flytrap Code Transform
Framework Guides
Bundler Guides
Configure
Flytrap Code Transform
Learn how the Flytrap Code Transform works, and why it’s needed
How it works
Flytrap works by wrapping your code with Flytrap’s capture functions to capture detailed context from bugs. To do this, it needs to use something called a code transform. Basically, it automatically makes the needed changes to your code.
Adding the Flytrap Code Transform
Here are guides to help you adding the Flytrap Code Transform to your project.
Framework Guides
Next.js
SvelteKit
Nuxt
Bundler Guides
Rollup
Esbuild
Vite
Webpack
Flytrap has experimental support for Rspack. Please contact us at
support@useflytrap.com
if you have a use case for using Flytrap wiht Rspack.
Configuring Flytrap
Artifacts
Assistant
Responses are generated using AI and may contain mistakes.