59 lines
1.6 KiB
JavaScript
59 lines
1.6 KiB
JavaScript
const React = require("react");
|
|
const ReactDOMServer = require("react-dom/server");
|
|
const semver = require("semver");
|
|
|
|
const MainPage = require("../client/MainPage");
|
|
const AutoIndexApp = require("../client/autoIndex/App");
|
|
const createHTML = require("../client/utils/createHTML");
|
|
const renderPage = require("../utils/renderPage");
|
|
|
|
const globalScripts =
|
|
process.env.NODE_ENV === "production"
|
|
? [
|
|
"/react@16.4.1/umd/react.production.min.js",
|
|
"/react-dom@16.4.1/umd/react-dom.production.min.js"
|
|
]
|
|
: [
|
|
"/react@16.4.1/umd/react.development.js",
|
|
"/react-dom@16.4.1/umd/react-dom.development.js"
|
|
];
|
|
|
|
function byVersion(a, b) {
|
|
return semver.lt(a, b) ? -1 : semver.gt(a, b) ? 1 : 0;
|
|
}
|
|
|
|
function serveAutoIndexPage(req, res) {
|
|
const scripts = globalScripts.concat(req.assets.getScripts("autoIndex"));
|
|
const styles = req.assets.getStyles("autoIndex");
|
|
|
|
const props = {
|
|
packageName: req.packageName,
|
|
packageVersion: req.packageVersion,
|
|
availableVersions: Object.keys(req.packageInfo.versions).sort(byVersion),
|
|
filename: req.filename,
|
|
entry: req.entry,
|
|
entries: req.entries
|
|
};
|
|
const content = createHTML(
|
|
ReactDOMServer.renderToString(React.createElement(AutoIndexApp, props))
|
|
);
|
|
|
|
const html = renderPage(MainPage, {
|
|
title: `UNPKG - ${req.packageName}`,
|
|
description: `The CDN for ${req.packageName}`,
|
|
scripts: scripts,
|
|
styles: styles,
|
|
data: props,
|
|
content: content
|
|
});
|
|
|
|
res
|
|
.set({
|
|
"Cache-Control": "public,max-age=60", // 1 minute
|
|
"Cache-Tag": "auto-index"
|
|
})
|
|
.send(html);
|
|
}
|
|
|
|
module.exports = serveAutoIndexPage;
|