highperfocused/nostrudel
1
0
Fork 0
mirror of https://github.com/hzrd149/nostrudel.git synced 2025-04-12 05:39:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

Only fetch open graph metadata for html urls

Browse Source
This commit is contained in:
hzrd149 2023-06-29 12:33:14 -05:00
parent 13d79fec4a
commit 4bdae9941b
3 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/real-dancers-punch.md Normal file
View File

@ -0,0 +1,5 @@
---
"nostrudel": patch
---
Only fetch open graph metadata for html urls

2
src/components/open-graph-card.tsx
View File

@ -15,7 +15,7 @@ export default function OpenGraphCard({ url, ...props }: { url: URL } & Omit<Car
return (
<LinkBox borderRadius="lg" borderWidth={1} overflow="hidden" {...props}>
{data.ogImage?.map((ogImage) => (
<Image src={ogImage.url} mx="auto" />
<Image key={ogImage.url} src={ogImage.url} mx="auto" />
))}
<Box m="2" mt="4">

15
src/hooks/use-open-graph-data.ts
View File

@ -2,11 +2,22 @@ import { useAsync } from "react-use";
import extractMetaTags from "../lib/open-graph-scraper/extract";
import { fetchWithCorsFallback } from "../helpers/cors";
const pageExtensions = [".html", ".php", "htm"];
export default function useOpenGraphData(url: URL) {
return useAsync(async () => {
const controller = new AbortController();
const ext = url.pathname.match(/\.[\w+d]+$/)?.[0];
if (ext && !pageExtensions.includes(ext)) return null;
try {
const html = await fetchWithCorsFallback(url).then((res) => res.text());
return extractMetaTags(html);
const res = await fetchWithCorsFallback(url, { signal: controller.signal });
const contentType = res.headers.get("content-type");
if (contentType?.includes("text/html")) {
const html = await res.text();
return extractMetaTags(html);
} else controller.abort();
} catch (e) {}
return null;
}, [url.toString()]);