`; return wrapper.firstElementChild; } async function handleError(err, guid, imgElementId) { updateStatus(`Error: ${err.message}`, true); const imgElement = document.getElementById(imgElementId); if (imgElement && imgElement.parentNode) { const errorSvg = createErrorSvgElement(imgElementId); imgElement.replaceWith(errorSvg); } } function escapeODataString(value) { return value.replace(/'/g, "''"); } async function displayImageSecurely(filename, imgElementId, isProtected = 0) { let guid = null; const safeFilename = escapeODataString(filename); try { // Check access for protected images if (isProtected === 1 && userEmail === "Anonymous User") { const returnUrl = encodeURIComponent(window.location.pathname + window.location.search + window.location.hash); window.location.href = `/signin?returnurl=${returnUrl}`; return; } // Query for existing record const queryUrl = `/_api/dev_imagedownloadses?$select=dev_imagepath,dev_imagedownloadsid&$filter=dev_imagepath eq '${encodeURIComponent(safeFilename)}'`; const getResponse = await safeAjax({ type: "GET", url: queryUrl, contentType: "application/json" }); if (getResponse.value?.length > 0) { guid = getResponse.value[0].dev_imagedownloadsid; } else { // Create new record const postResponse = await safeAjax({ type: "POST", url: "/_api/dev_imagedownloadses", contentType: "application/json", data: JSON.stringify({ dev_imagepath: filename }), success: (res, status, xhr) => { guid = xhr.getResponseHeader("entityid"); } }); if (!guid) { const xhrGuid = postResponse?.getResponseHeader?.("entityid"); if (xhrGuid) guid = xhrGuid; } if (!guid) throw new Error("New GUID not returned after record creation."); } const imgElement = document.getElementById(imgElementId); if (!imgElement) throw new Error(`Image element with ID '${imgElementId}' not found.`); imgElement.src = `${AzureBaseUrl}/api/fetchblobimage?id=${guid}`; imgElement.alt = filename; // imgElement.onerror = () => handleError(new Error(`Failed to load image '${filename}'.`), guid, imgElementId); imgElement.onerror = () => { console.warn(`Image failed: ${filename}`); imgElement.dataset.loadFailed = "true"; imgElement.removeAttribute("src"); const errorSvg = createErrorSvgElement(imgElementId); imgElement.replaceWith(errorSvg); }; const blobUrl = `${AzureBaseUrl}/api/fetchblobimage?id=${guid}`; return blobUrl; } catch (err) { await handleError(err, guid, imgElementId); } } return { displayImageSecurely }; })(); } })();