hawkeye
A tool that visualizes and optimizes JavaScript bundles, revealing modules, dependencies, and assets affecting performance.
Overview
Hawkeye is a powerful tool designed to help developers visualize and optimize their JavaScript bundles. With its intuitive interface, you can gain deep insights into your project’s bundle structure, identifying large modules, dependencies, and assets that may be impacting performance.
Key Features
- Bundle Visualization — Provides a visual breakdown of your code and third-party libraries to see their contribution to the overall bundle size.
- Performance Insights — Identifies large modules and dependencies that affect load times and performance.
- Build Process Optimization — Empowers data-driven decisions to streamline your build process and improve efficiency.
- Easy Integration — Offers an
initcommand to set up analyze scripts in yourpackage.jsonwith a simple wizard. - Direct Analysis — Allows running the analyzer directly on an existing
stats.jsonfile for quick insights.
Philosophy
Hawkeye aims to empower developers with deep, actionable insights into their JavaScript bundles, enabling them to make data-driven decisions that enhance performance and optimize the build process.
Related Projects
sondaUniversal visualizer and analyzer for JavaScript and CSS. Compatible with most bundlers and frameworks
microwaveCutleries to help you cook better apps.
detectiveDetective is a forensic code analysis tool that visualizes and analyzes TypeScript-based architecture to uncover hidden patterns, coupling, and hotspots in your codebase. It helps teams understand their project structure, identify architectural issues, and align team boundaries with code organization. ## Key Features - **Project Structure Visualization** — Provides an overview of modules, domains, and layers to understand code organization. - **Change Coupling Analysis** — Reveals which modules are frequently changed together, indicating hidden architectural coupling. - **Team/Code Alignment Analysis** — Shows whether team structures align with module and domain boundaries. - **Hotspot Detection** — Identifies complex, frequently changed files with higher bug risk using a calculated hotspot score. - **Git Log Integration** — Analyzes commit history to derive insights about code evolution and team contributions. - **Configurable Analysis** — Supports custom entry points, team definitions, aliases, and filtering of git logs and files. ## Philosophy Detective applies forensic analysis techniques to code architecture, treating the codebase as a crime scene to uncover hidden patterns and improve maintainability through data-driven insights.
ng-event-pluginsA tiny library for improving DX around events handling in Angular apps
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.