@leanspec/ui 0.2.7-dev.20251126090633 → 0.2.7

package/.next/standalone/packages/ui/.next/server/server-reference-manifest.js

@@ -1 +1 @@
-self.__RSC_SERVER_MANIFEST="{\n  \"node\": {},\n  \"edge\": {},\n  \"encryptionKey\": \"U3hug/yNPAS5+aws5hAJVrfmbdtqwBNwVs4i6z9ByZ8=\"\n}"
+self.__RSC_SERVER_MANIFEST="{\n  \"node\": {},\n  \"edge\": {},\n  \"encryptionKey\": \"X6baKT2P2HdImpZ9qRia9gXOXjfywPvuIsm+2zMSTPE=\"\n}"

package/.next/standalone/packages/ui/.next/server/server-reference-manifest.json

@@ -1,5 +1,5 @@
 {
   "node": {},
   "edge": {},
-  "encryptionKey": "U3hug/yNPAS5+aws5hAJVrfmbdtqwBNwVs4i6z9ByZ8="
+  "encryptionKey": "X6baKT2P2HdImpZ9qRia9gXOXjfywPvuIsm+2zMSTPE="
 }

package/.next/standalone/packages/ui/dist/standalone/packages/web/README.md

@@ -0,0 +1,196 @@
+# LeanSpec Web
+
+> Interactive spec showcase platform for browsing and exploring LeanSpec specifications
+
+A fullstack web application built with Next.js 16, showcasing LeanSpec's own specifications in a rich, interactive format. This is the MVP (Phase 1) implementation for spec 035-live-specs-showcase.
+
+## Features
+
+✨ **Core Features (MVP - Phase 1)**:
+- 📊 **Stats Dashboard**: Visual overview of project metrics and completion rates
+- 🔍 **Search & Filtering**: Find specs by title, name, tags, status, or priority
+- 📋 **Spec Browser**: Table view with sortable columns and detailed information
+- 🎯 **Kanban Board**: Visual workflow tracking across all statuses
+- 📝 **Rich Markdown Rendering**: Syntax-highlighted code blocks and GitHub-flavored markdown
+- 🎨 **Modern UI**: Built with shadcn/ui components and Tailwind CSS
+- 🌐 **Navigation**: Clean header with routing between pages
+- ⚡ **Loading States**: Skeleton loaders for better UX
+- 🛡️ **Error Handling**: Custom 404 and error pages
+
+## Tech Stack
+
+- **Framework**: Next.js 16 with App Router
+- **UI**: React 19, Tailwind CSS 4, shadcn/ui components
+- **Database**: SQLite (dev) with Drizzle ORM
+- **Markdown**: react-markdown with syntax highlighting (highlight.js)
+- **Icons**: lucide-react
+- **Testing**: Vitest
+
+## Getting Started
+
+### Prerequisites
+
+- Node.js 18+ 
+- pnpm (monorepo package manager)
+
+### Installation
+
+From the monorepo root:
+
+```bash
+# Install dependencies
+pnpm install
+
+# Navigate to web package
+cd packages/web
+```
+
+### Database Setup
+
+```bash
+# Generate migrations
+npm run db:generate
+
+# Run migrations
+npm run db:migrate
+
+# Seed database with LeanSpec specs
+npm run db:seed
+```
+
+### Development
+
+```bash
+# Start dev server (from packages/web)
+npm run dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) to see the application.
+
+### Build
+
+```bash
+# Type check
+npm run typecheck
+
+# Build for production
+npm run build
+
+# Start production server
+npm run start
+```
+
+### Testing
+
+```bash
+# Run tests once
+npm run test
+
+# Watch mode
+npm run test:watch
+
+# UI mode
+npm run test:ui
+```
+
+## Project Structure
+
+```
+src/
+├── app/                    # Next.js App Router pages
+│   ├── api/               # API routes
+│   │   ├── projects/      # Projects endpoints
+│   │   ├── specs/         # Specs endpoints
+│   │   └── stats/         # Statistics endpoint
+│   ├── board/             # Kanban board page
+│   ├── specs/[id]/        # Spec detail page
+│   ├── error.tsx          # Error boundary
+│   ├── loading.tsx        # Global loading state
+│   ├── not-found.tsx      # 404 page
+│   ├── page.tsx           # Home page (server)
+│   └── home-client.tsx    # Home page (client)
+├── components/
+│   ├── ui/                # shadcn/ui components
+│   │   ├── badge.tsx
+│   │   ├── button.tsx
+│   │   ├── card.tsx
+│   │   ├── input.tsx
+│   │   └── skeleton.tsx
+│   └── navigation.tsx     # Header navigation
+├── lib/
+│   ├── db/                # Database layer
+│   │   ├── index.ts       # DB connection
+│   │   ├── schema.ts      # Drizzle schema
+│   │   ├── queries.ts     # Data access layer
+│   │   ├── migrate.ts     # Migration runner
+│   │   └── seed.ts        # Database seeding
+│   └── utils.ts           # Utility functions
+└── types/                 # TypeScript types
+```
+
+## Database Schema
+
+- **projects**: GitHub repositories using LeanSpec
+- **specs**: Cached specification content from GitHub
+- **spec_relationships**: Dependencies and relationships between specs
+- **sync_logs**: Audit trail for GitHub sync operations
+
+## Available Scripts
+
+| Command | Description |
+|---------|-------------|
+| `npm run dev` | Start development server |
+| `npm run build` | Build for production |
+| `npm run start` | Start production server |
+| `npm run lint` | Run ESLint |
+| `npm run typecheck` | Type check with TypeScript |
+| `npm run test` | Run tests once |
+| `npm run test:watch` | Run tests in watch mode |
+| `npm run test:ui` | Run tests with UI |
+| `npm run db:generate` | Generate Drizzle migrations |
+| `npm run db:migrate` | Run database migrations |
+| `npm run db:studio` | Open Drizzle Studio |
+| `npm run db:seed` | Seed database with specs |
+
+## Roadmap
+
+### ✅ Phase 1: Foundation & MVP (Complete)
+- Core pages and navigation
+- Search and filtering
+- Kanban board view
+- Error handling and loading states
+- Basic testing
+
+### 🚧 Phase 2: GitHub Integration (Upcoming)
+- Multi-project support
+- Automatic GitHub sync
+- Scheduled cron jobs
+- Enhanced error handling
+
+### 📋 Phase 3: Community & Discovery (Future)
+- Public project explorer
+- Full-text search across projects
+- Spec relationship visualization
+- Export to PDF
+
+### 🔮 Phase 4: Advanced Features (Future)
+- GitHub OAuth for private repos
+- Real-time webhooks
+- Version history and diffs
+- Team collaboration features
+
+## Contributing
+
+This is part of the LeanSpec monorepo. See the main README for contribution guidelines.
+
+## License
+
+Same as the LeanSpec project.
+
+## Documentation
+
+For detailed architecture, design decisions, and implementation details, see:
+- [Spec 035 README](../../specs/035-live-specs-showcase/README.md)
+- [Architecture](../../specs/035-live-specs-showcase/ARCHITECTURE.md)
+- [Implementation Plan](../../specs/035-live-specs-showcase/IMPLEMENTATION.md)
+

package/.next/standalone/packages/ui/dist/standalone/packages/web/components.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.ts",
+    "css": "src/app/globals.css",
+    "baseColor": "slate",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  }
+}

package/.next/standalone/packages/ui/dist/standalone/packages/web/drizzle/0000_reflective_thena.sql

@@ -0,0 +1,59 @@
+CREATE TABLE `projects` (
+	`id` text PRIMARY KEY NOT NULL,
+	`github_owner` text NOT NULL,
+	`github_repo` text NOT NULL,
+	`display_name` text,
+	`description` text,
+	`homepage_url` text,
+	`stars` integer DEFAULT 0,
+	`is_public` integer DEFAULT true,
+	`is_featured` integer DEFAULT false,
+	`last_synced_at` integer,
+	`created_at` integer NOT NULL,
+	`updated_at` integer NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE `spec_relationships` (
+	`id` text PRIMARY KEY NOT NULL,
+	`spec_id` text NOT NULL,
+	`related_spec_id` text NOT NULL,
+	`relationship_type` text NOT NULL,
+	`created_at` integer NOT NULL,
+	FOREIGN KEY (`spec_id`) REFERENCES `specs`(`id`) ON UPDATE no action ON DELETE cascade,
+	FOREIGN KEY (`related_spec_id`) REFERENCES `specs`(`id`) ON UPDATE no action ON DELETE cascade
+);
+--> statement-breakpoint
+CREATE TABLE `specs` (
+	`id` text PRIMARY KEY NOT NULL,
+	`project_id` text NOT NULL,
+	`spec_number` integer,
+	`spec_name` text NOT NULL,
+	`title` text,
+	`status` text,
+	`priority` text,
+	`tags` text,
+	`assignee` text,
+	`content_md` text NOT NULL,
+	`content_html` text,
+	`created_at` integer,
+	`updated_at` integer,
+	`completed_at` integer,
+	`file_path` text NOT NULL,
+	`github_url` text,
+	`synced_at` integer NOT NULL,
+	FOREIGN KEY (`project_id`) REFERENCES `projects`(`id`) ON UPDATE no action ON DELETE cascade
+);
+--> statement-breakpoint
+CREATE TABLE `sync_logs` (
+	`id` text PRIMARY KEY NOT NULL,
+	`project_id` text NOT NULL,
+	`status` text NOT NULL,
+	`specs_added` integer DEFAULT 0,
+	`specs_updated` integer DEFAULT 0,
+	`specs_deleted` integer DEFAULT 0,
+	`error_message` text,
+	`started_at` integer NOT NULL,
+	`completed_at` integer,
+	`duration_ms` integer,
+	FOREIGN KEY (`project_id`) REFERENCES `projects`(`id`) ON UPDATE no action ON DELETE cascade
+);

package/.next/standalone/packages/ui/dist/standalone/packages/web/drizzle/0001_fresh_carmella_unuscione.sql

@@ -0,0 +1 @@
+CREATE UNIQUE INDEX `unique_spec_number` ON `specs` (`project_id`,`spec_number`);