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

27
apps/ui/src/components/views/setup-view.tsx
View File

@@ -1,3 +1,4 @@
import { createLogger } from '@automaker/utils/logger';
import { useSetupStore } from '@/store/setup-store';
import { StepIndicator } from './setup-view/components';
import {
@@ -10,6 +11,8 @@ import {
} from './setup-view/steps';
import { useNavigate } from '@tanstack/react-router';
const logger = createLogger('SetupView');
// Main Setup View
export function SetupView() {
const { currentStep, setCurrentStep, completeSetup, setSkipClaudeSetup } = useSetupStore();
@@ -28,33 +31,33 @@ export function SetupView() {
const currentIndex = steps.indexOf(getStepName());
const handleNext = (from: string) => {
console.log('[Setup Flow] handleNext called from:', from, 'currentStep:', currentStep);
logger.debug('[Setup Flow] handleNext called from:', from, 'currentStep:', currentStep);
switch (from) {
case 'welcome':
console.log('[Setup Flow] Moving to theme step');
logger.debug('[Setup Flow] Moving to theme step');
setCurrentStep('theme');
break;
case 'theme':
console.log('[Setup Flow] Moving to claude_detect step');
logger.debug('[Setup Flow] Moving to claude_detect step');
setCurrentStep('claude_detect');
break;
case 'claude':
console.log('[Setup Flow] Moving to cursor step');
logger.debug('[Setup Flow] Moving to cursor step');
setCurrentStep('cursor');
break;
case 'cursor':
console.log('[Setup Flow] Moving to github step');
logger.debug('[Setup Flow] Moving to github step');
setCurrentStep('github');
break;
case 'github':
console.log('[Setup Flow] Moving to complete step');
logger.debug('[Setup Flow] Moving to complete step');
setCurrentStep('complete');
break;
}
};
const handleBack = (from: string) => {
console.log('[Setup Flow] handleBack called from:', from);
logger.debug('[Setup Flow] handleBack called from:', from);
switch (from) {
case 'theme':
setCurrentStep('welcome');
@@ -72,25 +75,25 @@ export function SetupView() {
};
const handleSkipClaude = () => {
console.log('[Setup Flow] Skipping Claude setup');
logger.debug('[Setup Flow] Skipping Claude setup');
setSkipClaudeSetup(true);
setCurrentStep('cursor');
};
const handleSkipCursor = () => {
console.log('[Setup Flow] Skipping Cursor setup');
logger.debug('[Setup Flow] Skipping Cursor setup');
setCurrentStep('github');
};
const handleSkipGithub = () => {
console.log('[Setup Flow] Skipping GitHub setup');
logger.debug('[Setup Flow] Skipping GitHub setup');
setCurrentStep('complete');
};
const handleFinish = () => {
console.log('[Setup Flow] handleFinish called - completing setup');
logger.debug('[Setup Flow] handleFinish called - completing setup');
completeSetup();
console.log('[Setup Flow] Setup completed, redirecting to welcome view');
logger.debug('[Setup Flow] Setup completed, redirecting to welcome view');
navigate({ to: '/' });
};