diffhub 0.1.0 → 0.1.2

package/.next/standalone/apps/web/app/globals.css

@@ -1,214 +0,0 @@
-@import "tailwindcss";
-@import "tw-animate-css";
-@import "shadcn/tailwind.css";
-
-@custom-variant dark (&:is(.dark *));
-
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --font-sans: var(--font-glide), ui-sans-serif, system-ui, sans-serif;
-  --font-mono: var(--font-operator-mono), ui-monospace, monospace;
-  --font-heading: var(--font-glide), ui-sans-serif, system-ui, sans-serif;
-  --color-sidebar-ring: var(--sidebar-ring);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar: var(--sidebar);
-  --color-chart-5: var(--chart-5);
-  --color-chart-4: var(--chart-4);
-  --color-chart-3: var(--chart-3);
-  --color-chart-2: var(--chart-2);
-  --color-chart-1: var(--chart-1);
-  --color-ring: var(--ring);
-  --color-input: var(--input);
-  --color-border: var(--border);
-  --color-destructive: var(--destructive);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-accent: var(--accent);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-muted: var(--muted);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-secondary: var(--secondary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-primary: var(--primary);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-popover: var(--popover);
-  --color-card-foreground: var(--card-foreground);
-  --color-card: var(--card);
-  --radius-sm: calc(var(--radius) * 0.6);
-  --radius-md: calc(var(--radius) * 0.8);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) * 1.4);
-  --radius-2xl: calc(var(--radius) * 1.8);
-  --radius-3xl: calc(var(--radius) * 2.2);
-  --radius-4xl: calc(var(--radius) * 2.6);
-  /* Diff-specific semantic tokens */
-  --color-diff-green: var(--diff-green);
-  --color-diff-purple: var(--diff-purple);
-  --color-diff-selected: var(--diff-selected);
-  --color-diff-success: var(--diff-success);
-}
-
-:root {
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.145 0 0);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.145 0 0);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.145 0 0);
-  --primary: oklch(0.205 0 0);
-  --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.97 0 0);
-  --secondary-foreground: oklch(0.205 0 0);
-  --muted: oklch(0.97 0 0);
-  --muted-foreground: oklch(0.556 0 0);
-  --accent: oklch(0.97 0 0);
-  --accent-foreground: oklch(0.205 0 0);
-  --destructive: oklch(0.577 0.245 27.325);
-  --border: oklch(0.922 0 0);
-  --input: oklch(0.922 0 0);
-  --ring: oklch(0.708 0 0);
-  --chart-1: oklch(0.87 0 0);
-  --chart-2: oklch(0.556 0 0);
-  --chart-3: oklch(0.439 0 0);
-  --chart-4: oklch(0.371 0 0);
-  --chart-5: oklch(0.269 0 0);
-  --radius: 0.625rem;
-  --sidebar: oklch(0.985 0 0);
-  --sidebar-foreground: oklch(0.145 0 0);
-  --sidebar-primary: oklch(0.205 0 0);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.97 0 0);
-  --sidebar-accent-foreground: oklch(0.205 0 0);
-  --sidebar-border: oklch(0.922 0 0);
-  --sidebar-ring: oklch(0.708 0 0);
-  /* Diff-specific tokens */
-  --diff-green: oklch(0.696 0.17 145);
-  --diff-purple: oklch(0.78 0.12 300);
-  --diff-selected: oklch(0.93 0 0);
-  --diff-success: oklch(0.573 0.15 145);
-}
-
-.dark {
-  --background: oklch(0.145 0 0);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.205 0 0);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.205 0 0);
-  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.922 0 0);
-  --primary-foreground: oklch(0.205 0 0);
-  --secondary: oklch(0.269 0 0);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.269 0 0);
-  --muted-foreground: oklch(0.708 0 0);
-  --accent: oklch(0.269 0 0);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.704 0.191 22.216);
-  --border: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 15%);
-  --ring: oklch(0.556 0 0);
-  --chart-1: oklch(0.87 0 0);
-  --chart-2: oklch(0.556 0 0);
-  --chart-3: oklch(0.439 0 0);
-  --chart-4: oklch(0.371 0 0);
-  --chart-5: oklch(0.269 0 0);
-  --sidebar: oklch(0.205 0 0);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.922 0 0);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.269 0 0);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(1 0 0 / 10%);
-  --sidebar-ring: oklch(0.556 0 0);
-  /* Diff-specific tokens */
-  --diff-green: oklch(0.696 0.15 145);
-  --diff-purple: oklch(0.78 0.12 300);
-  --diff-selected: oklch(0.269 0 0);
-  --diff-success: oklch(0.573 0.15 145);
-}
-
-@layer base {
-  * {
-    @apply border-border outline-ring/50;
-  }
-  body {
-    @apply bg-background text-foreground font-sans;
-  }
-
-  kbd {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    min-width: 16px;
-    padding: 1px 4px;
-    border-radius: 4px;
-    border: 1px solid var(--border);
-    background: var(--muted);
-    font-size: 10px;
-    font-family: var(--font-mono);
-    line-height: 1.4;
-    color: var(--muted-foreground);
-  }
-
-  /*
-   * Gutter "+" button: the library renders a light-DOM slot wrapper with
-   * inline styles `position:absolute; top:0; bottom:0` but NO width. We use
-   * a fixed pixel size so the button is always visible regardless of parent.
-   */
-  .diffhub-gutter-btn {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 20px;
-    height: 20px;
-    border: none;
-    border-radius: 3px;
-    background: var(--primary);
-    color: var(--primary-foreground);
-    font-size: 14px;
-    font-weight: bold;
-    line-height: 1;
-    cursor: pointer;
-    animation: diffhub-gutter-in 0.08s ease-out both;
-  }
-
-  .diffhub-gutter-btn:hover {
-    background: color-mix(in srgb, var(--primary) 85%, black);
-  }
-
-  @keyframes diffhub-gutter-in {
-    from {
-      opacity: 0;
-    }
-    to {
-      opacity: 1;
-    }
-  }
-}
-
-@keyframes diffhub-menu-in {
-  from {
-    opacity: 0;
-    transform: translateY(-4px) scale(0.97);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-  }
-}
-
-.diffhub-menu-animate {
-  animation: diffhub-menu-in 120ms ease-out forwards;
-}
-
-/* ── Hunk expand separator ──────────────────────────────────────────────── */
-/*
-  @pierre/diffs renders expand buttons inside Shadow DOM — global CSS cannot
-  reach them. The library provides its own expand-button styling. No overrides
-  are needed here.
-*/

