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: {progress.brokenLinks?.length || 0}\n
\n Unchecked Links: {progress.uncheckedLinks?.length || 0}\n
\n Progress: {progress.progress?.toFixed(2)}%\n

\n )}\n

\n )}\n {(progress?.currentBrokenLinks?.length > 0 || results) && (\n

Results

\n {progress?.phase === \"checking\" && (\n

Found {progress.currentBrokenLinks?.length || 0} broken links so far...

\n )}\n {results &&

{results.summary}

}\n

Broken Links

\n \n \n \n \n \n \n \n \n \n \n \n \n {renderBrokenLinks(\n progress?.currentBrokenLinks\n || (results?.brokenLinks?.internal?.concat(results?.brokenLinks?.external) || []),\n )}\n \n

#	Found On	Broken Link	Link Text	Status Code	Probable Cause

\n {(progress?.uncheckedLinks?.length > 0 || (results && results.uncheckedLinks)) && (\n <>\n

Unchecked Links

\n \n \n \n \n \n \n \n \n \n \n \n {(progress?.uncheckedLinks || results?.uncheckedLinks || []).map((link, index) => (\n \n \n \n \n \n \n \n ))}\n \n

#	Found On	Unchecked Link	Link Text	Reason
{`${index + 1}`}	\n {link.foundOn}\n	\n {link.url}\n	{link.text}	{link.reason}

\n \n )}\n

\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 lastProgressUpdate = now;\n\n return new Response(JSON.stringify(currentProgress), {\n headers: { \"Content-Type\": \"application/json\" },\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 const maxDepth = 5;\n currentProgress = {\n phase: \"fetching\",\n processedPages: 0,\n totalLinks: 0,\n remainingPages: 1,\n depth: 0,\n };\n\n const result = await findBrokenLinks(websiteUrl, maxDepth);\n\n return new Response(JSON.stringify(result), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.log(`\\n=== Detailed Error Information ===`);\n console.log(`Error name: ${error.name}`);\n console.log(`Error message: ${error.message}`);\n console.log(`Error stack: ${error.stack}`);\n console.log(`Current progress state: ${JSON.stringify(currentProgress, null, 2)}`);\n console.log(`Last progress update: ${lastProgressUpdate}`);\n console.log(`Progress update count: ${progressUpdateCount}`);\n console.log(`=== End Error Information ===\\n`);\n\n currentProgress = null;\n lastProgressUpdate = null;\n progressUpdateCount = 0;\n\n return new Response(\n JSON.stringify({\n error: error.message,\n errorName: error.name,\n errorStack: error.stack,\n lastKnownProgress: currentProgress,\n }),\n {\n status: 500,\n headers: {\n \"Content-Type\": \"application/json\",\n \"Access-Control-Allow-Origin\": \"*\",\n },\n },\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`;",[],[303,310],{"_104":318,"_95":319,"_142":320,"_144":304,"_145":131,"_146":321,"_148":149,"_106":322,"_101":323,"_152":324,"_154":325,"_155":26,"_156":326,"_99":327},"4e9a8374-f0a1-11ef-8f3c-e6cdfca9ef9f","website","650c74f8-ee3c-11ef-83ea-e6cdfca9ef9f",317,["D",1740176107082],47,"http","/** @jsxImportSource https://esm.sh/react */\nimport { renderToString } from \"npm:react-dom/server\";\n\nexport const website = (request: Request) => {\n // Log the URL parameter if it's in the request URL\n const url = new URL(request.url);\n const urlParam = url.searchParams.get(\"url\");\n if (urlParam) {\n console.log(\"URL parameter received:\", urlParam);\n }\n\n const renderedContent = renderToString(\n \n \n Page Title\n \n \n \n link:\n \n
\n \n \n \n ,\n );\n\n return new Response(renderedContent, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n};",[],[303,319],[303],{"_104":330,"_95":100,"_142":331,"_144":-5,"_145":131,"_146":130,"_148":149,"_106":332,"_101":333,"_152":324,"_154":334,"_155":26,"_156":335,"_99":336},"ae44f510-f0a2-11ef-ac61-e6cdfca9ef9f","de444536-ebbb-11ef-a6a0-e6cdfca9ef9f",["D",1740176697079],20,"import { checkWebsite } from \"./Backend/mainFunctionURLReciver2\";\nimport { website } from \"./Frontend/website\";\nexport default async function(req: Request): Promise {\n if (req.method == \"POST\" && req.url == \"/checkWebsite\") {\n const input = await req.text();\n return new Response(JSON.stringify(await checkWebsite(input)), { headers: { \"content-type\": \"application/json\" } });\n } else {\n return new Response(website, { headers: { \"content-type\": \"text/html;charset=UTF-8\" } });\n }\n}",[],[100],"counts",{"_339":31,"_340":90,"_341":31,"_342":31},"pulls","branches","forks","envVars","contents",[],"file",{"_104":330,"_95":100,"_142":331,"_144":-5,"_145":131,"_146":130,"_148":149,"_106":347,"_101":333,"_152":324,"_154":334,"_155":26,"_99":348},["D",1740176697079],[100],"upstream","routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_93":94,"_95":96,"_97":98,"_99":100,"_102":352,"_345":356,"_359":360,"_469":470},{"_104":105,"_95":96,"_106":353,"_108":-5,"_109":110,"_111":-5,"_112":-5,"_11":113,"_114":-5,"_115":26,"_116":117,"_118":117,"_119":120,"_121":120,"_122":120,"_123":117,"_124":26,"_20":354,"_128":355},["D",1737670113028],{"_93":94,"_126":127},{"_101":130,"_95":98,"_104":131,"_132":105,"_133":134,"_135":136},{"_104":330,"_95":100,"_142":331,"_144":-5,"_145":131,"_146":130,"_148":149,"_106":357,"_101":333,"_152":324,"_154":334,"_155":26,"_99":358},["D",1740176697079],[100],"history",[361,363,368,373,379,384,390,396,402,407,413,417,423,429,434,438,444,449,454,459,464],{"_104":330,"_142":331,"_95":100,"_152":324,"_154":334,"_144":-5,"_145":131,"_101":333,"_146":130,"_155":26,"_106":362,"_148":149},["D",1740176697079],{"_104":364,"_142":331,"_95":100,"_152":324,"_154":365,"_144":-5,"_145":131,"_101":287,"_146":366,"_155":26,"_106":367,"_148":26},"7766666e-f0a2-11ef-ada0-e6cdfca9ef9f","import { checkWebsite } from \"./Backend/mainFunctionURLReciver2\";\nimport { website } from \"./Frontend/website\";\nexport default async function(req: Request): Promise {\n if (req.method == \"POST\" && req.url == \"/checkWebsite\") {\n const input = await req.text();\n return new Response(JSON.stringify(await checkWebsite(input)), { headers: { \"content-type\": \"application/json\" } });\n } else {\n return new Response(website, { headers: { \"content-type\": \"text/html\" } });\n }\n}",320,["D",1740176605023],{"_104":369,"_142":331,"_95":100,"_152":324,"_154":334,"_144":-5,"_145":131,"_101":370,"_146":371,"_155":26,"_106":372,"_148":26},"5291d7ba-f0a2-11ef-afce-e6cdfca9ef9f",18,319,["D",1740176543233],{"_104":374,"_142":331,"_95":100,"_152":324,"_154":375,"_144":-5,"_145":131,"_101":376,"_146":377,"_155":26,"_106":378,"_148":26},"43514196-f0a2-11ef-a408-e6cdfca9ef9f","import { checkWebsite } from \"./Backend/mainFunctionURLReciver2\";\nimport { website } from \"./Frontend/website\";\nexport default async function(req: Request): Promise {\n if (req.method == \"POST\" && req.url == \"/checkWebsite\") {\n const input = await req.text();\n return new Response(JSON.stringify(await checkWebsite(input)), { headers: { \"content-type\": \"application/json\" } });\n } else {\n return new Response(website, { headers: { \"content-type\": \"application/x-www-form-urlencoded\" } });\n }\n}",17,318,["D",1740176517644],{"_104":380,"_142":331,"_95":100,"_152":324,"_154":365,"_144":-5,"_145":131,"_101":381,"_146":382,"_155":26,"_106":383,"_148":26},"7d4431d8-f093-11ef-9215-e6cdfca9ef9f",16,315,["D",1740170172416],{"_104":385,"_142":331,"_95":100,"_152":324,"_154":386,"_144":-5,"_145":131,"_101":387,"_146":388,"_155":26,"_106":389,"_148":26},"cc6e4f54-eeeb-11ef-ac93-e6cdfca9ef9f","import { checkWebsite } from \"./Backend/mainFunctionURLReciver2\";\nimport { website } from \"./Frontend/website\";\nexport default async function(req: Request): Promise {\n if (req.method == \"POST\" && req.url == \"/checkWebsite\") {\n const input = await req.text();\n return new Response(JSON.stringify(await checkWebsite(input)), { headers: { \"content-type\": \"application/json\" } });\n } else {\n return new Response(website, { headers: { \"content-type\": \"application/json\" } });\n }\n}",15,300,["D",1739988198616],{"_104":391,"_142":331,"_95":100,"_152":324,"_154":392,"_144":-5,"_145":131,"_101":393,"_146":394,"_155":26,"_106":395,"_148":26},"bd28ebd0-eeeb-11ef-a510-e6cdfca9ef9f","import { checkWebsite } from \"./Backend/mainFunctionURLReciver2\";\nimport { website } from \"./Frontend/website\";\nexport default async function(req: Request): Promise {\n if (req.method == \"POST\" && req.url == \"/checkWebsite\") {\n const input = await req.text();\n return new Response(JSON.stringify(await checkWebsite(input)), { headers: { \"content-type\": \"application/json\" } });\n } else {\n return new Response(website, { headers: { \"content-type\": \"text/javascript\" } });\n }\n}",14,299,["D",1739988172999],{"_104":397,"_142":331,"_95":100,"_152":324,"_154":398,"_144":-5,"_145":131,"_101":399,"_146":400,"_155":26,"_106":401,"_148":26},"bacb9482-eeeb-11ef-a998-e6cdfca9ef9f","import { checkWebsite } from \"./Backend/mainFunctionURLReciver2\";\nimport { website } from \"./Frontend/website\";\nexport default async function(req: Request): Promise {\n if (req.method == \"POST\" && req.url == \"/checkWebsite\") {\n const input = await req.text();\n return new Response(JSON.stringify(await checkWebsite(input)), { headers: { \"content-type\": \"application/json\" } });\n } else {\n return new Response(website, { headers: { \"content-type\": \"application/javascript\" } });\n }\n}",13,298,["D",1739988169030],{"_104":403,"_142":331,"_95":100,"_152":324,"_154":365,"_144":-5,"_145":131,"_101":404,"_146":405,"_155":26,"_106":406,"_148":26},"de217618-ee46-11ef-8dd0-e6cdfca9ef9f",12,281,["D",1739917361359],{"_104":408,"_142":331,"_95":100,"_152":324,"_154":409,"_144":-5,"_145":131,"_101":410,"_146":411,"_155":26,"_106":412,"_148":26},"c31fe840-ee46-11ef-9a23-e6cdfca9ef9f","import { checkWebsite } from \"./Backend/mainFunctionURLReciver2\";\nimport { website } from \"./Frontend/website\";\nexport default async function(req: Request): Promise {\n if (req.method == \"POST\" && req.url == \"/checkWebsite\") {\n const input = await req.text();\n return new Response(JSON.stringify(await checkWebsite(input)), { headers: { \"content-type\": \"application/json\" } });\n } else {\n return new Response(website);\n }\n}",11,279,["D",1739917316050],{"_104":414,"_142":331,"_95":100,"_152":324,"_154":365,"_144":-5,"_145":131,"_101":202,"_146":415,"_155":26,"_106":416,"_148":26},"bb4b6680-ee46-11ef-8381-e6cdfca9ef9f",278,["D",1739917302904],{"_104":418,"_142":331,"_95":100,"_152":324,"_154":419,"_144":-5,"_145":131,"_101":420,"_146":421,"_155":26,"_106":422,"_148":26},"79ba978c-ee36-11ef-886a-e6cdfca9ef9f","import { checkWebsite } from \"./Backend/mainFunctionURLReciver2\";\nexport default async function(req: Request): Promise {\n if (req.method == \"POST\" && req.url == \"/checkWebsite\") {\n const input = await req.text();\n return new Response(JSON.stringify(await checkWebsite(input)), { headers: { \"content-type\": \"application/json\" } });\n } else {\n return new Response(`

hi user

`, { headers: { \"content-type\": \"text/html\" } });\n }\n}",9,255,["D",1739910320960],{"_104":424,"_142":331,"_95":100,"_152":324,"_154":425,"_144":-5,"_145":131,"_101":426,"_146":427,"_155":26,"_106":428,"_148":26},"bfd61bac-ee35-11ef-a316-e6cdfca9ef9f","import { checkWebsite } from \"./Backend/mainFunctionURLReciver2\";\nexport default async function(req: Request): Promise {\n if (req.method == \"POST\" && req.url == \"/checkWebsite\") {\n const input = await req.text();\n return new Response(JSON.stringify(await checkWebsite(input)), { headers: { \"content-type\": \"application/json\" } });\n } else {\n return new Response(`hi user `, { headers: { \"content-type\": \"text/html\" } });\n }\n}",8,254,["D",1739910009084],{"_104":430,"_142":331,"_95":100,"_152":324,"_154":425,"_144":304,"_145":131,"_101":431,"_146":432,"_155":26,"_106":433,"_148":26},"bd3c9a06-ee35-11ef-886a-e6cdfca9ef9f",7,253,["D",1739910004723],{"_104":435,"_142":331,"_95":100,"_152":324,"_154":425,"_144":-5,"_145":131,"_101":182,"_146":436,"_155":26,"_106":437,"_148":26},"12b324e8-ebc3-11ef-a8f3-e6cdfca9ef9f",251,["D",1739640853661],{"_104":439,"_142":331,"_95":440,"_152":324,"_154":425,"_144":-5,"_145":131,"_101":441,"_146":442,"_155":26,"_106":443,"_148":26},"07984d22-ebc3-11ef-9db0-e6cdfca9ef9f","server",5,250,["D",1739640835020],{"_104":445,"_142":331,"_95":446,"_152":324,"_154":425,"_144":-5,"_145":131,"_101":164,"_146":447,"_155":26,"_106":448,"_148":26},"6e3997a8-ebc2-11ef-9e8a-e6cdfca9ef9f","excellentSilverParrotfish",249,["D",1739640577717],{"_104":450,"_142":331,"_95":446,"_152":324,"_154":451,"_144":-5,"_145":131,"_101":192,"_146":452,"_155":26,"_106":453,"_148":26},"75cd2814-ebc1-11ef-b917-e6cdfca9ef9f","import { checkWebsite } from \"./Backend/mainFunctionURLReciver2\";\nexport default async function(req: Request): Promise {\n if (req.method == \"POST\" && req.url == \"/checkWebsite\") {\n const input = await req.text();\n return new Response(JSON.stringify(await checkWebsite(input)), { headers: { \"content-type\": \"application/json\" } });\n } else {\n return new Response(\"hi\", { headers: { \"content-type\": \"text/html\" } });\n }\n}",246,["D",1739640160930],{"_104":455,"_142":331,"_95":446,"_152":324,"_154":456,"_144":-5,"_145":131,"_101":90,"_146":457,"_155":26,"_106":458,"_148":26},"5cbe2364-ebc1-11ef-8fc0-e6cdfca9ef9f","import { checkWebsite } from \"./Backend/mainFunctionURLReciver2\";\nexport default async function (req: Request): Promise {\n if (req.method == \"POST\" && req.url == \"/checkWebsite\"){\n return new Response(JSON.stringify(await checkWebsite(req.body)), { headers: { \"content-type\": \"application/json\" } });\n } else {\n return new Response(\"hi\", { headers: { \"content-type\": \"text/html\" } });\n}",245,["D",1739640118885],{"_104":460,"_142":331,"_95":446,"_152":324,"_154":461,"_144":-5,"_145":131,"_101":151,"_146":462,"_155":26,"_106":463,"_148":26},"2b0ed0ac-ebc1-11ef-86a2-e6cdfca9ef9f","import { checkWebsite } from \"./Backend/mainFunctionURLReciver2\";\nexport default async function (req: Request): Promise {\n if urlmethod == post and urlpath == /checkWebsite\n repsond.json(await checkWebsite(postBodyData))\n else \n //return html response says hi\n return new Response(\"hi\", { headers: { \"content-type\": \"text/html\" } });\n}",244,["D",1739640035528],{"_104":465,"_142":331,"_95":446,"_152":324,"_154":466,"_144":-5,"_145":131,"_101":31,"_146":467,"_155":26,"_106":468,"_148":26},"de4444a0-ebbb-11ef-a6a0-e6cdfca9ef9f","export default async function (req: Request): Promise {\n return Response.json({ ok: true })\n}",243,["D",1739637759215],"versions",[471,473,474,475,476,477,478,479,480,481,482,483,484,485,486,487,488,489,490,491,492],{"_345":361,"_472":363},"previous",{"_345":363,"_472":368},{"_345":368,"_472":373},{"_345":373,"_472":379},{"_345":379,"_472":384},{"_345":384,"_472":390},{"_345":390,"_472":396},{"_345":396,"_472":402},{"_345":402,"_472":407},{"_345":407,"_472":413},{"_345":413,"_472":417},{"_345":417,"_472":423},{"_345":423,"_472":429},{"_345":429,"_472":434},{"_345":434,"_472":438},{"_345":438,"_472":444},{"_345":444,"_472":449},{"_345":449,"_472":454},{"_345":454,"_472":459},{"_345":459,"_472":464},{"_345":464,"_472":-5},"routes/_app","actionData","errors"]

History for interfacebetweenfrontendandbackend