🐛 Copy sketches files into src folder

It's impossible to read files in serverless functions from outside the src folder. I've tried a lot of things, including various import workarounds and converting the api route into a separate lambda. This is the most elegant solution for now.

See:
- vercel/next.js#8251
- vercel/next.js#8251 (comment)
- vercel/vercel#3083 (comment)

.gitignore

@@ -10,7 +10,7 @@
 
 # production
 /build
-/public/sketches
+/src/.temp
 
 # misc
 .DS_Store

package.json

@@ -9,7 +9,7 @@
     "start": "next start",
     "lint": "eslint . --ext .ts,.tsx",
     "type-check": "tsc --noEmit",
-    "vercel-build": "yum install libuuid-devel libmount-devel zlib-devel && cp /lib64/{libuuid,libmount,libblkid}.so.1 node_modules/canvas/build/Release/ && npm run build"
+    "vercel-build": "yum install libuuid-devel libmount-devel zlib-devel && cp /lib64/{libuuid,libmount,libblkid}.so.1 node_modules/canvas/build/Release/ && mkdir -p src/.temp/sketches && cp -r sketches/ src/.temp && npm run build"
   },
   "engines": {
     "node": "12.x"

src/pages/api/preview/[sketch].ts

@@ -23,7 +23,7 @@ type Res = NodeJS.WritableStream & {
 const handler = async (req: Req, res: Res) => {
   res.setHeader('content-type', 'image/png')
 
-  const { settings, design, DesignNoiseSeeds, cut, CutNoiseSeeds } = await import(`../../../../sketches/${req.query.sketch || '001'}/index.ts`)
+  const { settings, design, DesignNoiseSeeds, cut, CutNoiseSeeds } = await import(`.temp/sketches/${req.query.sketch || '001'}/index.ts`)
 
   const canvasWidth = req.query.width ? parseInt(req.query.width) : 200
   const queryDesignSeeds = req.query.designSeeds ? req.query.designSeeds.split(',') : []