package/.next/standalone/apps/web/app/layout.tsx

@@ -1,52 +0,0 @@
-import { Agentation } from "agentation";
-import type { Metadata } from "next";
-import localFont from "next/font/local";
-import { ThemeProvider } from "@/components/theme-provider";
-import "./globals.css";
-
-const glide = localFont({
-  display: "swap",
-  src: [
-    { path: "../public/glide-variable.woff2", style: "normal" },
-    { path: "../public/glide-variable-italic.woff2", style: "italic" },
-  ],
-  variable: "--font-glide",
-  weight: "400 900",
-});
-
-const operatorMono = localFont({
-  display: "swap",
-  src: [
-    { path: "../public/operator-mono-book.woff2", style: "normal", weight: "400" },
-    { path: "../public/operator-mono-book-italic.woff2", style: "italic", weight: "400" },
-    { path: "../public/operator-mono-medium.woff2", style: "normal", weight: "500" },
-    { path: "../public/operator-mono-medium-italic.woff2", style: "italic", weight: "500" },
-  ],
-  variable: "--font-operator-mono",
-});
-
-export const metadata: Metadata = {
-  description: "GitHub PR-style local diff viewer",
-  title: "diffhub",
-};
-
-export default function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
-  return (
-    <html
-      lang="en"
-      className={`${glide.variable} ${operatorMono.variable} h-full`}
-      suppressHydrationWarning
-    >
-      <body className="h-full overflow-hidden bg-background antialiased">
-        <ThemeProvider attribute="class" defaultTheme="dark" enableSystem disableTransitionOnChange>
-          {children}
-          {process.env.NODE_ENV === "development" && <Agentation />}
-        </ThemeProvider>
-      </body>
-    </html>
-  );
-}

