iot/spore-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(logging): replace remaining console.* with logger.debug/error across app, view-models, api-client, and framework

Browse Source
This commit is contained in:
0x1d
2025-08-31 12:18:15 +02:00
parent 4ee209ef78
commit 9dab498aa2
4 changed files with 34 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
public/scripts/app.js
View File

@@ -2,22 +2,22 @@
// Initialize the application when DOM is loaded
document.addEventListener('DOMContentLoaded', function() {
console.log('=== SPORE UI Application Initialization ===');
logger.debug('=== SPORE UI Application Initialization ===');
// Initialize the framework (but don't navigate yet)
console.log('App: Creating framework instance...');
logger.debug('App: Creating framework instance...');
const app = window.app;
// Create view models
console.log('App: Creating view models...');
logger.debug('App: Creating view models...');
const clusterViewModel = new ClusterViewModel();
const firmwareViewModel = new FirmwareViewModel();
const topologyViewModel = new TopologyViewModel();
console.log('App: View models created:', { clusterViewModel, firmwareViewModel, topologyViewModel });
logger.debug('App: View models created:', { clusterViewModel, firmwareViewModel, topologyViewModel });
// Connect firmware view model to cluster data
clusterViewModel.subscribe('members', (members) => {
console.log('App: Members subscription triggered:', members);
logger.debug('App: Members subscription triggered:', members);
if (members && members.length > 0) {
// Extract node information for firmware view
const nodes = members.map(member => ({
@@ -26,39 +26,39 @@ document.addEventListener('DOMContentLoaded', function() {
labels: member.labels || {}
}));
firmwareViewModel.updateAvailableNodes(nodes);
console.log('App: Updated firmware view model with nodes:', nodes);
logger.debug('App: Updated firmware view model with nodes:', nodes);
} else {
firmwareViewModel.updateAvailableNodes([]);
console.log('App: Cleared firmware view model nodes');
logger.debug('App: Cleared firmware view model nodes');
}
});
// Register routes with their view models
console.log('App: Registering routes...');
logger.debug('App: Registering routes...');
app.registerRoute('cluster', ClusterViewComponent, 'cluster-view', clusterViewModel);
app.registerRoute('topology', TopologyGraphComponent, 'topology-view', topologyViewModel);
app.registerRoute('firmware', FirmwareViewComponent, 'firmware-view', firmwareViewModel);
console.log('App: Routes registered and components pre-initialized');
logger.debug('App: Routes registered and components pre-initialized');
// Initialize cluster status component for header badge
console.log('App: Initializing cluster status component...');
logger.debug('App: Initializing cluster status component...');
const clusterStatusComponent = new ClusterStatusComponent(
document.querySelector('.cluster-status'),
clusterViewModel,
app.eventBus
);
clusterStatusComponent.mount();
console.log('App: Cluster status component initialized');
logger.debug('App: Cluster status component initialized');
// Set up navigation event listeners
console.log('App: Setting up navigation...');
logger.debug('App: Setting up navigation...');
app.setupNavigation();
// Now navigate to the default route
console.log('App: Navigating to default route...');
logger.debug('App: Navigating to default route...');
app.navigateTo('cluster');
console.log('=== SPORE UI Application initialization completed ===');
logger.debug('=== SPORE UI Application initialization completed ===');
});
// Burger menu toggle for mobile
@@ -97,10 +97,10 @@ function setupPeriodicUpdates() {
// Use smart update if available, otherwise fall back to regular update
if (viewModel.smartUpdate && typeof viewModel.smartUpdate === 'function') {
console.log('App: Performing smart update to preserve UI state...');
logger.debug('App: Performing smart update to preserve UI state...');
viewModel.smartUpdate();
} else if (viewModel.updateClusterMembers && typeof viewModel.updateClusterMembers === 'function') {
console.log('App: Performing regular update...');
logger.debug('App: Performing regular update...');
viewModel.updateClusterMembers();
}
}
@@ -119,18 +119,18 @@ function setupPeriodicUpdates() {
// Global error handler
window.addEventListener('error', function(event) {
console.error('Global error:', event.error);
logger.error('Global error:', event.error);
});
// Global unhandled promise rejection handler
window.addEventListener('unhandledrejection', function(event) {
console.error('Unhandled promise rejection:', event.reason);
logger.error('Unhandled promise rejection:', event.reason);
});
// Clean up on page unload
window.addEventListener('beforeunload', function() {
if (window.app) {
console.log('App: Cleaning up cached components...');
logger.debug('App: Cleaning up cached components...');
window.app.cleanup();
}
});