vercel / og-image

Open Graph Image as a Service - generate cards for Twitter, Facebook, Slack, etc

Warning This repo is outdated and only works with Node.js 14. Please use @vercel/og for new projects.

If you have a problem that reproduces using the playground, please create an issue in the satori repo.

For all other issues with @vercel/og, please reach out to Vercel Support.

og-image's Issues

Fix emoji

https://og-image.now.sh/✅yes.png

It would be nice to change the plus sign to this unicode ＋ which is 0xFF0B

Fix missing font

Sometimes the page loads without showing the font. Only the logo image is shown.

I'm guessing the DOM ready event is triggered before the font loads because its async.

Need to investigate how to wait for the font.

Screenshot shows boxes instead of Korean characters

hi folks,

great utility, deploying to a site with thousands of pages. my challenge is: Korean (한글) characters aren't working.

this is similar to my issue (Hindi language):
puppeteer/puppeteer#5311

here's what i'm seeing in my Zeit-deployed production instance, w/ text "경찰" World:

but in localhost:3000 it works great!

i've tried changing:

• UTF
• lang
• fonts (e.g. Arial vs Inter)
• hard-coding Korean characters into the template e.g. <div class="heading">경찰 test (inside template.js)

i tried these measures to ensure local sanitizers are doing anything funky.

every one of my tests yields the same: works in localhost, doesn't in production. thanks for reading.

Broken link in Readme

Read the blog post for more info on the "Why" part.

The blogpost link in the above statement is now unavailable and is redirecting to this repo.

Adding second image causes 500 error

Steps to reproduce

Click "Add Image 2" on the latest deployment https://og-image-ratwvzitg.zeit.sh

Details

This regression was introduced in #87 when we moved to zero config.

It works correctly with now dev but not with now.

Investigate font loading

It might be faster to load fonts with the new font api instead of reading the file and then injecting css for reach request.

const chromium = require('chrome-aws-lambda');
await chromium.font('https://example.com/googlei18n/noto-emoji/fonts/NotoColorEmoji.ttf');

Related issue: alixaxel/chrome-aws-lambda#16

Enabling HTML_DEBUG

Hey there! I've been trying to enable environment variable HTML_DEBUG, but couldn't find any hooks on that. Could you please help with enabling it? Thanks!

Add a dark theme

Example: https://twitter.com/zeithq/status/1085193018812952581

Error: Browser is not downloaded. Run "npm install" or "yarn install"

Running vercel dev prints the following error:

Error: Browser is not downloaded. Run "npm install" or "yarn install"

The workaround is to set const isDev = true during local development.

og-image/api/index.ts

Line 6 in 7c697b8

const isDev = process.env.VERCEL_REGION === 'dev1';

Enhance the padding between images

Right now we use flexbox spacing and it looks strange when text is long and the images get separated.

Let's try changing this to a fixed margin/padding instead so images are always the same distance apart, regardless of text provided.

source

Add a suggestion for image 2

Probably just use the typescript image

https://cdn.jsdelivr.net/gh/remojansen/logo.ts@master/ts.svg

Add github corner and intro paragraph

We need to explain what this is doing and why it's doing it. And then link to github with the fancy corner.

Fails to render title "Node.js Builder (@now/node)"

There is an error when loading a title Node.js Builder (@now/node)

Looks like basename() thinks the file name is node.js

Support linux

Currently, puppeteer is configured to correctly find the binary of chrome for the platforms win32 and darwin. It should also find the correct binary for chrome on the linux platform.

Allow option for a subtitle

It would be cool to add an option for a subtitle that would be rendered below the main title in a color that complements the main title (i.e. a lighter gray that matches the + symbol).

Additional/alternate images not displayed in Facebook generated share previews

When using more than one image (logo), Facebook does not appear to generate the correct image. The secondary images are not added.

Facebook also does not use the correct first image (logo), instead using the default. This issue does not seem to be present for other sites like Twitter.

I am not sure what could be causing it.

Below are some examples, taken from the Next.js documentation pages about CMSs. They illustrate how the first icon is incorrect, (Vercel as opposed to Next.js) and the secondary ones are not present.

FB Generated	Actual	FB Sharing Debugger
		Prismic Example
		Wordpress Example

Fix sidebar

