apophenia-news/apophenia.news
1
0
Fork 0
mirror of https://github.com/apophenia-news/apophenia.news.git synced 2026-03-17 03:11:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

Feat: nav cleanup + RSS/sitemap/robots

Browse Source
This commit is contained in:
multipleof4
2026-02-26 14:27:51 -08:00
parent ebbb07c907
commit cc64c15f76
1 changed files with 152 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

160
scripts/generate-pages.mjs
View File

@@ -6,7 +6,9 @@ import { marked } from "marked";
const ROOT = process.cwd(); const ROOT = process.cwd();
const SRC = path.join(ROOT, "src"); const SRC = path.join(ROOT, "src");
const PUBLIC = path.join(ROOT, "public");
const ARTICLES_GLOB = "articles/**/index.md"; const ARTICLES_GLOB = "articles/**/index.md";
const SITE_URL = (process.env.SITE_URL || "https://apophenia.news").replace(/\/+$/, "");
marked.setOptions({ breaks: true, gfm: true }); marked.setOptions({ breaks: true, gfm: true });
@@ -27,7 +29,7 @@ const logo = `
<circle cx="60" cy="60" r="10" fill="#111827"/> <circle cx="60" cy="60" r="10" fill="#111827"/>
</svg>`; </svg>`;
const shellHead = ({ title, desc, image }) => `<!doctype html> const shellHead = ({ title, desc, image, url, type = "website" }) => `<!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
@@ -36,9 +38,12 @@ const shellHead = ({ title, desc, image }) => `<!doctype html>
<meta name="description" content="${escapeHtml(desc || "")}" /> <meta name="description" content="${escapeHtml(desc || "")}" />
<meta property="og:title" content="${escapeHtml(title)}" /> <meta property="og:title" content="${escapeHtml(title)}" />
<meta property="og:description" content="${escapeHtml(desc || "")}" /> <meta property="og:description" content="${escapeHtml(desc || "")}" />
<meta property="og:type" content="article" /> <meta property="og:type" content="${type}" />
${url ? `<meta property="og:url" content="${url}" />` : ""}
${image ? `<meta property="og:image" content="${image}" />` : ""} ${image ? `<meta property="og:image" content="${image}" />` : ""}
<meta name="theme-color" content="#fcfcfa" /> <meta name="theme-color" content="#fcfcfa" />
${url ? `<link rel="canonical" href="${url}" />` : ""}
<link rel="alternate" type="application/rss+xml" title="apophenia.news RSS" href="${SITE_URL}/rss.xml" />
<script type="module" src="/main.js"></script> <script type="module" src="/main.js"></script>
</head> </head>
<body> <body>
@@ -59,11 +64,13 @@ const nav = `
</button> </button>
<nav class="hidden sm:flex items-center gap-6 text-sm"> <nav class="hidden sm:flex items-center gap-6 text-sm">
<a href="/">Home</a> <a href="/">Home</a>
<a href="#latest">Latest</a> <a href="/write/">Become a writer</a>
<a href="/rss.xml">RSS</a>
</nav> </nav>
<nav class="sm:hidden absolute left-4 right-4 top-[70px] card p-3" x-show="open" x-transition> <nav class="sm:hidden absolute left-4 right-4 top-[70px] card p-3" x-show="open" x-transition>
<a class="block py-1.5" href="/">Home</a> <a class="block py-1.5" href="/">Home</a>
<a class="block py-1.5" href="#latest">Latest</a> <a class="block py-1.5" href="/write/">Become a writer</a>
<a class="block py-1.5" href="/rss.xml">RSS</a>
</nav> </nav>
</div> </div>
</header> </header>
@@ -85,6 +92,9 @@ const fmtDate = (date) =>
const escapeHtml = (s = "") => const escapeHtml = (s = "") =>
s.replace(/[&<>"']/g, (ch) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }[ch])); s.replace(/[&<>"']/g, (ch) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }[ch]));
const escapeXml = (s = "") =>
s.replace(/[<>&'"]/g, (ch) => ({ "<": "&lt;", ">": "&gt;", "&": "&amp;", "'": "&apos;", '"': "&quot;" }[ch]));
const fixInternalLinks = (html) => const fixInternalLinks = (html) =>
html html
.replace(/href="\.\//g, 'href="/') .replace(/href="\.\//g, 'href="/')
@@ -98,7 +108,9 @@ const renderHome = (articles) => `
${shellHead({ ${shellHead({
title: "apophenia.news — The news outlet for pattern seekers", title: "apophenia.news — The news outlet for pattern seekers",
desc: "Signals, anomalies, civilization trajectories, and deep pattern analysis.", desc: "Signals, anomalies, civilization trajectories, and deep pattern analysis.",
image: "https://direct-img.link/constellation+data+points+minimal+white+background" image: "https://direct-img.link/constellation+data+points+minimal+white+background",
url: `${SITE_URL}/`,
type: "website"
})} })}
${nav} ${nav}
<main class="shell py-10"> <main class="shell py-10">
@@ -108,7 +120,7 @@ ${nav}
<p class="mt-4 text-zinc-700 max-w-2xl">High-agency analysis at the intersection of AGI, consciousness, geopolitics, and first-contact logic.</p> <p class="mt-4 text-zinc-700 max-w-2xl">High-agency analysis at the intersection of AGI, consciousness, geopolitics, and first-contact logic.</p>
</section> </section>
<section id="latest" class="mt-10"> <section class="mt-10">
<div class="flex items-center justify-between mb-4"> <div class="flex items-center justify-between mb-4">
<h2 class="text-2xl font-bold">Latest Articles</h2> <h2 class="text-2xl font-bold">Latest Articles</h2>
<span class="text-sm text-zinc-500">${articles.length} published</span> <span class="text-sm text-zinc-500">${articles.length} published</span>
@@ -143,7 +155,13 @@ ${footer}
`; `;
const renderArticle = (article) => ` const renderArticle = (article) => `
${shellHead({ title: `${article.title} — apophenia.news`, desc: article.description, image: article.header_image })} ${shellHead({
title: `${article.title} — apophenia.news`,
desc: article.description,
image: article.header_image,
url: `${SITE_URL}/${article.slug}/`,
type: "article"
})}
${nav} ${nav}
<main class="shell py-10"> <main class="shell py-10">
<article class="card overflow-hidden"> <article class="card overflow-hidden">
@@ -169,6 +187,58 @@ ${nav}
${footer} ${footer}
`; `;
const renderWritePage = () => `
${shellHead({
title: "Become a writer for apophenia.news",
desc: "Pitch your pattern analysis. Email your story as a Markdown file for review and publication.",
image: "https://direct-img.link/writer+typing+cosmic+newsroom+editorial",
url: `${SITE_URL}/write/`,
type: "website"
})}
${nav}
<main class="shell py-10">
<article class="card p-6 sm:p-10">
<p class="tag mb-3"><i data-lucide="pen-line" class="h-3.5 w-3.5"></i>Contributor Program</p>
<h1 class="text-4xl sm:text-5xl font-bold leading-tight">Become a writer for apophenia.news</h1>
<p class="mt-4 text-zinc-700 max-w-3xl">
Have a strong pattern-based story, analysis, or investigation? Send it to us.
</p>
<div class="article-prose mt-8">
<h2>How to submit</h2>
<ul>
<li>Write your article in a <strong>.md (Markdown)</strong> file.</li>
<li>Email it to <a href="mailto:planetrenox@pm.me">planetrenox@pm.me</a>.</li>
<li>If approved, your story will be published on apophenia.news.</li>
<li>Your byline can use your real name or an alias.</li>
</ul>
<h2>Submission tips</h2>
<ul>
<li>Lead with a clear thesis and strong evidence.</li>
<li>Use links/citations when making factual claims.</li>
<li>Include a short author bio line if you want one shown.</li>
<li>Add a suggested title, slug, description, and tags at the top (frontmatter preferred).</li>
</ul>
<h2>Frontmatter template (optional)</h2>
<pre><code>---
title: "Your headline"
slug: your-slug
date: 2026-03-01
author: Your Name or Alias
description: "1-2 sentence summary"
header_image: https://direct-img.link/your+image+query
tags:
- your-tag
- another-tag
---</code></pre>
</div>
</article>
</main>
${footer}
`;
const ensureCleanGenerated = async () => { const ensureCleanGenerated = async () => {
await fs.mkdir(SRC, { recursive: true }); await fs.mkdir(SRC, { recursive: true });
const children = await fs.readdir(SRC, { withFileTypes: true }); const children = await fs.readdir(SRC, { withFileTypes: true });
@@ -180,6 +250,74 @@ const ensureCleanGenerated = async () => {
); );
}; };
const toISODate = (d) => new Date(d).toISOString().split("T")[0];
const renderRss = (articles) => {
const lastBuildDate = new Date().toUTCString();
const items = articles
.map((a) => {
const link = `${SITE_URL}/${a.slug}/`;
return `<item>
<title>${escapeXml(a.title || "")}</title>
<link>${escapeXml(link)}</link>
<guid>${escapeXml(link)}</guid>
<pubDate>${new Date(a.date).toUTCString()}</pubDate>
<description>${escapeXml(a.description || "")}</description>
</item>`;
})
.join("\n");
return `<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
<channel>
<title>apophenia.news</title>
<link>${SITE_URL}/</link>
<description>Signals, anomalies, civilization trajectories, and deep pattern analysis.</description>
<language>en-us</language>
<lastBuildDate>${lastBuildDate}</lastBuildDate>
${items}
</channel>
</rss>
`;
};
const renderSitemap = (articles) => {
const now = toISODate(new Date());
const urls = [
{ loc: `${SITE_URL}/`, lastmod: now },
{ loc: `${SITE_URL}/write/`, lastmod: now },
...articles.map((a) => ({ loc: `${SITE_URL}/${a.slug}/`, lastmod: toISODate(a.date || new Date()) }))
];
return `<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
${urls
.map(
(u) => ` <url>
<loc>${escapeXml(u.loc)}</loc>
<lastmod>${u.lastmod}</lastmod>
</url>`
)
.join("\n")}
</urlset>
`;
};
const renderRobots = () => `User-agent: *
Allow: /
Sitemap: ${SITE_URL}/sitemap.xml
`;
const writeDiscoveryFiles = async (articles) => {
await fs.mkdir(PUBLIC, { recursive: true });
await Promise.all([
fs.writeFile(path.join(PUBLIC, "rss.xml"), renderRss(articles), "utf8"),
fs.writeFile(path.join(PUBLIC, "sitemap.xml"), renderSitemap(articles), "utf8"),
fs.writeFile(path.join(PUBLIC, "robots.txt"), renderRobots(), "utf8")
]);
};
const run = async () => { const run = async () => {
const files = await fg(ARTICLES_GLOB, { cwd: ROOT, absolute: true }); const files = await fg(ARTICLES_GLOB, { cwd: ROOT, absolute: true });
const articles = []; const articles = [];
@@ -201,13 +339,19 @@ const run = async () => {
await ensureCleanGenerated(); await ensureCleanGenerated();
await fs.writeFile(path.join(SRC, "index.html"), renderHome(articles), "utf8"); await fs.writeFile(path.join(SRC, "index.html"), renderHome(articles), "utf8");
const writeDir = path.join(SRC, "write");
await fs.mkdir(writeDir, { recursive: true });
await fs.writeFile(path.join(writeDir, "index.html"), renderWritePage(), "utf8");
for (const article of articles) { for (const article of articles) {
const dir = path.join(SRC, article.slug); const dir = path.join(SRC, article.slug);
await fs.mkdir(dir, { recursive: true }); await fs.mkdir(dir, { recursive: true });
await fs.writeFile(path.join(dir, "index.html"), renderArticle(article), "utf8"); await fs.writeFile(path.join(dir, "index.html"), renderArticle(article), "utf8");
} }
console.log(`Generated ${articles.length} article pages + home.`); await writeDiscoveryFiles(articles);
console.log(`Generated ${articles.length} article pages + home + write + rss/sitemap/robots.`);
}; };
run().catch((err) => { run().catch((err) => {