mirror of
https://github.com/codeflash-ai/codeflash-internal.git
synced 2026-05-04 18:25:18 +00:00
## Summary - The Monaco diff editor on `/trace/[id]` pages was not loading because `@monaco-editor/react` fetches JS, CSS, and font assets from `cdn.jsdelivr.net` by default - The Content Security Policy in `next.config.mjs` blocked those requests (missing from `script-src`, `style-src`, `font-src`) - Added `https://cdn.jsdelivr.net` to the three relevant CSP directives ## Test plan - [ ] Open a trace page (e.g. `/trace/c0668bd3-9321-4082-9c43-3e41bdd9b1c5`) and verify the code diff renders - [ ] Check browser console for no remaining CSP violations - [ ] Verify no regressions on other pages 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com> Co-authored-by: Sarthak Agarwal <sarthak.saga@gmail.com> |
||
|---|---|---|
| .. | ||
| cf-api | ||
| cf-webapp | ||
| common | ||
| VSC-Extension | ||
| .npmrc | ||
| CLAUDE.md | ||
| package.json | ||
| pnpm-lock.yaml | ||
| pnpm-workspace.yaml | ||
| 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
├── VSC-Extension/ # VS Code extension
└── pnpm-workspace.yaml
Prerequisites
- Node.js (v20+)
- pnpm (v10+):
npm install -g pnpm - Prisma CLI (installed as devDependency)
Setup
1. Clone the Repository
git clone https://github.com/your-org/codeflash-ai.git
cd codeflash-ai/js
2. Install Dependencies
# Install all workspace dependencies from js/
pnpm install
3. Database Configuration
# Generate Prisma client and run migrations
cd common
pnpm prisma generate
pnpm prisma migrate dev
Development Workflow
Start Development Servers
# From js/ workspace root:
pnpm --filter cf-api dev
pnpm --filter cf-webapp dev
Build
# Build individual packages
pnpm --filter cf-webapp build
pnpm --filter cf-api build
pnpm --filter @codeflash-ai/common build
Key Components
Common Package (@codeflash-ai/common)
- Shared TypeScript utilities
- Prisma database schema
- Reusable functions across projects
- Referenced as
"workspace:*"by cf-api and cf-webapp
Usage Example
import { createOrUpdateUser } from "@codeflash-ai/common"
Best Practices
- Always install from the workspace root (
js/) - 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
cd common
pnpm build
pnpm publish