webpack-bundle-analyzer 4.4.2 → 4.5.0

package/src/tree/ContentFolder.js

@@ -1,35 +0,0 @@
-import BaseFolder from './BaseFolder';
-
-export default class ContentFolder extends BaseFolder {
-
-  constructor(name, ownerModule, parent) {
-    super(name, parent);
-    this.ownerModule = ownerModule;
-  }
-
-  get parsedSize() {
-    return this.getSize('parsedSize');
-  }
-
-  get gzipSize() {
-    return this.getSize('gzipSize');
-  }
-
-  getSize(sizeType) {
-    const ownerModuleSize = this.ownerModule[sizeType];
-
-    if (ownerModuleSize !== undefined) {
-      return Math.floor((this.size / this.ownerModule.size) * ownerModuleSize);
-    }
-  }
-
-  toChartData() {
-    return {
-      ...super.toChartData(),
-      parsedSize: this.parsedSize,
-      gzipSize: this.gzipSize,
-      inaccurateSizes: true
-    };
-  }
-
-};

package/src/tree/ContentModule.js

@@ -1,33 +0,0 @@
-import Module from './Module';
-
-export default class ContentModule extends Module {
-
-  constructor(name, data, ownerModule, parent) {
-    super(name, data, parent);
-    this.ownerModule = ownerModule;
-  }
-
-  get parsedSize() {
-    return this.getSize('parsedSize');
-  }
-
-  get gzipSize() {
-    return this.getSize('gzipSize');
-  }
-
-  getSize(sizeType) {
-    const ownerModuleSize = this.ownerModule[sizeType];
-
-    if (ownerModuleSize !== undefined) {
-      return Math.floor((this.size / this.ownerModule.size) * ownerModuleSize);
-    }
-  }
-
-  toChartData() {
-    return {
-      ...super.toChartData(),
-      inaccurateSizes: true
-    };
-  }
-
-};

package/src/tree/Folder.js

@@ -1,64 +0,0 @@
-import _ from 'lodash';
-import gzipSize from 'gzip-size';
-
-import Module from './Module';
-import BaseFolder from './BaseFolder';
-import ConcatenatedModule from './ConcatenatedModule';
-import {getModulePathParts} from './utils';
-
-export default class Folder extends BaseFolder {
-
-  get parsedSize() {
-    return this.src ? this.src.length : 0;
-  }
-
-  get gzipSize() {
-    if (!_.has(this, '_gzipSize')) {
-      this._gzipSize = this.src ? gzipSize.sync(this.src) : 0;
-    }
-
-    return this._gzipSize;
-  }
-
-  addModule(moduleData) {
-    const pathParts = getModulePathParts(moduleData);
-
-    if (!pathParts) {
-      return;
-    }
-
-    const [folders, fileName] = [pathParts.slice(0, -1), _.last(pathParts)];
-    let currentFolder = this;
-
-    folders.forEach(folderName => {
-      let childNode = currentFolder.getChild(folderName);
-
-      if (
-        // Folder is not created yet
-        !childNode ||
-        // In some situations (invalid usage of dynamic `require()`) webpack generates a module with empty require
-        // context, but it's moduleId points to a directory in filesystem.
-        // In this case we replace this `File` node with `Folder`.
-        // See `test/stats/with-invalid-dynamic-require.json` as an example.
-        !(childNode instanceof Folder)
-      ) {
-        childNode = currentFolder.addChildFolder(new Folder(folderName));
-      }
-
-      currentFolder = childNode;
-    });
-
-    const ModuleConstructor = moduleData.modules ? ConcatenatedModule : Module;
-    const module = new ModuleConstructor(fileName, moduleData, this);
-    currentFolder.addChildModule(module);
-  }
-
-  toChartData() {
-    return {
-      ...super.toChartData(),
-      parsedSize: this.parsedSize,
-      gzipSize: this.gzipSize
-    };
-  }
-
-};

package/src/tree/Module.js

@@ -1,63 +0,0 @@
-import _ from 'lodash';
-import gzipSize from 'gzip-size';
-
-import Node from './Node';
-
-export default class Module extends Node {
-
-  constructor(name, data, parent) {
-    super(name, parent);
-    this.data = data;
-  }
-
-  get src() {
-    return this.data.parsedSrc;
-  }
-
-  set src(value) {
-    this.data.parsedSrc = value;
-    delete this._gzipSize;
-  }
-
-  get size() {
-    return this.data.size;
-  }
-
-  set size(value) {
-    this.data.size = value;
-  }
-
-  get parsedSize() {
-    return this.src ? this.src.length : undefined;
-  }
-
-  get gzipSize() {
-    if (!_.has(this, '_gzipSize')) {
-      this._gzipSize = this.src ? gzipSize.sync(this.src) : undefined;
-    }
-
-    return this._gzipSize;
-  }
-
-  mergeData(data) {
-    if (data.size) {
-      this.size += data.size;
-    }
-
-    if (data.parsedSrc) {
-      this.src = (this.src || '') + data.parsedSrc;
-    }
-  }
-
-  toChartData() {
-    return {
-      id: this.data.id,
-      label: this.name,
-      path: this.path,
-      statSize: this.size,
-      parsedSize: this.parsedSize,
-      gzipSize: this.gzipSize
-    };
-  }
-
-};

