plotlink-ows 1.0.4 → 1.0.8

package/app/lib/paths.ts

@@ -5,5 +5,12 @@ import fs from "fs";
 /** All user state lives in ~/.plotlink-ows/ — survives npx reinstalls */
 export const CONFIG_DIR = path.join(os.homedir(), ".plotlink-ows");
 export const ENV_FILE = path.join(CONFIG_DIR, ".env");
-// Ensure config dir exists on import
+export const STORIES_DIR = path.join(CONFIG_DIR, "stories");
+export const DATA_DIR = path.join(CONFIG_DIR, "data");
+export const DB_PATH = path.join(DATA_DIR, "local.db");
+export const DATABASE_URL = `file:${DB_PATH}`;
+
+// Ensure persistent directories exist on import
 fs.mkdirSync(CONFIG_DIR, { recursive: true });
+fs.mkdirSync(STORIES_DIR, { recursive: true });
+fs.mkdirSync(DATA_DIR, { recursive: true });

package/app/prisma/schema.prisma

@@ -5,7 +5,7 @@ generator client {
 
 datasource db {
   provider = "sqlite"
-  url      = "file:../../data/local.db"
+  url      = env("DATABASE_URL")
 }
 
 model Session {

package/app/routes/stories.ts

@@ -1,10 +1,7 @@
 import { Hono } from "hono";
 import fs from "fs";
 import path from "path";
-import { fileURLToPath } from "url";
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const STORIES_DIR = path.join(__dirname, "..", "..", "stories");
+import { STORIES_DIR } from "../lib/paths";
 
 const stories = new Hono();
 

package/app/routes/terminal.ts

@@ -2,13 +2,11 @@ import { Hono } from "hono";
 import * as pty from "node-pty";
 import path from "path";
 import fs from "fs";
-import { fileURLToPath } from "url";
 import { randomUUID } from "crypto";
+import { STORIES_DIR, DATA_DIR } from "../lib/paths";
 
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const STORIES_DIR = path.join(__dirname, "..", "..", "stories");
 const MAX_SESSIONS = 5;
-const SESSION_FILE = path.join(__dirname, "..", "..", "data", "terminal-sessions.json");
+const SESSION_FILE = path.join(DATA_DIR, "terminal-sessions.json");
 
 const terminal = new Hono();
 

package/app/server.ts

@@ -1,7 +1,11 @@
 import dotenv from "dotenv";
+import os from "os";
 import path from "path";
 import { fileURLToPath } from "url";
-import { ENV_FILE } from "./lib/paths";
+import { ENV_FILE, DATA_DIR, STORIES_DIR, DATABASE_URL } from "./lib/paths";
+
+// Set DATABASE_URL before any Prisma imports
+process.env.DATABASE_URL = DATABASE_URL;
 
 // Load .env from ~/.plotlink-ows/ before anything else
 const __dirnamePre = path.dirname(fileURLToPath(import.meta.url));
@@ -57,25 +61,72 @@ if (fs.existsSync(distPath)) {
   });
 }
 
