ros/automaker
1
0
Fork 0
mirror of https://github.com/AutoMaker-Org/automaker.git synced 2026-02-03 08:53:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: standardize logging across UI components

Browse Source 
- Replaced console.log and console.error statements with logger methods from @automaker/utils in various UI components, ensuring consistent log formatting and improved readability.
- Enhanced error handling by utilizing logger methods to provide clearer context for issues encountered during operations.
- Updated multiple views and hooks to integrate the new logging system, improving maintainability and debugging capabilities.

This update significantly enhances the observability of UI components, facilitating easier troubleshooting and monitoring.
This commit is contained in:
Shirone
2026-01-02 17:25:13 +01:00
parent 96a999817f
commit 69f3ba9724
86 changed files with 1079 additions and 677 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/ui/src/components/views/settings-view/api-keys/hooks/use-api-key-management.ts
View File

@@ -1,5 +1,8 @@
import { useState, useEffect } from 'react';
import { createLogger } from '@automaker/utils/logger';
import { useAppStore } from '@/store/app-store';
const logger = createLogger('ApiKeyManagement');
import { getElectronAPI } from '@/lib/electron';
import type { ProviderConfigParams } from '@/config/api-providers';
@@ -60,7 +63,7 @@ export function useApiKeyManagement() {
});
}
} catch (error) {
console.error('Failed to check API key status:', error);
logger.error('Failed to check API key status:', error);
}
}
};

9
apps/ui/src/components/views/settings-view/hooks/use-cli-status.ts
View File

@@ -1,5 +1,8 @@
import { useState, useEffect, useCallback } from 'react';
import { createLogger } from '@automaker/utils/logger';
import { useSetupStore } from '@/store/setup-store';
const logger = createLogger('CliStatus');
import { getElectronAPI } from '@/lib/electron';
interface CliStatusResult {
@@ -40,7 +43,7 @@ export function useCliStatus() {
const status = await api.checkClaudeCli();
setClaudeCliStatus(status);
} catch (error) {
console.error('Failed to check Claude CLI status:', error);
logger.error('Failed to check Claude CLI status:', error);
}
}
@@ -84,7 +87,7 @@ export function useCliStatus() {
setClaudeAuthStatus(authStatus);
}
} catch (error) {
console.error('Failed to check Claude auth status:', error);
logger.error('Failed to check Claude auth status:', error);
}
}
};
@@ -102,7 +105,7 @@ export function useCliStatus() {
setClaudeCliStatus(status);
}
} catch (error) {
console.error('Failed to refresh Claude CLI status:', error);
logger.error('Failed to refresh Claude CLI status:', error);
} finally {
setIsCheckingClaudeCli(false);
}

5
apps/ui/src/components/views/settings-view/hooks/use-cursor-permissions.ts
View File

@@ -1,5 +1,8 @@
import { useState, useCallback } from 'react';
import { createLogger } from '@automaker/utils/logger';
import { toast } from 'sonner';
const logger = createLogger('CursorPermissions');
import { getHttpApiClient } from '@/lib/http-api-client';
import type { CursorPermissionProfile } from '@automaker/types';
@@ -41,7 +44,7 @@ export function useCursorPermissions(projectPath?: string) {
});
}
} catch (error) {
console.error('Failed to load Cursor permissions:', error);
logger.error('Failed to load Cursor permissions:', error);
} finally {
setIsLoadingPermissions(false);
}

5
apps/ui/src/components/views/settings-view/hooks/use-cursor-status.ts
View File

@@ -1,5 +1,8 @@
import { useState, useEffect, useCallback } from 'react';
import { createLogger } from '@automaker/utils/logger';
import { toast } from 'sonner';
const logger = createLogger('CursorStatus');
import { getHttpApiClient } from '@/lib/http-api-client';
import { useSetupStore } from '@/store/setup-store';
@@ -48,7 +51,7 @@ export function useCursorStatus() {
});
}
} catch (error) {
console.error('Failed to load Cursor settings:', error);
logger.error('Failed to load Cursor settings:', error);
toast.error('Failed to load Cursor settings');
} finally {
setIsLoading(false);

11
apps/ui/src/components/views/settings-view/mcp-servers/hooks/use-mcp-servers.ts
View File

@@ -1,5 +1,8 @@
import { useState, useEffect, useRef, useCallback, useMemo } from 'react';
import { createLogger } from '@automaker/utils/logger';
import { useAppStore } from '@/store/app-store';
const logger = createLogger('MCPServers');
import { toast } from 'sonner';
import type { MCPServerConfig } from '@automaker/types';
import { syncSettingsToServer, loadMCPServersFromServer } from '@/hooks/use-settings-migration';
@@ -72,7 +75,7 @@ export function useMCPServers() {
// Auto-load MCP servers from settings file on mount
useEffect(() => {
loadMCPServersFromServer().catch((error) => {
console.error('Failed to load MCP servers on mount:', error);
logger.error('Failed to load MCP servers on mount:', error);
});
}, []);
@@ -431,7 +434,7 @@ export function useMCPServers() {
if (serverData.type === 'stdio') {
if (!serverConfig.command) {
console.warn(`Skipping ${name}: no command specified`);
logger.warn(`Skipping ${name}: no command specified`);
return null;
}
@@ -458,7 +461,7 @@ export function useMCPServers() {
}
} else {
if (!serverConfig.url) {
console.warn(`Skipping ${name}: no url specified`);
logger.warn(`Skipping ${name}: no url specified`);
return null;
}
serverData.url = serverConfig.url as string;
@@ -491,7 +494,7 @@ export function useMCPServers() {
const name = config.name as string;
if (!name) {
console.warn('Skipping server: no name specified');
logger.warn('Skipping server: no name specified');
skippedCount++;
continue;
}