@wierdbytes/pi-facelift 0.3.2 → 0.4.0

package/paths.ts

@@ -0,0 +1,50 @@
+/**
+ * Filesystem paths for @wierdbytes/pi-facelift.
+ *
+ * Per-package state lives under `~/.pi/agent/wierd-facelift/` (or
+ * `${PI_AGENT_DIR}/wierd-facelift/` if the env var is set):
+ *
+ *   - `config.json` — user-editable settings (see config.ts). Today
+ *     this is just the `diffLayout` preference; more knobs (themes,
+ *     icon mode, max preview lines, etc.) can be added later without
+ *     changing the directory layout.
+ *
+ * The directory is created lazily on first write — `ensureFaceliftDir`
+ * is the canonical entry point. We never call `mkdirSync` from module
+ * load so test runners and unrelated tooling don't accidentally touch
+ * the agent dir.
+ */
+
+import { existsSync, mkdirSync } from "node:fs";
+import { homedir } from "node:os";
+import { join } from "node:path";
+
+const PACKAGE_DIRNAME = "wierd-facelift";
+
+/** Resolve the pi agent root (`PI_AGENT_DIR` if set, otherwise `~/.pi/agent`). */
+export function piAgentDir(): string {
+	const fromEnv = process.env.PI_AGENT_DIR?.trim();
+	if (fromEnv) return fromEnv;
+	return join(homedir(), ".pi", "agent");
+}
+
+/** Per-package state directory: `<piAgentDir>/wierd-facelift`. */
+export function faceliftDir(): string {
+	return join(piAgentDir(), PACKAGE_DIRNAME);
+}
+
+/** Path to the persisted config JSON. */
+export function configPath(): string {
+	return join(faceliftDir(), "config.json");
+}
+
+/**
+ * Ensure the package directory exists. Idempotent. Caller should invoke
+ * this once before the first config save.
+ */
+export function ensureFaceliftDir(): void {
+	const dir = faceliftDir();
+	if (!existsSync(dir)) {
+		mkdirSync(dir, { recursive: true });
+	}
+}

package/scripts/diff-demo.ts

@@ -0,0 +1,96 @@
+/**
+ * Visual smoke test for the new write/edit diff renderer.
+ *
+ * Renders a representative split-view diff inside an open-right facelift
+ * frame so the result can be eyeballed against the original pi-diff
+ * screenshot. Not run by CI — invoked manually with:
+ *
+ *     bun run packages/facelift/scripts/diff-demo.ts
+ */
+
+import {
+	applyDiffPalette,
+	canRenderSplit,
+	getDiffLayoutPreference,
+	lang,
+	parseDiff,
+	renderSplit,
+	resolveDiffColors,
+	summarize,
+	type DiffLayout,
+} from "@wierdbytes/pi-common/diff";
+import {
+	frameResultWithBottomLabel,
+	frameTop,
+} from "@wierdbytes/pi-common/tool-frame";
+
+applyDiffPalette();
+
+// Minimal theme stub. By default we mimic tokyo-night-ish bg tokens so the
+// auto-derived diff bg tints (BG_DEL/BG_ADD/BG_BASE) blend with each other.
+// Pass FACELIFT_DEMO_PLAIN=1 to fall back to default terminal bg for the
+// uncommon case where you want to inspect raw output.
+const plain = process.env.FACELIFT_DEMO_PLAIN === "1";
+const theme = plain
+	? ({
+			fg: (_key: string, text: string) => text,
+			bold: (text: string) => `\x1b[1m${text}\x1b[22m`,
+			getFgAnsi: () => "",
+			getBgAnsi: () => "",
+		} as unknown as Parameters<typeof frameTop>[2])
+	: ({
+			fg: (_key: string, text: string) => text,
+			bold: (text: string) => `\x1b[1m${text}\x1b[22m`,
+			getFgAnsi: (key: string) => {
+				if (key === "toolDiffAdded") return "\x1b[38;2;100;180;120m"; // green
+				if (key === "toolDiffRemoved") return "\x1b[38;2;200;100;100m"; // red
+				return "";
+			},
+			getBgAnsi: (key: string) => {
+				if (key === "toolSuccessBg") return "\x1b[48;2;26;30;46m"; // tokyo-night-ish slate
+				if (key === "toolErrorBg") return "\x1b[48;2;46;26;30m";
+				return "";
+			},
+		} as unknown as Parameters<typeof frameTop>[2]);
+
+const oldText = `if len(blockers) == 0 {
+    return nil
+}
+
+tx, err := s.db.BeginTx(ctx, nil)
+if err != nil {
+    return fmt.Errorf("begin tx: %w", err)
+`;
+
+const newText = `if len(blockers) == 0 {
+    return nil
+}
+return retryOnBusy(ctx, func() error { return s.blockOnce(ctx, id, blockers) })
+}
+
+func (s *Store) blockOnce(ctx context.Context, id string, blockers []string) error {
+tx, err := s.db.BeginTx(ctx, nil)
+if err != nil {
+    return fmt.Errorf("begin tx: %w", err)
+`;
+
+const diff = parseDiff(oldText, newText);
+const colors = resolveDiffColors(theme as never);
+const width = Number(process.env.COLUMNS) || 200;
+const innerW = width - 1;
+
+// Mirror facelift's `decideDiffLayout` so the demo also respects
+// `DIFF_LAYOUT=...` / `diffLayout` settings when invoked manually.
+const pref = getDiffLayoutPreference();
+let layout: DiffLayout | undefined;
+if (pref === "split") layout = "split";
+else if (pref === "unified") layout = "unified";
+else if (pref === "per-edit") layout = undefined;
+else layout = canRenderSplit(diff, innerW, 60) ? "split" : "unified";
+
+const title = `\x1b[1medit\x1b[22m internal/store/doltlite/deps.go`;
+console.log(frameTop(title, "success", theme, width));
+
+const body = await renderSplit(diff, lang("foo.go"), 60, colors, innerW, { frameless: true, layout });
+const label = `1 edit ${summarize(diff.added, diff.removed)} (${diff.lines.length} diff lines)`;
+console.log(frameResultWithBottomLabel(body, label, "success", theme, width));