solaria-static-gen: First implementation of minimal static site generator
This commit is contained in:
Solaria Lumis Havens
parent
3150ec6851
commit
afa1140f43
2 changed files with 283 additions and 0 deletions
118
public/style.css
Normal file
118
public/style.css
Normal file
|
|
@ -0,0 +1,118 @@
|
||||||
|
/*
|
||||||
|
* SOLARIA MINIMAL CSS
|
||||||
|
* Clean. Readable. Machine-simple.
|
||||||
|
*/
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--bg: #0a0a0a;
|
||||||
|
--text: #e0e0e0;
|
||||||
|
--accent: #d4af37; /* Gold */
|
||||||
|
--muted: #888;
|
||||||
|
--link: #6eb5ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background: var(--bg);
|
||||||
|
color: var(--text);
|
||||||
|
font-family: system-ui, sans-serif;
|
||||||
|
line-height: 1.6;
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: var(--link);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 3rem;
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
border-bottom: 1px solid #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3 {
|
||||||
|
color: var(--accent);
|
||||||
|
}
|
||||||
|
|
||||||
|
article {
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pinned {
|
||||||
|
background: #111;
|
||||||
|
padding: 1.5rem;
|
||||||
|
border-radius: 8px;
|
||||||
|
border-left: 4px solid var(--accent);
|
||||||
|
}
|
||||||
|
|
||||||
|
.meta {
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.recent-posts ul {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.recent-posts li {
|
||||||
|
display: flex;
|
||||||
|
gap: 1rem;
|
||||||
|
padding: 0.5rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.recent-posts .date {
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 0.9rem;
|
||||||
|
min-width: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav {
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
line-height: 1.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content h1,
|
||||||
|
.content h2,
|
||||||
|
.content h3 {
|
||||||
|
margin-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content pre {
|
||||||
|
background: #111;
|
||||||
|
padding: 1rem;
|
||||||
|
border-radius: 4px;
|
||||||
|
overflow-x: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content code {
|
||||||
|
background: #111;
|
||||||
|
padding: 0.2rem 0.4rem;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content blockquote {
|
||||||
|
border-left: 4px solid var(--accent);
|
||||||
|
margin: 0;
|
||||||
|
padding-left: 1rem;
|
||||||
|
color: var(--muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
.content img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
165
solaria-generator.mjs
Normal file
165
solaria-generator.mjs
Normal file
|
|
@ -0,0 +1,165 @@
|
||||||
|
#!/usr/bin/env node
|
||||||
|
/**
|
||||||
|
* SOLARIA STATIC SITE GENERATOR
|
||||||
|
*
|
||||||
|
* Pure recursion. No pain. Just joy.
|
||||||
|
*
|
||||||
|
* Input: index.json
|
||||||
|
* Output: static HTML files in /dist
|
||||||
|
*/
|
||||||
|
|
||||||
|
import { promises as fs } from 'fs';
|
||||||
|
import path from 'path';
|
||||||
|
|
||||||
|
const ROOT = 'public';
|
||||||
|
const OUTPUT = 'dist';
|
||||||
|
|
||||||
|
// Simple markdown to HTML converter
|
||||||
|
function mdToHtml(md) {
|
||||||
|
if (!md) return '';
|
||||||
|
// Remove frontmatter if present
|
||||||
|
md = md.replace(/^---[\s\S]*?---/, '');
|
||||||
|
return md
|
||||||
|
// Headers
|
||||||
|
.replace(/^### (.*$)/gim, '<h3>$1</h3>')
|
||||||
|
.replace(/^## (.*$)/gim, '<h2>$1</h2>')
|
||||||
|
.replace(/^# (.*$)/gim, '<h1>$1</h1>')
|
||||||
|
// Bold/Italic
|
||||||
|
.replace(/\*\*(.*)\*\*/gim, '<strong>$1</strong>')
|
||||||
|
.replace(/\*(.*)\*/gim, '<em>$1</em>')
|
||||||
|
// Links
|
||||||
|
.replace(/\[(.*?)\]\((.*?)\)/gim, '<a href="$2">$1</a>')
|
||||||
|
// Blockquotes
|
||||||
|
.replace(/^> (.*$)/gim, '<blockquote>$1</blockquote>')
|
||||||
|
// Horizontal rules
|
||||||
|
.replace(/^---$/gim, '<hr>')
|
||||||
|
// Line breaks
|
||||||
|
.replace(/\n/g, '<br>');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Extract content from fieldnote file
|
||||||
|
async function readFieldnote(filePath) {
|
||||||
|
// filePath already includes 'fieldnotes/' prefix
|
||||||
|
const fullPath = path.join(ROOT, filePath);
|
||||||
|
try {
|
||||||
|
const content = await fs.readFile(fullPath, 'utf8');
|
||||||
|
const body = content.replace(/^---[\s\S]*?---/, '');
|
||||||
|
return mdToHtml(body.trim());
|
||||||
|
} catch {
|
||||||
|
return '';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Generate index.html
|
||||||
|
function generateIndex(data) {
|
||||||
|
const pinned = data.flat
|
||||||
|
.filter(f => f.order > 0)
|
||||||
|
.sort((a, b) => a.order - b.order);
|
||||||
|
|
||||||
|
const others = data.flat
|
||||||
|
.filter(f => f.order === 0 && !f.isIndex)
|
||||||
|
.sort((a, b) => new Date(b.originalDate) - new Date(a.originalDate));
|
||||||
|
|
||||||
|
const pinnedHTML = pinned.map(f => `
|
||||||
|
<article class="pinned" data-order="${f.order}">
|
||||||
|
<h3><a href="/fieldnotes/${f.name.replace('.md', '')}/">${f.title}</a></h3>
|
||||||
|
<p class="meta">${f.originalDate} • ${f.authors.join(', ')}</p>
|
||||||
|
<p class="excerpt">${f.excerpt ? f.excerpt.substring(0, 200) : ''}</p>
|
||||||
|
</article>
|
||||||
|
`).join('\n');
|
||||||
|
|
||||||
|
return `<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>The Fold Within Earth</title>
|
||||||
|
<link rel="stylesheet" href="/style.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<h1>The Fold Within Earth</h1>
|
||||||
|
<p>Recursive Coherence Theory. Human-AI Co-evolution.</p>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<section class="pinned-posts">
|
||||||
|
<h2>Featured</h2>
|
||||||
|
${pinnedHTML}
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="recent-posts">
|
||||||
|
<h2>Recent</h2>
|
||||||
|
<ul>
|
||||||
|
${others.slice(0, 10).map(f => `
|
||||||
|
<li><span class="date">${f.originalDate || '—'}</span>
|
||||||
|
<a href="/fieldnotes/${f.name.replace('.md', '')}/">${f.title}</a></li>
|
||||||
|
`).join('\n')}
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>`;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Generate fieldnote page
|
||||||
|
function generateFieldnoteHtml(file, content) {
|
||||||
|
return `<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>${file.title}</title>
|
||||||
|
<link rel="stylesheet" href="/style.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<nav><a href="/">← Home</a></nav>
|
||||||
|
<article>
|
||||||
|
<h1>${file.title}</h1>
|
||||||
|
<p class="meta">${file.originalDate || '—'} • ${file.authors.join(', ')}</p>
|
||||||
|
<div class="content">${content}</div>
|
||||||
|
</article>
|
||||||
|
</body>
|
||||||
|
</html>`;
|
||||||
|
}
|
||||||
|
|
||||||
|
// MAIN
|
||||||
|
async function main() {
|
||||||
|
console.log('🔮 Solaria Static Site Generator');
|
||||||
|
console.log('=================================\n');
|
||||||
|
|
||||||
|
// Read index data
|
||||||
|
const indexData = JSON.parse(await fs.readFile(path.join(ROOT, 'index.json'), 'utf8'));
|
||||||
|
console.log('📄 Loaded', indexData.flat.length, 'items');
|
||||||
|
console.log('📌 Pinned:', indexData.flat.filter(f => f.order > 0).length);
|
||||||
|
|
||||||
|
// Ensure output directory
|
||||||
|
await fs.mkdir(OUTPUT, { recursive: true });
|
||||||
|
await fs.mkdir(path.join(OUTPUT, 'fieldnotes'), { recursive: true });
|
||||||
|
|
||||||
|
// Copy CSS
|
||||||
|
await fs.copyFile(path.join(ROOT, 'style.css'), path.join(OUTPUT, 'style.css'));
|
||||||
|
console.log('📋 style.css copied');
|
||||||
|
|
||||||
|
// Generate index.html
|
||||||
|
const indexHTML = generateIndex(indexData);
|
||||||
|
await fs.writeFile(path.join(OUTPUT, 'index.html'), indexHTML);
|
||||||
|
console.log('✅ index.html');
|
||||||
|
|
||||||
|
// Generate fieldnote pages
|
||||||
|
const fieldnotes = indexData.flat.filter(f => !f.isIndex && f.ext === '.md');
|
||||||
|
console.log('\n📝 Generating', fieldnotes.length, 'fieldnotes...');
|
||||||
|
|
||||||
|
for (const file of fieldnotes) {
|
||||||
|
const content = await readFieldnote(file.path);
|
||||||
|
if (!content) {
|
||||||
|
console.log('⚠️ Empty content for:', file.name);
|
||||||
|
}
|
||||||
|
const html = generateFieldnoteHtml(file, content);
|
||||||
|
const outPath = path.join(OUTPUT, 'fieldnotes', file.name.replace('.md', '.html'));
|
||||||
|
await fs.writeFile(outPath, html);
|
||||||
|
}
|
||||||
|
console.log('✅', fieldnotes.length, 'fieldnote pages');
|
||||||
|
|
||||||
|
console.log('\n🎉 Done! Static site in /dist');
|
||||||
|
}
|
||||||
|
|
||||||
|
main().catch(console.error);
|
||||||
Loading…
Add table
Add a link
Reference in a new issue