ccakashic 0.2.1 → 0.2.4

package/bin/ccakashic.js

@@ -3,12 +3,14 @@
 
 const http = require('http');
 const fs = require('fs');
+const os = require('os');
 const path = require('path');
 const { exec } = require('child_process');
-const { listProjects, listSessions } = require('../lib/discover');
+const { listProjects, listSessions, findSessionForCwd } = require('../lib/discover');
 const { parseSession } = require('../lib/parser');
 const { generate } = require('../lib/html-generator');
 const { generateIndex, generateSessionList } = require('../lib/pages');
+const pkg = require('../package.json');
 
 function openInBrowser(url) {
   const cmd = process.platform === 'darwin' ? 'open'
@@ -18,14 +20,22 @@ function openInBrowser(url) {
 }
 
 const PORT = parseInt(process.env.CCAKASHIC_PORT) || 3333;
+const MAX_PORT_TRIES = 20;
+const LOCK_FILE = path.join(os.tmpdir(), `ccakashic-${os.userInfo().username || 'user'}.json`);
 
 const server = http.createServer(async (req, res) => {
   try {
     const url = new URL(req.url, `http://localhost`);
     const pathname = url.pathname;
 
+    // Health/identity endpoint used to detect an already-running ccakashic
+    if (pathname === '/__ccakashic') {
+      res.writeHead(200, { 'Content-Type': 'application/json' });
+      res.end(JSON.stringify({ name: 'ccakashic', version: pkg.version }));
+      return;
+    }
+
     if (pathname === '/' || pathname === '') {
-      // Project index
       const projects = listProjects();
       res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
       res.end(generateIndex(projects));
@@ -34,7 +44,6 @@ const server = http.createServer(async (req, res) => {
 
     const projectMatch = pathname.match(/^\/project\/(.+)$/);
     if (projectMatch && !pathname.includes('/session/')) {
-      // Session list for a project
       const rawName = decodeURIComponent(projectMatch[1]);
       const projects = listProjects();
       const project = projects.find(p => p.rawName === rawName);
@@ -51,7 +60,6 @@ const server = http.createServer(async (req, res) => {
 
     const sessionMatch = pathname.match(/^\/project\/(.+)\/session\/(.+)$/);
     if (sessionMatch) {
-      // Render a specific session
       const rawName = decodeURIComponent(sessionMatch[1]);
       const sessionId = decodeURIComponent(sessionMatch[2]);
       const projects = listProjects();
@@ -85,10 +93,133 @@ const server = http.createServer(async (req, res) => {
   }
 });
 
-server.listen(PORT, '127.0.0.1', () => {
-  const addr = server.address();
-  const url = `http://127.0.0.1:${addr.port}`;
+async function buildOpenUrl(baseUrl) {
+  try {
+    const match = await findSessionForCwd(process.cwd());
+    if (match) {
+      console.log(`Detected session for ${process.cwd()} → opening at bottom`);
+      return `${baseUrl}/project/${encodeURIComponent(match.projectRawName)}/session/${encodeURIComponent(match.sessionId)}#session-bottom`;
+    }
+  } catch (err) {
+    console.error('Failed to auto-detect session:', err.message);
+  }
+  return baseUrl;
+}
+
+function probeCcakashic(port) {
+  return new Promise((resolve) => {
+    const req = http.request({
+      host: '127.0.0.1',
+      port,
+      path: '/__ccakashic',
+      method: 'GET',
+      timeout: 500,
+    }, (res) => {
+      let data = '';
+      res.on('data', chunk => { data += chunk; });
+      res.on('end', () => {
+        try {
+          const parsed = JSON.parse(data);
+          resolve(parsed && parsed.name === 'ccakashic');
+        } catch {
+          resolve(false);
+        }
+      });
+    });
+    req.on('error', () => resolve(false));
+    req.on('timeout', () => { req.destroy(); resolve(false); });
+    req.end();
+  });
+}
+
+function readLockPort() {
+  try {
+    const data = JSON.parse(fs.readFileSync(LOCK_FILE, 'utf-8'));
+    return typeof data.port === 'number' ? data.port : null;
+  } catch {
+    return null;
+  }
+}
+
+function writeLockFile(port) {
+  try {
+    fs.writeFileSync(LOCK_FILE, JSON.stringify({ port, pid: process.pid, startedAt: Date.now() }));
+  } catch {
+    // best-effort
+  }
+}
+
+function cleanupLockFile() {
+  try { fs.unlinkSync(LOCK_FILE); } catch {}
+}
+
+function listenOnPort(port) {
+  return new Promise((resolve, reject) => {
+    const onError = (err) => { server.off('listening', onListening); reject(err); };
+    const onListening = () => { server.off('error', onError); resolve(); };
+    server.once('error', onError);
+    server.once('listening', onListening);
+    server.listen(port, '127.0.0.1');
+  });
+}
+
+async function findExistingCcakashic(startPort) {
+  const lockPort = readLockPort();
+  if (lockPort && await probeCcakashic(lockPort)) return lockPort;
+  if (startPort !== lockPort && await probeCcakashic(startPort)) return startPort;
+  return null;
+}
+
+async function startServer(startPort) {
+  for (let i = 0; i < MAX_PORT_TRIES; i++) {
+    const port = startPort + i;
+    try {
+      await listenOnPort(port);
+      return port;
+    } catch (err) {
+      if (err.code !== 'EADDRINUSE') throw err;
+      // Port is taken by something else; see if it's ccakashic
+      if (await probeCcakashic(port)) return -port; // negative = reuse signal
+    }
+  }
+  throw new Error(`No available port after ${MAX_PORT_TRIES} tries starting at ${startPort}`);
+}
+
+async function main() {
+  const existing = await findExistingCcakashic(PORT);
+  if (existing) {
+    const url = `http://127.0.0.1:${existing}`;
+    console.log(`Reusing existing ccakashic at ${url}`);
+    writeLockFile(existing);
+    openInBrowser(await buildOpenUrl(url));
+    return;
+  }
+
+  const result = await startServer(PORT);
+  if (result < 0) {
+    const port = -result;
+    const url = `http://127.0.0.1:${port}`;
+    console.log(`Reusing existing ccakashic at ${url}`);
+    writeLockFile(port);
+    openInBrowser(await buildOpenUrl(url));
+    return;
+  }
+
+  const port = result;
+  const url = `http://127.0.0.1:${port}`;
   console.log(`ccakashic running at ${url}`);
   console.log('Press Ctrl+C to stop');
-  openInBrowser(url);
+  writeLockFile(port);
+
+  const cleanup = () => { cleanupLockFile(); process.exit(0); };
+  process.on('SIGINT', cleanup);
+  process.on('SIGTERM', cleanup);
+  process.on('exit', cleanupLockFile);
+
+  openInBrowser(await buildOpenUrl(url));
+}
+
+main().catch((err) => {
+  console.error(err);
+  process.exit(1);
 });

package/lib/discover.js

@@ -150,4 +150,72 @@ async function listSessions(projectDir) {
   return sessions;
 }
 
-module.exports = { listProjects, listSessions, decodeDirName, CLAUDE_DIR };
+function readCwdFromSession(filePath) {
+  return new Promise((resolve) => {
+    const rl = readline.createInterface({
+      input: fs.createReadStream(filePath, { encoding: 'utf-8' }),
+      crlfDelay: Infinity,
+    });
+
+    let found = null;
+    rl.on('line', (line) => {
+      if (found) return;
+      try {
+        const obj = JSON.parse(line);
+        if (obj.cwd) {
+          found = obj.cwd;
+          rl.close();
+        }
+      } catch {
+        // skip
+      }
+    });
+
+    rl.on('close', () => resolve(found));
+    rl.on('error', () => resolve(found));
+  });
+}
+
+function latestSessionFile(projectDir) {
+  const files = fs.readdirSync(projectDir).filter(f => f.endsWith('.jsonl'));
+  if (!files.length) return null;
+  let best = null;
+  let bestMtime = 0;
+  for (const f of files) {
+    const mtime = fs.statSync(path.join(projectDir, f)).mtimeMs;
+    if (mtime > bestMtime) {
+      bestMtime = mtime;
+      best = f;
+    }
+  }
+  return best ? { file: best, mtimeMs: bestMtime } : null;
+}
+
+async function findSessionForCwd(cwd) {
+  // Pick the project whose cwd is the most specific (longest) match for the
+  // given cwd. A brand-new session in a specific subdir should win over an
+  // older, more-active ancestor project.
+  const projects = listProjects();
+  let bestMatch = null;
+  let bestLen = -1;
+
+  for (const project of projects) {
+    const latest = latestSessionFile(project.dir);
+    if (!latest) continue;
+    const projectCwd = await readCwdFromSession(path.join(project.dir, latest.file));
+    if (!projectCwd) continue;
+
+    const isMatch = cwd === projectCwd || cwd.startsWith(projectCwd + path.sep);
+    if (isMatch && projectCwd.length > bestLen) {
+      bestMatch = {
+        projectRawName: project.rawName,
+        sessionId: path.basename(latest.file, '.jsonl'),
+      };
+      bestLen = projectCwd.length;
+    }
+  }
+
+  return bestMatch;
+}
+
+module.exports = { listProjects, listSessions, decodeDirName, findSessionForCwd, CLAUDE_DIR };

package/lib/html-generator.js

@@ -384,6 +384,9 @@ ${detailLayoutCSS()}
   </nav>
   <main class="chat-container" id="session-top">
   ${groupsHtml}
+  <div class="load-more-row">
+    <button class="load-more-btn" id="loadMoreBtn" type="button">Load more &#x21bb;</button>
+  </div>
   <div id="session-bottom"></div>
   </main>
 </div>
@@ -407,6 +410,26 @@ function detailLayoutCSS() {
   min-width: 0;
 }
 
+/* Load more (reload) button at the bottom of the thread */
+.load-more-row {
+  display: flex;
+  justify-content: center;
+  margin: 24px 0 12px;
+}
+.load-more-btn {
+  padding: 8px 18px;
+  font-size: 0.85rem;
+  color: var(--text);
+  background: var(--bg-secondary);
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background 0.1s;
+}
+.load-more-btn:hover {
+  background: var(--bg-hover, var(--border));
+}
+
 /* Stats bar */
 .stats-bar {
   display: flex;

package/lib/template-assets.js

@@ -633,6 +633,23 @@ function getAppJS() {
     el.innerHTML = renderMarkdown(el.textContent);
   });
 
+  // Scroll to bottom when hash is #session-bottom. We re-scroll here (after
+  // markdown rendering) because the DOM height grows when markdown expands,
+  // making the browser's initial anchor scroll land in the wrong place.
+  if (window.location.hash === '#session-bottom') {
+    window.scrollTo(0, document.body.scrollHeight);
+  }
+
+  // Load more: reload the page to pick up any newly appended messages, then
+  // scroll back to the bottom.
+  var loadMoreBtn = document.getElementById('loadMoreBtn');
+  if (loadMoreBtn) {
+    loadMoreBtn.addEventListener('click', function() {
+      window.location.hash = 'session-bottom';
+      window.location.reload();
+    });
+  }
+
   // Keyboard navigation: j/k to move between user messages
   var msgEls = Array.from(document.querySelectorAll('.msg-user, .msg-assistant'));
   var currentIdx = -1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ccakashic",
-  "version": "0.2.1",
+  "version": "0.2.4",
   "description": "Browse Claude Code session logs (~/.claude/projects/) as beautiful HTML in your browser — an Akashic Record of your Claude Code sessions",
   "bin": {
     "ccakashic": "bin/ccakashic.js"