Broken Link Checker

\n setUrl(e.target.value)}\n placeholder=\"Enter website URL\"\n required\n />\n \n \n {error && (\n

Error

{error}

\n )}\n {progress && (\n

Progress

Phase: {progress.phase}

\n {progress.phase === \"fetching\" && (\n

\n Processed Pages: {progress.processedPages}\n
\n Total Links: {progress.totalLinks}\n
\n Remaining Pages: {progress.remainingPages}\n

\n )}\n {progress.phase === \"checking\" && (\n

\n Checked Links: {progress.checkedLinks} / {progress.totalLinks}\n
\n Broken Links: {brokenLinks.length}\n
\n Unchecked Links: {progress.uncheckedLinks}\n
\n Progress: {progress.progress.toFixed(2)}%\n

\n )}\n

\n )}\n {(loading || brokenLinks.length > 0) && (\n

Broken Links Found

\n \n \n \n \n \n \n \n \n \n \n \n {brokenLinks.map((link, index) => (\n \n \n \n \n \n \n \n ))}\n \n

#	Found On	Broken Link	Status Code	Reason
{index + 1}	\n {link.foundOn}\n	\n {link.url}\n	{link.statusCode}	{link.reason}

\n )}\n {results && !results.error && (\n

Results

{results.summary}

Unchecked Links

\n \n \n \n \n \n \n \n \n \n \n {results.uncheckedLinks.map((link, index) => (\n \n \n \n \n \n \n ))}\n \n

#	Found On	Unchecked Link	Reason
{`${index + 1}/${results.uncheckedLinks.length}`}	\n {link.foundOn}\n	\n {link.url}\n	{link.reason}

Filtered Links

\n \n \n \n \n \n \n \n \n \n {results.filteredUrls.map((link, index) => (\n \n \n \n \n \n ))}\n \n

#	Filtered Link	Reason
{`${index + 1}/${results.filteredUrls.length}`}	\n {link.url}\n	{link.reason}

\n )}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nlet currentProgress = null;\nlet lastProgressUpdate = null;\nlet progressUpdateCount = 0;\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n\n if (url.pathname === \"/api/progress\" && request.method === \"GET\") {\n const now = new Date();\n if (lastProgressUpdate && currentProgress) {\n const timeSinceLastUpdate = now.getTime() - lastProgressUpdate.getTime();\n if (timeSinceLastUpdate < 1000) {\n progressUpdateCount++;\n } else {\n progressUpdateCount = 0;\n }\n }\n\n lastProgressUpdate = now;\n\n const progressToSend = { ...currentProgress };\n\n if (currentProgress && currentProgress.lastBrokenLinks) {\n currentProgress.lastBrokenLinks = [];\n }\n\n const jsonString = JSON.stringify(progressToSend);\n return new Response(jsonString, {\n headers: {\n \"Content-Type\": \"application/json; charset=utf-8\",\n \"Cache-Control\": \"no-store\",\n \"X-Content-Type-Options\": \"nosniff\",\n },\n });\n }\n\n if (url.pathname === \"/api/check-links\" && request.method === \"POST\") {\n let requestBody;\n try {\n requestBody = await request.json();\n } catch (error) {\n console.error(\"Error parsing request body:\", error);\n return new Response(JSON.stringify({ error: \"Invalid request body\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n const { url: websiteUrl } = requestBody;\n if (!websiteUrl) {\n return new Response(JSON.stringify({ error: \"Missing URL in request body\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n try {\n currentProgress = { phase: \"initializing\" };\n lastProgressUpdate = new Date();\n progressUpdateCount = 0;\n const report = await findBrokenLinks(websiteUrl);\n currentProgress = null;\n lastProgressUpdate = null;\n progressUpdateCount = 0;\n return new Response(JSON.stringify(report), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"Error checking links:\", error);\n currentProgress = null;\n lastProgressUpdate = null;\n progressUpdateCount = 0;\n return new Response(JSON.stringify({ error: error.message }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n return new Response(\n `\n \n \n Broken Link Checker\n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 20px;\n background-color: #f4f4f4;\n}\n\nh1, h2, h3 {\n color: #333;\n}\n\nform {\n margin-bottom: 20px;\n}\n\ninput[type=\"url\"] {\n width: 300px;\n padding: 5px;\n margin-right: 10px;\n}\n\nbutton {\n padding: 5px 10px;\n background-color: #333;\n color: #fff;\n border: none;\n cursor: pointer;\n}\n\nbutton:disabled {\n background-color: #999;\n}\n\ntable {\n width: 100%;\n border-collapse: collapse;\n margin-top: 20px;\n}\n\nth, td {\n padding: 10px;\n border: 1px solid #ddd;\n text-align: left;\n}\n\nth {\n background-color: #f2f2f2;\n font-weight: bold;\n}\n\ntr:nth-child(even) {\n background-color: #f9f9f9;\n}\n\na {\n color: #0066cc;\n text-decoration: none;\n}\n\na:hover {\n text-decoration: underline;\n}\n`;","deleted","label",[99],"permalink","https://www.val.town/x/willthereader/affableMagentaPlanarian/code/main.tsx","extension","actionData","errors"]