98 lines
3.0 KiB
JavaScript
98 lines
3.0 KiB
JavaScript
const { extensionClient } = require('./client.js');
|
|
const extension = require("./extension_grpc_web_pb.js");
|
|
|
|
const { renderForm } = require('./formRenderer.js');
|
|
const { listExtensions } = require('./extensionList.js');
|
|
var currentExtensionId=undefined;
|
|
function openExtensionPage(extensionId) {
|
|
currentExtensionId=extensionId;
|
|
$("#extension-list-container").hide();
|
|
$("#extension-page-container").show();
|
|
$("#connection-page").hide();
|
|
connect()
|
|
}
|
|
|
|
function connect() {
|
|
const request = new extension.ExtensionRequest();
|
|
request.setExtensionId(currentExtensionId);
|
|
|
|
const stream = extensionClient.connect(request, {});
|
|
|
|
stream.on('data', (response) => {
|
|
console.log('Receving ',response);
|
|
if (response.getExtensionId() === currentExtensionId) {
|
|
ui=JSON.parse(response.getJsonUi())
|
|
if(response.getType()== proto.hiddifyrpc.ExtensionResponseType.SHOW_DIALOG) {
|
|
renderForm(ui, "dialog",handleSubmitButtonClick,handleCancelButtonClick,undefined);
|
|
}else{
|
|
renderForm(ui, "",handleSubmitButtonClick,handleCancelButtonClick,handleStopButtonClick);
|
|
}
|
|
|
|
|
|
}
|
|
});
|
|
|
|
stream.on('error', (err) => {
|
|
console.error('Error opening extension page:', err);
|
|
// openExtensionPage(extensionId);
|
|
});
|
|
|
|
stream.on('end', () => {
|
|
console.log('Stream ended');
|
|
setTimeout(connect, 1000);
|
|
|
|
});
|
|
}
|
|
|
|
async function handleSubmitButtonClick(event) {
|
|
event.preventDefault();
|
|
bootstrap.Modal.getOrCreateInstance("#extension-dialog").hide();
|
|
const formData = new FormData(event.target.closest('form'));
|
|
const request = new extension.ExtensionRequest();
|
|
const datamap=request.getDataMap()
|
|
formData.forEach((value, key) => {
|
|
datamap.set(key,value);
|
|
});
|
|
request.setExtensionId(currentExtensionId);
|
|
|
|
try {
|
|
await extensionClient.submitForm(request, {});
|
|
console.log('Form submitted successfully.');
|
|
} catch (err) {
|
|
console.error('Error submitting form:', err);
|
|
}
|
|
}
|
|
|
|
async function handleCancelButtonClick(event) {
|
|
event.preventDefault();
|
|
const request = new extension.ExtensionRequest();
|
|
request.setExtensionId(currentExtensionId);
|
|
|
|
try {
|
|
bootstrap.Modal.getOrCreateInstance("#extension-dialog").hide();
|
|
|
|
await extensionClient.cancel(request, {});
|
|
console.log('Extension cancelled successfully.');
|
|
} catch (err) {
|
|
console.error('Error cancelling extension:', err);
|
|
}
|
|
}
|
|
|
|
async function handleStopButtonClick(event) {
|
|
event.preventDefault();
|
|
const request = new extension.ExtensionRequest();
|
|
request.setExtensionId(currentExtensionId);
|
|
|
|
try {
|
|
await extensionClient.stop(request, {});
|
|
console.log('Extension stopped successfully.');
|
|
currentExtensionId = undefined;
|
|
listExtensions(); // Return to the extension list
|
|
} catch (err) {
|
|
console.error('Error stopping extension:', err);
|
|
}
|
|
}
|
|
|
|
|
|
|
|
module.exports = { openExtensionPage }; |