danvk/source-map-explorer
Source Map Explorer
source-map-explorer is a source map bundle analyzer that visualizes the space usage of bundled JavaScript files. It functions as a bundle size auditor and visualizer, using source maps to identify which original modules and files occupy the most space within a production bundle.
The tool generates an interactive treemap to represent bundle composition and calculates compressed gzip sizes to estimate actual network transfer costs. It further serves as a code coverage mapper by overlaying execution data onto source maps to identify unused code segments that can be deferred or split.
The utility provides capabilities for path sanitization via regular expressions to simplify file labels and supports exporting analysis results into HTML, JSON, or TSV formats.
Features
- Bundle Composition Analyzers - Decomposes JavaScript bundles to identify which original files and modules occupy the most space.
- Bundle Visualization - Generates an interactive treemap to visualize the relative size of modules and files within a production bundle.
- Frontend Debugging Workflows - Visualizes bundle composition to help identify and eliminate bloated dependencies or oversized modules.
- Source Bundling - Analyzes source bundling to identify which files occupy the most space in the final output.
- Bundle-to-Module Visualizations - Generates an interactive tree map from source maps to identify the largest modules in a bundle.
- Bundle Space Analysis - Identifies which original source files occupy the most space within minified JavaScript bundles using source maps.
- Bundle-to-Source Mappings - Calculates original file sizes by mapping byte offsets in a bundled file back to source map entries.
- Treemap Visualizations - Represents the relative size of different modules as nested rectangles to highlight the largest contributors to bundle size.
- Bundle Size Analysis - Calculates compressed gzip sizes and provides detailed bundle breakdowns in HTML or JSON formats.
- Gzip Size Previews - Provides estimates of the file size after gzip compression to approximate actual network transfer costs.
- Visual Coverage Mapping - Overlays execution metrics onto a bundle visualization to distinguish between used and unused code segments.
- Execution Coverage Visualization - Overlays execution data onto source maps to visually identify unused code segments that can be deferred or split.
- Web Asset Optimization - Provides tools to reduce network transfer costs by analyzing compressed bundle sizes and identifying unused code.
- Bundle Analysis - Debugs bundle space usage using source maps.
