opencode-replay 1.0.0 → 1.0.2

package/README.md

@@ -1,7 +1,12 @@
 # opencode-replay
 
+[![npm version](https://img.shields.io/npm/v/opencode-replay.svg)](https://www.npmjs.com/package/opencode-replay)
+[![npm downloads](https://img.shields.io/npm/dm/opencode-replay.svg)](https://www.npmjs.com/package/opencode-replay)
+
 A CLI tool that generates static HTML transcripts from [OpenCode](https://github.com/sst/opencode) sessions, enabling browsing, searching, and sharing of AI-assisted coding conversations.
 
+**[Live Demo](https://ramtinj95.github.io/opencode-replay/)** - See example session transcripts
+
 ## Why?
 
 OpenCode stores session data in `~/.local/share/opencode/storage/` as JSON files, but this data isn't easily browsable or shareable. `opencode-replay` transforms these sessions into clean, searchable, static HTML pages.

package/dist/index.js

@@ -3,7 +3,7 @@
 
 // src/index.ts
 import { parseArgs } from "util";
-import { resolve as resolve2, join as join4 } from "path";
+import { resolve as resolve2, join as join5 } from "path";
 import { readdir as readdir2 } from "fs/promises";
 
 // src/storage/reader.ts
@@ -2224,6 +2224,161 @@ function openBrowser(url) {
   }
 }
 
+// src/utils/update-notifier.ts
+import { homedir as homedir2 } from "os";
+import { join as join4 } from "path";
+import { mkdir as mkdir2 } from "fs/promises";
+var PACKAGE_NAME = "opencode-replay";
+var CHECK_INTERVAL_MS = 24 * 60 * 60 * 1000;
+function detectPackageManager() {
+  const modulePath = import.meta.dir;
+  if (modulePath.includes(".bun") || modulePath.includes("bun/install")) {
+    return "bun";
+  }
+  if (process.env.BUN_INSTALL) {
+    return "bun";
+  }
+  if (typeof Bun !== "undefined") {
+    const bunInstallPath = join4(homedir2(), ".bun");
+    try {
+      if (Bun.file(bunInstallPath).size) {
+        return "bun";
+      }
+    } catch {}
+  }
+  return "npm";
+}
+function getCachePath() {
+  const cacheDir = process.env.XDG_CACHE_HOME || join4(homedir2(), ".cache");
+  return join4(cacheDir, "opencode-replay", "update-check.json");
+}
+async function readCache() {
+  try {
+    const cachePath = getCachePath();
+    const file = Bun.file(cachePath);
+    if (await file.exists()) {
+      return await file.json();
+    }
+  } catch {}
+  return null;
+}
+async function writeCache(data) {
+  try {
+    const cachePath = getCachePath();
+    await mkdir2(join4(cachePath, ".."), { recursive: true });
+    await Bun.write(cachePath, JSON.stringify(data));
+  } catch {}
+}
+async function fetchLatestVersion() {
+  try {
+    const response = await fetch(`https://registry.npmjs.org/${PACKAGE_NAME}/latest`, {
+      headers: {
+        Accept: "application/json"
+      },
+      signal: AbortSignal.timeout(3000)
+    });
+    if (!response.ok) {
+      return null;
+    }
+    const data = await response.json();
+    return data.version || null;
+  } catch {
+    return null;
+  }
+}
+function isNewerVersion(current, latest) {
+  const currentParts = current.split(".").map(Number);
+  const latestParts = latest.split(".").map(Number);
+  for (let i = 0;i < 3; i++) {
+    const c = currentParts[i] || 0;
+    const l = latestParts[i] || 0;
+    if (l > c)
+      return true;
+    if (l < c)
+      return false;
+  }
+  return false;
+}
+async function checkForUpdates(currentVersion) {
+  try {
+    const cache = await readCache();
+    const now = Date.now();
+    if (cache && now - cache.lastCheck < CHECK_INTERVAL_MS) {
+      if (cache.latestVersion && isNewerVersion(currentVersion, cache.latestVersion)) {
+        const pm = detectPackageManager();
+        return {
+          current: currentVersion,
+          latest: cache.latestVersion,
+          packageManager: pm,
+          updateCommand: pm === "bun" ? `bun update -g ${PACKAGE_NAME}` : `npm update -g ${PACKAGE_NAME}`
+        };
+      }
+      return null;
+    }
+    const latestVersion = await fetchLatestVersion();
+    await writeCache({
+      lastCheck: now,
+      latestVersion
+    });
+    if (latestVersion && isNewerVersion(currentVersion, latestVersion)) {
+      const pm = detectPackageManager();
+      return {
+        current: currentVersion,
+        latest: latestVersion,
+        packageManager: pm,
+        updateCommand: pm === "bun" ? `bun update -g ${PACKAGE_NAME}` : `npm update -g ${PACKAGE_NAME}`
+      };
+    }
+    return null;
+  } catch {
+    return null;
+  }
+}
+function formatUpdateNotification(info) {
+  const reset = "\x1B[0m";
+  const dim = "\x1B[2m";
+  const bold = "\x1B[1m";
+  const yellow = "\x1B[33m";
+  const cyan = "\x1B[36m";
+  const green = "\x1B[32m";
+  const topLeft = "\u250C";
+  const topRight = "\u2510";
+  const bottomLeft = "\u2514";
+  const bottomRight = "\u2518";
+  const horizontal = "\u2500";
+  const vertical = "\u2502";
+  const line1 = `Update available: ${dim}${info.current}${reset} \u2192 ${green}${bold}${info.latest}${reset}`;
+  const line2 = `Run: ${cyan}${info.updateCommand}${reset}`;
+  const contentWidth = Math.max(`Update available: ${info.current} \u2192 ${info.latest}`.length, `Run: ${info.updateCommand}`.length);
+  const boxWidth = contentWidth + 4;
+  const topBorder = `${yellow}${topLeft}${horizontal.repeat(boxWidth)}${topRight}${reset}`;
+  const bottomBorder = `${yellow}${bottomLeft}${horizontal.repeat(boxWidth)}${bottomRight}${reset}`;
+  const padLine = (line, visibleLength) => {
+    const padding = boxWidth - visibleLength - 2;
+    return `${yellow}${vertical}${reset} ${line}${" ".repeat(padding)} ${yellow}${vertical}${reset}`;
+  };
+  const paddedLine1 = padLine(line1, `Update available: ${info.current} \u2192 ${info.latest}`.length);
+  const paddedLine2 = padLine(line2, `Run: ${info.updateCommand}`.length);
+  return `
+${topBorder}
+${paddedLine1}
+${paddedLine2}
+${bottomBorder}
+`;
+}
+async function notifyIfUpdateAvailable(currentVersion) {
+  if (!process.stdout.isTTY) {
+    return;
+  }
+  if (process.env.NO_COLOR) {
+    return;
+  }
+  const updateInfo = await checkForUpdates(currentVersion);
+  if (updateInfo) {
+    console.error(formatUpdateNotification(updateInfo));
+  }
+}
+
 // src/index.ts
 var colors = {
   reset: "\x1B[0m",
@@ -2429,9 +2584,10 @@ Examples:
 `);
   process.exit(0);
 }
+var pkg = await Bun.file(resolve2(import.meta.dir, "..", "package.json")).json();
+var currentVersion = pkg.version;
 if (values.version) {
-  const pkg = await Bun.file(resolve2(import.meta.dir, "..", "package.json")).json();
-  console.log(pkg.version);
+  console.log(currentVersion);
   process.exit(0);
 }
 var storagePath = values.storage ?? getDefaultStoragePath();
@@ -2447,7 +2603,7 @@ if (isNaN(port) || port < 1 || port > 65535) {
 }
 try {
   await readdir2(storagePath);
-  const projectDir = join4(storagePath, "project");
+  const projectDir = join5(storagePath, "project");
   try {
     await readdir2(projectDir);
   } catch {
@@ -2548,6 +2704,7 @@ if (values["no-generate"]) {
   }
 }
 if (values.serve) {
+  await notifyIfUpdateAvailable(currentVersion);
   await serve({
     directory: resolve2(outputDir),
     port,
@@ -2557,6 +2714,9 @@ if (values.serve) {
   const indexPath = resolve2(outputDir, "index.html");
   openInBrowser(indexPath);
 }
+if (!values.serve) {
+  await notifyIfUpdateAvailable(currentVersion);
+}
 function openInBrowser(target) {
   const platform = process.platform;
   if (platform === "darwin") {

package/package.json

@@ -1,6 +1,7 @@
 {
+  "$schema": "https://json.schemastore.org/package.json",
   "name": "opencode-replay",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Generate static HTML transcripts from OpenCode sessions",
   "type": "module",
   "bin": {