Files
Momento/memento-note/app/api/link-preview/route.ts
Antigravity ba3ab3422a
Some checks failed
CI / Lint, Unit Tests & Build (push) Failing after 1m29s
CI / Deploy production (on server) (push) Has been skipped
feat: Link Preview block (carte aperçu URL) + proxy images
- Bloc Link Preview : colle une URL → carte avec titre, description, image, favicon
- API /api/link-preview : extraction OpenGraph + meta tags
- API /api/image-proxy : contourne le hotlinking (Referer spoofing)
- Métadonnées persistées en HTML (data-preview JSON) — pas de refetch au reload
- Texte indexable : titre + description + URL inclus pour recherche/embeddings
- Modal propre pour saisir l'URL (plus de prompt())
- Slash menu + smart paste 'Coller comme carte aperçu'
- i18n FR/EN complet
- Fix: bouton calendrier retiré du sélecteur de vue
2026-06-14 17:43:53 +00:00

102 lines
2.8 KiB
TypeScript

import { NextRequest, NextResponse } from 'next/server'
export async function GET(req: NextRequest) {
const url = req.nextUrl.searchParams.get('url')
if (!url) {
return NextResponse.json({ error: 'Missing url' }, { status: 400 })
}
try {
const parsed = new URL(url)
if (!['http:', 'https:'].includes(parsed.protocol)) {
return NextResponse.json({ error: 'Invalid protocol' }, { status: 400 })
}
const controller = new AbortController()
const timeout = setTimeout(() => controller.abort(), 8000)
const res = await fetch(url, {
signal: controller.signal,
headers: {
'User-Agent': 'Mozilla/5.0 (compatible; MementoBot/1.0)',
'Accept': 'text/html',
},
redirect: 'follow',
})
clearTimeout(timeout)
if (!res.ok) {
return NextResponse.json({ error: 'Fetch failed' }, { status: 502 })
}
const html = await res.text()
const data = extractMetadata(html, parsed)
return NextResponse.json(data, {
headers: { 'Cache-Control': 'public, s-maxage=86400' },
})
} catch {
return NextResponse.json({ error: 'Failed to fetch' }, { status: 502 })
}
}
function extractMetadata(html: string, url: URL) {
const getMeta = (pattern: RegExp): string | null => {
const m = html.match(pattern)
return m?.[1]?.trim() || null
}
const getMetaProperty = (prop: string): string | null => {
return getMeta(new RegExp(`<meta[^>]+(?:property|name)=["']${prop}["'][^>]+content=["']([^"']+)["']`, 'i'))
|| getMeta(new RegExp(`<meta[^>]+content=["']([^"']+)["'][^>]+(?:property|name)=["']${prop}["']`, 'i'))
}
const title =
getMetaProperty('og:title') ||
getMeta(new RegExp('<title[^>]*>([^<]+)</title>', 'i')) ||
null
const description =
getMetaProperty('og:description') ||
getMetaProperty('description') ||
getMetaProperty('twitter:description') ||
null
const image =
getMetaProperty('og:image') ||
getMetaProperty('twitter:image') ||
null
const siteName =
getMetaProperty('og:site_name') ||
null
const favicon = image
? null
: `https://www.google.com/s2/favicons?domain=${url.hostname}&sz=32`
const finalImage = image
? (image.startsWith('http') ? image : new URL(image, url.origin).href)
: null
return {
title: title ? decodeEntities(title) : null,
description: description ? decodeEntities(description).slice(0, 200) : null,
image: finalImage,
favicon,
siteName: siteName || url.hostname.replace('www.', ''),
}
}
function decodeEntities(text: string): string {
return text
.replace(/&amp;/g, '&')
.replace(/&lt;/g, '<')
.replace(/&gt;/g, '>')
.replace(/&quot;/g, '"')
.replace(/&#39;/g, "'")
.replace(/&#x27;/g, "'")
.replace(/&nbsp;/g, ' ')
}