package/.next/standalone/apps/web/app/page.tsx

@@ -1,6 +0,0 @@
-import { DiffApp } from "@/components/DiffApp";
-
-export default function Home() {
-  const repoPath = process.env.CMUX_DIFF_REPO ?? process.cwd();
-  return <DiffApp repoPath={repoPath} />;
-}

package/.next/standalone/apps/web/bin/diffhub.mjs

@@ -1,147 +0,0 @@
-#!/usr/bin/env node
-import { program } from "commander";
-import { spawn } from "node:child_process";
-import { existsSync } from "node:fs";
-import { createServer } from "node:net";
-import { join, resolve } from "node:path";
-
-const __dirname = import.meta.dirname;
-
-// Fast-fail on unsupported Node.js versions
-const nodeMajor = Number.parseInt(process.version.slice(1).split(".")[0], 10);
-if (nodeMajor < 18) {
-  process.stderr.write(`❌ diffhub requires Node.js 18+. You have ${process.version}.\n`);
-  process.stderr.write(`   Download: https://nodejs.org\n`);
-  process.exit(1);
-}
-
-// -- Port utilities ----------------------------------------------------------
-
-// oxlint-disable-next-line promise/avoid-new
-const findFreePort = async (start) => {
-  for (let p = start; p < start + 10; p += 1) {
-    // oxlint-disable-next-line promise/avoid-new
-    const free = await new Promise((_resolve) => {
-      const s = createServer();
-      s.listen(p, () => {
-        s.close();
-        _resolve(true);
-      });
-      s.on("error", () => _resolve(false));
-    });
-    if (free) {
-      return p;
-    }
-  }
-  return start;
-};
-
-const waitForServer = async (port, maxMs = 15_000) => {
-  const deadline = Date.now() + maxMs;
-  while (Date.now() < deadline) {
-    try {
-      const res = await fetch(`http://127.0.0.1:${port}`);
-      if (res.ok || res.status === 404) {
-        return true;
-      }
-    } catch {
-      // empty
-    }
-    // oxlint-disable-next-line promise/avoid-new
-    await new Promise((_resolve) => {
-      setTimeout(_resolve, 300);
-    });
-  }
-  return false;
-};
-
-// -- CLI setup ---------------------------------------------------------------
-
-program
-  .name("diffhub")
-  .description("GitHub PR-style local diff viewer")
-  .version("0.1.0")
-  .option("-p, --port <port>", "Port to serve on", "2047")
-  .option("-r, --repo <path>", "Git repository path (defaults to cwd)")
-  .option("-b, --base <branch>", "Base branch to diff against (defaults to main/master)")
-  .option("--no-open", "Don't open browser automatically")
-  .parse(process.argv);
-
-const opts = program.opts();
-const repoPath = resolve(opts.repo ?? process.cwd());
-const baseBranch = opts.base ?? "";
-
-// Verify it's a git repo
-if (!existsSync(join(repoPath, ".git"))) {
-  console.error(`❌ Not a git repository: ${repoPath}`);
-  console.error(`   Run from inside a git repo, or pass --repo:`);
-  console.error(`   diffhub --repo /path/to/your-repo`);
-  process.exit(1);
-}
-
-// outputFileTracingRoot is set to the monorepo root, so Next.js places the server at
-// .next/standalone/apps/web/server.js (mirroring the workspace path).
-const appDir = resolve(__dirname, "..");
-const serverPath = join(appDir, ".next", "standalone", "apps", "web", "server.js");
-
-if (!existsSync(serverPath)) {
-  console.error("❌ No production build found.");
-  console.error("   Run: npm run build");
-  process.exit(1);
-}
-
-const standaloneDir = resolve(serverPath, "..");
-const port = await findFreePort(Number.parseInt(opts.port, 10));
-
-// -- Startup banner ----------------------------------------------------------
-
-console.log(`  diffhub\n`);
-console.log(`  Repo   ${repoPath}`);
-if (baseBranch) {
-  console.log(`  Base   ${baseBranch}`);
-}
-console.log(`  URL    http://localhost:${port}`);
-console.log(`\n  Press Ctrl+C to stop\n`);
-
-// -- Start server ------------------------------------------------------------
-
-const server = spawn("node", ["server.js"], {
-  cwd: standaloneDir,
-  env: {
-    ...process.env,
-    DIFFHUB_REPO: repoPath,
-    ...(baseBranch ? { DIFFHUB_BASE: baseBranch } : {}),
-    HOSTNAME: "127.0.0.1",
-    NODE_ENV: "production",
-    PORT: String(port),
-  },
-  stdio: "inherit",
-});
-
-server.on("error", (err) => {
-  console.error("Failed to start server:", err.message);
-  process.exit(1);
-});
-
-// -- Open browser when ready -------------------------------------------------
-
-if (opts.open !== false) {
-  const url = `http://localhost:${port}`;
-  const ready = await waitForServer(port);
-  if (ready) {
-    const opener =
-      { darwin: "open", linux: "xdg-open", win32: "start" }[process.platform] ?? "xdg-open";
-    spawn(opener, [url], {
-      detached: true,
-      shell: process.platform === "win32",
-      stdio: "ignore",
-    }).unref();
-  }
-}
-
-// -- Graceful shutdown -------------------------------------------------------
-
-process.on("SIGINT", () => {
-  server.kill();
-  process.exit(0);
-});