it'd be cool if somehow the sidebar was more of a sidebar

Frontend should be able to remove an extra image

I accidentally added a 3rd image, but didn't intend to. However, there was no way to remove the image from the form so I had to refresh the page and start over. There should be a delete button for extra images.

HTML tags should be escaped

I've just found this app and it looks really neat. While playing around with the example I found that any html tags can be added, which can be a security risk.

For example, adding the iframe tag:
https://og-image.vercel.app/**Hello**%20World%20%3Ciframe%20src='https:/deanpcmad.com/testfile.html'/%3E.png?fontSize=100px&theme=light&md=1

Renders out an image with an iframe:

I'm not sure if this is by design, I just feel html tags should be escaped?

Janky input when typing fast (due to debounce)

Sometimes we lose characters in the input if the user types quickly.

This was a regression introduced from the debounce #25 I believe.

Add inter font

https://rsms.me/inter/

Whitelist image logos

We don’t want any image to be used.

We want to allow zeit logos and block others for the first image.

Concurrency

I'm wondering that since you cache the page instance and don't close browsers/pages, what happens on concurrent requests?

Add simple markdown support

We want to be able to generate bold text in the middle of the heading.

Ideally, we could use markdown so that we could use **TypeScript** on Now and get the following:

Add support for inline code in markdown

Something like now init

Additional image does not work in Next.js tutorial

Hi,

I encounter an issue when adding a second image. It works well when I paste the generated URL directly in the browser:

Then I paste the generated URL in my Next.js app (following the official tutorial):

        <meta
          property="og:image"
          content={`https://og-image.now.sh/${encodeURI(
            siteTitle
          )}.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fassets%2Fdesign%2Fvercel-triangle-black.svg&images=https%3A%2F%2Fcdn.jsdelivr.net%2Fgh%2Fremojansen%2Flogo.ts%40master%2Fts.svg`}
        />

This renders the following HTML code:

<!DOCTYPE html>
<html>
<head>
<style data-next-hide-fouc="true">body{display:none}</style>
<noscript data-next-hide-fouc="true"><style>body{display:block}</style></noscript>
<meta name="viewport" content="width=device-width"/>
<meta charSet="utf-8"/>
<link rel="icon" href="/favicon.ico"/>
<meta name="description" content="Learn how to build a personal website using Next.js"/>

<meta property="og:image" content="https://og-image.now.sh/Next.js%20Sample%20Website.png?theme=light&amp;md=1&amp;fontSize=100px&amp;images=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fassets%2Fdesign%2Fvercel-triangle-black.svg&amp;images=https%3A%2F%2Fcdn.jsdelivr.net%2Fgh%2Fremojansen%2Flogo.ts%40master%2Fts.svg"/>

<meta name="og:title" content="Next.js Sample Website"/>

Then I check the go:image URL in the browser I get the following:

Additional image is gone.

It seems to be a bad URL encoding when HTML is rendered by Next.js.

I was not sure about creating the issue in this repo or in Next.js repo. If you think this should not be here, I will create an issue in Next.js repo.

Thanks for your help.

Mono space font for code snippets

Something seems off with code snippets

Previews not showing on Twitter

Try pasting this URL: https://og-image.now.sh
into https://cards-dev.twitter.com/validator or even tweeting. No Preview is shown.

Add image dimensions

Right now, we only accept an array of images and assume all the images are the same size. But sometimes we need to tweak the width/height of an image so that it lines up correctly.

source

We'll need a couple things

1. UI changes so that each image can have a width/height input
2. Add a new query string param in the backend for sizes=[{width,height}]

`.svg` output format

It would be nice if there was an option to output to SVG 👍

now dev failing

I just cloned the repo and am following the steps in CONTRIBUTIONS to start development using now dev but I get the following error:

