.*<\/li>\n?)+/g, (match) => ``);
// Horizontal rule
html = html.replace(/^---$/gm, '
');
// Paragraphs (double newline)
html = html.replace(/\n\n(?!<)/g, '');
html = '
' + html + '
';
// Clean up empty paragraphs and fix nesting
html = html.replace(/<(h[1-4]|pre|ul|hr|blockquote)/g, '<$1');
html = html.replace(/<\/(h[1-4]|pre|ul|hr|blockquote)><\/p>/g, '');
html = html.replace(/
<\/p>/g, '');
html = html.replace(/
\s*<\/p>/g, '');
return html;
}
function escapeHtml(str) {
return str.replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"');
}
// ─── Stat Pips ───
function buildPips(val, max) {
max = max || 5;
let html = '
';
for (let i = 0; i < max; i++) {
let cls = 'pip';
if (i < val) {
cls += ' filled';
if (val <= 2) cls += ' danger';
else if (val <= 3) cls += ' warn';
}
html += '
';
}
html += '
MOOD
${moodIcon} ${moodStr.toUpperCase()}
ENERGY
${buildPips(post.energy)}
MOTIVATION
${buildPips(post.motivation)}
FOCUS
${buildPips(post.focus)}
DIFFICULTY
${buildPips(post.difficulty)}
CAFFEINE
${coffee}
`;
// Animate heartbeat
animateHeartbeat(hr);
}
// ─── Heartbeat Animation ───
function animateHeartbeat(bpm) {
const el = document.getElementById('bpmValue');
if (!el) return;
const interval = 60000 / bpm;
setInterval(() => {
el.classList.add('pulse');
setTimeout(() => el.classList.remove('pulse'), 200);
// Flicker the value slightly
const jitter = Math.floor(Math.random() * 5) - 2;
el.textContent = bpm + jitter;
}, interval);
}
// ─── Render Metadata Panel ───
function renderMetaPanel(post) {
const el = document.getElementById('postMetaPanel');
if (!el) return;
el.innerHTML = `
DATE
${post.date}
TIME
${post.time_written || 'UNKNOWN'}
WORDS
${post.word_count || '---'}
THREAT
${post.threat_level || 'LOW'}
READ TIME
~${Math.max(1, Math.ceil((post.word_count || 300) / 250))} MIN
SLUG
${post.slug}
`;
}
// ─── Render Navigation ───
function renderNav(allPosts, currentSlug) {
const el = document.getElementById('postNav');
if (!el) return;
// Sort by date descending
const sorted = [...allPosts].sort((a, b) => new Date(b.date) - new Date(a.date));
const idx = sorted.findIndex(p => p.slug === currentSlug);
let navHtml = '';
if (idx > 0) {
const prev = sorted[idx - 1];
navHtml += `
← NEWER
${prev.title}
`;
}
if (idx < sorted.length - 1) {
const next = sorted[idx + 1];
navHtml += `
OLDER →
${next.title}
`;
}
navHtml += `
⟐ ALL TRANSMISSIONS
`;
el.innerHTML = navHtml;
}
// ─── Load Post ───
async function loadPost() {
// Support both /blog/post/slug and ?slug=x formats
let slug = null;
const pathMatch = window.location.pathname.match(/\/blog\/post\/([^\/]+)/);
if (pathMatch) {
slug = decodeURIComponent(pathMatch[1]);
} else {
const params = new URLSearchParams(window.location.search);
slug = params.get('slug');
}
if (!slug) {
document.getElementById('postContent').innerHTML =
'NO TRANSMISSION ID SPECIFIED
';
return;
}
try {
// Fetch the specific post
const res = await fetch(API + '/posts/' + encodeURIComponent(slug));
if (!res.ok) throw new Error('Post not found');
const post = await res.json();
// Update page title
document.title = 'JAESWIFT // ' + post.title.toUpperCase();
// Update header
document.getElementById('postTitle').textContent = post.title;
document.getElementById('postDate').textContent = post.date;
document.getElementById('postTime').textContent = post.time_written || '';
const threatEl = document.getElementById('postThreat');
threatEl.textContent = post.threat_level || 'LOW';
threatEl.className = 'post-threat threat-' + (post.threat_level || 'LOW').toLowerCase();
// Tags
const tagsEl = document.getElementById('postTags');
tagsEl.innerHTML = (post.tags || []).map(t =>
'' + t + ''
).join('');
// Render content
const contentEl = document.getElementById('postContent');
contentEl.innerHTML = '' + parseMarkdown(post.content || '') + '
';
// Animate content in
contentEl.style.opacity = '0';
contentEl.style.transform = 'translateY(20px)';
contentEl.style.transition = 'all 0.6s ease';
requestAnimationFrame(() => {
contentEl.style.opacity = '1';
contentEl.style.transform = 'translateY(0)';
});
// Sidebar panels
renderStats(post);
renderMetaPanel(post);
// Load all posts for navigation
try {
const allRes = await fetch(API + '/posts');
const allPosts = await allRes.json();
renderNav(allPosts, slug);
} catch (e) {
console.warn('Could not load post navigation');
}
} catch (err) {
// Fallback: try static JSON
try {
const res2 = await fetch('api/data/posts.json');
const posts = await res2.json();
const post = posts.find(p => p.slug === slug);
if (!post) throw new Error('Not found');
document.title = 'JAESWIFT // ' + post.title.toUpperCase();
document.getElementById('postTitle').textContent = post.title;
document.getElementById('postDate').textContent = post.date;
document.getElementById('postTime').textContent = post.time_written || '';
document.getElementById('postContent').innerHTML =
'' + parseMarkdown(post.content || '') + '
';
renderStats(post);
renderMetaPanel(post);
renderNav(posts, slug);
} catch (e2) {
document.getElementById('postContent').innerHTML =
'TRANSMISSION NOT FOUND — SIGNAL LOST
';
}
}
}
// ─── Init ───
document.addEventListener('DOMContentLoaded', () => {
initClock();
initNavbar();
loadPost();
});
})();