📄 Non-HTML Content

Content Type: ${contentType}

\n Download File\n

\n `,\n url,\n };\n }\n }\n\n // Initial page or no URL provided\n if (!urlParam && !navUrl) {\n return new Response(\n `\n \n \n Universal Web Navigator\n \n \n \n

🌐 Universal Web Navigator

\n \n

Example: https://example.com

\n View Source\n \n

\n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n }\n\n try {\n // Determine which URL to fetch\n const currentUrl = navUrl || urlParam;\n\n // Validate URL\n const parsedUrl = new URL(currentUrl);\n\n // Only allow http and https protocols\n if (![\"http:\", \"https:\"].includes(parsedUrl.protocol)) {\n throw new Error(\"Invalid URL protocol\");\n }\n\n // Fetch webpage\n const pageData = await fetchWebPage(currentUrl);\n\n return new Response(\n `\n \n \n Web Navigator: ${parsedUrl.hostname}\n \n \n \n \n

\n \n \n

\n \n

\n \n \n \n View Source\n

\n \n \n `,\n {\n headers: {\n \"Content-Type\": \"text/html\",\n \"X-Content-Type-Options\": \"nosniff\",\n },\n },\n );\n } catch (error) {\n return new Response(\n `\n \n \n Navigation Error\n \n \n \n

❌ Error

Error navigating: ${error.message}

\n View Source\n

\n \n \n `,\n {\n status: 500,\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n }\n}\n\n// Utility function to escape HTML to prevent XSS\nfunction escapeHtml(unsafe: string): string {\n return unsafe\n .replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\")\n .replace(/'/g, \"'\");\n}\n\nconst css = `\nbody {\n font-family: system-ui, sans-serif;\n margin: 0;\n padding: 0;\n background-color: #f4f4f4;\n}\n.container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n text-align: center;\n}\n.navigation-bar {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-bottom: 20px;\n gap: 10px;\n}\n.navigation-bar button {\n padding: 10px;\n cursor: pointer;\n}\n#url-display {\n flex-grow: 1;\n padding: 10px;\n width: 50%;\n}\n.iframe-container {\n position: relative;\n width: 100%;\n padding-bottom: 56.25%; /* 16:9 aspect ratio */\n height: 0;\n overflow: hidden;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n margin-bottom: 20px;\n}\n.iframe-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n}\n.file-download {\n text-align: center;\n padding: 20px;\n background-color: #f8f9fa;\n}\na {\n color: #007bff;\n text-decoration: none;\n}\na:hover {\n text-decoration: underline;\n}\n`;","deleted","label",[99],"permalink","https://www.val.town/x/tallesjp/prosperousTealGiraffe/code/main.tsx","extension","actionData","errors"]