egregore-artifacts 0.2.0 → 0.3.0

package/bin/cli.js

@@ -4,7 +4,7 @@ import { execSync } from 'node:child_process';
 import fs from 'node:fs';
 import path from 'node:path';
 
-const KNOWN_TYPES = ['quest', 'handoff', 'activity', 'document'];
+const KNOWN_TYPES = ['quest', 'handoff', 'activity', 'document', 'board', 'network'];
 const args = process.argv.slice(2);
 
 let type, filePath;
@@ -47,7 +47,7 @@ if (KNOWN_TYPES.includes(positional[0])) {
   type = inferType(filePath);
 }
 
-if (!filePath && type !== 'activity') {
+if (!filePath && type !== 'activity' && type !== 'board' && type !== 'network') {
   console.error(`✗ Missing file path for type "${type}"`);
   process.exit(1);
 }
@@ -82,7 +82,7 @@ function resolveFile(fp) {
 }
 
 try {
-  const input = type === 'activity' ? (filePath || 'live') : resolveFile(filePath);
+  const input = (type === 'activity' || type === 'board' || type === 'network') ? (filePath || 'live') : resolveFile(filePath);
   const html = await generateArtifact(type, input);
   const slug = filePath ? filePath.split('/').pop().replace('.md', '') : new Date().toISOString().split('T')[0];
 

package/lib/components.js

@@ -74,7 +74,7 @@ export function ArtifactList({ artifacts }) {
         h('span', { className: 'eg-artifact-date' }, a.date),
         h('span', { className: 'eg-artifact-type' }, a.type),
         h('span', { className: 'eg-artifact-title' }, a.title),
-        a.author && h('span', { style: { color: colors.muted, fontSize: '13px', fontFamily: fonts.mono } }, `(${a.author})`),
+        a.author && h('span', { style: { color: 'var(--muted)', fontSize: '13px', fontFamily: fonts.mono } }, `(${a.author})`),
       )
     ),
   );
@@ -92,7 +92,7 @@ export function ContributorRow({ contributors }) {
           (c.name || '?')[0].toUpperCase()
         ),
         h('span', null, c.name),
-        c.role && h('span', { style: { color: colors.muted, fontSize: '12px' } }, c.role),
+        c.role && h('span', { style: { color: 'var(--muted)', fontSize: '12px' } }, c.role),
       )
     ),
   );

package/lib/index.js

@@ -7,14 +7,18 @@ import { parseQuest } from './parsers/quest.js';
 import { parseHandoff } from './parsers/handoff.js';
 import { parseActivity } from './parsers/activity.js';
 import { parseDocument } from './parsers/document.js';
+import { parseBoard } from './parsers/board.js';
+import { parseNetwork } from './parsers/network.js';
 import { questTemplate } from './templates/quest.js';
 import { handoffTemplate } from './templates/handoff.js';
 import { activityTemplate } from './templates/activity.js';
 import { documentTemplate } from './templates/document.js';
+import { boardTemplate } from './templates/board.js';
+import { networkTemplate } from './templates/network.js';
 import { openInBrowser } from './open.js';
 
