broccoli-inspector

broccoli-inspector

🔍 inspect what's really happening in your broccoli pipeline

there be 🐲 here! The API's and functionality are still be cemented, anything before a 1.0.0 release will be subject to change.

Installation

yarn add broccoli-inspector

Usage

Currently the middleware is made to work with ember's built in server middleware functionality. The end goal for this project is that this will be built into broccoli directly and will be available out of the box when using broccoli in your projects.

If you are using this to profile and debug an Ember applications build, please add this to the following places.

// server/index.js

module.exports = function (app, info) {
  require('broccoli-inspector/lib/middleware')(app, info);
};

To get FS timing information ensure that you add EMBER_CLI_INSTRUMENTATION=1 running ember serve.

Currently tracking moving this functionality into broccoli here https://github.com/broccolijs/broccoli/issues/461.

Changelog

0.0.6 (04/29/2020)

• fix label formatting for total fs timing data to turn us to ms.
• move group by plugin to sidebar from Navbar
• consolidates navbar to have |input| |links|
• show node breakdown by fs and other (other being the time spent in the plugin that we don't have instrumentation to pin down where it is being spent.)
• Move search box for plugins into the right rail, this is specifically for search by plugin name
  • This functionality is done locally
• adds a link to table that will download the data as a csv
• be able to sort column values in tables
• adds a new search page that allows the searching of multiple fields such as derived fields like inputFiles and outputFiles