mirror of
https://github.com/SilenceLurker/ST-Amily2-Chat-Optimisation.git
synced 2026-06-07 08:15:50 +00:00
Update bindings.js
This commit is contained in:
GitHub
324
ui/bindings.js
324
ui/bindings.js
@@ -6,11 +6,13 @@ import { fetchSupportedModels } from "../core/api.js";
|
|||||||
|
|
||||||
import { setAvailableModels, populateModelDropdown, getLatestUpdateInfo } from "./state.js";
|
import { setAvailableModels, populateModelDropdown, getLatestUpdateInfo } from "./state.js";
|
||||||
import { fixCommand, testReplyChecker } from "../core/commands.js";
|
import { fixCommand, testReplyChecker } from "../core/commands.js";
|
||||||
|
import { createDrawer } from '../ui/drawer.js';
|
||||||
|
import { messageFormatting } from '/script.js';
|
||||||
|
|
||||||
export function bindModalEvents() {
|
export function bindModalEvents() {
|
||||||
const container = $("#amily2_drawer_content");
|
const container = $("#amily2_drawer_content").length ? $("#amily2_drawer_content") : $("#amily2_chat_optimiser");
|
||||||
|
|
||||||
if (container.data("events-bound")) return;
|
if (!container.length || container.data("events-bound")) return;
|
||||||
|
|
||||||
const snakeToCamel = (s) => s.replace(/_([a-z])/g, (g) => g[1].toUpperCase());
|
const snakeToCamel = (s) => s.replace(/_([a-z])/g, (g) => g[1].toUpperCase());
|
||||||
const updateAndSaveSetting = (key, value) => {
|
const updateAndSaveSetting = (key, value) => {
|
||||||
@@ -34,47 +36,46 @@ export function bindModalEvents() {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
container
|
container
|
||||||
.off("click.amily2.actions")
|
.off("click.amily2.actions")
|
||||||
.on(
|
.on(
|
||||||
"click.amily2.actions",
|
"click.amily2.actions",
|
||||||
"#amily2_refresh_models, #amily2_test, #amily2_fix_now",
|
"#amily2_refresh_models, #amily2_test, #amily2_fix_now",
|
||||||
async function () {
|
async function () {
|
||||||
if (!pluginAuthStatus.authorized) return;
|
if (!pluginAuthStatus.authorized) return;
|
||||||
const button = $(this);
|
const button = $(this);
|
||||||
const originalHtml = button.html();
|
const originalHtml = button.html();
|
||||||
button
|
button
|
||||||
.prop("disabled", true)
|
.prop("disabled", true)
|
||||||
.html('<i class="fas fa-spinner fa-spin"></i> 处理中');
|
.html('<i class="fas fa-spinner fa-spin"></i> 处理中');
|
||||||
try {
|
try {
|
||||||
switch (this.id) {
|
switch (this.id) {
|
||||||
case "amily2_refresh_models":
|
case "amily2_refresh_models":
|
||||||
const models = await fetchSupportedModels();
|
const models = await fetchSupportedModels();
|
||||||
if (models.length > 0) {
|
if (models.length > 0) {
|
||||||
setAvailableModels(models);
|
setAvailableModels(models);
|
||||||
localStorage.setItem(
|
localStorage.setItem(
|
||||||
"cached_models_amily2",
|
"cached_models_amily2",
|
||||||
JSON.stringify(models),
|
JSON.stringify(models),
|
||||||
);
|
);
|
||||||
populateModelDropdown();
|
populateModelDropdown();
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case "amily2_test":
|
case "amily2_test":
|
||||||
await testReplyChecker();
|
await testReplyChecker();
|
||||||
break;
|
break;
|
||||||
case "amily2_fix_now":
|
case "amily2_fix_now":
|
||||||
await fixCommand();
|
await fixCommand();
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error(`[Amily2-工部] 操作按钮 ${this.id} 执行失败:`, error);
|
console.error(`[Amily2-工部] 操作按钮 ${this.id} 执行失败:`, error);
|
||||||
toastr.error(`操作失败: ${error.message}`, "Amily2号");
|
toastr.error(`操作失败: ${error.message}`, "Amily2号");
|
||||||
} finally {
|
} finally {
|
||||||
button.prop("disabled", false).html(originalHtml);
|
button.prop("disabled", false).html(originalHtml);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|
||||||
container
|
container
|
||||||
.off("click.amily2.expand_editor")
|
.off("click.amily2.expand_editor")
|
||||||
@@ -106,138 +107,149 @@ export function bindModalEvents() {
|
|||||||
dialogElement[0].showModal();
|
dialogElement[0].showModal();
|
||||||
});
|
});
|
||||||
|
|
||||||
container
|
container
|
||||||
.off("click.amily2.update")
|
.off("click.amily2.update")
|
||||||
.on("click.amily2.update", "#amily2_update_button", function() {
|
.on("click.amily2.update", "#amily2_update_button", function() {
|
||||||
$("#amily2_update_indicator").hide();
|
$("#amily2_update_indicator").hide();
|
||||||
|
const updateInfo = getLatestUpdateInfo();
|
||||||
|
if (updateInfo && updateInfo.changelog) {
|
||||||
|
const formattedChangelog = messageFormatting(updateInfo.changelog);
|
||||||
|
|
||||||
const updateInfo = getLatestUpdateInfo();
|
|
||||||
if (updateInfo && updateInfo.changelog) {
|
const dialogHtml = `
|
||||||
const dialogHtml = `
|
|
||||||
<dialog class="popup wide_dialogue_popup">
|
<dialog class="popup wide_dialogue_popup">
|
||||||
<div class="popup-body">
|
<div class="popup-body">
|
||||||
<h3 style="margin-top:0; color: #eee; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 10px;"><i class="fas fa-bell" style="color: #ff9800;"></i> 帝国最新情报</h3>
|
<h3 style="margin-top:0; color: #eee; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 10px;"><i class="fas fa-bell" style="color: #ff9800;"></i> 帝国最新情报</h3>
|
||||||
<div class="popup-content" style="height: 60vh; overflow-y: auto; background: rgba(0,0,0,0.2); padding: 15px; border-radius: 5px; white-space: pre-wrap; font-family: 'Consolas', 'Monaco', monospace;">${updateInfo.changelog}</div>
|
<div class="popup-content" style="height: 60vh; overflow-y: auto; background: rgba(0,0,0,0.2); padding: 15px; border-radius: 5px;">
|
||||||
|
<div class="mes_text">${formattedChangelog}</div>
|
||||||
|
</div>
|
||||||
<div class="popup-controls"><div class="popup-button-ok menu_button menu_button_primary interactable">朕已阅</div></div>
|
<div class="popup-controls"><div class="popup-button-ok menu_button menu_button_primary interactable">朕已阅</div></div>
|
||||||
</div>
|
</dialog>`;
|
||||||
</dialog>`;
|
const dialogElement = $(dialogHtml).appendTo('body');
|
||||||
const dialogElement = $(dialogHtml).appendTo('body');
|
const closeDialog = () => { dialogElement[0].close(); dialogElement.remove(); };
|
||||||
const closeDialog = () => { dialogElement[0].close(); dialogElement.remove(); };
|
dialogElement.find('.popup-button-ok').on('click', closeDialog);
|
||||||
dialogElement.find('.popup-button-ok').on('click', closeDialog);
|
dialogElement[0].showModal();
|
||||||
dialogElement[0].showModal();
|
} else {
|
||||||
|
toastr.info("未能获取到云端情报，请稍后再试。", "情报部回报");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
} else {
|
container
|
||||||
toastr.info("未能获取到云端情报，请稍后再试。", "情报部回报");
|
.off("change.amily2.checkbox")
|
||||||
}
|
.on(
|
||||||
});
|
"change.amily2.checkbox",
|
||||||
|
'input[type="checkbox"][id^="amily2_"]',
|
||||||
|
function () {
|
||||||
|
if (!pluginAuthStatus.authorized) return;
|
||||||
|
const key = snakeToCamel(this.id.replace("amily2_", ""));
|
||||||
|
updateAndSaveSetting(key, this.checked);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
|
||||||
container
|
container
|
||||||
.off("change.amily2.checkbox")
|
.off("change.amily2.radio")
|
||||||
.on(
|
.on(
|
||||||
"change.amily2.checkbox",
|
"change.amily2.radio",
|
||||||
'input[type="checkbox"][id^="amily2_"]',
|
'input[type="radio"][name^="amily2_"]:not([name="amily2_icon_location"])', // 排除我们的特殊开关
|
||||||
function () {
|
function () {
|
||||||
if (!pluginAuthStatus.authorized) return;
|
if (!pluginAuthStatus.authorized) return;
|
||||||
const key = snakeToCamel(this.id.replace("amily2_", ""));
|
const key = snakeToCamel(this.name.replace("amily2_", ""));
|
||||||
updateAndSaveSetting(key, this.checked);
|
const value = $(`input[name="${this.name}"]:checked`).val();
|
||||||
},
|
updateAndSaveSetting(key, value);
|
||||||
);
|
},
|
||||||
|
);
|
||||||
|
|
||||||
|
container
|
||||||
|
.off("change.amily2.text")
|
||||||
|
.on("change.amily2.text", "#amily2_api_url, #amily2_api_key", function () {
|
||||||
|
if (!pluginAuthStatus.authorized) return;
|
||||||
|
const key = snakeToCamel(this.id.replace("amily2_", ""));
|
||||||
|
updateAndSaveSetting(key, this.value);
|
||||||
|
toastr.success(`配置 [${key}] 已自动保存!`, "Amily2号");
|
||||||
|
});
|
||||||
|
|
||||||
container
|
container
|
||||||
.off("change.amily2.radio")
|
.off("change.amily2.select")
|
||||||
.on(
|
.on("change.amily2.select", "select#amily2_model", function () {
|
||||||
"change.amily2.radio",
|
if (!pluginAuthStatus.authorized) return;
|
||||||
'input[type="radio"][name^="amily2_"]',
|
const key = snakeToCamel(this.id.replace("amily2_", ""));
|
||||||
function () {
|
updateAndSaveSetting(key, this.value);
|
||||||
if (!pluginAuthStatus.authorized) return;
|
populateModelDropdown();
|
||||||
const key = snakeToCamel(this.name.replace("amily2_", ""));
|
});
|
||||||
const value = $(`input[name="${this.name}"]:checked`).val();
|
|
||||||
updateAndSaveSetting(key, value);
|
|
||||||
},
|
|
||||||
);
|
|
||||||
|
|
||||||
container
|
container
|
||||||
.off("change.amily2.text")
|
.off("input.amily2.range")
|
||||||
.on("change.amily2.text", "#amily2_api_url, #amily2_api_key", function () {
|
.on(
|
||||||
if (!pluginAuthStatus.authorized) return;
|
"input.amily2.range",
|
||||||
const key = snakeToCamel(this.id.replace("amily2_", ""));
|
'input[type="range"][id^="amily2_"]',
|
||||||
updateAndSaveSetting(key, this.value);
|
function () {
|
||||||
toastr.success(`配置 [${key}] 已自动保存!`, "Amily2号");
|
if (!pluginAuthStatus.authorized) return;
|
||||||
});
|
const key = snakeToCamel(this.id.replace("amily2_", ""));
|
||||||
|
const value = this.id.includes("temperature")
|
||||||
|
? parseFloat(this.value)
|
||||||
|
: parseInt(this.value, 10);
|
||||||
|
$(`#${this.id}_value`).text(value);
|
||||||
|
updateAndSaveSetting(key, value);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
|
||||||
|
const promptMap = {
|
||||||
|
mainPrompt: "#amily2_main_prompt",
|
||||||
|
systemPrompt: "#amily2_system_prompt",
|
||||||
|
summarizationPrompt: "#amily2_summarization_prompt",
|
||||||
|
outputFormatPrompt: "#amily2_output_format_prompt",
|
||||||
|
};
|
||||||
|
const selector = "#amily2_prompt_selector";
|
||||||
|
const editor = "#amily2_unified_editor";
|
||||||
|
const unifiedSaveButton = "#amily2_unified_save_button";
|
||||||
|
|
||||||
container
|
function updateEditorView() {
|
||||||
.off("change.amily2.select")
|
if (!$(selector).length) return;
|
||||||
.on("change.amily2.select", "select#amily2_model", function () {
|
const selectedKey = $(selector).val();
|
||||||
if (!pluginAuthStatus.authorized) return;
|
if (!selectedKey) return;
|
||||||
const key = snakeToCamel(this.id.replace("amily2_", ""));
|
const content = extension_settings[extensionName][selectedKey] || "";
|
||||||
updateAndSaveSetting(key, this.value);
|
$(editor).val(content);
|
||||||
populateModelDropdown();
|
}
|
||||||
});
|
|
||||||
|
|
||||||
|
container
|
||||||
|
.off("change.amily2.prompt_selector")
|
||||||
|
.on("change.amily2.prompt_selector", selector, updateEditorView);
|
||||||
|
|
||||||
container
|
container
|
||||||
.off("input.amily2.range")
|
.off("click.amily2.unified_save")
|
||||||
.on(
|
.on("click.amily2.unified_save", unifiedSaveButton, function () {
|
||||||
"input.amily2.range",
|
const selectedKey = $(selector).val();
|
||||||
'input[type="range"][id^="amily2_"]',
|
if (!selectedKey) return;
|
||||||
function () {
|
const newContent = $(editor).val();
|
||||||
if (!pluginAuthStatus.authorized) return;
|
updateAndSaveSetting(selectedKey, newContent);
|
||||||
const key = snakeToCamel(this.id.replace("amily2_", ""));
|
toastr.success(`谕令 [${selectedKey}] 已镌刻!`, "Amily2号");
|
||||||
const value = this.id.includes("temperature")
|
});
|
||||||
? parseFloat(this.value)
|
|
||||||
: parseInt(this.value, 10);
|
|
||||||
$(`#${this.id}_value`).text(value);
|
|
||||||
updateAndSaveSetting(key, value);
|
|
||||||
},
|
|
||||||
);
|
|
||||||
|
|
||||||
|
container
|
||||||
|
.off("click.amily2.unified_restore")
|
||||||
|
.on("click.amily2.unified_restore", "#amily2_unified_restore_button", function () {
|
||||||
|
const selectedKey = $(selector).val();
|
||||||
|
if (!selectedKey) return;
|
||||||
|
const defaultValue = defaultSettings[selectedKey];
|
||||||
|
$(editor).val(defaultValue);
|
||||||
|
updateAndSaveSetting(selectedKey, defaultValue);
|
||||||
|
toastr.success(`谕令 [${selectedKey}] 已成功恢复为帝国初始蓝图。`, "Amily2号");
|
||||||
|
});
|
||||||
|
|
||||||
const promptMap = {
|
setTimeout(updateEditorView, 100);
|
||||||
mainPrompt: "#amily2_main_prompt",
|
|
||||||
systemPrompt: "#amily2_system_prompt",
|
|
||||||
summarizationPrompt: "#amily2_summarization_prompt",
|
|
||||||
outputFormatPrompt: "#amily2_output_format_prompt",
|
|
||||||
};
|
|
||||||
const selector = "#amily2_prompt_selector";
|
|
||||||
const editor = "#amily2_unified_editor";
|
|
||||||
const unifiedSaveButton = "#amily2_unified_save_button";
|
|
||||||
|
|
||||||
function updateEditorView() {
|
container.data("events-bound", true);
|
||||||
const selectedKey = $(selector).val();
|
|
||||||
if (!selectedKey) return;
|
|
||||||
const content = extension_settings[extensionName][selectedKey] || "";
|
|
||||||
$(editor).val(content);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
container
|
|
||||||
.off("change.amily2.prompt_selector")
|
|
||||||
.on("change.amily2.prompt_selector", selector, updateEditorView);
|
|
||||||
|
|
||||||
container
|
|
||||||
.off("click.amily2.unified_save")
|
|
||||||
.on("click.amily2.unified_save", unifiedSaveButton, function () {
|
|
||||||
const selectedKey = $(selector).val();
|
|
||||||
if (!selectedKey) return;
|
|
||||||
const newContent = $(editor).val();
|
|
||||||
updateAndSaveSetting(selectedKey, newContent);
|
|
||||||
toastr.success(`谕令 [${selectedKey}] 已镌刻!`, "Amily2号");
|
|
||||||
});
|
|
||||||
|
|
||||||
container
|
|
||||||
.off("click.amily2.unified_restore")
|
|
||||||
.on("click.amily2.unified_restore", "#amily2_unified_restore_button", function () {
|
|
||||||
const selectedKey = $(selector).val();
|
|
||||||
if (!selectedKey) return;
|
|
||||||
const defaultValue = defaultSettings[selectedKey];
|
|
||||||
$(editor).val(defaultValue);
|
|
||||||
updateAndSaveSetting(selectedKey, defaultValue);
|
|
||||||
toastr.success(`谕令 [${selectedKey}] 已成功恢复为帝国初始蓝图。`, "Amily2号");
|
|
||||||
});
|
|
||||||
|
|
||||||
setTimeout(updateEditorView, 100);
|
|
||||||
|
|
||||||
container.data("events-bound", true);
|
|
||||||
}
|
}
|
||||||
|
$(document).on('change', 'input[name="amily2_icon_location"]', function() {
|
||||||
|
if (!pluginAuthStatus.authorized) return;
|
||||||
|
const newLocation = $(this).val();
|
||||||
|
extension_settings[extensionName]['iconLocation'] = newLocation;
|
||||||
|
saveSettingsDebounced();
|
||||||
|
console.log(`[Amily-禁卫军] 收到迁都指令 -> ${newLocation}。圣意已存档。`);
|
||||||
|
toastr.info(`正在将帝国徽记迁往 [${newLocation === 'topbar' ? '顶栏' : '扩展区'}]...`, "迁都令", { timeOut: 2000 });
|
||||||
|
$('#amily2_main_drawer').remove();
|
||||||
|
$(document).off("mousedown.amily2Drawer");
|
||||||
|
$('#amily2_extension_frame').remove();
|
||||||
|
|
||||||
|
setTimeout(createDrawer, 50);
|
||||||
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user