package/src/tree/Node.js

@@ -1,24 +0,0 @@
-export default class Node {
-
-  constructor(name, parent) {
-    this.name = name;
-    this.parent = parent;
-  }
-
-  get path() {
-    const path = [];
-    let node = this;
-
-    while (node) {
-      path.push(node.name);
-      node = node.parent;
-    }
-
-    return path.reverse().join('/');
-  }
-
-  get isRoot() {
-    return !this.parent;
-  }
-
-};

package/src/tree/utils.js

@@ -1,21 +0,0 @@
-import _ from 'lodash';
-
-const MULTI_MODULE_REGEXP = /^multi /u;
-
-export function getModulePathParts(moduleData) {
-  if (MULTI_MODULE_REGEXP.test(moduleData.identifier)) {
-    return [moduleData.identifier];
-  }
-
-  const parsedPath = _
-  // Removing loaders from module path: they're joined by `!` and the last part is a raw module path
-    .last(moduleData.name.split('!'))
-    // Splitting module path into parts
-    .split('/')
-    // Removing first `.`
-    .slice(1)
-    // Replacing `~` with `node_modules`
-    .map(part => (part === '~' ? 'node_modules' : part));
-
-  return parsedPath.length ? parsedPath : null;
-}

package/src/utils.js

@@ -1,65 +0,0 @@
-const {inspect, types} = require('util');
-const _ = require('lodash');
-const opener = require('opener');
-
-const MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
-
-exports.createAssetsFilter = createAssetsFilter;
-
-function createAssetsFilter(excludePatterns) {
-  const excludeFunctions = _(excludePatterns)
-    .castArray()
-    .compact()
-    .map(pattern => {
-      if (typeof pattern === 'string') {
-        pattern = new RegExp(pattern, 'u');
-      }
-
-      if (types.isRegExp(pattern)) {
-        return (asset) => pattern.test(asset);
-      }
-
-      if (typeof pattern !== 'function') {
-        throw new TypeError(
-          `Pattern should be either string, RegExp or a function, but "${inspect(pattern, {depth: 0})}" got.`
-        );
-      }
-
-      return pattern;
-    })
-    .value();
-
-  if (excludeFunctions.length) {
-    return (asset) => excludeFunctions.every(fn => fn(asset) !== true);
-  } else {
-    return () => true;
-  }
-}
-
-/**
- * @desc get string of current time
- * format: dd/MMM HH:mm
- * */
-exports.defaultTitle = function () {
-  const time = new Date();
-  const year = time.getFullYear();
-  const month = MONTHS[time.getMonth()];
-  const day = time.getDate();
-  const hour = `0${time.getHours()}`.slice(-2);
-  const minute = `0${time.getMinutes()}`.slice(-2);
-
-  const currentTime = `${day} ${month} ${year} at ${hour}:${minute}`;
-
-  return `${process.env.npm_package_name || 'Webpack Bundle Analyzer'} [${currentTime}]`;
-};
-
-/**
- * Calls opener on a URI, but silently try / catches it.
- */
-exports.open = function (uri, logger) {
-  try {
-    opener(uri);
-  } catch (err) {
-    logger.debug(`Opener failed to open "${uri}":\n${err}`);
-  }
-};

package/src/viewer.js