Keslers-MBP-2:og-image keslert$ now dev -d
> [debug] [2019-06-29T16:53:19.314Z] Found config in file /Users/keslert/Projects/og-image/now.json
> [debug] [2019-06-29T16:53:19.319Z] Using Now CLI 15.6.2
> [debug] [2019-06-29T16:53:19.320Z] user supplied known subcommand
> Now CLI 15.6.2 dev (beta) — https://zeit.co/feedback/dev
> [debug] [2019-06-29T16:53:19.404Z] The yarn executable is already cached, not re-downloading
> [debug] [2019-06-29T16:53:19.405Z] Reading `now.json` file
> [debug] [2019-06-29T16:53:19.417Z] Locating files /Users/keslert/Projects/og-image
> [debug] [2019-06-29T16:53:19.420Z] Ignoring /Users/keslert/Projects/og-image/.git
> [debug] [2019-06-29T16:53:19.421Z] Ignoring /Users/keslert/Projects/og-image/.gitignore
> [debug] [2019-06-29T16:53:19.421Z] Ignoring /Users/keslert/Projects/og-image/CONTRIBUTING.md
> [debug] [2019-06-29T16:53:19.421Z] Ignoring /Users/keslert/Projects/og-image/Dockerfile
> [debug] [2019-06-29T16:53:19.421Z] Ignoring /Users/keslert/Projects/og-image/README.md
> [debug] [2019-06-29T16:53:19.421Z] Ignoring /Users/keslert/Projects/og-image/dist
> [debug] [2019-06-29T16:53:19.421Z] Ignoring /Users/keslert/Projects/og-image/node_modules
> [debug] [2019-06-29T16:53:19.428Z] Locating files /Users/keslert/Projects/og-image: 11.044ms
> [debug] [2019-06-29T16:53:19.436Z] Installing @now/build-utils@latest
> [debug] [2019-06-29T16:53:23.301Z] Locating files /Users/keslert/Projects/og-image
> [debug] [2019-06-29T16:53:23.301Z] Locating files /Users/keslert/Projects/og-image: 0.102ms
> [debug] [2019-06-29T16:53:23.302Z] Locating files /Users/keslert/Projects/og-image
> [debug] [2019-06-29T16:53:23.302Z] Locating files /Users/keslert/Projects/og-image: 0.059ms
> [debug] [2019-06-29T16:53:23.376Z] Locating files /Users/keslert/Projects/og-image
> [debug] [2019-06-29T16:53:23.376Z] Locating files /Users/keslert/Projects/og-image: 0.044ms
> [debug] [2019-06-29T16:53:23.727Z] Adding build match for "public/favicon.ico"
> [debug] [2019-06-29T16:53:23.727Z] Adding build match for "public/index.html"
> [debug] [2019-06-29T16:53:23.727Z] Adding build match for "public/robots.txt"
> [debug] [2019-06-29T16:53:23.727Z] Adding build match for "public/style.css"
> [debug] [2019-06-29T16:53:23.727Z] Adding build match for "public/tweet.png"
> [debug] [2019-06-29T16:53:23.727Z] Adding build match for "package.json"
> [debug] [2019-06-29T16:53:23.727Z] Adding build match for "src/card.ts"
> Setting up 1 Builder
> Building @now/static-build:package.json
> [debug] [2019-06-29T16:53:23.728Z] Using `@now/[email protected]`
> [debug] [2019-06-29T16:53:23.728Z] Creating build process for package.json
Downloading user files...
missing `engines` in `package.json`, using default range: 8.10.x
installing to /Users/keslert/Projects/og-image
yarn install v1.15.2
[1/4] Resolving packages...
success Already up-to-date.
Done in 0.09s.

> [email protected] dev /Users/keslert/Projects/og-image
> now dev

internal/modules/cjs/loader.js:594
    throw err;
    ^

