Nail/fission-console
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: LLM syntax check via /console/api/ai/check

Browse Source 
- Server-side proxy to LLM API (FISSION_LLM_KEY, FISSION_LLM_URL env vars)
- Button in create-modal and edit-modal: check syntax before saving
- Result shown inline below code textarea (green=ok, red=errors)
This commit is contained in:
Naeel
2026-04-20 14:06:51 +03:00
parent ec23ddc0a6
commit 6f0101f656
2 changed files with 160 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
console/ui/index.html
+50 -1
View File
@@ -390,6 +390,10 @@
<textarea id="c-code">def main(ctx):
return {"ok": True, "msg": "hello from fission console"}
</textarea>
<div style="margin-top:6px;">
<button class="btn ghost" id="c-ai-btn" onclick="aiCheck('c-code','c-lang','c-ai-result')">&#x2728; Проверить синтаксис</button>
</div>
<div id="c-ai-result" style="display:none;margin-top:8px;padding:10px 12px;border-radius:6px;font-size:13px;line-height:1.5;white-space:pre-wrap;font-family:monospace;"></div>
</div>
<div class="actions">
<button class="btn ghost" onclick="closeCreate()">Отмена</button>
@@ -401,7 +405,8 @@
<div id="edit-modal" class="modal">
<div class="panel">
<h3 id="e-title">Редактирование кода</h3>
<div id="e-tf-warn" style="display:none;background:#553300;color:#ffa;padding:8px 12px;border-radius:6px;margin-bottom:10px;font-size:13px;">\u26a0\ufe0f Эта функция управляется Terraform. Изменения могут быть перезаписаны при следующем <code>terraform apply</code>.</div>
<div id="e-tf-warn" style="display:none;background:#553300;color:#ffa;padding:8px 12px;border-radius:6px;margin-bottom:10px;font-size:13px;">&#x26a0;&#xfe0f; Эта функция управляется Terraform. Изменения могут быть перезаписаны при следующем <code>terraform apply</code>.</div>
<input type="hidden" id="e-lang-hidden" value="">
<div class="row">
<div class="field">
<label>Name</label>
@@ -419,6 +424,10 @@
<div>
<label>Код</label>
<textarea id="e-code"></textarea>
<div style="margin-top:6px;">
<button class="btn ghost" id="e-ai-btn" onclick="aiCheck('e-code','e-lang-hidden','e-ai-result')">&#x2728; Проверить синтаксис</button>
</div>
<div id="e-ai-result" style="display:none;margin-top:8px;padding:10px 12px;border-radius:6px;font-size:13px;line-height:1.5;white-space:pre-wrap;font-family:monospace;"></div>
</div>
<div class="actions">
<button class="btn ghost" onclick="closeEdit()">Отмена</button>
@@ -616,6 +625,18 @@
document.getElementById('e-env').value = fn.environment || '';
document.getElementById('e-entry').value = fn.entrypoint || '';
document.getElementById('e-code').value = fn.code || '';
// Определяем язык по имени environment для подсказки AI
var envName = (fn.environment || '').toLowerCase();
var lang = 'python';
if (envName.includes('node')) lang = 'nodejs';
else if (envName.includes('go')) lang = 'go';
else if (envName.includes('ruby')) lang = 'ruby';
else if (envName.includes('php')) lang = 'php';
else if (envName.includes('perl')) lang = 'perl';
document.getElementById('e-lang-hidden').value = lang;
// сбросить предыдущий AI-результат
var aiRes = document.getElementById('e-ai-result');
if (aiRes) { aiRes.style.display = 'none'; aiRes.textContent = ''; }
var warnEl = document.getElementById('e-tf-warn');
if (warnEl) {
var isTf = /^tf-/.test(name) || /go[-_]env/.test(fn.environment || '');
@@ -792,6 +813,34 @@
showLoginOverlay();
}
async function aiCheck(codeId, langId, resultId) {
var code = document.getElementById(codeId).value.trim();
var lang = (document.getElementById(langId) ? document.getElementById(langId).value : '') || 'python';
var resEl = document.getElementById(resultId);
if (!code) { resEl.style.display = 'block'; resEl.style.background = 'var(--bg-alt)'; resEl.textContent = 'Введите код для проверки.'; return; }
var btnId = codeId === 'c-code' ? 'c-ai-btn' : 'e-ai-btn';
var btn = document.getElementById(btnId);
btn.disabled = true;
btn.textContent = '⏳ Проверяю...';
resEl.style.display = 'block';
resEl.style.background = 'var(--bg-alt)';
resEl.style.color = 'var(--fg)';
resEl.textContent = 'Отправляю код в LLM...';
try {
var data = await requestJSON(API_BASE + '/ai/check', 'POST', {language: lang, code: code});
resEl.style.background = data.ok ? '#1a3a1a' : '#3a1a1a';
resEl.style.color = data.ok ? '#8f8' : '#f88';
resEl.textContent = data.result || '(пустой ответ)';
} catch(e) {
resEl.style.background = '#3a2a00';
resEl.style.color = '#ffa';
resEl.textContent = 'Ошибка: ' + e.message;
} finally {
btn.disabled = false;
btn.textContent = '✨ Проверить синтаксис';
}
}
function checkAuth() {
if (!localStorage.getItem('auth_token')) {
showLoginOverlay();