a.tolmachev
758 lines
28 KiB
JavaScript
758 lines
28 KiB
JavaScript
function tKey(key) {
|
||
return typeof t === 'function' ? t(key) : key;
|
||
}
|
||
function tfKey(key, vars) {
|
||
return typeof tf === 'function' ? tf(key, vars) : key;
|
||
}
|
||
var TOTAL_STEPS = window.CrankWizardShell.TOTAL_STEPS;
|
||
var loadProtocolCapabilities = window.CrankWizardState.loadProtocolCapabilities;
|
||
var currentProtocolCapabilities = window.CrankWizardState.currentProtocolCapabilities;
|
||
var loadStep = window.CrankWizardShell.loadStep;
|
||
var goToStep = window.CrankWizardShell.goToStep;
|
||
var _doGoToStep = window.CrankWizardShell.doGoToStep;
|
||
var loadWizardPanels = window.CrankWizardShell.loadWizardPanels;
|
||
var bindProtocolCards = window.CrankWizardShell.bindProtocolCards;
|
||
var step3PanelId = window.CrankWizardShell.step3PanelId;
|
||
var bindStreamingConfigControls = window.CrankStreamingForm.bindStreamingConfigControls;
|
||
var collectStreamingConfig = window.CrankStreamingForm.collectStreamingConfig;
|
||
var applyStreamingConfig = window.CrankStreamingForm.applyStreamingConfig;
|
||
var currentStep = window.currentStep;
|
||
var wizardProtocol = window.wizardProtocol;
|
||
var wizardMode = window.wizardMode;
|
||
var wizardEditId = window.wizardEditId;
|
||
var wizardWorkspaceId = window.wizardWorkspaceId;
|
||
var wizardCurrentOperation = window.wizardCurrentOperation;
|
||
var wizardCurrentVersion = window.wizardCurrentVersion;
|
||
var wizardProtoUpload = window.wizardProtoUpload;
|
||
var wizardDescriptorSetUpload = window.wizardDescriptorSetUpload;
|
||
var wizardSoapWsdlUpload = window.wizardSoapWsdlUpload;
|
||
var wizardSoapXsdUpload = window.wizardSoapXsdUpload;
|
||
var wizardTestResponsePreview = window.wizardTestResponsePreview;
|
||
var grpcDescriptorServices = window.grpcDescriptorServices;
|
||
var soapServiceCatalog = window.soapServiceCatalog;
|
||
var wizardProtocolCapabilities = window.wizardProtocolCapabilities;
|
||
var wizardSecrets = window.wizardSecrets;
|
||
var wizardAuthProfiles = window.wizardAuthProfiles;
|
||
var selectedUpstreamId = window.selectedUpstreamId;
|
||
var editingUpstreamId = window.editingUpstreamId;
|
||
var protoParsed = window.protoParsed;
|
||
var selectedRpcMethod = window.selectedRpcMethod;
|
||
|
||
async function initWizardPage() {
|
||
renderSidebarBrand('create');
|
||
document.querySelector('.btn-continue').addEventListener('click', function() {
|
||
if (currentStep < TOTAL_STEPS) {
|
||
goToStep(currentStep + 1);
|
||
} else {
|
||
saveOperation();
|
||
}
|
||
});
|
||
|
||
document.querySelector('.btn-back').addEventListener('click', function() {
|
||
if (!this.disabled && currentStep > 1) goToStep(currentStep - 1);
|
||
});
|
||
|
||
document.querySelectorAll('.step-item').forEach(function(item, i) {
|
||
item.addEventListener('click', function() { goToStep(i + 1); });
|
||
});
|
||
|
||
var backToCatalog = document.getElementById('back-to-catalog');
|
||
if (backToCatalog) {
|
||
backToCatalog.addEventListener('click', function() {
|
||
window.location.href = (window.CrankRoutes && window.CrankRoutes.home) || '/';
|
||
});
|
||
}
|
||
|
||
var closeBtn = document.querySelector('.progress-close');
|
||
if (closeBtn) {
|
||
closeBtn.addEventListener('click', function() {
|
||
window.location.href = (window.CrankRoutes && window.CrankRoutes.home) || '/';
|
||
});
|
||
}
|
||
|
||
var saveDraftBtn = document.querySelector('.btn-save-draft');
|
||
if (saveDraftBtn) {
|
||
saveDraftBtn.addEventListener('click', function() {
|
||
saveOperation(true);
|
||
});
|
||
}
|
||
|
||
await (window.whenWorkspacesReady ? window.whenWorkspacesReady() : Promise.resolve());
|
||
var workspace = window.getCurrentWorkspace ? window.getCurrentWorkspace() : null;
|
||
wizardWorkspaceId = workspace ? workspace.id : null;
|
||
await loadProtocolCapabilities();
|
||
|
||
await loadWizardPanels([1, 2, 3, 4, 5]);
|
||
await loadWizardAuthResources();
|
||
bindProtocolCards();
|
||
bindWizardLiveActions();
|
||
bindStreamingConfigControls();
|
||
updateUpstreamAuthUi();
|
||
|
||
var quickSecretModal = document.getElementById('quick-secret-modal');
|
||
var quickSecretClose = document.getElementById('quick-secret-close-btn');
|
||
var quickSecretCancel = document.getElementById('quick-secret-cancel-btn');
|
||
var quickSecretSubmit = document.getElementById('quick-secret-submit-btn');
|
||
if (quickSecretClose) quickSecretClose.addEventListener('click', closeQuickSecretModal);
|
||
if (quickSecretCancel) quickSecretCancel.addEventListener('click', closeQuickSecretModal);
|
||
if (quickSecretModal) {
|
||
quickSecretModal.addEventListener('click', function(event) {
|
||
if (event.target === quickSecretModal) closeQuickSecretModal();
|
||
});
|
||
}
|
||
if (quickSecretSubmit) {
|
||
quickSecretSubmit.addEventListener('click', async function() {
|
||
var button = quickSecretSubmit;
|
||
var original = button.textContent;
|
||
button.disabled = true;
|
||
button.textContent = tKey('wizard.step2.quick_secret_submit');
|
||
try {
|
||
await submitQuickSecret();
|
||
} catch (error) {
|
||
if (window.CrankUi) {
|
||
window.CrankUi.error(
|
||
error.message || tKey('wizard.toast.quick_secret_error_title'),
|
||
tKey('wizard.toast.quick_secret_error_title')
|
||
);
|
||
}
|
||
} finally {
|
||
button.disabled = false;
|
||
button.textContent = original;
|
||
}
|
||
});
|
||
}
|
||
|
||
var params = new URLSearchParams(window.location.search);
|
||
if (params.get('mode') === 'edit' && params.get('operationId')) {
|
||
wizardMode = 'edit';
|
||
wizardEditId = params.get('operationId');
|
||
document.title = 'Crank — ' + tKey('wizard.progress.edit');
|
||
await loadOperationForEdit();
|
||
}
|
||
|
||
updateWizardProtocolVisibility();
|
||
_doGoToStep(1);
|
||
}
|
||
|
||
if (window.CrankDiagnostics && typeof window.CrankDiagnostics.bootstrap === 'function') {
|
||
window.CrankDiagnostics.bootstrap('wizard', initWizardPage);
|
||
} else {
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
void initWizardPage();
|
||
});
|
||
}
|
||
|
||
|
||
/* ── HTTP method picker (Step 4 REST) ── */
|
||
|
||
var METHOD_CALLOUTS = {
|
||
GET: null,
|
||
DELETE: null,
|
||
POST: { icon: 'info', text: { en: { title: 'POST selected — body encoding required.', body: 'In step 4 you will define the JSON schema for the body payload. Crank will automatically serialize MCP tool arguments into the format you specify.' }, ru: { title: 'Выбран POST — требуется кодирование тела запроса.', body: 'На шаге 4 вы зададите JSON-схему для body payload. Crank автоматически сериализует аргументы MCP-инструмента в выбранный формат.' } } },
|
||
PUT: { icon: 'info', text: { en: { title: 'PUT selected — full-resource replacement.', body: 'The request body must contain a complete resource representation. Define the body schema in step 4.' }, ru: { title: 'Выбран PUT — полная замена ресурса.', body: 'Request body должен содержать полное представление ресурса. Задайте body schema на шаге 4.' } } },
|
||
PATCH: { icon: 'info', text: { en: { title: 'PATCH selected — partial update.', body: 'Only include the fields you want to modify in the body schema defined in step 4.' }, ru: { title: 'Выбран PATCH — частичное обновление.', body: 'В body schema на шаге 4 включайте только те поля, которые хотите изменить.' } } },
|
||
};
|
||
|
||
function renderSidebarBrand(mode) {
|
||
var sidebarBrand = document.querySelector('.step-sidebar-brand');
|
||
if (!sidebarBrand) return;
|
||
var language = localStorage.getItem('crank_lang') || 'en';
|
||
var parts;
|
||
if (mode === 'edit') {
|
||
parts = language === 'ru'
|
||
? { prefix: 'Редактировать ', suffix: 'операцию' }
|
||
: { prefix: 'Edit ', suffix: 'operation' };
|
||
} else {
|
||
parts = language === 'ru'
|
||
? { prefix: 'Создать ', suffix: 'операцию' }
|
||
: { prefix: 'Create ', suffix: 'operation' };
|
||
}
|
||
sidebarBrand.dataset.wizardBrand = mode;
|
||
sidebarBrand.textContent = parts.prefix;
|
||
var accent = document.createElement('span');
|
||
accent.textContent = parts.suffix;
|
||
sidebarBrand.appendChild(accent);
|
||
}
|
||
|
||
window.addEventListener('crank:langchange', function() {
|
||
renderSidebarBrand(wizardMode === 'edit' ? 'edit' : 'create');
|
||
});
|
||
|
||
function selectMethod(btn) {
|
||
document.querySelectorAll('.method-card').forEach(function(b) { b.classList.remove('active'); });
|
||
btn.classList.add('active');
|
||
var method = btn.dataset.method;
|
||
var callout = document.getElementById('method-callout-rest');
|
||
if (!callout) return;
|
||
var info = METHOD_CALLOUTS[method];
|
||
if (info) {
|
||
var lang = localStorage.getItem('crank_lang') || 'en';
|
||
var text = typeof info.text === 'string' ? info.text : (info.text[lang] || info.text.en);
|
||
callout.innerHTML = '';
|
||
var icon = buildIconSvg(
|
||
(window.APP_BASE || '') + 'icons/general/info-circle.svg#icon',
|
||
15,
|
||
15
|
||
);
|
||
icon.style.flexShrink = '0';
|
||
icon.style.color = 'var(--accent)';
|
||
callout.appendChild(icon);
|
||
|
||
var content = document.createElement('span');
|
||
var title = document.createElement('strong');
|
||
title.textContent = text.title;
|
||
content.appendChild(title);
|
||
content.appendChild(document.createTextNode(' ' + text.body));
|
||
callout.appendChild(content);
|
||
callout.hidden = false;
|
||
} else {
|
||
callout.hidden = true;
|
||
}
|
||
}
|
||
|
||
/* ── GraphQL operation type picker (Step 4 GraphQL) ── */
|
||
|
||
function selectGqlType(btn) {
|
||
document.querySelectorAll('.gql-type-card').forEach(function(b) { b.classList.remove('active'); });
|
||
btn.classList.add('active');
|
||
// Update query editor placeholder if it's still the default
|
||
var editor = document.getElementById('gql-query-editor');
|
||
if (!editor) return;
|
||
var type = btn.dataset.gqlType;
|
||
var defaults = {
|
||
query: 'query GetContact($id: ID!) {\n contact(id: $id) {\n id\n firstName\n lastName\n email\n company {\n id\n name\n }\n createdAt\n }\n}',
|
||
mutation: 'mutation CreateContact(\n $firstName: String!\n $lastName: String!\n $email: String!\n $company: String\n) {\n createContact(input: {\n firstName: $firstName\n lastName: $lastName\n email: $email\n company: $company\n }) {\n id\n firstName\n lastName\n createdAt\n }\n}'
|
||
};
|
||
if (defaults[type]) editor.value = defaults[type];
|
||
}
|
||
|
||
function escapeHtml(str) {
|
||
return String(str).replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'"');
|
||
}
|
||
|
||
// Close dropdown on outside click
|
||
document.addEventListener('click', function() {
|
||
if (dropdownOpen) closeUpstreamDropdown();
|
||
});
|
||
|
||
|
||
/* ══════════════════════════════════════════════
|
||
gRPC — source selector
|
||
══════════════════════════════════════════════ */
|
||
|
||
var grpcSource = 'proto'; // 'proto' | 'reflection' | 'manual'
|
||
|
||
function textValue(id) {
|
||
var element = document.getElementById(id);
|
||
return element ? element.value.trim() : '';
|
||
}
|
||
|
||
function setValue(id, value) {
|
||
var element = document.getElementById(id);
|
||
if (element) element.value = value || '';
|
||
}
|
||
|
||
function parseStructuredText(text) {
|
||
if (!text.trim()) return {};
|
||
try {
|
||
return JSON.parse(text);
|
||
} catch (_error) {
|
||
if (!window.jsyaml) throw new Error(tKey('wizard.error.parser_unavailable'));
|
||
return window.jsyaml.load(text) || {};
|
||
}
|
||
}
|
||
|
||
function buildToolDescription() {
|
||
return {
|
||
title: textValue('tool-title') || textValue('tool-display-name') || textValue('tool-name'),
|
||
description: textValue('tool-description'),
|
||
tags: [],
|
||
examples: [],
|
||
};
|
||
}
|
||
|
||
function collectWizardPayload() {
|
||
var name = textValue('tool-name');
|
||
if (!name) throw new Error(tKey('wizard.error.tool_name'));
|
||
|
||
var inputSchemaValue = parseStructuredText(textValue('tool-input-schema'));
|
||
var outputSchemaValue = parseStructuredText(textValue('tool-output-schema'));
|
||
var inputMappingValue = parseStructuredText(textValue('tool-input-mapping'));
|
||
var outputMappingValue = parseStructuredText(textValue('tool-output-mapping'));
|
||
|
||
return {
|
||
name: name,
|
||
display_name: textValue('tool-display-name') || name,
|
||
category: 'general',
|
||
protocol: wizardProtocol,
|
||
target: buildTarget(),
|
||
input_schema: convertJsonSchemaToCrankSchema(inputSchemaValue, []),
|
||
output_schema: convertJsonSchemaToCrankSchema(outputSchemaValue, []),
|
||
input_mapping: buildMappingSet(inputMappingValue, 'input'),
|
||
output_mapping: buildMappingSet(outputMappingValue, 'output'),
|
||
execution_config: parseExecutionConfig(textValue('tool-exec-config')),
|
||
tool_description: buildToolDescription(),
|
||
};
|
||
}
|
||
|
||
async function saveOperation(stayOnPage) {
|
||
try {
|
||
await persistCurrentDraft(stayOnPage);
|
||
} catch (error) {
|
||
if (window.CrankUi) {
|
||
window.CrankUi.error(error.message || tKey('wizard.error.save'), tKey('wizard.error.save_title'));
|
||
}
|
||
}
|
||
}
|
||
|
||
async function loadOperationForEdit() {
|
||
if (!wizardWorkspaceId || !wizardEditId) return;
|
||
var detail = await window.CrankApi.getOperation(wizardWorkspaceId, wizardEditId);
|
||
wizardProtocol = detail.protocol || 'rest';
|
||
await loadWizardPanels([3]);
|
||
var draftVersion = await window.CrankApi.getOperationVersion(
|
||
wizardWorkspaceId,
|
||
wizardEditId,
|
||
detail.draft_version_ref.version
|
||
);
|
||
wizardCurrentOperation = detail;
|
||
wizardCurrentVersion = draftVersion;
|
||
prefillWizardFromEdit(detail, draftVersion);
|
||
}
|
||
|
||
function setEditModePresentation() {
|
||
var progressLabel = document.querySelector('.progress-label');
|
||
if (progressLabel) progressLabel.textContent = tKey('wizard.progress.edit');
|
||
renderSidebarBrand('edit');
|
||
}
|
||
|
||
function selectProtocol(protocol) {
|
||
wizardProtocol = protocol || 'rest';
|
||
document.querySelectorAll('.protocol-card').forEach(function(card) {
|
||
var proto = card.dataset.protocol
|
||
|| (card.classList.contains('rest')
|
||
? 'rest'
|
||
: card.classList.contains('graphql')
|
||
? 'graphql'
|
||
: card.classList.contains('grpc')
|
||
? 'grpc'
|
||
: card.classList.contains('websocket')
|
||
? 'websocket'
|
||
: card.classList.contains('soap')
|
||
? 'soap'
|
||
: 'rest');
|
||
var selected = proto === wizardProtocol;
|
||
card.classList.toggle('selected', selected);
|
||
card.setAttribute('aria-checked', selected ? 'true' : 'false');
|
||
});
|
||
var s3name = document.getElementById('sidebar-step-3-name');
|
||
if (s3name) {
|
||
var step3Labels = window.CrankWizardState.step3Labels();
|
||
s3name.textContent = step3Labels[wizardProtocol] || tKey('wizard.step3.rest.label');
|
||
}
|
||
updateWizardProtocolVisibility();
|
||
}
|
||
|
||
function bindWizardLiveActions() {
|
||
bindLiveAction('wizard-upload-input-sample', tKey('wizard.busy.input_sample'), uploadInputSampleFromWizard);
|
||
bindLiveAction('wizard-upload-output-sample', tKey('wizard.busy.output_sample'), uploadOutputSampleFromWizard);
|
||
bindLiveAction('wizard-generate-draft', tKey('wizard.busy.generate'), generateDraftFromWizard);
|
||
bindLiveAction('wizard-run-test', tKey('wizard.busy.test'), runWizardTest);
|
||
bindClick('wizard-copy-test-response', copyTestResponseToOutputSample);
|
||
bindLiveAction('wizard-export-yaml', tKey('wizard.busy.export_yaml'), exportWizardYaml);
|
||
bindLiveAction('wizard-import-yaml', tKey('wizard.busy.import_yaml'), importWizardYaml);
|
||
bindLiveAction('wizard-publish-operation', tKey('wizard.busy.publish'), publishWizardOperation);
|
||
bindClick('wizard-select-descriptor-set', function() {
|
||
var input = document.getElementById('wizard-descriptor-set-input');
|
||
if (input) input.click();
|
||
});
|
||
bindLiveAction('wizard-upload-descriptor-set', tKey('wizard.busy.descriptor'), uploadDescriptorSetAndDiscover);
|
||
bindClick('wizard-select-soap-wsdl', function() {
|
||
var input = document.getElementById('wizard-soap-wsdl-input');
|
||
if (input) input.click();
|
||
});
|
||
bindClick('wizard-select-soap-xsd', function() {
|
||
var input = document.getElementById('wizard-soap-xsd-input');
|
||
if (input) input.click();
|
||
});
|
||
bindLiveAction('wizard-upload-soap-contracts', tKey('wizard.busy.wsdl'), uploadSoapArtifactsAndInspect);
|
||
bindClick('wizard-import-yaml-file-trigger', function() {
|
||
var input = document.getElementById('wizard-import-yaml-file');
|
||
if (input) input.click();
|
||
});
|
||
|
||
var descriptorInput = document.getElementById('wizard-descriptor-set-input');
|
||
if (descriptorInput) descriptorInput.addEventListener('change', handleDescriptorSetSelection);
|
||
var soapWsdlInput = document.getElementById('wizard-soap-wsdl-input');
|
||
if (soapWsdlInput) soapWsdlInput.addEventListener('change', handleSoapWsdlSelection);
|
||
var soapXsdInput = document.getElementById('wizard-soap-xsd-input');
|
||
if (soapXsdInput) soapXsdInput.addEventListener('change', handleSoapXsdSelection);
|
||
|
||
var yamlInput = document.getElementById('wizard-import-yaml-file');
|
||
if (yamlInput) yamlInput.addEventListener('change', handleImportYamlFileSelection);
|
||
}
|
||
|
||
function bindClick(id, handler) {
|
||
var element = document.getElementById(id);
|
||
if (!element) return;
|
||
element.addEventListener('click', function(event) {
|
||
event.preventDefault();
|
||
handler();
|
||
});
|
||
}
|
||
|
||
function bindLiveAction(id, busyLabel, handler) {
|
||
var element = document.getElementById(id);
|
||
if (!element) return;
|
||
element.addEventListener('click', function(event) {
|
||
event.preventDefault();
|
||
runWizardLiveAction(element, busyLabel, handler);
|
||
});
|
||
}
|
||
|
||
async function runWizardLiveAction(button, busyLabel, handler) {
|
||
if (!button || button.dataset.busy === 'true') {
|
||
return;
|
||
}
|
||
|
||
var originalLabel = button.textContent;
|
||
button.dataset.busy = 'true';
|
||
button.disabled = true;
|
||
button.classList.add('is-busy');
|
||
button.textContent = busyLabel;
|
||
|
||
try {
|
||
await handler();
|
||
} catch (error) {
|
||
showWizardLiveStatus(
|
||
tKey('wizard.live.failed_title'),
|
||
error && error.message ? error.message : tKey('wizard.live.failed_body'),
|
||
true
|
||
);
|
||
if (window.CrankUi) {
|
||
window.CrankUi.error(
|
||
error && error.message ? error.message : tKey('wizard.live.failed_body'),
|
||
tKey('wizard.live.failed_title')
|
||
);
|
||
}
|
||
} finally {
|
||
button.dataset.busy = 'false';
|
||
button.disabled = false;
|
||
button.classList.remove('is-busy');
|
||
button.textContent = originalLabel;
|
||
}
|
||
}
|
||
|
||
function updateWizardProtocolVisibility() {
|
||
var grpcTools = document.getElementById('wizard-grpc-live-tools');
|
||
if (grpcTools) grpcTools.hidden = wizardProtocol !== 'grpc';
|
||
updateStreamingModeOptions();
|
||
updateStreamingConfigVisibility();
|
||
}
|
||
|
||
function showWizardLiveStatus(title, text, isError) {
|
||
var root = document.getElementById('wizard-live-status');
|
||
var titleEl = document.getElementById('wizard-live-status-title');
|
||
var textEl = document.getElementById('wizard-live-status-text');
|
||
if (!root || !titleEl || !textEl) return;
|
||
titleEl.textContent = title;
|
||
textEl.textContent = text;
|
||
root.hidden = false;
|
||
root.classList.toggle('is-error', !!isError);
|
||
root.classList.toggle('is-success', !isError);
|
||
}
|
||
|
||
function currentDraftVersion() {
|
||
if (wizardCurrentOperation && wizardCurrentOperation.draft_version_ref) {
|
||
return wizardCurrentOperation.draft_version_ref.version;
|
||
}
|
||
if (wizardCurrentOperation && wizardCurrentOperation.current_draft_version) {
|
||
return wizardCurrentOperation.current_draft_version;
|
||
}
|
||
if (wizardCurrentVersion && wizardCurrentVersion.version) {
|
||
return wizardCurrentVersion.version;
|
||
}
|
||
return 1;
|
||
}
|
||
|
||
function updateOperationPayload(payload) {
|
||
return {
|
||
display_name: payload.display_name,
|
||
category: payload.category,
|
||
target: payload.target,
|
||
input_schema: payload.input_schema,
|
||
output_schema: payload.output_schema,
|
||
input_mapping: payload.input_mapping,
|
||
output_mapping: payload.output_mapping,
|
||
execution_config: payload.execution_config,
|
||
tool_description: payload.tool_description,
|
||
};
|
||
}
|
||
|
||
async function refreshCurrentOperationState() {
|
||
if (!wizardWorkspaceId || !wizardEditId) return null;
|
||
var detail = await window.CrankApi.getOperation(wizardWorkspaceId, wizardEditId);
|
||
var versionNumber = detail.draft_version_ref
|
||
? detail.draft_version_ref.version
|
||
: detail.current_draft_version;
|
||
var versionDocument = await window.CrankApi.getOperationVersion(
|
||
wizardWorkspaceId,
|
||
wizardEditId,
|
||
versionNumber
|
||
);
|
||
wizardCurrentOperation = detail;
|
||
wizardCurrentVersion = versionDocument;
|
||
updateWizardProtocolVisibility();
|
||
return {
|
||
detail: detail,
|
||
version: versionDocument,
|
||
};
|
||
}
|
||
|
||
async function uploadPendingGrpcArtifacts(payload) {
|
||
if (wizardProtocol !== 'grpc' || !wizardEditId) return;
|
||
|
||
var descriptorResponse = null;
|
||
|
||
if (wizardProtoUpload) {
|
||
descriptorResponse = await window.CrankApi.uploadProtoFile(
|
||
wizardWorkspaceId,
|
||
wizardEditId,
|
||
new TextEncoder().encode(wizardProtoUpload.content),
|
||
wizardProtoUpload.fileName
|
||
);
|
||
wizardProtoUpload = null;
|
||
}
|
||
|
||
if (wizardDescriptorSetUpload) {
|
||
descriptorResponse = await window.CrankApi.uploadDescriptorSet(
|
||
wizardWorkspaceId,
|
||
wizardEditId,
|
||
wizardDescriptorSetUpload.bytes,
|
||
wizardDescriptorSetUpload.fileName
|
||
);
|
||
wizardDescriptorSetUpload = null;
|
||
var descriptorName = document.getElementById('wizard-descriptor-set-name');
|
||
if (descriptorName) descriptorName.textContent = tKey('wizard.descriptor.uploaded');
|
||
}
|
||
|
||
if (!descriptorResponse) return;
|
||
|
||
payload.target.descriptor_ref = descriptorResponse.descriptor_id;
|
||
payload.target.descriptor_set_b64 = '';
|
||
await window.CrankApi.updateOperation(
|
||
wizardWorkspaceId,
|
||
wizardEditId,
|
||
updateOperationPayload(payload)
|
||
);
|
||
}
|
||
|
||
async function uploadPendingSoapArtifacts(payload) {
|
||
if (wizardProtocol !== 'soap' || !wizardEditId) return;
|
||
|
||
var wsdlResponse = null;
|
||
if (wizardSoapWsdlUpload) {
|
||
wsdlResponse = await window.CrankApi.uploadWsdlFile(
|
||
wizardWorkspaceId,
|
||
wizardEditId,
|
||
wizardSoapWsdlUpload.bytes,
|
||
wizardSoapWsdlUpload.fileName
|
||
);
|
||
wizardSoapWsdlUpload = null;
|
||
var wsdlName = document.getElementById('wizard-soap-wsdl-name');
|
||
if (wsdlName) wsdlName.textContent = tKey('wizard.step3.soap.wsdl_uploaded');
|
||
}
|
||
|
||
if (wizardSoapXsdUpload) {
|
||
await window.CrankApi.uploadXsdFile(
|
||
wizardWorkspaceId,
|
||
wizardEditId,
|
||
wizardSoapXsdUpload.bytes,
|
||
wizardSoapXsdUpload.fileName
|
||
);
|
||
wizardSoapXsdUpload = null;
|
||
var xsdName = document.getElementById('wizard-soap-xsd-name');
|
||
if (xsdName) xsdName.textContent = tKey('wizard.step3.soap.xsd_uploaded');
|
||
}
|
||
|
||
if (!wsdlResponse) return;
|
||
|
||
payload.target.wsdl_ref = wsdlResponse.descriptor_id;
|
||
await window.CrankApi.updateOperation(
|
||
wizardWorkspaceId,
|
||
wizardEditId,
|
||
updateOperationPayload(payload)
|
||
);
|
||
}
|
||
|
||
async function persistCurrentDraft(stayOnPage) {
|
||
if (!wizardWorkspaceId) {
|
||
throw new Error(tKey('wizard.error.no_workspace'));
|
||
}
|
||
|
||
var payload = collectWizardPayload();
|
||
var response;
|
||
var createdNow = false;
|
||
|
||
if (wizardMode === 'edit' && wizardEditId) {
|
||
response = await window.CrankApi.updateOperation(
|
||
wizardWorkspaceId,
|
||
wizardEditId,
|
||
updateOperationPayload(payload)
|
||
);
|
||
} else {
|
||
response = await window.CrankApi.createOperation(wizardWorkspaceId, payload);
|
||
createdNow = true;
|
||
wizardEditId = response.operation_id;
|
||
wizardMode = 'edit';
|
||
history.replaceState(
|
||
{},
|
||
'',
|
||
window.location.pathname + '?mode=edit&operationId=' + encodeURIComponent(wizardEditId)
|
||
);
|
||
setEditModePresentation();
|
||
_doGoToStep(currentStep);
|
||
var toolNameInput = document.getElementById('tool-name');
|
||
if (toolNameInput) toolNameInput.disabled = true;
|
||
}
|
||
|
||
await uploadPendingGrpcArtifacts(payload);
|
||
await uploadPendingSoapArtifacts(payload);
|
||
await refreshCurrentOperationState();
|
||
|
||
if (stayOnPage) {
|
||
var saveDraftBtn = document.querySelector('.btn-save-draft');
|
||
if (saveDraftBtn) {
|
||
var label = saveDraftBtn.textContent;
|
||
saveDraftBtn.textContent = tKey('wizard.save.saved');
|
||
setTimeout(function() {
|
||
saveDraftBtn.textContent = label;
|
||
}, 1400);
|
||
}
|
||
}
|
||
|
||
showWizardLiveStatus(
|
||
createdNow ? tKey('wizard.save.created') : tKey('wizard.save.updated'),
|
||
tKey('wizard.save.body')
|
||
);
|
||
return response;
|
||
}
|
||
|
||
function safeStringify(value) {
|
||
if (value === null || value === undefined) return '';
|
||
if (typeof value === 'string') return value;
|
||
return JSON.stringify(value, null, 2);
|
||
}
|
||
|
||
function setTextareaValue(id, value) {
|
||
var element = document.getElementById(id);
|
||
if (!element) return;
|
||
element.value = safeStringify(value);
|
||
}
|
||
|
||
function describeWizardTestResult(result) {
|
||
if (result.stream_session && result.stream_session.session_id) {
|
||
return {
|
||
title: tKey('wizard.test.session_started'),
|
||
body: tfKey('wizard.test.session_started_body', {
|
||
session_id: result.stream_session.session_id,
|
||
poll_after_ms: result.stream_session.poll_after_ms
|
||
}),
|
||
isError: false,
|
||
};
|
||
}
|
||
|
||
if (result.async_job && result.async_job.job_id) {
|
||
return {
|
||
title: tKey('wizard.test.async_job_started'),
|
||
body: tfKey('wizard.test.async_job_started_body', {
|
||
job_id: result.async_job.job_id
|
||
}),
|
||
isError: false,
|
||
};
|
||
}
|
||
|
||
if (result.window) {
|
||
var bodyParts = [
|
||
tKey('wizard.test.window_completed_body')
|
||
];
|
||
if (result.window.truncated) {
|
||
bodyParts.push(tKey('wizard.test.window_truncated_note'));
|
||
}
|
||
if (result.window.has_more) {
|
||
bodyParts.push(tKey('wizard.test.window_more_note'));
|
||
}
|
||
if (!result.window.window_complete) {
|
||
bodyParts.push(tKey('wizard.test.window_incomplete_note'));
|
||
}
|
||
return {
|
||
title: result.ok ? tKey('wizard.test.window_completed') : tKey('wizard.test.failed'),
|
||
body: bodyParts.join(' '),
|
||
isError: !result.ok,
|
||
};
|
||
}
|
||
|
||
return {
|
||
title: result.ok ? tKey('wizard.test.completed') : tKey('wizard.test.failed'),
|
||
body: result.ok ? tKey('wizard.test.completed_body') : tKey('wizard.test.failed_body'),
|
||
isError: !result.ok,
|
||
};
|
||
}
|
||
|
||
async function uploadInputSampleFromWizard() {
|
||
await persistCurrentDraft(true);
|
||
await window.CrankApi.uploadInputSample(
|
||
wizardWorkspaceId,
|
||
wizardEditId,
|
||
parseStructuredText(textValue('wizard-input-sample'))
|
||
);
|
||
showWizardLiveStatus(tKey('wizard.sample.input_saved'), tKey('wizard.sample.input_saved_body'));
|
||
}
|
||
|
||
async function uploadOutputSampleFromWizard() {
|
||
await persistCurrentDraft(true);
|
||
await window.CrankApi.uploadOutputSample(
|
||
wizardWorkspaceId,
|
||
wizardEditId,
|
||
parseStructuredText(textValue('wizard-output-sample'))
|
||
);
|
||
showWizardLiveStatus(tKey('wizard.sample.output_saved'), tKey('wizard.sample.output_saved_body'));
|
||
}
|
||
|
||
async function generateDraftFromWizard() {
|
||
await persistCurrentDraft(true);
|
||
var generated = await window.CrankApi.generateDraft(wizardWorkspaceId, wizardEditId, {});
|
||
setValue('tool-input-schema', JSON.stringify(crankSchemaToJsonSchema(generated.input_schema), null, 2));
|
||
setValue('tool-output-schema', JSON.stringify(crankSchemaToJsonSchema(generated.output_schema), null, 2));
|
||
setValue('tool-input-mapping', mappingSetToEditorValue(generated.input_mapping, 'input', wizardProtocol));
|
||
setValue('tool-output-mapping', mappingSetToEditorValue(generated.output_mapping, 'output', wizardProtocol));
|
||
showWizardLiveStatus(tKey('wizard.sample.generated'), tKey('wizard.sample.generated_body'));
|
||
}
|
||
|
||
async function runWizardTest() {
|
||
await persistCurrentDraft(true);
|
||
var result = await window.CrankApi.runOperationTest(wizardWorkspaceId, wizardEditId, {
|
||
version: currentDraftVersion(),
|
||
input: parseStructuredText(textValue('wizard-test-input')),
|
||
});
|
||
wizardTestResponsePreview = result.response_preview;
|
||
setTextareaValue('wizard-test-request-preview', result.request_preview);
|
||
setTextareaValue('wizard-test-response-preview', result.response_preview);
|
||
setTextareaValue('wizard-test-errors', result.errors && result.errors.length ? result.errors : []);
|
||
var status = describeWizardTestResult(result);
|
||
showWizardLiveStatus(
|
||
status.title,
|
||
status.body,
|
||
status.isError
|
||
);
|
||
}
|
||
|
||
function copyTestResponseToOutputSample() {
|
||
if (!wizardTestResponsePreview) {
|
||
showWizardLiveStatus(tKey('wizard.test.no_response'), tKey('wizard.test.no_response_body'), true);
|
||
return;
|
||
}
|
||
setTextareaValue('wizard-output-sample', wizardTestResponsePreview);
|
||
showWizardLiveStatus(tKey('wizard.test.response_copied'), tKey('wizard.test.response_copied_body'));
|
||
}
|