f909642ce1
## Summary
Adds a line-by-line performance profiler visualization to the webapp,
allowing users to compare execution times between original and optimized
code.
## Changes
### New Line Profiler View
- **`LineProfilerView.tsx`**: Side-by-side comparison component showing:
- Line-by-line execution times with heat map visualization
- Syntax highlighting using `prism-react-renderer`
- Collapsible function blocks
- Light/dark mode support
- Heat legend (cold → hot based on % time)
- **`lineProfilerParser.ts`**: Parser utilities for line profiler data:
- `parseLineProfilerResults()` - parses markdown table output from
Python's line_profiler
- `formatTime()` - converts timer units to human-readable format (ns,
µs, ms, s)
- `getHeatLevel()` - determines heat coloring based on % time
- **`/review-optimizations/[traceId]/profiler/page.tsx`**: New route for
the profiler view
### API Changes
- **`create-pr.ts`**: Adds "📊 Performance Profile" link to PR
description when profiler data exists
- **`github-app.ts`**: Removes line profiler data from metadata when PR
is closed/merged
- **`create-staging.ts`**, **`suggest-pr-changes.ts`**: Handle line
profiler data in staging
- **`staging-storage-strategy.ts`**: Interface updates for line profiler
fields
### Webapp Integration
- **`page.tsx`**: Added "Performance Profile" button (only visible when
profiler data exists)
- **`action.ts`**: Sends line profiler data when creating PR from webapp
Fixes CF-1018
https://codeflash-ai.slack.com/files/U08MSR1UN6L/F0A9YVDJY75/screen_recording_2026-01-21_at_10.03.18___pm.mov
https://github.com/HeshamHM28/my-best-repo/pull/21
linked to https://github.com/codeflash-ai/codeflash/pull/1139
---------
Co-authored-by: Aseem Saxena <aseem.bits@gmail.com>
|
||
|---|---|---|
| .. | ||
| .vscode | ||
| media | ||
| packages | ||
| src | ||
| .gitignore | ||
| .prettierignore | ||
| .prettierrc | ||
| .vscodeignore | ||
| ARCHITECTURE.md | ||
| CHANGELOG.md | ||
| esbuild.js | ||
| eslint.config.mjs | ||
| EXTENSION_GUIDE.md | ||
| IMPLEMENTATION_SUMMARY.md | ||
| License.md | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| REFACTORING_SUMMARY.md | ||
| tsconfig.json | ||
| vsc-extension-quickstart.md | ||
Codeflash VS Code Extension
With Codeflash, all the Python code you and your agents write can be always optimal. One-click optimization, automate optimization after every commit, and see optimization progress in real time, and more.
Codeflash does everything that an expert performance engineer would do to find optimizations. It profiles your code, generates multiple optimization ideas, generates tests, and finds the fastest code that is correct and safe to merge.
Features
- ⚡ One-Click Optimization - Find AI-generated optimizations easily with CodeLens hints
- 📊 Real-time Progress - Track optimization progress with detailed status updates
- ✨ Inline Optimization Suggestions - See optimization opportunities directly above function definitions
- 🎯 Smart Function Detection - Automatically identifies optimizable Python functions
- 🔄 Git Integration - Optimize only changed functions with "Optimize Changed Functions"
- 🎨 Clean Interface - Keeps you in the flow, finds optimizations in the background and stays out of your way until it finds and optimization.
Requirements
- Python 3.9+
- Git repository (required)
- VS Code 1.94.0+
Quick Start
- Install the Codeflash extension from the Extension Marketplace
- Follow the installation flow to initialize Codeflash
- Open a Python file - Codeflash activates automatically
- See
optimizesuggestions appear above optimizable functions - Click to optimize or use the sidebar to manage optimizations
Usage
Inline CodeLens
# optimize <- Click to optimize
def slow_function(data):
result = []
for item in data:
if item in [1, 2, 3, 4, 5]:
result.append(item * 2)
return result
Key Workflow
- Code normally - Write and modify Python functions
- See suggestions - Codeflash shows optimization opportunities
- Optimize selectively - Choose which functions to improve
- Track progress - Monitor optimizations in the sidebar
- Review changes - View diffs and apply improvements
Documentation
📖 Complete Documentation: https://docs.codeflash.ai/
Key Resources:
Troubleshooting
Extension won't activate?
- Ensure you've run
codeflash initin your project - Verify Git repository exists (
.gitfolder) - Check Python 3.9+ is installed and in PATH
No functions showing?
- Open a
.pyfile with functions - Wait for analysis to complete
- Check VS Code Output → Codeflash for errors
Need help?
- View logs:
View → Output → Codeflash - Report issues: https://github.com/codeflash-ai/codeflash/issues