+
+
+
+ Load a PDF set and click "Plot" to generate a figure.
+
+
+Load a PDF set and click "Plot" to generate a figure.
+Select a set to view its metadata.
'; + return; + } + + try { + // Detect parameters and PIDs in parallel + const [paramResult, pids] = await Promise.all([ + api.detectActiveParameters(selected), + api.getAvailablePids(selected), + ]); + + activeParams = paramResult.params; + + // Populate x-axis variable dropdown + $xAxisVar.innerHTML = ""; + for (const p of activeParams) { + if (p.active) { + const opt = document.createElement("option"); + opt.value = p.name; + opt.textContent = p.name; + $xAxisVar.appendChild(opt); + } + } + + // Populate PID dropdown + $pidSelect.innerHTML = ""; + for (const pid of pids) { + const opt = document.createElement("option"); + opt.value = pid; + opt.textContent = PID_LABELS[pid] || String(pid); + $pidSelect.appendChild(opt); + } + + rebuildFixedParams(); + + // Show metadata for the first selected set + await showMetadata(selected[0]); + } catch (e) { + status("Error detecting parameters: " + e, "error"); + } +} + +function rebuildFixedParams() { + $fixedParams.innerHTML = ""; + const xVar = $xAxisVar.value; + + for (const p of activeParams) { + if (!p.active || p.name === xVar) continue; + + const row = document.createElement("div"); + row.className = "fixed-param-row"; + + const label = document.createElement("label"); + label.textContent = "Fixed " + p.name + ":"; + row.appendChild(label); + + const input = document.createElement("input"); + input.type = "text"; + input.dataset.param = p.name; + input.value = p.default_value; + row.appendChild(input); + + $fixedParams.appendChild(row); + } +} + +// --------------------------------------------------------------------------- +// Metadata +// --------------------------------------------------------------------------- +async function showMetadata(name) { + try { + const m = await api.getSetMetadata(name); + $metadataContent.innerHTML = `| Set Name | ${m.set_name} |
| Description | ${m.set_desc} |
| Members | ${m.num_members} |
| Error Type | ${m.error_type} |
| Flavor Scheme | ${m.flavor_scheme} |
| QCD Order | ${m.order_qcd} |
| x range | [${m.x_min.toExponential(2)}, ${m.x_max}] |
| Q range | [${m.q_min}, ${m.q_max}] |
| Flavors | ${m.flavors.join(", ")} |
| M_Z | ${m.m_z} GeV |
| M_W | ${m.m_w} GeV |
| M_charm | ${m.m_charm} GeV |
| M_bottom | ${m.m_bottom} GeV |
| M_top | ${m.m_top} GeV |
| Format | ${m.format} |
| Interpolator | ${m.interpolator_type} |
| Code Version | ${m.code_version} |
Error: ' + e + "
"; + } +} + +// --------------------------------------------------------------------------- +// Ratio Mode +// --------------------------------------------------------------------------- +function updateRatioRefDropdown() { + $ratioRef.innerHTML = ""; + for (const opt of $setList.options) { + const o = document.createElement("option"); + o.value = opt.value; + o.textContent = opt.value; + $ratioRef.appendChild(o); + } +} + +document.querySelectorAll('input[name="plot-type"]').forEach((r) => + r.addEventListener("change", () => { + $ratioOptions.classList.toggle("hidden", getPlotType() !== "ratio"); + }) +); + +// --------------------------------------------------------------------------- +// Plotting +// --------------------------------------------------------------------------- +function buildPlotRequest() { + const setNames = getSelectedSetNames(); + if (setNames.length === 0) throw new Error("No PDF sets selected"); + + const xAxisVar = $xAxisVar.value; + if (!xAxisVar) throw new Error("No x-axis variable selected"); + + const pid = parseInt($pidSelect.value, 10); + const rangeMin = parseFloat($rangeMin.value); + const rangeMax = parseFloat($rangeMax.value); + const nPoints = parseInt($nPoints.value, 10); + + if (isNaN(rangeMin) || isNaN(rangeMax) || isNaN(nPoints) || nPoints < 2) { + throw new Error("Invalid range or point count"); + } + + const fixedValues = {}; + for (const input of $fixedParams.querySelectorAll("input[data-param]")) { + fixedValues[input.dataset.param] = parseFloat(input.value); + } + + const plotType = getPlotType(); + const ratioReference = plotType === "ratio" ? $ratioRef.value || null : null; + + return { + set_names: setNames, + x_axis_var: xAxisVar, + pid, + fixed_values: fixedValues, + range_min: rangeMin, + range_max: rangeMax, + n_points: nPoints, + x_log: $xLog.checked, + y_log: $yLog.checked, + plot_type: plotType, + ratio_reference: ratioReference, + }; +} + +async function doPlot() { + let request; + try { + request = buildPlotRequest(); + } catch (e) { + status(e.message, "error"); + return; + } + + status("Generating plot..."); + $btnPlot.disabled = true; + + try { + const specJson = await api.generatePlot(request); + embedPlot(specJson); + lastPlotRequest = request; + status("Plot ready", "success"); + } catch (e) { + status("Plot error: " + e, "error"); + } finally { + $btnPlot.disabled = false; + } +} + +async function doExport() { + if (!lastPlotRequest) { + status("Generate a plot first", "error"); + return; + } + + // Use Tauri's save dialog (requires tauri-plugin-dialog and dialog:allow-save capability) + try { + const dialog = window.__TAURI__?.dialog; + if (!dialog?.save) { + status("Export: dialog plugin not available", "error"); + return; + } + const path = await dialog.save({ + filters: [ + { name: "PNG Image", extensions: ["png"] }, + { name: "PDF Document", extensions: ["pdf"] }, + { name: "SVG Image", extensions: ["svg"] }, + ], + }); + if (!path) return; + + status("Exporting..."); + await api.exportPlotPng(lastPlotRequest, path); + status("Exported to " + path, "success"); + } catch (e) { + status("Export error: " + e, "error"); + } +} + +// --------------------------------------------------------------------------- +// Settings: Grid data path +// --------------------------------------------------------------------------- +async function loadDataPathSetting() { + try { + const path = await api.getDataPathSetting(); + $dataPathInput.value = path || ""; + } catch (e) { + console.warn("Failed to load data path setting:", e); + } +} + +async function browseDataPath() { + const dialog = window.__TAURI__?.dialog; + if (!dialog?.open) { + status("Browse not available", "error"); + return; + } + try { + const selected = await dialog.open({ + directory: true, + multiple: false, + }); + if (selected) { + $dataPathInput.value = Array.isArray(selected) ? selected[0] : selected; + } + } catch (e) { + status("Browse error: " + e, "error"); + } +} + +async function saveDataPath() { + const path = $dataPathInput.value.trim() || null; + try { + await api.setDataPathSetting(path); + status(path ? "Grid path saved. Reload PDF sets to use the new path." : "Grid path cleared.", "success"); + } catch (e) { + status("Failed to save: " + e, "error"); + } +} + +// --------------------------------------------------------------------------- +// Settings: Python binary path +// --------------------------------------------------------------------------- +async function loadPythonPathSetting() { + try { + const path = await api.getPythonPathSetting(); + $pythonPathInput.value = path || ""; + } catch (e) { + console.warn("Failed to load python path setting:", e); + } +} + +async function browsePythonPath() { + const dialog = window.__TAURI__?.dialog; + if (!dialog?.open) { + status("Browse not available", "error"); + return; + } + try { + const selected = await dialog.open({ + directory: false, + multiple: false, + }); + if (selected) { + $pythonPathInput.value = Array.isArray(selected) ? selected[0] : selected; + } + } catch (e) { + status("Browse error: " + e, "error"); + } +} + +async function savePythonPath() { + const path = $pythonPathInput.value.trim() || null; + try { + await api.setPythonPathSetting(path); + status(path ? "Python path saved." : "Python path cleared (using default).", "success"); + } catch (e) { + status("Failed to save: " + e, "error"); + } +} + +// --------------------------------------------------------------------------- +// Event Wiring +// --------------------------------------------------------------------------- +loadDataPathSetting(); +loadPythonPathSetting(); + +$btnAddSet.addEventListener("click", addSet); +$setNameInput.addEventListener("keydown", (e) => { + if (e.key === "Enter") addSet(); +}); +$btnRemoveSet.addEventListener("click", removeSelectedSets); +$btnClearSets.addEventListener("click", clearAllSets); +$setList.addEventListener("change", onSelectionChanged); +$xAxisVar.addEventListener("change", rebuildFixedParams); +$btnPlot.addEventListener("click", doPlot); +$btnExport.addEventListener("click", doExport); +$btnBrowseDataPath.addEventListener("click", browseDataPath); +$btnSaveDataPath.addEventListener("click", saveDataPath); +$btnBrowsePythonPath.addEventListener("click", browsePythonPath); +$btnSavePythonPath.addEventListener("click", savePythonPath); diff --git a/neopdf_gui/frontend/js/plotview.js b/neopdf_gui/frontend/js/plotview.js new file mode 100644 index 00000000..4b4fe447 --- /dev/null +++ b/neopdf_gui/frontend/js/plotview.js @@ -0,0 +1,21 @@ +// Plot view: render a matplotlib PNG (base64-encoded) into the plot container. + +/** + * Render a matplotlib-generated PNG image into the plot container. + * + * The backend returns a base64-encoded PNG string. We simply create an