Happening in this built code:

Looks like https://github.com/pinterest/bonsai/blob/ba78199520da3da09ecbdf1f117bf989b24447b5/src/stats/getCollapsableParentOf.js

The devDependency eslint-plugin-jest was updated from 22.5.1 to 22.6.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

eslint-plugin-jest is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

In the '## Getting Started' section, in the '### Taking Action' section, it says:

Using your knowledge of your project, Bonsai will enable you to sort and filter the module to help you identify large modules that might not be needed on initial render. Click 'Ignore' to simulate how many dependany bytes would be removed if you defer or remove a given dependency.

The devDependency nodemon was updated from 1.18.5 to 1.18.6.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

nodemon is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

There have been updates to the storybook monorepo:

• • The devDependency @storybook/addon-actions was updated from 5.1.10 to 5.1.11.

• The devDependency @storybook/addon-storyshots was updated from 5.1.10 to 5.1.11.
• The devDependency @storybook/react was updated from 5.1.10 to 5.1.11.
• The devDependency @storybook/theming was updated from 5.1.10 to 5.1.11.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

This monorepo update includes releases of one or more dependencies which all belong to the storybook group definition.

storybook is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency babel-eslint was updated from 10.0.3 to 10.1.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

babel-eslint is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

I'm using the following command to generate stats file

webpack --json --config ./build/webpack.config.js > stats.json

Getting this error.

getChunkModules.js:25 Uncaught TypeError: Cannot read property 'modules' of undefined
    at getChunkModules.js:25
    at Array.reduce (<anonymous>)
    at o (getChunkModules.js:24)
    at o (fullModuleData.js:50)
    at t.value (Stats.js:41)
    at d._renderValidatedComponentWithoutOwnerOrContext (ReactCompositeComponent.js:799)
    at d._renderValidatedComponent (ReactCompositeComponent.js:822)
    at d._updateRenderedComponent (ReactCompositeComponent.js:746)
    at d._performComponentUpdate (ReactCompositeComponent.js:724)
    at d.updateComponent (ReactCompositeComponent.js:645)

I'm using it on https://pinterest.github.io/bonsai/analyze/

The devDependency codecov was updated from 3.6.4 to 3.6.5.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

codecov is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency eslint-plugin-flowtype was updated from 3.9.0 to 3.9.1.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

eslint-plugin-flowtype is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

What does this mean?

It contains all entry points in the bundle.

Bonsai currently crashes when multi-config is used. In such case, the generated JSON file has a children prop, which is an array of generated targets, i.e. stats.chunks doesn't exist, but stats.children[0].chunks does. This causes an error in getEntryHeirarchy.js#L30, because stats.chunks is undefined.

Apologies since it's not a real issue but a question.

I've noticed many similar tools include misleading JavaScript dependency size information because Webpack stats only give you module sizes before Uglify plugin is applied. As a result, for example, React is reported to be much larger than it really is.

I was wondering if this tool also suffers from this issue, or if you have a workaround for this. From what I know, sourcemaps offer a much more reliable way to measure real sizes than stats produced by Webpack.

Cheers!

The devDependency eslint-plugin-react was updated from 7.14.0 to 7.14.1.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

eslint-plugin-react is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

🚨 Reminder! Less than one month left to migrate your repositories over to Snyk before Greenkeeper says goodbye on June 3rd! 💜 🚚💨 💚

Find out how to migrate to Snyk at greenkeeper.io

The devDependency serve was updated from 11.3.0 to 11.3.1.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

serve is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

Uploading my stats.json file breaks the app. The error in the console is

Uncaught TypeError: Cannot read property 'reduce' of undefined
    at a (getEntryHeirarchy.js:30)
    at s (getEntryHeirarchy.js:97)
    at o (fullModuleData.js:35)
    at t.value (Stats.js:41)
    at d._renderValidatedComponentWithoutOwnerOrContext (ReactCompositeComponent.js:799)
    at d._renderValidatedComponent (ReactCompositeComponent.js:822)
    at d.performInitialMount (ReactCompositeComponent.js:362)
    at d.mountComponent (ReactCompositeComponent.js:258)
    at Object.mountComponent (ReactReconciler.js:46)
    at Object.updateChildren (ReactChildReconciler.js:121)

Probably its because of I have multiple webpack configurations. Here's my webpack config file .

However my stats.json file works perfectly fine at http://webpack.github.io/analyse/

There have been updates to the babel7 monorepo:

• • The devDependency @babel/cli was updated from 7.6.4 to 7.7.0.

• The devDependency @babel/core was updated from 7.6.4 to 7.7.0.
• The devDependency @babel/plugin-transform-runtime was updated from 7.6.0 to 7.6.2.
• The devDependency @babel/register was updated from 7.6.2 to 7.7.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

This monorepo update includes releases of one or more dependencies which all belong to the babel7 group definition.

babel7 is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

Circular dependencies are currently indicated in the main table and printed to the console, but it's not clear from the table what the chains really are.
It would be nicer to list out the chain within in the table, so it's easier to navigate.

There have been updates to the emotion monorepo:

• • The devDependency emotion-theming was updated from 10.0.19 to 10.0.27.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

This monorepo update includes releases of one or more dependencies which all belong to the emotion group definition.

emotion is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

During the uploading of a stats.json file, any errors that occur are swallowed in the onStatsFileUploaded catch block.

The error I received (after putting a breakpoint in the catch) is: "Unexpected number in JSON at position 2" with a stacktrace of:

"SyntaxError: Unexpected number in JSON at position 2
    at JSON.parse (<anonymous>)
    at n.onStatsFileUploaded (http://localhost:5000/static/js/main.596bcce5.js:3:19672)
    at FileReader.n.onloadend (http://localhost:5000/static/js/main.596bcce5.js:3:16567)"

I'd be happy to open up a PR to fix the error swallowing, but would like to hear any thoughts on the best way to notify users of this error. Whether an error shows up in the UI or just a console error being thrown.

Also, just an FYI, the error was caused because the package write-file-webpack-plugin is writing some logging messages that the stats file was picking up. In particular, the log messages were:

[08:51:58] [write-file-webpack-plugin] options { exitOnErrors: true,
  force: false,
  log: true,
  test: null,
  useHashIndex: true }
[08:52:34] [write-file-webpack-plugin] compiler.outputFileSystem is "NodeOutputFileSystem".

but this is not what this issue is about. Just wanted to provide the info to someone else down the line.

It would be helpful to have tooltips or documentation to explain the significance of "weighted" vs. "size", and "dependants" vs "imports".