-
-
-
-
-
-
-
-
-
-
-
-
-
DevTools Hub
-
Your developer toolkit
-
-
-
-
-
-
-
-
-
- Navigation
-
-
-
-
-
-
-
-
- {currentView === 'home' && (
-
-
-
Welcome to DevTools Hub
-
- Select a tool from the menu to get started
-
-
-
handleNavigation('docker-debugger')}
- >
-
-
-
-
-
-
Docker Build Debugger
-
- Paste your build logs and get detailed error analysis with recommended fixes
-
-
-
-
-
Docker Build Debugger
-
- Analyze errors and get instant solutions
-
-
-
+
+
}>
+
+
+
+
+
+
{
+ console.log('[APP_ROUTER] 🔍 Search opened')
+ setSearchOpen(true)
+ }}
+ onShowShortcuts={() => {
+ console.log('[APP_ROUTER] ⌨️ Shortcuts dialog opened')
+ setShortcutsOpen(true)
+ }}
+ onGenerateAI={() => {
+ console.log('[APP_ROUTER] 🤖 AI generation requested')
+ toast.info('AI generation coming soon')
+ }}
+ onExport={() => {
+ console.log('[APP_ROUTER] 📤 Export requested')
+ toast.info('Export coming soon')
+ }}
+ onPreview={() => {
+ console.log('[APP_ROUTER] 👁️ Preview opened')
+ setPreviewOpen(true)
+ }}
+ onShowErrors={() => {
+ console.log('[APP_ROUTER] ⚠️ Navigating to errors page')
+ navigateToPage('errors')
+ }}
+ />
+
+
+
+
+ {
+ console.log('[APP_ROUTER] 🔍 Search navigation to:', page)
+ navigateToPage(page)
+ }}
+ onFileSelect={(fileId) => {
+ console.log('[APP_ROUTER] 📄 File selected from search:', fileId)
+ setActiveFileId(fileId)
+ navigateToPage('code')
+ }}
+ />
+
+
+
+
+
+
+
+
+
+
+
)
}
+function App() {
+ console.log('[APP_ROUTER] 🔧 Initializing App component')
+ console.time('[APP_ROUTER] App render')
+
+ console.log('[APP_ROUTER] 🌱 Initializing seed data hook')
+ const { loadSeedData } = useSeedData()
+ const projectState = useProjectState()
+ const { featureToggles, files, setFiles, ...restState } = projectState
+ console.log('[APP_ROUTER] ✅ Hooks initialized')
+
+ console.log('[APP_ROUTER] 📁 Initializing file operations for router context')
+ const fileOps = useFileOperations(files, setFiles)
+
+ const [appReady, setAppReady] = useState(false)
+ console.log('[APP_ROUTER] 💾 App ready state:', appReady)
+
+ console.log('[APP_ROUTER] ⏰ Setting up initialization effect')
+ useEffect(() => {
+ console.log('[APP_ROUTER] 🚀 Initialization effect triggered')
+ console.time('[APP_ROUTER] Seed data loading')
+
+ const timer = setTimeout(() => {
+ console.log('[APP_ROUTER] ⏱️ Fallback timer triggered (100ms)')
+ setAppReady(true)
+ }, 100)
+
+ console.log('[APP_ROUTER] 📥 Starting seed data load')
+ loadSeedData()
+ .then(() => {
+ console.log('[APP_ROUTER] ✅ Seed data loaded successfully')
+ })
+ .catch(err => {
+ console.error('[APP_ROUTER] ❌ Seed data loading failed:', err)
+ })
+ .finally(() => {
+ console.log('[APP_ROUTER] 🏁 Seed data loading complete')
+ clearTimeout(timer)
+ setAppReady(true)
+ console.timeEnd('[APP_ROUTER] Seed data loading')
+ console.log('[APP_ROUTER] ✅ App marked as ready')
+
+ console.log('[APP_ROUTER] 🚀 Preloading critical components')
+ preloadCriticalComponents()
+ })
+
+ return () => {
+ console.log('[APP_ROUTER] 🧹 Cleaning up initialization effect')
+ clearTimeout(timer)
+ }
+ }, [loadSeedData])
+
+ const stateContext = {
+ files,
+ ...restState,
+ activeFileId: fileOps.activeFileId,
+ }
+
+ const actionContext = {
+ handleFileChange: fileOps.handleFileChange,
+ setActiveFileId: fileOps.setActiveFileId,
+ handleFileClose: fileOps.handleFileClose,
+ handleFileAdd: fileOps.handleFileAdd,
+ setFiles,
+ ...Object.fromEntries(
+ Object.entries(restState).filter(([key]) => key.startsWith('set'))
+ ),
+ }
+
+ console.log('[APP_ROUTER] 🎨 Rendering App component UI')
+ console.log('[APP_ROUTER] App state - appReady:', appReady)
+ console.timeEnd('[APP_ROUTER] App render')
+
+ if (!appReady) {
+ console.log('[APP_ROUTER] ⏳ App not ready, showing loading screen')
+ return (
+
+
+
+
Loading CodeForge...
+
+
+ )
+ }
+
+ console.log('[APP_ROUTER] ✅ App ready, rendering router')
+ return (
+
+
+
+ )
+}
+
+console.log('[APP_ROUTER] ✅ App component defined')
+console.timeEnd('[APP_ROUTER] Component initialization')
+
export default App
diff --git a/src/config/pages.json b/src/config/pages.json
index d5dce4c..d677474 100644
--- a/src/config/pages.json
+++ b/src/config/pages.json
@@ -355,6 +355,16 @@
"shortcut": "ctrl+shift+d",
"order": 24,
"props": {}
+ },
+ {
+ "id": "docker-debugger",
+ "title": "Docker Debugger",
+ "icon": "Wrench",
+ "component": "DockerBuildDebugger",
+ "enabled": true,
+ "toggleKey": "dockerDebugger",
+ "order": 25,
+ "props": {}
}
]
}
diff --git a/src/lib/component-registry.ts b/src/lib/component-registry.ts
index 6d6800d..0890626 100644
--- a/src/lib/component-registry.ts
+++ b/src/lib/component-registry.ts
@@ -151,6 +151,11 @@ export const ComponentRegistry = {
() => import('@/components/DataBindingDesigner').then(m => ({ default: m.DataBindingDesigner })),
'DataBindingDesigner'
),
+
+ DockerBuildDebugger: lazyWithPreload(
+ () => import('@/components/DockerBuildDebugger').then(m => ({ default: m.DockerBuildDebugger })),
+ 'DockerBuildDebugger'
+ ),
} as const
export const DialogRegistry = {