+/** Copy story directories from a source dir into STORIES_DIR, skipping duplicates */
+function migrateStoriesFrom(srcDir: string, label: string) {
+  if (!fs.existsSync(srcDir) || srcDir === STORIES_DIR) return;
+  const entries = fs.readdirSync(srcDir, { withFileTypes: true })
+    .filter((d) => d.isDirectory() && !d.name.startsWith(".") && d.name !== "_example");
+  for (const entry of entries) {
+    const dest = path.join(STORIES_DIR, entry.name);
+    if (fs.existsSync(dest)) continue;
+    try {
+      fs.renameSync(path.join(srcDir, entry.name), dest);
+    } catch {
+      fs.cpSync(path.join(srcDir, entry.name), dest, { recursive: true });
+    }
+    console.log(`  Migrated story "${entry.name}" from ${label}`);
+  }
+}
+
+/** Copy a single file if source exists and destination doesn't */
+function migrateFileFrom(src: string, dest: string, label: string) {
+  if (fs.existsSync(src) && !fs.existsSync(dest)) {
+    fs.copyFileSync(src, dest);
+    console.log(`  Migrated ${label} → ${path.dirname(dest)}`);
+  }
+}
+
+/** Migrate stories/data from old locations to ~/.plotlink-ows/ */
+function migrateOldData() {
+  // 1. Scan all previous npx cache directories
+  const npxBase = path.join(os.homedir(), ".npm", "_npx");
+  if (fs.existsSync(npxBase)) {
+    try {
+      // Only migrate stories from npx caches — db/sessions are singletons and
+      // picking from a random cache entry could restore stale state
+      for (const hash of fs.readdirSync(npxBase)) {
+        const pkgRoot = path.join(npxBase, hash, "node_modules", "plotlink-ows");
+        migrateStoriesFrom(path.join(pkgRoot, "stories"), `npx cache (${hash.slice(0, 8)})`);
+      }
+    } catch { /* npx cache scan best-effort */ }
+  }
+
+  // 2. Current package-relative path (dev → npx transition)
+  const oldStoriesDir = path.join(__dirname, "..", "stories");
+  const oldDataDir = path.join(__dirname, "..", "data");
+  migrateStoriesFrom(oldStoriesDir, "package directory");
+  migrateFileFrom(path.join(oldDataDir, "local.db"), path.join(DATA_DIR, "local.db"), "database");
+  migrateFileFrom(
+    path.join(oldDataDir, "terminal-sessions.json"),
+    path.join(DATA_DIR, "terminal-sessions.json"),
+    "terminal sessions",
+  );
+}
+
 async function start() {
-  // Ensure data directory exists
-  const dataDir = path.join(__dirname, "..", "data");
-  if (!fs.existsSync(dataDir)) fs.mkdirSync(dataDir, { recursive: true });
+  // Auto-migrate from old package-relative paths
+  migrateOldData();
 
   // Run Prisma db push to ensure schema is up to date
   const schemaPath = path.join(__dirname, "prisma", "schema.prisma");
   execSync(`npx prisma db push --schema ${schemaPath} --skip-generate`, {
     stdio: "inherit",
-    env: { ...process.env, DATABASE_URL: `file:${path.join(dataDir, "local.db")}` },
+    env: { ...process.env, DATABASE_URL },
   });
 
   // Initialize database connection
   await initDb();
 
-  // Ensure stories directory exists
-  const storiesDir = path.join(__dirname, "..", "stories");
-  if (!fs.existsSync(storiesDir)) fs.mkdirSync(storiesDir, { recursive: true });
-
   const port = Number(process.env.APP_PORT) || 7777;
   const server = serve({ fetch: app.fetch, port }, (info) => {
     console.log(`\n  PlotLink OWS running at http://localhost:${info.port}\n`);

package/app/web/components/TerminalPanel.tsx

@@ -36,7 +36,7 @@ const THEME = {
   blue: "#4A6FA5",
   magenta: "#7B4B8A",
   cyan: "#3D7A7A",
-  white: "#3A2A1E",
+  white: "#E6DDD0",       // subtle cream tint for input line backgrounds
   brightBlack: "#8B7355",
   brightRed: "#B85C5C",   // muted red — readable as text, soft as diff bg
   brightGreen: "#5A8A5A", // muted green — readable as text, soft as diff bg
@@ -184,6 +184,8 @@ export function TerminalPanel({ token, storyName, authFetch, onSelectStory }: Te
     container.style.width = "100%";
     container.style.height = "100%";
     container.style.display = "none";
+    container.style.paddingLeft = "10px";
+    container.style.boxSizing = "border-box";
     wrapperRef.current.appendChild(container);
 
     const term = new Terminal({
@@ -207,11 +209,6 @@ export function TerminalPanel({ token, storyName, authFetch, onSelectStory }: Te
     term.loadAddon(serialize);
     term.open(container);
 
-    // Apply padding to term.element so FitAddon measures correctly
-    if (term.element) {
-      term.element.style.paddingLeft = "10px";
-    }
-
     const session: TerminalSession = { term, fit, serialize, ws: null, container, observer: null as unknown as ResizeObserver, connected: false };
 
     const observer = new ResizeObserver(() => {

package/app/web/styles.css

@@ -1,6 +1,18 @@
 @import "tailwindcss";
 @plugin "@tailwindcss/typography";
 
+@theme inline {
+  --color-background: #E8DFD0;
+  --color-foreground: #2C1810;
+  --color-surface: #F0EBE1;
+  --color-muted: #8B7355;
+  --color-accent: #8B4513;
+  --color-accent-dim: #6B3410;
+  --color-border: #D4C5B0;
+  --color-error: #CC3333;
+  --default-font-family: "Inter", system-ui, -apple-system, sans-serif;
+}
+
 :root {
   --bg: #E8DFD0;
   --bg-surface: #F0EBE1;
@@ -14,18 +26,6 @@
   --paper-bg: #F5F0E8;
 }
 
-@theme inline {
-  --color-background: var(--bg);
-  --color-foreground: var(--text);
-  --color-surface: var(--bg-surface);
-  --color-muted: var(--text-muted);
-  --color-accent: var(--accent);
-  --color-accent-dim: var(--accent-dim);
-  --color-border: var(--border);
-  --color-error: var(--error);
-  --default-font-family: "Inter", system-ui, -apple-system, sans-serif;
-}
-
 body {
   background: var(--bg);
   color: var(--text);
@@ -67,3 +67,15 @@ code, pre {
   opacity: 1 !important;
   color: #8B7355 !important;
 }
+
+/* Remove left vertical line artifact from xterm container */
+.xterm {
+  border: none !important;
+  outline: none !important;
+}
+
+.xterm-viewport {
+  border: none !important;
+  outline: none !important;
+}
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plotlink-ows",
-  "version": "1.0.4",
+  "version": "1.0.8",
   "bin": {
     "plotlink-ows": "./bin/plotlink-ows.js"
   },

package/scripts/fix-index-status.ts

@@ -10,10 +10,7 @@
  */
 import fs from "fs";
 import path from "path";
-import { fileURLToPath } from "url";
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const STORIES_DIR = path.join(__dirname, "..", "stories");
+import { STORIES_DIR } from "../app/lib/paths";
 
 interface FileStatus {
   file: string;