package/.next/standalone/apps/web/components/ContextMenu.tsx

@@ -1,161 +0,0 @@
-"use client";
-
-import { useEffect, useRef, useState } from "react";
-import {
-  FolderOpenIcon,
-  CodeLinesIcon,
-  CodeBracketsIcon,
-  CopySimpleIcon,
-  CheckIcon,
-  ArrowUndoDownIcon,
-} from "blode-icons-react";
-
-interface ContextMenuProps {
-  x: number;
-  y: number;
-  filePath: string;
-  repoPath: string;
-  onClose: () => void;
-  onDiscard?: () => Promise<void>;
-}
-
-const APPS = [
-  { icon: FolderOpenIcon, key: "finder", label: "Finder" },
-  { icon: CodeLinesIcon, key: "zed", label: "Zed" },
-  { icon: CodeLinesIcon, key: "vscode", label: "VS Code" },
-  { icon: CodeLinesIcon, key: "xcode", label: "Xcode" },
-  { icon: CodeBracketsIcon, key: "ghostty", label: "Ghostty" },
-  { icon: CodeBracketsIcon, key: "terminal", label: "Terminal" },
-] as const;
-
-type AppKey = (typeof APPS)[number]["key"];
-
-export const ContextMenu = ({ x, y, filePath, repoPath, onClose, onDiscard }: ContextMenuProps) => {
-  const ref = useRef<HTMLDivElement>(null);
-  const [copied, setCopied] = useState(false);
-  const [discarding, setDiscarding] = useState(false);
-
-  useEffect(() => {
-    const handleClick = (e: MouseEvent) => {
-      if (ref.current && !ref.current.contains(e.target as Node)) {
-        onClose();
-      }
-    };
-    const handleKey = (e: KeyboardEvent) => {
-      if (e.key === "Escape") {
-        onClose();
-      }
-    };
-    document.addEventListener("mousedown", handleClick);
-    document.addEventListener("keydown", handleKey);
-    return () => {
-      document.removeEventListener("mousedown", handleClick);
-      document.removeEventListener("keydown", handleKey);
-    };
-  }, [onClose]);
-
-  const openIn = async (app: AppKey) => {
-    const fullPath = `${repoPath}/${filePath}`;
-    try {
-      await fetch("/api/open", {
-        body: JSON.stringify({ app, path: fullPath }),
-        headers: { "Content-Type": "application/json" },
-        method: "POST",
-      });
-    } catch {
-      // best-effort — still close the menu
-    }
-    onClose();
-  };
-
-  // oxlint-disable-next-line react-perf/jsx-no-new-function-as-prop
-  const handleDiscard = async () => {
-    if (!onDiscard || discarding) {
-      return;
-    }
-    setDiscarding(true);
-    try {
-      await onDiscard();
-      onClose();
-    } finally {
-      setDiscarding(false);
-    }
-  };
-
-  // oxlint-disable-next-line react-perf/jsx-no-new-function-as-prop
-  const copyPath = async () => {
-    const fullPath = `${repoPath}/${filePath}`;
-    try {
-      await navigator.clipboard.writeText(fullPath);
-      setCopied(true);
-      setTimeout(() => {
-        setCopied(false);
-        onClose();
-      }, 1200);
-    } catch {
-      onClose();
-    }
-  };
-
-  // Adjust position to stay in viewport
-  const style: React.CSSProperties = {
-    left: Math.min(x, window.innerWidth - 200),
-    position: "fixed",
-    top: Math.min(y, window.innerHeight - 300),
-    zIndex: 1000,
-  };
-
-  return (
-    <div
-      ref={ref}
-      style={style}
-      className="diffhub-menu-animate min-w-[160px] rounded-lg border border-border bg-popover shadow-xl dark:shadow-none py-1 text-sm"
-    >
-      {/* File path header */}
-      <div className="px-3 py-1.5 text-xs text-muted-foreground border-b border-border mb-1 font-mono truncate max-w-[200px]">
-        {filePath.split("/").pop()}
-      </div>
-
-      {APPS.map(({ key, label, icon: Icon }) => (
-        <button
-          type="button"
-          key={key}
-          // oxlint-disable-next-line react-perf/jsx-no-new-function-as-prop
-          onClick={() => openIn(key)}
-          className="flex w-full items-center gap-2.5 px-3 py-1.5 text-foreground hover:bg-secondary transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring/50"
-        >
-          <Icon size={14} className="text-muted-foreground" />
-          {label}
-        </button>
-      ))}
-
-      <div className="border-t border-border mt-1 pt-1">
-        <button
-          type="button"
-          // oxlint-disable-next-line react-perf/jsx-no-new-function-as-prop
-          onClick={copyPath}
-          className="flex w-full items-center gap-2.5 px-3 py-1.5 text-foreground hover:bg-secondary transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring/50"
-        >
-          {copied ? (
-            <CheckIcon size={14} className="text-diff-green" />
-          ) : (
-            <CopySimpleIcon size={14} className="text-muted-foreground" />
-          )}
-          {copied ? "Copied!" : "Copy path"}
-        </button>
-        {onDiscard && (
-          <button
-            type="button"
-            // oxlint-disable-next-line react-perf/jsx-no-new-function-as-prop
-            onClick={handleDiscard}
-            disabled={discarding}
-            className="flex w-full items-center gap-2.5 px-3 py-1.5 text-destructive hover:bg-destructive/10 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring/50 disabled:opacity-50"
-          >
-            <ArrowUndoDownIcon size={14} className={discarding ? "animate-spin" : ""} />
-            Discard changes
-          </button>
-        )}
-      </div>
-    </div>
-  );
-};