Version 3: Split reporting UI from dependency graph size calculation

.eslintignore

@@ -1,15 +1,18 @@
+# node_modules in sub-packages
+packages/*/node_modules
+
 # Generated code
-lib
-public
+packages/*/lib
+packages/reporter-treemap/public
 
 # Vendor code
-client/vendor
+packages/reporter-treemap/client/vendor
 
 # Test fixtures
-test/bundles
-test/webpack.config.js
+packages/*/test/bundles
+packages/*/test/webpack.config.js
 
 # Test results
-test/output
+packages/*/test/output
 
 samples

.gitignore

@@ -1,5 +1,12 @@
-lib
-public
+# node_modules in sub-packages
+packages/*/node_modules
+
+# Generated code
+packages/*/lib
+packages/reporter-treemap/public
+
 samples
+
 node_modules
 npm-debug.log
+lerna-debug.log

.travis.yml

@@ -3,6 +3,7 @@ sudo: false
 branches:
  only:
  - master
+ - version-3
 node_js:
  - "4"
  - "6"
@@ -12,13 +13,17 @@ cache:
  - yarn: true
  - directories:
  - node_modules
+ - packages/reporter-treemap/node_modules
+ - packages/plugin/node_modules
 addons:
  apt:
  packages:
  # Required by Electron
  # https://github.com/juliangruber/electron-stream#travis
  - xvfb
 before_script:
+ # Install packages in subdirectories
+ - npm run bootstrap
  # Required by Electron
  - export DISPLAY=':99.0'
  - Xvfb :99 -screen 0 1024x768x24 > /dev/null 2>&1 &

CHANGELOG.md

@@ -14,6 +14,11 @@ _Note: Gaps between patch versions are faulty, broken or test releases._
 
 <!-- Add changelog entries for new changes under this section -->
 
+ * **Internal**
+ * Moved internal, treemap reporter related code around (@valscion at [#81](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/81)).
+ * Removed undocumented `require('webpack-bundle-analyzer').start` accessor. If you try to
+ use the `start` function now, it will raise an error.
+
 ## 2.10.0
 
  * **Bug Fix**

CONTRIBUTING.md

@@ -4,7 +4,7 @@ To contribute to `webpack-bundle-analyzer`, fork the repository and clone it to
 
 ## Setup packages
 
-Then install [`yarn`](https://yarnpkg.com/):
+Install [`yarn`](https://yarnpkg.com/):
 
 ```sh
 npm install --global yarn
@@ -16,6 +16,12 @@ Next, install this package's dependencies with `yarn`:
 yarn install
 ```
 
+Bootstrap the Lerna project (installs all node_modules in monorepo packages)
+
+```sh
+npm run bootstrap
+```
+
 ## Develop with your own project
 
 Run the following to build this library and watch its source files for changes:

lerna.json

@@ -0,0 +1,6 @@
+{
+ "lerna": "2.0.0",
+ "npmClient": "yarn",
+ "useWorkspaces": true,
+ "version": "3.0.0-alpha.1"
+}

package.json

@@ -1,90 +1,23 @@
 {
- "name": "webpack-bundle-analyzer",
- "version": "2.10.0",
- "description": "Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap",
- "author": "Yury Grunin <grunin.ya@ya.ru>",
- "license": "MIT",
- "homepage": "https://github.com/webpack-contrib/webpack-bundle-analyzer",
- "changelog": "https://github.com/webpack-contrib/webpack-bundle-analyzer/blob/master/CHANGELOG.md",
- "bugs": {
- "url": "https://github.com/webpack-contrib/webpack-bundle-analyzer/issues"
- },
- "repository": {
- "type": "git",
- "url": "git+https://github.com/webpack-contrib/webpack-bundle-analyzer.git"
- },
- "main": "lib/index.js",
- "bin": "lib/bin/analyzer.js",
- "engines": {
- "node": ">= 4"
- },
- "scripts": {
- "start": "gulp watch",
- "build": "gulp build",
- "npm-publish": "npm run lint && npm run build && npm test && npm publish",
- "lint": "eslint --ext js,jsx .",
- "test": "mocha --exit --require babel-core/register",
- "test-dev": "mocha --watch --require babel-core/register"
- },
- "files": [
- "public",
- "lib",
- "src",
- "views"
+ "private": true,
+ "workspaces": [
+ "packages/*"
  ],
- "dependencies": {
- "acorn": "^5.3.0",
- "bfj-node4": "^5.2.0",
- "chalk": "^2.3.0",
- "commander": "^2.13.0",
- "ejs": "^2.5.7",
- "express": "^4.16.2",
- "filesize": "^3.5.11",
- "gzip-size": "^4.1.0",
- "lodash": "^4.17.4",
- "mkdirp": "^0.5.1",
- "opener": "^1.4.3",
- "ws": "^4.0.0"
+ "scripts": {
+ "bootstrap": "lerna bootstrap",
+ "build": "lerna run build --stream",
+ "dev": "lerna run start --parallel",
+ "npm-publish": "npm run lint && npm run build && npm test && lerna publish",
+ "test": "lerna run test --stream",
+ "test-dev": "lerna run test-dev --parallel",
+ "lint": "eslint --ext js,jsx ."
  },
  "devDependencies": {
- "babel-core": "6.26.0",
  "babel-eslint": "8.2.1",
- "babel-loader": "7.1.2",
- "babel-plugin-transform-class-properties": "6.24.1",
- "babel-plugin-transform-object-rest-spread": "6.26.0",
- "babel-plugin-transform-react-jsx": "6.24.1",
- "babel-preset-env": "1.6.1",
- "chai": "4.1.2",
- "chai-subset": "1.6.0",
- "classnames": "2.2.5",
- "css-loader": "0.28.9",
- "del": "3.0.0",
  "eslint": "4.16.0",
  "eslint-config-th0r": "1.0.0",
  "eslint-config-th0r-react": "1.0.0",
  "eslint-plugin-react": "7.6.1",
- "exports-loader": "0.6.4",
- "gulp": "4.0.0",
- "gulp-babel": "7.0.1",
- "mocha": "5.0.0",
- "nightmare": "2.10.0",
- "preact": "8.2.7",
- "sinon": "4.2.2",
- "stream-combiner2": "1.1.1",
- "style-loader": "0.20.1",
- "webpack": "3.10.0",
- "webpack-dev-server": "2.11.1"
- },
- "keywords": [
- "webpack",
- "bundle",
- "analyzer",
- "modules",
- "size",
- "interactive",
- "chart",
- "treemap",
- "zoomable",
- "zoom"
- ]
+ "lerna": "2.2.0"
+ }
 }

packages/plugin/gulpfile.js

@@ -0,0 +1,32 @@
+'use strict';
+
+const gulp = require('gulp');
+
+const NODE_SRC = './src/**/*.js';
+const NODE_DEST = './lib';
+
+gulp.task('clean', gulp.parallel(cleanNodeScripts));
+gulp.task('build', gulp.series('clean', compileNodeScripts));
+gulp.task('watch', gulp.series('build', watch));
+gulp.task('default', gulp.task('watch'));
+
+function watch() {
+ gulp
+ .watch(NODE_SRC, gulp.series(cleanNodeScripts, compileNodeScripts))
+ // TODO: replace with `emitErrors: false` option after https://github.com/gulpjs/glob-watcher/pull/34 will be merged
+ .on('error', () => {});
+}
+
+function cleanNodeScripts() {
+ const del = require('del');
+ return del(NODE_DEST);
+}
+
+function compileNodeScripts() {
+ const babel = require('gulp-babel');
+
+ return gulp
+ .src(NODE_SRC)
+ .pipe(babel())
+ .pipe(gulp.dest(NODE_DEST));
+}

