rajch_ales/product-import-ai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Open source candidates with configured browser

Browse Source
This commit is contained in:
rajch_ales
2026-08-05 21:20:06 +02:00
parent d90e6c6dd8
commit fe329cd19b
5 changed files with 105 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/app.js
+34 -10
View File
@@ -791,8 +791,8 @@ function renderSourceCandidates(items) {
actions.append(status, pictures);
header.append(name, actions);
const rows = item.candidates.length
? item.candidates.map(renderSourceCandidateRow)
: [renderManualSearchRow(item.searchUrl, item.error || "Open search")];
? item.candidates.map((candidate) => renderSourceCandidateRow(candidate, item.source))
: [renderManualSearchRow(item.searchUrl, item.error || "Open search", item.source)];
section.append(header, ...rows);
return section;
}));
@@ -867,27 +867,51 @@ function updateFindSourcesButtonState() {
setButtonLabel(findSourcesButton, hasSources ? "Find sources ✓" : "Find sources");
findSourcesButton.disabled = !manufacturerSelect.value || !currentProduct;
}
function renderSourceCandidateRow(candidate) {
const row = document.createElement("a");
function renderSourceCandidateRow(candidate, source) {
const row = document.createElement("div");
row.className = "source-row";
row.href = candidate.url;
row.target = "_blank";
row.rel = "noreferrer";
const title = document.createElement("span");
title.className = "source-row-title";
title.textContent = formatValue(candidate.title || candidate.url);
title.title = formatValue(candidate.rawTitle || candidate.title || candidate.url);
const action = document.createElement("span");
const action = document.createElement("button");
action.type = "button";
action.className = "source-row-action";
action.textContent = "Open";
action.addEventListener("click", () => openSourceCandidate(candidate.url, source, action));
row.append(title, action);
return row;
}
function renderManualSearchRow(url, label) {
async function openSourceCandidate(url, source, button) {
if (!url || !source?.key || !manufacturerSelect.value)
return;
const previousText = button.textContent;
button.disabled = true;
button.textContent = "Opening...";
try {
const params = new URLSearchParams({
manufacturerId: manufacturerSelect.value,
sourceKey: source.key,
url,
});
const response = await fetch(`/api/catalog-maker/open-source?${params.toString()}`);
const data = await response.json();
if (!response.ok || data.error)
throw new Error(data.error || "Source browser could not be opened.");
}
catch (error) {
alert(error.message || "Source browser could not be opened.");
}
finally {
button.disabled = false;
button.textContent = previousText;
}
}
function renderManualSearchRow(url, label, source) {
return renderSourceCandidateRow({
title: label,
url,
});
}, source);
}
function closeSourceCandidates() {
sourceModal.hidden = true;
public/app.ts
+32 -10
View File
@@ -864,8 +864,8 @@ function renderSourceCandidates(items) {
header.append(name, actions);
const rows = item.candidates.length
? item.candidates.map(renderSourceCandidateRow)
: [renderManualSearchRow(item.searchUrl, item.error || "Open search")];
? item.candidates.map((candidate) => renderSourceCandidateRow(candidate, item.source))
: [renderManualSearchRow(item.searchUrl, item.error || "Open search", item.source)];
section.append(header, ...rows);
return section;
@@ -950,31 +950,53 @@ function updateFindSourcesButtonState() {
findSourcesButton.disabled = !manufacturerSelect.value || !currentProduct;
}
function renderSourceCandidateRow(candidate) {
const row = document.createElement("a");
function renderSourceCandidateRow(candidate, source) {
const row = document.createElement("div");
row.className = "source-row";
row.href = candidate.url;
row.target = "_blank";
row.rel = "noreferrer";
const title = document.createElement("span");
title.className = "source-row-title";
title.textContent = formatValue(candidate.title || candidate.url);
title.title = formatValue(candidate.rawTitle || candidate.title || candidate.url);
const action = document.createElement("span");
const action = document.createElement("button");
action.type = "button";
action.className = "source-row-action";
action.textContent = "Open";
action.addEventListener("click", () => openSourceCandidate(candidate.url, source, action));
row.append(title, action);
return row;
}
function renderManualSearchRow(url, label) {
async function openSourceCandidate(url, source, button) {
if (!url || !source?.key || !manufacturerSelect.value) return;
const previousText = button.textContent;
button.disabled = true;
button.textContent = "Opening...";
try {
const params = new URLSearchParams({
manufacturerId: manufacturerSelect.value,
sourceKey: source.key,
url,
});
const response = await fetch(`/api/catalog-maker/open-source?${params.toString()}`);
const data = await response.json();
if (!response.ok || data.error) throw new Error(data.error || "Source browser could not be opened.");
} catch (error) {
alert(error.message || "Source browser could not be opened.");
} finally {
button.disabled = false;
button.textContent = previousText;
}
}
function renderManualSearchRow(url, label, source) {
return renderSourceCandidateRow({
title: label,
url,
});
}, source);
}
function closeSourceCandidates() {