@dreysolano/prerender-spa-plugin
Version:
Flexible, framework-agnostic static site generation for sites and SPAs built with webpack.
175 lines (147 loc) • 7.99 kB
JavaScript
;
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var path = require('path');
var Prerenderer = require('@prerenderer/prerenderer');
var PuppeteerRenderer = require('@prerenderer/renderer-puppeteer');
var _require = require('html-minifier'),
minify = _require.minify;
function PrerenderSPAPlugin() {
var _this = this;
var rendererOptions = {}; // Primarily for backwards-compatibility.
this._options = {}; // Normal args object.
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
if (args.length === 1) {
this._options = args[0] || {}; // Backwards-compatibility with v2
} else {
console.warn("[prerender-spa-plugin] You appear to be using the v2 argument-based configuration options. It's recommended that you migrate to the clearer object-based configuration system.\nCheck the documentation for more information.");
var staticDir, routes;
args.forEach(function (arg) {
if (typeof arg === 'string') staticDir = arg;else if (Array.isArray(arg)) routes = arg;else if (typeof arg === 'object') _this._options = arg;
});
staticDir ? this._options.staticDir = staticDir : null;
routes ? this._options.routes = routes : null;
} // Backwards compatiblity with v2.
if (this._options.captureAfterDocumentEvent) {
console.warn('[prerender-spa-plugin] captureAfterDocumentEvent has been renamed to renderAfterDocumentEvent and should be moved to the renderer options.');
rendererOptions.renderAfterDocumentEvent = this._options.captureAfterDocumentEvent;
}
if (this._options.captureAfterElementExists) {
console.warn('[prerender-spa-plugin] captureAfterElementExists has been renamed to renderAfterElementExists and should be moved to the renderer options.');
rendererOptions.renderAfterElementExists = this._options.captureAfterElementExists;
}
if (this._options.captureAfterTime) {
console.warn('[prerender-spa-plugin] captureAfterTime has been renamed to renderAfterTime and should be moved to the renderer options.');
rendererOptions.renderAfterTime = this._options.captureAfterTime;
}
this._options.server = this._options.server || {};
this._options.renderer = this._options.renderer || new PuppeteerRenderer(Object.assign({}, {
headless: true
}, rendererOptions));
if (this._options.postProcessHtml) {
console.warn('[prerender-spa-plugin] postProcessHtml should be migrated to postProcess! Consult the documentation for more information.');
}
}
PrerenderSPAPlugin.prototype.apply = function (compiler) {
var _this2 = this;
var compilerFS = compiler.outputFileSystem; // From https://github.com/ahmadnassri/mkdirp-promise/blob/master/lib/index.js
var mkdirp = function mkdirp(dir, opts) {
return new Promise(function (resolve, reject) {
try {
compilerFS.mkdirp(dir, opts, function (err, made) {
return err === null ? resolve(made) : reject(err);
});
} catch (e) {
// mkdirp removed in Webpack 5
compilerFS.mkdir(dir, _objectSpread(_objectSpread({}, opts), {}, {
recursive: true
}), function (err, made) {
return err === null ? resolve(made) : reject(err);
});
}
});
};
var afterEmit = function afterEmit(compilation, done) {
var PrerendererInstance = new Prerenderer(_this2._options);
PrerendererInstance.initialize().then(function () {
return PrerendererInstance.renderRoutes(_this2._options.routes || []);
}) // Backwards-compatibility with v2 (postprocessHTML should be migrated to postProcess)
.then(function (renderedRoutes) {
return _this2._options.postProcessHtml ? renderedRoutes.map(function (renderedRoute) {
var processed = _this2._options.postProcessHtml(renderedRoute);
if (typeof processed === 'string') renderedRoute.html = processed;else renderedRoute = processed;
return renderedRoute;
}) : renderedRoutes;
}) // Run postProcess hooks.
.then(function (renderedRoutes) {
return _this2._options.postProcess ? Promise.all(renderedRoutes.map(function (renderedRoute) {
return _this2._options.postProcess(renderedRoute);
})) : renderedRoutes;
}) // Check to ensure postProcess hooks returned the renderedRoute object properly.
.then(function (renderedRoutes) {
var isValid = renderedRoutes.every(function (r) {
return typeof r === 'object';
});
if (!isValid) {
throw new Error('[prerender-spa-plugin] Rendered routes are empty, did you forget to return the `context` object in postProcess?');
}
return renderedRoutes;
}) // Minify html files if specified in config.
.then(function (renderedRoutes) {
if (!_this2._options.minify) return renderedRoutes;
renderedRoutes.forEach(function (route) {
route.html = minify(route.html, _this2._options.minify);
});
return renderedRoutes;
}) // Calculate outputPath if it hasn't been set already.
.then(function (renderedRoutes) {
renderedRoutes.forEach(function (rendered) {
if (!rendered.outputPath) {
rendered.outputPath = path.join(_this2._options.outputDir || _this2._options.staticDir, rendered.route, 'index.html');
}
});
return renderedRoutes;
}) // Create dirs and write prerendered files.
.then(function (processedRoutes) {
var promises = Promise.all(processedRoutes.map(function (processedRoute) {
return mkdirp(path.dirname(processedRoute.outputPath)).then(function () {
return new Promise(function (resolve, reject) {
compilerFS.writeFile(processedRoute.outputPath, processedRoute.html.trim(), function (err) {
if (err) {
reject(`[prerender-spa-plugin] Unable to write rendered route to file "${processedRoute.outputPath}" \n ${err}.`);
} else resolve();
});
});
}).catch(function (err) {
if (typeof err === 'string') {
err = `[prerender-spa-plugin] Unable to create directory ${path.dirname(processedRoute.outputPath)} for route ${processedRoute.route}. \n ${err}`;
}
throw err;
});
}));
return promises;
}).then(function (r) {
PrerendererInstance.destroy();
done();
}).catch(function (err) {
PrerendererInstance.destroy();
var msg = `[prerender-spa-plugin] Unable to prerender all routes! [Error: ${err}]`;
console.error(msg);
compilation.errors.push(new Error(msg));
done();
});
};
if (compiler.hooks) {
var plugin = {
name: 'PrerenderSPAPlugin'
};
compiler.hooks.afterEmit.tapAsync(plugin, afterEmit);
} else {
compiler.plugin('after-emit', afterEmit);
}
};
PrerenderSPAPlugin.PuppeteerRenderer = PuppeteerRenderer;
module.exports = PrerenderSPAPlugin;