Resizable Image Previews

[joeyballentine]

Self explanatory. Closes #782

Decisions I had to make:

• It now only encodes the largest image preview, up to 2048x resolution. Maybe in the future we could make this value customizable for performance or something.
• Outputs can now save their size in nodeState

[RunDevelopment]

It now only encodes the largest image preview, up to 2048x resolution.

This is a big issue, because it will noticeably degrade performance on non-high-end devices. Why did you remove that anyway?

[joeyballentine]

Why did you remove that anyway?

Because the size of the image itself is now more than just a display thing. If you make the node full res and the UI switches it to the smaller image, it'll shrink the image being displayed.

I'm not sure how to get around that besides always stretching the image to the bounds of the node, which I'm not sure could be made to retain aspect ratio. I'm open to suggestions

[joeyballentine]

I did figure out how to get around that btw. It works pretty well now

[RunDevelopment]

Code looks good. Just a few questions.

[RunDevelopment]

Found some bugs:

1. Resizing when snap to grid is enabled: With 16px grid size, you cannot resize the image preview back to its smallest size.
2. Output sizes are not saved.

[joeyballentine]

Resizing when snap to grid is enabled: With 16px grid size, you cannot resize the image preview back to its smallest size.

I don't think this is something I can really fix. There's actually a bunch of issues with snap to grid all around chaiNNer, like iterator child nodes popping out of the iterator container. IMO this is a non-issue and the real issue is we need to better support snap to grid somehow