prjct-cli 0.11.0 → 0.11.1

package/packages/shared/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "lib": ["ES2022", "DOM"],
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "declaration": true,
+    "declarationMap": true,
+    "outDir": "./dist",
+    "rootDir": "./src"
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}

package/packages/web/README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

package/packages/web/app/api/claude/sessions/route.ts

@@ -0,0 +1,44 @@
+import { NextResponse } from 'next/server'
+import { createClaudeSession, listSessions } from '@/lib/pty'
+
+export const dynamic = 'force-dynamic'
+
+export async function GET() {
+  try {
+    const sessions = listSessions()
+    return NextResponse.json({ success: true, data: sessions })
+  } catch (error) {
+    return NextResponse.json(
+      { success: false, error: 'Failed to list sessions' },
+      { status: 500 }
+    )
+  }
+}
+
+export async function POST(request: Request) {
+  try {
+    const body = await request.json()
+    const { sessionId, projectDir } = body
+
+    if (!sessionId || !projectDir) {
+      return NextResponse.json(
+        { success: false, error: 'sessionId and projectDir are required' },
+        { status: 400 }
+      )
+    }
+
+    // Create PTY session
+    createClaudeSession(sessionId, projectDir)
+
+    return NextResponse.json({
+      success: true,
+      data: { sessionId, projectDir }
+    })
+  } catch (error) {
+    console.error('Failed to create session:', error)
+    return NextResponse.json(
+      { success: false, error: 'Failed to create session' },
+      { status: 500 }
+    )
+  }
+}

package/packages/web/app/api/claude/status/route.ts

@@ -0,0 +1,34 @@
+import { NextResponse } from 'next/server'
+import { exec } from 'child_process'
+import { promisify } from 'util'
+
+const execAsync = promisify(exec)
+
+export const dynamic = 'force-dynamic'
+
+export async function GET() {
+  try {
+    // Check if claude is available
+    const { stdout } = await execAsync('which claude && claude --version 2>/dev/null || echo "not found"')
+    const lines = stdout.trim().split('\n')
+
+    const available = !stdout.includes('not found') && lines.length > 0
+    const version = available ? lines[lines.length - 1] : null
+
+    return NextResponse.json({
+      success: true,
+      data: {
+        available,
+        version
+      }
+    })
+  } catch (error) {
+    return NextResponse.json({
+      success: true,
+      data: {
+        available: false,
+        version: null
+      }
+    })
+  }
+}

package/packages/web/app/api/projects/[id]/delete/route.ts

@@ -0,0 +1,21 @@
+import { NextResponse } from 'next/server'
+import { moveToTrash } from '@/lib/projects'
+
+export const dynamic = 'force-dynamic'
+
+export async function POST(
+  request: Request,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const { id } = await params
+    const result = await moveToTrash(id)
+    return NextResponse.json({ success: true, ...result })
+  } catch (error) {
+    const message = error instanceof Error ? error.message : 'Failed to delete project'
+    return NextResponse.json(
+      { success: false, error: message },
+      { status: 500 }
+    )
+  }
+}

package/packages/web/app/api/projects/[id]/icon/route.ts

@@ -0,0 +1,33 @@
+import { NextResponse } from 'next/server'
+import { promises as fs } from 'fs'
+import { getProjects } from '@/lib/projects'
+import { lookup } from 'mime-types'
+
+export const dynamic = 'force-dynamic'
+
+export async function GET(
+  request: Request,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  try {
+    const { id } = await params
+    const projects = await getProjects()
+    const project = projects.find(p => p.id === id)
+
+    if (!project?.iconPath) {
+      return new NextResponse(null, { status: 404 })
+    }
+
+    const file = await fs.readFile(project.iconPath)
+    const mimeType = lookup(project.iconPath) || 'application/octet-stream'
+
+    return new NextResponse(file, {
+      headers: {
+        'Content-Type': mimeType,
+        'Cache-Control': 'public, max-age=86400'
+      }
+    })
+  } catch {
+    return new NextResponse(null, { status: 404 })
+  }
+}

package/packages/web/app/api/projects/[id]/route.ts

@@ -0,0 +1,29 @@
+import { NextResponse } from 'next/server'
+import { getProject } from '@/lib/projects'
+
+export const dynamic = 'force-dynamic'
+
+export async function GET(
+  request: Request,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  const { id } = await params
+
+  try {
+    const project = await getProject(id)
+
+    if (!project) {
+      return NextResponse.json(
+        { success: false, error: 'Project not found' },
+        { status: 404 }
+      )
+    }
+
+    return NextResponse.json({ success: true, data: project })
+  } catch (error) {
+    return NextResponse.json(
+      { success: false, error: 'Failed to get project' },
+      { status: 500 }
+    )
+  }
+}

package/packages/web/app/api/projects/[id]/stats/route.ts

