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.
Similar to fixes in litegraph.js editor demo:
3ef215cf11/editor/js/code.js (L19-L28)
Also workarounds to address viewpoint problem of lightgrapgh.js in DPI scaling scenario.
Fixes#161
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.
The created checkpoints contain workflow metadata that can be loaded by
dragging them on top of the UI or loading them with the "Load" button.
Checkpoints will be saved in fp16 or fp32 depending on the format ComfyUI
is using for inference on your hardware. To force fp32 use: --force-fp32
Anything that patches the model weights like merging or loras will be
saved.
The output directory is currently set to: output/checkpoints but that might
change in the future.
* support preview mode for mask editor.
* use original file reference instead of loaded frontend blob
bugfix:
* prevent file open dialog when save to load image
* bugfix: cannot clear previous mask painted image's alpha
* bugfix
* bugfix
---------
Co-authored-by: Lt.Dr.Data <lt.dr.data@gmail.com>
* 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 "Open in MaskEditor" to context menu
* change save button name to 'Save to node' if open in node.
clear clipspace_return_node after auto paste
* * leak patch: prevent infinite duplication of MaskEditorDialog instance on every dialog open
* prevent conflict of multiple opening of MaskEditorDialog
* name of save button fix
* patch: brushPreview hiding by dialog
* consider close by 'esc' key on maskeditor.
* bugfix about last patch
* patch: invalid close detection
* 'enter' key as save action
* * batch support enhance
- pick index based on imageIndex on copy action
* paste fix on batch image node
* typo
---------
Co-authored-by: Lt.Dr.Data <lt.dr.data@gmail.com>
* allow nodes to map over lists
* make work with IS_CHANGED and VALIDATE_INPUTS
* give list outputs distinct socket shape
* add rebatch node
* add batch index logic
* add repeat latent batch
* deal with noise mask edge cases in latentfrombatch
* 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>
* 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.
* add original_imgs into clipspace
* Preserve the original image when 'imgs' are modified
* robust patch & refactoring folder_paths about annotated_filepath
* Only show the Paste menu if the ComfyApp.clipspace is not empty
* instant refresh on paste
force triggering 'changed' on paste action
* subfolder fix on paste logic
attach subfolder if subfolder isn't empty
---------
Co-authored-by: Lt.Dr.Data <lt.dr.data@gmail.com>
Michael Poutre
comfyanonymous
Michael Abrahams
Chris
ncpt
pythongosssss
Huang-Huang Bao
Alex "mcmonkey" Goodwin
Dr.Lt.Data
Dr.Lt.Data
space-nuko
Lt.Dr.Data
malern
BlenderNeko