Upgrade deps (#38)

* upgrade all deps, convert to vercels new api structure

* Upgrade dependencies

- chrome-aws-lambda: 8.0.2 -> 10.1.0
- normalize-url: 5.3.1 -> 7.0.2
- puppeteer-core: 8.0.0 -> 10.4.0

Removed dependency:

- is-url: replaced with local alternative that doesn't allow localhost

* linting

* allow 1000 items in cache

* choose different vercel alias

Co-authored-by: Bart Veneman <bart.veneman@drukwerkdeal.nl>

Author: bartveneman

LICENSE

@@ -0,0 +1,19 @@
+MIT LICENSE
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

api/_chromium.js

@@ -1,10 +1,10 @@
 /* global document */
 
-const puppeteer = require('puppeteer-core')
-const chrome = require('chrome-aws-lambda')
-const normalizeUrl = require('normalize-url')
+import puppeteer from 'puppeteer-core'
+import chrome from 'chrome-aws-lambda'
+import normalizeUrl from 'normalize-url'
 
-exports.extractCss = async url => {
+export const extractCss = async url => {
 	const browser = await puppeteer.launch({
 		args: chrome.args,
 		executablePath: await chrome.executablePath,
@@ -17,7 +17,7 @@ exports.extractCss = async url => {
 	await page.setUserAgent('Mozilla/5.0 (Macintosh; Intel Mac OS X 10.16; rv:85.0) Gecko/20100101 Firefox/85.0')
 
 	// Start CSS coverage. This is the meat and bones of this module
-	await page.coverage.startCSSCoverage().catch(() => {})
+	await page.coverage.startCSSCoverage().catch(() => { })
 
 	url = normalizeUrl(url, {stripWWW: false})
 	const response = await page.goto(url, {waitUntil: 'networkidle0'})

api/_is-url.js

@@ -0,0 +1,26 @@
+// Source: https://github.com/segmentio/is-url/blob/d20482833e861b9a0c5bb3712dfe232efa75c87c/index.js
+// but without checking for localhost
+var protocolAndDomainRE = /^(?:\w+:)?\/\/(\S+)$/
+var nonLocalhostDomainRE = /^[^\s.]+\.\S{2,}$/
+
+export function isUrl(string) {
+	if (typeof string !== 'string') {
+		return false
+	}
+
+	var match = string.match(protocolAndDomainRE)
+	if (!match) {
+		return false
+	}
+
+	var everythingAfterProtocol = match[1]
+	if (!everythingAfterProtocol) {
+		return false
+	}
+
+	if (nonLocalhostDomainRE.test(everythingAfterProtocol)) {
+		return true
+	}
+
+	return false
+}

api/extract-css.js

@@ -1,14 +1,14 @@
-const isUrl = require('is-url')
-const LRU = require('lru-cache')
-const { extractCss } = require('./_chromium')
+import LRU from 'lru-cache'
+import {extractCss} from './_chromium.js'
+import {isUrl} from './_is-url.js'
 
 const cssCache = new LRU({
-	max: 500,
+	max: 1000,
 	maxAge: 60 * 1000 // 60 seconds
 })
 
-module.exports = async (req, res) => {
-	const { url } = req.query
+export default async (req, res) => {
+	const {url} = req.query
 
 	if (!isUrl(url)) {
 		res.statusCode = 400
@@ -28,7 +28,7 @@ module.exports = async (req, res) => {
 		}
 
 		res.setHeader('Content-Type', 'text/css')
-		const css = result.map(({ css }) => css).join('\n')
+		const css = result.map(({css}) => css).join('\n')
 		return res.end(css)
 	}
 
@@ -41,10 +41,10 @@ module.exports = async (req, res) => {
 		}
 
 		res.setHeader('Content-Type', 'text/css')
-		const css = result.map(({ css }) => css).join('\n')
+		const css = result.map(({css}) => css).join('\n')
 		return res.end(css)
 	} catch (error) {
 		res.statusCode = 500
-		return res.json({ message: error.message })
+		return res.json({message: error.message})
 	}
 }