🗺️ Sitemap Viewer

\n {children}\n

\n \n \n );\n}\n\ninterface FormProps {\n url?: string;\n recursive?: boolean;\n}\n\nexport function SitemapForm({ url, recursive }: FormProps) {\n return (\n \n );\n}\n\nexport function StatsPanel({ result }: { result: SitemapResult }) {\n const { stats } = result;\n return (\n

{stats.urlCount.toLocaleString()}

URLs

\n {stats.sitemapCount > 0 && (\n

{stats.sitemapCount}

Child Sitemaps

\n )}\n

{result.timing}ms

Fetch Time

\n {stats.newestDate && (\n

{stats.newestDate.split(\"T\")[0]}

Newest

\n )}\n {stats.oldestDate && (\n

{stats.oldestDate.split(\"T\")[0]}

Oldest

\n )}\n {stats.missingLastmod > 0 && (\n

{stats.missingLastmod}

Missing Dates

\n )}\n

\n );\n}\n\nexport function ValidationPanel({ issues }: { issues: ValidationIssue[] }) {\n if (issues.length === 0) {\n return

✓ No validation issues found

;\n }\n \n const errors = issues.filter(i => i.severity === \"error\");\n const warnings = issues.filter(i => i.severity === \"warning\");\n \n return (\n

Validation ({errors.length} errors, {warnings.length} warnings)

\n {issues.slice(0, 20).map((issue, i) => (\n

\n {issue.severity.toUpperCase()}: {issue.message}\n {issue.url &&

{issue.url}

}\n

\n ))}\n {issues.length > 20 && (\n

...and {issues.length - 20} more issues

\n )}\n

\n );\n}\n\nexport function UrlTable({ urls, limit = 100 }: { urls: SitemapUrl[]; limit?: number }) {\n const displayed = urls.slice(0, limit);\n return (\n

URLs ({urls.length.toLocaleString()} total)

\n \n \n \n \n \n \n \n \n \n \n {displayed.map((url, i) => (\n \n \n \n \n \n \n ))}\n \n

URL	Last Modified	Priority	Change Freq
\n {url.loc}\n	{url.lastmod \|\| \"-\"}	{url.priority \|\| \"-\"}	{url.changefreq \|\| \"-\"}

\n {urls.length > limit && (\n

Showing {limit} of {urls.length.toLocaleString()} URLs

\n )}\n

\n );\n}\n\nexport function SitemapIndexTable({ sitemaps }: { sitemaps: SitemapIndex[] }) {\n return (\n

Child Sitemaps ({sitemaps.length})

\n \n \n \n \n \n \n \n \n {sitemaps.map((sm, i) => (\n \n \n \n \n ))}\n \n

Sitemap URL	Last Modified
\n {sm.loc}\n	{sm.lastmod \|\| \"-\"}

\n );\n}\n\nexport function ResultsPanel({ results }: { results: SitemapResult[] }) {\n return (\n

\n {results.map((result, i) => (\n

\n {result.url}\n \n {result.success ? (\n <>\n \n {result.sitemap?.type || \"unknown\"}\n \n {\" \"}\n OK\n \n ) : (\n ERROR\n )}\n \n

\n \n {result.error && (\n

\n Error: {result.error}\n

\n )}\n \n {result.success && result.sitemap && (\n <>\n \n \n

Validation ({result.validation.length} issues)

\n \n

\n \n {result.sitemap.type === \"sitemapindex\" ? (\n \n ) : (\n

URL List

\n \n

\n )}\n \n )}\n

\n ))}\n

\n );\n}\n","deleted","label",[100],"permalink","https://www.val.town/x/kamalnrf/sitemap-viewer/code/components.tsx","extension","actionData","errors"]