2019-01-24 23:49:21 +00:00
|
|
|
import { renderToString, renderToStaticMarkup } from 'react-dom/server';
|
2018-07-31 17:07:27 +00:00
|
|
|
|
2019-07-10 00:21:25 +00:00
|
|
|
import AutoIndexApp from '../client/autoIndex/App.js';
|
2018-07-31 17:07:27 +00:00
|
|
|
|
2019-07-10 00:21:25 +00:00
|
|
|
import MainTemplate from './utils/MainTemplate.js';
|
2019-07-10 06:50:00 +00:00
|
|
|
import getScripts from './utils/getScripts.js';
|
|
|
|
import { createElement, createHTML } from './utils/markupHelpers.js';
|
2019-07-10 23:27:19 +00:00
|
|
|
import { getAvailableVersions } from '../utils/npm.js';
|
2019-01-24 23:49:21 +00:00
|
|
|
|
|
|
|
const doctype = '<!DOCTYPE html>';
|
2019-01-24 05:27:58 +00:00
|
|
|
const globalURLs =
|
2019-01-24 05:43:52 +00:00
|
|
|
process.env.NODE_ENV === 'production' || process.env.NODE_ENV === 'staging'
|
2019-01-24 05:27:58 +00:00
|
|
|
? {
|
|
|
|
'@emotion/core': '/@emotion/core@10.0.6/dist/core.umd.min.js',
|
|
|
|
react: '/react@16.7.0/umd/react.production.min.js',
|
|
|
|
'react-dom': '/react-dom@16.7.0/umd/react-dom.production.min.js'
|
|
|
|
}
|
|
|
|
: {
|
|
|
|
'@emotion/core': '/@emotion/core@10.0.6/dist/core.umd.min.js',
|
|
|
|
react: '/react@16.7.0/umd/react.development.js',
|
|
|
|
'react-dom': '/react-dom@16.7.0/umd/react-dom.development.js'
|
|
|
|
};
|
|
|
|
|
2019-07-10 23:27:19 +00:00
|
|
|
export default async function serveAutoIndexPage(req, res) {
|
|
|
|
const availableVersions = await getAvailableVersions(req.packageName);
|
2019-01-13 03:27:28 +00:00
|
|
|
const data = {
|
2018-07-31 17:07:27 +00:00
|
|
|
packageName: req.packageName,
|
|
|
|
packageVersion: req.packageVersion,
|
2019-07-10 23:27:19 +00:00
|
|
|
availableVersions: availableVersions,
|
2018-07-31 17:07:27 +00:00
|
|
|
filename: req.filename,
|
|
|
|
entry: req.entry,
|
|
|
|
entries: req.entries
|
|
|
|
};
|
2019-01-24 23:49:21 +00:00
|
|
|
const content = createHTML(renderToString(createElement(AutoIndexApp, data)));
|
2019-07-10 06:50:00 +00:00
|
|
|
const elements = getScripts('autoIndex', 'iife', globalURLs);
|
2018-07-31 17:07:27 +00:00
|
|
|
|
2019-01-24 23:49:21 +00:00
|
|
|
const html =
|
|
|
|
doctype +
|
|
|
|
renderToStaticMarkup(
|
|
|
|
createElement(MainTemplate, {
|
|
|
|
title: `UNPKG - ${req.packageName}`,
|
|
|
|
description: `The CDN for ${req.packageName}`,
|
|
|
|
data,
|
|
|
|
content,
|
|
|
|
elements
|
|
|
|
})
|
|
|
|
);
|
2018-07-31 17:07:27 +00:00
|
|
|
|
|
|
|
res
|
|
|
|
.set({
|
2019-01-24 23:49:21 +00:00
|
|
|
'Cache-Control': 'public, max-age=14400', // 4 hours
|
2018-12-17 17:38:05 +00:00
|
|
|
'Cache-Tag': 'auto-index'
|
2018-07-31 17:07:27 +00:00
|
|
|
})
|
|
|
|
.send(html);
|
|
|
|
}
|