mirror of
https://github.com/cyclotruc/gitingest.git
synced 2026-04-28 14:19:30 +00:00
feat: Refactor backend to a rest api (#346)
* refactor: Refactor backend to a rest api and make weak changes to the front to make it works * fix: remove result bool in Success response object since it's useless, remove sensitive data from the Success Response object, make the integration unit test compatible * fix: clean query processor return types, remove deprecated fields, better handling for few errors * fix: unit tests, remove deprecated is_index from jinja templates --------- Co-authored-by: ix <n.guintini@protonmail.com>
This commit is contained in:
Zarial
GitHub
parent
f8d397e66e
commit
2b1f228ae1
15 changed files with 471 additions and 368 deletions
|
|
@ -47,6 +47,22 @@ function handleSubmit(event, showLoading = false) {
|
|||
const form = event.target || document.getElementById('ingestForm');
|
||||
if (!form) return;
|
||||
|
||||
// Declare resultsSection before use
|
||||
const resultsSection = document.querySelector('[data-results]');
|
||||
|
||||
if (resultsSection) {
|
||||
// Show in-content loading spinner
|
||||
resultsSection.innerHTML = `
|
||||
<div class="relative mt-10">
|
||||
<div class="w-full h-full absolute inset-0 bg-black rounded-xl translate-y-2 translate-x-2"></div>
|
||||
<div class="bg-[#fafafa] rounded-xl border-[3px] border-gray-900 p-6 relative z-20 flex flex-col items-center space-y-4">
|
||||
<div class="loader border-8 border-[#fff4da] border-t-8 border-t-[#ffc480] rounded-full w-16 h-16 animate-spin"></div>
|
||||
<p class="text-lg font-bold text-gray-900">Loading...</p>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
const submitButton = form.querySelector('button[type="submit"]');
|
||||
if (!submitButton) return;
|
||||
|
||||
|
|
@ -70,7 +86,6 @@ function handleSubmit(event, showLoading = false) {
|
|||
}
|
||||
|
||||
const originalContent = submitButton.innerHTML;
|
||||
const currentStars = document.getElementById('github-stars')?.textContent;
|
||||
|
||||
if (showLoading) {
|
||||
submitButton.disabled = true;
|
||||
|
|
@ -86,42 +101,113 @@ function handleSubmit(event, showLoading = false) {
|
|||
submitButton.classList.add('bg-[#ffb14d]');
|
||||
}
|
||||
|
||||
// Submit the form
|
||||
fetch(form.action, {
|
||||
// Submit the form to /api/ingest
|
||||
fetch('/api/ingest', {
|
||||
method: 'POST',
|
||||
body: formData
|
||||
})
|
||||
.then(response => response.text())
|
||||
.then(html => {
|
||||
// Store the star count before updating the DOM
|
||||
const starCount = currentStars;
|
||||
|
||||
// Replace the entire body content with the new HTML
|
||||
document.body.innerHTML = html;
|
||||
|
||||
// Wait for next tick to ensure DOM is updated
|
||||
setTimeout(() => {
|
||||
// Reinitialize slider functionality
|
||||
initializeSlider();
|
||||
|
||||
const starsElement = document.getElementById('github-stars');
|
||||
if (starsElement && starCount) {
|
||||
starsElement.textContent = starCount;
|
||||
}
|
||||
|
||||
// Set dynamic title that includes the repo name.
|
||||
document.title = document.body.getElementsByTagName('title')[0].textContent;
|
||||
|
||||
// Scroll to results if they exist
|
||||
const resultsSection = document.querySelector('[data-results]');
|
||||
if (resultsSection) {
|
||||
resultsSection.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
||||
}
|
||||
}, 0);
|
||||
})
|
||||
.catch(error => {
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
// Hide loading overlay
|
||||
if (resultsSection) resultsSection.innerHTML = '';
|
||||
submitButton.disabled = false;
|
||||
submitButton.innerHTML = originalContent;
|
||||
|
||||
if (!resultsSection) return;
|
||||
|
||||
// Handle error
|
||||
if (data.error) {
|
||||
resultsSection.innerHTML = `<div class='mb-6 p-4 bg-red-50 border border-red-200 rounded-lg text-red-700'>${data.error}</div>`;
|
||||
return;
|
||||
}
|
||||
|
||||
// Build the static HTML structure
|
||||
resultsSection.innerHTML = `
|
||||
<div class="relative">
|
||||
<div class="w-full h-full absolute inset-0 bg-gray-900 rounded-xl translate-y-2 translate-x-2"></div>
|
||||
<div class="bg-[#fafafa] rounded-xl border-[3px] border-gray-900 p-6 relative z-20 space-y-6">
|
||||
<div class="grid grid-cols-1 md:grid-cols-12 gap-6">
|
||||
<div class="md:col-span-5">
|
||||
<div class="flex justify-between items-center mb-4 py-2">
|
||||
<h3 class="text-lg font-bold text-gray-900">Summary</h3>
|
||||
</div>
|
||||
<div class="relative">
|
||||
<div class="w-full h-full rounded bg-gray-900 translate-y-1 translate-x-1 absolute inset-0"></div>
|
||||
<textarea id="result-summary" class="w-full h-[160px] p-4 bg-[#fff4da] border-[3px] border-gray-900 rounded font-mono text-sm resize-none focus:outline-none relative z-10" readonly></textarea>
|
||||
</div>
|
||||
<div class="relative mt-4 inline-block group ml-4">
|
||||
<div class="w-full h-full rounded bg-gray-900 translate-y-1 translate-x-1 absolute inset-0"></div>
|
||||
<button onclick="copyFullDigest()" class="inline-flex items-center px-4 py-2 bg-[#ffc480] border-[3px] border-gray-900 text-gray-900 rounded group-hover:-translate-y-px group-hover:-translate-x-px transition-transform relative z-10">
|
||||
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3" /></svg>
|
||||
Copy all
|
||||
</button>
|
||||
</div>
|
||||
<div class="relative mt-4 inline-block group ml-4">
|
||||
<div class="w-full h-full rounded bg-gray-900 translate-y-1 translate-x-1 absolute inset-0"></div>
|
||||
<button onclick="downloadFullDigest()" class="inline-flex items-center px-4 py-2 bg-[#ffc480] border-[3px] border-gray-900 text-gray-900 rounded group-hover:-translate-y-px group-hover:-translate-x-px transition-transform relative z-10">
|
||||
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" /></svg>
|
||||
Download
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="md:col-span-7">
|
||||
<div class="flex justify-between items-center mb-4">
|
||||
<h3 class="text-lg font-bold text-gray-900">Directory Structure</h3>
|
||||
<div class="relative group">
|
||||
<div class="w-full h-full rounded bg-gray-900 translate-y-1 translate-x-1 absolute inset-0"></div>
|
||||
<button onclick="copyText('directory-structure')" class="px-4 py-2 bg-[#ffc480] border-[3px] border-gray-900 text-gray-900 rounded group-hover:-translate-y-px group-hover:-translate-x-px transition-transform relative z-10 flex items-center gap-2">
|
||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3" /></svg>
|
||||
Copy
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="relative">
|
||||
<div class="w-full h-full rounded bg-gray-900 translate-y-1 translate-x-1 absolute inset-0"></div>
|
||||
<div class="directory-structure w-full p-4 bg-[#fff4da] border-[3px] border-gray-900 rounded font-mono text-sm resize-y focus:outline-none relative z-10 h-[215px] overflow-auto" id="directory-structure-container" readonly>
|
||||
<input type="hidden" id="directory-structure-content" value="" />
|
||||
<pre id="directory-structure-pre"></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="flex justify-between items-center mb-4">
|
||||
<h3 class="text-lg font-bold text-gray-900">Files Content</h3>
|
||||
<div class="relative group">
|
||||
<div class="w-full h-full rounded bg-gray-900 translate-y-1 translate-x-1 absolute inset-0"></div>
|
||||
<button onclick="copyText('result-text')" class="px-4 py-2 bg-[#ffc480] border-[3px] border-gray-900 text-gray-900 rounded group-hover:-translate-y-px group-hover:-translate-x-px transition-transform relative z-10 flex items-center gap-2">
|
||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3" /></svg>
|
||||
Copy
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="relative">
|
||||
<div class="w-full h-full rounded bg-gray-900 translate-y-1 translate-x-1 absolute inset-0"></div>
|
||||
<textarea id="result-content" class="result-text w-full p-4 bg-[#fff4da] border-[3px] border-gray-900 rounded font-mono text-sm resize-y focus:outline-none relative z-10" style="min-height: 600px" readonly></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
// Set plain text content for summary, tree, and content
|
||||
document.getElementById('result-summary').value = data.summary || '';
|
||||
document.getElementById('directory-structure-content').value = data.tree || '';
|
||||
document.getElementById('directory-structure-pre').textContent = data.tree || '';
|
||||
document.getElementById('result-content').value = data.content || '';
|
||||
|
||||
// Scroll to results
|
||||
resultsSection.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
||||
})
|
||||
.catch(error => {
|
||||
// Hide loading overlay
|
||||
if (resultsSection) resultsSection.innerHTML = '';
|
||||
submitButton.disabled = false;
|
||||
submitButton.innerHTML = originalContent;
|
||||
const resultsSection = document.querySelector('[data-results]');
|
||||
if (resultsSection) {
|
||||
resultsSection.innerHTML = `<div class='mb-6 p-4 bg-red-50 border border-red-200 rounded-lg text-red-700'>${error}</div>`;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -148,6 +234,45 @@ function copyFullDigest() {
|
|||
});
|
||||
}
|
||||
|
||||
function downloadFullDigest() {
|
||||
const summary = document.getElementById('result-summary').value;
|
||||
const directoryStructure = document.getElementById('directory-structure-content').value;
|
||||
const filesContent = document.querySelector('.result-text').value;
|
||||
|
||||
// Create the full content with all three sections
|
||||
const fullContent = `${summary}\n${directoryStructure}\n${filesContent}`;
|
||||
|
||||
// Create a blob with the content
|
||||
const blob = new Blob([fullContent], { type: 'text/plain' });
|
||||
|
||||
// Create a download link
|
||||
const url = window.URL.createObjectURL(blob);
|
||||
const a = document.createElement('a');
|
||||
a.href = url;
|
||||
a.download = 'codebase-digest.txt';
|
||||
document.body.appendChild(a);
|
||||
a.click();
|
||||
|
||||
// Clean up
|
||||
window.URL.revokeObjectURL(url);
|
||||
document.body.removeChild(a);
|
||||
|
||||
// Show feedback on the button
|
||||
const button = document.querySelector('[onclick="downloadFullDigest()"]');
|
||||
const originalText = button.innerHTML;
|
||||
|
||||
button.innerHTML = `
|
||||
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
|
||||
</svg>
|
||||
Downloaded!
|
||||
`;
|
||||
|
||||
setTimeout(() => {
|
||||
button.innerHTML = originalText;
|
||||
}, 2000);
|
||||
}
|
||||
|
||||
// Add the logSliderToSize helper function
|
||||
function logSliderToSize(position) {
|
||||
const maxPosition = 500;
|
||||
|
|
@ -194,6 +319,7 @@ window.copyText = copyText;
|
|||
window.handleSubmit = handleSubmit;
|
||||
window.initializeSlider = initializeSlider;
|
||||
window.formatSize = formatSize;
|
||||
window.downloadFullDigest = downloadFullDigest;
|
||||
|
||||
// Add this new function
|
||||
function setupGlobalEnterHandler() {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue