izawartka/td2-visualizer
izawartka/td2-visualizer
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improved export error handling

Browse Source 
*Improved svg export error handling
This commit is contained in:
izawartka 2025-08-17 18:13:12 +02:00
parent 97e1063cb5
commit 24ecffe63b
1 changed files with 22 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/helpers/exportHelper.js
View File

@ -77,11 +77,13 @@ function checkNodeVisible(svgNode, trimClientRect) {
function removeNonVisibleObjects(svg) { function removeNonVisibleObjects(svg) {
const sceneryRoot = svg.querySelector('g.scenery-root'); const sceneryRoot = svg.querySelector('g.scenery-root');
if (!sceneryRoot) return; if (!sceneryRoot) {
throw new Error("Scenery root not found");
}
const trimClientRect = svg.getBoundingClientRect(); const trimClientRect = svg.getBoundingClientRect();
for (const layer of sceneryRoot.children) { for (const layer of sceneryRoot.children || []) {
const objectsToDelete = Array.from(layer.children).filter(child => { const objectsToDelete = Array.from(layer.children).filter(child => {
return !checkNodeVisible(child, trimClientRect); return !checkNodeVisible(child, trimClientRect);
}); });
@ -90,6 +92,8 @@ function removeNonVisibleObjects(svg) {
layer.removeChild(node); layer.removeChild(node);
} }
} }
return true;
} }
function serializeAndDownload(svgNode, filename) { function serializeAndDownload(svgNode, filename) {
@ -125,10 +129,16 @@ function addMetadata(svg) {
function exportSvg(filename) { function exportSvg(filename) {
const mapElement = document.getElementsByClassName('map')[0]; const mapElement = document.getElementsByClassName('map')[0];
if (!mapElement) return false; if (!mapElement) {
console.error("Map element not found");
return false;
}
const svgOrig = mapElement.querySelector('svg'); const svgOrig = mapElement.querySelector('svg');
if (!svgOrig) return false; if (!svgOrig) {
console.error("SVG root element not found");
return false;
}
const exportContainer = document.createElement('div'); const exportContainer = document.createElement('div');
exportContainer.classList.add('export-container', 'light-mode'); exportContainer.classList.add('export-container', 'light-mode');
@ -137,14 +147,16 @@ function exportSvg(filename) {
mapElement.appendChild(exportContainer); mapElement.appendChild(exportContainer);
exportContainer.appendChild(svg); exportContainer.appendChild(svg);
try {
addMetadata(svg); addMetadata(svg);
processExportNode(svg); processExportNode(svg);
removeNonVisibleObjects(svg); removeNonVisibleObjects(svg);
serializeAndDownload(svg, filename); serializeAndDownload(svg, filename);
} catch (error) {
console.error(error);
}
mapElement.removeChild(exportContainer); mapElement.removeChild(exportContainer);
return true;
} }
const ExportHelper = { const ExportHelper = {