|
let promptTokenCountUpdateFunctions = {}; |
|
|
|
function update_txt2img_tokens(...args) { |
|
|
|
update_token_counter("txt2img_token_button"); |
|
update_token_counter("txt2img_negative_token_button"); |
|
if (args.length == 2) { |
|
return args[0]; |
|
} |
|
return args; |
|
} |
|
|
|
function update_img2img_tokens(...args) { |
|
|
|
update_token_counter("img2img_token_button"); |
|
update_token_counter("img2img_negative_token_button"); |
|
if (args.length == 2) { |
|
return args[0]; |
|
} |
|
return args; |
|
} |
|
|
|
function update_token_counter(button_id) { |
|
promptTokenCountUpdateFunctions[button_id]?.(); |
|
} |
|
|
|
|
|
function recalculatePromptTokens(name) { |
|
promptTokenCountUpdateFunctions[name]?.(); |
|
} |
|
|
|
function recalculate_prompts_txt2img() { |
|
|
|
recalculatePromptTokens('txt2img_prompt'); |
|
recalculatePromptTokens('txt2img_neg_prompt'); |
|
return Array.from(arguments); |
|
} |
|
|
|
function recalculate_prompts_img2img() { |
|
|
|
recalculatePromptTokens('img2img_prompt'); |
|
recalculatePromptTokens('img2img_neg_prompt'); |
|
return Array.from(arguments); |
|
} |
|
|
|
function setupTokenCounting(id, id_counter, id_button) { |
|
var prompt = gradioApp().getElementById(id); |
|
var counter = gradioApp().getElementById(id_counter); |
|
var textarea = gradioApp().querySelector(`#${id} > label > textarea`); |
|
|
|
if (counter.parentElement == prompt.parentElement) { |
|
return; |
|
} |
|
|
|
prompt.parentElement.insertBefore(counter, prompt); |
|
prompt.parentElement.style.position = "relative"; |
|
|
|
var func = onEdit(id, textarea, 800, function() { |
|
if (counter.classList.contains("token-counter-visible")) { |
|
gradioApp().getElementById(id_button)?.click(); |
|
} |
|
}); |
|
promptTokenCountUpdateFunctions[id] = func; |
|
promptTokenCountUpdateFunctions[id_button] = func; |
|
} |
|
|
|
function toggleTokenCountingVisibility(id, id_counter, id_button) { |
|
var counter = gradioApp().getElementById(id_counter); |
|
|
|
counter.style.display = opts.disable_token_counters ? "none" : "block"; |
|
counter.classList.toggle("token-counter-visible", !opts.disable_token_counters); |
|
} |
|
|
|
function runCodeForTokenCounters(fun) { |
|
fun('txt2img_prompt', 'txt2img_token_counter', 'txt2img_token_button'); |
|
fun('txt2img_neg_prompt', 'txt2img_negative_token_counter', 'txt2img_negative_token_button'); |
|
fun('img2img_prompt', 'img2img_token_counter', 'img2img_token_button'); |
|
fun('img2img_neg_prompt', 'img2img_negative_token_counter', 'img2img_negative_token_button'); |
|
} |
|
|
|
onUiLoaded(function() { |
|
runCodeForTokenCounters(setupTokenCounting); |
|
}); |
|
|
|
onOptionsChanged(function() { |
|
runCodeForTokenCounters(toggleTokenCountingVisibility); |
|
}); |
|
|