Error: Cannot find module '/Users/keslert/Projects/og-image/dev'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:592:15)
    at Function.Module._resolveFilename (pkg/prelude/bootstrap.js:1285:46)
    at Function.Module._load (internal/modules/cjs/loader.js:518:25)
    at Function.Module.runMain (pkg/prelude/bootstrap.js:1314:12)
    at startup (internal/bootstrap/node.js:274:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:608:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: `now dev`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/keslert/.npm/_logs/2019-06-29T16_53_24_672Z-debug.log

The log file has the following error:

0 info it worked if it ends with ok
1 verbose cli [ '/Users/keslert/Library/Caches/co.zeit.fun/runtimes/nodejs8.10/bin/node',
1 verbose cli   '/Users/keslert/Library/Caches/co.zeit.fun/runtimes/nodejs8.10/bin/npm',
1 verbose cli   'run',
1 verbose cli   'dev' ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'predev', 'dev', 'postdev' ]
5 info lifecycle [email protected]~predev: [email protected]
6 info lifecycle [email protected]~dev: [email protected]
7 verbose lifecycle [email protected]~dev: unsafe-perm in lifecycle true
8 verbose lifecycle [email protected]~dev: PATH: /Users/keslert/Library/Caches/co.zeit.fun/runtimes/nodejs8.10/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/Users/keslert/Projects/og-image/node_modules/.bin:/Users/keslert/Library/Caches/co.zeit.now/dev/builders:/Users/keslert/Library/Caches/co.zeit.fun/runtimes/nodejs8.10/bin:/Users/keslert/google-cloud-sdk/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin
9 verbose lifecycle [email protected]~dev: CWD: /Users/keslert/Projects/og-image
10 silly lifecycle [email protected]~dev: Args: [ '-c', 'now dev' ]
11 silly lifecycle [email protected]~dev: Returned: code: 1  signal: null
12 info lifecycle [email protected]~dev: Failed to exec dev script
13 verbose stack Error: [email protected] dev: `now dev`
13 verbose stack Exit status 1
13 verbose stack     at EventEmitter.<anonymous> (/Users/keslert/Library/Caches/co.zeit.fun/runtimes/nodejs8.10/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:285:16)
13 verbose stack     at emitTwo (events.js:126:13)
13 verbose stack     at EventEmitter.emit (events.js:214:7)
13 verbose stack     at ChildProcess.<anonymous> (/Users/keslert/Library/Caches/co.zeit.fun/runtimes/nodejs8.10/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14)
13 verbose stack     at emitTwo (events.js:126:13)
13 verbose stack     at ChildProcess.emit (events.js:214:7)
13 verbose stack     at maybeClose (internal/child_process.js:925:16)
13 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:209:5)
14 verbose pkgid [email protected]
15 verbose cwd /Users/keslert/Projects/og-image
16 verbose Darwin 18.0.0
17 verbose argv "/Users/keslert/Library/Caches/co.zeit.fun/runtimes/nodejs8.10/bin/node" "/Users/keslert/Library/Caches/co.zeit.fun/runtimes/nodejs8.10/bin/npm" "run" "dev"
18 verbose node v8.10.0
19 verbose npm  v5.6.0
20 error code ELIFECYCLE
21 error errno 1
22 error [email protected] dev: `now dev`
22 error Exit status 1
23 error Failed at the [email protected] dev script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]

I've tested now dev on a few other example projects and it is working just fine.

Can't run locally with command "vercel dev" or deploy with command "vercel"

I am referring to Deploy your own for the setup.
However, when I tried to run localy with "vercel dev" and answer a few questions, I get the following error.
Error! queryA EREFUSED api.vercel.com

How to Reproduce

• Fork vercel/og-image
• Clone repo to my local machine with git clone URL_OF_FORKED_REPO_HERE
• Change directory with cd og-image
• Remove all configuration inside vercel.json besides rewrites
• Run vercel dev and answering a few questions, I get the following error!
  Error! queryA EREFUSED api.vercel.com

I have confirmed that vercel is installed globally and logged in correctly.
Thanks for reading.

Add multiple images with a plus sign

We need to be able to make multiple images with a plus like this

Use drop down for first image

We don’t want any image, just give a few options in a drop down. Then the second image can be free form.

Add index page & favicon

We need an index page with some fancy reactive dot-dom to handle changing the image query string from #4

Build failing using 'now'

I had modified this project for personal use and I'm running into an issue deploying. It was working fine 2 days ago but now the build process seems to be failing. I double checked by cloning the project again and deployed as is to make sure it wasn't something I changed that broke the process but still failed to build.

Any help would be greatly appreciated and if there's anything I can do let me know.

Here's a log of the error:

