lib/site-context.ts

import fs from "fs";

export function loadSiteContext(file="stripe.json") {

  const data = JSON.parse(
    fs.readFileSync(file,"utf-8")
  );


  return `
REFERENCE WEBSITE:

Title:
${data.title}

Description:
${data.description}

Viewport:
${data.viewport}


LAYOUT STRUCTURE:

${(data.headingsChunks || [])
.flat()
.map((h:any)=>`${h.level}: ${h.text}`)
.join("\n")}


VISUAL SYSTEM:

Colors:
${(data.design?.colors || []).join(", ")}

Fonts:
${(data.design?.fonts || []).join(", ")}

Font Sizes:
${(data.design?.fontSizes || []).join(", ")}

Spacing:
${(data.design?.spacing || []).join(", ")}

Border Radius:
${(data.design?.borderRadius || []).join(", ")}

Gradients:
${(data.design?.gradients || []).join(", ")}


ASSETS:

Images:
${(data.images || []).slice(0,20).join("\n")}


CONTENT:

${(data.textChunks || [data.text])
.slice(0,5)
.join("\n")}
`;
}