imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add try-catch to async IIFEs to prevent unhandled rejections

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
依瑪貓
2026-03-07 18:11:27 +08:00
parent ede7becb3a
commit 7d5918837b
5 changed files with 224 additions and 204 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
src/views/Compare/Dashboard/Compare.vue
View File

@@ -1241,53 +1241,56 @@ function getAvgProcessTimeHorizontalBarChart(chartData, content, isSingle, xUnit
// Created logic
(async () => {
isLoading.value = true;
try {
const routeParams = route.params;
const primaryType = routeParams.primaryType;
const secondaryType = routeParams.secondaryType;
const primaryId = routeParams.primaryId;
const secondaryId = routeParams.secondaryId;
const typeMap = {
'log': 'log_id',
'filter': 'filter_id'
};
const primaryTypeParam = typeMap[primaryType];
const secondaryTypeParam = typeMap[secondaryType];
const queryParams = [
{ [primaryTypeParam]: primaryId },
{ [secondaryTypeParam]: secondaryId }
];
const routeParams = route.params;
const primaryType = routeParams.primaryType;
const secondaryType = routeParams.secondaryType;
const primaryId = routeParams.primaryId;
const secondaryId = routeParams.secondaryId;
const typeMap = {
'log': 'log_id',
'filter': 'filter_id'
};
const primaryTypeParam = typeMap[primaryType];
const secondaryTypeParam = typeMap[secondaryType];
const queryParams = [
{ [primaryTypeParam]: primaryId },
{ [secondaryTypeParam]: secondaryId }
];
// 取得 Compare Data
await compareStore.getCompare(queryParams);
avgProcessTimeByTaskHeight.value = getHorizontalBarHeight(compareDashboardData.value.time.avg_process_time_by_task);
if(compareDashboardData.value.time.avg_waiting_time_by_edge !== null) {
avgWaitingTimeByEdgeHeight.value = getHorizontalBarHeight(compareDashboardData.value.time.avg_waiting_time_by_edge);
};
casesByTaskHeight.value = getHorizontalBarHeight(compareDashboardData.value.freq.cases_by_task);
// create chart
[avgCycleTimeData.value, avgCycleTimeOptions.value] = getLineChart(
compareDashboardData.value.time.avg_cycle_time, contentData.avgCycleTime, 'date');
[avgCycleEfficiencyData.value, avgCycleEfficiencyOptions.value] = getBarChart(
compareDashboardData.value.time.avg_cycle_efficiency, contentData.avgCycleEfficiency, "Cycle Eff");
[avgProcessTimeData.value, avgProcessTimeOptions.value] = getLineChart(
compareDashboardData.value.time.avg_process_time, contentData.avgProcessTime, 'date');
[avgProcessTimeByTaskData.value, avgProcessTimeByTaskOptions.value] = getAvgProcessTimeHorizontalBarChart(
compareDashboardData.value.time.avg_process_time_by_task,
contentData.avgProcessTimeByTask, true, 'date');
[avgWaitingTimeData.value, avgWaitingTimeOptions.value] = getLineChart(
compareDashboardData.value.time.avg_waiting_time, contentData.avgWaitingTime, 'date');
if(compareDashboardData.value.time.avg_waiting_time_by_edge !== null) {
[avgWaitingTimeByEdgeData.value, avgWaitingTimeByEdgeOptions.value] = getHorizontalBarChart(
compareDashboardData.value.time.avg_waiting_time_by_edge,
contentData.avgWaitingTimeByEdge, false, 'date');
} else {
[avgWaitingTimeByEdgeData.value, avgWaitingTimeByEdgeOptions.value] = [null, null]
// 取得 Compare Data
await compareStore.getCompare(queryParams);
avgProcessTimeByTaskHeight.value = getHorizontalBarHeight(compareDashboardData.value.time.avg_process_time_by_task);
if(compareDashboardData.value.time.avg_waiting_time_by_edge !== null) {
avgWaitingTimeByEdgeHeight.value = getHorizontalBarHeight(compareDashboardData.value.time.avg_waiting_time_by_edge);
};
casesByTaskHeight.value = getHorizontalBarHeight(compareDashboardData.value.freq.cases_by_task);
// create chart
[avgCycleTimeData.value, avgCycleTimeOptions.value] = getLineChart(
compareDashboardData.value.time.avg_cycle_time, contentData.avgCycleTime, 'date');
[avgCycleEfficiencyData.value, avgCycleEfficiencyOptions.value] = getBarChart(
compareDashboardData.value.time.avg_cycle_efficiency, contentData.avgCycleEfficiency, "Cycle Eff");
[avgProcessTimeData.value, avgProcessTimeOptions.value] = getLineChart(
compareDashboardData.value.time.avg_process_time, contentData.avgProcessTime, 'date');
[avgProcessTimeByTaskData.value, avgProcessTimeByTaskOptions.value] = getAvgProcessTimeHorizontalBarChart(
compareDashboardData.value.time.avg_process_time_by_task,
contentData.avgProcessTimeByTask, true, 'date');
[avgWaitingTimeData.value, avgWaitingTimeOptions.value] = getLineChart(
compareDashboardData.value.time.avg_waiting_time, contentData.avgWaitingTime, 'date');
if(compareDashboardData.value.time.avg_waiting_time_by_edge !== null) {
[avgWaitingTimeByEdgeData.value, avgWaitingTimeByEdgeOptions.value] = getHorizontalBarChart(
compareDashboardData.value.time.avg_waiting_time_by_edge,
contentData.avgWaitingTimeByEdge, false, 'date');
} else {
[avgWaitingTimeByEdgeData.value, avgWaitingTimeByEdgeOptions.value] = [null, null]
}
[freqData.value, freqOptions.value] = getLineChart(
compareDashboardData.value.freq.cases, contentData.freq, 'count');
[casesByTaskData.value, casesByTaskOptions.value] = getCaseByTaskHorizontalBarChart(
compareDashboardData.value.freq.cases_by_task, contentData.casesByTask, true, 'count');
} catch (error) {
console.error('Failed to initialize compare dashboard:', error);
}
[freqData.value, freqOptions.value] = getLineChart(
compareDashboardData.value.freq.cases, contentData.freq, 'count');
[casesByTaskData.value, casesByTaskOptions.value] = getCaseByTaskHorizontalBarChart(
compareDashboardData.value.freq.cases_by_task, contentData.casesByTask, true, 'count');
})();
// Mounted

97
src/views/Compare/MapCompare.vue
View File

@@ -487,54 +487,59 @@ function setActivityBgImage(mapData) {
// Created logic
(async () => {
const routeParams = route.params;
const file = route.meta.file;
const isCheckPage = route.name.includes('Check');
try {
const routeParams = route.params;
const file = route.meta.file;
const isCheckPage = route.name.includes('Check');
isLoading.value = true;
switch (routeParams.type) {
case 'log':
if (!isCheckPage) {
logId.value = routeParams.fileId;
baseLogId.value = routeParams.fileId;
} else {
logId.value = file.parent.id;
baseLogId.value = file.parent.id;
}
break;
case 'filter':
if (!isCheckPage) {
createFilterId.value = routeParams.fileId;
} else {
createFilterId.value = file.parent.id;
}
await allMapDataStore.fetchFunnel(createFilterId.value);
isRuleData.value = Array.from(temporaryData.value);
ruleData.value = isRuleData.value.map(e => sidebarFilterRefComp.value.setRule(e));
break;
isLoading.value = true;
switch (routeParams.type) {
case 'log':
if (!isCheckPage) {
logId.value = routeParams.fileId;
baseLogId.value = routeParams.fileId;
} else {
logId.value = file.parent.id;
baseLogId.value = file.parent.id;
}
break;
case 'filter':
if (!isCheckPage) {
createFilterId.value = routeParams.fileId;
} else {
createFilterId.value = file.parent.id;
}
await allMapDataStore.fetchFunnel(createFilterId.value);
isRuleData.value = Array.from(temporaryData.value);
ruleData.value = isRuleData.value.map(e => sidebarFilterRefComp.value.setRule(e));
break;
}
await allMapDataStore.getAllMapData();
await allMapDataStore.getAllTrace();
traceId.value = traces.value[0]?.id;
baseTraceId.value = baseTraces.value[0]?.id;
await createCy(mapType.value);
await allMapDataStore.getFilterParams();
await allMapDataStore.getTraceDetail();
emitter.on('saveModal', boolean => {
sidebarView.value = boolean;
sidebarFilter.value = boolean;
sidebarTraces.value = boolean;
sidebarState.value = boolean;
});
emitter.on('leaveFilter', boolean => {
sidebarView.value = boolean;
sidebarFilter.value = boolean;
sidebarTraces.value = boolean;
sidebarState.value = boolean;
});
} catch (error) {
console.error('Failed to initialize map compare:', error);
} finally {
isLoading.value = false;
}
await allMapDataStore.getAllMapData();
await allMapDataStore.getAllTrace();
traceId.value = traces.value[0]?.id;
baseTraceId.value = baseTraces.value[0]?.id;
await createCy(mapType.value);
await allMapDataStore.getFilterParams();
await allMapDataStore.getTraceDetail();
isLoading.value = false;
emitter.on('saveModal', boolean => {
sidebarView.value = boolean;
sidebarFilter.value = boolean;
sidebarTraces.value = boolean;
sidebarState.value = boolean;
});
emitter.on('leaveFilter', boolean => {
sidebarView.value = boolean;
sidebarFilter.value = boolean;
sidebarTraces.value = boolean;
sidebarState.value = boolean;
});
})();
onBeforeUnmount(() => {

56
src/views/Discover/Conformance/index.vue
View File

@@ -66,35 +66,39 @@ const { conformanceLogId, conformanceFilterId, conformanceLogCreateCheckId, conf
// Created logic
(async () => {
isLoading.value = true;
try {
const params = route.params;
const file = route.meta.file;
const isCheckPage = route.name.includes('Check');
const params = route.params;
const file = route.meta.file;
const isCheckPage = route.name.includes('Check');
if(!isCheckPage) {
switch (params.type) {
case 'log':
conformanceLogId.value = params.fileId;
break;
case 'filter':
conformanceFilterId.value = params.fileId;
break;
if(!isCheckPage) {
switch (params.type) {
case 'log':
conformanceLogId.value = params.fileId;
break;
case 'filter':
conformanceFilterId.value = params.fileId;
break;
}
} else {
switch (params.type) {
case 'log':
conformanceLogId.value = file.parent.id;
conformanceFileName.value = file.name;
break;
case 'filter':
conformanceFilterId.value = file.parent.id;
conformanceFileName.value = file.name;
break;
}
await conformanceStore.getConformanceReport();
}
} else {
switch (params.type) {
case 'log':
conformanceLogId.value = file.parent.id;
conformanceFileName.value = file.name;
break;
case 'filter':
conformanceFilterId.value = file.parent.id;
conformanceFileName.value = file.name;
break;
}
await conformanceStore.getConformanceReport();
await conformanceStore.getConformanceParams();
} catch (error) {
console.error('Failed to initialize conformance:', error);
} finally {
setTimeout(() => isLoading.value = false, 500);
}
await conformanceStore.getConformanceParams();
setTimeout(() => isLoading.value = false, 500);
})();
// Mounted

97
src/views/Discover/Map/Map.vue
View File

@@ -470,54 +470,59 @@ function setActivityBgImage(mapData) {
// Created logic
(async () => {
const routeParams = route.params;
const file = route.meta.file;
const isCheckPage = route.name.includes('Check');
try {
const routeParams = route.params;
const file = route.meta.file;
const isCheckPage = route.name.includes('Check');
isLoading.value = true;
switch (routeParams.type) {
case 'log':
if(!isCheckPage) {
logId.value = routeParams.fileId;
baseLogId.value = routeParams.fileId;
} else {
logId.value = file.parent.id;
baseLogId.value = file.parent.id;
}
break;
case 'filter':
if(!isCheckPage) {
createFilterId.value = routeParams.fileId;
} else {
createFilterId.value = file.parent.id;
}
await allMapDataStore.fetchFunnel(createFilterId.value);
isRuleData.value = Array.from(temporaryData.value);
ruleData.value = isRuleData.value.map(e => sidebarFilterRefComp.value.setRule(e));
break;
isLoading.value = true;
switch (routeParams.type) {
case 'log':
if(!isCheckPage) {
logId.value = routeParams.fileId;
baseLogId.value = routeParams.fileId;
} else {
logId.value = file.parent.id;
baseLogId.value = file.parent.id;
}
break;
case 'filter':
if(!isCheckPage) {
createFilterId.value = routeParams.fileId;
} else {
createFilterId.value = file.parent.id;
}
await allMapDataStore.fetchFunnel(createFilterId.value);
isRuleData.value = Array.from(temporaryData.value);
ruleData.value = isRuleData.value.map(e => sidebarFilterRefComp.value.setRule(e));
break;
}
await allMapDataStore.getAllMapData();
await allMapDataStore.getAllTrace();
traceId.value = traces.value[0]?.id;
baseTraceId.value = baseTraces.value[0]?.id;
await createCy(mapType.value);
await allMapDataStore.getFilterParams();
await allMapDataStore.getTraceDetail();
emitter.on('saveModal', boolean => {
sidebarView.value = boolean;
sidebarFilter.value = boolean;
sidebarTraces.value = boolean;
sidebarState.value = boolean;
});
emitter.on('leaveFilter', boolean => {
sidebarView.value = boolean;
sidebarFilter.value = boolean;
sidebarTraces.value = boolean;
sidebarState.value = boolean;
});
} catch (error) {
console.error('Failed to initialize map:', error);
} finally {
isLoading.value = false;
}
await allMapDataStore.getAllMapData();
await allMapDataStore.getAllTrace();
traceId.value = traces.value[0]?.id;
baseTraceId.value = baseTraces.value[0]?.id;
await createCy(mapType.value);
await allMapDataStore.getFilterParams();
await allMapDataStore.getTraceDetail();
isLoading.value = false;
emitter.on('saveModal', boolean => {
sidebarView.value = boolean;
sidebarFilter.value = boolean;
sidebarTraces.value = boolean;
sidebarState.value = boolean;
});
emitter.on('leaveFilter', boolean => {
sidebarView.value = boolean;
sidebarFilter.value = boolean;
sidebarTraces.value = boolean;
sidebarState.value = boolean;
});
})();
onBeforeUnmount(() => {

85
src/views/Discover/Performance/index.vue
View File

@@ -905,51 +905,54 @@ function getAvgWaitingTimeLineChart(chartData, content, yUnit) {
// Created logic
(async () => {
isLoading.value = true;
const routeParams = route.params;
const isCheckPage = route.name.includes('Check');
const type = routeParams.type;
const file = route.meta.file;
let id;
try {
const routeParams = route.params;
const isCheckPage = route.name.includes('Check');
const type = routeParams.type;
const file = route.meta.file;
let id;
if(!isCheckPage) {
id = routeParams.fileId;
} else {
id = file.parent.id;
}
if(!isCheckPage) {
id = routeParams.fileId;
} else {
id = file.parent.id;
}
// 取得 Performance Data
await performanceStore.getPerformance(type, id);
if(!performanceData.value?.time) {
// 取得 Performance Data
await performanceStore.getPerformance(type, id);
if(!performanceData.value?.time) {
return;
}
avgProcessTimeByTaskHeight.value = getHorizontalBarHeight(performanceData.value.time.avg_process_time_by_task);
if(performanceData.value.time.avg_waiting_time_by_edge !== null) {
avgWaitingTimeByEdgeHeight.value = getHorizontalBarHeight(performanceData.value.time.avg_waiting_time_by_edge);
}
casesByTaskHeight.value = getHorizontalBarHeight(performanceData.value.freq.cases_by_task);
// create chart
[avgCycleTimeData.value, avgCycleTimeOptions.value] = getExplicitDeclaredLineChart(performanceData.value.time.avg_cycle_time,
contentData.avgCycleTime, 'date');
[avgCycleEfficiencyData.value, avgCycleEfficiencyOptions.value] = getBarChart(
performanceData.value.time.avg_cycle_efficiency, contentData.avgCycleEfficiency);
[avgProcessTimeData.value, avgProcessTimeOptions.value] = getExplicitDeclaredLineChart(performanceData.value.time.avg_process_time,
contentData.avgProcessTime, 'date');
[avgProcessTimeByTaskData.value, avgProcessTimeByTaskOptions.value] = getHorizontalBarChart(
performanceData.value.time.avg_process_time_by_task, contentData.avgProcessTimeByTask, true, 'date');
[avgWaitingTimeData.value, avgWaitingTimeOptions.value] = getExplicitDeclaredLineChart(
performanceData.value.time.avg_waiting_time, contentData.avgWaitingTime, 'date');
if(performanceData.value.time.avg_waiting_time_by_edge !== null) {
[avgWaitingTimeByEdgeData.value, avgWaitingTimeByEdgeOptions.value] = getHorizontalBarChart(
performanceData.value.time.avg_waiting_time_by_edge, contentData.avgWaitingTimeByEdge, false, 'date');
} else {
[avgWaitingTimeByEdgeData.value, avgWaitingTimeByEdgeOptions.value] = [null, null]
}
[casesByTaskData.value, casesByTaskOptions.value] = getHorizontalBarChart(performanceData.value.freq.cases_by_task,
contentData.casesByTask, true, 'count');
} catch (error) {
console.error('Failed to initialize performance:', error);
} finally {
isLoading.value = false;
return;
}
avgProcessTimeByTaskHeight.value = getHorizontalBarHeight(performanceData.value.time.avg_process_time_by_task);
if(performanceData.value.time.avg_waiting_time_by_edge !== null) {
avgWaitingTimeByEdgeHeight.value = getHorizontalBarHeight(performanceData.value.time.avg_waiting_time_by_edge);
}
casesByTaskHeight.value = getHorizontalBarHeight(performanceData.value.freq.cases_by_task);
// create chart
[avgCycleTimeData.value, avgCycleTimeOptions.value] = getExplicitDeclaredLineChart(performanceData.value.time.avg_cycle_time,
contentData.avgCycleTime, 'date');
[avgCycleEfficiencyData.value, avgCycleEfficiencyOptions.value] = getBarChart(
performanceData.value.time.avg_cycle_efficiency, contentData.avgCycleEfficiency);
[avgProcessTimeData.value, avgProcessTimeOptions.value] = getExplicitDeclaredLineChart(performanceData.value.time.avg_process_time,
contentData.avgProcessTime, 'date');
[avgProcessTimeByTaskData.value, avgProcessTimeByTaskOptions.value] = getHorizontalBarChart(
performanceData.value.time.avg_process_time_by_task, contentData.avgProcessTimeByTask, true, 'date');
[avgWaitingTimeData.value, avgWaitingTimeOptions.value] = getExplicitDeclaredLineChart(
performanceData.value.time.avg_waiting_time, contentData.avgWaitingTime, 'date');
if(performanceData.value.time.avg_waiting_time_by_edge !== null) {
[avgWaitingTimeByEdgeData.value, avgWaitingTimeByEdgeOptions.value] = getHorizontalBarChart(
performanceData.value.time.avg_waiting_time_by_edge, contentData.avgWaitingTimeByEdge, false, 'date');
} else {
[avgWaitingTimeByEdgeData.value, avgWaitingTimeByEdgeOptions.value] = [null, null]
}
[casesByTaskData.value, casesByTaskOptions.value] = getHorizontalBarChart(performanceData.value.freq.cases_by_task,
contentData.casesByTask, true, 'count');
// 停止 loading
isLoading.value = false;
})();
</script>
<style scoped>