Delete js directory
This commit is contained in:
Sam Khoze
@@ -1,213 +0,0 @@
|
|||||||
import { app } from "/scripts/app.js";
|
|
||||||
import { api } from "/scripts/api.js"
|
|
||||||
const MultilineSymbol = Symbol();
|
|
||||||
const MultilineResizeSymbol = Symbol();
|
|
||||||
|
|
||||||
function getStyles(name) {
|
|
||||||
//console.log("getStyles called " + name);
|
|
||||||
|
|
||||||
return api.fetchApi('/nsuite/styles')
|
|
||||||
.then(response => response.json())
|
|
||||||
.then(data => {
|
|
||||||
// Eseguire l'elaborazione dei dati
|
|
||||||
const styles = data.styles;
|
|
||||||
//console.log('Styles:', styles);
|
|
||||||
let positive_prompt = "";
|
|
||||||
let negative_prompt = "";
|
|
||||||
|
|
||||||
// Funzione per ottenere positive_prompt e negative_prompt dato il name
|
|
||||||
for (let i = 0; i < styles[0].length; i++) {
|
|
||||||
const style = styles[0][i];
|
|
||||||
if (style.name === name) {
|
|
||||||
positive_prompt = style.prompt;
|
|
||||||
negative_prompt = style.negative_prompt;
|
|
||||||
//console.log('Style:', style.name);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (positive_prompt !== "") {
|
|
||||||
//console.log("Positive prompt:", positive_prompt);
|
|
||||||
//console.log("Negative prompt:", negative_prompt);
|
|
||||||
return { positive_prompt: positive_prompt, negative_prompt: negative_prompt };
|
|
||||||
} else {
|
|
||||||
return { positive_prompt: "", negative_prompt: "" };
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.catch(error => {
|
|
||||||
console.error('Error:', error);
|
|
||||||
throw error; // Rilancia l'errore per consentire al chiamante di gestirlo
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function addStyles(name, positive_prompt, negative_prompt) {
|
|
||||||
return api.fetchApi('/nsuite/styles/add', {
|
|
||||||
method: 'POST',
|
|
||||||
headers: {
|
|
||||||
'Content-Type': 'application/json',
|
|
||||||
},
|
|
||||||
body: JSON.stringify({
|
|
||||||
name: name,
|
|
||||||
positive_prompt: positive_prompt,
|
|
||||||
negative_prompt: negative_prompt
|
|
||||||
}),
|
|
||||||
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateStyles(name, positive_prompt, negative_prompt) {
|
|
||||||
return api.fetchApi('/nsuite/styles/update', {
|
|
||||||
method: 'POST',
|
|
||||||
headers: {
|
|
||||||
'Content-Type': 'application/json',
|
|
||||||
},
|
|
||||||
body: JSON.stringify({
|
|
||||||
name: name,
|
|
||||||
positive_prompt: positive_prompt,
|
|
||||||
negative_prompt: negative_prompt
|
|
||||||
}),
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function removeStyles(name) {
|
|
||||||
//confirmation
|
|
||||||
let ok = confirm("Are you sure you want to remove this style?");
|
|
||||||
if (!ok) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
return api.fetchApi('/nsuite/styles/remove', {
|
|
||||||
method: 'POST',
|
|
||||||
headers: {
|
|
||||||
'Content-Type': 'application/json',
|
|
||||||
},
|
|
||||||
body: JSON.stringify({
|
|
||||||
name: name
|
|
||||||
}),
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
app.registerExtension({
|
|
||||||
name: "n.CLIPTextEncodeAdvancedNSuite",
|
|
||||||
async beforeRegisterNodeDef(nodeType, nodeData, app) {
|
|
||||||
|
|
||||||
const onAdded = nodeType.prototype.onAdded;
|
|
||||||
if (nodeData.name === "CLIPTextEncodeAdvancedNSuite [n-suite]") {
|
|
||||||
nodeType.prototype.onAdded = function () {
|
|
||||||
onAdded?.apply(this, arguments);
|
|
||||||
const styles = this.widgets.find((w) => w.name === "styles");
|
|
||||||
const p_prompt = this.widgets.find((w) => w.name === "positive_prompt");
|
|
||||||
const n_prompt = this.widgets.find((w) => w.name === "negative_prompt");
|
|
||||||
const cb = nodeData.callback;
|
|
||||||
let addedd_positive_prompt = "";
|
|
||||||
let addedd_negative_prompt = "";
|
|
||||||
styles.callback = function () {
|
|
||||||
let index = styles.options.values.indexOf(styles.value);
|
|
||||||
|
|
||||||
|
|
||||||
if (addedd_positive_prompt == "" && addedd_negative_prompt == "") {
|
|
||||||
getStyles(styles.options.values[index-1]).then(style_prompts => {
|
|
||||||
//wait 4 seconds
|
|
||||||
|
|
||||||
console.log(style_prompts);
|
|
||||||
|
|
||||||
addedd_positive_prompt = style_prompts.positive_prompt;
|
|
||||||
addedd_negative_prompt = style_prompts.negative_prompt;
|
|
||||||
//alert("Addedd positive prompt: " + addedd_positive_prompt + "\nAddedd negative prompt: " + addedd_negative_prompt);
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
let current_positive_prompt = p_prompt.value;
|
|
||||||
let current_negative_prompt = n_prompt.value;
|
|
||||||
|
|
||||||
getStyles(styles.value).then(style_prompts => {
|
|
||||||
//console.log(style_prompts)
|
|
||||||
|
|
||||||
if ((current_positive_prompt.trim() != addedd_positive_prompt.trim() || current_negative_prompt.trim() != addedd_negative_prompt.trim())) {
|
|
||||||
|
|
||||||
let ok = confirm("Style has been changed. Do you want to change style without saving?");
|
|
||||||
|
|
||||||
|
|
||||||
if (!ok) {
|
|
||||||
if (styles.value === styles.options.values[0]) {
|
|
||||||
value = styles.options.values[0];
|
|
||||||
}
|
|
||||||
styles.value = styles.options.values[index-1];
|
|
||||||
|
|
||||||
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// add the addedd prompt to the current prompt
|
|
||||||
p_prompt.value = style_prompts.positive_prompt;
|
|
||||||
n_prompt.value = style_prompts.negative_prompt;
|
|
||||||
|
|
||||||
|
|
||||||
addedd_positive_prompt = style_prompts.positive_prompt;
|
|
||||||
addedd_negative_prompt = style_prompts.negative_prompt;
|
|
||||||
if (cb) {
|
|
||||||
return cb.apply(this, arguments);
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.catch(error => {
|
|
||||||
console.error('Error:', error);
|
|
||||||
});
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
let savestyle;
|
|
||||||
let replacestyle;
|
|
||||||
let deletestyle;
|
|
||||||
|
|
||||||
|
|
||||||
// Create the button widget for selecting the files
|
|
||||||
savestyle = this.addWidget("button", "New", "image", () => {
|
|
||||||
////console.log("Save called");
|
|
||||||
//ask input name style
|
|
||||||
let inputName = prompt("Enter a name for the style:", styles.value);
|
|
||||||
if (inputName === null) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
addStyles(inputName, p_prompt.value, n_prompt.value);
|
|
||||||
// Add the file to the dropdown list and update the widget value
|
|
||||||
|
|
||||||
if (!styles.options.values.includes(inputName)) {
|
|
||||||
styles.options.values.push(inputName);
|
|
||||||
}
|
|
||||||
|
|
||||||
},{
|
|
||||||
cursor: "grab",
|
|
||||||
},);
|
|
||||||
replacestyle = this.addWidget("button", "Replace", "image", () => {
|
|
||||||
//console.log("Replace called");
|
|
||||||
updateStyles(styles.value, p_prompt.value, n_prompt.value);
|
|
||||||
},{
|
|
||||||
cursor: "grab",
|
|
||||||
},);
|
|
||||||
deletestyle = this.addWidget("button", "Delete", "image", () => {
|
|
||||||
//console.log("Delete called");
|
|
||||||
removeStyles(styles.value);
|
|
||||||
|
|
||||||
// Remove the file from the dropdown list
|
|
||||||
styles.options.values = styles.options.values.filter((value) => value !== styles.value);
|
|
||||||
},{
|
|
||||||
cursor: "grab",
|
|
||||||
},);
|
|
||||||
savestyle.serialize = false;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
},
|
|
||||||
});
|
|
||||||
@@ -1,44 +0,0 @@
|
|||||||
import { app } from "/scripts/app.js";
|
|
||||||
import { ComfyWidgets } from "/scripts/widgets.js";
|
|
||||||
|
|
||||||
app.registerExtension({
|
|
||||||
name: "n.DynamicPrompt",
|
|
||||||
async beforeRegisterNodeDef(nodeType, nodeData, app) {
|
|
||||||
|
|
||||||
if (nodeData.name === "DynamicPrompt") {
|
|
||||||
console.warn("DynamicPrompt detected")
|
|
||||||
|
|
||||||
const onExecuted = nodeType.prototype.onExecuted;
|
|
||||||
|
|
||||||
|
|
||||||
nodeType.prototype.onExecuted = function (message) {
|
|
||||||
onExecuted?.apply(this, arguments);
|
|
||||||
|
|
||||||
const pos_cached = this.widgets.findIndex((w) => w.name === "cached");
|
|
||||||
console.warn("value:"+pos_cached)
|
|
||||||
|
|
||||||
if (this.widgets) {
|
|
||||||
const pos_text = this.widgets.findIndex((w) => w.name === "text");
|
|
||||||
if (pos_text !== -1) {
|
|
||||||
for (let i = pos_text; i < this.widgets.length; i++) {
|
|
||||||
this.widgets[i].onRemove?.();
|
|
||||||
}
|
|
||||||
this.widgets.length = pos_text;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
if (this.widgets[pos_cached].value === "NO") {
|
|
||||||
|
|
||||||
const w = ComfyWidgets["STRING"](this, "text", ["STRING", { multiline: true }], app);
|
|
||||||
//random seed
|
|
||||||
var rnm = Math.floor(Math.random() * 10000)
|
|
||||||
w.widget.value = rnm;
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
}
|
|
||||||
},
|
|
||||||
});
|
|
||||||
@@ -1,323 +0,0 @@
|
|||||||
//extended_widgets.js
|
|
||||||
import { api } from "/scripts/api.js"
|
|
||||||
import { ComfyWidgets } from "/scripts/widgets.js";
|
|
||||||
|
|
||||||
const MultilineSymbol = Symbol();
|
|
||||||
const MultilineResizeSymbol = Symbol();
|
|
||||||
async function uploadFile(file, updateNode, node, pasted = false) {
|
|
||||||
const videoWidget = node.widgets.find((w) => w.name === "video");
|
|
||||||
|
|
||||||
|
|
||||||
try {
|
|
||||||
// Wrap file in formdata so it includes filename
|
|
||||||
const body = new FormData();
|
|
||||||
body.append("image", file);
|
|
||||||
if (pasted) {
|
|
||||||
body.append("subfolder", "pasted");
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
body.append("subfolder", "n-suite");
|
|
||||||
}
|
|
||||||
|
|
||||||
const resp = await api.fetchApi("/upload/image", {
|
|
||||||
method: "POST",
|
|
||||||
body,
|
|
||||||
});
|
|
||||||
|
|
||||||
if (resp.status === 200) {
|
|
||||||
const data = await resp.json();
|
|
||||||
// Add the file to the dropdown list and update the widget value
|
|
||||||
let path = data.name;
|
|
||||||
|
|
||||||
|
|
||||||
if (!videoWidget.options.values.includes(path)) {
|
|
||||||
videoWidget.options.values.push(path);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (updateNode) {
|
|
||||||
|
|
||||||
videoWidget.value = path;
|
|
||||||
if (data.subfolder) path = data.subfolder + "/" + path;
|
|
||||||
showVideoInput(path,node);
|
|
||||||
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
alert(resp.status + " - " + resp.statusText);
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
alert(error);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function addVideo(node, name,src, app,autoplay_value) {
|
|
||||||
const MIN_SIZE = 50;
|
|
||||||
|
|
||||||
function computeSize(size) {
|
|
||||||
try{
|
|
||||||
|
|
||||||
if (node.widgets[0].last_y == null) return;
|
|
||||||
|
|
||||||
let y = node.widgets[0].last_y;
|
|
||||||
let freeSpace = size[1] - y;
|
|
||||||
|
|
||||||
// Compute the height of all non customvideo widgets
|
|
||||||
let widgetHeight = 0;
|
|
||||||
const multi = [];
|
|
||||||
for (let i = 0; i < node.widgets.length; i++) {
|
|
||||||
const w = node.widgets[i];
|
|
||||||
if (w.type === "customvideo") {
|
|
||||||
multi.push(w);
|
|
||||||
} else {
|
|
||||||
if (w.computeSize) {
|
|
||||||
widgetHeight += w.computeSize()[1] + 4;
|
|
||||||
} else {
|
|
||||||
widgetHeight += LiteGraph.NODE_WIDGET_HEIGHT + 4;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// See how large each text input can be
|
|
||||||
freeSpace -= widgetHeight;
|
|
||||||
freeSpace /= multi.length + (!!node.imgs?.length);
|
|
||||||
|
|
||||||
if (freeSpace < MIN_SIZE) {
|
|
||||||
// There isnt enough space for all the widgets, increase the size of the node
|
|
||||||
freeSpace = MIN_SIZE;
|
|
||||||
node.size[1] = y + widgetHeight + freeSpace * (multi.length + (!!node.imgs?.length));
|
|
||||||
node.graph.setDirtyCanvas(true);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Position each of the widgets
|
|
||||||
for (const w of node.widgets) {
|
|
||||||
w.y = y;
|
|
||||||
if (w.type === "customvideo") {
|
|
||||||
y += freeSpace;
|
|
||||||
w.computedHeight = freeSpace - multi.length*4;
|
|
||||||
} else if (w.computeSize) {
|
|
||||||
y += w.computeSize()[1] + 4;
|
|
||||||
} else {
|
|
||||||
y += LiteGraph.NODE_WIDGET_HEIGHT + 4;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
node.inputHeight = freeSpace;
|
|
||||||
}catch(e){
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const widget = {
|
|
||||||
type: "customvideo",
|
|
||||||
name,
|
|
||||||
get value() {
|
|
||||||
return this.inputEl.value;
|
|
||||||
},
|
|
||||||
set value(x) {
|
|
||||||
this.inputEl.value = x;
|
|
||||||
},
|
|
||||||
draw: function (ctx, _, widgetWidth, y, widgetHeight) {
|
|
||||||
if (!this.parent.inputHeight) {
|
|
||||||
// If we are initially offscreen when created we wont have received a resize event
|
|
||||||
// Calculate it here instead
|
|
||||||
node.setSizeForImage?.();
|
|
||||||
|
|
||||||
}
|
|
||||||
const visible = app.canvas.ds.scale > 0.5 && this.type === "customvideo";
|
|
||||||
const margin = 10;
|
|
||||||
const elRect = ctx.canvas.getBoundingClientRect();
|
|
||||||
const transform = new DOMMatrix()
|
|
||||||
.scaleSelf(elRect.width / ctx.canvas.width, elRect.height / ctx.canvas.height)
|
|
||||||
.multiplySelf(ctx.getTransform())
|
|
||||||
.translateSelf(margin, margin + y);
|
|
||||||
|
|
||||||
const scale = new DOMMatrix().scaleSelf(transform.a, transform.d)
|
|
||||||
Object.assign(this.inputEl.style, {
|
|
||||||
transformOrigin: "0 0",
|
|
||||||
transform: scale,
|
|
||||||
left: `${transform.a + transform.e}px`,
|
|
||||||
top: `${transform.d + transform.f}px`,
|
|
||||||
width: `${widgetWidth - (margin * 2)}px`,
|
|
||||||
height: `${this.parent.inputHeight - (margin * 2)}px`,
|
|
||||||
position: "absolute",
|
|
||||||
background: (!node.color)?'':node.color,
|
|
||||||
color: (!node.color)?'':'white',
|
|
||||||
zIndex: app.graph._nodes.indexOf(node),
|
|
||||||
});
|
|
||||||
this.inputEl.hidden = !visible;
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
widget.inputEl = document.createElement("video");
|
|
||||||
|
|
||||||
|
|
||||||
// Set the video attributes
|
|
||||||
Object.assign(widget.inputEl, {
|
|
||||||
controls: true,
|
|
||||||
src: src,
|
|
||||||
poster: "",
|
|
||||||
width: 400,
|
|
||||||
height: 300,
|
|
||||||
loop: true,
|
|
||||||
muted: true,
|
|
||||||
autoplay: autoplay_value,
|
|
||||||
type : "video/mp4"
|
|
||||||
|
|
||||||
});
|
|
||||||
//widget.inputEl.classList.add("dididi");
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Add video element to the body
|
|
||||||
document.body.appendChild(widget.inputEl);
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
widget.parent = node;
|
|
||||||
document.body.appendChild(widget.inputEl);
|
|
||||||
|
|
||||||
node.addCustomWidget(widget);
|
|
||||||
|
|
||||||
app.canvas.onDrawBackground = function () {
|
|
||||||
// Draw node isnt fired once the node is off the screen
|
|
||||||
// if it goes off screen quickly, the input may not be removed
|
|
||||||
// this shifts it off screen so it can be moved back if the node is visible.
|
|
||||||
for (let n in app.graph._nodes) {
|
|
||||||
n = graph._nodes[n];
|
|
||||||
for (let w in n.widgets) {
|
|
||||||
let wid = n.widgets[w];
|
|
||||||
if (Object.hasOwn(wid, "inputEl")) {
|
|
||||||
wid.inputEl.style.left = -8000 + "px";
|
|
||||||
wid.inputEl.style.position = "absolute";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
node.onRemoved = function () {
|
|
||||||
// When removing this node we need to remove the input from the DOM
|
|
||||||
for (let y in this.widgets) {
|
|
||||||
if (this.widgets[y].inputEl) {
|
|
||||||
this.widgets[y].inputEl.remove();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
widget.onRemove = () => {
|
|
||||||
widget.inputEl?.remove();
|
|
||||||
|
|
||||||
// Restore original size handler if we are the last
|
|
||||||
if (!--node[MultilineSymbol]) {
|
|
||||||
node.onResize = node[MultilineResizeSymbol];
|
|
||||||
delete node[MultilineSymbol];
|
|
||||||
delete node[MultilineResizeSymbol];
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
if (node[MultilineSymbol]) {
|
|
||||||
node[MultilineSymbol]++;
|
|
||||||
} else {
|
|
||||||
node[MultilineSymbol] = 1;
|
|
||||||
const onResize = (node[MultilineResizeSymbol] = node.onResize);
|
|
||||||
|
|
||||||
node.onResize = function (size) {
|
|
||||||
|
|
||||||
computeSize(size);
|
|
||||||
// Call original resizer handler
|
|
||||||
if (onResize) {
|
|
||||||
onResize.apply(this, arguments);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
return { minWidth: 400, minHeight: 200, widget };
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
export function showVideoInput(name,node) {
|
|
||||||
const videoWidget = node.widgets.find((w) => w.name === "videoWidget");
|
|
||||||
const temp_web_url = node.widgets.find((w) => w.name === "local_url");
|
|
||||||
|
|
||||||
|
|
||||||
let folder_separator = name.lastIndexOf("/");
|
|
||||||
let subfolder = "n-suite";
|
|
||||||
if (folder_separator > -1) {
|
|
||||||
subfolder = name.substring(0, folder_separator);
|
|
||||||
name = name.substring(folder_separator + 1);
|
|
||||||
}
|
|
||||||
|
|
||||||
let url_video = api.apiURL(`/view?filename=${encodeURIComponent(name)}&type=input&subfolder=${subfolder}${app.getPreviewFormatParam()}`);
|
|
||||||
videoWidget.inputEl.src = url_video
|
|
||||||
temp_web_url.value = url_video
|
|
||||||
}
|
|
||||||
|
|
||||||
export function showVideoOutput(name,node) {
|
|
||||||
const videoWidget = node.widgets.find((w) => w.name === "videoOutWidget");
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
let folder_separator = name.lastIndexOf("/");
|
|
||||||
let subfolder = "n-suite/videos";
|
|
||||||
if (folder_separator > -1) {
|
|
||||||
subfolder = name.substring(0, folder_separator);
|
|
||||||
name = name.substring(folder_separator + 1);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
let url_video = api.apiURL(`/view?filename=${encodeURIComponent(name)}&type=output&subfolder=${subfolder}${app.getPreviewFormatParam()}`);
|
|
||||||
videoWidget.inputEl.src = url_video
|
|
||||||
|
|
||||||
return url_video;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
export const ExtendedComfyWidgets = {
|
|
||||||
...ComfyWidgets, // Copy all the functions from ComfyWidgets
|
|
||||||
|
|
||||||
VIDEO(node, inputName, inputData, src, app,type="input",autoplay_value=true) {
|
|
||||||
try {
|
|
||||||
const videoWidget = node.widgets.find((w) => w.name === "video");
|
|
||||||
const autoplay = node.widgets.find((w) => w.name === "autoplay");
|
|
||||||
const defaultVal = "";
|
|
||||||
let res;
|
|
||||||
res = addVideo(node, inputName, src, app,autoplay_value);
|
|
||||||
|
|
||||||
if (type == "input"){
|
|
||||||
|
|
||||||
const cb = node.callback;
|
|
||||||
videoWidget.callback = function () {
|
|
||||||
|
|
||||||
showVideoInput(videoWidget.value, node);
|
|
||||||
if (cb) {
|
|
||||||
return cb.apply(this, arguments);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
autoplay.callback = function () {
|
|
||||||
const videoWidgetz = node.widgets.find((w) => w.name === "videoWidget");
|
|
||||||
|
|
||||||
videoWidgetz.inputEl.autoplay = autoplay.value;
|
|
||||||
showVideoInput(videoWidget.value, node);
|
|
||||||
if (cb) {
|
|
||||||
return cb.apply(this, arguments);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (node.type =="LoadVideoAdvanced"){
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
return res;
|
|
||||||
}
|
|
||||||
catch (error) {
|
|
||||||
|
|
||||||
console.error("Errore in extended_widgets.js:", error);
|
|
||||||
throw error;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
};
|
|
||||||
@@ -1,43 +0,0 @@
|
|||||||
import { app } from "/scripts/app.js";
|
|
||||||
import { ComfyWidgets } from "/scripts/widgets.js";
|
|
||||||
|
|
||||||
app.registerExtension({
|
|
||||||
name: "n.GPTSampler",
|
|
||||||
async beforeRegisterNodeDef(nodeType, nodeData, app) {
|
|
||||||
|
|
||||||
if (nodeData.name === "GPT Sampler [n-suite]") {
|
|
||||||
console.warn("GPTSampler detected")
|
|
||||||
|
|
||||||
const onExecuted = nodeType.prototype.onExecuted;
|
|
||||||
|
|
||||||
nodeType.prototype.onExecuted = function (message) {
|
|
||||||
onExecuted?.apply(this, arguments);
|
|
||||||
|
|
||||||
const pos_cached = this.widgets.findIndex((w) => w.name === "cached");
|
|
||||||
console.warn("value:"+pos_cached)
|
|
||||||
|
|
||||||
if (this.widgets) {
|
|
||||||
const pos_text = this.widgets.findIndex((w) => w.name === "text");
|
|
||||||
if (pos_text !== -1) {
|
|
||||||
for (let i = pos_text; i < this.widgets.length; i++) {
|
|
||||||
this.widgets[i].onRemove?.();
|
|
||||||
}
|
|
||||||
this.widgets.length = pos_text;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
if (this.widgets[pos_cached].value === "NO") {
|
|
||||||
|
|
||||||
const w = ComfyWidgets["STRING"](this, "text", ["STRING", { multiline: true }], app);
|
|
||||||
//random seed
|
|
||||||
var rnm = Math.floor(Math.random() * 10000)
|
|
||||||
w.widget.value = rnm;
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
}
|
|
||||||
},
|
|
||||||
});
|
|
||||||
@@ -1,22 +0,0 @@
|
|||||||
import { $el } from "../../../scripts/ui.js";
|
|
||||||
|
|
||||||
function addStylesheet(url) {
|
|
||||||
if (url.endsWith(".js")) {
|
|
||||||
url = url.substr(0, url.length - 2) + "css";
|
|
||||||
}
|
|
||||||
$el("link", {
|
|
||||||
parent: document.head,
|
|
||||||
rel: "stylesheet",
|
|
||||||
type: "text/css",
|
|
||||||
href: url.startsWith("http") ? url : getUrl(url),
|
|
||||||
});
|
|
||||||
}
|
|
||||||
function getUrl(path, baseUrl) {
|
|
||||||
if (baseUrl) {
|
|
||||||
return new URL(path, baseUrl).toString();
|
|
||||||
} else {
|
|
||||||
return new URL("../" + path, import.meta.url).toString();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
addStylesheet(getUrl("styles.css", import.meta.url));
|
|
||||||
@@ -1,20 +0,0 @@
|
|||||||
textarea[placeholder="positive_prompt"] {
|
|
||||||
border: 1px solid #64d509;
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
textarea[placeholder="positive_prompt"]:focus-visible {
|
|
||||||
border: 1px solid #72eb0f;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
textarea[placeholder="negative_prompt"] {
|
|
||||||
border: 1px solid #a94442;
|
|
||||||
border-color: #a94442;
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea[placeholder="negative_prompt"]:focus-visible {
|
|
||||||
border: 1px solid #de5755;
|
|
||||||
border-color: #de5755;
|
|
||||||
}
|
|
||||||
@@ -1,142 +0,0 @@
|
|||||||
import { app } from "/scripts/app.js";
|
|
||||||
import { api } from "/scripts/api.js"
|
|
||||||
import { ExtendedComfyWidgets,showVideoInput } from "./extended_widgets.js";
|
|
||||||
const MultilineSymbol = Symbol();
|
|
||||||
const MultilineResizeSymbol = Symbol();
|
|
||||||
|
|
||||||
|
|
||||||
async function uploadFile(file, updateNode, node, pasted = false) {
|
|
||||||
const videoWidget = node.widgets.find((w) => w.name === "video");
|
|
||||||
|
|
||||||
|
|
||||||
try {
|
|
||||||
// Wrap file in formdata so it includes filename
|
|
||||||
const body = new FormData();
|
|
||||||
body.append("image", file);
|
|
||||||
if (pasted) {
|
|
||||||
body.append("subfolder", "pasted");
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
body.append("subfolder", "n-suite");
|
|
||||||
}
|
|
||||||
|
|
||||||
const resp = await api.fetchApi("/upload/image", {
|
|
||||||
method: "POST",
|
|
||||||
body,
|
|
||||||
});
|
|
||||||
|
|
||||||
if (resp.status === 200) {
|
|
||||||
const data = await resp.json();
|
|
||||||
// Add the file to the dropdown list and update the widget value
|
|
||||||
let path = data.name;
|
|
||||||
|
|
||||||
|
|
||||||
if (!videoWidget.options.values.includes(path)) {
|
|
||||||
videoWidget.options.values.push(path);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (updateNode) {
|
|
||||||
|
|
||||||
videoWidget.value = path;
|
|
||||||
if (data.subfolder) path = data.subfolder + "/" + path;
|
|
||||||
showVideoInput(path,node);
|
|
||||||
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
alert(resp.status + " - " + resp.statusText);
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
alert(error);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
let uploadWidget = "";
|
|
||||||
app.registerExtension({
|
|
||||||
name: "Comfy.VideoLoadAdvanced",
|
|
||||||
async beforeRegisterNodeDef(nodeType, nodeData, app) {
|
|
||||||
|
|
||||||
const onAdded = nodeType.prototype.onAdded;
|
|
||||||
if (nodeData.name === "LoadVideo [n-suite]") {
|
|
||||||
nodeType.prototype.onAdded = function () {
|
|
||||||
onAdded?.apply(this, arguments);
|
|
||||||
const temp_web_url = this.widgets.find((w) => w.name === "local_url");
|
|
||||||
const autoplay_value = this.widgets.find((w) => w.name === "autoplay");
|
|
||||||
|
|
||||||
|
|
||||||
let uploadWidget;
|
|
||||||
const fileInput = document.createElement("input");
|
|
||||||
Object.assign(fileInput, {
|
|
||||||
type: "file",
|
|
||||||
accept: "video/mp4,image/gif,video/webm",
|
|
||||||
style: "display: none",
|
|
||||||
onchange: async () => {
|
|
||||||
if (fileInput.files.length) {
|
|
||||||
await uploadFile(fileInput.files[0], true,this);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
});
|
|
||||||
document.body.append(fileInput);
|
|
||||||
// Create the button widget for selecting the files
|
|
||||||
uploadWidget = this.addWidget("button", "choose file to upload", "image", () => {
|
|
||||||
fileInput.click();
|
|
||||||
},{
|
|
||||||
cursor: "grab",
|
|
||||||
},);
|
|
||||||
uploadWidget.serialize = false;
|
|
||||||
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
ExtendedComfyWidgets["VIDEO"](this, "videoWidget", ["STRING"], temp_web_url.value, app,"input", autoplay_value.value);
|
|
||||||
|
|
||||||
}, 100);
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
nodeType.prototype.onDragOver = function (e) {
|
|
||||||
if (e.dataTransfer && e.dataTransfer.items) {
|
|
||||||
const image = [...e.dataTransfer.items].find((f) => f.kind === "file");
|
|
||||||
return !!image;
|
|
||||||
}
|
|
||||||
|
|
||||||
return false;
|
|
||||||
};
|
|
||||||
|
|
||||||
// On drop upload files
|
|
||||||
nodeType.prototype.onDragDrop = function (e) {
|
|
||||||
console.log("onDragDrop called");
|
|
||||||
let handled = false;
|
|
||||||
for (const file of e.dataTransfer.files) {
|
|
||||||
if (file.type.startsWith("video/mp4")) {
|
|
||||||
|
|
||||||
const filePath = file.path || (file.webkitRelativePath || '').split('/').slice(1).join('/');
|
|
||||||
|
|
||||||
|
|
||||||
uploadFile(file, !handled,this ); // Dont await these, any order is fine, only update on first one
|
|
||||||
|
|
||||||
handled = true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return handled;
|
|
||||||
};
|
|
||||||
|
|
||||||
nodeType.prototype.pasteFile = function(file) {
|
|
||||||
if (file.type.startsWith("video/mp4")) {
|
|
||||||
|
|
||||||
//uploadFile(file, true, is_pasted);
|
|
||||||
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
},
|
|
||||||
});
|
|
||||||
@@ -1,87 +0,0 @@
|
|||||||
import { app } from "/scripts/app.js";
|
|
||||||
import { api } from "/scripts/api.js"
|
|
||||||
import { ExtendedComfyWidgets,showVideoOutput } from "./extended_widgets.js";
|
|
||||||
const MultilineSymbol = Symbol();
|
|
||||||
const MultilineResizeSymbol = Symbol();
|
|
||||||
|
|
||||||
|
|
||||||
async function uploadFile(file, updateNode, node, pasted = false) {
|
|
||||||
const videoWidget = node.widgets.find((w) => w.name === "video");
|
|
||||||
|
|
||||||
|
|
||||||
try {
|
|
||||||
// Wrap file in formdata so it includes filename
|
|
||||||
const body = new FormData();
|
|
||||||
body.append("image", file);
|
|
||||||
if (pasted) {
|
|
||||||
body.append("subfolder", "pasted");
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
body.append("subfolder", "n-suite");
|
|
||||||
}
|
|
||||||
|
|
||||||
const resp = await api.fetchApi("/upload/image", {
|
|
||||||
method: "POST",
|
|
||||||
body,
|
|
||||||
});
|
|
||||||
|
|
||||||
if (resp.status === 200) {
|
|
||||||
const data = await resp.json();
|
|
||||||
// Add the file to the dropdown list and update the widget value
|
|
||||||
let path = data.name;
|
|
||||||
|
|
||||||
|
|
||||||
if (!videoWidget.options.values.includes(path)) {
|
|
||||||
videoWidget.options.values.push(path);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (updateNode) {
|
|
||||||
// showVideo(path,node);
|
|
||||||
videoWidget.value = path;
|
|
||||||
if (data.subfolder) path = data.subfolder + "/" + path;
|
|
||||||
showVideo(path,node);
|
|
||||||
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
alert(resp.status + " - " + resp.statusText);
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
alert(error);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
let uploadWidget = "";
|
|
||||||
app.registerExtension({
|
|
||||||
name: "Comfy.VideoSave",
|
|
||||||
async beforeRegisterNodeDef(nodeType, nodeData, app) {
|
|
||||||
|
|
||||||
const onExecuted = nodeType.prototype.onExecuted;
|
|
||||||
|
|
||||||
|
|
||||||
const onAdded = nodeType.prototype.onAdded;
|
|
||||||
if (nodeData.name === "DeepFuze Save") {
|
|
||||||
nodeType.prototype.onAdded = function () {
|
|
||||||
|
|
||||||
ExtendedComfyWidgets["VIDEO"](this, "videoOutWidget", ["STRING"], "", app,"output");
|
|
||||||
|
|
||||||
};
|
|
||||||
nodeType.prototype.onExecuted = function (message) {
|
|
||||||
onExecuted?.apply(this, arguments);
|
|
||||||
console.log(nodeData)
|
|
||||||
|
|
||||||
let full_path="";
|
|
||||||
|
|
||||||
for (const list of message.text) {
|
|
||||||
full_path = list;
|
|
||||||
}
|
|
||||||
|
|
||||||
let fullweb= showVideoOutput(full_path,this)
|
|
||||||
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
},
|
|
||||||
});
|
|
||||||
Reference in New Issue
Block a user