@bagelink/blox 1.12.22 → 1.13.1

package/dist/prerender-BXf1VF7r.js

@@ -0,0 +1,497 @@
+import fs from "node:fs/promises";
+import path from "node:path";
+import process from "node:process";
+import { pathToFileURL } from "node:url";
+async function fetchCmsSiteData(apiBase, websiteName) {
+  const sitesRes = await fetch(`${apiBase}/cms/websites`);
+  const sitesData = await sitesRes.json();
+  const sites = Array.isArray(sitesData) ? sitesData : sitesData.data ?? [];
+  const site = sites.find((s) => s.name === websiteName);
+  if ((site == null ? void 0 : site.id) == null || site.id === "") throw new Error(`Website "${websiteName}" not found at ${apiBase}`);
+  let website = site;
+  try {
+    const wRes = await fetch(`${apiBase}/cms/websites/${site.id}`);
+    if (wRes.ok) website = await wRes.json();
+  } catch {
+  }
+  const pagesRes = await fetch(`${apiBase}/cms/websites/${site.id}/pages?locale=${website.default_locale || "en"}`);
+  const pagesData = await pagesRes.json();
+  const pages = Array.isArray(pagesData) ? pagesData : pagesData.data ?? [];
+  const paths = await expandRoutes(apiBase, pages);
+  let redirects = [];
+  try {
+    const rRes = await fetch(`${apiBase}/cms/websites/${site.id}/redirects`);
+    if (rRes.ok) {
+      const rData = await rRes.json();
+      const items = Array.isArray(rData) ? rData : rData.data ?? [];
+      redirects = items.filter((r) => r.from_path && r.to_path);
+    }
+  } catch {
+  }
+  return { websiteId: site.id, website, paths, redirects };
+}
+async function fetchCmsPrerenderPaths(apiBase, websiteName) {
+  const { paths } = await fetchCmsSiteData(apiBase, websiteName);
+  return paths;
+}
+async function expandRoutes(apiBase, pages) {
+  const routes = [];
+  for (const page of pages) {
+    const slug = page.slug ?? "/";
+    if (page.status && page.status !== "published") continue;
+    if (slug.includes(":") && page.data_bindings) {
+      for (const [, binding] of Object.entries(page.data_bindings)) {
+        const b = binding;
+        if (b.adapter === "datastore" && b.collection != null && b.collection !== "" && b.store != null && b.store !== "" && b.bind_by != null && b.bind_by !== "") {
+          try {
+            const itemsRes = await fetch(
+              `${apiBase}/datastore/${b.store}/collections/${b.collection}?limit=200`
+            );
+            const itemsData = await itemsRes.json();
+            const items = Array.isArray(itemsData) ? itemsData : itemsData.data ?? [];
+            for (const item of items) {
+              const bindValue = item[b.bind_by];
+              if (bindValue != null && bindValue !== "") {
+                const concrete = slug.replace(
+                  /:([a-z_]+)/g,
+                  (_m, p) => p === b.bind_by ? String(bindValue) : String(item[p] ?? "")
+                );
+                routes.push(concrete);
+              }
+            }
+          } catch (e) {
+            console.warn(`  [blox-ssg] Could not expand ${slug}: ${e.message}`);
+          }
+        }
+      }
+    } else if (!slug.includes(":")) {
+      routes.push(slug === "" ? "/" : slug);
+    }
+  }
+  return [...new Set(routes)];
+}
+async function polyfillBloxSsgGlobals(options) {
+  const { env } = await import("node:process");
+  const pageUrl = (options == null ? void 0 : options.pageUrl) ?? env.BAGELINK_API_URL ?? "https://example.com/";
+  const { Window: HappyWindow } = await import("happy-dom");
+  const _win = new HappyWindow({ url: pageUrl });
+  const g = globalThis;
+  if (g.window == null) g.window = g;
+  for (const key of Object.getOwnPropertyNames(_win)) {
+    if (key === "window" || key === "global" || key === "globalThis") continue;
+    try {
+      if (!(key in g)) g[key] = _win[key];
+    } catch {
+    }
+  }
+  for (const key of [
+    "document",
+    "location",
+    "localStorage",
+    "sessionStorage",
+    "navigator",
+    "Element",
+    "Document",
+    "HTMLElement",
+    "Event",
+    "CustomEvent",
+    "MouseEvent",
+    "KeyboardEvent",
+    "MutationObserver",
+    "IntersectionObserver",
+    "ResizeObserver",
+    "getComputedStyle",
+    "matchMedia",
+    "requestAnimationFrame",
+    "cancelAnimationFrame"
+  ]) {
+    try {
+      g[key] = _win[key];
+    } catch {
+    }
+  }
+  g.window = g;
+  g.window.location = _win.location;
+  g.window.document = _win.document;
+}
+function buildPageHead(options) {
+  const { url, resolvedData, website, stateScript } = options;
+  const parts = [];
+  const meta = (website == null ? void 0 : website.meta) ?? {};
+  const page = resolvedData == null ? void 0 : resolvedData.page;
+  const ctx = extractPrimaryContext(resolvedData == null ? void 0 : resolvedData.contexts);
+  const title = (page == null ? void 0 : page.meta_title) || ctx.title || ((page == null ? void 0 : page.title) && meta.og_site_name ? `${page.title} · ${meta.og_site_name}` : null) || (page == null ? void 0 : page.title) || meta.default_meta_title;
+  if (title) {
+    const fullTitle = ctx.title && meta.og_site_name && !ctx.title.includes(meta.og_site_name) ? `${esc(ctx.title)} · ${esc(meta.og_site_name)}` : esc(title);
+    parts.push(`<title>${fullTitle}</title>`);
+  }
+  const description = (page == null ? void 0 : page.meta_description) || ctx.description || meta.default_meta_description;
+  if (description) {
+    parts.push(`<meta name="description" content="${esc(description)}">`);
+  }
+  const canonicalBase = (meta.canonical_base_url || (website == null ? void 0 : website.domain) || "").replace(/\/$/, "");
+  if (canonicalBase) {
+    parts.push(`<link rel="canonical" href="${esc(canonicalBase + url)}">`);
+  }
+  const ogTitle = (page == null ? void 0 : page.meta_title) || ctx.title || (page == null ? void 0 : page.title) || meta.og_site_name || meta.default_meta_title;
+  const ogDesc = (page == null ? void 0 : page.meta_description) || ctx.description || meta.og_description || meta.default_meta_description;
+  const ogImage = (page == null ? void 0 : page.og_image) || ctx.image || meta.default_og_image;
+  const ogType = meta.og_type || "website";
+  if (ogTitle) parts.push(`<meta property="og:title" content="${esc(ogTitle)}">`);
+  if (ogDesc) parts.push(`<meta property="og:description" content="${esc(ogDesc)}">`);
+  if (ogImage) parts.push(`<meta property="og:image" content="${esc(ogImage)}">`);
+  parts.push(`<meta property="og:type" content="${esc(ogType)}">`);
+  if (canonicalBase) parts.push(`<meta property="og:url" content="${esc(canonicalBase + url)}">`);
+  if (meta.og_site_name) parts.push(`<meta property="og:site_name" content="${esc(meta.og_site_name)}">`);
+  const twitterCard = meta.twitter_card || (ogImage ? "summary_large_image" : "summary");
+  parts.push(`<meta name="twitter:card" content="${esc(twitterCard)}">`);
+  if (ogTitle) parts.push(`<meta name="twitter:title" content="${esc(ogTitle)}">`);
+  if (ogDesc) parts.push(`<meta name="twitter:description" content="${esc(ogDesc)}">`);
+  if (ogImage) parts.push(`<meta name="twitter:image" content="${esc(ogImage)}">`);
+  if (meta.twitter_site) parts.push(`<meta name="twitter:site" content="${esc(meta.twitter_site)}">`);
+  const alternates = resolvedData == null ? void 0 : resolvedData.alternates;
+  if (alternates && canonicalBase) {
+    for (const [locale, slug] of Object.entries(alternates)) {
+      parts.push(`<link rel="alternate" hreflang="${esc(locale)}" href="${esc(canonicalBase + slug)}">`);
+    }
+    const defaultSlug = alternates[(website == null ? void 0 : website.default_locale) ?? "en"] ?? url;
+    parts.push(`<link rel="alternate" hreflang="x-default" href="${esc(canonicalBase + defaultSlug)}">`);
+  }
+  if (meta.noindex) {
+    parts.push('<meta name="robots" content="noindex, nofollow">');
+  }
+  if (stateScript) {
+    parts.push(stateScript);
+  }
+  return parts.join("\n");
+}
+function buildSiteHead(website) {
+  if (!website) return "";
+  const parts = [];
+  const meta = website.meta ?? {};
+  if (website.favicon_url) {
+    parts.push(`<link rel="icon" href="${esc(website.favicon_url)}">`);
+  }
+  if (meta.webclip) {
+    parts.push(`<link rel="apple-touch-icon" sizes="180x180" href="${esc(meta.webclip)}">`);
+  }
+  if (meta.verification_google) {
+    parts.push(`<meta name="google-site-verification" content="${esc(meta.verification_google)}">`);
+  }
+  if (meta.verification_bing) {
+    parts.push(`<meta name="msvalidate.01" content="${esc(meta.verification_bing)}">`);
+  }
+  if (meta.structured_data_org) {
+    try {
+      const json = typeof meta.structured_data_org === "string" ? meta.structured_data_org : JSON.stringify(meta.structured_data_org);
+      parts.push(`<script type="application/ld+json">${json}${"<"}/script>`);
+    } catch {
+    }
+  }
+  const plausibleId = website.plausible_site_id;
+  if (plausibleId) {
+    parts.push(`<script defer data-domain="${esc(plausibleId)}" src="https://plausible.io/js/script.js"><${"/"}script>`);
+  }
+  return parts.join("\n");
+}
+function generateSitemapXml(options) {
+  const { renderedPaths, canonicalBase, defaultChangefreq = "weekly", defaultPriority = "0.7" } = options;
+  const base = canonicalBase.replace(/\/$/, "");
+  const urls = renderedPaths.map((p) => {
+    const priority = p === "/" ? "1.0" : defaultPriority;
+    const changefreq = p === "/" ? "daily" : defaultChangefreq;
+    return `  <url>
+    <loc>${esc(base + p)}</loc>
+    <changefreq>${changefreq}</changefreq>
+    <priority>${priority}</priority>
+  </url>`;
+  });
+  return `<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+${urls.join("\n")}
+</urlset>
+`;
+}
+function generateRobotsTxt(options) {
+  const { robotsTxt, canonicalBase, noindex } = options;
+  if (noindex) {
+    return `User-agent: *
+Disallow: /
+`;
+  }
+  const base = (canonicalBase || "").replace(/\/$/, "");
+  const sitemapLine = base ? `
+Sitemap: ${base}/sitemap.xml
+` : "";
+  if (robotsTxt) {
+    if (sitemapLine && !robotsTxt.toLowerCase().includes("sitemap:")) {
+      return robotsTxt.trimEnd() + "\n" + sitemapLine;
+    }
+    return robotsTxt;
+  }
+  return `User-agent: *
+Allow: /
+${sitemapLine}`;
+}
+function generateNetlifyRedirects(redirects) {
+  if (redirects.length === 0) return "";
+  return redirects.map((r) => `${r.from_path}  ${r.to_path}  ${r.status_code}`).join("\n") + "\n";
+}
+function stripTemplateSeoTags(template) {
+  return template.replace(/<title>[^<]*<\/title>/gi, "<!--ssg:title-->").replace(/<meta\s[^>]*name\s*=\s*["']description["'][^>]*>/gi, "").replace(/<meta\s[^>]*property\s*=\s*["']og:[^"']*["'][^>]*>/gi, "").replace(/<meta\s[^>]*(?:property|name)\s*=\s*["']twitter:[^"']*["'][^>]*>/gi, "").replace(/<link\s[^>]*rel\s*=\s*["']apple-touch-icon["'][^>]*>/gi, "").replace(/<link\s[^>]*rel\s*=\s*["']icon["'][^>]*>/gi, "").replace(/\n\s*\n\s*\n/g, "\n\n");
+}
+function extractPrimaryContext(contexts) {
+  const empty = { title: null, description: null, image: null };
+  if (!contexts || typeof contexts !== "object") return empty;
+  const ctx = Object.values(contexts).find((c) => c != null);
+  if (!ctx) return empty;
+  const str = (key) => {
+    const v = ctx[key];
+    return typeof v === "string" && v.trim() ? v.trim() : null;
+  };
+  return {
+    title: str("meta_title") || str("title"),
+    description: str("meta_description") || str("excerpt") || str("description") || str("blurb") || str("summary"),
+    image: str("og_image") || str("cover_image_url") || str("image_url") || str("image")
+  };
+}
+function esc(s) {
+  return s.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+async function prerender({
+  root = process.cwd(),
+  clientOutDir = "dist/client",
+  serverEntry = "dist/server/main.server.js",
+  paths = [],
+  crawl = true,
+  excludePaths = [],
+  failFast = false,
+  maxPages = 5e3,
+  mode = "dir",
+  website = null,
+  redirects = []
+} = {}) {
+  const absRoot = path.resolve(root);
+  const absClient = path.resolve(absRoot, clientOutDir);
+  const absServerEntry = path.resolve(absRoot, serverEntry);
+  const templatePath = path.join(absClient, "index.html");
+  const rawTemplate = await fs.readFile(templatePath, "utf8");
+  let template = stripTemplateSeoTags(rawTemplate);
+  const siteHead = buildSiteHead(website);
+  if (siteHead) {
+    template = template.replace("</head>", `${siteHead}
+</head>`);
+  }
+  const serverMod = await import(pathToFileURL(absServerEntry).href);
+  if (typeof serverMod.render !== "function") {
+    throw new TypeError(
+      `SSR entry must export async function render(url, ctx). Missing "render" in: ${absServerEntry}`
+    );
+  }
+  let manifest = null;
+  try {
+    const manifestPath = path.join(absClient, "ssr-manifest.json");
+    manifest = JSON.parse(await fs.readFile(manifestPath, "utf8"));
+  } catch {
+  }
+  const isExcluded = makeExcludeChecker(excludePaths);
+  const queue = [];
+  const seen = /* @__PURE__ */ new Set();
+  enqueue("/", queue, seen, isExcluded);
+  for (const p of paths) enqueue(p, queue, seen, isExcluded);
+  const fontPreloads = await discoverFontPreloads(absClient);
+  const rendered = [];
+  const failures = [];
+  while (queue.length) {
+    if (rendered.length >= maxPages) break;
+    const urlPath = queue.shift();
+    if (urlPath == null || urlPath === "") continue;
+    if (isExcluded(urlPath)) continue;
+    try {
+      const { html, head = "", htmlAttrs = "" } = await serverMod.render(urlPath, {
+        manifest,
+        template,
+        website
+      });
+      const outHtml = injectIntoTemplate(template, head, html, fontPreloads, htmlAttrs);
+      const outfile = outFilePath(absClient, urlPath, mode);
+      await fs.mkdir(path.dirname(outfile), { recursive: true });
+      await fs.writeFile(outfile, outHtml, "utf8");
+      rendered.push(urlPath);
+      if (crawl) {
+        const discovered = discoverInternalLinks(outHtml);
+        for (const p of discovered) enqueue(p, queue, seen, isExcluded);
+      }
+    } catch (err) {
+      failures.push({ path: urlPath, error: err });
+      if (failFast) throw err;
+      console.warn(`[prerender] failed: ${urlPath}
+`, err.stack ?? err);
+    }
+  }
+  const websiteMeta = (website == null ? void 0 : website.meta) ?? {};
+  const canonicalBase = (websiteMeta.canonical_base_url || (website == null ? void 0 : website.domain) || "").replace(/\/$/, "");
+  if (canonicalBase && rendered.length > 0) {
+    const sitemap = generateSitemapXml({ renderedPaths: rendered, canonicalBase });
+    await fs.writeFile(path.join(absClient, "sitemap.xml"), sitemap, "utf8");
+    console.log(`  Generated sitemap.xml (${rendered.length} URLs)`);
+  }
+  const robotsTxt = generateRobotsTxt({
+    robotsTxt: website == null ? void 0 : website.robots_txt,
+    canonicalBase,
+    noindex: websiteMeta.noindex
+  });
+  await fs.writeFile(path.join(absClient, "robots.txt"), robotsTxt, "utf8");
+  console.log("  Generated robots.txt");
+  if (redirects.length > 0) {
+    const redirectsContent = generateNetlifyRedirects(redirects);
+    const redirectsPath = path.join(absClient, "_redirects");
+    let existing = "";
+    try {
+      existing = await fs.readFile(redirectsPath, "utf8");
+    } catch {
+    }
+    await fs.writeFile(redirectsPath, redirectsContent + existing, "utf8");
+    console.log(`  Generated _redirects (${redirects.length} rules)`);
+  }
+  return {
+    rendered,
+    failures,
+    queuedRemaining: queue.length,
+    totalDiscovered: seen.size
+  };
+}
+function normalizePath(p) {
+  if (!p) return "/";
+  try {
+    if (p.startsWith("http://") || p.startsWith("https://")) {
+      const u = new URL(p);
+      p = u.pathname + (u.search || "");
+    }
+  } catch {
+  }
+  if (!p.startsWith("/")) p = `/${p}`;
+  const hashIdx = p.indexOf("#");
+  if (hashIdx !== -1) p = p.slice(0, hashIdx);
+  p = p.replace(/\/{2,}/g, "/");
+  if (p.length > 1 && p.endsWith("/")) p = p.slice(0, -1);
+  return p || "/";
+}
+function enqueue(p, queue, seen, isExcluded) {
+  const np = normalizePath(p);
+  if (seen.has(np)) return;
+  if (isExcluded(np)) return;
+  seen.add(np);
+  queue.push(np);
+}
+function makeExcludeChecker(excludePaths) {
+  const rules = Array.isArray(excludePaths) ? excludePaths : [excludePaths];
+  return (p) => {
+    const np = normalizePath(p);
+    for (const r of rules) {
+      if (typeof r === "string" && r === "") continue;
+      if (typeof r === "function") {
+        if (r(np)) return true;
+      } else if (r instanceof RegExp) {
+        if (r.test(np)) return true;
+      } else if (typeof r === "string") {
+        const prefix = normalizePath(r);
+        if (np === prefix || np.startsWith(`${prefix}/`)) return true;
+      }
+    }
+    return false;
+  };
+}
+async function discoverFontPreloads(clientOutDir) {
+  const assetsDir = path.join(clientOutDir, "assets");
+  let cssFiles = [];
+  try {
+    const entries = await fs.readdir(assetsDir);
+    cssFiles = entries.filter((f) => f.endsWith(".css")).map((f) => path.join(assetsDir, f));
+  } catch {
+    return "";
+  }
+  const seen = /* @__PURE__ */ new Set();
+  const woff2Re = /url\((["']?)(https?:\/\/[^"')]+\.woff2)\1\)/g;
+  for (const file of cssFiles) {
+    const css = await fs.readFile(file, "utf8");
+    for (const [, , url] of css.matchAll(woff2Re)) {
+      if (url !== "") seen.add(url);
+    }
+  }
+  return [...seen].map((href) => `<link rel="preload" as="font" type="font/woff2" crossorigin href="${href}">`).join("\n");
+}
+function injectIntoTemplate(template, head, appHtml, fontPreloads, htmlAttrs = "") {
+  let out = template;
+  if (template.includes("<!--app-html-->")) {
+    out = template.replace("<!--app-html-->", appHtml);
+  } else if (template.includes('<div id="app"></div>')) {
+    out = template.replace('<div id="app"></div>', `<div id="app">${appHtml}</div>`);
+  }
+  if (htmlAttrs) {
+    const langMatch = htmlAttrs.match(/lang="([^"]*)"/);
+    if (langMatch) {
+      out = out.replace(/(<html[^>]*\s)lang="[^"]*"/, `$1lang="${langMatch[1]}"`);
+    }
+  }
+  if (fontPreloads) {
+    out = out.replace("</head>", `${fontPreloads}
+</head>`);
+  }
+  if (head) {
+    if (/<title>/.test(head)) {
+      out = out.replace("<!--ssg:title-->", "");
+    }
+    const descTagRe = /<meta\s[^>]*name\s*=\s*["']description["'][^>]*>/gi;
+    const descMatches = [...head.matchAll(descTagRe)];
+    if (descMatches.length > 1) {
+      for (let i = 0; i < descMatches.length - 1; i++) {
+        head = head.replace(descMatches[i][0], "");
+      }
+    }
+    if (/<meta\s[^>]*name\s*=\s*["']description["']/i.test(head)) {
+      out = out.replace(/<meta\s[^>]*name\s*=\s*["']description["'][^>]*>/gi, "");
+    }
+    out = out.replace("</head>", `${head}
+</head>`);
+  }
+  return out;
+}
+function outFilePath(absClientDir, urlPath, mode) {
+  const [pathname] = urlPath.split("?");
+  const safe = pathname === "/" ? "/" : pathname;
+  if (mode === "file") {
+    if (safe === "/") return path.join(absClientDir, "index.html");
+    return path.join(absClientDir, `${safe.slice(1)}.html`);
+  }
+  if (safe === "/") return path.join(absClientDir, "index.html");
+  return path.join(absClientDir, safe.slice(1), "index.html");
+}
+function discoverInternalLinks(html) {
+  const out = /* @__PURE__ */ new Set();
+  const hrefRe = /\bhref\s*=\s*(?:"([^"]*)"|'([^']*)')/gi;
+  let m;
+  while ((m = hrefRe.exec(html)) !== null) {
+    const raw = (m[1] ?? m[2] ?? "").trim();
+    if (!raw) continue;
+    if (raw.startsWith("mailto:") || raw.startsWith("tel:") || raw.startsWith("javascript:") || raw.startsWith("#")) {
+      continue;
+    }
+    if (raw.startsWith("http://") || raw.startsWith("https://")) continue;
+    if (/\.(?:pdf|png|jpe?g|gif|svg|webp|css|js|map|ico)(?:\?|$)/i.test(raw)) continue;
+    const candidate = raw.startsWith("/") ? raw : `/${raw}`;
+    out.add(candidate);
+  }
+  return [...out];
+}
+export {
+  fetchCmsSiteData as a,
+  buildPageHead as b,
+  prerender as c,
+  buildSiteHead as d,
+  generateRobotsTxt as e,
+  fetchCmsPrerenderPaths as f,
+  generateNetlifyRedirects as g,
+  generateSitemapXml as h,
+  polyfillBloxSsgGlobals as p
+};