#!/usr/bin/env node /** * Zet een nieuw review-conceptbestand + screenshot klaar op basis van alleen een URL. * * Gebruik: * ANTHROPIC_API_KEY=... npm run new-review -- [slug] * (of: ANTHROPIC_API_KEY in .env zetten — zie .env.example — en dan gewoon * `npm run new-review -- [slug]`, of `make review URL= [SLUG=slug]` * om na afloop meteen vim te openen op het net aangemaakte bestand) * * Wat het doet: * 1. Screenshot van de site (Playwright) -> src/assets/reviews//screenshot.png * (de reviewpagina toont deze automatisch als hero bovenaan, gelinkt naar de * website, zodra het bestand bestaat — zie reviews/[slug].astro) * 2. Titel/meta/zichtbare tekst van de site scrapen * 3. Claude (Haiku) laten samenvatten tot titel/bedrijfsnaam/categorie (één woord, * bepaalt ook de coverkleur en de sectie op /categorieen)/doelgroep/prijsindicatie * — met expliciete instructie om niets te verzinnen, onbekend = leeg veld * 4. Claude laat ook een concepttekst schrijven voor de secties "Voor wie", * "Wie zit erachter" en "Prijs" (gebaseerd op de site-tekst, gemarkeerd * als AI-concept) * 5. Nieuw src/content/reviews/.md wegschrijven vanuit _template.md, met die velden ingevuld * * Wat het BEWUST NIET automatisch invult: * score, verdict, "Wat is het" en "Hands-on indruk" — dat is jouw eigen testervaring * na het zelf proberen, niet iets wat een script (of AI die de website leest) kan * beoordelen. Alle AI-ingevulde velden/secties krijgen een "AI-concept, controleren!"- * markering: check ze na. */ import { chromium } from "playwright"; import Anthropic from "@anthropic-ai/sdk"; import { mkdir, readFile, writeFile, access } from "node:fs/promises"; import path from "node:path"; import { fileURLToPath } from "node:url"; const __dirname = path.dirname(fileURLToPath(import.meta.url)); const projectRoot = path.resolve(__dirname, ".."); function slugify(hostname) { return hostname .replace(/^www\./, "") .replace(/\.(com|nl|ai|io|app|co)$/i, "") .toLowerCase() .replace(/[^a-z0-9]+/g, "-") .replace(/(^-|-$)/g, ""); } function fillField(template, field, value) { // Laat de regel (met het voorbeeld in de comment) ongewijzigd als er niets gevonden is, // zodat de gebruiker nog steeds ziet wat er verwacht wordt en het zelf kan invullen. if (!value) return template; const re = new RegExp(`^${field}: ""(\\s*#.*)?$`, "m"); return template.replace(re, `${field}: ${JSON.stringify(value)} # AI-concept, controleren!`); } function fillSection(template, heading, placeholderComment, prose) { // Zelfde idee als fillField, maar dan voor een hele body-sectie: als er niets // gevonden is, blijft de originele hint-comment gewoon staan voor handmatig invullen. if (!prose) return template; const search = `## ${heading}\n\n`; const replacement = `## ${heading}\n\n${prose}\n\n`; return template.replace(search, replacement); } async function main() { const [, , urlArg, slugArg] = process.argv; if (!urlArg) { console.error("Gebruik: npm run new-review -- [slug]"); process.exit(1); } let url; try { url = new URL(urlArg).toString(); } catch { console.error(`Ongeldige URL: ${urlArg}`); process.exit(1); } const slug = slugArg || slugify(new URL(url).hostname); const contentPath = path.join(projectRoot, "src", "content", "reviews", `${slug}.md`); try { await access(contentPath); console.error( `Bestaat al: ${path.relative(projectRoot, contentPath)} — kies een andere slug of verwijder 'm eerst.`, ); process.exit(1); } catch { // bestaat nog niet, prima } if (!process.env.ANTHROPIC_API_KEY) { console.error("ANTHROPIC_API_KEY niet gezet. Voorbeeld:"); console.error(` ANTHROPIC_API_KEY=sk-ant-... npm run new-review -- ${urlArg}`); process.exit(1); } console.error(`Site laden: ${url}`); const browser = await chromium.launch(); const page = await browser.newPage({ viewport: { width: 1440, height: 900 } }); try { await page.goto(url, { waitUntil: "networkidle", timeout: 30_000 }); } catch { await page.goto(url, { waitUntil: "load", timeout: 30_000 }); } const outDir = path.join(projectRoot, "src", "assets", "reviews", slug); await mkdir(outDir, { recursive: true }); const screenshotPath = path.join(outDir, "screenshot.png"); await page.screenshot({ path: screenshotPath }); console.error(`Screenshot: ${path.relative(projectRoot, screenshotPath)}`); const pageTitle = await page.title(); const metaDescription = await page .locator('meta[name="description"]') .first() .getAttribute("content") .catch(() => null); const bodyText = (await page.locator("body").innerText()).slice(0, 8000); await browser.close(); console.error("Claude laten meekijken voor de basisinfo..."); const anthropic = new Anthropic(); const extraction = await anthropic.messages.create({ model: "claude-haiku-4-5-20251001", max_tokens: 2048, tools: [ { name: "record_tool_info", description: "Leg de basisinformatie van deze tool vast voor een reviewtemplate.", input_schema: { type: "object", properties: { title: { type: "string", description: "Nederlandse review-titel in de stijl 'Bedrijfsnaam: wat het doet in één zin'", }, company: { type: "string", description: "Naam van het bedrijf/product" }, location: { type: "string", description: "Vestigingsplaats, ALLEEN als die letterlijk ergens op de site staat, anders lege string", }, category: { type: "string", description: "Categorie in ÉÉN Nederlands woord (bepaalt ook de sectie op de categorieënpagina), bv. 'Klantenservice', 'Boekhouding', 'Marketing', 'Juridisch'. Geen meerwoordige omschrijvingen.", }, for_who: { type: "string", description: "Korte typering van de doelgroep, gebaseerd op de site-tekst" }, price_from: { type: "string", description: "Laagste genoemde prijs incl. periode, bv. '€39 /maand', ALLEEN als een bedrag op de site staat, anders lege string", }, hosting: { type: "string", description: "Korte typering van hosting/privacy ALLEEN als expliciet vermeld (bv. 'EU, GDPR-verklaring'), anders lege string", }, for_who_prose: { type: "string", description: "1-3 zinnen Nederlandse lopende tekst voor de sectie 'Voor wie': welk type gebruiker/bedrijf dit relevant vindt, en voor wie juist niet. Gebaseerd op de site-tekst, niet verzinnen. Lege string als er te weinig te zeggen valt.", }, company_info_prose: { type: "string", description: "1-3 zinnen Nederlandse lopende tekst voor de sectie 'Wie zit erachter': team/locatie/funding/omzet ALLEEN als dat ergens op de site staat. Lege string als er niets over te vinden is (niet gokken of aanvullen met algemene kennis).", }, price_prose: { type: "string", description: "1-3 zinnen Nederlandse lopende tekst voor de sectie 'Prijs': iets uitgebreider dan een los bedrag, bv. tiers, gratis laag, wat er wel/niet in zit — ALLEEN gebaseerd op wat er echt op de site staat. Lege string als er geen prijsinformatie te vinden is.", }, }, required: [ "title", "company", "location", "category", "for_who", "price_from", "hosting", "for_who_prose", "company_info_prose", "price_prose", ], }, }, ], tool_choice: { type: "tool", name: "record_tool_info" }, messages: [ { role: "user", content: "Hier is de inhoud van een bedrijfswebsite, voor een conceptreview op een AI-tool-blog. " + "Haal er alleen op wat er ECHT letterlijk staat, verzin nooit feiten (prijzen, locatie, " + "team). Onbekende/niet-vermelde velden: lege string, niet gokken. Voor de lopende-tekst-" + "velden (for_who_prose/company_info_prose/price_prose) mag je de site-tekst wel in eigen " + "woorden samenvatten, in de rustige/nuchtere toon van de rest van de site — maar blijf bij " + "wat de site zelf claimt, voeg geen eigen mening of hands-on-oordeel toe.\n\n" + `Paginatitel: ${pageTitle}\n` + `Meta-omschrijving: ${metaDescription ?? ""}\n\n` + `Zichtbare tekst van de pagina:\n${bodyText}`, }, ], }); const toolUse = extraction.content.find((block) => block.type === "tool_use"); if (!toolUse) { console.error("Kon geen structured info uit het Claude-antwoord halen."); process.exit(1); } const info = toolUse.input; const templatePath = path.join(projectRoot, "src", "content", "reviews", "_template.md"); let content = await readFile(templatePath, "utf-8"); // instructie-comment bovenaan het template hoort niet in een echt reviewbestand content = content.replace(/# Kopieer dit bestand[\s\S]*?koppeltekens\.\n\n/, ""); // date/score horen pas een echte waarde te krijgen bij het publiceren. Het // template zet ze op respectievelijk "" en 0 als leesbaar voorbeeld voor de // handmatige workflow, maar allebei zijn dat *ongeldige* waarden voor het // Zod-schema (date: "" faalt de date-coercion, score: 0 faalt min(1)) — dus // hier uitcommentariëren i.p.v. laten staan, zodat het veld echt afwezig is // (de .optional() in het schema kan er dan mee uit de voeten) maar er wél // zichtbaar blijft staan HOE je 'm moet invullen zodra je gaat publiceren. content = content.replace( /^date: ""(\s*#.*)?$/m, "# date: 2026-01-01 # invullen zodra je draft: false zet", ); content = content.replace( /^score: 0(\s*#.*)?$/m, "# score: 3 # geheel getal 1-5 (aantal robots) — invullen vóórdat je draft: false zet", ); content = content.replace(/^website: ""(\s*#.*)?$/m, `website: ${JSON.stringify(url)}`); content = fillField(content, "title", info.title); content = fillField(content, "company", info.company); content = fillField(content, "location", info.location); content = fillField(content, "category", info.category); content = fillField(content, "for_who", info.for_who); content = fillField(content, "price_from", info.price_from); content = fillField(content, "hosting", info.hosting); content = fillSection( content, "Voor wie", "Voor welk type gebruiker/bedrijf is dit relevant, en voor wie juist niet.", info.for_who_prose, ); content = fillSection( content, "Wie zit erachter", "Team, locatie, funding/omzet indien bekend. Onbekend? Dat gewoon zo benoemen.", info.company_info_prose, ); content = fillSection( content, "Prijs", "Prijsmodel iets uitgebreider dan het specs-balkje: tiers, gratis laag, addertjes onder het gras.", info.price_prose, ); // Geen screenshot-markdown meer in de body: de reviewpagina toont 'm zelf al // automatisch als hero bovenaan (gelinkt naar de website) zodra // src/assets/reviews//screenshot.png bestaat, zie reviews/[slug].astro. await writeFile(contentPath, content, "utf-8"); console.error(`Concept aangemaakt: ${path.relative(projectRoot, contentPath)}`); console.error( "Nog met de hand te doen: elk 'AI-concept, controleren!'-veld/sectie naast lezen, en zelf 'Wat is het', score, verdict en hands-on indruk schrijven na het testen.", ); // enige stdout-regel, bedoeld om door scripts (bv. de Makefile) opgepakt te worden console.log(contentPath); } main();