packages/plugin/package.json

@@ -0,0 +1,83 @@
+{
+ "name": "@webpack-bundle-analyzer/plugin",
+ "version": "3.0.0-alpha.1",
+ "description": "Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap",
+ "author": "Yury Grunin <grunin.ya@ya.ru>",
+ "license": "MIT",
+ "homepage": "https://github.com/webpack-contrib/webpack-bundle-analyzer",
+ "changelog": "https://github.com/webpack-contrib/webpack-bundle-analyzer/blob/master/CHANGELOG.md",
+ "bugs": {
+ "url": "https://github.com/webpack-contrib/webpack-bundle-analyzer/issues"
+ },
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/webpack-contrib/webpack-bundle-analyzer.git"
+ },
+ "main": "lib/index.js",
+ "bin": "lib/bin/analyzer.js",
+ "engines": {
+ "node": ">= 4"
+ },
+ "scripts": {
+ "start": "gulp watch",
+ "build": "gulp build",
+ "test": "mocha --exit --require babel-core/register",
+ "test-dev": "mocha --watch --require babel-core/register"
+ },
+ "files": [
+ "lib",
+ "src"
+ ],
+ "dependencies": {
+ "@webpack-bundle-analyzer/reporter-treemap": "^3.0.0-alpha.1",
+ "acorn": "^5.3.0",
+ "bfj-node4": "^5.2.0",
+ "chalk": "^2.3.0",
+ "commander": "^2.13.0",
+ "ejs": "^2.5.7",
+ "express": "^4.16.2",
+ "filesize": "^3.5.11",
+ "gzip-size": "^4.1.0",
+ "lodash": "^4.17.4",
+ "mkdirp": "^0.5.1",
+ "opener": "^1.4.3",
+ "ws": "^4.0.0"
+ },
+ "devDependencies": {
+ "babel-core": "6.26.0",
+ "babel-loader": "7.1.2",
+ "babel-plugin-transform-class-properties": "6.24.1",
+ "babel-plugin-transform-object-rest-spread": "6.26.0",
+ "babel-plugin-transform-react-jsx": "6.24.1",
+ "babel-preset-env": "1.6.1",
+ "chai": "4.1.2",
+ "chai-subset": "1.6.0",
+ "classnames": "2.2.5",
+ "css-loader": "0.28.9",
+ "del": "3.0.0",
+ "exports-loader": "0.6.4",
+ "gulp": "4.0.0",
+ "gulp-babel": "7.0.1",
+ "gulp-plumber": "1.2.0",
+ "mocha": "5.0.0",
+ "nightmare": "git://github.com/segmentio/nightmare.git#7d1b8a40b6f5857a06e7f20440fc4f416c54e9a1",
+ "preact": "8.2.7",
+ "sinon": "4.2.2",
+ "stream-combiner2": "1.1.1",
+ "style-loader": "0.20.1",
+ "webpack": "3.10.0",
+ "webpack-dev-server": "2.11.1"
+ },
+ "keywords": [
+ "webpack",
+ "bundle",
+ "analyzer",
+ "modules",
+ "size",
+ "interactive",
+ "chart",
+ "treemap",
+ "zoomable",
+ "zoom"
+ ]
+}