egregore-artifacts 0.10.1 → 0.10.2

package/lib/comments.js

@@ -1,248 +0,0 @@
-// Comment thread + composer — renders inline at the bottom of any
-// `/view`-rendered artifact. Reads markdown files from
-// `memory/comments/{kind}/{id}/*.md`. No graph access — filesystem only,
-// so it works in both connected and local mode.
-import React from 'react';
-import fs from 'node:fs';
-import path from 'node:path';
-import { execSync } from 'node:child_process';
-import { renderMarkdown } from './markdown.js';
-
-const h = React.createElement;
-
-// ── Path resolution ─────────────────────────────────────────────
-
-function findGitRoot(startPath) {
-  try {
-    return execSync('git rev-parse --show-toplevel 2>/dev/null', {
-      encoding: 'utf-8',
-      cwd: startPath || process.cwd(),
-    }).trim();
-  } catch {
-    return null;
-  }
-}
-
-// Derive (parentKind, parentId) for a rendered artifact.
-// Mirrors the indexer's parent_kind enum: quest|handoff|card|decision|document.
-export function derivedParent(type, filePath) {
-  if (!filePath || typeof filePath !== 'string') return null;
-
-  const base = path.basename(filePath, '.md');
-
-  if (type === 'quest') {
-    return { kind: 'quest', id: base };
-  }
-  if (type === 'handoff') {
-    // sessionId can be either YYYY-MM-DD-author-topic (flat) or DD-author-topic
-    // inside a YYYY-MM/ subdir. Mirror bin/index-handoff.sh's id derivation.
-    const dir = path.basename(path.dirname(filePath));
-    if (/^\d{4}-\d{2}$/.test(dir)) {
-      return { kind: 'handoff', id: `${dir}-${base}` };
-    }
-    return { kind: 'handoff', id: base };
-  }
-  if (type === 'document') {
-    if (filePath.includes('/knowledge/decisions/')) {
-      return { kind: 'decision', id: base };
-    }
-    return { kind: 'document', id: base };
-  }
-  return null;
-}
-
-// ── Loader ──────────────────────────────────────────────────────
-
-export function loadComments(parent, gitRootHint) {
-  if (!parent || !parent.kind || !parent.id) return [];
-
-  const gitRoot = gitRootHint || findGitRoot();
-  if (!gitRoot) return [];
-
-  const dir = path.join(gitRoot, 'memory', 'comments', parent.kind, parent.id);
-  if (!fs.existsSync(dir)) return [];
-
-  const files = fs.readdirSync(dir)
-    .filter(f => f.endsWith('.md'))
-    .sort();
-
-  return files.map(f => parseCommentFile(path.join(dir, f))).filter(Boolean);
-}
-
-function parseCommentFile(filePath) {
-  const raw = fs.readFileSync(filePath, 'utf-8');
-  const id = path.basename(filePath, '.md');
-
-  const fmMatch = raw.match(/^---\n([\s\S]*?)\n---\n([\s\S]*)$/);
-  if (!fmMatch) return null;
-
-  const fm = parseSimpleYaml(fmMatch[1]);
-  const body = fmMatch[2].trim();
-
-  return {
-    id,
-    parentKind: fm.parent_kind,
-    parentId: fm.parent_id,
-    author: fm.author,
-    to: fm.to || [],
-    replyTo: fm.reply_to || null,
-    createdAt: fm.created || null,
-    body,
-  };
-}
-
-function parseSimpleYaml(text) {
-  const result = {};
-  for (const line of text.split('\n')) {
-    const m = line.match(/^([\w_-]+):\s*(.*)$/);
-    if (!m) continue;
-    const [, key, rawVal] = m;
-    let val = rawVal.trim();
-    if (val.startsWith('[') && val.endsWith(']')) {
-      val = val.slice(1, -1).split(',').map(s => s.trim().replace(/^["']|["']$/g, '')).filter(Boolean);
-    } else if ((val.startsWith('"') && val.endsWith('"')) || (val.startsWith("'") && val.endsWith("'"))) {
-      val = val.slice(1, -1);
-    } else if (val === 'null' || val === '') {
-      val = null;
-    }
-    result[key] = val;
-  }
-  return result;
-}
-
-// ── Threading ───────────────────────────────────────────────────
-
-// Build a tree from a flat list using replyTo. Top-level items keep their order;
-// each child renders inline under its parent. Orphaned replies (parent missing)
-// are promoted to top-level so nothing disappears.
-function buildThreads(comments) {
-  const byId = new Map(comments.map(c => [c.id, { ...c, children: [] }]));
-  const roots = [];
-  for (const c of byId.values()) {
-    if (c.replyTo && byId.has(c.replyTo)) {
-      byId.get(c.replyTo).children.push(c);
-    } else {
-      roots.push(c);
-    }
-  }
-  return roots;
-}
-
-function formatDate(iso) {
-  if (!iso) return '';
-  try {
-    return new Date(iso).toLocaleDateString('en-US', {
-      month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit',
-    });
-  } catch {
-    return iso;
-  }
-}
-
-// ── Components ──────────────────────────────────────────────────
-
-function Comment({ comment, depth }) {
-  const indent = depth > 0 ? { marginLeft: `${Math.min(depth, 3) * 1.5}rem` } : {};
-  const recipients = (comment.to || []).filter(Boolean);
-
-  return h('div', { className: 'eg-comment', style: indent, 'data-comment-id': comment.id },
-    h('div', { className: 'eg-comment-meta' },
-      h('span', { className: 'eg-comment-avatar' },
-        (comment.author || '?')[0].toUpperCase()
-      ),
-      h('span', { className: 'eg-comment-author' }, comment.author || 'unknown'),
-      comment.createdAt && h('span', { className: 'eg-comment-date' }, formatDate(comment.createdAt)),
-      recipients.length > 0 && h('span', { className: 'eg-comment-to' },
-        '→ ', recipients.join(', ')
-      ),
-    ),
-    h('div', { className: 'eg-comment-body' }, renderMarkdown(comment.body)),
-    h('div', { className: 'eg-comment-actions' },
-      h('button', {
-        type: 'button',
-        className: 'eg-comment-reply',
-        'data-reply-to': comment.id,
-        'data-reply-author': comment.author || '',
-      }, '↩ reply'),
-    ),
-    ...(comment.children || []).map(child =>
-      h(Comment, { key: child.id, comment: child, depth: depth + 1 })
-    ),
-  );
-}
-
-function CommentThread({ comments }) {
-  if (!comments || comments.length === 0) {
-    return h('div', { className: 'eg-comments-empty' },
-      'No comments yet. Be the first.'
-    );
-  }
-  const roots = buildThreads(comments);
-  return h('div', { className: 'eg-comments-thread' },
-    ...roots.map(c => h(Comment, { key: c.id, comment: c, depth: 0 }))
-  );
-}
-
-function CommentComposer({ parent }) {
-  return h('div', {
-    className: 'eg-comments-composer',
-    'data-parent-kind': parent.kind,
-    'data-parent-id': parent.id,
-  },
-    h('div', { className: 'eg-card-title' },
-      h('span', { className: 'eg-live-only' }, 'Add a comment to '),
-      h('span', { className: 'eg-paste-only' }, 'Compose a comment on '),
-      h('code', { className: 'eg-comment-target' }, `${parent.kind}/${parent.id}`),
-    ),
-    h('textarea', {
-      className: 'eg-comment-textarea',
-      placeholder: 'Type your comment. @handle to ping someone. Markdown is supported.',
-      rows: 4,
-    }),
-
-    h('div', { className: 'eg-comment-preview-label' },
-      h('span', { className: 'eg-live-only' }, 'Preview:'),
-      h('span', { className: 'eg-paste-only' }, 'Paste this in your Claude terminal:'),
-    ),
-    h('div', { className: 'eg-comment-preview-frame' },
-      h('pre', { className: 'eg-comment-preview' },
-        h('code', { className: 'eg-comment-preview-code' }, ''),
-      ),
-      h('button', {
-        type: 'button',
-        className: 'eg-comment-copy-btn',
-        'aria-label': 'Copy snippet',
-      }, 'Copy'),
-    ),
-    h('div', { className: 'eg-comment-status', 'aria-live': 'polite' }),
-
-    // Primary action — only visible when the loopback server is reachable.
-    h('button', {
-      type: 'button',
-      className: 'eg-comment-post-btn eg-live-only',
-    }, 'Post comment'),
-
-    h('div', { className: 'eg-comment-help' },
-      h('span', { className: 'eg-live-only' },
-        'Posts directly via the local /view server. Writes the file, indexes the graph, fires Telegram for any @mentions, and commits to memory.',
-      ),
-      h('span', { className: 'eg-paste-only' },
-        'The browser can’t write to your filesystem or run git, so the snippet is the handoff. Claude recognizes the marker and runs the publish flow.',
-      ),
-    ),
-  );
-}
-
-export function CommentSection({ parent, comments }) {
-  if (!parent) return null;
-  return h('section', { className: 'eg-comments-section' },
-    h('div', { className: 'eg-comments-heading' },
-      h('span', null, 'Comments'),
-      comments && comments.length > 0 && h('span', { className: 'eg-comments-count' },
-        ` (${comments.length})`
-      ),
-    ),
-    h(CommentThread, { comments }),
-    h(CommentComposer, { parent }),
-  );
-}