-const PARSERS = { quest: parseQuest, handoff: parseHandoff, activity: parseActivity, document: parseDocument };
-const TEMPLATES = { quest: questTemplate, handoff: handoffTemplate, activity: activityTemplate, document: documentTemplate };
+const PARSERS = { quest: parseQuest, handoff: parseHandoff, activity: parseActivity, document: parseDocument, board: parseBoard, network: parseNetwork };
+const TEMPLATES = { quest: questTemplate, handoff: handoffTemplate, activity: activityTemplate, document: documentTemplate, board: boardTemplate, network: networkTemplate };
 
 export async function generateArtifact(type, input) {
   const template = TEMPLATES[type];

package/lib/markdown.js

@@ -26,6 +26,40 @@ export function renderMarkdown(text) {
       continue;
     }
 
+    // H1 heading (rare inside a document body; render as section-sized)
+    if (line.startsWith('# ')) {
+      elements.push(h('h2', {
+        key: elements.length,
+        style: {
+          fontFamily: fonts.serif,
+          fontSize: '28px',
+          fontWeight: 400,
+          lineHeight: 1.2,
+          margin: '1.75rem 0 0.75rem',
+          color: 'var(--black)',
+        },
+      }, inlineMarkdown(line.slice(2))));
+      i++;
+      continue;
+    }
+
+    // H2 heading
+    if (line.startsWith('## ')) {
+      elements.push(h('h3', {
+        key: elements.length,
+        style: {
+          fontFamily: fonts.serif,
+          fontSize: '22px',
+          fontWeight: 400,
+          lineHeight: 1.25,
+          margin: '1.5rem 0 0.5rem',
+          color: 'var(--black)',
+        },
+      }, inlineMarkdown(line.slice(3))));
+      i++;
+      continue;
+    }
+
     // H3 heading
     if (line.startsWith('### ')) {
       elements.push(h('h3', {
@@ -36,7 +70,7 @@ export function renderMarkdown(text) {
           fontWeight: 600,
           lineHeight: 1.3,
           margin: '1.5rem 0 0.5rem',
-          color: colors.black,
+          color: 'var(--black)',
         },
       }, inlineMarkdown(line.slice(4))));
       i++;
@@ -52,7 +86,7 @@ export function renderMarkdown(text) {
           fontSize: '15px',
           fontWeight: 600,
           margin: '1rem 0 0.25rem',
-          color: colors.black,
+          color: 'var(--black)',
         },
       }, inlineMarkdown(line.slice(5))));
       i++;
@@ -79,7 +113,7 @@ export function renderMarkdown(text) {
               marginBottom: '0.35rem',
               fontSize: '15px',
               lineHeight: 1.55,
-              color: colors.dark,
+              color: 'var(--dark)',
             },
           },
             h('span', {
@@ -90,7 +124,7 @@ export function renderMarkdown(text) {
                 width: '5px',
                 height: '5px',
                 borderRadius: '50%',
-                background: colors.terracotta,
+                background: 'var(--terracotta)',
               },
             }),
             inlineMarkdown(item),
