viewer.js
3.84 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
'use strict';
var path = require('path');
var fs = require('fs');
var _ = require('lodash');
var express = require('express');
var ejs = require('ejs');
var opener = require('opener');
var mkdir = require('mkdirp');
var _require = require('chalk'),
bold = _require.bold;
var Logger = require('./Logger');
var analyzer = require('./analyzer');
var projectRoot = path.resolve(__dirname, '..');
module.exports = {
startServer: startServer,
generateReport: generateReport,
// deprecated
start: startServer
};
function startServer(bundleStats, opts) {
var _ref = opts || {},
_ref$port = _ref.port,
port = _ref$port === undefined ? 8888 : _ref$port,
_ref$host = _ref.host,
host = _ref$host === undefined ? '127.0.0.1' : _ref$host,
_ref$openBrowser = _ref.openBrowser,
openBrowser = _ref$openBrowser === undefined ? true : _ref$openBrowser,
_ref$bundleDir = _ref.bundleDir,
bundleDir = _ref$bundleDir === undefined ? null : _ref$bundleDir,
_ref$logger = _ref.logger,
logger = _ref$logger === undefined ? new Logger() : _ref$logger;
var chartData = getChartData(logger, bundleStats, bundleDir);
if (!chartData) return;
var app = express();
// Explicitly using our `ejs` dependency to render templates
// Fixes #17
app.engine('ejs', require('ejs').renderFile);
app.set('view engine', 'ejs');
app.set('views', projectRoot + '/views');
app.use(express.static(projectRoot + '/public'));
app.use('/', function (req, res) {
res.render('viewer', {
mode: 'server',
chartData: JSON.stringify(chartData)
});
});
return app.listen(port, host, function () {
var url = 'http://' + host + ':' + port;
logger.info(bold('Webpack Bundle Analyzer') + ' is started at ' + bold(url) + '\n' + ('Use ' + bold('Ctrl+C') + ' to close it'));
if (openBrowser) {
opener(url);
}
});
}
function generateReport(bundleStats, opts) {
var _ref2 = opts || {},
_ref2$openBrowser = _ref2.openBrowser,
openBrowser = _ref2$openBrowser === undefined ? true : _ref2$openBrowser,
_ref2$reportFilename = _ref2.reportFilename,
reportFilename = _ref2$reportFilename === undefined ? 'report.html' : _ref2$reportFilename,
_ref2$bundleDir = _ref2.bundleDir,
bundleDir = _ref2$bundleDir === undefined ? null : _ref2$bundleDir,
_ref2$logger = _ref2.logger,
logger = _ref2$logger === undefined ? new Logger() : _ref2$logger;
var chartData = getChartData(logger, bundleStats, bundleDir);
if (!chartData) return;
ejs.renderFile(projectRoot + '/views/viewer.ejs', {
mode: 'static',
chartData: JSON.stringify(chartData),
assetContent: getAssetContent
}, function (err, reportHtml) {
if (err) return logger.error(err);
var reportFilepath = reportFilename;
if (!path.isAbsolute(reportFilepath)) {
reportFilepath = path.resolve(bundleDir || process.cwd(), reportFilepath);
}
mkdir.sync(path.dirname(reportFilepath));
fs.writeFileSync(reportFilepath, reportHtml);
logger.info(bold('Webpack Bundle Analyzer') + ' saved report to ' + bold(reportFilepath));
if (openBrowser) {
opener('file://' + reportFilepath);
}
});
}
function getAssetContent(filename) {
return fs.readFileSync(projectRoot + '/public/' + filename, 'utf8');
}
function getChartData(logger) {
var chartData = void 0;
try {
for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
args[_key - 1] = arguments[_key];
}
chartData = analyzer.getViewerData.apply(analyzer, args.concat([{ logger: logger }]));
} catch (err) {
logger.error('Could\'t analyze webpack bundle:\n' + err);
chartData = null;
}
if (_.isEmpty(chartData)) {
logger.error("Could't find any javascript bundles in provided stats file");
chartData = null;
}
return chartData;
}