It can be useful to paste images from the clipboard directly into the node graph.
This commit modifies copy and paste handling to support this.
When an image file is found in the clipboard, we check whether an image node is selected.
If so, paste the image into that node. Otherwise, a new node is created.
If no image data are found in the clipboard, we call the original Litegraph paste.
To ensure that onCopy and onPaste events are fired, we override Litegraph's ctrl+c and ctrl+v handling.
Try to detect whether the pasted image is a real file on disk, or just pixel data copied from e.g. Photoshop.
Pasted pixel data will be called 'image.png' and have a creation time of now.
If it is simply pasted data, we store it in the subfolder /input/clipboard/.
This also adds support for the subfolder property in the IMAGEUPLOAD widget.
This enables local reverse-proxies to host ComfyUI on a path, eg "http://example.com/ComfyUI/" in such a way that at least everything I tested works. Without this patch, proxying ComfyUI in this way will yield errors.
* To reduce bandwidth traffic in a remote environment, a lossy compression-based preview mode is provided for displaying simple visualizations in node-based widgets.
* Added 'preview=[image format]' option to the '/view' API.
* Updated node to use preview for displaying images as widgets.
* Excluded preview usage in the open image, save image, mask editor where the original data is required.
* Made preview_format parameterizable for extensibility.
* default preview format changed: jpeg -> webp
* Support advanced preview_format option.
- grayscale option for visual debugging
- quality option for aggressive reducing
L?;format;quality?
ex)
jpeg => rgb, jpeg, quality 90
L;webp;80 => grayscale, webp, quality 80
L;png => grayscale, png, quality 90
webp;50 => rgb, webp, quality 50
* move comment
* * add settings for preview_format
* default value is ''(= don't reencode)
---------
Co-authored-by: Lt.Dr.Data <lt.dr.data@gmail.com>
* Add clipspace feature.
* feat: copy content to clipspace
* feat: paste content from clipspace
Extend validation to allow for validating annotated_path in addition to other parameters.
Add support for annotated_filepath in folder_paths function.
Generalize the '/upload/image' API to allow for uploading images to the 'input', 'temp', or 'output' directories.
* rename contentClipboard -> clipspace
* Do deep copy for imgs on copy to clipspace.
* mask painting on clipspace
* add original_imgs into clipspace
* Preserve the original image when 'imgs' are modified
* robust patch & refactoring folder_paths about annotated_filepath
* wip
* Only show the Paste menu if the ComfyApp.clipspace is not empty
* clipspace feature added
maskeditor feature added
* instant refresh on paste
force triggering 'changed' on paste action
* enhance mask painting
smooth drawing
add brush_size +/- button
* robust patch
use mouseup event
* robust patch
again...
* subfolder fix on paste logic
attach subfolder if subfolder isn't empty
* event listener patch
add ], [ key event for brush size
remove listener on close
* Fix button positioning issue related to window height.
Change brush size from button to slider.
* clean commit
* clean code
* various bug fixes
* paste action
- prevent opening upload popup
- ensure rendering after widget_value update
* view api update
- support annotated_filepath
* maskeditor layout
- prevent covering button by hidden div
* remove dbg message
* Add cursor functionality to display brush size
* refactor: Replace brush preview feature with missionfloyd implementation
* missionfloyd implementation
* hiding brush preview off the canvas
* change brush size on wheel event
* keyup -> keydown event
* Update web/extensions/core/maskeditor.js
Co-authored-by: missionfloyd <missionfloyd@users.noreply.github.com>
* Add support for channel-specific image data retrieval in /view API to fix alpha mask loading issue
When loading an image with an alpha mask in JavaScript canvas, there is an issue where the alpha and RGB channels are premultiplied. To avoid reliance on JavaScript canvas, I added support for channel-specific image data retrieval in the "/view" API. This allows us to retrieve data for each channel separately and fix the alpha mask loading issue. The changes have been committed to the repository.
* Enable brush preview for key and slider events
* optimize
* preview fix
* robust patch
* fix copy (clipspace) action
imgs[0] copy -> whole imgs copy
* support batch images on clipspace, maskeditor
* copy/paste bug fixes for batch images
enhance selector preview on clipspace menu
add img_paste_mode option into clipspace menu
* crash fix
* print message if clipspace content cannot editable
* Update web/extensions/core/maskeditor.js
Co-authored-by: missionfloyd <missionfloyd@users.noreply.github.com>
* make default img_paste_mode to 'selected'
refactor space -> tab
* save clipspace files to input/clipspace instead of temp
* show "clipspace/filename.png" instead of 'filename.png [clipspace]' in LoadImage/LoadImageMask
* refresh fix related to FILE_COMBO
* Update web/extensions/core/maskeditor.js
Co-authored-by: missionfloyd <missionfloyd@users.noreply.github.com>
* Update web/extensions/core/maskeditor.js
Co-authored-by: missionfloyd <missionfloyd@users.noreply.github.com>
* adjust margin based on missionfloyd impelements
* mouse event -> pointer event
* pen, touch, mouse drawing patched and tested
* Update web/extensions/core/maskeditor.js
Co-authored-by: missionfloyd <missionfloyd@users.noreply.github.com>
* add comment about touch event.
---------
Co-authored-by: Lt.Dr.Data <lt.dr.data@gmail.com>
Co-authored-by: missionfloyd <missionfloyd@users.noreply.github.com>
comfyanonymous
City
Chris
MoonRide303
Michael Abrahams
Dr.Lt.Data
Guillaume Faguet
Alex "mcmonkey" Goodwin
Dr.Lt.Data
malern
pythongosssss
Jake D
FizzleDorf
Guo Y.K
m957ymj75urz