@@ -128,8 +162,8 @@ export function renderMarkdown(text) {
                 width: '20px',
                 height: '20px',
                 borderRadius: '50%',
-                background: colors.terracotta,
-                color: colors.cream,
+                background: 'var(--terracotta)',
+                color: 'var(--cream)',
                 display: 'flex',
                 alignItems: 'center',
                 justifyContent: 'center',
@@ -158,7 +192,7 @@ export function renderMarkdown(text) {
       elements.push(h('pre', {
         key: elements.length,
         style: {
-          background: colors.terminalBg,
+          background: 'var(--terminal-bg)',
           color: 'rgba(255, 255, 255, 0.85)',
           fontFamily: fonts.mono,
           fontSize: '13px',
@@ -190,12 +224,15 @@ export function renderMarkdown(text) {
     if (paraLines.length > 0) {
       elements.push(h('p', {
         key: elements.length,
-        style: { margin: '0.5rem 0', fontSize: '15px', lineHeight: 1.6, color: colors.dark },
+        style: { margin: '0.5rem 0', fontSize: '15px', lineHeight: 1.6, color: 'var(--dark)' },
       }, inlineMarkdown(paraLines.join(' '))));
+    } else {
+      // Safety: nothing consumed this line. Skip it to avoid an infinite loop.
+      i++;
     }
   }
 
-  return h('div', null, ...elements);
+  return h('div', { style: { color: 'var(--dark)' } }, ...elements);
 }
 
 // Inline markdown: **bold**, *italic*, `code`, [link](url)
@@ -210,11 +247,11 @@ function inlineMarkdown(text) {
   const patterns = [
     { re: /`([^`]+)`/, render: (m) => h('code', {
       key: key++,
-      style: { fontFamily: fonts.mono, fontSize: '0.88em', background: 'rgba(59, 45, 33, 0.06)', padding: '2px 5px', borderRadius: '3px' },
+      className: 'eg-code',
     }, m[1]) },
     { re: /\*\*(.+?)\*\*/, render: (m) => h('strong', { key: key++, style: { fontWeight: 600 } }, m[1]) },
     { re: /\[([^\]]+)\]\(([^)]+)\)/, render: (m) => h('a', {
-      key: key++, href: m[2], style: { color: colors.terracotta, textDecoration: 'underline' },
+      key: key++, href: m[2], style: { color: 'var(--terracotta)', textDecoration: 'underline' },
     }, m[1]) },
   ];
 
@@ -285,11 +322,11 @@ function renderTable(lines, key) {
               style: {
                 textAlign: 'left',
                 padding: '8px 12px',
-                borderBottom: `2px solid ${colors.border}`,
+                borderBottom: '2px solid var(--border)',
                 fontFamily: fonts.mono,
                 fontSize: '12px',
                 fontWeight: 500,
-                color: colors.muted,
+                color: 'var(--muted)',
                 textTransform: 'uppercase',
                 letterSpacing: '0.04em',
                 whiteSpace: 'nowrap',
@@ -306,8 +343,8 @@ function renderTable(lines, key) {
                 key: j,
                 style: {
                   padding: '6px 12px',
-                  borderBottom: `1px solid rgba(224, 216, 204, 0.5)`,
-                  color: colors.dark,
+                  borderBottom: '1px solid var(--border)',
+                  color: 'var(--dark)',
                 },
               }, cell.trim())
             ),
@@ -347,7 +384,7 @@ export function renderMarkdownLite(text) {
 
     // H2/H3 heading
     if (line.startsWith('## ')) {
-      elements.push(h('h3', { key: elements.length, style: { fontFamily: fonts.serif, fontSize: '18px', fontWeight: 600, margin: '1.5rem 0 0.5rem', color: colors.black } }, line.slice(3)));
+      elements.push(h('h3', { key: elements.length, style: { fontFamily: fonts.serif, fontSize: '18px', fontWeight: 600, margin: '1.5rem 0 0.5rem', color: 'var(--black)' } }, line.slice(3)));
       i++;
       continue;
     }
@@ -369,7 +406,7 @@ export function renderMarkdownLite(text) {
     if (line.trim() === '') { i++; continue; }
 
     // Paragraph
-    elements.push(h('p', { key: elements.length, style: { margin: '0.5rem 0', fontSize: '14px', lineHeight: 1.6, color: colors.dark } }, line));
+    elements.push(h('p', { key: elements.length, style: { margin: '0.5rem 0', fontSize: '14px', lineHeight: 1.6, color: 'var(--dark)' } }, line));
     i++;
   }
 

package/lib/parsers/board.js

@@ -0,0 +1,109 @@
+// Parse board data (JSON from memory/board/board.json) into structured data
+import fs from 'node:fs';
+import { execSync } from 'node:child_process';
+
+export function parseBoard(input) {
+  let data;
+
+  if (typeof input === 'string' && fs.existsSync(input)) {
+    data = JSON.parse(fs.readFileSync(input, 'utf-8'));
+  } else if (typeof input === 'string' && input.startsWith('{')) {
+    data = JSON.parse(input);
+  } else if (typeof input === 'object') {
+    data = input;
+  } else {
+    // Try to find board.json relative to git root
+    try {
+      const root = execSync('git rev-parse --show-toplevel 2>/dev/null', { encoding: 'utf-8' }).trim();
+      const boardPath = `${root}/memory/board/board.json`;
+      if (fs.existsSync(boardPath)) {
+        data = JSON.parse(fs.readFileSync(boardPath, 'utf-8'));
+      }
+    } catch {}
+    if (!data) throw new Error('No board data found. Expected memory/board/board.json');
+  }
+
+  const today = new Date().toISOString().split('T')[0];
+
+  // Flatten all cards from the hierarchy for person and timeline views
+  const allCards = [];
+  for (const activity of data.activities || []) {
+    if (activity.subactivities) {
+      for (const sub of activity.subactivities) {
+        for (const card of sub.cards || []) {
+          allCards.push({ ...card, activity: activity.label, subactivity: sub.label, activityId: activity.id, subactivityId: sub.id });
+        }
+      }
+    }
+    for (const card of activity.cards || []) {
+      allCards.push({ ...card, activity: activity.label, subactivity: null, activityId: activity.id, subactivityId: null });
+    }
+  }
+
+  // Group by person
+  const personMap = {};
+  for (const card of allCards) {
+    for (const owner of card.owners || []) {
+      if (!personMap[owner]) personMap[owner] = [];
+      personMap[owner].push(card);
+    }
+  }
+  const people = Object.entries(personMap)
+    .map(([name, cards]) => ({
+      name,
+      cards: cards.sort((a, b) => a.priority - b.priority),
+      stats: {
+        total: cards.length,
+        p0: cards.filter(c => c.priority === 0).length,
+        p1: cards.filter(c => c.priority === 1).length,
+        p2: cards.filter(c => c.priority === 2).length,
+        p3: cards.filter(c => c.priority === 3).length,
+        inProgress: cards.filter(c => c.status === 'in-progress').length,
+        todo: cards.filter(c => c.status === 'todo').length,
+        review: cards.filter(c => c.status === 'review').length,
+        done: cards.filter(c => c.status === 'done').length,
+      },
+    }))
+    .sort((a, b) => b.stats.p0 - a.stats.p0 || b.stats.total - a.stats.total);
+
+  // Timeline: cards with dates, sorted by startDate
+  const timeline = allCards
+    .filter(c => c.startDate || c.dueDate)
+    .sort((a, b) => (a.startDate || a.dueDate || '').localeCompare(b.startDate || b.dueDate || ''));
+
+  // Summary stats
+  const summary = {
+    totalCards: allCards.length,
+    byPriority: { P0: 0, P1: 0, P2: 0, P3: 0 },
+    byStatus: { todo: 0, 'in-progress': 0, review: 0, done: 0 },
+  };
+  for (const card of allCards) {
+    const pKey = `P${card.priority}`;
+    if (summary.byPriority[pKey] !== undefined) summary.byPriority[pKey]++;
+    if (summary.byStatus[card.status] !== undefined) summary.byStatus[card.status]++;
+  }
+
+  // Read org name
+  let org = 'Egregore';
+  try {
+    const root = execSync('git rev-parse --show-toplevel 2>/dev/null', { encoding: 'utf-8' }).trim();
+    const configPath = `${root}/egregore.json`;
+    if (fs.existsSync(configPath)) {
+      const config = JSON.parse(fs.readFileSync(configPath, 'utf-8'));
+      org = config.org_name || org;
+    }
+  } catch {}
+
+  return {
+    title: `Project Board — ${org}`,
+    date: today,
+    org,
+    updatedBy: data.updatedBy,
+    updatedAt: data.updated,
+    activities: data.activities,
+    allCards,
+    people,
+    timeline,
+    summary,
+  };
+}

package/lib/parsers/network.js

@@ -0,0 +1,73 @@
+// Parse network/people data (JSON from memory/network/people.json)
+import fs from 'node:fs';
+import { execSync } from 'node:child_process';
+
+export function parseNetwork(input) {
+  let data;
+
+  if (typeof input === 'string' && fs.existsSync(input)) {
+    data = JSON.parse(fs.readFileSync(input, 'utf-8'));
+  } else if (typeof input === 'string' && input.startsWith('{')) {
+    data = JSON.parse(input);
+  } else if (typeof input === 'object') {
+    data = input;
+  } else {
+    try {
+      const root = execSync('git rev-parse --show-toplevel 2>/dev/null', { encoding: 'utf-8' }).trim();
+      const peoplePath = `${root}/memory/network/people.json`;
+      if (fs.existsSync(peoplePath)) {
+        data = JSON.parse(fs.readFileSync(peoplePath, 'utf-8'));
+      }
+    } catch {}
+    if (!data) throw new Error('No network data found. Expected memory/network/people.json');
+  }
+
+  const people = data.people || [];
+
+  // Collect all unique roles
+  const allRoles = [...new Set(people.flatMap(p => p.roles || []))].sort();
+
+  // Group by role
+  const byRole = {};
+  for (const role of allRoles) {
+    byRole[role] = people.filter(p => (p.roles || []).includes(role));
+  }
+
+  // Group by organization
+  const byOrg = {};
+  for (const person of people) {
+    const org = person.organization || 'Independent';
+    if (!byOrg[org]) byOrg[org] = [];
+    byOrg[org].push(person);
+  }
+
+  // Summary
+  const summary = {
+    totalPeople: people.length,
+    totalOrgs: Object.keys(byOrg).length,
+    byRole: Object.fromEntries(allRoles.map(r => [r, byRole[r].length])),
+  };
+
+  // Read org name
+  let org = 'Egregore';
+  try {
+    const root = execSync('git rev-parse --show-toplevel 2>/dev/null', { encoding: 'utf-8' }).trim();
+    const configPath = `${root}/egregore.json`;
+    if (fs.existsSync(configPath)) {
+      const config = JSON.parse(fs.readFileSync(configPath, 'utf-8'));
+      org = config.org_name || org;
+    }
+  } catch {}
+
+  return {
+    title: `Network — ${org}`,
+    date: new Date().toISOString().split('T')[0],
+    org,
+    updatedBy: data.updatedBy,
+    people,
+    allRoles,
+    byRole,
+    byOrg,
+    summary,
+  };
+}

package/lib/registry.js

@@ -2,7 +2,7 @@
 import React from 'react';
 import { defineRegistry } from '@json-render/react';
 import { catalog } from './catalog.js';
-import { colors, fonts } from './tokens.js';
+import { fonts } from './tokens.js';
 import { renderMarkdown } from './markdown.js';
 
 const h = React.createElement;
@@ -70,12 +70,12 @@ export const { registry, handlers, executeAction } = defineRegistry(catalog, {
           h('div', {
             key: i,
             style: {
-              background: 'white', border: `1px solid ${colors.border}`,
+              background: 'var(--surface)', border: '1px solid var(--border)',
               borderRadius: '12px', padding: '1.25rem', textAlign: 'center',
             },
           },
-            h('div', { style: { fontSize: '28px', fontFamily: fonts.serif, fontWeight: 400, color: colors.black, lineHeight: 1.2 } }, m.value),
-            h('div', { style: { fontSize: '12px', fontFamily: fonts.mono, color: colors.muted, marginTop: '4px', textTransform: 'uppercase', letterSpacing: '0.04em' } }, m.label),
+            h('div', { style: { fontSize: '28px', fontFamily: fonts.serif, fontWeight: 400, color: 'var(--black)', lineHeight: 1.2 } }, m.value),
+            h('div', { style: { fontSize: '12px', fontFamily: fonts.mono, color: 'var(--muted)', marginTop: '4px', textTransform: 'uppercase', letterSpacing: '0.04em' } }, m.label),
           )
         ),
       ),
@@ -97,7 +97,7 @@ export const { registry, handlers, executeAction } = defineRegistry(catalog, {
             h('span', { className: 'eg-artifact-date' }, a.date),
             h('span', { className: 'eg-artifact-type' }, a.type),
             h('span', { className: 'eg-artifact-title' }, a.title),
-            a.author && h('span', { style: { color: colors.muted, fontSize: '13px', fontFamily: fonts.mono } }, `(${a.author})`),
+            a.author && h('span', { style: { color: 'var(--muted)', fontSize: '13px', fontFamily: fonts.mono } }, `(${a.author})`),
           )
         ),
       ),
@@ -108,7 +108,7 @@ export const { registry, handlers, executeAction } = defineRegistry(catalog, {
           h('div', { key: i, className: 'eg-contributor' },
             h('span', { className: 'eg-contributor-avatar' }, (p.name || '?')[0].toUpperCase()),
             h('span', null, p.name),
-            p.role && h('span', { style: { color: colors.muted, fontSize: '12px' } }, p.role),
+            p.role && h('span', { style: { color: 'var(--muted)', fontSize: '12px' } }, p.role),
           )
         ),
       ),
@@ -121,8 +121,8 @@ export const { registry, handlers, executeAction } = defineRegistry(catalog, {
     NumberedSteps: ({ props }) =>
       h('ol', { style: { listStyle: 'none', padding: 0 } },
         ...props.steps.map((step, i) =>
-          h('li', { key: i, style: { display: 'flex', gap: '12px', padding: '8px 0', borderBottom: i < props.steps.length - 1 ? '1px solid rgba(224, 216, 204, 0.5)' : 'none', fontSize: '15px', lineHeight: 1.5 } },
-            h('span', { style: { flexShrink: 0, width: '24px', height: '24px', borderRadius: '50%', background: colors.terracotta, color: colors.cream, display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: '12px', fontFamily: fonts.mono, fontWeight: 600 } }, String(i + 1)),
+          h('li', { key: i, style: { display: 'flex', gap: '12px', padding: '8px 0', borderBottom: i < props.steps.length - 1 ? '1px solid var(--hairline)' : 'none', fontSize: '15px', lineHeight: 1.5 } },
+            h('span', { style: { flexShrink: 0, width: '24px', height: '24px', borderRadius: '50%', background: 'var(--terracotta)', color: 'var(--cream)', display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: '12px', fontFamily: fonts.mono, fontWeight: 600 } }, String(i + 1)),
             h('span', null, step),
           )
         ),
@@ -131,11 +131,11 @@ export const { registry, handlers, executeAction } = defineRegistry(catalog, {
     SessionList: ({ props }) =>
       h('div', null,
         ...props.sessions.map((s, i) =>
-          h('div', { key: i, style: { display: 'flex', alignItems: 'baseline', gap: '12px', padding: '6px 0', borderBottom: '1px solid rgba(224, 216, 204, 0.5)', fontSize: '14px' } },
-            h('span', { style: { fontFamily: fonts.mono, fontSize: '12px', color: colors.muted, minWidth: '72px', flexShrink: 0 } }, s.date),
-            s.by && h('span', { style: { fontFamily: fonts.mono, fontSize: '11px', color: colors.blueMuted, background: 'rgba(123, 157, 183, 0.1)', padding: '1px 6px', borderRadius: '3px', flexShrink: 0 } }, s.by),
-            h('span', { style: { color: colors.black, flex: 1 } }, s.topic),
-            s.handedTo && h('span', { style: { fontFamily: fonts.mono, fontSize: '11px', color: colors.terracotta } }, `→ ${s.handedTo}`),
+          h('div', { key: i, style: { display: 'flex', alignItems: 'baseline', gap: '12px', padding: '6px 0', borderBottom: '1px solid var(--hairline)', fontSize: '14px' } },
+            h('span', { style: { fontFamily: fonts.mono, fontSize: '12px', color: 'var(--muted)', minWidth: '72px', flexShrink: 0 } }, s.date),
+            s.by && h('span', { style: { fontFamily: fonts.mono, fontSize: '11px', color: 'var(--blue-muted)', background: 'var(--blue-chip)', padding: '1px 6px', borderRadius: '3px', flexShrink: 0 } }, s.by),
+            h('span', { style: { color: 'var(--black)', flex: 1 } }, s.topic),
+            s.handedTo && h('span', { style: { fontFamily: fonts.mono, fontSize: '11px', color: 'var(--terracotta)' } }, `→ ${s.handedTo}`),
           )
         ),
       ),
@@ -146,9 +146,9 @@ export const { registry, handlers, executeAction } = defineRegistry(catalog, {
     Callout: ({ props }) =>
       h('div', {
         style: {
-          background: 'rgba(212, 135, 90, 0.06)', border: '1px solid rgba(212, 135, 90, 0.15)',
+          background: 'var(--terracotta-soft)', border: '1px solid var(--terracotta-hair)',
           borderRadius: '12px', padding: '1.25rem 1.5rem', marginBottom: '1.5rem',
-          fontSize: '15px', lineHeight: 1.6, color: colors.dark,
+          fontSize: '15px', lineHeight: 1.6, color: 'var(--dark)',
         },
       }, renderMarkdown(props.text)),