2019-02-14T03:03:19.879Z  Error: Hash: 2cf57fd116a7714e0a31
                          Version: webpack 5.0.0-alpha.9
                          Time: 8839ms
                          Built at: 2019-02-14 03:03:19
                                                             Asset       Size  Chunks  Chunk Names
                                                  Inter-Bold.woff2   93.7 KiB
                                               Inter-Regular.woff2   87.1 KiB
                                       bin/chromium-72.0.3617.0.br   34.2 MiB
                                                    iltorb/LICENSE   1.13 KiB
                                 iltorb/build/bindings/iltorb.node    782 KiB
                                                          index.js   1.12 MiB   {404}  main
                                    puppeteer-core/CONTRIBUTING.md   8.15 KiB
                                            puppeteer-core/LICENSE   11.1 KiB
                                          puppeteer-core/README.md     18 KiB
                                       puppeteer-core/package.json   3.25 KiB
                                             source/iltorb/LICENSE   1.13 KiB
                          source/iltorb/build/bindings/iltorb.node    782 KiB
                                                 source/index.d.ts  399 bytes
                          Entrypoint main = index.js
                           [64] external "util" 42 bytes {404} [built]
                           [66] external "fs" 42 bytes {404} [built]
                           [77] external "url" 42 bytes {404} [built]
                          [211] /tmp/14a7711/user/src/card.ts 1.3 KiB {404} [not cacheable] [built]
                          [255] /tmp/14a7711/user/node_modules/puppeteer-core/index.js 1.15 KiB {404} [built]
                          [298] external "crypto" 42 bytes {404} [built]
                          [302] /tmp/14a7711/user/node_modules/marked/lib/marked.js 40.2 KiB {404} [built]
                          [394] /tmp/14a7711/user/src/file.ts 819 bytes {404} [not cacheable] [built]
                          [421] external "http" 42 bytes {404} [built]
                          [431] external "os" 42 bytes {404} [built]
                          [528] /tmp/14a7711/user/src/parser.ts 1.61 KiB {404} [not cacheable] [built]
                          [553] /tmp/14a7711/user/src/chromium.ts 710 bytes {404} [not cacheable] [built]
                          [554] /tmp/14a7711/user/src/template.ts 3.44 KiB {404} [not cacheable] [built]
                          [589] external "path" 42 bytes {404} [built]
                          [737] /tmp/14a7711/user/src/options.ts 857 bytes {404} [not cacheable] [built]
                              + 145 hidden modules

                          ERROR in /tmp/14a7711/user/node_modules/chrome-aws-lambda/source/index.js 167:6-67
                          Module not found: Error: Can't resolve '/tmp/14a7711/user/node_modules/chrome-aws-lambda/source/source/puppeteer/lib' in '/tmp/14a7711/user/node_modules/chrome-aws-lambda/source'
                           @ /tmp/14a7711/user/src/options.ts 6:44-72
                           @ /tmp/14a7711/user/src/chromium.ts 4:18-38
                           @ /tmp/14a7711/user/src/card.ts 5:19-40

                              at compiler.close.n (evalmachine.<anonymous>:3:1209802)
                              at _promise0.then._result0 (eval at create (evalmachine.<anonymous>:1:412160), <anonymous>:13:1)
                              at <anonymous>
2019-02-14T03:03:19.879Z  [now] patching https://api-sfo1.zeit.co/v2/now/deployments/dpl_32qLUeavgucEQmHzDWzVwK4bodPm/builds/bld_8kpub6gas with {"readyState":"ERROR","errorCode":"BUILD_FAILED_2"}

Possibly change default settings in `now.json`

Hi 👋🏻
Thank you for this service - it is really awesome 🎉 . I have one suggestion - is it possible to change default settings in now.json? I have those two lines in mind:
https://github.com/zeit/og-image/blob/master/now.json#L2
https://github.com/zeit/og-image/blob/master/now.json#L7

Yesterday I tried to run og-image on my free Zeit account and I have to change those settings (regions, memory). If you want I can prepare PR with changes either to now.json or maybe to readme with description what needs to be changed if developer has a free account. I have a question about memory setting too - lowering it to 1024 will cause some problems in the long run?

Frontend should allow arbitrary width/height values

Currently the frontend only allows a range of values in increments of 50. It would be nice to allow any number value, perhaps using an <input type="number" />.

Investigate replacing puppeteer with smaller alternative

We are bumping up against the 50MB limit when upgrading dependencies since chromium continues to get larger.
This was discovered in a PR that was bumping dependencies: #147
We could try using a different tool to reduce the size.

HTML => PNG

The developer authors HTML and we convert to PNG with a browser, for example:

