Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Import images

See original GitHub issue

Just in case someone wants to work on this, the implementation should have these attributes:

Technical

The image source data (the base64 or whatever format) shouldn’t be stored in elements array, but live in a separate data structure (likely in appState.images).
The image source will be linked to an element (of {type: "image"} or something) that will live in elements — this element will be used for manipulation, and act as a normal element would.
In collab, the image source shouldn’t be synced more than once per session. Only the element in elements array should be synced freely as we normally do with other elements.
~~The image source should be compressed (using pako zlib library we’re already using for something else) before syncing/storing to database. Note, we’re talking about a lossless compression, but~~ EDIT: gzipping the image will actually offer almost no benefits, so let’s not do that. But we’ll want to serialize to binary string instead of base64 (which is inefficient). But we may also consider lossy compression (thus encode as JPG).
There should be a limit on individual size, and likely a limit on total images per scene.
When persisting the image to server (e.g. for collab scenes), we’re currently using Firebase Firestore, which has 1MB size limit on documents. So we’ll need to persist the images to separate Firestore documents, or preferably to Firebase Storage which is more suited for resources such as images (it also has better pricing per GB).

UI

For the first iterration we don’t want any UI changes and adding images should happen with drag and drop (and maybe in the context menu to support mobile)
Show additional information in stats
- Total number of images
- Total size of images
- When selecting an image or two… show their size.