UNPKG

@modus/gimbal-plugin-source-map-explorer

Version:

Adds Source Map Explorer auditing to Gimbal

182 lines (181 loc) 9.1 kB
"use strict"; var __assign = (this && this.__assign) || function () { __assign = Object.assign || function(t) { for (var s, i = 1, n = arguments.length; i < n; i++) { s = arguments[i]; for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; } return t; }; return __assign.apply(this, arguments); }; var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } return new (P || (P = Promise))(function (resolve, reject) { function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } step((generator = generator.apply(thisArg, _arguments || [])).next()); }); }; var __generator = (this && this.__generator) || function (thisArg, body) { var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g; return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g; function verb(n) { return function (v) { return step([n, v]); }; } function step(op) { if (f) throw new TypeError("Generator is already executing."); while (_) try { if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t; if (y = 0, t) op = [op[0] & 2, t.value]; switch (op[0]) { case 0: case 1: t = op; break; case 4: _.label++; return { value: op[1], done: false }; case 5: _.label++; y = op[1]; op = [0]; continue; case 7: op = _.ops.pop(); _.trys.pop(); continue; default: if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; } if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; } if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; } if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; } if (t[2]) _.ops.pop(); _.trys.pop(); continue; } op = body.call(thisArg, _); } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; } if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true }; } }; var __spreadArrays = (this && this.__spreadArrays) || function () { for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length; for (var r = Array(s), k = 0, i = 0; i < il; i++) for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) r[k] = a[j]; return r; }; var __importDefault = (this && this.__importDefault) || function (mod) { return (mod && mod.__esModule) ? mod : { "default": mod }; }; Object.defineProperty(exports, "__esModule", { value: true }); var fs_1 = require("@modus/gimbal-core/lib/utils/fs"); var bytes_1 = __importDefault(require("bytes")); var globby_1 = __importDefault(require("globby")); var minimatch_1 = __importDefault(require("minimatch")); // @ts-ignore var source_map_explorer_1 = __importDefault(require("source-map-explorer")); var config_1 = require("./config"); var bytesConfig = { unitSeparator: ' ' }; exports.getThreshold = function (file, bundleConfig) { if (typeof bundleConfig === 'string') { return undefined; } var key = Object.keys(bundleConfig.thresholds).find(function (threshold) { return minimatch_1.default(file, threshold); }); return key && bundleConfig.thresholds[key]; }; exports.parseBundle = function (rawBundle, bundleConfig) { var data = []; var success = true; rawBundle.bundles.forEach(function (bundleResult) { Object.keys(bundleResult.files).forEach(function (file) { var size = bundleResult.files[file]; var threshold = exports.getThreshold(file, bundleConfig); var rawThreshold = threshold == null ? threshold : bytes_1.default(threshold); var fileSuccess = rawThreshold == null ? true : size <= rawThreshold; if (success) { success = fileSuccess; } data.push({ label: file, rawLabel: file, rawThreshold: rawThreshold, rawValue: size, success: fileSuccess, threshold: threshold, type: config_1.type, value: bytes_1.default(size, bytesConfig), }); }); }); return { data: data, label: rawBundle.bundle, rawLabel: rawBundle.bundle, success: success, type: config_1.type, }; }; exports.runModule = function (pluginConfig) { return function (_a) { var commandOptions = _a.commandOptions; return __awaiter(void 0, void 0, void 0, function () { var globBase, globs, paths, raw, data, success; return __generator(this, function (_b) { switch (_b.label) { case 0: globBase = fs_1.resolvePath(commandOptions.cwd, commandOptions.buildDir); globs = pluginConfig.bundles.map(function (glob) { var normalizedGlob = typeof glob === 'string' ? { path: glob, thresholds: {} } : glob; var path = normalizedGlob.path; // need to move the ! to the front so globby can ignore it return path[0] === '!' ? "!" + fs_1.resolvePath(globBase, path.substr(1)) : fs_1.resolvePath(globBase, path); }); return [4 /*yield*/, globby_1.default(globs)]; case 1: paths = _b.sent(); return [4 /*yield*/, Promise.all(paths.map(function (bundle) { return __awaiter(void 0, void 0, void 0, function () { var explored, _a; return __generator(this, function (_b) { switch (_b.label) { case 0: _b.trys.push([0, 2, , 3]); return [4 /*yield*/, source_map_explorer_1.default(bundle)]; case 1: explored = _b.sent(); return [2 /*return*/, __assign({ bundle: bundle }, explored)]; case 2: _a = _b.sent(); return [2 /*return*/, false]; case 3: return [2 /*return*/]; } }); }); }))]; case 2: raw = _b.sent(); data = __spreadArrays(raw.filter(Boolean).map(function (entry) { var globMatch = globs.find(function (glob) { return minimatch_1.default(entry.bundle, glob); }); var index = globs.indexOf(globMatch); var bundleConfig = pluginConfig.bundles[index]; return exports.parseBundle(entry, bundleConfig); })); success = data.every(function (item) { return item.success; }); return [2 /*return*/, { data: [ { data: data, label: 'Source Map Explorer Audits', rawLabel: 'Source Map Explorer Audits', success: success, type: config_1.type, }, ], raw: raw, success: success, }]; } }); }); }; }; exports.registerModule = function (_a, pluginConfig) { var bus = _a.bus; return __awaiter(void 0, void 0, void 0, function () { var register; return __generator(this, function (_b) { switch (_b.label) { case 0: return [4 /*yield*/, bus('module/registry')]; case 1: register = (_b.sent()).register; register(config_1.type, config_1.meta, exports.runModule(pluginConfig)); return [2 /*return*/]; } }); }); };