feat(renderer): renderer package

[therealtimhawkins]

PR for the renderer package to headlessly render projects.

Thought I would make a PR for this to get some feedback and make sure I've not been barking up the wrong tree 😅

I thought it would be a better idea to make the changes to the create package in a different PR.

Also, not sure how package deployments work in lerna but happy to update after feedback 👍

Changes:

1. The vite-plugin package is updated to load the renderer package when /project/renderer is visited.
2. The renderer package loads the renderer in puppeteer then renders to /output.

Closes #415

[aarthificial]

Since the renderer package provides its own editor, I think we can get away without modifying vite-plugin. Simply change renderer.html to editor.html and from main.ts export an editor function instead of render. Puppeteer can then simply visit /projectName.

[gmile]

Should this port number be configurable?

Not exactly sure if this is related, but I noticed that running npm run serve offers the following convenience: will start on port 9000, and if it's not available, use the next available e.g. 9001.

Perhaps the port number here could follow a similar approach?

[aarthificial]

Choosing the next available port is a Vite functionality. It will do it automatically.
Tho it may be a good idea to actually check what port Vite picked using:

server.httpServer.address().port

and redirect Puppeteer there.

Right now we're using a hardcoded 9000 which will work most of the time but will fail if something is already running on 9000.

[dcsan]

since this library is rendering to a canvas surface, is it not possible to just dump every frame to a file and then use something like ffmpeg to generate a video?

[aarthificial]

@dcsan This is a draft for #415 which aims to give people the ability to

render a project from a shell script or in CI, without a human to operate a web browser

We already have an ffmpeg exporter (It even comes preinstalled by default when bootstrapping a new project)
CLI rendering is agnostic of the exporter logic.