pinterest / bonsai Goto Github PK
View Code? Open in Web Editor NEWUnderstand the tree of dependencies inside your webpack bundles, and trim away the excess.
Home Page: https://pinterest.github.io/bonsai
License: Apache License 2.0
Understand the tree of dependencies inside your webpack bundles, and trim away the excess.
Home Page: https://pinterest.github.io/bonsai
License: Apache License 2.0
It would be helpful to have tooltips or documentation to explain the significance of "weighted" vs. "size", and "dependants" vs "imports".
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/
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.
The new version differs by 9 commits.
14d83ef
feat(rules): add no-commented-out rule (#262)
83ff198
chore: migrate no-jest-import to typescript (#259)
718c08c
chore: upgrade @typescript-eslint
ca2aa27
chore: port lowercase-name to TypeScript (#258)
3df0058
chore(ci): run danger with lts version of node
48e3a59
chore: precompile with babel (#257)
8670804
chore: bump deps
05eb11a
chore: fix lint error
dff6446
docs: link to eslint-plugin-jest-formatting
See the full diff
There is a collection of frequently asked questions. If those donβt help, you can always ask the humans behind Greenkeeper.
Your Greenkeeper Bot π΄
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.
The new version differs by 1 commits.
712d840
fix: requireReadOnlyReactProps (#406)
See the full diff
There is a collection of frequently asked questions. If those donβt help, you can always ask the humans behind Greenkeeper.
Your Greenkeeper Bot π΄
devDependency
@storybook/addon-actions was updated from 5.1.10
to 5.1.11
.devDependency
@storybook/addon-storyshots was updated from 5.1.10
to 5.1.11
.devDependency
@storybook/react was updated from 5.1.10
to 5.1.11
.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.
The new version differs by 24 commits.
aeeafda
v5.1.11
6d05e1d
5.1.11 changelog
bcfb97f
Core: Add polyfill for fetch (#7401)
31dfaf2
Merge pull request #7750 from storybookjs/revert-7400-7167-zooming-with-addon-centered
a2f5a65
Merge pull request #7663 from juliamitchelmore/juliamitchelmore-patch-1
81b3902
Merge pull request #7645 from christianliebel/patch-2
c546a7c
5.2.0-beta.29 next.json version file
a903884
5.2.0-beta.28 next.json version file
0a7c7f0
5.2.0-beta.26 next.json version file
af6baac
5.2.0-beta.25 next.json version file
002b02a
Merge branch 'master' of github.com:storybookjs/storybook
1cceeec
5.2.0-beta.24 next.json version file
965a582
Merge pull request #7695 from Superpencil/patch-2
b06e6d7
Michael this is unacceptable.
bd607c3
5.2.0-beta.23 next.json version file
There are 24 commits in total.
See the full diff
There is a collection of frequently asked questions. If those donβt help, you can always ask the humans behind Greenkeeper.
Your Greenkeeper Bot π΄
devDependency
@babel/cli was updated from 7.6.4
to 7.7.0
.devDependency
@babel/core was updated from 7.6.4
to 7.7.0
.devDependency
@babel/plugin-transform-runtime was updated from 7.6.0
to 7.6.2
.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.
There is a collection of frequently asked questions. If those donβt help, you can always ask the humans behind Greenkeeper.
Your Greenkeeper Bot π΄
Happening in this built code:
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.
There is a collection of frequently asked questions. If those donβt help, you can always ask the humans behind Greenkeeper.
Your Greenkeeper Bot π΄
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.
There is a collection of frequently asked questions. If those donβt help, you can always ask the humans behind Greenkeeper.
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
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.
The new version differs by 4 commits.
4ad704c
11.3.1
03b7ebb
Link to Vercel (#595)
b0f7134
Updated asset link (#596)
6eac679
Bump acorn from 6.3.0 to 6.4.1 (#583)
See the full diff
There is a collection of frequently asked questions. If those donβt help, you can always ask the humans behind Greenkeeper.
Your Greenkeeper Bot π΄
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.
There is a collection of frequently asked questions. If those donβt help, you can always ask the humans behind Greenkeeper.
Your Greenkeeper Bot π΄
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!
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/
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.
The new version differs by 1 commits.
521eb1e
fix: restart on change for non-default signals (#1409) (#1430)
See the full diff
There is a collection of frequently asked questions. If those donβt help, you can always ask the humans behind Greenkeeper.
Your Greenkeeper Bot π΄
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.
The new version differs by 3 commits.
62255af
Update CHANGELOG and bump version
655eb01
Merge pull request #2320 from golopot/issue-2319
9639d82
[Fix] prop-types
: fix crash on multiple destructuring
See the full diff
There is a collection of frequently asked questions. If those donβt help, you can always ask the humans behind Greenkeeper.
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.
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.
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. πππ
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google β€οΈ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.