Grab any codebase as .txt in one click. GitHub, Monaco, StackBlitz, GitLab—every dev's dream when you need it.
Google-approved Chrome extension that extracts code context from ANY development environment. Monaco editor? React sandbox? GitHub repo? One click → perfect .txt context → ready for Claude, Cursor, or any AI.
The Problem: You're testing something in StackBlitz, you need to ask Claude about it, but copying code manually is a pain.
The Solution: One click. Entire codebase → clipboard as clean .txt. Works on GitHub, Monaco editor, React playgrounds, GitLab, anywhere.
My Story: Built it for myself while testing. Needed it. Google approved it. Success. Nine downloads. Zero reviews. But it's top-notch as you'd expect—when you need it, you NEED it.
The Format: The .txt output is a pre-cursor to .faf—any FAF tool gobbles it up like an appetizer. It's the universal handoff format for AI context.
- 🔍 Works on 15+ platforms - GitHub, Monaco, CodeMirror, StackBlitz, GitLab, Replit
- 📋 One-click extraction - Entire codebase → clipboard in <300ms
- 🎯 Clean .txt format - Human-readable, AI-ready, .faf-compatible
- ⚡ Zero config - Install, click icon, done
- 🛡️ Google Approved - Passed security review, live in Chrome Web Store
Or build from source:
git clone https://github.com/Wolfe-Jam/faf-chrome-extension.git
cd faf-chrome-extension
npm install && npm run build- Open any GitHub repo, Monaco editor, StackBlitz, etc.
- Click FAF extension icon 🚀
- Click "Extract Context"
- Context copied to clipboard as clean .txt
- Paste into Claude, Cursor, or any AI
Without FAF:
You: "Help with this React component"
AI: "Which component? Show me the code"
You: [manually copies files one by one]
With FAF:
You: [pastes FAF .txt] "Help with this React component"
AI: "I see you're using React 18 with Vite, here's what I'd change in Button.tsx..."
FAF works intelligently across all major development environments:
| Platform | Support Level | Features |
|---|---|---|
| GitHub | 🟢 Full | File trees, README detection, dependency analysis |
| Monaco Editor | 🟢 Full | Multi-file extraction, language detection |
| CodeSandbox | 🟢 Full | Project structure, live file content |
| StackBlitz | 🟢 Full | WebContainer integration, real-time analysis |
| CodeMirror | 🟡 Partial | Code block extraction, basic structure |
| VS Code Web | 🟡 Partial | File content, workspace detection |
| Generic Sites | 🟡 Basic | Code block identification, language detection |
FAF generates structured JSON files with comprehensive project context:
{
"version": "1.0.0",
"generated": "2025-01-23T10:30:00Z",
"score": 87,
"context": {
"platform": "github",
"structure": {
"files": [...],
"directories": [...],
"entryPoints": ["index.js", "package.json"]
},
"dependencies": {
"runtime": {"language": "JavaScript", "packageManager": "npm"},
"packages": [...]
},
"environment": {
"variables": [...],
"configFiles": [...]
}
}
}FAF is built with modern web technologies for maximum performance:
┌─────────────────┐ ┌─────────────────┐ ┌─────────────────┐
│ Popup UI │ │ Content Script │ │ Service Worker │
│ (Svelte 5) │◄──►│ (Platform │◄──►│ (Background │
│ │ │ Detection) │ │ Telemetry) │
└─────────────────┘ └─────────────────┘ └─────────────────┘
│ │ │
└───────────────────────┼───────────────────────┘
▼
┌─────────────────────────┐
│ FAF Engine Core │
│ • Platform Detection │
│ • Context Extraction │
│ • Quality Scoring │
│ • Error Recovery │
└─────────────────────────┘
- Node.js 18+
- Chrome/Chromium browser
- npm or pnpm
# Clone the repository
git clone https://github.com/Wolfe-Jam/faf-production.git
cd faf-production
# Install dependencies
npm install
# Start development mode
npm run dev
# Build for production
npm run build
# Run tests
npm test
# Lint and format
npm run lint
npm run formatfaf-production/
├── src/
│ ├── core/ # Core FAF engine and algorithms
│ ├── adapters/ # Platform-specific adapters
│ ├── ui/ # Popup and content script UI
│ └── background/ # Service worker and background tasks
├── public/ # Extension manifest and assets
├── tests/ # Test suites
└── dist/ # Built extension files
We welcome contributions! Please see our Contributing Guide for details.
- Fork the repository
- Create a feature branch:
git checkout -b feature/amazing-feature - Make your changes and add tests
- Run the test suite:
npm test - Commit with a clear message:
git commit -m 'Add amazing feature' - Push to your fork:
git push origin feature/amazing-feature - Open a Pull Request
FAF is engineered for speed:
- ⚡ < 300ms average extraction time
- 🎯 95%+ accuracy on supported platforms
- 📦 < 70KB extension size
- 🔄 < 5MB memory usage
- ⚖️ 0 network requests (works offline)
- 🔐 No data collection - Everything runs locally
- 🚫 No network requests - Complete offline operation
- 🔒 No storage of sensitive information
- ✅ Open source - Fully auditable code
- 🛡️ CSP compliant - Works on security-focused sites
- Replit integration
- Gitpod support
- CodeSpaces compatibility
- Standalone command-line interface
- GitHub Actions integration
- CI/CD pipeline support
- Official specification release
- Multi-language implementations
- IDE plugin ecosystem
This project is licensed under the MIT License - see the LICENSE file for details.
- Built with Svelte 5 and modern web APIs
- Inspired by the need for better AI context in development workflows
- Powered by the developer community's feedback and contributions
- 🐛 Bug Reports: GitHub Issues
- 💡 Feature Requests: GitHub Discussions
- 💬 Community: Discord Server (coming soon)
- 📧 Contact: hello@faf.dev
Install Extension • View Docs • Join Community
Made with ⚡ by developers, for developers.