@@ -1,189 +0,0 @@
-const path = require('path');
-const fs = require('fs');
-const http = require('http');
-
-const WebSocket = require('ws');
-const sirv = require('sirv');
-const _ = require('lodash');
-const {bold} = require('chalk');
-
-const Logger = require('./Logger');
-const analyzer = require('./analyzer');
-const {open} = require('./utils');
-const {renderViewer} = require('./template');
-
-const projectRoot = path.resolve(__dirname, '..');
-
-function resolveTitle(reportTitle) {
-  if (typeof reportTitle === 'function') {
-    return reportTitle();
-  } else {
-    return reportTitle;
-  }
-}
-
-module.exports = {
-  startServer,
-  generateReport,
-  generateJSONReport,
-  // deprecated
-  start: startServer
-};
-
-async function startServer(bundleStats, opts) {
-  const {
-    port = 8888,
-    host = '127.0.0.1',
-    openBrowser = true,
-    bundleDir = null,
-    logger = new Logger(),
-    defaultSizes = 'parsed',
-    excludeAssets = null,
-    reportTitle
-  } = opts || {};
-
-  const analyzerOpts = {logger, excludeAssets};
-
-  let chartData = getChartData(analyzerOpts, bundleStats, bundleDir);
-
-  if (!chartData) return;
-
-  const sirvMiddleware = sirv(`${projectRoot}/public`, {
-    // disables caching and traverse the file system on every request
-    dev: true
-  });
-
-  const server = http.createServer((req, res) => {
-    if (req.method === 'GET' && req.url === '/') {
-      const html = renderViewer({
-        mode: 'server',
-        title: resolveTitle(reportTitle),
-        chartData,
-        defaultSizes,
-        enableWebSocket: true
-      });
-      res.writeHead(200, {'Content-Type': 'text/html'});
-      res.end(html);
-    } else {
-      sirvMiddleware(req, res);
-    }
-  });
-
-  await new Promise(resolve => {
-    server.listen(port, host, () => {
-      resolve();
-
-      const url = `http://${host}:${server.address().port}`;
-
-      logger.info(
-        `${bold('Webpack Bundle Analyzer')} is started at ${bold(url)}\n` +
-        `Use ${bold('Ctrl+C')} to close it`
-      );
-
-      if (openBrowser) {
-        open(url, logger);
-      }
-    });
-  });
-
-  const wss = new WebSocket.Server({server});
-
-  wss.on('connection', ws => {
-    ws.on('error', err => {
-      // Ignore network errors like `ECONNRESET`, `EPIPE`, etc.
-      if (err.errno) return;
-
-      logger.info(err.message);
-    });
-  });
-
-  return {
-    ws: wss,
-    http: server,
-    updateChartData
-  };
-
-  function updateChartData(bundleStats) {
-    const newChartData = getChartData(analyzerOpts, bundleStats, bundleDir);
-
-    if (!newChartData) return;
-
-    chartData = newChartData;
-
-    wss.clients.forEach(client => {
-      if (client.readyState === WebSocket.OPEN) {
-        client.send(JSON.stringify({
-          event: 'chartDataUpdated',
-          data: newChartData
-        }));
-      }
-    });
-  }
-}
-
-async function generateReport(bundleStats, opts) {
-  const {
-    openBrowser = true,
-    reportFilename,
-    reportTitle,
-    bundleDir = null,
-    logger = new Logger(),
-    defaultSizes = 'parsed',
-    excludeAssets = null
-  } = opts || {};
-
-  const chartData = getChartData({logger, excludeAssets}, bundleStats, bundleDir);
-
-  if (!chartData) return;
-
-  const reportHtml = renderViewer({
-    mode: 'static',
-    title: resolveTitle(reportTitle),
-    chartData,
-    defaultSizes,
-    enableWebSocket: false
-  });
-  const reportFilepath = path.resolve(bundleDir || process.cwd(), reportFilename);
-
-  fs.mkdirSync(path.dirname(reportFilepath), {recursive: true});
-  fs.writeFileSync(reportFilepath, reportHtml);
-
-  logger.info(`${bold('Webpack Bundle Analyzer')} saved report to ${bold(reportFilepath)}`);
-
-  if (openBrowser) {
-    open(`file://${reportFilepath}`, logger);
-  }
-}
-
-async function generateJSONReport(bundleStats, opts) {
-  const {reportFilename, bundleDir = null, logger = new Logger(), excludeAssets = null} = opts || {};
-
-  const chartData = getChartData({logger, excludeAssets}, bundleStats, bundleDir);
-
-  if (!chartData) return;
-
-  await fs.promises.mkdir(path.dirname(reportFilename), {recursive: true});
-  await fs.promises.writeFile(reportFilename, JSON.stringify(chartData));
-
-  logger.info(`${bold('Webpack Bundle Analyzer')} saved JSON report to ${bold(reportFilename)}`);
-}
-
-function getChartData(analyzerOpts, ...args) {
-  let chartData;
-  const {logger} = analyzerOpts;
-
-  try {
-    chartData = analyzer.getViewerData(...args, analyzerOpts);
-  } catch (err) {
-    logger.error(`Could't analyze webpack bundle:\n${err}`);
-    logger.debug(err.stack);
-    chartData = null;
-  }
-
-  if (_.isPlainObject(chartData) && _.isEmpty(chartData)) {
-    logger.error("Could't find any javascript bundles in provided stats file");
-    chartData = null;
-  }
-
-  return chartData;
-}