@@ -0,0 +1,36 @@
+import { NextRequest, NextResponse } from 'next/server'
+import { getProjectStats, getRawProjectFiles } from '@/lib/parse-prjct-files'
+
+export async function GET(
+  request: NextRequest,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  const { id: projectId } = await params
+
+  if (!projectId) {
+    return NextResponse.json(
+      { success: false, error: 'Project ID required' },
+      { status: 400 }
+    )
+  }
+
+  try {
+    // Get both parsed stats AND raw files
+    const [stats, raw] = await Promise.all([
+      getProjectStats(projectId),
+      getRawProjectFiles(projectId)
+    ])
+
+    return NextResponse.json({
+      success: true,
+      data: stats,
+      raw  // Raw markdown files for direct rendering
+    })
+  } catch (error) {
+    console.error('[API] Error getting project stats:', error)
+    return NextResponse.json(
+      { success: false, error: 'Failed to get project stats' },
+      { status: 500 }
+    )
+  }
+}

package/packages/web/app/api/projects/[id]/status/route.ts

@@ -0,0 +1,21 @@
+import { NextResponse } from 'next/server'
+import { getProjectStatus } from '@/lib/projects'
+
+export const dynamic = 'force-dynamic'
+
+export async function GET(
+  request: Request,
+  { params }: { params: Promise<{ id: string }> }
+) {
+  const { id } = await params
+
+  try {
+    const status = await getProjectStatus(id)
+    return NextResponse.json({ success: true, data: status })
+  } catch (error) {
+    return NextResponse.json(
+      { success: false, error: 'Failed to get status' },
+      { status: 500 }
+    )
+  }
+}

package/packages/web/app/api/projects/route.ts

@@ -0,0 +1,16 @@
+import { NextResponse } from 'next/server'
+import { getProjects } from '@/lib/projects'
+
+export const dynamic = 'force-dynamic'
+
+export async function GET() {
+  try {
+    const projects = await getProjects()
+    return NextResponse.json({ success: true, data: projects })
+  } catch (error) {
+    return NextResponse.json(
+      { success: false, error: 'Failed to list projects' },
+      { status: 500 }
+    )
+  }
+}

package/packages/web/app/api/sessions/history/route.ts

@@ -0,0 +1,122 @@
+import { NextResponse } from 'next/server'
+import { promises as fs } from 'fs'
+import { join } from 'path'
+import { homedir } from 'os'
+
+export const dynamic = 'force-dynamic'
+
+interface SessionEvent {
+  ts?: string
+  timestamp?: string
+  type?: string
+  action?: string
+}
+
+interface DailyStats {
+  date: string
+  tasks: number
+  ships: number
+}
+
+export async function GET() {
+  try {
+    const globalStorage = join(homedir(), '.prjct-cli', 'projects')
+
+    let projects: string[]
+    try {
+      projects = await fs.readdir(globalStorage)
+    } catch {
+      return NextResponse.json({
+        success: true,
+        data: {
+          chartData: [],
+          totals: { tasks: 0, ships: 0 },
+          dateRange: { start: '', end: '' }
+        }
+      })
+    }
+
+    // Aggregate by date
+    const dailyMap = new Map<string, { tasks: number; ships: number }>()
+
+    // Calculate date range (last 90 days)
+    const endDate = new Date()
+    const startDate = new Date()
+    startDate.setDate(startDate.getDate() - 90)
+
+    for (const projectId of projects) {
+      const contextPath = join(globalStorage, projectId, 'memory', 'context.jsonl')
+
+      try {
+        const content = await fs.readFile(contextPath, 'utf-8')
+        const lines = content.trim().split('\n').filter(Boolean)
+
+        for (const line of lines) {
+          try {
+            const event: SessionEvent = JSON.parse(line)
+            const timestamp = event.ts || event.timestamp
+            if (!timestamp) continue
+
+            const eventDate = new Date(timestamp)
+            if (isNaN(eventDate.getTime())) continue
+            if (eventDate < startDate || eventDate > endDate) continue
+
+            const dateKey = eventDate.toISOString().split('T')[0]
+            const current = dailyMap.get(dateKey) || { tasks: 0, ships: 0 }
+
+            const eventType = event.type || event.action
+
+            // Count tasks completed
+            if (eventType === 'task_complete' || eventType === 'task_completed') {
+              current.tasks++
+            }
+
+            // Count features shipped
+            if (eventType === 'feature_ship' || eventType === 'feature_shipped') {
+              current.ships++
+            }
+
+            dailyMap.set(dateKey, current)
+          } catch {
+            // Skip malformed lines
+          }
+        }
+      } catch {
+        // Skip projects without context.jsonl
+      }
+    }
+
+    // Convert to sorted array
+    const data: DailyStats[] = Array.from(dailyMap.entries())
+      .map(([date, stats]) => ({
+        date,
+        tasks: stats.tasks,
+        ships: stats.ships
+      }))
+      .sort((a, b) => a.date.localeCompare(b.date))
+
+    // Calculate totals for summary
+    const totals = {
+      tasks: data.reduce((sum, d) => sum + d.tasks, 0),
+      ships: data.reduce((sum, d) => sum + d.ships, 0)
+    }
+
+    return NextResponse.json({
+      success: true,
+      data: {
+        chartData: data,
+        totals,
+        dateRange: {
+          start: startDate.toISOString().split('T')[0],
+          end: endDate.toISOString().split('T')[0]
+        }
+      }
+    })
+  } catch (error) {
+    console.error('Sessions history error:', error)
+    return NextResponse.json(
+      { success: false, error: 'Failed to fetch session history' },
+      { status: 500 }
+    )
+  }
+}

