🚨 {error.message || 'Unknown Error'}

\n \n {showDetails && (\n

\n          {JSON.stringify(error, Object.getOwnPropertyNames(error), 2)}\n

\n )}\n

\n );\n}\n\n// Loading Spinner Component\nfunction LoadingSpinner() {\n return (\n

\n 🌀\n

Exploring knowledge...

\n );\n}\n\nfunction App() {\n const [query, setQuery] = useState('');\n const [nodeData, setNodeData] = useState(null);\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState(null);\n\n // Add global error handling\n useEffect(() => {\n const handleGlobalError = (event) => {\n Logger.error('Global Script Error', {\n message: event.message,\n filename: event.filename,\n lineno: event.lineno,\n colno: event.colno,\n error: event.error\n });\n setError(new NodeNavigatorError('Script loading error', {\n originalError: event.message\n }));\n };\n\n window.addEventListener('error', handleGlobalError);\n return () => window.removeEventListener('error', handleGlobalError);\n }, []);\n\n async function handleSearch() {\n Logger.trace('handleSearch', { query });\n \n // Reset previous states\n setNodeData(null);\n setError(null);\n \n // Validate query\n if (!query.trim()) {\n const emptyQueryError = new NodeNavigatorError('Empty query input', {\n queryLength: query.length\n });\n setError(emptyQueryError);\n return;\n }\n\n setIsLoading(true);\n try {\n const queryPath = await buildQueryPath(query);\n const response = await fetch(queryPath);\n \n if (!response.ok) {\n throw new NodeNavigatorError(`HTTP error! status: ${response.status}`, {\n status: response.status,\n url: queryPath\n });\n }\n \n const data = await response.json();\n const formattedData = await formatNodeData(data);\n \n setNodeData(formattedData);\n Logger.log('Search completed successfully', formattedData);\n } catch (error) {\n const processedError = error instanceof NodeNavigatorError \n ? error \n : new NodeNavigatorError('Unexpected error occurred', { \n originalError: error.message \n });\n \n Logger.error('Search failed', processedError);\n setError(processedError);\n } finally {\n setIsLoading(false);\n }\n }\n\n return (\n

🌐 NodeNavigator

Explore knowledge, one node at a time

\n \n

\n setQuery(e.target.value)}\n placeholder=\"Enter a topic to explore...\"\n style={styles.searchInput}\n />\n \n

\n\n {isLoading && }\n\n {error && }\n\n {nodeData && (\n

{nodeData.node}

{nodeData.summary}

\n \n

\n {nodeData.links.map((link, index) => (\n

\n {link.relation}: {link.description}\n

\n ))}\n

\n )}\n

\n );\n}\n\nconst styles = {\n // Previous styles remain the same\n errorContainer: {\n backgroundColor: 'rgba(255, 0, 0, 0.1)',\n color: 'white',\n padding: '15px',\n borderRadius: '8px',\n textAlign: 'center',\n marginTop: '20px'\n },\n errorText: {\n margin: 0\n },\n errorDetailsButton: {\n backgroundColor: 'rgba(255, 255, 255, 0.2)',\n color: 'white',\n border: 'none',\n padding: '5px 10px',\n marginTop: '10px',\n borderRadius: '4px',\n cursor: 'pointer'\n },\n errorDetails: {\n backgroundColor: 'rgba(0, 0, 0, 0.5)',\n color: 'white',\n textAlign: 'left',\n padding: '10px',\n borderRadius: '4px',\n maxHeight: '300px',\n overflowY: 'auto',\n whiteSpace: 'pre-wrap',\n wordBreak: 'break-all',\n marginTop: '10px'\n }\n};\n\nfunction client() {\n // Add global error handling script\n window.addEventListener('error', (event) => {\n console.error('Global Script Error:', event);\n });\n\n const style = document.createElement('style');\n style.textContent = `\n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n `;\n document.head.appendChild(style);\n \n try {\n createRoot(document.getElementById(\"root\")).render();\n } catch (error) {\n console.error('Root rendering error:', error);\n }\n}\n\n// Ensure client function runs only in browser environment\nif (typeof document !== \"undefined\" && typeof window !== \"undefined\") { \n try {\n client(); \n } catch (error) {\n console.error('Client initialization error:', error);\n }\n}\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n NodeNavigator\n \n \n \n \n \n

\n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}","deleted","label",[98],"permalink","https://www.val.town/x/Learn/rousingBronzeMandrill/code/main.tsx","extension","actionData","errors"]