source-map-explorer 2.3.0 → 2.4.2

package/dist/html.js

@@ -1,51 +1,33 @@
 'use strict';
-
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-exports.generateHtml = generateHtml;
-exports.getWebTreeMapData = getWebTreeMapData;
-
-var _btoa = _interopRequireDefault(require('btoa'));
-
-var _ejs = _interopRequireDefault(require('ejs'));
-
-var _fs = _interopRequireDefault(require('fs'));
-
-var _path = _interopRequireDefault(require('path'));
-
-var _escapeHtml = _interopRequireDefault(require('escape-html'));
-
-var _helpers = require('./helpers');
-
-var _coverage = require('./coverage');
-
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : { default: obj };
-}
-
-/**
- * Generate HTML file content for specified files
- */
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, '__esModule', { value: true });
+const btoa_1 = __importDefault(require('btoa'));
+const ejs_1 = __importDefault(require('ejs'));
+const fs_1 = __importDefault(require('fs'));
+const path_1 = __importDefault(require('path'));
+const escape_html_1 = __importDefault(require('escape-html'));
+const helpers_1 = require('./helpers');
+const coverage_1 = require('./coverage');
 function generateHtml(exploreResults, options) {
   const assets = {
-    webtreemapJs: (0, _btoa.default)(
-      _fs.default.readFileSync(require.resolve('./vendor/webtreemap.js'))
+    webtreemapJs: btoa_1.default(
+      fs_1.default.readFileSync(require.resolve('./vendor/webtreemap.js'))
     ),
-    webtreemapCss: (0, _btoa.default)(
-      _fs.default.readFileSync(require.resolve('./vendor/webtreemap.css'))
+    webtreemapCss: btoa_1.default(
+      fs_1.default.readFileSync(require.resolve('./vendor/webtreemap.css'))
     ),
-  }; // Create a combined bundle if applicable
-
+  };
   if (exploreResults.length > 1) {
     exploreResults = [makeMergedBundle(exploreResults)].concat(exploreResults);
-  } // Get bundles info to generate select element
-
-  const bundles = exploreResults.map(data => ({
+  }
+  const bundles = exploreResults.map((data) => ({
     name: data.bundleName,
-    size: (0, _helpers.formatBytes)(data.totalBytes),
-  })); // Get webtreemap data to update map on bundle select
-
+    size: helpers_1.formatBytes(data.totalBytes),
+  }));
   const treeDataMap = exploreResults.reduce((result, data, index) => {
     result[index] = {
       name: data.bundleName,
@@ -53,8 +35,8 @@ function generateHtml(exploreResults, options) {
     };
     return result;
   }, {});
-  const template = (0, _helpers.getFileContent)(_path.default.join(__dirname, 'tree-viz.ejs'));
-  return _ejs.default.render(template, {
+  const template = helpers_1.getFileContent(path_1.default.join(__dirname, 'tree-viz.ejs'));
+  return ejs_1.default.render(template, {
     options,
     bundles,
     treeDataMap,
@@ -62,16 +44,11 @@ function generateHtml(exploreResults, options) {
     webtreemapCss: assets.webtreemapCss,
   });
 }
-/**
- * Create a combined result where each of the inputs is a separate node under the root
- */
-
+exports.generateHtml = generateHtml;
 function makeMergedBundle(exploreResults) {
   let totalBytes = 0;
-  const files = {}; // Remove any common prefix to keep the visualization as simple as possible.
-
-  const commonPrefix = (0, _helpers.getCommonPathPrefix)(exploreResults.map(r => r.bundleName));
-
+  const files = {};
+  const commonPrefix = helpers_1.getCommonPathPrefix(exploreResults.map((r) => r.bundleName));
   for (const result of exploreResults) {
     totalBytes += result.totalBytes;
     const prefix = result.bundleName.slice(commonPrefix.length);
@@ -79,7 +56,6 @@ function makeMergedBundle(exploreResults) {
       files[`${prefix}/${fileName}`] = size;
     });
   }
-
   return {
     bundleName: '[combined]',
     totalBytes,
@@ -89,114 +65,111 @@ function makeMergedBundle(exploreResults) {
     files,
   };
 }
-
+function getNodePath(parts, depthIndex) {
+  return parts.slice(0, depthIndex + 1).join('/');
+}
+const WEBPACK_FILENAME_PREFIX = 'webpack:///';
+const WEBPACK_FILENAME_PREFIX_LENGTH = WEBPACK_FILENAME_PREFIX.length;
+function splitFilename(file) {
+  const webpackPrefixIndex = file.indexOf(WEBPACK_FILENAME_PREFIX);
+  if (webpackPrefixIndex !== -1) {
+    return [
+      ...file.substring(0, webpackPrefixIndex).split('/'),
+      WEBPACK_FILENAME_PREFIX,
+      ...file.substring(webpackPrefixIndex + WEBPACK_FILENAME_PREFIX_LENGTH).split('/'),
+    ].filter(Boolean);
+  }
+  return file.split('/');
+}
 function getTreeNodesMap(fileDataMap) {
-  let partsSourceTuples = Object.keys(fileDataMap).map(file => [file.split('/'), file]);
+  let partsSourceTuples = Object.keys(fileDataMap).map((file) => [splitFilename(file), file]);
   const maxDepth = Math.max(...partsSourceTuples.map(([parts]) => parts.length));
-
   for (let depthIndex = 0; depthIndex < maxDepth; depthIndex += 1) {
-    partsSourceTuples = partsSourceTuples.map(([parts, file]) => {
-      const rootPart = parts[depthIndex];
-
-      if (rootPart) {
-        const sameRootParts = partsSourceTuples.filter(
-          ([pathParts]) => pathParts[depthIndex] === rootPart
-        );
-
-        if (sameRootParts.length === 1) {
-          // Collapse non-contributing path parts
+    partsSourceTuples = partsSourceTuples.map(([parts, file], currentNodeIndex) => {
+      if (parts[depthIndex]) {
+        const nodePath = getNodePath(parts, depthIndex);
+        const hasSameRootPaths = partsSourceTuples.some(([pathParts], index) => {
+          if (index === currentNodeIndex) {
+            return false;
+          }
+          if (!pathParts[depthIndex]) {
+            return false;
+          }
+          return getNodePath(pathParts, depthIndex) === nodePath;
+        });
+        if (!hasSameRootPaths) {
           return [[...parts.slice(0, depthIndex), parts.slice(depthIndex).join('/')], file];
         }
       }
-
       return [parts, file];
     });
   }
-
   return partsSourceTuples.reduce((result, [parts, file]) => {
     result[file] = parts;
     return result;
   }, {});
 }
-
-/**
- * Convert file size map to webtreemap data
- */
 function getWebTreeMapData(files) {
   const treeNodesMap = getTreeNodesMap(files);
   const treeData = newNode('/');
-
   for (const source in files) {
     addNode(treeNodesMap[source], files[source], treeData);
   }
-
   addSizeToTitle(treeData, treeData.data['$area']);
   return treeData;
 }
-
+exports.getWebTreeMapData = getWebTreeMapData;
 function newNode(name) {
   return {
-    name: (0, _escapeHtml.default)(name),
+    name: escape_html_1.default(name),
     data: {
       $area: 0,
     },
   };
 }
-
 function setNodeData(node, fileData) {
   const size = node.data['$area'] + fileData.size;
-
   if (fileData.coveredSize !== undefined) {
     const coveredSize = (node.data.coveredSize || 0) + fileData.coveredSize;
     node.data.coveredSize = coveredSize;
-    node.data.backgroundColor = (0, _coverage.getColorByPercent)(coveredSize / size);
+    node.data.backgroundColor = coverage_1.getColorByPercent(coveredSize / size);
   }
-
   node.data['$area'] = size;
 }
-
 function addNode(parts, fileData, treeData) {
-  // No need to create nodes with zero size (e.g. '[unmapped]')
   if (fileData.size === 0) {
     return;
   }
-
   let node = treeData;
   setNodeData(node, fileData);
-  parts.forEach(part => {
+  parts.forEach((part) => {
     if (!node.children) {
       node.children = [];
     }
-
-    let child = node.children.find(child => child.name === part);
-
+    let child = node.children.find((child) => child.name === part);
     if (!child) {
       child = newNode(part);
       node.children.push(child);
     }
-
     node = child;
     setNodeData(child, fileData);
   });
 }
-
 function addSizeToTitle(node, total) {
   const { $area: size, coveredSize } = node.data;
   const titleParts = [
     node.name,
-    (0, _helpers.formatBytes)(size),
-    `${(0, _helpers.formatPercent)(size, total, 1)}%`,
-  ]; // Add coverage label to leaf nodes only
-
+    helpers_1.formatBytes(size),
+    `${helpers_1.formatPercent(size, total, 1)}%`,
+  ];
   if (coveredSize !== undefined && node.children === undefined) {
-    titleParts.push(`Coverage: ${(0, _helpers.formatPercent)(coveredSize, size, 1)}%`);
+    titleParts.push(`Coverage: ${helpers_1.formatPercent(coveredSize, size, 1)}%`);
   }
-
   node.name = titleParts.join(' • ');
-
   if (node.children) {
-    node.children.forEach(child => {
+    node.children.forEach((child) => {
       addSizeToTitle(child, total);
     });
   }
 }
+//# sourceMappingURL=html.js.map

package/dist/html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html.js","sourceRoot":"","sources":["../src/html.ts"],"names":[],"mappings":"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","sourcesContent":["import btoa from 'btoa';\nimport ejs from 'ejs';\nimport fs from 'fs';\nimport path from 'path';\nimport escapeHtml from 'escape-html';\n\nimport { formatBytes, getCommonPathPrefix, getFileContent, formatPercent } from './helpers';\nimport { getColorByPercent } from './coverage';\n\nimport type { ExploreOptions, ExploreBundleResult, FileData, FileDataMap } from './types';\n\n/**\n * Generate HTML file content for specified files\n */\nexport function generateHtml(\n  exploreResults: ExploreBundleResult[],\n  options: ExploreOptions\n): string {\n  const assets = {\n    webtreemapJs: btoa(fs.readFileSync(require.resolve('./vendor/webtreemap.js'))),\n    webtreemapCss: btoa(fs.readFileSync(require.resolve('./vendor/webtreemap.css'))),\n  };\n\n  // Create a combined bundle if applicable\n  if (exploreResults.length > 1) {\n    exploreResults = [makeMergedBundle(exploreResults)].concat(exploreResults);\n  }\n\n  // Get bundles info to generate select element\n  const bundles = exploreResults.map((data) => ({\n    name: data.bundleName,\n    size: formatBytes(data.totalBytes),\n  }));\n\n  // Get webtreemap data to update map on bundle select\n  const treeDataMap = exploreResults.reduce<Record<string, { name: string; data: WebTreeMapNode }>>(\n    (result, data, index) => {\n      result[index] = {\n        name: data.bundleName,\n        data: getWebTreeMapData(data.files),\n      };\n\n      return result;\n    },\n    {}\n  );\n  const template = getFileContent(path.join(__dirname, 'tree-viz.ejs'));\n\n  return ejs.render(template, {\n    options,\n    bundles,\n    treeDataMap,\n    webtreemapJs: assets.webtreemapJs,\n    webtreemapCss: assets.webtreemapCss,\n  });\n}\n\n/**\n * Create a combined result where each of the inputs is a separate node under the root\n */\nfunction makeMergedBundle(exploreResults: ExploreBundleResult[]): ExploreBundleResult {\n  let totalBytes = 0;\n  const files: FileDataMap = {};\n\n  // Remove any common prefix to keep the visualization as simple as possible.\n  const commonPrefix = getCommonPathPrefix(exploreResults.map((r) => r.bundleName));\n\n  for (const result of exploreResults) {\n    totalBytes += result.totalBytes;\n\n    const prefix = result.bundleName.slice(commonPrefix.length);\n\n    Object.entries(result.files).forEach(([fileName, size]) => {\n      files[`${prefix}/${fileName}`] = size;\n    });\n  }\n\n  return {\n    bundleName: '[combined]',\n    totalBytes,\n    mappedBytes: 0,\n    eolBytes: 0,\n    sourceMapCommentBytes: 0,\n    files,\n  };\n}\n\ntype TreeNodesMap = { [source: string]: string[] };\n\nfunction getNodePath(parts: string[], depthIndex: number): string {\n  return parts.slice(0, depthIndex + 1).join('/');\n}\n\nconst WEBPACK_FILENAME_PREFIX = 'webpack:///';\nconst WEBPACK_FILENAME_PREFIX_LENGTH = WEBPACK_FILENAME_PREFIX.length;\n\nfunction splitFilename(file: string): string[] {\n  const webpackPrefixIndex = file.indexOf(WEBPACK_FILENAME_PREFIX);\n\n  // Treat webpack file prefix as a filename part\n  if (webpackPrefixIndex !== -1) {\n    return [\n      ...file.substring(0, webpackPrefixIndex).split('/'),\n      WEBPACK_FILENAME_PREFIX,\n      ...file.substring(webpackPrefixIndex + WEBPACK_FILENAME_PREFIX_LENGTH).split('/'),\n    ].filter(Boolean);\n  }\n\n  return file.split('/');\n}\n\nfunction getTreeNodesMap(fileDataMap: FileDataMap): TreeNodesMap {\n  let partsSourceTuples = Object.keys(fileDataMap).map<[string[], string]>((file) => [\n    splitFilename(file),\n    file,\n  ]);\n\n  const maxDepth = Math.max(...partsSourceTuples.map(([parts]) => parts.length));\n\n  for (let depthIndex = 0; depthIndex < maxDepth; depthIndex += 1) {\n    partsSourceTuples = partsSourceTuples.map(([parts, file], currentNodeIndex) => {\n      if (parts[depthIndex]) {\n        const nodePath = getNodePath(parts, depthIndex);\n\n        const hasSameRootPaths = partsSourceTuples.some(([pathParts], index) => {\n          if (index === currentNodeIndex) {\n            return false;\n          }\n          if (!pathParts[depthIndex]) {\n            return false;\n          }\n\n          return getNodePath(pathParts, depthIndex) === nodePath;\n        });\n\n        if (!hasSameRootPaths) {\n          // Collapse non-contributing path parts\n          return [[...parts.slice(0, depthIndex), parts.slice(depthIndex).join('/')], file];\n        }\n      }\n\n      return [parts, file];\n    });\n  }\n\n  return partsSourceTuples.reduce((result, [parts, file]) => {\n    result[file] = parts;\n\n    return result;\n  }, {});\n}\n\ninterface WebTreeMapNode {\n  name: string;\n  data: {\n    $area: number;\n    coveredSize?: number;\n    backgroundColor?: string;\n  };\n  children?: WebTreeMapNode[];\n}\n\n/**\n * Convert file size map to webtreemap data\n */\nexport function getWebTreeMapData(files: FileDataMap): WebTreeMapNode {\n  const treeNodesMap = getTreeNodesMap(files);\n  const treeData = newNode('/');\n\n  for (const source in files) {\n    addNode(treeNodesMap[source], files[source], treeData);\n  }\n\n  addSizeToTitle(treeData, treeData.data['$area']);\n\n  return treeData;\n}\n\nfunction newNode(name: string): WebTreeMapNode {\n  return {\n    name: escapeHtml(name),\n    data: {\n      $area: 0,\n    },\n  };\n}\n\nfunction setNodeData(node: WebTreeMapNode, fileData: FileData): void {\n  const size = node.data['$area'] + fileData.size;\n\n  if (fileData.coveredSize !== undefined) {\n    const coveredSize = (node.data.coveredSize || 0) + fileData.coveredSize;\n\n    node.data.coveredSize = coveredSize;\n    node.data.backgroundColor = getColorByPercent(coveredSize / size);\n  }\n\n  node.data['$area'] = size;\n}\n\nfunction addNode(parts: string[], fileData: FileData, treeData: WebTreeMapNode): void {\n  // No need to create nodes with zero size (e.g. '[unmapped]')\n  if (fileData.size === 0) {\n    return;\n  }\n\n  let node = treeData;\n\n  setNodeData(node, fileData);\n\n  parts.forEach((part) => {\n    if (!node.children) {\n      node.children = [];\n    }\n\n    let child = node.children.find((child) => child.name === part);\n\n    if (!child) {\n      child = newNode(part);\n      node.children.push(child);\n    }\n\n    node = child;\n\n    setNodeData(child, fileData);\n  });\n}\n\nfunction addSizeToTitle(node: WebTreeMapNode, total: number): void {\n  const { $area: size, coveredSize } = node.data;\n\n  const titleParts = [node.name, formatBytes(size), `${formatPercent(size, total, 1)}%`];\n\n  // Add coverage label to leaf nodes only\n  if (coveredSize !== undefined && node.children === undefined) {\n    titleParts.push(`Coverage: ${formatPercent(coveredSize, size, 1)}%`);\n  }\n\n  node.name = titleParts.join(' • ');\n\n  if (node.children) {\n    node.children.forEach((child) => {\n      addSizeToTitle(child, total);\n    });\n  }\n}\n"]}

package/dist/index.d.ts

@@ -1,92 +1,4 @@
-/// <reference types="node" />
 import { explore } from './api';
-import { UNMAPPED_KEY, SOURCE_MAP_COMMENT_KEY, NO_SOURCE_KEY } from './explore';
-export { explore, UNMAPPED_KEY, SOURCE_MAP_COMMENT_KEY, NO_SOURCE_KEY };
+export { UNMAPPED_KEY, SOURCE_MAP_COMMENT_KEY, NO_SOURCE_KEY } from './explore';
+export { explore };
 export default explore;
-export interface FileData {
-    size: number;
-    coveredSize?: number;
-}
-export declare type FileDataMap = Record<string, FileData>;
-export interface FileSizes {
-    files: FileDataMap;
-    mappedBytes: number;
-    unmappedBytes?: number;
-    eolBytes: number;
-    sourceMapCommentBytes: number;
-    totalBytes: number;
-}
-export declare type ErrorCode = 'Unknown' | 'NoBundles' | 'NoSourceMap' | 'OneSourceSourceMap' | 'UnmappedBytes' | 'InvalidMappingLine' | 'InvalidMappingColumn' | 'CannotSaveFile' | 'CannotCreateTempFile' | 'CannotOpenTempFile' | 'CannotOpenCoverageFile' | 'NoCoverageMatches';
-export declare type File = string | Buffer;
-export declare type ReplaceMap = Record<string, string>;
-export declare type OutputFormat = 'json' | 'tsv' | 'html';
-/** Represents single bundle */
-export interface Bundle {
-    code: File;
-    map?: File;
-    coverageRanges?: ColumnsRange[][];
-}
-export interface ExploreOptions {
-    /** Exclude "unmapped" bytes from the output */
-    onlyMapped?: boolean;
-    /** Exclude source map comment size from output */
-    excludeSourceMapComment?: boolean;
-    /** Output result as a string */
-    output?: {
-        format: OutputFormat;
-        /** Filename to save output to */
-        filename?: string;
-    };
-    /** Disable removing prefix shared by all sources */
-    noRoot?: boolean;
-    /** Replace "this" by "that" map */
-    replaceMap?: ReplaceMap;
-    coverage?: string;
-    /** Calculate gzip size. Setting it to `true` will also set `onlyMapped` to `true` */
-    gzip?: boolean;
-}
-export interface ExploreResult {
-    bundles: ExploreBundleResult[];
-    /** Result as a string - either JSON, TSV or HTML */
-    output?: string;
-    errors: ExploreErrorResult[];
-}
-export interface ExploreBundleResult extends FileSizes {
-    bundleName: string;
-}
-export interface ExploreErrorResult {
-    bundleName: string;
-    code: string;
-    message: string;
-    error?: NodeJS.ErrnoException;
-    isWarning?: boolean;
-}
-export declare type BundlesAndFileTokens = (Bundle | string)[] | Bundle | string;
-/** Represents inclusive range (e.g. [0,5] six columns) */
-export interface ColumnsRange {
-    /** Fist column index */
-    start: number;
-    /** Last column index */
-    end: number;
-}
-export interface MappingRange extends ColumnsRange {
-    source: string;
-}
-/** Represents exclusive range (e.g. [0,5) - four columns) */
-export interface Coverage {
-    url: string;
-    ranges: CoverageRange[];
-    /** File content as one line */
-    text: string;
-}
-export interface CoverageRange {
-    /** First column index */
-    start: number;
-    /** Column index next after last column index */
-    end: number;
-}
-declare module 'source-map' {
-    interface MappingItem {
-        lastGeneratedColumn: number | null;
-    }
-}

package/dist/index.js

@@ -1,38 +1,10 @@
 'use strict';
-
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'explore', {
-  enumerable: true,
-  get: function() {
-    return _api.explore;
-  },
-});
-Object.defineProperty(exports, 'UNMAPPED_KEY', {
-  enumerable: true,
-  get: function() {
-    return _explore.UNMAPPED_KEY;
-  },
-});
-Object.defineProperty(exports, 'SOURCE_MAP_COMMENT_KEY', {
-  enumerable: true,
-  get: function() {
-    return _explore.SOURCE_MAP_COMMENT_KEY;
-  },
-});
-Object.defineProperty(exports, 'NO_SOURCE_KEY', {
-  enumerable: true,
-  get: function() {
-    return _explore.NO_SOURCE_KEY;
-  },
-});
-exports.default = void 0;
-
-var _api = require('./api');
-
-var _explore = require('./explore');
-
-var _default = _api.explore; // Export all interfaces from index.ts to avoid type exports in compiled js code. See https://github.com/babel/babel/issues/8361
-
-exports.default = _default;
+Object.defineProperty(exports, '__esModule', { value: true });
+const api_1 = require('./api');
+exports.explore = api_1.explore;
+var explore_1 = require('./explore');
+exports.UNMAPPED_KEY = explore_1.UNMAPPED_KEY;
+exports.SOURCE_MAP_COMMENT_KEY = explore_1.SOURCE_MAP_COMMENT_KEY;
+exports.NO_SOURCE_KEY = explore_1.NO_SOURCE_KEY;
+exports.default = api_1.explore;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;AAAA,+BAAgC;AAIvB,kBAJA,aAAO,CAIA;AAHhB,qCAAgF;AAAvE,iCAAA,YAAY,CAAA;AAAE,2CAAA,sBAAsB,CAAA;AAAE,kCAAA,aAAa,CAAA;AAI5D,kBAAe,aAAO,CAAC","sourcesContent":["import { explore } from './api';\nexport { UNMAPPED_KEY, SOURCE_MAP_COMMENT_KEY, NO_SOURCE_KEY } from './explore';\n\n// Provide both default and named export for convenience\nexport { explore };\nexport default explore;\n"]}

package/dist/output.d.ts

@@ -1,3 +1,3 @@
-import { ExploreBundleResult, ExploreOptions, ExploreResult } from './index';
+import type { ExploreBundleResult, ExploreOptions, ExploreResult } from './types';
 export declare function formatOutput(results: ExploreBundleResult[], options: ExploreOptions): string | undefined;
 export declare function saveOutputToFile(result: ExploreResult, options: ExploreOptions): void;

package/dist/output.js

@@ -1,56 +1,35 @@
 'use strict';
-
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-exports.formatOutput = formatOutput;
-exports.saveOutputToFile = saveOutputToFile;
-
-var _os = _interopRequireDefault(require('os'));
-
-var _path = _interopRequireDefault(require('path'));
-
-var _fs = _interopRequireDefault(require('fs'));
-
-var _html = require('./html');
-
-var _appError = require('./app-error');
-
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : { default: obj };
-}
-
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, '__esModule', { value: true });
+const os_1 = __importDefault(require('os'));
+const path_1 = __importDefault(require('path'));
+const fs_1 = __importDefault(require('fs'));
+const html_1 = require('./html');
+const app_error_1 = require('./app-error');
 function formatOutput(results, options) {
   if (!options.output) {
     return;
   }
-
   switch (options.output.format) {
     case 'json':
-      return JSON.stringify(
-        {
-          results,
-        },
-        null,
-        '  '
-      );
-
+      return JSON.stringify({ results }, null, '  ');
     case 'tsv':
       return outputAsTsv(results);
-
     case 'html':
-      return (0, _html.generateHtml)(results, options);
+      return html_1.generateHtml(results, options);
   }
 }
-
+exports.formatOutput = formatOutput;
 function outputAsTsv(results) {
   const lines = ['Source\tSize'];
   results.forEach((bundle, index) => {
     if (index > 0) {
-      // Separate bundles by empty line
       lines.push('');
     }
-
     Object.entries(bundle.files)
       .map(([source, data]) => [source, data.size])
       .sort(sortFilesBySize)
@@ -58,37 +37,26 @@ function outputAsTsv(results) {
         lines.push(`${source}\t${size}`);
       });
   });
-  return lines.join(_os.default.EOL);
+  return lines.join(os_1.default.EOL);
 }
-
 function sortFilesBySize([, aSize], [, bSize]) {
   return bSize - aSize;
 }
-
 function saveOutputToFile(result, options) {
   if (!options.output) {
     return;
   }
-
   const output = result.output;
   const filename = options.output.filename;
-
   if (output && filename) {
     try {
-      const dir = _path.default.dirname(filename);
-
-      _fs.default.mkdirSync(dir, {
-        recursive: true,
-      });
-
-      _fs.default.writeFileSync(filename, output);
+      const dir = path_1.default.dirname(filename);
+      fs_1.default.mkdirSync(dir, { recursive: true });
+      fs_1.default.writeFileSync(filename, output);
     } catch (error) {
-      throw new _appError.AppError(
-        {
-          code: 'CannotSaveFile',
-        },
-        error
-      );
+      throw new app_error_1.AppError({ code: 'CannotSaveFile' }, error);
     }
   }
 }
+exports.saveOutputToFile = saveOutputToFile;
+//# sourceMappingURL=output.js.map

package/dist/output.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"output.js","sourceRoot":"","sources":["../src/output.ts"],"names":[],"mappings":";;;;;AAAA,4CAAoB;AACpB,gDAAwB;AACxB,4CAAoB;AAEpB,iCAAsC;AACtC,2CAAuC;AAIvC,SAAgB,YAAY,CAC1B,OAA8B,EAC9B,OAAuB;IAEvB,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;QACnB,OAAO;KACR;IAED,QAAQ,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE;QAC7B,KAAK,MAAM;YACT,OAAO,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QAEjD,KAAK,KAAK;YACR,OAAO,WAAW,CAAC,OAAO,CAAC,CAAC;QAE9B,KAAK,MAAM;YACT,OAAO,mBAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;KACzC;AACH,CAAC;AAlBD,oCAkBC;AAED,SAAS,WAAW,CAAC,OAA8B;IACjD,MAAM,KAAK,GAAG,CAAC,cAAc,CAAC,CAAC;IAE/B,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;QAChC,IAAI,KAAK,GAAG,CAAC,EAAE;YAEb,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SAChB;QAED,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;aACzB,GAAG,CAAmB,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;aAC9D,IAAI,CAAC,eAAe,CAAC;aACrB,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE;YAC1B,KAAK,CAAC,IAAI,CAAC,GAAG,MAAM,KAAK,IAAI,EAAE,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC,IAAI,CAAC,YAAE,CAAC,GAAG,CAAC,CAAC;AAC5B,CAAC;AAED,SAAS,eAAe,CAAC,CAAC,EAAE,KAAK,CAAmB,EAAE,CAAC,EAAE,KAAK,CAAmB;IAC/E,OAAO,KAAK,GAAG,KAAK,CAAC;AACvB,CAAC;AAED,SAAgB,gBAAgB,CAAC,MAAqB,EAAE,OAAuB;IAC7E,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;QACnB,OAAO;KACR;IAED,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAC7B,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC;IAEzC,IAAI,MAAM,IAAI,QAAQ,EAAE;QACtB,IAAI;YACF,MAAM,GAAG,GAAG,cAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;YAEnC,YAAE,CAAC,SAAS,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YACvC,YAAE,CAAC,aAAa,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;SACpC;QAAC,OAAO,KAAK,EAAE;YACd,MAAM,IAAI,oBAAQ,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,KAAK,CAAC,CAAC;SACvD;KACF;AACH,CAAC;AAlBD,4CAkBC","sourcesContent":["import os from 'os';\nimport path from 'path';\nimport fs from 'fs';\n\nimport { generateHtml } from './html';\nimport { AppError } from './app-error';\n\nimport type { ExploreBundleResult, ExploreOptions, ExploreResult } from './types';\n\nexport function formatOutput(\n  results: ExploreBundleResult[],\n  options: ExploreOptions\n): string | undefined {\n  if (!options.output) {\n    return;\n  }\n\n  switch (options.output.format) {\n    case 'json':\n      return JSON.stringify({ results }, null, '  ');\n\n    case 'tsv':\n      return outputAsTsv(results);\n\n    case 'html':\n      return generateHtml(results, options);\n  }\n}\n\nfunction outputAsTsv(results: ExploreBundleResult[]): string {\n  const lines = ['Source\\tSize'];\n\n  results.forEach((bundle, index) => {\n    if (index > 0) {\n      // Separate bundles by empty line\n      lines.push('');\n    }\n\n    Object.entries(bundle.files)\n      .map<[string, number]>(([source, data]) => [source, data.size])\n      .sort(sortFilesBySize)\n      .forEach(([source, size]) => {\n        lines.push(`${source}\\t${size}`);\n      });\n  });\n\n  return lines.join(os.EOL);\n}\n\nfunction sortFilesBySize([, aSize]: [string, number], [, bSize]: [string, number]): number {\n  return bSize - aSize;\n}\n\nexport function saveOutputToFile(result: ExploreResult, options: ExploreOptions): void {\n  if (!options.output) {\n    return;\n  }\n\n  const output = result.output;\n  const filename = options.output.filename;\n\n  if (output && filename) {\n    try {\n      const dir = path.dirname(filename);\n\n      fs.mkdirSync(dir, { recursive: true });\n      fs.writeFileSync(filename, output);\n    } catch (error) {\n      throw new AppError({ code: 'CannotSaveFile' }, error);\n    }\n  }\n}\n"]}