New "browse" UI

Also, separated out browse, ?meta, and ?module request handlers. Fixes #82
2019-07-24 17:55:13 -07:00
parent ea35b3c4b0
commit 34baab07ab
57 changed files with 2431 additions and 686 deletions
--- a/modules/actions/serveBrowsePage.js
+++ b/modules/actions/serveBrowsePage.js
@ -0,0 +1,53 @@
+import { renderToString, renderToStaticMarkup } from 'react-dom/server';
+
+import BrowseApp from '../client/browse/App.js';
+import MainTemplate from '../templates/MainTemplate.js';
+import { getAvailableVersions } from '../utils/npm.js';
+import getScripts from '../utils/getScripts.js';
+import { createElement, createHTML } from '../utils/markup.js';
+
+const doctype = '<!DOCTYPE html>';
+const globalURLs =
+  process.env.NODE_ENV === 'production' || process.env.NODE_ENV === 'staging'
+    ? {
+        '@emotion/core': '/@emotion/core@10.0.6/dist/core.umd.min.js',
+        react: '/react@16.8.6/umd/react.production.min.js',
+        'react-dom': '/react-dom@16.8.6/umd/react-dom.production.min.js'
+      }
+    : {
+        '@emotion/core': '/@emotion/core@10.0.6/dist/core.umd.min.js',
+        react: '/react@16.8.6/umd/react.development.js',
+        'react-dom': '/react-dom@16.8.6/umd/react-dom.development.js'
+      };
+
+export default async function serveBrowsePage(req, res) {
+  const availableVersions = await getAvailableVersions(req.packageName);
+  const data = {
+    packageName: req.packageName,
+    packageVersion: req.packageVersion,
+    availableVersions: availableVersions,
+    filename: req.filename,
+    target: req.browseTarget
+  };
+  const content = createHTML(renderToString(createElement(BrowseApp, data)));
+  const elements = getScripts('browse', 'iife', globalURLs);
+
+  const html =
+    doctype +
+    renderToStaticMarkup(
+      createElement(MainTemplate, {
+        title: `UNPKG - ${req.packageName}`,
+        description: `The CDN for ${req.packageName}`,
+        data,
+        content,
+        elements
+      })
+    );
+
+  res
+    .set({
+      'Cache-Control': 'public, max-age=14400', // 4 hours
+      'Cache-Tag': 'browse'
+    })
+    .send(html);
+}