package/packages/web/app/api/stats/route.ts

@@ -0,0 +1,38 @@
+import { NextResponse } from 'next/server'
+import { getProjects } from '@/lib/projects'
+import { exec } from 'child_process'
+import { promisify } from 'util'
+
+const execAsync = promisify(exec)
+
+export const dynamic = 'force-dynamic'
+
+async function getGitUserName(): Promise<string> {
+  try {
+    const { stdout } = await execAsync('git config user.name')
+    return stdout.trim() || 'Developer'
+  } catch {
+    return 'Developer'
+  }
+}
+
+export async function GET() {
+  try {
+    const [projects, userName] = await Promise.all([
+      getProjects(),
+      getGitUserName()
+    ])
+
+    const stats = {
+      userName,
+      totalProjects: projects.length
+    }
+
+    return NextResponse.json({ success: true, data: stats })
+  } catch {
+    return NextResponse.json(
+      { success: false, error: 'Failed to get stats' },
+      { status: 500 }
+    )
+  }
+}

package/packages/web/app/error.tsx

@@ -0,0 +1,34 @@
+'use client'
+
+import { useEffect } from 'react'
+import { Button } from '@/components/ui/button'
+import { AlertTriangle } from 'lucide-react'
+
+export default function Error({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string }
+  reset: () => void
+}) {
+  useEffect(() => {
+    console.error(error)
+  }, [error])
+
+  return (
+    <div className="flex items-center justify-center h-full">
+      <div className="text-center space-y-4">
+        <div className="w-16 h-16 rounded-full bg-destructive/10 flex items-center justify-center mx-auto">
+          <AlertTriangle className="w-8 h-8 text-destructive" />
+        </div>
+        <div>
+          <h2 className="text-lg font-medium">Something went wrong</h2>
+          <p className="text-sm text-muted-foreground mt-1">{error.message}</p>
+        </div>
+        <Button onClick={reset} variant="outline">
+          Try again
+        </Button>
+      </div>
+    </div>
+  )
+}

package/packages/web/app/globals.css

@@ -0,0 +1,155 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+@import "@xterm/xterm/css/xterm.css";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+  --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) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+}
+
+:root {
+  --radius: 0.625rem;
+  --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.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --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);
+}
+
+.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.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --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);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
+
+/* Terminal styles */
+.xterm {
+  padding: 8px 4px;
+}
+
+.xterm-viewport {
+  overflow-y: auto !important;
+}
+
+/* Logo - Fancy border animation */
+@keyframes borderAnimation {
+  0% { background-position: 0% 50%; }
+  50% { background-position: 100% 50%; }
+  100% { background-position: 0% 50%; }
+}
+
+.fancy-border {
+  position: absolute;
+  inset: -3px;
+  border-radius: 12px;
+  background: linear-gradient(45deg, #ff3d00, #00c6ff, #7a00ff, #09ff00, #ff3d00);
+  background-size: 400% 400%;
+  z-index: 0;
+  animation: borderAnimation 8s ease infinite;
+  filter: blur(4px);
+  opacity: 0.8;
+}
+
+.fancy-border.rounded-full {
+  border-radius: 9999px;
+}

package/packages/web/app/layout.tsx

@@ -0,0 +1,43 @@
+import type { Metadata } from 'next'
+import { Geist, Geist_Mono } from 'next/font/google'
+import './globals.css'
+import { Providers } from '@/components/providers'
+import { AppSidebar } from '@/components/AppSidebar'
+
+const geistSans = Geist({
+  variable: '--font-geist-sans',
+  subsets: ['latin'],
+})
+
+const geistMono = Geist_Mono({
+  variable: '--font-geist-mono',
+  subsets: ['latin'],
+})
+
+export const metadata: Metadata = {
+  title: 'prjct - Developer Momentum',
+  description: 'Ship fast, track progress, stay focused.',
+}
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode
+}>) {
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <body
+        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+      >
+        <Providers>
+          <div className="flex h-screen bg-background">
+            <AppSidebar />
+            <main className="flex-1 overflow-hidden">
+              {children}
+            </main>
+          </div>
+        </Providers>
+      </body>
+    </html>
+  )
+}