3746568dd7
Move duplicated photo capture, text extraction, and fetch/UI-toggle logic from roasters, roasts, and scan templates into a shared extract.js file served at /extract.js. Each page now provides only its form-filling callback. Uses ES6+ syntax (const, let, arrow functions, template literals).
57 lines
1.8 KiB
JavaScript
57 lines
1.8 KiB
JavaScript
let _extracting = false;
|
|
|
|
const triggerPhotoExtract = (formId, endpoint, onSuccess) => {
|
|
const input = document.createElement('input');
|
|
input.type = 'file';
|
|
input.accept = 'image/*';
|
|
input.capture = 'environment';
|
|
input.onchange = () => {
|
|
if (input.files.length === 0) return;
|
|
const reader = new FileReader();
|
|
reader.onload = () => {
|
|
doExtract(formId, endpoint, { image: reader.result }, onSuccess);
|
|
};
|
|
reader.readAsDataURL(input.files[0]);
|
|
};
|
|
input.click();
|
|
};
|
|
|
|
const extractFromText = (formId, endpoint, onSuccess) => {
|
|
const input = document.getElementById(`${formId}-extract-text`);
|
|
const prompt = input.value.trim();
|
|
if (prompt.length < 3) return;
|
|
doExtract(formId, endpoint, { prompt }, onSuccess);
|
|
};
|
|
|
|
const doExtract = async (formId, endpoint, body, onSuccess) => {
|
|
if (_extracting) return;
|
|
_extracting = true;
|
|
const errorEl = document.getElementById(`${formId}-extract-error`);
|
|
const controlsEl = document.getElementById(`${formId}-extract-controls`);
|
|
const waitingEl = document.getElementById(`${formId}-extract-waiting`);
|
|
errorEl.classList.add('hidden');
|
|
controlsEl.classList.add('hidden');
|
|
waitingEl.classList.remove('hidden');
|
|
|
|
try {
|
|
const resp = await fetch(endpoint, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
credentials: 'same-origin',
|
|
body: JSON.stringify(body),
|
|
});
|
|
if (!resp.ok) {
|
|
const errData = await resp.json().catch(() => ({}));
|
|
throw new Error(errData.message || `Server returned ${resp.status}`);
|
|
}
|
|
const data = await resp.json();
|
|
onSuccess(data);
|
|
} catch (e) {
|
|
errorEl.textContent = `Extraction failed: ${e.message}`;
|
|
errorEl.classList.remove('hidden');
|
|
} finally {
|
|
waitingEl.classList.add('hidden');
|
|
controlsEl.classList.remove('hidden');
|
|
_extracting = false;
|
|
}
|
|
};
|