alphard/Bjornulf_custom_nodes
1
0
Fork 0
mirror of https://github.com/justUmen/Bjornulf_custom_nodes.git synced 2026-03-21 20:52:11 -03:00
Code Issues Packages Projects Releases Wiki Activity

...

Browse Source
This commit is contained in:
justumen
2024-11-02 18:41:13 +01:00
parent c9e4ad2e68
commit 74f801d62a
24 changed files with 1672 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
web/js/pass_preview_image.js.txt Normal file
View File

@@ -0,0 +1,72 @@
import { app } from "../../../scripts/app.js";
import { api } from "../../../scripts/api.js";
app.registerExtension({
name: "Bjornulf.PassPreviewImage",
async nodeCreated(node) {
if (node.comfyClass === "Bjornulf_PassPreviewImage") {
const showImage = (name) => {
console.log("name:" + name);
const img = new Image();
img.onload = () => {
node.imgs = [img];
imageWidget.value = img.src;
app.graph.setDirtyCanvas(true);
};
img.src = api.apiURL(`/view?filename=output/tmp_preview.png&type=output&rand=${Math.random()}`);
node.setSizeForImage?.();
};
showImage();
// Set up a method to update the image
node.updatePreviewImage = showImage;
// Override the onExecuted method to update the image after each execution
const originalOnExecuted = node.onExecuted;
node.onExecuted = function(message) {
if (originalOnExecuted) {
originalOnExecuted.call(this, message);
}
this.updatePreviewImage();
};
}
}
});
// app.registerExtension({
// name: "Bjornulf.PassPreviewImage",
// async nodeCreated(node) {
// if (node.comfyClass === "Bjornulf_PassPreviewImage") {
// const showImage = () => {
// const img = new Image();
// img.onload = () => {
// node.imgs = [img];
// if (node.widgets) {
// const imageWidget = node.widgets.find(w => w.name === "image");
// if (imageWidget) {
// imageWidget.value = img.src;
// }
// }
// app.graph.setDirtyCanvas(true);
// };
// // img.src = api.apiURL(`/view?filename=output/tmp_preview.png&rand=${Math.random()}`);
// img.src = api.apiURL(`/view?filename=output/tmp_preview.png&type=output&rand=${Math.random()}`);
// // node.setSizeForImage?.();
// };
// // Initial image load
// showImage();
// Set up a method to update the image
// node.updatePreviewImage = showImage;
// // Override the onExecuted method to update the image after each execution
// const originalOnExecuted = node.onExecuted;
// node.onExecuted = function(message) {
// if (originalOnExecuted) {
// originalOnExecuted.call(this, message);
// }
// this.updatePreviewImage();
// };
// }
// }
// });