• puppeteer-core + chrome-aws-lambda is approximately 55MB (and growing)
• playwright-core + playwright-aws-lambda is approximately 52MB (and growing)
• wkhtmltoimage is approximately 45MB, see how do I use AWS Lambda
  • This looks like its no longer maintained
• NetSurf is approximately 8MB
• Other lightweight browsers are worth investigating

SVG => PNG

The developer authors SVG and we convert to PNG with a library, for example:

• sharp is approximately 20MB
  • #181
• @resvg/resvg-js is approximately 3MB
  • #183
• @napi-rs/canvas is approximately 19MB demo
  • #182

Add dot-dom so image can be generated with UI

We need a nice UI with inputs and dropdowns so that the user can easily edit the generated image and get a URL.

We should use dot-dom: https://www.npmjs.com/package/dot-dom

[BUG] Forked the repo and got Object is possibly 'null' in api/_lib/parser.ts

I forked the repo as per the instructions in the README, and first ran into an issue where I couldn't now dev because my codebase isn't linked to a project on ZEIT Now.

I linked it, and then had to modify the now.json to reduce the memory to 1024 and remove the line with the regions set to ["all"].

Once doing that, I was able to push up to Now but got a build error. When trying locally, I ran into an issue with the pathname declaration in api/_lib/parser.ts.

Image attached below for reference. Perhaps I'm doing something wrong?

Also, if the above steps taken where necessary and not unique to just me, I'd love to help update the README.

Thanks.

Add querystring options for version, size, and icon

Maybe something like

/hello.png?v=1&size=24px&icon=now

/hello.png?v=2&size=16px&icon=zeit

Debounce changing inputs

• 150ms key debounce
• oninput reaction
• add a .loading class, which transitions into opacity 0.5
• if onerror triggers, render an error

Render faster

Keep a browser around in global scope so we can reuse the same instance and thus, faster rendering.

Fix non-ASCII characters

https://og-image.now.sh/it%20h%C3%A1s%20to%20be%20internation%C3%A1l.png

Minimum node version requirement

Is there a minimum node version requirement that should be added to the package.json to specify which versions of node this works with? Would it be a good idea to support the newest LTS version of Node or the oldest, or even older versions than that?

Could we get a CI build integrated with the repo to test this?

For instance

{
  "engines": {
    "node": "10.15.1",
    "npm": "6.4.1"
  }
}

Missing file extension should default to png

We don't need to make the user type .png suffix. Let's assume if there is no extension instead of error.

And maybe just fallback to png if there is an invalid extension provided.

Add local development guide

Seems like there is some creative proxying happening? It would be great to add a CONTRIBUTING.md or at local development guide for running both the app and image service at the same time

Error: EACCES: permission denied, open '/var/task/api/index.ts'

• Cloned repo
• Modified vercel.json config:

{
  "rewrites": [{ "source": "/(.+)", "destination": "/api" }]
}

• Deployed to vercel using now

When I visit the site (https://og-image-cpsxj0in2.vercel.app/), I get the following error:

[GET] /**Hello**%20World.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fassets%2Fdesign%2Fvercel-triangle-black.svg
10:04:15:44
2020-10-23T14:04:15.630Z	undefined	ERROR	Error: EACCES: permission denied, open '/var/task/api/index.ts'
    at Object.openSync (fs.js:462:3)
    at Object.readFileSync (fs.js:364:35)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1156:22)
    at Module.load (internal/modules/cjs/loader.js:985:32)
    at Function.Module._load (internal/modules/cjs/loader.js:878:14)
    at Module.require (internal/modules/cjs/loader.js:1025:19)
    at require (internal/modules/cjs/helpers.js:72:18)
    at /var/task/___now_launcher.js:26:28
    at Object.<anonymous> (/var/task/___now_launcher.js:74:7)
    at Module._compile (internal/modules/cjs/loader.js:1137:30) {
  errno: -13,
  syscall: 'open',
  code: 'EACCES',
  path: '/var/task/api/index.ts'
}
RequestId: 7ec58ba6-b77f-46db-9422-47788402a5c0 Error: Runtime exited with error: exit status 1
Runtime.ExitError

Seems to work fine locally. Any help would be greatly appreciate

Update docs re Node version

Seems like this must use Node 8.10 because of this dependency. Docs should mention that, painful to debug when upgrading to Node 10.