mirror of
https://github.com/codeflash-ai/codeflash-internal.git
synced 2026-05-04 18:25:18 +00:00
## Summary - Adds `/report` page showing results of the 20-PR webapp optimization sprint - Team-member only access (guarded in `proxy.ts` + server component `isTeamMember()` check) - Full-width layout (no sidebar), matching `/roadmap` and `/observability` patterns - Dual-view toggle: Executive Summary / Engineering Details - chart.js charts with datalabels matching the original Plotly Dash report - Full light/dark theme support via Tailwind `dark:` variants ## Files - **New**: `src/app/report/page.tsx`, `src/components/report/report-charts.tsx`, `src/components/report/report-toggle.tsx` - **Modified**: `proxy.ts` (added `/report` + `/roadmap` to team-member guard), `conditional-layout.tsx` (hide sidebar for `/report`) - **Dep**: `chartjs-plugin-datalabels` for bar/pie chart value labels ## Test plan - [ ] Visit `/report` as a CF team member — page renders with all sections - [ ] Toggle between Executive Summary and Engineering Details - [ ] Charts display with value labels and correct colors - [ ] Visit `/report` as a non-team-member — redirected to `/` - [ ] Light and dark mode both render correctly |
||
|---|---|---|
| .. | ||
| cf-api | ||
| cf-webapp | ||
| common | ||
| VSC-Extension | ||
| CLAUDE.md | ||
| README.md | ||
CodeFlash AI
Overview
CodeFlash AI is a JavaScript/TypeScript monorepo that provides a scalable and modular architecture for web applications, focusing on efficient code sharing and robust development practices.
Project Structure
js/
├── common/ # Shared code and database schema
├── cf-api/ # Backend API service
└── cf-webapp/ # Next.js web application
Prerequisites
- Node.js (v18+ recommended)
- npm (v9+)
- Prisma CLI
Setup
1. Clone the Repository
git clone https://github.com/your-org/codeflash-ai.git
cd codeflash-ai/js
2. Install Dependencies
# Install root and project dependencies
npm install
cd common && npm install
cd ../cf-api && npm install
cd ../cf-webapp && npm install
3. Database Configuration
# Generate Prisma client and run migrations
cd common
npx prisma generate
npx prisma migrate dev
Development Workflow
Start Development Servers
# Start API server
cd cf-api
For local development, developers would use `npm run dev`
For production (Azure), the system would use `npm run start`
# Start web application
cd cf-webapp
npm run dev
Build Common Package
cd common
npm run build
Key Components
Common Package (@codeflash-ai/common)
- Shared TypeScript utilities
- Prisma database schema
- Reusable functions across projects
Installation in Other Projects
npm install @codeflash-ai/common
Usage Example
import { createOrUpdateUser } from "@codeflash-ai/common"
Best Practices
- Always build the common package after making changes
- Keep shared logic in the
commonpackage - Use TypeScript for type safety
- Follow existing code structure
- Never commit sensitive data or build artifacts
Publishing common Package
# Publish common package to npm
cd common
npm run build
npm publish